@geomak/ui 6.32.0 → 6.34.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/chunk-4V4U2W7K.cjs +389 -0
- package/dist/chunk-4V4U2W7K.cjs.map +1 -0
- package/dist/chunk-KAFJJO5O.js +284 -0
- package/dist/chunk-KAFJJO5O.js.map +1 -0
- package/dist/icons/index.cjs +424 -0
- package/dist/icons/index.cjs.map +1 -0
- package/dist/icons/index.d.cts +274 -0
- package/dist/icons/index.d.ts +274 -0
- package/dist/icons/index.js +3 -0
- package/dist/icons/index.js.map +1 -0
- package/dist/index.cjs +16 -167
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +377 -623
- package/dist/index.d.ts +377 -623
- package/dist/index.js +8 -166
- package/dist/index.js.map +1 -1
- package/dist/styles.css +25 -0
- package/package.json +6 -1
package/dist/index.d.ts
CHANGED
|
@@ -1,259 +1,13 @@
|
|
|
1
1
|
export { C as COLORS, S as SemanticColorKey, a as SemanticSharedKey, V as VarColorKey, b as VarDensityKey, c as VarMotionKey, d as VarRadiusKey, e as VarShadowKey, f as VarTypoKey, g as VarZIndexKey, P as palette, s as semanticTokens, v as vars } from './index-5FQ64bx1.js';
|
|
2
|
+
export { CreateIconOptions, Icon, IconComponent, IconProps, createIcon } from './icons/index.js';
|
|
3
|
+
import * as react from 'react';
|
|
4
|
+
import react__default from 'react';
|
|
2
5
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
3
|
-
import * as React$1 from 'react';
|
|
4
|
-
import React__default from 'react';
|
|
5
6
|
import * as TooltipPrimitive from '@radix-ui/react-tooltip';
|
|
6
7
|
|
|
7
|
-
declare const Icon: {
|
|
8
|
-
(): react_jsx_runtime.JSX.Element;
|
|
9
|
-
Moon: ({ color }: {
|
|
10
|
-
color?: string;
|
|
11
|
-
}) => react_jsx_runtime.JSX.Element;
|
|
12
|
-
Sun: ({ color }: {
|
|
13
|
-
color?: string;
|
|
14
|
-
}) => react_jsx_runtime.JSX.Element;
|
|
15
|
-
CheckCircle: ({ color, size }: {
|
|
16
|
-
color?: string;
|
|
17
|
-
size?: number;
|
|
18
|
-
}) => react_jsx_runtime.JSX.Element;
|
|
19
|
-
Login: ({ color, size }: {
|
|
20
|
-
color?: string;
|
|
21
|
-
size?: number;
|
|
22
|
-
}) => react_jsx_runtime.JSX.Element;
|
|
23
|
-
Loading: ({ color, size }: {
|
|
24
|
-
color?: string;
|
|
25
|
-
size?: number;
|
|
26
|
-
}) => react_jsx_runtime.JSX.Element;
|
|
27
|
-
ToggleLoading: ({ color, loading, size }: {
|
|
28
|
-
color?: string;
|
|
29
|
-
loading?: boolean;
|
|
30
|
-
size?: number;
|
|
31
|
-
}) => react_jsx_runtime.JSX.Element;
|
|
32
|
-
Eye: ({ color, size }: {
|
|
33
|
-
color?: string;
|
|
34
|
-
size?: number;
|
|
35
|
-
}) => react_jsx_runtime.JSX.Element;
|
|
36
|
-
EyeSlash: ({ color, size }: {
|
|
37
|
-
color?: string;
|
|
38
|
-
size?: number;
|
|
39
|
-
}) => react_jsx_runtime.JSX.Element;
|
|
40
|
-
ArrowRight: ({ color, className }: {
|
|
41
|
-
color?: string;
|
|
42
|
-
className?: string;
|
|
43
|
-
}) => react_jsx_runtime.JSX.Element;
|
|
44
|
-
Minus: ({ color, className }: {
|
|
45
|
-
color?: string;
|
|
46
|
-
className?: string;
|
|
47
|
-
}) => react_jsx_runtime.JSX.Element;
|
|
48
|
-
Dashboard: ({ color, size }: {
|
|
49
|
-
color?: string;
|
|
50
|
-
size?: number;
|
|
51
|
-
}) => react_jsx_runtime.JSX.Element;
|
|
52
|
-
FleetIcon: ({ color, size }: {
|
|
53
|
-
color?: string;
|
|
54
|
-
size?: number;
|
|
55
|
-
}) => react_jsx_runtime.JSX.Element;
|
|
56
|
-
Performance: ({ color, size }: {
|
|
57
|
-
color?: string;
|
|
58
|
-
size?: number;
|
|
59
|
-
}) => react_jsx_runtime.JSX.Element;
|
|
60
|
-
Map: ({ color, size }: {
|
|
61
|
-
color?: string;
|
|
62
|
-
size?: number;
|
|
63
|
-
}) => react_jsx_runtime.JSX.Element;
|
|
64
|
-
CharterParty: ({ color, size }: {
|
|
65
|
-
color?: string;
|
|
66
|
-
size?: number;
|
|
67
|
-
}) => react_jsx_runtime.JSX.Element;
|
|
68
|
-
Compliance: ({ color, size }: {
|
|
69
|
-
color?: string;
|
|
70
|
-
size?: number;
|
|
71
|
-
}) => react_jsx_runtime.JSX.Element;
|
|
72
|
-
Applications: ({ color, size }: {
|
|
73
|
-
color?: string;
|
|
74
|
-
size?: number;
|
|
75
|
-
}) => react_jsx_runtime.JSX.Element;
|
|
76
|
-
PowerOff: ({ color, size }: {
|
|
77
|
-
color?: string;
|
|
78
|
-
size?: number;
|
|
79
|
-
}) => react_jsx_runtime.JSX.Element;
|
|
80
|
-
ChevronDown: ({ color, className }: {
|
|
81
|
-
color?: string;
|
|
82
|
-
className?: string;
|
|
83
|
-
}) => react_jsx_runtime.JSX.Element;
|
|
84
|
-
ChevronRight: ({ color, className }: {
|
|
85
|
-
color?: string;
|
|
86
|
-
className?: string;
|
|
87
|
-
}) => react_jsx_runtime.JSX.Element;
|
|
88
|
-
DoubleChevronRight: ({ color, className }: {
|
|
89
|
-
color?: string;
|
|
90
|
-
className?: string;
|
|
91
|
-
}) => react_jsx_runtime.JSX.Element;
|
|
92
|
-
Checked: ({ color, size }: {
|
|
93
|
-
color?: string;
|
|
94
|
-
size?: number;
|
|
95
|
-
}) => react_jsx_runtime.JSX.Element;
|
|
96
|
-
Search: ({ color, size }: {
|
|
97
|
-
color?: string;
|
|
98
|
-
size?: number;
|
|
99
|
-
}) => react_jsx_runtime.JSX.Element;
|
|
100
|
-
Calendar: ({ color, className }: {
|
|
101
|
-
color?: string;
|
|
102
|
-
className?: string;
|
|
103
|
-
}) => react_jsx_runtime.JSX.Element;
|
|
104
|
-
Clock: ({ color, className }: {
|
|
105
|
-
color?: string;
|
|
106
|
-
className?: string;
|
|
107
|
-
}) => react_jsx_runtime.JSX.Element;
|
|
108
|
-
ChartBoard: ({ color, className }: {
|
|
109
|
-
color?: string;
|
|
110
|
-
className?: string;
|
|
111
|
-
}) => react_jsx_runtime.JSX.Element;
|
|
112
|
-
BarChartBoard: ({ color, className }: {
|
|
113
|
-
color?: string;
|
|
114
|
-
className?: string;
|
|
115
|
-
}) => react_jsx_runtime.JSX.Element;
|
|
116
|
-
BarChartSquare: ({ color, className }: {
|
|
117
|
-
color?: string;
|
|
118
|
-
className?: string;
|
|
119
|
-
}) => react_jsx_runtime.JSX.Element;
|
|
120
|
-
ChartBar: ({ color, className }: {
|
|
121
|
-
color?: string;
|
|
122
|
-
className?: string;
|
|
123
|
-
}) => react_jsx_runtime.JSX.Element;
|
|
124
|
-
PieChart: ({ color, className }: {
|
|
125
|
-
color?: string;
|
|
126
|
-
className?: string;
|
|
127
|
-
}) => react_jsx_runtime.JSX.Element;
|
|
128
|
-
Shield: ({ color, className }: {
|
|
129
|
-
color?: string;
|
|
130
|
-
className?: string;
|
|
131
|
-
}) => react_jsx_runtime.JSX.Element;
|
|
132
|
-
Calculator: ({ color, className }: {
|
|
133
|
-
color?: string;
|
|
134
|
-
className?: string;
|
|
135
|
-
}) => react_jsx_runtime.JSX.Element;
|
|
136
|
-
Contract: ({ color, className }: {
|
|
137
|
-
color?: string;
|
|
138
|
-
className?: string;
|
|
139
|
-
}) => react_jsx_runtime.JSX.Element;
|
|
140
|
-
Buoy: ({ color, className }: {
|
|
141
|
-
color?: string;
|
|
142
|
-
className?: string;
|
|
143
|
-
}) => react_jsx_runtime.JSX.Element;
|
|
144
|
-
Cog: ({ color, className }: {
|
|
145
|
-
color?: string;
|
|
146
|
-
className?: string;
|
|
147
|
-
}) => react_jsx_runtime.JSX.Element;
|
|
148
|
-
Table: ({ color, className }: {
|
|
149
|
-
color?: string;
|
|
150
|
-
className?: string;
|
|
151
|
-
}) => react_jsx_runtime.JSX.Element;
|
|
152
|
-
Data: ({ color, className }: {
|
|
153
|
-
color?: string;
|
|
154
|
-
className?: string;
|
|
155
|
-
}) => react_jsx_runtime.JSX.Element;
|
|
156
|
-
XClose: ({ color, className }: {
|
|
157
|
-
color?: string;
|
|
158
|
-
className?: string;
|
|
159
|
-
}) => react_jsx_runtime.JSX.Element;
|
|
160
|
-
Grid: ({ color, size }: {
|
|
161
|
-
color?: string;
|
|
162
|
-
size?: number;
|
|
163
|
-
}) => react_jsx_runtime.JSX.Element;
|
|
164
|
-
Carousel: ({ color, size }: {
|
|
165
|
-
color?: string;
|
|
166
|
-
size?: number;
|
|
167
|
-
}) => react_jsx_runtime.JSX.Element;
|
|
168
|
-
PlusCircle: ({ color, className }: {
|
|
169
|
-
color?: string;
|
|
170
|
-
className?: string;
|
|
171
|
-
}) => react_jsx_runtime.JSX.Element;
|
|
172
|
-
Info: ({ color, className }: {
|
|
173
|
-
color?: string;
|
|
174
|
-
className?: string;
|
|
175
|
-
}) => react_jsx_runtime.JSX.Element;
|
|
176
|
-
Warning: ({ color, className }: {
|
|
177
|
-
color?: string;
|
|
178
|
-
className?: string;
|
|
179
|
-
}) => react_jsx_runtime.JSX.Element;
|
|
180
|
-
Error: ({ color, className }: {
|
|
181
|
-
color?: string;
|
|
182
|
-
className?: string;
|
|
183
|
-
}) => react_jsx_runtime.JSX.Element;
|
|
184
|
-
ShowMore: ({ color, className }: {
|
|
185
|
-
color?: string;
|
|
186
|
-
className?: string;
|
|
187
|
-
}) => react_jsx_runtime.JSX.Element;
|
|
188
|
-
Tweak: ({ color, className }: {
|
|
189
|
-
color?: string;
|
|
190
|
-
className?: string;
|
|
191
|
-
}) => react_jsx_runtime.JSX.Element;
|
|
192
|
-
Download: ({ color, className }: {
|
|
193
|
-
color?: string;
|
|
194
|
-
className?: string;
|
|
195
|
-
}) => react_jsx_runtime.JSX.Element;
|
|
196
|
-
Expand: ({ color, className }: {
|
|
197
|
-
color?: string;
|
|
198
|
-
className?: string;
|
|
199
|
-
}) => react_jsx_runtime.JSX.Element;
|
|
200
|
-
Collapse: ({ color, className }: {
|
|
201
|
-
color?: string;
|
|
202
|
-
className?: string;
|
|
203
|
-
}) => react_jsx_runtime.JSX.Element;
|
|
204
|
-
ShieldCheck: ({ color, className }: {
|
|
205
|
-
color?: string;
|
|
206
|
-
className?: string;
|
|
207
|
-
}) => react_jsx_runtime.JSX.Element;
|
|
208
|
-
XCircle: ({ color, className }: {
|
|
209
|
-
color?: string;
|
|
210
|
-
className?: string;
|
|
211
|
-
}) => react_jsx_runtime.JSX.Element;
|
|
212
|
-
Play: ({ color, className }: {
|
|
213
|
-
color?: string;
|
|
214
|
-
className?: string;
|
|
215
|
-
}) => react_jsx_runtime.JSX.Element;
|
|
216
|
-
Document: ({ color, className }: {
|
|
217
|
-
color?: string;
|
|
218
|
-
className?: string;
|
|
219
|
-
}) => react_jsx_runtime.JSX.Element;
|
|
220
|
-
Edit: ({ color, className }: {
|
|
221
|
-
color?: string;
|
|
222
|
-
className?: string;
|
|
223
|
-
}) => react_jsx_runtime.JSX.Element;
|
|
224
|
-
Upload: ({ color, className }: {
|
|
225
|
-
color?: string;
|
|
226
|
-
className?: string;
|
|
227
|
-
}) => react_jsx_runtime.JSX.Element;
|
|
228
|
-
File: ({ color, className }: {
|
|
229
|
-
color?: string;
|
|
230
|
-
className?: string;
|
|
231
|
-
}) => react_jsx_runtime.JSX.Element;
|
|
232
|
-
Delete: ({ color, className }: {
|
|
233
|
-
color?: string;
|
|
234
|
-
className?: string;
|
|
235
|
-
}) => react_jsx_runtime.JSX.Element;
|
|
236
|
-
Bookmarks: ({ color, className }: {
|
|
237
|
-
color?: string;
|
|
238
|
-
className?: string;
|
|
239
|
-
}) => react_jsx_runtime.JSX.Element;
|
|
240
|
-
Save: ({ color, size }: {
|
|
241
|
-
color?: string;
|
|
242
|
-
size?: number;
|
|
243
|
-
}) => react_jsx_runtime.JSX.Element;
|
|
244
|
-
Copy: ({ color, className }: {
|
|
245
|
-
color?: string;
|
|
246
|
-
className?: string;
|
|
247
|
-
}) => react_jsx_runtime.JSX.Element;
|
|
248
|
-
CircleStack: ({ color, className }: {
|
|
249
|
-
color?: string;
|
|
250
|
-
className?: string;
|
|
251
|
-
}) => react_jsx_runtime.JSX.Element;
|
|
252
|
-
};
|
|
253
|
-
|
|
254
8
|
interface PortalProps {
|
|
255
9
|
/** Content to render at the target node. */
|
|
256
|
-
children:
|
|
10
|
+
children: react__default.ReactNode;
|
|
257
11
|
/**
|
|
258
12
|
* Where to mount the portal.
|
|
259
13
|
* - omitted / `undefined` → `document.body` (the safe default for viewport-anchored UI)
|
|
@@ -338,7 +92,7 @@ interface PortalProps {
|
|
|
338
92
|
* </Portal>
|
|
339
93
|
* ```
|
|
340
94
|
*/
|
|
341
|
-
declare function Portal({ children, target }: PortalProps):
|
|
95
|
+
declare function Portal({ children, target }: PortalProps): react__default.ReactPortal;
|
|
342
96
|
|
|
343
97
|
type Spacing = 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
|
|
344
98
|
type BoxBackground = 'none' | 'background' | 'surface' | 'surface-raised' | 'accent';
|
|
@@ -346,7 +100,7 @@ type BoxBorder = 'none' | 'border' | 'border-strong' | 'accent' | 'status-error'
|
|
|
346
100
|
type BoxRadius = 'none' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | 'full';
|
|
347
101
|
type BoxShadow = 'none' | 'sm' | 'md' | 'lg' | 'xl';
|
|
348
102
|
interface BoxProps {
|
|
349
|
-
as?: keyof
|
|
103
|
+
as?: keyof react__default.JSX.IntrinsicElements;
|
|
350
104
|
/** Padding shorthand — applies to all sides. */
|
|
351
105
|
p?: Spacing;
|
|
352
106
|
/** Horizontal padding (left + right). */
|
|
@@ -374,10 +128,10 @@ interface BoxProps {
|
|
|
374
128
|
/** Height via Tailwind class or CSS value. */
|
|
375
129
|
height?: string | number;
|
|
376
130
|
/** Click handler — accepts any element-typed handler. */
|
|
377
|
-
onClick?:
|
|
131
|
+
onClick?: react__default.MouseEventHandler<HTMLElement>;
|
|
378
132
|
className?: string;
|
|
379
|
-
style?:
|
|
380
|
-
children?:
|
|
133
|
+
style?: react__default.CSSProperties;
|
|
134
|
+
children?: react__default.ReactNode;
|
|
381
135
|
}
|
|
382
136
|
/**
|
|
383
137
|
* A polymorphic layout primitive — a `<div>` (by default) styled via prop
|
|
@@ -499,7 +253,7 @@ interface AvatarProps {
|
|
|
499
253
|
* - any ReactNode (icon, emoji)
|
|
500
254
|
* - omit entirely — a generic "person" silhouette is used
|
|
501
255
|
*/
|
|
502
|
-
fallback?:
|
|
256
|
+
fallback?: react__default.ReactNode;
|
|
503
257
|
/** Size preset. Default `'md'`. */
|
|
504
258
|
size?: AvatarSize;
|
|
505
259
|
/** Circle (default) or rounded square. */
|
|
@@ -555,7 +309,7 @@ interface TypographyProps {
|
|
|
555
309
|
* with `as` when the semantic element should differ from the visual
|
|
556
310
|
* style (e.g. a styled-as-h1 product card heading rendered as `<div>`).
|
|
557
311
|
*/
|
|
558
|
-
as?: keyof
|
|
312
|
+
as?: keyof react__default.JSX.IntrinsicElements;
|
|
559
313
|
color?: TypographyColor;
|
|
560
314
|
weight?: TypographyWeight;
|
|
561
315
|
align?: TypographyAlign;
|
|
@@ -564,8 +318,8 @@ interface TypographyProps {
|
|
|
564
318
|
/** Render the text with reduced opacity (useful for disabled states). */
|
|
565
319
|
muted?: boolean;
|
|
566
320
|
className?: string;
|
|
567
|
-
style?:
|
|
568
|
-
children?:
|
|
321
|
+
style?: react__default.CSSProperties;
|
|
322
|
+
children?: react__default.ReactNode;
|
|
569
323
|
}
|
|
570
324
|
/**
|
|
571
325
|
* Polymorphic typography primitive. `variant` picks a visual scale; `as`
|
|
@@ -628,9 +382,9 @@ interface IconButtonProps {
|
|
|
628
382
|
*/
|
|
629
383
|
declare function IconButton({ icon, onClick, type, buttonType, disabled, size, loading, loadingIcon, title, className, style, }: IconButtonProps): react_jsx_runtime.JSX.Element;
|
|
630
384
|
|
|
631
|
-
interface ButtonProps extends Omit<
|
|
385
|
+
interface ButtonProps extends Omit<react__default.ButtonHTMLAttributes<HTMLButtonElement>, 'type' | 'content'> {
|
|
632
386
|
/** Button content (text or nodes). */
|
|
633
|
-
content?:
|
|
387
|
+
content?: react__default.ReactNode;
|
|
634
388
|
/** Visual style variant */
|
|
635
389
|
variant?: 'primary' | 'secondary' | 'outline' | 'ghost' | 'danger' | 'warning' | 'success' | 'info';
|
|
636
390
|
/** Size — controls height, padding, and font size */
|
|
@@ -640,7 +394,7 @@ interface ButtonProps extends Omit<React__default.ButtonHTMLAttributes<HTMLButto
|
|
|
640
394
|
/** Show a loading spinner and disable the control. */
|
|
641
395
|
loading?: boolean;
|
|
642
396
|
/** Leading icon — rendered before content */
|
|
643
|
-
icon?:
|
|
397
|
+
icon?: react__default.ReactNode;
|
|
644
398
|
/**
|
|
645
399
|
* @deprecated Pass `variant` instead. Kept for API compat — currently no-op.
|
|
646
400
|
* Will be removed in the next major version.
|
|
@@ -659,15 +413,15 @@ interface ButtonProps extends Omit<React__default.ButtonHTMLAttributes<HTMLButto
|
|
|
659
413
|
* <Button content="Cancel" variant="secondary" />
|
|
660
414
|
* <Button content="Loading…" loading buttonType="submit" />
|
|
661
415
|
*/
|
|
662
|
-
declare const Button:
|
|
416
|
+
declare const Button: react__default.ForwardRefExoticComponent<ButtonProps & react__default.RefAttributes<HTMLButtonElement>>;
|
|
663
417
|
|
|
664
418
|
interface MenuButtonItem {
|
|
665
419
|
/** Stable key. */
|
|
666
420
|
key: string | number;
|
|
667
421
|
/** Row label. */
|
|
668
|
-
label:
|
|
422
|
+
label: react__default.ReactNode;
|
|
669
423
|
/** Leading icon. */
|
|
670
|
-
icon?:
|
|
424
|
+
icon?: react__default.ReactNode;
|
|
671
425
|
/** Fired on select (click / Enter / Space). */
|
|
672
426
|
onSelect?: () => void;
|
|
673
427
|
disabled?: boolean;
|
|
@@ -678,7 +432,7 @@ interface MenuButtonItem {
|
|
|
678
432
|
}
|
|
679
433
|
interface MenuButtonProps {
|
|
680
434
|
/** Trigger label. */
|
|
681
|
-
label?:
|
|
435
|
+
label?: react__default.ReactNode;
|
|
682
436
|
/** The menu rows. */
|
|
683
437
|
items: MenuButtonItem[];
|
|
684
438
|
/** Trigger button variant. Default `'secondary'`. */
|
|
@@ -686,7 +440,7 @@ interface MenuButtonProps {
|
|
|
686
440
|
/** Trigger button size. Default `'md'`. */
|
|
687
441
|
size?: ButtonProps['size'];
|
|
688
442
|
/** Leading icon on the trigger. */
|
|
689
|
-
icon?:
|
|
443
|
+
icon?: react__default.ReactNode;
|
|
690
444
|
/** Hide the trailing chevron. */
|
|
691
445
|
hideChevron?: boolean;
|
|
692
446
|
disabled?: boolean;
|
|
@@ -735,8 +489,8 @@ interface ModalProps {
|
|
|
735
489
|
okText?: string;
|
|
736
490
|
cancelText?: string;
|
|
737
491
|
hasFooter?: boolean;
|
|
738
|
-
title?:
|
|
739
|
-
children?:
|
|
492
|
+
title?: react__default.ReactNode;
|
|
493
|
+
children?: react__default.ReactNode;
|
|
740
494
|
/** Extra classes merged onto the modal panel. */
|
|
741
495
|
className?: string;
|
|
742
496
|
}
|
|
@@ -775,8 +529,8 @@ interface DrawerProps {
|
|
|
775
529
|
cancelText?: string;
|
|
776
530
|
onOk?: () => void;
|
|
777
531
|
onCancel?: () => void;
|
|
778
|
-
title?:
|
|
779
|
-
children?:
|
|
532
|
+
title?: react__default.ReactNode;
|
|
533
|
+
children?: react__default.ReactNode;
|
|
780
534
|
/** Extra classes merged onto the drawer panel. */
|
|
781
535
|
className?: string;
|
|
782
536
|
}
|
|
@@ -795,9 +549,9 @@ interface DrawerProps {
|
|
|
795
549
|
declare function Drawer({ isOpen, onClose, hasFooter, placement, size, width, okText, cancelText, onOk, onCancel, title, children, className, }: DrawerProps): react_jsx_runtime.JSX.Element;
|
|
796
550
|
|
|
797
551
|
interface TooltipProps {
|
|
798
|
-
children:
|
|
552
|
+
children: react__default.ReactNode;
|
|
799
553
|
/** The text or node shown inside the tooltip */
|
|
800
|
-
title:
|
|
554
|
+
title: react__default.ReactNode;
|
|
801
555
|
/** Which side of the trigger the tooltip appears on */
|
|
802
556
|
placement?: 'top' | 'right' | 'bottom' | 'left';
|
|
803
557
|
/** Delay before showing, ms (default 300) */
|
|
@@ -824,7 +578,7 @@ interface TooltipProps {
|
|
|
824
578
|
*/
|
|
825
579
|
declare function Tooltip({ children, title, placement, delayDuration, sideOffset, className, }: TooltipProps): react_jsx_runtime.JSX.Element;
|
|
826
580
|
|
|
827
|
-
declare const TooltipProvider:
|
|
581
|
+
declare const TooltipProvider: react__default.FC<TooltipPrimitive.TooltipProviderProps>;
|
|
828
582
|
|
|
829
583
|
type TabsVariant = 'underline' | 'segmented' | 'enclosed';
|
|
830
584
|
type TabsSize = 'sm' | 'md' | 'lg';
|
|
@@ -845,8 +599,8 @@ interface TabsProps {
|
|
|
845
599
|
/** Extra classes merged onto the root. */
|
|
846
600
|
className?: string;
|
|
847
601
|
/** Inline style on the root. */
|
|
848
|
-
style?:
|
|
849
|
-
children:
|
|
602
|
+
style?: react__default.CSSProperties;
|
|
603
|
+
children: react__default.ReactNode;
|
|
850
604
|
}
|
|
851
605
|
/**
|
|
852
606
|
* Compositional, motion-forward tab system on Radix Tabs.
|
|
@@ -878,7 +632,7 @@ declare namespace Tabs {
|
|
|
878
632
|
var Add: typeof TabsAdd;
|
|
879
633
|
}
|
|
880
634
|
interface TabsListProps {
|
|
881
|
-
children:
|
|
635
|
+
children: react__default.ReactNode;
|
|
882
636
|
/** Accessible name for the tab list. */
|
|
883
637
|
'aria-label'?: string;
|
|
884
638
|
/** Extra classes merged onto the tab strip. */
|
|
@@ -889,16 +643,16 @@ interface TabsTriggerProps {
|
|
|
889
643
|
/** Value that activates this tab and its matching `<Tabs.Panel>`. */
|
|
890
644
|
value: string;
|
|
891
645
|
/** Optional leading icon. */
|
|
892
|
-
icon?:
|
|
646
|
+
icon?: react__default.ReactNode;
|
|
893
647
|
/** Optional trailing count badge (number or node). */
|
|
894
|
-
badge?:
|
|
648
|
+
badge?: react__default.ReactNode;
|
|
895
649
|
/** Render a × close button and call `onClose`. */
|
|
896
650
|
closeable?: boolean;
|
|
897
651
|
onClose?: () => void;
|
|
898
652
|
disabled?: boolean;
|
|
899
653
|
/** Extra classes merged onto the trigger. */
|
|
900
654
|
className?: string;
|
|
901
|
-
children:
|
|
655
|
+
children: react__default.ReactNode;
|
|
902
656
|
}
|
|
903
657
|
declare function TabsTrigger({ value, icon, badge, closeable, onClose, disabled, className, children }: TabsTriggerProps): react_jsx_runtime.JSX.Element;
|
|
904
658
|
interface TabsAddProps {
|
|
@@ -917,8 +671,8 @@ interface TabsPanelProps {
|
|
|
917
671
|
keepMounted?: boolean;
|
|
918
672
|
/** Extra classes merged onto the panel. */
|
|
919
673
|
className?: string;
|
|
920
|
-
style?:
|
|
921
|
-
children:
|
|
674
|
+
style?: react__default.CSSProperties;
|
|
675
|
+
children: react__default.ReactNode;
|
|
922
676
|
}
|
|
923
677
|
declare function TabsPanel({ value, keepMounted, className, style, children }: TabsPanelProps): react_jsx_runtime.JSX.Element;
|
|
924
678
|
|
|
@@ -944,7 +698,7 @@ interface TreeProps {
|
|
|
944
698
|
/** Extra classes merged onto the tree root. */
|
|
945
699
|
className?: string;
|
|
946
700
|
/** Inline style on the tree root. */
|
|
947
|
-
style?:
|
|
701
|
+
style?: react__default.CSSProperties;
|
|
948
702
|
}
|
|
949
703
|
/** ─────────────────── public component ─────────────────── */
|
|
950
704
|
/**
|
|
@@ -966,7 +720,7 @@ declare function Tree({ nodes, onNodeClick, defaultExpandAll, defaultExpandedKey
|
|
|
966
720
|
type AccordionVariant = 'separated' | 'contained';
|
|
967
721
|
interface AccordionProps {
|
|
968
722
|
/** `AccordionItem` children. */
|
|
969
|
-
children:
|
|
723
|
+
children: react__default.ReactNode;
|
|
970
724
|
/**
|
|
971
725
|
* `'single'` (default) allows one open panel at a time; `'multiple'` lets
|
|
972
726
|
* any number be open together.
|
|
@@ -988,7 +742,7 @@ interface AccordionProps {
|
|
|
988
742
|
variant?: AccordionVariant;
|
|
989
743
|
/** Extra classes merged onto the root. */
|
|
990
744
|
className?: string;
|
|
991
|
-
style?:
|
|
745
|
+
style?: react__default.CSSProperties;
|
|
992
746
|
}
|
|
993
747
|
/**
|
|
994
748
|
* Vertically stacked, collapsible panels built on `@radix-ui/react-accordion`.
|
|
@@ -1016,11 +770,11 @@ interface AccordionItemProps {
|
|
|
1016
770
|
/** Unique value identifying this panel (used for open state). */
|
|
1017
771
|
value: string;
|
|
1018
772
|
/** Header content — the always-visible trigger label. */
|
|
1019
|
-
title:
|
|
773
|
+
title: react__default.ReactNode;
|
|
1020
774
|
/** Optional leading icon shown before the title. */
|
|
1021
|
-
icon?:
|
|
775
|
+
icon?: react__default.ReactNode;
|
|
1022
776
|
/** Panel body, revealed when open. */
|
|
1023
|
-
children:
|
|
777
|
+
children: react__default.ReactNode;
|
|
1024
778
|
/** Disable this item (header non-interactive, dimmed). */
|
|
1025
779
|
disabled?: boolean;
|
|
1026
780
|
className?: string;
|
|
@@ -1029,19 +783,19 @@ declare function AccordionItem({ value, title, icon, children, disabled, classNa
|
|
|
1029
783
|
|
|
1030
784
|
interface BreadcrumbItem {
|
|
1031
785
|
/** Visible label. */
|
|
1032
|
-
label:
|
|
786
|
+
label: react__default.ReactNode;
|
|
1033
787
|
/** Link target. Omit on the current (last) crumb. */
|
|
1034
788
|
href?: string;
|
|
1035
789
|
/** Optional leading icon. */
|
|
1036
|
-
icon?:
|
|
790
|
+
icon?: react__default.ReactNode;
|
|
1037
791
|
/** Click handler (router navigation). */
|
|
1038
|
-
onClick?:
|
|
792
|
+
onClick?: react__default.MouseEventHandler;
|
|
1039
793
|
}
|
|
1040
794
|
interface BreadcrumbsProps {
|
|
1041
795
|
/** Ordered trail, root → current. The last item renders as the current page. */
|
|
1042
796
|
items: BreadcrumbItem[];
|
|
1043
797
|
/** Separator between crumbs. Default a chevron. */
|
|
1044
|
-
separator?:
|
|
798
|
+
separator?: react__default.ReactNode;
|
|
1045
799
|
/**
|
|
1046
800
|
* Collapse the middle of long trails into an expandable ellipsis once the
|
|
1047
801
|
* count exceeds this. The first and last crumb always stay visible. Set `0`
|
|
@@ -1051,7 +805,7 @@ interface BreadcrumbsProps {
|
|
|
1051
805
|
/** Accessible label for the nav landmark. Default `'Breadcrumb'`. */
|
|
1052
806
|
'aria-label'?: string;
|
|
1053
807
|
className?: string;
|
|
1054
|
-
style?:
|
|
808
|
+
style?: react__default.CSSProperties;
|
|
1055
809
|
}
|
|
1056
810
|
/**
|
|
1057
811
|
* A breadcrumb trail. Renders a `<nav><ol>` of crumbs separated by a chevron;
|
|
@@ -1076,7 +830,7 @@ type BadgeVariant = 'solid' | 'soft' | 'outline';
|
|
|
1076
830
|
type BadgeSize = 'sm' | 'md';
|
|
1077
831
|
interface BadgeProps {
|
|
1078
832
|
/** Pill label (label mode) when no `count` / `dot` is given. */
|
|
1079
|
-
children?:
|
|
833
|
+
children?: react__default.ReactNode;
|
|
1080
834
|
/** Semantic colour. Default `'neutral'`. */
|
|
1081
835
|
tone?: BadgeTone;
|
|
1082
836
|
/** Fill style. Default `'soft'`. */
|
|
@@ -1084,7 +838,7 @@ interface BadgeProps {
|
|
|
1084
838
|
/** Size preset. Default `'md'`. */
|
|
1085
839
|
size?: BadgeSize;
|
|
1086
840
|
/** Optional leading icon (label mode). */
|
|
1087
|
-
icon?:
|
|
841
|
+
icon?: react__default.ReactNode;
|
|
1088
842
|
/**
|
|
1089
843
|
* Indicator mode — a numeric counter. With `children` it overlays the
|
|
1090
844
|
* top-right corner of the wrapped element; without, it renders inline.
|
|
@@ -1097,7 +851,7 @@ interface BadgeProps {
|
|
|
1097
851
|
/** Show the indicator even when `count` is 0. Default `false`. */
|
|
1098
852
|
showZero?: boolean;
|
|
1099
853
|
className?: string;
|
|
1100
|
-
style?:
|
|
854
|
+
style?: react__default.CSSProperties;
|
|
1101
855
|
}
|
|
1102
856
|
/**
|
|
1103
857
|
* A small status / count indicator. Three uses:
|
|
@@ -1116,10 +870,10 @@ declare function Badge({ children, tone, variant, size, icon, count, max, dot, s
|
|
|
1116
870
|
type StepperActiveStatus = 'active' | 'loading' | 'error';
|
|
1117
871
|
interface StepperStep {
|
|
1118
872
|
key: string | number;
|
|
1119
|
-
title:
|
|
1120
|
-
description?:
|
|
873
|
+
title: react__default.ReactNode;
|
|
874
|
+
description?: react__default.ReactNode;
|
|
1121
875
|
/** Custom indicator content (overrides the default number / check). */
|
|
1122
|
-
icon?:
|
|
876
|
+
icon?: react__default.ReactNode;
|
|
1123
877
|
}
|
|
1124
878
|
interface StepperProps {
|
|
1125
879
|
steps: StepperStep[];
|
|
@@ -1161,13 +915,13 @@ type TimelineStatus = 'complete' | 'current' | 'upcoming' | 'error';
|
|
|
1161
915
|
interface TimelineEvent {
|
|
1162
916
|
key: string | number;
|
|
1163
917
|
/** Event title, e.g. "Out for delivery". */
|
|
1164
|
-
title:
|
|
918
|
+
title: react__default.ReactNode;
|
|
1165
919
|
/** Optional detail line. */
|
|
1166
|
-
description?:
|
|
920
|
+
description?: react__default.ReactNode;
|
|
1167
921
|
/** Optional timestamp / meta, shown muted. */
|
|
1168
|
-
timestamp?:
|
|
922
|
+
timestamp?: react__default.ReactNode;
|
|
1169
923
|
/** Custom node icon (overrides the default dot / check). */
|
|
1170
|
-
icon?:
|
|
924
|
+
icon?: react__default.ReactNode;
|
|
1171
925
|
/** Explicit status. If omitted, derived from `current` (see Timeline). */
|
|
1172
926
|
status?: TimelineStatus;
|
|
1173
927
|
}
|
|
@@ -1204,18 +958,18 @@ declare function Timeline({ events, current, className }: TimelineProps): react_
|
|
|
1204
958
|
type KbdSize = 'sm' | 'md';
|
|
1205
959
|
interface KbdProps {
|
|
1206
960
|
/** A single key's label when `keys` is not used. */
|
|
1207
|
-
children?:
|
|
961
|
+
children?: react__default.ReactNode;
|
|
1208
962
|
/**
|
|
1209
963
|
* A key combination — each entry renders as its own key cap, joined by
|
|
1210
964
|
* `separator`. e.g. `['Ctrl', 'K']` → `Ctrl + K`.
|
|
1211
965
|
*/
|
|
1212
966
|
keys?: string[];
|
|
1213
967
|
/** Joiner between caps in a combo. Default `'+'`. */
|
|
1214
|
-
separator?:
|
|
968
|
+
separator?: react__default.ReactNode;
|
|
1215
969
|
/** Size preset. Default `'md'`. */
|
|
1216
970
|
size?: KbdSize;
|
|
1217
971
|
className?: string;
|
|
1218
|
-
style?:
|
|
972
|
+
style?: react__default.CSSProperties;
|
|
1219
973
|
}
|
|
1220
974
|
/**
|
|
1221
975
|
* Renders keyboard keys as styled caps — a single key via `children`, or a
|
|
@@ -1230,7 +984,7 @@ declare function Kbd({ children, keys, separator, size, className, style, }: Kbd
|
|
|
1230
984
|
|
|
1231
985
|
type Pad = 'none' | 'sm' | 'md' | 'lg';
|
|
1232
986
|
interface CardProps {
|
|
1233
|
-
children:
|
|
987
|
+
children: react__default.ReactNode;
|
|
1234
988
|
/**
|
|
1235
989
|
* Make the whole card a single interactive surface: hover lift, pointer
|
|
1236
990
|
* cursor, focus ring, and (with `onClick`) button semantics + Enter/Space
|
|
@@ -1238,7 +992,7 @@ interface CardProps {
|
|
|
1238
992
|
*/
|
|
1239
993
|
interactive?: boolean;
|
|
1240
994
|
/** Click handler. With `interactive`, the card becomes keyboard-activatable. */
|
|
1241
|
-
onClick?:
|
|
995
|
+
onClick?: react__default.MouseEventHandler;
|
|
1242
996
|
/**
|
|
1243
997
|
* Padding on the root. Leave `'none'` (default) when composing with
|
|
1244
998
|
* `Card.Header` / `Card.Body` / `Card.Footer` (they bring their own); set a
|
|
@@ -1248,7 +1002,7 @@ interface CardProps {
|
|
|
1248
1002
|
/** Drop the border + shadow for a flat, borderless surface. */
|
|
1249
1003
|
flush?: boolean;
|
|
1250
1004
|
className?: string;
|
|
1251
|
-
style?:
|
|
1005
|
+
style?: react__default.CSSProperties;
|
|
1252
1006
|
}
|
|
1253
1007
|
/**
|
|
1254
1008
|
* A surface container with optional header / media / body / footer sections.
|
|
@@ -1276,28 +1030,28 @@ declare namespace Card {
|
|
|
1276
1030
|
var Footer: typeof CardFooter;
|
|
1277
1031
|
}
|
|
1278
1032
|
interface CardMediaProps {
|
|
1279
|
-
children:
|
|
1033
|
+
children: react__default.ReactNode;
|
|
1280
1034
|
className?: string;
|
|
1281
1035
|
}
|
|
1282
1036
|
declare function CardMedia({ children, className }: CardMediaProps): react_jsx_runtime.JSX.Element;
|
|
1283
1037
|
interface CardHeaderProps {
|
|
1284
|
-
title?:
|
|
1285
|
-
subtitle?:
|
|
1038
|
+
title?: react__default.ReactNode;
|
|
1039
|
+
subtitle?: react__default.ReactNode;
|
|
1286
1040
|
/** Trailing slot — actions, menu, badge. */
|
|
1287
|
-
action?:
|
|
1041
|
+
action?: react__default.ReactNode;
|
|
1288
1042
|
/** Leading slot — avatar / icon. */
|
|
1289
|
-
avatar?:
|
|
1290
|
-
children?:
|
|
1043
|
+
avatar?: react__default.ReactNode;
|
|
1044
|
+
children?: react__default.ReactNode;
|
|
1291
1045
|
className?: string;
|
|
1292
1046
|
}
|
|
1293
1047
|
declare function CardHeader({ title, subtitle, action, avatar, children, className }: CardHeaderProps): react_jsx_runtime.JSX.Element;
|
|
1294
1048
|
interface CardBodyProps {
|
|
1295
|
-
children:
|
|
1049
|
+
children: react__default.ReactNode;
|
|
1296
1050
|
className?: string;
|
|
1297
1051
|
}
|
|
1298
1052
|
declare function CardBody({ children, className }: CardBodyProps): react_jsx_runtime.JSX.Element;
|
|
1299
1053
|
interface CardFooterProps {
|
|
1300
|
-
children:
|
|
1054
|
+
children: react__default.ReactNode;
|
|
1301
1055
|
/** Drop the top divider. */
|
|
1302
1056
|
noDivider?: boolean;
|
|
1303
1057
|
className?: string;
|
|
@@ -1307,7 +1061,7 @@ declare function CardFooter({ children, noDivider, className }: CardFooterProps)
|
|
|
1307
1061
|
type CardCarouselVariant = 'flat' | 'rotating';
|
|
1308
1062
|
interface CardCarouselProps {
|
|
1309
1063
|
/** The slides — typically `Card`s. */
|
|
1310
|
-
children:
|
|
1064
|
+
children: react__default.ReactNode;
|
|
1311
1065
|
/**
|
|
1312
1066
|
* Layout style. Default `'flat'`.
|
|
1313
1067
|
* - `'flat'` — a horizontal scroll-snap row (trackpad / touch / wheel).
|
|
@@ -1326,7 +1080,7 @@ interface CardCarouselProps {
|
|
|
1326
1080
|
/** Accessible label for the region. Default `'Carousel'`. */
|
|
1327
1081
|
'aria-label'?: string;
|
|
1328
1082
|
className?: string;
|
|
1329
|
-
style?:
|
|
1083
|
+
style?: react__default.CSSProperties;
|
|
1330
1084
|
}
|
|
1331
1085
|
/**
|
|
1332
1086
|
* A carousel for cards, in two flavours via `variant`:
|
|
@@ -1371,10 +1125,10 @@ interface ChatProps {
|
|
|
1371
1125
|
/** Names currently typing — shows an animated indicator at the bottom. */
|
|
1372
1126
|
typingNames?: string[];
|
|
1373
1127
|
/** Header: title, subtitle, avatar, trailing actions. Omit for no header. */
|
|
1374
|
-
title?:
|
|
1375
|
-
subtitle?:
|
|
1128
|
+
title?: react__default.ReactNode;
|
|
1129
|
+
subtitle?: react__default.ReactNode;
|
|
1376
1130
|
avatar?: string;
|
|
1377
|
-
headerActions?:
|
|
1131
|
+
headerActions?: react__default.ReactNode;
|
|
1378
1132
|
/** Composer placeholder. */
|
|
1379
1133
|
placeholder?: string;
|
|
1380
1134
|
/** Disable the composer. */
|
|
@@ -1384,11 +1138,11 @@ interface ChatProps {
|
|
|
1384
1138
|
/** Shows a transcript skeleton (use while loading history, before messages arrive). */
|
|
1385
1139
|
loading?: boolean;
|
|
1386
1140
|
/** Shown when there are no messages. */
|
|
1387
|
-
emptyState?:
|
|
1141
|
+
emptyState?: react__default.ReactNode;
|
|
1388
1142
|
/** Overall height — the message list scrolls within it. Default `480`. */
|
|
1389
1143
|
height?: number | string;
|
|
1390
1144
|
className?: string;
|
|
1391
|
-
style?:
|
|
1145
|
+
style?: react__default.CSSProperties;
|
|
1392
1146
|
}
|
|
1393
1147
|
/**
|
|
1394
1148
|
* A chat / messaging surface: a scrollable transcript of message bubbles plus a
|
|
@@ -1414,7 +1168,7 @@ type StatisticSize = 'sm' | 'md' | 'lg';
|
|
|
1414
1168
|
type DeltaDirection = 'up' | 'down' | 'neutral';
|
|
1415
1169
|
interface StatisticDelta {
|
|
1416
1170
|
/** The change to show beside the arrow, e.g. `'12%'` or `+340`. */
|
|
1417
|
-
value:
|
|
1171
|
+
value: react__default.ReactNode;
|
|
1418
1172
|
/** Arrow + colour direction. Default inferred `'neutral'`. */
|
|
1419
1173
|
direction?: DeltaDirection;
|
|
1420
1174
|
/**
|
|
@@ -1424,29 +1178,29 @@ interface StatisticDelta {
|
|
|
1424
1178
|
*/
|
|
1425
1179
|
positiveIsGood?: boolean;
|
|
1426
1180
|
/** Optional trailing context, e.g. `'vs last month'`. */
|
|
1427
|
-
label?:
|
|
1181
|
+
label?: react__default.ReactNode;
|
|
1428
1182
|
}
|
|
1429
1183
|
interface StatisticProps {
|
|
1430
1184
|
/** Caption above the value. */
|
|
1431
|
-
label:
|
|
1185
|
+
label: react__default.ReactNode;
|
|
1432
1186
|
/** The metric itself. */
|
|
1433
|
-
value:
|
|
1187
|
+
value: react__default.ReactNode;
|
|
1434
1188
|
/** Rendered before the value (currency symbol, etc.). */
|
|
1435
|
-
prefix?:
|
|
1189
|
+
prefix?: react__default.ReactNode;
|
|
1436
1190
|
/** Rendered after the value (unit, %). */
|
|
1437
|
-
suffix?:
|
|
1191
|
+
suffix?: react__default.ReactNode;
|
|
1438
1192
|
/** Leading icon in a tinted square. */
|
|
1439
|
-
icon?:
|
|
1193
|
+
icon?: react__default.ReactNode;
|
|
1440
1194
|
/** Trend indicator under the value. */
|
|
1441
1195
|
delta?: StatisticDelta;
|
|
1442
1196
|
/** Secondary help text under everything. */
|
|
1443
|
-
helpText?:
|
|
1197
|
+
helpText?: react__default.ReactNode;
|
|
1444
1198
|
/** Size preset. Default `'md'`. */
|
|
1445
1199
|
size?: StatisticSize;
|
|
1446
1200
|
/** Text alignment. Default `'left'`. */
|
|
1447
1201
|
align?: 'left' | 'center';
|
|
1448
1202
|
className?: string;
|
|
1449
|
-
style?:
|
|
1203
|
+
style?: react__default.CSSProperties;
|
|
1450
1204
|
}
|
|
1451
1205
|
/**
|
|
1452
1206
|
* A single metric: caption, value (with optional prefix/suffix and icon), and an
|
|
@@ -1463,18 +1217,18 @@ type FABPosition = 'bottom-right' | 'bottom-left' | 'top-right' | 'top-left';
|
|
|
1463
1217
|
type FABSize = 'md' | 'lg';
|
|
1464
1218
|
type FABTone = 'accent' | 'neutral';
|
|
1465
1219
|
interface FABAction {
|
|
1466
|
-
icon:
|
|
1220
|
+
icon: react__default.ReactNode;
|
|
1467
1221
|
/** Accessible label + the text shown on the action's pill. */
|
|
1468
1222
|
label: string;
|
|
1469
|
-
onClick?:
|
|
1223
|
+
onClick?: react__default.MouseEventHandler;
|
|
1470
1224
|
}
|
|
1471
1225
|
interface FABProps {
|
|
1472
1226
|
/** Main button icon. */
|
|
1473
|
-
icon:
|
|
1227
|
+
icon: react__default.ReactNode;
|
|
1474
1228
|
/** Accessible label for the main button (required — it's icon-only). */
|
|
1475
1229
|
label: string;
|
|
1476
1230
|
/** Click handler. Ignored when `actions` is provided (the button toggles the dial). */
|
|
1477
|
-
onClick?:
|
|
1231
|
+
onClick?: react__default.MouseEventHandler;
|
|
1478
1232
|
/** Speed-dial sub-actions. When set, the main button opens/closes the dial. */
|
|
1479
1233
|
actions?: FABAction[];
|
|
1480
1234
|
/** Corner placement. Default `'bottom-right'`. */
|
|
@@ -1489,7 +1243,7 @@ interface FABProps {
|
|
|
1489
1243
|
*/
|
|
1490
1244
|
fixed?: boolean;
|
|
1491
1245
|
className?: string;
|
|
1492
|
-
style?:
|
|
1246
|
+
style?: react__default.CSSProperties;
|
|
1493
1247
|
}
|
|
1494
1248
|
/**
|
|
1495
1249
|
* A floating action button. On its own it's a single round action; given
|
|
@@ -1511,23 +1265,23 @@ declare function FAB({ icon, label, onClick, actions, position, size, tone, fixe
|
|
|
1511
1265
|
type PopConfirmTone = 'default' | 'info' | 'warning' | 'error' | 'danger' | 'success';
|
|
1512
1266
|
interface PopConfirmProps {
|
|
1513
1267
|
/** The trigger element. Cloned as the popover anchor (rendered `asChild`). */
|
|
1514
|
-
children:
|
|
1268
|
+
children: react__default.ReactElement;
|
|
1515
1269
|
/** The confirmation question / heading. */
|
|
1516
|
-
title:
|
|
1270
|
+
title: react__default.ReactNode;
|
|
1517
1271
|
/** Optional secondary line under the title. */
|
|
1518
|
-
description?:
|
|
1272
|
+
description?: react__default.ReactNode;
|
|
1519
1273
|
/** Runs on confirm. If it returns a promise, the confirm button shows a loading state until it settles. */
|
|
1520
1274
|
onConfirm?: () => void | Promise<void>;
|
|
1521
1275
|
/** Runs on cancel / dismiss. */
|
|
1522
1276
|
onCancel?: () => void;
|
|
1523
1277
|
/** Confirm button label. Default `'Confirm'`. */
|
|
1524
|
-
confirmText?:
|
|
1278
|
+
confirmText?: react__default.ReactNode;
|
|
1525
1279
|
/** Cancel button label. Default `'Cancel'`. */
|
|
1526
|
-
cancelText?:
|
|
1280
|
+
cancelText?: react__default.ReactNode;
|
|
1527
1281
|
/** Visual + semantic tone of the confirmation prompt. Default `'default'`. */
|
|
1528
1282
|
tone?: PopConfirmTone;
|
|
1529
1283
|
/** Leading icon shown beside the title. */
|
|
1530
|
-
icon?:
|
|
1284
|
+
icon?: react__default.ReactNode;
|
|
1531
1285
|
/** Side of the trigger to open on. Default `'top'`. */
|
|
1532
1286
|
side?: 'top' | 'right' | 'bottom' | 'left';
|
|
1533
1287
|
/** Controlled open state (optional). */
|
|
@@ -1566,13 +1320,13 @@ interface LogoutTimerProps {
|
|
|
1566
1320
|
/** Master switch — when false the timer is fully disabled. Default `true`. */
|
|
1567
1321
|
enabled?: boolean;
|
|
1568
1322
|
/** Warning dialog heading. Default `'Still there?'`. */
|
|
1569
|
-
title?:
|
|
1323
|
+
title?: react__default.ReactNode;
|
|
1570
1324
|
/** Warning dialog body. Default explains the inactivity sign-out. */
|
|
1571
|
-
description?:
|
|
1325
|
+
description?: react__default.ReactNode;
|
|
1572
1326
|
/** "Stay" button label. Default `'Stay signed in'`. */
|
|
1573
|
-
continueLabel?:
|
|
1327
|
+
continueLabel?: react__default.ReactNode;
|
|
1574
1328
|
/** "Sign out" button label. Default `'Sign out now'`. */
|
|
1575
|
-
logoutLabel?:
|
|
1329
|
+
logoutLabel?: react__default.ReactNode;
|
|
1576
1330
|
}
|
|
1577
1331
|
/**
|
|
1578
1332
|
* Inactivity / session-timeout guard. After `timeout` ms with no user activity
|
|
@@ -1640,7 +1394,7 @@ interface SchedulerProps {
|
|
|
1640
1394
|
/** Called when `loadEvents` rejects. The Scheduler also shows a retry state. */
|
|
1641
1395
|
onError?: (error: unknown) => void;
|
|
1642
1396
|
className?: string;
|
|
1643
|
-
style?:
|
|
1397
|
+
style?: react__default.CSSProperties;
|
|
1644
1398
|
}
|
|
1645
1399
|
/**
|
|
1646
1400
|
* An event scheduler with month and week views — the agenda-style calendar for
|
|
@@ -1662,7 +1416,7 @@ declare function Scheduler({ events: controlledEvents, loadEvents, defaultView,
|
|
|
1662
1416
|
interface CartLineItem {
|
|
1663
1417
|
id: string | number;
|
|
1664
1418
|
/** Product name. */
|
|
1665
|
-
name:
|
|
1419
|
+
name: react__default.ReactNode;
|
|
1666
1420
|
/** Unit price. */
|
|
1667
1421
|
price: number;
|
|
1668
1422
|
/** Quantity in the cart. */
|
|
@@ -1670,12 +1424,12 @@ interface CartLineItem {
|
|
|
1670
1424
|
/** Optional thumbnail URL. */
|
|
1671
1425
|
image?: string;
|
|
1672
1426
|
/** Optional secondary line (variant, SKU). */
|
|
1673
|
-
meta?:
|
|
1427
|
+
meta?: react__default.ReactNode;
|
|
1674
1428
|
/** Per-line quantity ceiling. */
|
|
1675
1429
|
max?: number;
|
|
1676
1430
|
}
|
|
1677
1431
|
interface CartSummaryRow {
|
|
1678
|
-
label:
|
|
1432
|
+
label: react__default.ReactNode;
|
|
1679
1433
|
/** Signed amount — negative for discounts. */
|
|
1680
1434
|
value: number;
|
|
1681
1435
|
/** Render in muted/normal style instead of emphasised. */
|
|
@@ -1693,13 +1447,13 @@ interface CartProps {
|
|
|
1693
1447
|
/** Price formatter. Default `'$' + value.toFixed(2)`. */
|
|
1694
1448
|
formatPrice?: (value: number) => string;
|
|
1695
1449
|
/** Checkout button label. Default `'Checkout'`. */
|
|
1696
|
-
checkoutLabel?:
|
|
1450
|
+
checkoutLabel?: react__default.ReactNode;
|
|
1697
1451
|
/** Checkout handler. Omit to hide the button. */
|
|
1698
1452
|
onCheckout?: () => void;
|
|
1699
1453
|
/** Shown when there are no items. */
|
|
1700
|
-
emptyState?:
|
|
1454
|
+
emptyState?: react__default.ReactNode;
|
|
1701
1455
|
className?: string;
|
|
1702
|
-
style?:
|
|
1456
|
+
style?: react__default.CSSProperties;
|
|
1703
1457
|
}
|
|
1704
1458
|
/**
|
|
1705
1459
|
* A shopping-cart panel: line items with thumbnail, quantity stepper, and
|
|
@@ -1748,7 +1502,7 @@ interface CartContextValue {
|
|
|
1748
1502
|
getCartTotal: () => number;
|
|
1749
1503
|
}
|
|
1750
1504
|
interface CartProviderProps {
|
|
1751
|
-
children:
|
|
1505
|
+
children: react__default.ReactNode;
|
|
1752
1506
|
/** Seed the cart with these lines. */
|
|
1753
1507
|
initialItems?: CartLineItem[];
|
|
1754
1508
|
/** Called whenever the items change (add / remove / quantity / clear). */
|
|
@@ -1784,7 +1538,7 @@ declare function useCart(): CartContextValue;
|
|
|
1784
1538
|
|
|
1785
1539
|
interface CartButtonProps {
|
|
1786
1540
|
/** Click handler — typically opens the cart drawer / navigates to checkout. */
|
|
1787
|
-
onClick?:
|
|
1541
|
+
onClick?: react__default.MouseEventHandler<HTMLButtonElement>;
|
|
1788
1542
|
/** Icon-button style. Default `'bordered'`. */
|
|
1789
1543
|
variant?: 'primary' | 'bordered';
|
|
1790
1544
|
/** Badge colour. Default `'accent'`. */
|
|
@@ -1794,7 +1548,7 @@ interface CartButtonProps {
|
|
|
1794
1548
|
/** Accessible label. Default `'Cart'` (with the live count appended). */
|
|
1795
1549
|
title?: string;
|
|
1796
1550
|
/** Override the cart glyph. */
|
|
1797
|
-
icon?:
|
|
1551
|
+
icon?: react__default.ReactNode;
|
|
1798
1552
|
className?: string;
|
|
1799
1553
|
}
|
|
1800
1554
|
/**
|
|
@@ -1812,15 +1566,15 @@ interface EmptyCartProps {
|
|
|
1812
1566
|
* Illustration shown above the text. Pass your own node to fully replace
|
|
1813
1567
|
* the default line-art cart. Set to `null` to hide it.
|
|
1814
1568
|
*/
|
|
1815
|
-
illustration?:
|
|
1569
|
+
illustration?: react__default.ReactNode;
|
|
1816
1570
|
/** Headline. Default `'Your cart is empty'`. */
|
|
1817
|
-
title?:
|
|
1571
|
+
title?: react__default.ReactNode;
|
|
1818
1572
|
/** Secondary line under the title. */
|
|
1819
|
-
description?:
|
|
1573
|
+
description?: react__default.ReactNode;
|
|
1820
1574
|
/** Optional call-to-action (e.g. a "Browse products" button). */
|
|
1821
|
-
action?:
|
|
1575
|
+
action?: react__default.ReactNode;
|
|
1822
1576
|
className?: string;
|
|
1823
|
-
style?:
|
|
1577
|
+
style?: react__default.CSSProperties;
|
|
1824
1578
|
}
|
|
1825
1579
|
/**
|
|
1826
1580
|
* The empty state for a shopping cart — a configurable illustration with a
|
|
@@ -1884,14 +1638,14 @@ declare function fieldShell({ size, hasError, disabled, focusWithin, sized, }?:
|
|
|
1884
1638
|
* it follows the active theme.
|
|
1885
1639
|
*/
|
|
1886
1640
|
declare function FieldHelpIcon({ text }: {
|
|
1887
|
-
text:
|
|
1641
|
+
text: react__default.ReactNode;
|
|
1888
1642
|
}): react_jsx_runtime.JSX.Element;
|
|
1889
1643
|
interface FieldLabelProps {
|
|
1890
|
-
label?:
|
|
1644
|
+
label?: react__default.ReactNode;
|
|
1891
1645
|
htmlFor?: string;
|
|
1892
1646
|
required?: boolean;
|
|
1893
1647
|
/** Reveals an info icon + tooltip beside the label. */
|
|
1894
|
-
helperText?:
|
|
1648
|
+
helperText?: react__default.ReactNode;
|
|
1895
1649
|
/** Apply horizontal-layout spacing (no-wrap, shrink). */
|
|
1896
1650
|
horizontal?: boolean;
|
|
1897
1651
|
/**
|
|
@@ -1901,7 +1655,7 @@ interface FieldLabelProps {
|
|
|
1901
1655
|
* short control (Switch, SegmentedControl).
|
|
1902
1656
|
*/
|
|
1903
1657
|
align?: 'start' | 'center';
|
|
1904
|
-
style?:
|
|
1658
|
+
style?: react__default.CSSProperties;
|
|
1905
1659
|
/** Label column width in horizontal layout. */
|
|
1906
1660
|
width?: string | number;
|
|
1907
1661
|
className?: string;
|
|
@@ -1916,30 +1670,30 @@ interface FieldLabelProps {
|
|
|
1916
1670
|
*/
|
|
1917
1671
|
declare function FieldLabel({ label, htmlFor, required, helperText, horizontal, align, style, width, className, }: FieldLabelProps): react_jsx_runtime.JSX.Element;
|
|
1918
1672
|
interface FieldProps {
|
|
1919
|
-
label?:
|
|
1673
|
+
label?: react__default.ReactNode;
|
|
1920
1674
|
/** `id` of the control — links the `<label htmlFor>`. */
|
|
1921
1675
|
htmlFor?: string;
|
|
1922
1676
|
/** `id` for the error region — pair with `aria-describedby` on the control. */
|
|
1923
1677
|
errorId?: string;
|
|
1924
|
-
errorMessage?:
|
|
1678
|
+
errorMessage?: react__default.ReactNode;
|
|
1925
1679
|
/** Orientation of label vs control. Default `'vertical'`. */
|
|
1926
1680
|
layout?: 'horizontal' | 'vertical';
|
|
1927
1681
|
/** Show a required asterisk after the label. */
|
|
1928
1682
|
required?: boolean;
|
|
1929
1683
|
/** Contextual help revealed via an info icon + tooltip beside the label. */
|
|
1930
|
-
helperText?:
|
|
1684
|
+
helperText?: react__default.ReactNode;
|
|
1931
1685
|
/**
|
|
1932
1686
|
* Label alignment against the control in horizontal layout. `'start'`
|
|
1933
1687
|
* (default) for standard-height inputs; `'center'` for short controls
|
|
1934
1688
|
* (Switch) so the label lines up with the control's centre.
|
|
1935
1689
|
*/
|
|
1936
1690
|
labelAlign?: 'start' | 'center';
|
|
1937
|
-
labelStyle?:
|
|
1691
|
+
labelStyle?: react__default.CSSProperties;
|
|
1938
1692
|
/** Width of the label column in horizontal layout (CSS length). */
|
|
1939
1693
|
labelWidth?: string | number;
|
|
1940
1694
|
className?: string;
|
|
1941
1695
|
/** The control itself (input / trigger / dropzone). */
|
|
1942
|
-
children:
|
|
1696
|
+
children: react__default.ReactNode;
|
|
1943
1697
|
}
|
|
1944
1698
|
/**
|
|
1945
1699
|
* Layout wrapper shared by every input. Renders:
|
|
@@ -1994,11 +1748,11 @@ interface CreditCardFormProps {
|
|
|
1994
1748
|
/** Hide the built-in submit button (when embedding in a larger form). */
|
|
1995
1749
|
hideSubmit?: boolean;
|
|
1996
1750
|
/** Submit button label. Default `'Pay'`. */
|
|
1997
|
-
submitLabel?:
|
|
1751
|
+
submitLabel?: react__default.ReactNode;
|
|
1998
1752
|
/** Extra classes on the root `<form>`. */
|
|
1999
1753
|
className?: string;
|
|
2000
1754
|
/** Inline style on the root `<form>`. */
|
|
2001
|
-
style?:
|
|
1755
|
+
style?: react__default.CSSProperties;
|
|
2002
1756
|
}
|
|
2003
1757
|
/**
|
|
2004
1758
|
* Unified credit-card form built on the oxygen-ui {@link useForm} Form API.
|
|
@@ -2019,18 +1773,18 @@ declare function CreditCardForm({ onSubmit, onChange, defaultValue, size, disabl
|
|
|
2019
1773
|
|
|
2020
1774
|
interface CheckoutProps {
|
|
2021
1775
|
/** Page heading. Default `'Checkout'`. */
|
|
2022
|
-
title?:
|
|
1776
|
+
title?: react__default.ReactNode;
|
|
2023
1777
|
/** Extra summary rows (shipping, tax, discount) added to the cart subtotal. */
|
|
2024
1778
|
summaryRows?: CartSummaryRow[];
|
|
2025
1779
|
/** Price formatter. Default `'$' + value.toFixed(2)`. */
|
|
2026
1780
|
formatPrice?: (value: number) => string;
|
|
2027
1781
|
/** Heading above the payment form. Default `'Payment'`. */
|
|
2028
|
-
paymentTitle?:
|
|
1782
|
+
paymentTitle?: react__default.ReactNode;
|
|
2029
1783
|
/**
|
|
2030
1784
|
* Pay button label. Defaults to `Pay <total>`. The button is always
|
|
2031
1785
|
* disabled while the cart is empty.
|
|
2032
1786
|
*/
|
|
2033
|
-
submitLabel?:
|
|
1787
|
+
submitLabel?: react__default.ReactNode;
|
|
2034
1788
|
/** Fired with the validated card once the form passes and the cart is non-empty. */
|
|
2035
1789
|
onPaid?: (card: CreditCardValue) => void | Promise<void>;
|
|
2036
1790
|
className?: string;
|
|
@@ -2055,8 +1809,8 @@ declare function Checkout({ title, summaryRows, formatPrice, paymentTitle, submi
|
|
|
2055
1809
|
type NotificationType = 'info' | 'success' | 'warning' | 'danger';
|
|
2056
1810
|
type NotificationPosition = 'top-right' | 'top-left' | 'top-center' | 'bottom-right' | 'bottom-left' | 'bottom-center';
|
|
2057
1811
|
interface NotificationPayload {
|
|
2058
|
-
title:
|
|
2059
|
-
description?:
|
|
1812
|
+
title: react__default.ReactNode;
|
|
1813
|
+
description?: react__default.ReactNode;
|
|
2060
1814
|
/** Auto-dismiss duration in ms (default 4000). Pass `Infinity` to disable auto-dismiss. */
|
|
2061
1815
|
duration?: number;
|
|
2062
1816
|
type?: NotificationType;
|
|
@@ -2078,7 +1832,7 @@ interface NotificationPayload {
|
|
|
2078
1832
|
* success({ title: 'Saved', description: 'Changes were stored.' })
|
|
2079
1833
|
*/
|
|
2080
1834
|
declare function NotificationProvider({ children, position, }: {
|
|
2081
|
-
children:
|
|
1835
|
+
children: react__default.ReactNode;
|
|
2082
1836
|
position?: NotificationPosition;
|
|
2083
1837
|
}): react_jsx_runtime.JSX.Element;
|
|
2084
1838
|
/** ─────────────────── hook ─────────────────── */
|
|
@@ -2179,7 +1933,7 @@ interface FadingBaseProps {
|
|
|
2179
1933
|
className?: string;
|
|
2180
1934
|
/** Controls mount/unmount with fade transition */
|
|
2181
1935
|
isMounted?: boolean;
|
|
2182
|
-
children?:
|
|
1936
|
+
children?: react__default.ReactNode;
|
|
2183
1937
|
}
|
|
2184
1938
|
/**
|
|
2185
1939
|
* Fade-in / fade-out page container.
|
|
@@ -2201,16 +1955,16 @@ interface ListItem {
|
|
|
2201
1955
|
/** Stable key for React reconciliation + active-key matching. */
|
|
2202
1956
|
key: string | number;
|
|
2203
1957
|
/** Main item text (title). Required. */
|
|
2204
|
-
label:
|
|
1958
|
+
label: react__default.ReactNode;
|
|
2205
1959
|
/** Optional description rendered below the label, in foreground-secondary. */
|
|
2206
|
-
description?:
|
|
1960
|
+
description?: react__default.ReactNode;
|
|
2207
1961
|
/**
|
|
2208
1962
|
* Optional leading slot, typically an Avatar. Anything React-renderable
|
|
2209
1963
|
* is accepted (icon, image, status badge…).
|
|
2210
1964
|
*/
|
|
2211
|
-
avatar?:
|
|
1965
|
+
avatar?: react__default.ReactNode;
|
|
2212
1966
|
/** Optional trailing slot, e.g. a badge, count, or action icon. */
|
|
2213
|
-
trailing?:
|
|
1967
|
+
trailing?: react__default.ReactNode;
|
|
2214
1968
|
/** Disable interaction for this item only. */
|
|
2215
1969
|
disabled?: boolean;
|
|
2216
1970
|
}
|
|
@@ -2226,7 +1980,7 @@ interface ListProps {
|
|
|
2226
1980
|
/** Extra classes merged onto the list root. */
|
|
2227
1981
|
className?: string;
|
|
2228
1982
|
/** Inline style on the list root. */
|
|
2229
|
-
style?:
|
|
1983
|
+
style?: react__default.CSSProperties;
|
|
2230
1984
|
}
|
|
2231
1985
|
/**
|
|
2232
1986
|
* Vertical clickable list with optional avatar / description / trailing
|
|
@@ -2270,26 +2024,26 @@ declare function List({ items, onItemClick, activeKey, density, className, style
|
|
|
2270
2024
|
|
|
2271
2025
|
interface ScalableContainerProps {
|
|
2272
2026
|
/** Resting width. Any CSS length / percent. Default `'100%'`. */
|
|
2273
|
-
width?:
|
|
2027
|
+
width?: react__default.CSSProperties['width'];
|
|
2274
2028
|
/** Resting height. Any CSS length / percent. Default `'auto'`. */
|
|
2275
|
-
height?:
|
|
2029
|
+
height?: react__default.CSSProperties['height'];
|
|
2276
2030
|
/** Width when expanded. Default `'100%'` (fills parent). */
|
|
2277
|
-
expandedWidth?:
|
|
2031
|
+
expandedWidth?: react__default.CSSProperties['width'];
|
|
2278
2032
|
/** Height when expanded. Default `'100%'`. Set a concrete value (e.g. 420)
|
|
2279
2033
|
* when the container lives in normal flow and should push siblings down. */
|
|
2280
|
-
expandedHeight?:
|
|
2034
|
+
expandedHeight?: react__default.CSSProperties['height'];
|
|
2281
2035
|
/** Controlled expanded state. */
|
|
2282
2036
|
expanded?: boolean;
|
|
2283
2037
|
/** Fires when the user toggles. */
|
|
2284
2038
|
onExpandedChange?: (expanded: boolean) => void;
|
|
2285
2039
|
/** Content to render inside. */
|
|
2286
|
-
children?:
|
|
2040
|
+
children?: react__default.ReactNode;
|
|
2287
2041
|
/** CSS class appended to the expanded children wrapper. */
|
|
2288
2042
|
assignClassOnClick?: string;
|
|
2289
2043
|
/** Override the expand-button icon. */
|
|
2290
|
-
expandIcon?:
|
|
2044
|
+
expandIcon?: react__default.ReactNode;
|
|
2291
2045
|
/** Override the collapse-button icon. */
|
|
2292
|
-
collapseIcon?:
|
|
2046
|
+
collapseIcon?: react__default.ReactNode;
|
|
2293
2047
|
/**
|
|
2294
2048
|
* Position of the toggle button inside the container.
|
|
2295
2049
|
* Default `'top-right'` — matches the OS-window convention.
|
|
@@ -2327,10 +2081,10 @@ declare function ScalableContainer({ width, height, expandedWidth, expandedHeigh
|
|
|
2327
2081
|
|
|
2328
2082
|
interface GridCardItem {
|
|
2329
2083
|
key: string | number;
|
|
2330
|
-
title:
|
|
2331
|
-
description?:
|
|
2084
|
+
title: react__default.ReactNode;
|
|
2085
|
+
description?: react__default.ReactNode;
|
|
2332
2086
|
/** Image URL or JSX element */
|
|
2333
|
-
cover?: string |
|
|
2087
|
+
cover?: string | react__default.ReactNode;
|
|
2334
2088
|
enabled?: boolean;
|
|
2335
2089
|
/** Arbitrary route or payload — passed back to onOpen */
|
|
2336
2090
|
to?: string;
|
|
@@ -2344,7 +2098,7 @@ interface GridCardProps {
|
|
|
2344
2098
|
/** Extra classes merged onto the card root. */
|
|
2345
2099
|
className?: string;
|
|
2346
2100
|
/** Inline style on the card root. */
|
|
2347
|
-
style?:
|
|
2101
|
+
style?: react__default.CSSProperties;
|
|
2348
2102
|
}
|
|
2349
2103
|
/**
|
|
2350
2104
|
* Application card tile (grid layout).
|
|
@@ -2430,10 +2184,10 @@ declare function Catalog({ display, items, buttonText, onOpen, className }: Cata
|
|
|
2430
2184
|
* announce them as disabled.
|
|
2431
2185
|
*/
|
|
2432
2186
|
interface ContextMenuActionItem {
|
|
2433
|
-
key:
|
|
2187
|
+
key: react__default.Key;
|
|
2434
2188
|
/** Label shown for the item. May be plain text or a node. */
|
|
2435
|
-
value:
|
|
2436
|
-
icon?:
|
|
2189
|
+
value: react__default.ReactNode;
|
|
2190
|
+
icon?: react__default.ReactNode;
|
|
2437
2191
|
/** Fires when the item is activated. Ignored when `children` is set. */
|
|
2438
2192
|
onClick?: () => void;
|
|
2439
2193
|
/** Optional sub-menu items. */
|
|
@@ -2449,7 +2203,7 @@ interface ContextMenuProps {
|
|
|
2449
2203
|
* subtree underneath becomes the trigger area. Wrap an existing
|
|
2450
2204
|
* component / div / image — anything you can right-click on.
|
|
2451
2205
|
*/
|
|
2452
|
-
children:
|
|
2206
|
+
children: react__default.ReactNode;
|
|
2453
2207
|
/** Extra classes merged onto the menu content panel. */
|
|
2454
2208
|
className?: string;
|
|
2455
2209
|
}
|
|
@@ -2499,9 +2253,9 @@ interface ContextMenuPosition {
|
|
|
2499
2253
|
|
|
2500
2254
|
interface WizardStep {
|
|
2501
2255
|
/** Ref to the DOM element to highlight for this step. */
|
|
2502
|
-
stepRef:
|
|
2256
|
+
stepRef: react__default.RefObject<HTMLElement | null>;
|
|
2503
2257
|
/** Tooltip body content. */
|
|
2504
|
-
description:
|
|
2258
|
+
description: react__default.ReactNode;
|
|
2505
2259
|
/**
|
|
2506
2260
|
* Tooltip placement relative to the highlighted element.
|
|
2507
2261
|
* - `'right'` (default) — to the right of the highlight
|
|
@@ -2511,11 +2265,11 @@ interface WizardStep {
|
|
|
2511
2265
|
*/
|
|
2512
2266
|
placement?: 'right' | 'left' | 'top' | 'bottom';
|
|
2513
2267
|
/** Optional heading for the step's tooltip. */
|
|
2514
|
-
title?:
|
|
2268
|
+
title?: react__default.ReactNode;
|
|
2515
2269
|
}
|
|
2516
2270
|
interface WizardProps {
|
|
2517
2271
|
/** The wrapped subtree — refs in `steps` point into this tree. */
|
|
2518
|
-
children:
|
|
2272
|
+
children: react__default.ReactNode;
|
|
2519
2273
|
/** Ordered list of steps to walk the user through. */
|
|
2520
2274
|
steps: WizardStep[];
|
|
2521
2275
|
/**
|
|
@@ -2599,12 +2353,12 @@ declare function Wizard({ children, steps, storageKey, dismissible, onComplete,
|
|
|
2599
2353
|
*/
|
|
2600
2354
|
interface TableColumn<T extends Record<string, any> = Record<string, any>> {
|
|
2601
2355
|
/** React reconciliation key for the column itself. */
|
|
2602
|
-
key:
|
|
2603
|
-
label:
|
|
2356
|
+
key: react__default.Key;
|
|
2357
|
+
label: react__default.ReactNode;
|
|
2604
2358
|
/** Property on the row to read for this column. */
|
|
2605
2359
|
keyBind: keyof T & string;
|
|
2606
2360
|
/** Custom cell renderer. Receives the cell value and the full row. */
|
|
2607
|
-
component?: (cellValue: T[keyof T], row: T) =>
|
|
2361
|
+
component?: (cellValue: T[keyof T], row: T) => react__default.ReactNode;
|
|
2608
2362
|
/** Explicit column width (CSS length or px number). Optional — defaults to auto. */
|
|
2609
2363
|
width?: string | number;
|
|
2610
2364
|
/** Text alignment for both header and cells. Defaults to `'center'`. */
|
|
@@ -2631,8 +2385,8 @@ interface PaginationOptions {
|
|
|
2631
2385
|
}
|
|
2632
2386
|
interface ExpandRowOptions<T extends Record<string, any> = Record<string, any>> {
|
|
2633
2387
|
enabled?: boolean;
|
|
2634
|
-
expandIcon?:
|
|
2635
|
-
expandComponent?: (row: T) =>
|
|
2388
|
+
expandIcon?: react__default.ReactNode;
|
|
2389
|
+
expandComponent?: (row: T) => react__default.ReactNode;
|
|
2636
2390
|
}
|
|
2637
2391
|
interface TableProps<T extends Record<string, any> = Record<string, any>> {
|
|
2638
2392
|
columns?: TableColumn<T>[];
|
|
@@ -2644,12 +2398,12 @@ interface TableProps<T extends Record<string, any> = Record<string, any>> {
|
|
|
2644
2398
|
* explicit getter (e.g. `(row) => row.id`) if rows can be reordered or
|
|
2645
2399
|
* filtered while expand state should persist.
|
|
2646
2400
|
*/
|
|
2647
|
-
getRowKey?: (row: T, index: number) =>
|
|
2401
|
+
getRowKey?: (row: T, index: number) => react__default.Key;
|
|
2648
2402
|
pagination?: PaginationOptions;
|
|
2649
2403
|
expandRow?: ExpandRowOptions<T>;
|
|
2650
2404
|
hasSearch?: boolean;
|
|
2651
|
-
footer?:
|
|
2652
|
-
header?:
|
|
2405
|
+
footer?: react__default.ReactNode;
|
|
2406
|
+
header?: react__default.ReactNode;
|
|
2653
2407
|
/**
|
|
2654
2408
|
* When `true`, the body renders skeleton rows (one per column with the
|
|
2655
2409
|
* shared shimmer animation) instead of data. Use during initial data
|
|
@@ -2663,7 +2417,7 @@ interface TableProps<T extends Record<string, any> = Record<string, any>> {
|
|
|
2663
2417
|
/** Extra classes merged onto the table wrapper root. */
|
|
2664
2418
|
className?: string;
|
|
2665
2419
|
/** Inline style on the table wrapper root. */
|
|
2666
|
-
style?:
|
|
2420
|
+
style?: react__default.CSSProperties;
|
|
2667
2421
|
}
|
|
2668
2422
|
/** ─────────────────── main component ─────────────────── */
|
|
2669
2423
|
/**
|
|
@@ -2734,17 +2488,17 @@ declare function ThemeSwitch({ checked, onChange, label, className }: ThemeSwitc
|
|
|
2734
2488
|
|
|
2735
2489
|
interface TopBarProps {
|
|
2736
2490
|
/** Brand area — logo, wordmark, or app name. Rendered on the leading edge. */
|
|
2737
|
-
brand?:
|
|
2491
|
+
brand?: react__default.ReactNode;
|
|
2738
2492
|
/**
|
|
2739
2493
|
* Centre content — primary navigation links, breadcrumb, or page title.
|
|
2740
2494
|
* On mobile (< md breakpoint) this moves below the brand row.
|
|
2741
2495
|
*/
|
|
2742
|
-
center?:
|
|
2496
|
+
center?: react__default.ReactNode;
|
|
2743
2497
|
/**
|
|
2744
2498
|
* Trailing actions — theme toggle, user avatar, notification bell, etc.
|
|
2745
2499
|
* Rendered on the trailing edge.
|
|
2746
2500
|
*/
|
|
2747
|
-
actions?:
|
|
2501
|
+
actions?: react__default.ReactNode;
|
|
2748
2502
|
/**
|
|
2749
2503
|
* Height in pixels (default 56). Controls the `h-*` style directly so
|
|
2750
2504
|
* child scroll-offset calculations can consume it as a CSS var.
|
|
@@ -2782,7 +2536,7 @@ declare function TopBar({ brand, center, actions, height, className, }: TopBarPr
|
|
|
2782
2536
|
/** ─────────────────── types ─────────────────── */
|
|
2783
2537
|
interface SidebarItem {
|
|
2784
2538
|
key: string;
|
|
2785
|
-
icon:
|
|
2539
|
+
icon: react__default.ReactNode;
|
|
2786
2540
|
label: string;
|
|
2787
2541
|
isActive?: boolean;
|
|
2788
2542
|
onClick?: () => void;
|
|
@@ -2804,7 +2558,7 @@ interface SidebarProps {
|
|
|
2804
2558
|
/** Collapsed sidebar width in px (default 52) */
|
|
2805
2559
|
collapsedWidth?: number;
|
|
2806
2560
|
/** Slot rendered at the bottom of the sidebar (theme switch, user avatar…) */
|
|
2807
|
-
footer?:
|
|
2561
|
+
footer?: react__default.ReactNode;
|
|
2808
2562
|
/** Extra classes merged onto the sidebar root (`<aside>`). */
|
|
2809
2563
|
className?: string;
|
|
2810
2564
|
}
|
|
@@ -2828,7 +2582,7 @@ declare function Sidebar({ sections, isExpanded, onToggle, expandedWidth, collap
|
|
|
2828
2582
|
|
|
2829
2583
|
interface MegaMenuProps {
|
|
2830
2584
|
/** `MegaMenu.Item` children. */
|
|
2831
|
-
children:
|
|
2585
|
+
children: react__default.ReactNode;
|
|
2832
2586
|
/** Where the dropdown panel aligns under the bar. Default `'start'`. */
|
|
2833
2587
|
align?: 'start' | 'center' | 'end';
|
|
2834
2588
|
/** Delay (ms) before a hovered item opens. Default `200`. */
|
|
@@ -2842,10 +2596,10 @@ interface MegaMenuProps {
|
|
|
2842
2596
|
*/
|
|
2843
2597
|
responsive?: boolean;
|
|
2844
2598
|
/** Label for the mobile disclosure toggle. Default `'Menu'`. */
|
|
2845
|
-
mobileLabel?:
|
|
2599
|
+
mobileLabel?: react__default.ReactNode;
|
|
2846
2600
|
/** Extra classes merged onto the menu bar root. */
|
|
2847
2601
|
className?: string;
|
|
2848
|
-
style?:
|
|
2602
|
+
style?: react__default.CSSProperties;
|
|
2849
2603
|
'aria-label'?: string;
|
|
2850
2604
|
}
|
|
2851
2605
|
/**
|
|
@@ -2885,46 +2639,46 @@ declare namespace MegaMenu {
|
|
|
2885
2639
|
}
|
|
2886
2640
|
interface MegaMenuItemProps {
|
|
2887
2641
|
/** Top-level label shown in the bar. */
|
|
2888
|
-
label:
|
|
2642
|
+
label: react__default.ReactNode;
|
|
2889
2643
|
/** Optional leading icon for the top-level item. */
|
|
2890
|
-
icon?:
|
|
2644
|
+
icon?: react__default.ReactNode;
|
|
2891
2645
|
/** When set (and no children), the item is a plain top-level link. */
|
|
2892
2646
|
href?: string;
|
|
2893
2647
|
/** The panel (`MegaMenu.Panel`) revealed on hover/focus. Omit for a link. */
|
|
2894
|
-
children?:
|
|
2648
|
+
children?: react__default.ReactNode;
|
|
2895
2649
|
className?: string;
|
|
2896
2650
|
}
|
|
2897
2651
|
declare function MegaMenuItem({ label, icon, href, children, className }: MegaMenuItemProps): react_jsx_runtime.JSX.Element;
|
|
2898
2652
|
interface MegaMenuPanelProps {
|
|
2899
|
-
children:
|
|
2653
|
+
children: react__default.ReactNode;
|
|
2900
2654
|
/** Cap the panel to roughly this many side-by-side columns before wrapping. Default: single row. */
|
|
2901
2655
|
columns?: 1 | 2 | 3 | 4;
|
|
2902
2656
|
className?: string;
|
|
2903
|
-
style?:
|
|
2657
|
+
style?: react__default.CSSProperties;
|
|
2904
2658
|
}
|
|
2905
2659
|
declare function MegaMenuPanel({ children, columns, className, style }: MegaMenuPanelProps): react_jsx_runtime.JSX.Element;
|
|
2906
2660
|
interface MegaMenuSectionProps {
|
|
2907
2661
|
/** Section heading (uppercase eyebrow). */
|
|
2908
|
-
title?:
|
|
2909
|
-
children:
|
|
2662
|
+
title?: react__default.ReactNode;
|
|
2663
|
+
children: react__default.ReactNode;
|
|
2910
2664
|
className?: string;
|
|
2911
2665
|
}
|
|
2912
2666
|
declare function MegaMenuSection({ title, children, className }: MegaMenuSectionProps): react_jsx_runtime.JSX.Element;
|
|
2913
2667
|
interface MegaMenuLinkProps {
|
|
2914
2668
|
href?: string;
|
|
2915
2669
|
/** Leading icon, shown in a tinted square. */
|
|
2916
|
-
icon?:
|
|
2670
|
+
icon?: react__default.ReactNode;
|
|
2917
2671
|
/** Secondary line under the title. */
|
|
2918
|
-
description?:
|
|
2672
|
+
description?: react__default.ReactNode;
|
|
2919
2673
|
/** Mark as the active route. */
|
|
2920
2674
|
active?: boolean;
|
|
2921
|
-
onClick?:
|
|
2922
|
-
children:
|
|
2675
|
+
onClick?: react__default.MouseEventHandler;
|
|
2676
|
+
children: react__default.ReactNode;
|
|
2923
2677
|
className?: string;
|
|
2924
2678
|
}
|
|
2925
2679
|
declare function MegaMenuLink({ href, icon, description, active, onClick, children, className }: MegaMenuLinkProps): react_jsx_runtime.JSX.Element;
|
|
2926
2680
|
interface MegaMenuFeaturedProps {
|
|
2927
|
-
children:
|
|
2681
|
+
children: react__default.ReactNode;
|
|
2928
2682
|
className?: string;
|
|
2929
2683
|
}
|
|
2930
2684
|
declare function MegaMenuFeatured({ children, className }: MegaMenuFeaturedProps): react_jsx_runtime.JSX.Element;
|
|
@@ -2937,7 +2691,7 @@ interface AppShellProps {
|
|
|
2937
2691
|
* `sidebarSections` is non-empty. The TopBar should leave some leading space
|
|
2938
2692
|
* (or use its `center` / `actions` props) to avoid overlap.
|
|
2939
2693
|
*/
|
|
2940
|
-
topBar?:
|
|
2694
|
+
topBar?: react__default.ReactNode;
|
|
2941
2695
|
/** Sidebar navigation sections */
|
|
2942
2696
|
sidebarSections?: SidebarSection[];
|
|
2943
2697
|
/** Expanded width of the sidebar in px (default 220) */
|
|
@@ -2949,7 +2703,7 @@ interface AppShellProps {
|
|
|
2949
2703
|
/** Slot rendered at the bottom of the sidebar */
|
|
2950
2704
|
sidebarFooter?: SidebarProps['footer'];
|
|
2951
2705
|
/** Main page content */
|
|
2952
|
-
children?:
|
|
2706
|
+
children?: react__default.ReactNode;
|
|
2953
2707
|
/** Root element className */
|
|
2954
2708
|
className?: string;
|
|
2955
2709
|
}
|
|
@@ -2976,7 +2730,7 @@ declare function AppShell({ topBar, sidebarSections, sidebarExpandedWidth, sideb
|
|
|
2976
2730
|
|
|
2977
2731
|
interface SecureLayoutProps {
|
|
2978
2732
|
/** Protected content, rendered only once access is granted. */
|
|
2979
|
-
children:
|
|
2733
|
+
children: react__default.ReactNode;
|
|
2980
2734
|
/**
|
|
2981
2735
|
* Whether the user is authenticated. If omitted and `token` is given,
|
|
2982
2736
|
* authentication is inferred from the token's validity (non-expired).
|
|
@@ -3012,10 +2766,10 @@ interface SecureLayoutProps {
|
|
|
3012
2766
|
*/
|
|
3013
2767
|
canAccess?: (route?: string) => boolean | Promise<boolean>;
|
|
3014
2768
|
/** Shown while the (possibly async) check resolves. Pass `null` to render nothing. */
|
|
3015
|
-
loadingFallback?:
|
|
2769
|
+
loadingFallback?: react__default.ReactNode;
|
|
3016
2770
|
/** Shown when access is denied. Defaults to a simple "Access denied" panel;
|
|
3017
2771
|
* pass `null` to render nothing (e.g. when `onDeny` redirects away). */
|
|
3018
|
-
fallback?:
|
|
2772
|
+
fallback?: react__default.ReactNode;
|
|
3019
2773
|
/** Fired once when access is granted — e.g. to hydrate app state or redirect
|
|
3020
2774
|
* to a landing route after a successful token check. */
|
|
3021
2775
|
onGranted?: () => void;
|
|
@@ -3167,9 +2921,9 @@ interface ThemeProviderProps {
|
|
|
3167
2921
|
* - `'auto'` — do nothing; inherit from an ancestor (default)
|
|
3168
2922
|
*/
|
|
3169
2923
|
colorScheme?: 'light' | 'dark' | 'system' | 'auto';
|
|
3170
|
-
children:
|
|
2924
|
+
children: react__default.ReactNode;
|
|
3171
2925
|
className?: string;
|
|
3172
|
-
style?:
|
|
2926
|
+
style?: react__default.CSSProperties;
|
|
3173
2927
|
}
|
|
3174
2928
|
/**
|
|
3175
2929
|
* Scoped theme provider.
|
|
@@ -3207,7 +2961,7 @@ declare function ThemeProvider({ theme, darkTheme, colorScheme, children, classN
|
|
|
3207
2961
|
interface SkeletonBaseProps {
|
|
3208
2962
|
className?: string;
|
|
3209
2963
|
/** Override inline styles */
|
|
3210
|
-
style?:
|
|
2964
|
+
style?: react__default.CSSProperties;
|
|
3211
2965
|
}
|
|
3212
2966
|
/** ─────────────────── SkeletonBox ─────────────────── */
|
|
3213
2967
|
interface SkeletonBoxProps extends SkeletonBaseProps {
|
|
@@ -3278,11 +3032,11 @@ interface TextInputProps {
|
|
|
3278
3032
|
/** Controlled string value. */
|
|
3279
3033
|
value?: string;
|
|
3280
3034
|
/** Native change handler — read `e.target.value`. */
|
|
3281
|
-
onChange?:
|
|
3035
|
+
onChange?: react__default.ChangeEventHandler<HTMLInputElement>;
|
|
3282
3036
|
/** Disable interaction and dim the field. */
|
|
3283
3037
|
disabled?: boolean;
|
|
3284
3038
|
/** Field label rendered above (vertical) or beside (horizontal) the input. */
|
|
3285
|
-
label?:
|
|
3039
|
+
label?: react__default.ReactNode;
|
|
3286
3040
|
/** `id` for the input + the `<label htmlFor>` link. */
|
|
3287
3041
|
htmlFor?: string;
|
|
3288
3042
|
/** Placeholder shown when the field is empty. */
|
|
@@ -3292,27 +3046,27 @@ interface TextInputProps {
|
|
|
3292
3046
|
/** Native input type. Defaults to `'text'`. */
|
|
3293
3047
|
type?: 'text' | 'email' | 'url' | 'tel';
|
|
3294
3048
|
/** Inline style applied to the `<input>` element. */
|
|
3295
|
-
inputStyle?:
|
|
3049
|
+
inputStyle?: react__default.CSSProperties;
|
|
3296
3050
|
/** Inline style applied to the field shell / adornment wrapper. */
|
|
3297
|
-
style?:
|
|
3051
|
+
style?: react__default.CSSProperties;
|
|
3298
3052
|
/** Label/input orientation. Defaults to `'vertical'`. */
|
|
3299
3053
|
layout?: 'horizontal' | 'vertical';
|
|
3300
3054
|
/** Size preset — controls height, padding, and font. Default `'md'`. */
|
|
3301
3055
|
size?: FieldSize;
|
|
3302
3056
|
/** Native blur handler. */
|
|
3303
|
-
onBlur?:
|
|
3057
|
+
onBlur?: react__default.FocusEventHandler<HTMLInputElement>;
|
|
3304
3058
|
/** Validation message — shown under the input; also flags it red + `aria-invalid`. */
|
|
3305
|
-
errorMessage?:
|
|
3059
|
+
errorMessage?: react__default.ReactNode;
|
|
3306
3060
|
/** Contextual help revealed via an info icon + tooltip beside the label. */
|
|
3307
|
-
helperText?:
|
|
3061
|
+
helperText?: react__default.ReactNode;
|
|
3308
3062
|
/** Extra classes merged onto the field root element. */
|
|
3309
3063
|
className?: string;
|
|
3310
3064
|
/** Mark the field required (renders an asterisk after the label). */
|
|
3311
3065
|
required?: boolean;
|
|
3312
3066
|
/** Optional leading adornment (icon / prefix). */
|
|
3313
|
-
prefix?:
|
|
3067
|
+
prefix?: react__default.ReactNode;
|
|
3314
3068
|
/** Optional trailing adornment (icon / suffix / unit). */
|
|
3315
|
-
suffix?:
|
|
3069
|
+
suffix?: react__default.ReactNode;
|
|
3316
3070
|
/** @deprecated Use `htmlFor`. */
|
|
3317
3071
|
id?: string;
|
|
3318
3072
|
}
|
|
@@ -3353,7 +3107,7 @@ interface NumberInputProps {
|
|
|
3353
3107
|
};
|
|
3354
3108
|
}) => void;
|
|
3355
3109
|
/** Field label, placed above (vertical) or beside (horizontal) the control. */
|
|
3356
|
-
label?:
|
|
3110
|
+
label?: react__default.ReactNode;
|
|
3357
3111
|
/** The control id; the field label links to it for accessibility. */
|
|
3358
3112
|
htmlFor?: string;
|
|
3359
3113
|
/** Native form field name (used for FormData serialisation). */
|
|
@@ -3365,21 +3119,21 @@ interface NumberInputProps {
|
|
|
3365
3119
|
/** Size preset. Default `'md'`. */
|
|
3366
3120
|
size?: FieldSize;
|
|
3367
3121
|
/** Validation message — shown under the control; also flags it red and sets aria-invalid. */
|
|
3368
|
-
errorMessage?:
|
|
3122
|
+
errorMessage?: react__default.ReactNode;
|
|
3369
3123
|
/** Contextual help revealed via an info icon + tooltip beside the label. */
|
|
3370
|
-
helperText?:
|
|
3124
|
+
helperText?: react__default.ReactNode;
|
|
3371
3125
|
/** Extra classes merged onto the field root element. */
|
|
3372
3126
|
className?: string;
|
|
3373
3127
|
/** Show a required asterisk after the label. */
|
|
3374
3128
|
required?: boolean;
|
|
3375
3129
|
/** Inline style applied to the inner input element. */
|
|
3376
|
-
inputStyle?:
|
|
3130
|
+
inputStyle?: react__default.CSSProperties;
|
|
3377
3131
|
/** Inline style applied to the label. */
|
|
3378
|
-
labelStyle?:
|
|
3132
|
+
labelStyle?: react__default.CSSProperties;
|
|
3379
3133
|
/** Placeholder shown when the field is empty. */
|
|
3380
3134
|
placeholder?: string;
|
|
3381
3135
|
/** Inline style applied to the control shell. */
|
|
3382
|
-
style?:
|
|
3136
|
+
style?: react__default.CSSProperties;
|
|
3383
3137
|
/** Minimum allowed value. */
|
|
3384
3138
|
min?: number;
|
|
3385
3139
|
/** Maximum allowed value. */
|
|
@@ -3427,11 +3181,11 @@ interface PasswordProps {
|
|
|
3427
3181
|
/** Controlled value. */
|
|
3428
3182
|
value?: string;
|
|
3429
3183
|
/** Fires when the value changes. */
|
|
3430
|
-
onChange?:
|
|
3184
|
+
onChange?: react__default.ChangeEventHandler<HTMLInputElement>;
|
|
3431
3185
|
/** Disable interaction and dim the control. */
|
|
3432
3186
|
disabled?: boolean;
|
|
3433
3187
|
/** Field label, placed above (vertical) or beside (horizontal) the control. */
|
|
3434
|
-
label?:
|
|
3188
|
+
label?: react__default.ReactNode;
|
|
3435
3189
|
/** The control id; the field label links to it for accessibility. */
|
|
3436
3190
|
htmlFor?: string;
|
|
3437
3191
|
/** Placeholder shown when the field is empty. */
|
|
@@ -3439,27 +3193,27 @@ interface PasswordProps {
|
|
|
3439
3193
|
/** Native form field name (used for FormData serialisation). */
|
|
3440
3194
|
name?: string;
|
|
3441
3195
|
/** Inline style applied to the inner input element. */
|
|
3442
|
-
inputStyle?:
|
|
3196
|
+
inputStyle?: react__default.CSSProperties;
|
|
3443
3197
|
/** Inline style applied to the control shell. */
|
|
3444
|
-
style?:
|
|
3198
|
+
style?: react__default.CSSProperties;
|
|
3445
3199
|
/** Label/input orientation. Defaults to `'vertical'`. */
|
|
3446
3200
|
layout?: 'horizontal' | 'vertical';
|
|
3447
3201
|
/** Size preset — controls height, padding, and font. Default `'md'`. */
|
|
3448
3202
|
size?: FieldSize;
|
|
3449
3203
|
/** Blur handler — useful for touched/validation timing. */
|
|
3450
|
-
onBlur?:
|
|
3204
|
+
onBlur?: react__default.FocusEventHandler<HTMLInputElement>;
|
|
3451
3205
|
/** Validation message — shown under the control; also flags it red and sets aria-invalid. */
|
|
3452
|
-
errorMessage?:
|
|
3206
|
+
errorMessage?: react__default.ReactNode;
|
|
3453
3207
|
/** Contextual help revealed via an info icon + tooltip beside the label. */
|
|
3454
|
-
helperText?:
|
|
3208
|
+
helperText?: react__default.ReactNode;
|
|
3455
3209
|
/** Extra classes merged onto the field root element. */
|
|
3456
3210
|
className?: string;
|
|
3457
3211
|
/** Show a required asterisk after the label. */
|
|
3458
3212
|
required?: boolean;
|
|
3459
3213
|
/** Override the "reveal" (password hidden) icon. */
|
|
3460
|
-
showIcon?:
|
|
3214
|
+
showIcon?: react__default.ReactNode;
|
|
3461
3215
|
/** Override the "hide" (password visible) icon. */
|
|
3462
|
-
hideIcon?:
|
|
3216
|
+
hideIcon?: react__default.ReactNode;
|
|
3463
3217
|
}
|
|
3464
3218
|
/**
|
|
3465
3219
|
* Password input with a show/hide reveal toggle. Full-width by default.
|
|
@@ -3476,11 +3230,11 @@ interface SearchInputProps {
|
|
|
3476
3230
|
/** Controlled value. */
|
|
3477
3231
|
value?: string;
|
|
3478
3232
|
/** Fires when the value changes. */
|
|
3479
|
-
onChange?:
|
|
3233
|
+
onChange?: react__default.ChangeEventHandler<HTMLInputElement>;
|
|
3480
3234
|
/** Disable interaction and dim the control. */
|
|
3481
3235
|
disabled?: boolean;
|
|
3482
3236
|
/** Field label, placed above (vertical) or beside (horizontal) the control. */
|
|
3483
|
-
label?:
|
|
3237
|
+
label?: react__default.ReactNode;
|
|
3484
3238
|
/** The control id; the field label links to it for accessibility. */
|
|
3485
3239
|
htmlFor?: string;
|
|
3486
3240
|
/** Placeholder shown when the field is empty. */
|
|
@@ -3488,17 +3242,17 @@ interface SearchInputProps {
|
|
|
3488
3242
|
/** Native form field name (used for FormData serialisation). */
|
|
3489
3243
|
name?: string;
|
|
3490
3244
|
/** Inline style applied to the inner input element. */
|
|
3491
|
-
inputStyle?:
|
|
3245
|
+
inputStyle?: react__default.CSSProperties;
|
|
3492
3246
|
/** Inline style applied to the control shell. */
|
|
3493
|
-
style?:
|
|
3247
|
+
style?: react__default.CSSProperties;
|
|
3494
3248
|
/** Label/input orientation. Defaults to `'vertical'`. */
|
|
3495
3249
|
layout?: 'horizontal' | 'vertical';
|
|
3496
3250
|
/** Size preset. Default `'md'`. */
|
|
3497
3251
|
size?: FieldSize;
|
|
3498
3252
|
/** Override the leading search icon. */
|
|
3499
|
-
icon?:
|
|
3253
|
+
icon?: react__default.ReactNode;
|
|
3500
3254
|
/** Contextual help revealed via an info icon + tooltip beside the label. */
|
|
3501
|
-
helperText?:
|
|
3255
|
+
helperText?: react__default.ReactNode;
|
|
3502
3256
|
/** Extra classes merged onto the field root element. */
|
|
3503
3257
|
className?: string;
|
|
3504
3258
|
}
|
|
@@ -3512,7 +3266,7 @@ interface SearchInputProps {
|
|
|
3512
3266
|
* <SearchInput value={q} onChange={(e) => setQ(e.target.value)} placeholder="Search vessels…" />
|
|
3513
3267
|
* ```
|
|
3514
3268
|
*/
|
|
3515
|
-
declare const SearchInput:
|
|
3269
|
+
declare const SearchInput: react__default.ForwardRefExoticComponent<SearchInputProps & react__default.RefAttributes<HTMLInputElement>>;
|
|
3516
3270
|
|
|
3517
3271
|
interface CheckboxProps {
|
|
3518
3272
|
/** Controlled checked state. */
|
|
@@ -3526,17 +3280,17 @@ interface CheckboxProps {
|
|
|
3526
3280
|
};
|
|
3527
3281
|
}) => void;
|
|
3528
3282
|
/** Primary label text. */
|
|
3529
|
-
label?:
|
|
3283
|
+
label?: react__default.ReactNode;
|
|
3530
3284
|
/** Secondary line rendered under the label (same affordance as RadioGroup options). */
|
|
3531
|
-
description?:
|
|
3285
|
+
description?: react__default.ReactNode;
|
|
3532
3286
|
/** Native form field name. */
|
|
3533
3287
|
name?: string;
|
|
3534
3288
|
/** `id` for the control and the `<label htmlFor>` link. */
|
|
3535
3289
|
htmlFor?: string;
|
|
3536
3290
|
/** Validation message — shown under the control; also flags the box red + `aria-invalid`. */
|
|
3537
|
-
errorMessage?:
|
|
3291
|
+
errorMessage?: react__default.ReactNode;
|
|
3538
3292
|
/** Contextual help revealed via an info icon + tooltip beside the label. */
|
|
3539
|
-
helperText?:
|
|
3293
|
+
helperText?: react__default.ReactNode;
|
|
3540
3294
|
/** Disable interaction + dim the control. */
|
|
3541
3295
|
disabled?: boolean;
|
|
3542
3296
|
/** Show a required asterisk after the label. */
|
|
@@ -3585,9 +3339,9 @@ interface RadioOption {
|
|
|
3585
3339
|
/** Stable value submitted / reported on change. */
|
|
3586
3340
|
value: string;
|
|
3587
3341
|
/** Main label text. */
|
|
3588
|
-
label:
|
|
3342
|
+
label: react__default.ReactNode;
|
|
3589
3343
|
/** Optional secondary description rendered under the label. */
|
|
3590
|
-
description?:
|
|
3344
|
+
description?: react__default.ReactNode;
|
|
3591
3345
|
/** Disable this option only. */
|
|
3592
3346
|
disabled?: boolean;
|
|
3593
3347
|
}
|
|
@@ -3603,7 +3357,7 @@ interface RadioGroupProps {
|
|
|
3603
3357
|
/** Native form field name (used for FormData serialisation). */
|
|
3604
3358
|
name?: string;
|
|
3605
3359
|
/** Field label, placed above (vertical) or beside (horizontal) the control. */
|
|
3606
|
-
label?:
|
|
3360
|
+
label?: react__default.ReactNode;
|
|
3607
3361
|
/**
|
|
3608
3362
|
* Option arrangement. `'vertical'` (default) stacks options in a column;
|
|
3609
3363
|
* `'horizontal'` lays them in a row. Named `layout` for consistency with
|
|
@@ -3622,11 +3376,11 @@ interface RadioGroupProps {
|
|
|
3622
3376
|
/** Show a required asterisk after the label. */
|
|
3623
3377
|
required?: boolean;
|
|
3624
3378
|
/** Contextual help revealed via an info icon + tooltip beside the label. */
|
|
3625
|
-
helperText?:
|
|
3379
|
+
helperText?: react__default.ReactNode;
|
|
3626
3380
|
/** Extra classes merged onto the field root element. */
|
|
3627
3381
|
className?: string;
|
|
3628
3382
|
/** Validation message — shown under the control; also flags it red and sets aria-invalid. */
|
|
3629
|
-
errorMessage?:
|
|
3383
|
+
errorMessage?: react__default.ReactNode;
|
|
3630
3384
|
}
|
|
3631
3385
|
/**
|
|
3632
3386
|
* Radio group built on `@radix-ui/react-radio-group`. Each option can carry
|
|
@@ -3666,24 +3420,24 @@ interface SwitchInputProps {
|
|
|
3666
3420
|
};
|
|
3667
3421
|
}) => void;
|
|
3668
3422
|
/** Thumb icon shown when on. */
|
|
3669
|
-
checkedIcon?:
|
|
3423
|
+
checkedIcon?: react__default.ReactNode;
|
|
3670
3424
|
/** Thumb icon shown when off. */
|
|
3671
|
-
uncheckedIcon?:
|
|
3425
|
+
uncheckedIcon?: react__default.ReactNode;
|
|
3672
3426
|
/**
|
|
3673
3427
|
* Central field label, positioned per `layout` (above in vertical, beside
|
|
3674
3428
|
* in horizontal) — the same affordance every other input uses.
|
|
3675
3429
|
*/
|
|
3676
|
-
label?:
|
|
3430
|
+
label?: react__default.ReactNode;
|
|
3677
3431
|
/** Label/control orientation. Default `'horizontal'`. */
|
|
3678
3432
|
layout?: 'horizontal' | 'vertical';
|
|
3679
3433
|
/** Contextual help revealed via an info icon + tooltip beside the label. */
|
|
3680
|
-
helperText?:
|
|
3434
|
+
helperText?: react__default.ReactNode;
|
|
3681
3435
|
/** Extra classes merged onto the field root element. */
|
|
3682
3436
|
className?: string;
|
|
3683
3437
|
/** Label rendered to the left of the track, emphasised while off. */
|
|
3684
|
-
offLabel?:
|
|
3438
|
+
offLabel?: react__default.ReactNode;
|
|
3685
3439
|
/** Label rendered to the right of the track, emphasised while on. */
|
|
3686
|
-
onLabel?:
|
|
3440
|
+
onLabel?: react__default.ReactNode;
|
|
3687
3441
|
/** Native form field name (used for FormData serialisation). */
|
|
3688
3442
|
name?: string;
|
|
3689
3443
|
/** Show a required asterisk after the label. */
|
|
@@ -3691,7 +3445,7 @@ interface SwitchInputProps {
|
|
|
3691
3445
|
/** Disable interaction and dim the control. */
|
|
3692
3446
|
disabled?: boolean;
|
|
3693
3447
|
/** Validation message — shown under the control; also flags it red and sets aria-invalid. */
|
|
3694
|
-
errorMessage?:
|
|
3448
|
+
errorMessage?: react__default.ReactNode;
|
|
3695
3449
|
}
|
|
3696
3450
|
/**
|
|
3697
3451
|
* Form switch (on/off toggle) powered by Radix Switch.
|
|
@@ -3714,8 +3468,8 @@ declare function Switch({ checked, defaultChecked, onChange, checkedIcon, unchec
|
|
|
3714
3468
|
|
|
3715
3469
|
interface DropdownItem {
|
|
3716
3470
|
key: string | number;
|
|
3717
|
-
label:
|
|
3718
|
-
icon?:
|
|
3471
|
+
label: react__default.ReactNode;
|
|
3472
|
+
icon?: react__default.ReactNode;
|
|
3719
3473
|
}
|
|
3720
3474
|
/**
|
|
3721
3475
|
* Item key type — DOM-friendly subset of `React.Key` (no bigint, since UI
|
|
@@ -3733,7 +3487,7 @@ interface DropdownProps {
|
|
|
3733
3487
|
/** Show a search box inside the dropdown panel. */
|
|
3734
3488
|
hasSearch?: boolean;
|
|
3735
3489
|
/** Field label, placed above (vertical) or beside (horizontal) the control. */
|
|
3736
|
-
label?:
|
|
3490
|
+
label?: react__default.ReactNode;
|
|
3737
3491
|
/** Native form field name (used for FormData serialisation). */
|
|
3738
3492
|
name?: string;
|
|
3739
3493
|
/** Controlled value. */
|
|
@@ -3747,25 +3501,25 @@ interface DropdownProps {
|
|
|
3747
3501
|
};
|
|
3748
3502
|
}) => void;
|
|
3749
3503
|
/** Blur handler — useful for touched/validation timing. */
|
|
3750
|
-
onBlur?:
|
|
3504
|
+
onBlur?: react__default.FocusEventHandler;
|
|
3751
3505
|
/** Disable interaction and dim the control. */
|
|
3752
3506
|
disabled?: boolean;
|
|
3753
3507
|
/** Label/input orientation. Defaults to `'vertical'`. */
|
|
3754
3508
|
layout?: 'horizontal' | 'vertical';
|
|
3755
3509
|
/** Contextual help revealed via an info icon + tooltip beside the label. */
|
|
3756
|
-
helperText?:
|
|
3510
|
+
helperText?: react__default.ReactNode;
|
|
3757
3511
|
/** Show a required asterisk after the label. */
|
|
3758
3512
|
required?: boolean;
|
|
3759
3513
|
/** Validation message — shown under the control; also flags it red and sets aria-invalid. */
|
|
3760
|
-
errorMessage?:
|
|
3514
|
+
errorMessage?: react__default.ReactNode;
|
|
3761
3515
|
/** Inline style applied to the control shell. */
|
|
3762
|
-
style?:
|
|
3516
|
+
style?: react__default.CSSProperties;
|
|
3763
3517
|
/** The control id; the field label links to it for accessibility. */
|
|
3764
3518
|
htmlFor?: string;
|
|
3765
3519
|
/** The selectable items. */
|
|
3766
3520
|
items?: DropdownItem[];
|
|
3767
3521
|
/** Inline style applied to the label. */
|
|
3768
|
-
labelStyle?:
|
|
3522
|
+
labelStyle?: react__default.CSSProperties;
|
|
3769
3523
|
/** Placeholder shown when the field is empty. */
|
|
3770
3524
|
placeholder?: string;
|
|
3771
3525
|
/** Size preset. Default `'md'`. */
|
|
@@ -3794,21 +3548,21 @@ interface AutoCompleteItem {
|
|
|
3794
3548
|
key: string;
|
|
3795
3549
|
value: string;
|
|
3796
3550
|
label: string;
|
|
3797
|
-
icon?:
|
|
3551
|
+
icon?: react__default.ReactNode;
|
|
3798
3552
|
}
|
|
3799
3553
|
interface AutoCompleteProps {
|
|
3800
3554
|
/** Disable interaction and dim the control. */
|
|
3801
3555
|
disabled?: boolean;
|
|
3802
3556
|
/** Field label, placed above (vertical) or beside (horizontal) the control. */
|
|
3803
|
-
label?:
|
|
3557
|
+
label?: react__default.ReactNode;
|
|
3804
3558
|
/** Placeholder shown when the field is empty. */
|
|
3805
3559
|
placeholder?: string;
|
|
3806
3560
|
/** Native form field name (used for FormData serialisation). */
|
|
3807
3561
|
name?: string;
|
|
3808
3562
|
/** Inline style applied to the inner input element. */
|
|
3809
|
-
inputStyle?:
|
|
3563
|
+
inputStyle?: react__default.CSSProperties;
|
|
3810
3564
|
/** Inline style applied to the control shell. */
|
|
3811
|
-
style?:
|
|
3565
|
+
style?: react__default.CSSProperties;
|
|
3812
3566
|
/** Label/input orientation. Defaults to `'vertical'`. */
|
|
3813
3567
|
layout?: 'horizontal' | 'vertical';
|
|
3814
3568
|
/**
|
|
@@ -3838,11 +3592,11 @@ interface AutoCompleteProps {
|
|
|
3838
3592
|
/** Size preset. Default `'md'`. */
|
|
3839
3593
|
size?: FieldSize;
|
|
3840
3594
|
/** Override the leading search icon (hidden while loading). */
|
|
3841
|
-
icon?:
|
|
3595
|
+
icon?: react__default.ReactNode;
|
|
3842
3596
|
/** Validation message — turns the field red and links via aria-describedby. */
|
|
3843
|
-
errorMessage?:
|
|
3597
|
+
errorMessage?: react__default.ReactNode;
|
|
3844
3598
|
/** Contextual help revealed via an info icon + tooltip beside the label. */
|
|
3845
|
-
helperText?:
|
|
3599
|
+
helperText?: react__default.ReactNode;
|
|
3846
3600
|
/** Extra classes merged onto the field root element. */
|
|
3847
3601
|
className?: string;
|
|
3848
3602
|
/** Mark required (asterisk after the label). */
|
|
@@ -3890,8 +3644,8 @@ declare function AutoComplete({ disabled, label, placeholder, name, inputStyle,
|
|
|
3890
3644
|
|
|
3891
3645
|
interface TreeSelectNode {
|
|
3892
3646
|
key: string | number;
|
|
3893
|
-
label:
|
|
3894
|
-
icon?:
|
|
3647
|
+
label: react__default.ReactNode;
|
|
3648
|
+
icon?: react__default.ReactNode;
|
|
3895
3649
|
/** Nested children. If present, this node is treated as a parent (branch). */
|
|
3896
3650
|
children?: TreeSelectNode[];
|
|
3897
3651
|
/** Render the node disabled — visible but not selectable. */
|
|
@@ -3911,7 +3665,7 @@ interface TreeSelectProps {
|
|
|
3911
3665
|
};
|
|
3912
3666
|
}) => void;
|
|
3913
3667
|
/** Field label, placed above (vertical) or beside (horizontal) the control. */
|
|
3914
|
-
label?:
|
|
3668
|
+
label?: react__default.ReactNode;
|
|
3915
3669
|
/** Placeholder shown when the field is empty. */
|
|
3916
3670
|
placeholder?: string;
|
|
3917
3671
|
/** Form control id linkage. */
|
|
@@ -3921,7 +3675,7 @@ interface TreeSelectProps {
|
|
|
3921
3675
|
/** Label/trigger orientation. Defaults to `'horizontal'`. */
|
|
3922
3676
|
layout?: 'horizontal' | 'vertical';
|
|
3923
3677
|
/** Contextual help revealed via an info icon + tooltip beside the label. */
|
|
3924
|
-
helperText?:
|
|
3678
|
+
helperText?: react__default.ReactNode;
|
|
3925
3679
|
/** Extra classes merged onto the field root element. */
|
|
3926
3680
|
className?: string;
|
|
3927
3681
|
/** Show a required asterisk after the label. */
|
|
@@ -3929,9 +3683,9 @@ interface TreeSelectProps {
|
|
|
3929
3683
|
/** Disable interaction and dim the control. */
|
|
3930
3684
|
disabled?: boolean;
|
|
3931
3685
|
/** Validation message — shown under the control; also flags it red and sets aria-invalid. */
|
|
3932
|
-
errorMessage?:
|
|
3686
|
+
errorMessage?: react__default.ReactNode;
|
|
3933
3687
|
/** Inline style applied to the control shell. */
|
|
3934
|
-
style?:
|
|
3688
|
+
style?: react__default.CSSProperties;
|
|
3935
3689
|
/**
|
|
3936
3690
|
* Whether parent (branch) nodes can be selected. When `false`, parents
|
|
3937
3691
|
* only expand/collapse and only leaves are picked. Default `true`.
|
|
@@ -3998,19 +3752,19 @@ interface FileInputProps {
|
|
|
3998
3752
|
/** The control id; the field label links to it for accessibility. */
|
|
3999
3753
|
htmlFor?: string;
|
|
4000
3754
|
/** Field label, placed above (vertical) or beside (horizontal) the control. */
|
|
4001
|
-
label?:
|
|
3755
|
+
label?: react__default.ReactNode;
|
|
4002
3756
|
/** Accepted MIME types / extensions, e.g. `'.xlsx,application/pdf'`. */
|
|
4003
3757
|
accept?: string;
|
|
4004
3758
|
/** Primary call-to-action copy. Default `'Click to upload or drag and drop'`. */
|
|
4005
|
-
prompt?:
|
|
3759
|
+
prompt?: react__default.ReactNode;
|
|
4006
3760
|
/** Secondary hint under the prompt — typically the accepted types / max size. */
|
|
4007
|
-
hint?:
|
|
3761
|
+
hint?: react__default.ReactNode;
|
|
4008
3762
|
/** Maximum file size in bytes. Files above this are rejected with an error. */
|
|
4009
3763
|
maxSize?: number;
|
|
4010
3764
|
/** Validation message — shown under the control; also flags it red and sets aria-invalid. */
|
|
4011
|
-
errorMessage?:
|
|
3765
|
+
errorMessage?: react__default.ReactNode;
|
|
4012
3766
|
/** Contextual help revealed via an info icon + tooltip beside the label. */
|
|
4013
|
-
helperText?:
|
|
3767
|
+
helperText?: react__default.ReactNode;
|
|
4014
3768
|
/** Extra classes merged onto the field root element. */
|
|
4015
3769
|
className?: string;
|
|
4016
3770
|
/** Disable interaction and dim the control. */
|
|
@@ -4018,7 +3772,7 @@ interface FileInputProps {
|
|
|
4018
3772
|
/** Show a required asterisk after the label. */
|
|
4019
3773
|
required?: boolean;
|
|
4020
3774
|
/** Override the upload glyph in the empty state. */
|
|
4021
|
-
icon?:
|
|
3775
|
+
icon?: react__default.ReactNode;
|
|
4022
3776
|
}
|
|
4023
3777
|
/**
|
|
4024
3778
|
* Drag-and-drop file input with an enterprise dropzone aesthetic: a calm
|
|
@@ -4048,7 +3802,7 @@ interface DatePickerProps {
|
|
|
4048
3802
|
/** Fires with the next date (or `null` if cleared via the clear button). */
|
|
4049
3803
|
onChange?: (date: Date | null) => void;
|
|
4050
3804
|
/** Field label, placed above (vertical) or beside (horizontal) the control. */
|
|
4051
|
-
label?:
|
|
3805
|
+
label?: react__default.ReactNode;
|
|
4052
3806
|
/** Text shown in the trigger when no date is selected. Default `"Select a date…"`. */
|
|
4053
3807
|
placeholder?: string;
|
|
4054
3808
|
/** The control id; the field label links to it for accessibility. */
|
|
@@ -4058,19 +3812,19 @@ interface DatePickerProps {
|
|
|
4058
3812
|
/** Label/trigger orientation. Defaults to `'horizontal'`. */
|
|
4059
3813
|
layout?: 'horizontal' | 'vertical';
|
|
4060
3814
|
/** Contextual help revealed via an info icon + tooltip beside the label. */
|
|
4061
|
-
helperText?:
|
|
3815
|
+
helperText?: react__default.ReactNode;
|
|
4062
3816
|
/** Show a required asterisk after the label. */
|
|
4063
3817
|
required?: boolean;
|
|
4064
3818
|
/** Disable interaction and dim the control. */
|
|
4065
3819
|
disabled?: boolean;
|
|
4066
3820
|
/** Validation message — shown under the control; also flags it red and sets aria-invalid. */
|
|
4067
|
-
errorMessage?:
|
|
3821
|
+
errorMessage?: react__default.ReactNode;
|
|
4068
3822
|
/** Earliest selectable date. Dates before this render disabled. */
|
|
4069
3823
|
min?: Date;
|
|
4070
3824
|
/** Latest selectable date. Dates after this render disabled. */
|
|
4071
3825
|
max?: Date;
|
|
4072
3826
|
/** Inline style applied to the control shell. */
|
|
4073
|
-
style?:
|
|
3827
|
+
style?: react__default.CSSProperties;
|
|
4074
3828
|
/**
|
|
4075
3829
|
* Custom formatter for the trigger display. Defaults to
|
|
4076
3830
|
* `YYYY-MM-DD` via `toISOString().slice(0, 10)`.
|
|
@@ -4127,13 +3881,13 @@ interface TextAreaProps {
|
|
|
4127
3881
|
/** Controlled value. */
|
|
4128
3882
|
value?: string;
|
|
4129
3883
|
/** Fires when the value changes. */
|
|
4130
|
-
onChange?:
|
|
3884
|
+
onChange?: react__default.ChangeEventHandler<HTMLTextAreaElement>;
|
|
4131
3885
|
/** Blur handler — useful for touched/validation timing. */
|
|
4132
|
-
onBlur?:
|
|
3886
|
+
onBlur?: react__default.FocusEventHandler<HTMLTextAreaElement>;
|
|
4133
3887
|
/** Disable interaction and dim the control. */
|
|
4134
3888
|
disabled?: boolean;
|
|
4135
3889
|
/** Field label, placed above (vertical) or beside (horizontal) the control. */
|
|
4136
|
-
label?:
|
|
3890
|
+
label?: react__default.ReactNode;
|
|
4137
3891
|
/** The control id; the field label links to it for accessibility. */
|
|
4138
3892
|
htmlFor?: string;
|
|
4139
3893
|
/** Placeholder shown when the field is empty. */
|
|
@@ -4160,17 +3914,17 @@ interface TextAreaProps {
|
|
|
4160
3914
|
/** CSS `resize` behaviour. Default `'vertical'` (or `'none'` when autoGrow). */
|
|
4161
3915
|
resize?: 'none' | 'vertical' | 'horizontal' | 'both';
|
|
4162
3916
|
/** Validation message — shown under the control; also flags it red and sets aria-invalid. */
|
|
4163
|
-
errorMessage?:
|
|
3917
|
+
errorMessage?: react__default.ReactNode;
|
|
4164
3918
|
/** Contextual help revealed via an info icon + tooltip beside the label. */
|
|
4165
|
-
helperText?:
|
|
3919
|
+
helperText?: react__default.ReactNode;
|
|
4166
3920
|
/** Extra classes merged onto the field root element. */
|
|
4167
3921
|
className?: string;
|
|
4168
3922
|
/** Show a required asterisk after the label. */
|
|
4169
3923
|
required?: boolean;
|
|
4170
3924
|
/** Inline style applied to the control shell. */
|
|
4171
|
-
style?:
|
|
3925
|
+
style?: react__default.CSSProperties;
|
|
4172
3926
|
/** Inline style applied to the inner input element. */
|
|
4173
|
-
inputStyle?:
|
|
3927
|
+
inputStyle?: react__default.CSSProperties;
|
|
4174
3928
|
}
|
|
4175
3929
|
/**
|
|
4176
3930
|
* Multi-line text input on the shared field foundation. Optional auto-grow
|
|
@@ -4192,8 +3946,8 @@ declare function TextArea({ value, onChange, onBlur, disabled, label, htmlFor, p
|
|
|
4192
3946
|
|
|
4193
3947
|
interface SegmentedOption {
|
|
4194
3948
|
value: string;
|
|
4195
|
-
label:
|
|
4196
|
-
icon?:
|
|
3949
|
+
label: react__default.ReactNode;
|
|
3950
|
+
icon?: react__default.ReactNode;
|
|
4197
3951
|
disabled?: boolean;
|
|
4198
3952
|
}
|
|
4199
3953
|
interface SegmentedControlProps {
|
|
@@ -4212,11 +3966,11 @@ interface SegmentedControlProps {
|
|
|
4212
3966
|
/** Disable interaction and dim the control. */
|
|
4213
3967
|
disabled?: boolean;
|
|
4214
3968
|
/** Optional label, positioned per `layout`. */
|
|
4215
|
-
label?:
|
|
3969
|
+
label?: react__default.ReactNode;
|
|
4216
3970
|
/** Label/control orientation. Default `'vertical'`. */
|
|
4217
3971
|
layout?: 'horizontal' | 'vertical';
|
|
4218
3972
|
/** Contextual help revealed via an info icon + tooltip beside the label. */
|
|
4219
|
-
helperText?:
|
|
3973
|
+
helperText?: react__default.ReactNode;
|
|
4220
3974
|
/** Extra classes merged onto the field root element. */
|
|
4221
3975
|
className?: string;
|
|
4222
3976
|
/** Native form field name (emits a hidden input carrying the value). */
|
|
@@ -4224,7 +3978,7 @@ interface SegmentedControlProps {
|
|
|
4224
3978
|
/** Show a required asterisk after the label. */
|
|
4225
3979
|
required?: boolean;
|
|
4226
3980
|
/** Validation message — shown under the control; also flags it red and sets aria-invalid. */
|
|
4227
|
-
errorMessage?:
|
|
3981
|
+
errorMessage?: react__default.ReactNode;
|
|
4228
3982
|
/** Accessible label for the control. */
|
|
4229
3983
|
'aria-label'?: string;
|
|
4230
3984
|
}
|
|
@@ -4264,7 +4018,7 @@ declare function SegmentedControl({ options, value, defaultValue, onChange, size
|
|
|
4264
4018
|
type SliderValue = number | [number, number];
|
|
4265
4019
|
interface SliderMark {
|
|
4266
4020
|
value: number;
|
|
4267
|
-
label?:
|
|
4021
|
+
label?: react__default.ReactNode;
|
|
4268
4022
|
}
|
|
4269
4023
|
interface SliderProps {
|
|
4270
4024
|
/** Controlled value. */
|
|
@@ -4282,7 +4036,7 @@ interface SliderProps {
|
|
|
4282
4036
|
/** Step increment between values. */
|
|
4283
4037
|
step?: number;
|
|
4284
4038
|
/** Field label, placed above (vertical) or beside (horizontal) the control. */
|
|
4285
|
-
label?:
|
|
4039
|
+
label?: react__default.ReactNode;
|
|
4286
4040
|
/** Show the current value(s) next to the label. */
|
|
4287
4041
|
showValue?: boolean;
|
|
4288
4042
|
/** Format the displayed value (tooltip + value readout). */
|
|
@@ -4296,9 +4050,9 @@ interface SliderProps {
|
|
|
4296
4050
|
/** Disable interaction and dim the control. */
|
|
4297
4051
|
disabled?: boolean;
|
|
4298
4052
|
/** Validation message — shown under the control; also flags it red and sets aria-invalid. */
|
|
4299
|
-
errorMessage?:
|
|
4053
|
+
errorMessage?: react__default.ReactNode;
|
|
4300
4054
|
/** Contextual help revealed via an info icon + tooltip beside the label. */
|
|
4301
|
-
helperText?:
|
|
4055
|
+
helperText?: react__default.ReactNode;
|
|
4302
4056
|
/** Extra classes merged onto the field root element. */
|
|
4303
4057
|
className?: string;
|
|
4304
4058
|
/** Show a required asterisk after the label. */
|
|
@@ -4339,7 +4093,7 @@ interface TagsInputProps {
|
|
|
4339
4093
|
/** Fires when the value changes. */
|
|
4340
4094
|
onChange?: (tags: string[]) => void;
|
|
4341
4095
|
/** Field label, placed above (vertical) or beside (horizontal) the control. */
|
|
4342
|
-
label?:
|
|
4096
|
+
label?: react__default.ReactNode;
|
|
4343
4097
|
/** The control id; the field label links to it for accessibility. */
|
|
4344
4098
|
htmlFor?: string;
|
|
4345
4099
|
/** Native form field name (used for FormData serialisation). */
|
|
@@ -4353,9 +4107,9 @@ interface TagsInputProps {
|
|
|
4353
4107
|
/** Disable interaction and dim the control. */
|
|
4354
4108
|
disabled?: boolean;
|
|
4355
4109
|
/** Validation message — shown under the control; also flags it red and sets aria-invalid. */
|
|
4356
|
-
errorMessage?:
|
|
4110
|
+
errorMessage?: react__default.ReactNode;
|
|
4357
4111
|
/** Contextual help revealed via an info icon + tooltip beside the label. */
|
|
4358
|
-
helperText?:
|
|
4112
|
+
helperText?: react__default.ReactNode;
|
|
4359
4113
|
/** Extra classes merged onto the field root element. */
|
|
4360
4114
|
className?: string;
|
|
4361
4115
|
/** Show a required asterisk after the label. */
|
|
@@ -4396,7 +4150,7 @@ interface OtpInputProps {
|
|
|
4396
4150
|
/** Fired when every box is filled. */
|
|
4397
4151
|
onComplete?: (code: string) => void;
|
|
4398
4152
|
/** Field label, placed above (vertical) or beside (horizontal) the control. */
|
|
4399
|
-
label?:
|
|
4153
|
+
label?: react__default.ReactNode;
|
|
4400
4154
|
/** The control id; the field label links to it for accessibility. */
|
|
4401
4155
|
htmlFor?: string;
|
|
4402
4156
|
/** Native form field name (used for FormData serialisation). */
|
|
@@ -4410,13 +4164,13 @@ interface OtpInputProps {
|
|
|
4410
4164
|
/** Disable interaction and dim the control. */
|
|
4411
4165
|
disabled?: boolean;
|
|
4412
4166
|
/** Validation message — shown under the control; also flags it red and sets aria-invalid. */
|
|
4413
|
-
errorMessage?:
|
|
4167
|
+
errorMessage?: react__default.ReactNode;
|
|
4414
4168
|
/** Show a required asterisk after the label. */
|
|
4415
4169
|
required?: boolean;
|
|
4416
4170
|
/** Label/control orientation. Default `'vertical'`. */
|
|
4417
4171
|
layout?: 'horizontal' | 'vertical';
|
|
4418
4172
|
/** Contextual help revealed via an info icon + tooltip beside the label. */
|
|
4419
|
-
helperText?:
|
|
4173
|
+
helperText?: react__default.ReactNode;
|
|
4420
4174
|
/** Extra classes merged onto the field root element. */
|
|
4421
4175
|
className?: string;
|
|
4422
4176
|
/** Render a visual gap after this many boxes (e.g. `3` → `123 456`). */
|
|
@@ -4450,21 +4204,21 @@ interface RatingProps {
|
|
|
4450
4204
|
/** Clicking the current value again clears to 0. Default `true`. */
|
|
4451
4205
|
clearable?: boolean;
|
|
4452
4206
|
/** Field label, placed above (vertical) or beside (horizontal) the control. */
|
|
4453
|
-
label?:
|
|
4207
|
+
label?: react__default.ReactNode;
|
|
4454
4208
|
/** Size preset — controls height, padding, and font. Default 'md'. */
|
|
4455
4209
|
size?: FieldSize;
|
|
4456
4210
|
/** Disable interaction and dim the control. */
|
|
4457
4211
|
disabled?: boolean;
|
|
4458
4212
|
/** Override the icon. Receives a `filled` flag. Default is a star. */
|
|
4459
|
-
icon?: (filled: boolean) =>
|
|
4213
|
+
icon?: (filled: boolean) => react__default.ReactNode;
|
|
4460
4214
|
/** Validation message — shown under the control; also flags it red and sets aria-invalid. */
|
|
4461
|
-
errorMessage?:
|
|
4215
|
+
errorMessage?: react__default.ReactNode;
|
|
4462
4216
|
/** Native form field name (used for FormData serialisation). */
|
|
4463
4217
|
name?: string;
|
|
4464
4218
|
/** Label/control orientation. Default `'vertical'`. */
|
|
4465
4219
|
layout?: 'horizontal' | 'vertical';
|
|
4466
4220
|
/** Contextual help revealed via an info icon + tooltip beside the label. */
|
|
4467
|
-
helperText?:
|
|
4221
|
+
helperText?: react__default.ReactNode;
|
|
4468
4222
|
/** Extra classes merged onto the field root element. */
|
|
4469
4223
|
className?: string;
|
|
4470
4224
|
/** Show a required asterisk after the label. */
|
|
@@ -4493,7 +4247,7 @@ interface TimePickerProps {
|
|
|
4493
4247
|
/** Fires when the value changes. */
|
|
4494
4248
|
onChange?: (value: string | null) => void;
|
|
4495
4249
|
/** Field label, placed above (vertical) or beside (horizontal) the control. */
|
|
4496
|
-
label?:
|
|
4250
|
+
label?: react__default.ReactNode;
|
|
4497
4251
|
/** The control id; the field label links to it for accessibility. */
|
|
4498
4252
|
htmlFor?: string;
|
|
4499
4253
|
/** Native form field name (used for FormData serialisation). */
|
|
@@ -4513,15 +4267,15 @@ interface TimePickerProps {
|
|
|
4513
4267
|
/** Disable interaction and dim the control. */
|
|
4514
4268
|
disabled?: boolean;
|
|
4515
4269
|
/** Validation message — shown under the control; also flags it red and sets aria-invalid. */
|
|
4516
|
-
errorMessage?:
|
|
4270
|
+
errorMessage?: react__default.ReactNode;
|
|
4517
4271
|
/** Contextual help revealed via an info icon + tooltip beside the label. */
|
|
4518
|
-
helperText?:
|
|
4272
|
+
helperText?: react__default.ReactNode;
|
|
4519
4273
|
/** Extra classes merged onto the field root element. */
|
|
4520
4274
|
className?: string;
|
|
4521
4275
|
/** Show a required asterisk after the label. */
|
|
4522
4276
|
required?: boolean;
|
|
4523
4277
|
/** Inline style applied to the control shell. */
|
|
4524
|
-
style?:
|
|
4278
|
+
style?: react__default.CSSProperties;
|
|
4525
4279
|
}
|
|
4526
4280
|
/**
|
|
4527
4281
|
* Time picker with scrollable hour / minute (/ second) columns in a popover.
|
|
@@ -4550,7 +4304,7 @@ interface DateRangePickerProps {
|
|
|
4550
4304
|
/** Fires when the value changes. */
|
|
4551
4305
|
onChange?: (range: DateRange) => void;
|
|
4552
4306
|
/** Field label, placed above (vertical) or beside (horizontal) the control. */
|
|
4553
|
-
label?:
|
|
4307
|
+
label?: react__default.ReactNode;
|
|
4554
4308
|
/** The control id; the field label links to it for accessibility. */
|
|
4555
4309
|
htmlFor?: string;
|
|
4556
4310
|
/** Placeholder shown when the field is empty. */
|
|
@@ -4572,15 +4326,15 @@ interface DateRangePickerProps {
|
|
|
4572
4326
|
/** Disable interaction and dim the control. */
|
|
4573
4327
|
disabled?: boolean;
|
|
4574
4328
|
/** Validation message — shown under the control; also flags it red and sets aria-invalid. */
|
|
4575
|
-
errorMessage?:
|
|
4329
|
+
errorMessage?: react__default.ReactNode;
|
|
4576
4330
|
/** Contextual help revealed via an info icon + tooltip beside the label. */
|
|
4577
|
-
helperText?:
|
|
4331
|
+
helperText?: react__default.ReactNode;
|
|
4578
4332
|
/** Extra classes merged onto the field root element. */
|
|
4579
4333
|
className?: string;
|
|
4580
4334
|
/** Show a required asterisk after the label. */
|
|
4581
4335
|
required?: boolean;
|
|
4582
4336
|
/** Inline style applied to the control shell. */
|
|
4583
|
-
style?:
|
|
4337
|
+
style?: react__default.CSSProperties;
|
|
4584
4338
|
}
|
|
4585
4339
|
/**
|
|
4586
4340
|
* Two-month range date picker. Click a start date, then an end date; the span
|
|
@@ -4607,7 +4361,7 @@ interface ColorPickerProps {
|
|
|
4607
4361
|
/** Fires when the value changes. */
|
|
4608
4362
|
onChange?: (hex: string) => void;
|
|
4609
4363
|
/** Field label, placed above (vertical) or beside (horizontal) the control. */
|
|
4610
|
-
label?:
|
|
4364
|
+
label?: react__default.ReactNode;
|
|
4611
4365
|
/** The control id; the field label links to it for accessibility. */
|
|
4612
4366
|
htmlFor?: string;
|
|
4613
4367
|
/** Native form field name (used for FormData serialisation). */
|
|
@@ -4623,9 +4377,9 @@ interface ColorPickerProps {
|
|
|
4623
4377
|
/** Disable interaction and dim the control. */
|
|
4624
4378
|
disabled?: boolean;
|
|
4625
4379
|
/** Validation message — shown under the control; also flags it red and sets aria-invalid. */
|
|
4626
|
-
errorMessage?:
|
|
4380
|
+
errorMessage?: react__default.ReactNode;
|
|
4627
4381
|
/** Contextual help revealed via an info icon + tooltip beside the label. */
|
|
4628
|
-
helperText?:
|
|
4382
|
+
helperText?: react__default.ReactNode;
|
|
4629
4383
|
/** Extra classes merged onto the field root element. */
|
|
4630
4384
|
className?: string;
|
|
4631
4385
|
/** Show a required asterisk after the label. */
|
|
@@ -4794,7 +4548,7 @@ interface FieldBindings {
|
|
|
4794
4548
|
id: string;
|
|
4795
4549
|
htmlFor: string;
|
|
4796
4550
|
required?: boolean;
|
|
4797
|
-
errorMessage?:
|
|
4551
|
+
errorMessage?: react__default.ReactNode;
|
|
4798
4552
|
onChange: (arg: unknown) => void;
|
|
4799
4553
|
onBlur: () => void;
|
|
4800
4554
|
/** `value` or `checked`, depending on the control kind. */
|
|
@@ -4854,7 +4608,7 @@ interface UseFormReturn {
|
|
|
4854
4608
|
*/
|
|
4855
4609
|
declare function useForm(options?: FormStoreOptions): UseFormReturn;
|
|
4856
4610
|
|
|
4857
|
-
interface FormProps extends Omit<
|
|
4611
|
+
interface FormProps extends Omit<react__default.FormHTMLAttributes<HTMLFormElement>, 'onSubmit' | 'action'> {
|
|
4858
4612
|
/** The instance from `useForm()`. */
|
|
4859
4613
|
form: UseFormReturn;
|
|
4860
4614
|
/**
|
|
@@ -4871,7 +4625,7 @@ interface FormProps extends Omit<React__default.FormHTMLAttributes<HTMLFormEleme
|
|
|
4871
4625
|
* proceeds when valid. Async rules are awaited before a native submit.
|
|
4872
4626
|
*/
|
|
4873
4627
|
action?: string | ((data: FormData) => void | Promise<void>);
|
|
4874
|
-
children:
|
|
4628
|
+
children: react__default.ReactNode;
|
|
4875
4629
|
}
|
|
4876
4630
|
/**
|
|
4877
4631
|
* Form wrapper. Owns submission: on submit it marks the form submitted, runs
|
|
@@ -4909,7 +4663,7 @@ declare function useFormField(name: string, options?: UseFormFieldOptions): Fiel
|
|
|
4909
4663
|
interface FormFieldProps extends UseFormFieldOptions {
|
|
4910
4664
|
name: string;
|
|
4911
4665
|
/** Render-prop receiving the bindings to spread onto a control. */
|
|
4912
|
-
children: (field: FieldBindings) =>
|
|
4666
|
+
children: (field: FieldBindings) => react__default.ReactNode;
|
|
4913
4667
|
}
|
|
4914
4668
|
/**
|
|
4915
4669
|
* Render-prop wrapper around {@link useFormField}. Isolates a field's
|
|
@@ -4958,7 +4712,7 @@ interface UseFieldArrayReturn {
|
|
|
4958
4712
|
declare function useFieldArray(name: string): UseFieldArrayReturn;
|
|
4959
4713
|
|
|
4960
4714
|
/** The store provided by `<Form>` to descendant fields / field-arrays. */
|
|
4961
|
-
declare const FormContext:
|
|
4715
|
+
declare const FormContext: react.Context<FormStore>;
|
|
4962
4716
|
/** Read the enclosing `<Form>`'s store. Throws if used outside a `<Form>`. */
|
|
4963
4717
|
declare function useFormStore(): FormStore;
|
|
4964
4718
|
|
|
@@ -5046,22 +4800,22 @@ type JumbotronLayout = 'centered' | 'split';
|
|
|
5046
4800
|
type JumbotronBackground = 'none' | 'surface' | 'gradient';
|
|
5047
4801
|
interface JumbotronProps {
|
|
5048
4802
|
/** Small label above the title (kicker / category). */
|
|
5049
|
-
eyebrow?:
|
|
4803
|
+
eyebrow?: react__default.ReactNode;
|
|
5050
4804
|
/** The hero headline. */
|
|
5051
|
-
title:
|
|
4805
|
+
title: react__default.ReactNode;
|
|
5052
4806
|
/** Supporting paragraph under the title. */
|
|
5053
|
-
description?:
|
|
4807
|
+
description?: react__default.ReactNode;
|
|
5054
4808
|
/** Call-to-action row — typically one or two `Button`s. */
|
|
5055
|
-
actions?:
|
|
4809
|
+
actions?: react__default.ReactNode;
|
|
5056
4810
|
/** Media (image / screenshot / illustration). Shown beside the copy in
|
|
5057
4811
|
* `split`, below it in `centered`. */
|
|
5058
|
-
media?:
|
|
4812
|
+
media?: react__default.ReactNode;
|
|
5059
4813
|
/** `centered` (default) stacks copy centred; `split` is copy + media side-by-side. */
|
|
5060
4814
|
layout?: JumbotronLayout;
|
|
5061
4815
|
/** Backdrop: none, a raised surface card, or a soft accent gradient glow. */
|
|
5062
4816
|
background?: JumbotronBackground;
|
|
5063
4817
|
className?: string;
|
|
5064
|
-
style?:
|
|
4818
|
+
style?: react__default.CSSProperties;
|
|
5065
4819
|
}
|
|
5066
4820
|
/**
|
|
5067
4821
|
* A landing-page hero ("jumbotron"): an eyebrow, a large headline, a supporting
|
|
@@ -5085,25 +4839,25 @@ interface Feature {
|
|
|
5085
4839
|
/** Stable key. */
|
|
5086
4840
|
key?: string | number;
|
|
5087
4841
|
/** Leading icon (rendered in an accent-tinted tile). */
|
|
5088
|
-
icon?:
|
|
5089
|
-
title:
|
|
5090
|
-
description?:
|
|
4842
|
+
icon?: react__default.ReactNode;
|
|
4843
|
+
title: react__default.ReactNode;
|
|
4844
|
+
description?: react__default.ReactNode;
|
|
5091
4845
|
}
|
|
5092
4846
|
interface FeatureGridProps {
|
|
5093
4847
|
/** The features to render. */
|
|
5094
4848
|
features: Feature[];
|
|
5095
4849
|
/** Section eyebrow / kicker. */
|
|
5096
|
-
eyebrow?:
|
|
4850
|
+
eyebrow?: react__default.ReactNode;
|
|
5097
4851
|
/** Section heading. */
|
|
5098
|
-
title?:
|
|
4852
|
+
title?: react__default.ReactNode;
|
|
5099
4853
|
/** Section sub-heading. */
|
|
5100
|
-
description?:
|
|
4854
|
+
description?: react__default.ReactNode;
|
|
5101
4855
|
/** Columns at the largest breakpoint (collapses responsively). Default `3`. */
|
|
5102
4856
|
columns?: 2 | 3 | 4;
|
|
5103
4857
|
/** Centre the section header. Default `true`. */
|
|
5104
4858
|
centeredHeader?: boolean;
|
|
5105
4859
|
className?: string;
|
|
5106
|
-
style?:
|
|
4860
|
+
style?: react__default.CSSProperties;
|
|
5107
4861
|
}
|
|
5108
4862
|
/**
|
|
5109
4863
|
* A responsive grid of product features — icon, title, blurb — with an optional
|
|
@@ -5121,32 +4875,32 @@ declare function FeatureGrid({ features, eyebrow, title, description, columns, c
|
|
|
5121
4875
|
interface PricingPlan {
|
|
5122
4876
|
key?: string | number;
|
|
5123
4877
|
/** Plan name, e.g. "Pro". */
|
|
5124
|
-
name:
|
|
4878
|
+
name: react__default.ReactNode;
|
|
5125
4879
|
/** Price, e.g. "$49" or "Custom". */
|
|
5126
|
-
price:
|
|
4880
|
+
price: react__default.ReactNode;
|
|
5127
4881
|
/** Billing period suffix, e.g. "/mo". */
|
|
5128
|
-
period?:
|
|
4882
|
+
period?: react__default.ReactNode;
|
|
5129
4883
|
/** Short positioning line. */
|
|
5130
|
-
description?:
|
|
4884
|
+
description?: react__default.ReactNode;
|
|
5131
4885
|
/** Included features (rendered with check marks). */
|
|
5132
|
-
features:
|
|
4886
|
+
features: react__default.ReactNode[];
|
|
5133
4887
|
/** CTA button. */
|
|
5134
4888
|
cta: {
|
|
5135
|
-
label:
|
|
4889
|
+
label: react__default.ReactNode;
|
|
5136
4890
|
onClick?: () => void;
|
|
5137
4891
|
};
|
|
5138
4892
|
/** Emphasise this plan (accent border, lift, badge). */
|
|
5139
4893
|
highlighted?: boolean;
|
|
5140
4894
|
/** Small ribbon label on a highlighted plan, e.g. "Most popular". */
|
|
5141
|
-
badge?:
|
|
4895
|
+
badge?: react__default.ReactNode;
|
|
5142
4896
|
}
|
|
5143
4897
|
interface PricingPlansProps {
|
|
5144
4898
|
plans: PricingPlan[];
|
|
5145
|
-
eyebrow?:
|
|
5146
|
-
title?:
|
|
5147
|
-
description?:
|
|
4899
|
+
eyebrow?: react__default.ReactNode;
|
|
4900
|
+
title?: react__default.ReactNode;
|
|
4901
|
+
description?: react__default.ReactNode;
|
|
5148
4902
|
className?: string;
|
|
5149
|
-
style?:
|
|
4903
|
+
style?: react__default.CSSProperties;
|
|
5150
4904
|
}
|
|
5151
4905
|
/**
|
|
5152
4906
|
* A pricing-tier section: a responsive row of plan cards, each with a price,
|
|
@@ -5165,11 +4919,11 @@ declare function PricingPlans({ plans, eyebrow, title, description, className, s
|
|
|
5165
4919
|
interface Testimonial {
|
|
5166
4920
|
key?: string | number;
|
|
5167
4921
|
/** The quote text. */
|
|
5168
|
-
quote:
|
|
4922
|
+
quote: react__default.ReactNode;
|
|
5169
4923
|
/** Author name. */
|
|
5170
|
-
author:
|
|
4924
|
+
author: react__default.ReactNode;
|
|
5171
4925
|
/** Author role / company. */
|
|
5172
|
-
role?:
|
|
4926
|
+
role?: react__default.ReactNode;
|
|
5173
4927
|
/** Author avatar URL (falls back to initials of `author`). */
|
|
5174
4928
|
avatar?: string;
|
|
5175
4929
|
/** Optional 1–5 star rating. */
|
|
@@ -5177,13 +4931,13 @@ interface Testimonial {
|
|
|
5177
4931
|
}
|
|
5178
4932
|
interface TestimonialsProps {
|
|
5179
4933
|
testimonials: Testimonial[];
|
|
5180
|
-
eyebrow?:
|
|
5181
|
-
title?:
|
|
5182
|
-
description?:
|
|
4934
|
+
eyebrow?: react__default.ReactNode;
|
|
4935
|
+
title?: react__default.ReactNode;
|
|
4936
|
+
description?: react__default.ReactNode;
|
|
5183
4937
|
/** Columns at the largest breakpoint. Default `3`. */
|
|
5184
4938
|
columns?: 1 | 2 | 3;
|
|
5185
4939
|
className?: string;
|
|
5186
|
-
style?:
|
|
4940
|
+
style?: react__default.CSSProperties;
|
|
5187
4941
|
}
|
|
5188
4942
|
/**
|
|
5189
4943
|
* A wall of customer testimonials — quote, star rating, and author with avatar.
|
|
@@ -5199,11 +4953,11 @@ declare function Testimonials({ testimonials, eyebrow, title, description, colum
|
|
|
5199
4953
|
|
|
5200
4954
|
interface Slide {
|
|
5201
4955
|
key?: string | number;
|
|
5202
|
-
eyebrow?:
|
|
5203
|
-
title:
|
|
5204
|
-
description?:
|
|
4956
|
+
eyebrow?: react__default.ReactNode;
|
|
4957
|
+
title: react__default.ReactNode;
|
|
4958
|
+
description?: react__default.ReactNode;
|
|
5205
4959
|
/** CTA row (your Buttons). */
|
|
5206
|
-
actions?:
|
|
4960
|
+
actions?: react__default.ReactNode;
|
|
5207
4961
|
/** Background image URL. Without it the slide uses the surface background. */
|
|
5208
4962
|
image?: string;
|
|
5209
4963
|
/** Text alignment. Default `'center'`. */
|
|
@@ -5221,7 +4975,7 @@ interface SlideShowProps {
|
|
|
5221
4975
|
height?: number | string;
|
|
5222
4976
|
'aria-label'?: string;
|
|
5223
4977
|
className?: string;
|
|
5224
|
-
style?:
|
|
4978
|
+
style?: react__default.CSSProperties;
|
|
5225
4979
|
}
|
|
5226
4980
|
/**
|
|
5227
4981
|
* A full-bleed hero slideshow: each slide carries an eyebrow, title, description
|
|
@@ -5256,7 +5010,7 @@ interface VideoProps {
|
|
|
5256
5010
|
/** Rounded corners + border. Default `true`. */
|
|
5257
5011
|
framed?: boolean;
|
|
5258
5012
|
className?: string;
|
|
5259
|
-
style?:
|
|
5013
|
+
style?: react__default.CSSProperties;
|
|
5260
5014
|
}
|
|
5261
5015
|
/**
|
|
5262
5016
|
* A responsive video frame that keeps its aspect ratio at any width. Renders a
|
|
@@ -5271,9 +5025,9 @@ declare function Video({ src, embedUrl, poster, aspect, title, controls, autoPla
|
|
|
5271
5025
|
|
|
5272
5026
|
interface ParallaxProps {
|
|
5273
5027
|
/** Background image URL, or any node (e.g. an illustration) to park behind the content. */
|
|
5274
|
-
background:
|
|
5028
|
+
background: react__default.ReactNode | string;
|
|
5275
5029
|
/** Foreground content, vertically + horizontally centred. */
|
|
5276
|
-
children?:
|
|
5030
|
+
children?: react__default.ReactNode;
|
|
5277
5031
|
/** Frame height. Default `440`. */
|
|
5278
5032
|
height?: number | string;
|
|
5279
5033
|
/**
|
|
@@ -5284,7 +5038,7 @@ interface ParallaxProps {
|
|
|
5284
5038
|
/** Dim the background with a scrim for text legibility. Default `true`. */
|
|
5285
5039
|
overlay?: boolean;
|
|
5286
5040
|
className?: string;
|
|
5287
|
-
style?:
|
|
5041
|
+
style?: react__default.CSSProperties;
|
|
5288
5042
|
}
|
|
5289
5043
|
/**
|
|
5290
5044
|
* A scroll-driven parallax band: the background drifts slower than the page as
|
|
@@ -5300,31 +5054,31 @@ declare function Parallax({ background, children, height, speed, overlay, classN
|
|
|
5300
5054
|
|
|
5301
5055
|
interface BlogPost {
|
|
5302
5056
|
key?: string | number;
|
|
5303
|
-
title:
|
|
5304
|
-
excerpt?:
|
|
5057
|
+
title: react__default.ReactNode;
|
|
5058
|
+
excerpt?: react__default.ReactNode;
|
|
5305
5059
|
/** Cover image URL (rendered 16/9). */
|
|
5306
5060
|
image?: string;
|
|
5307
5061
|
/** Tag pill shown over / above the card. */
|
|
5308
|
-
tag?:
|
|
5309
|
-
author?:
|
|
5062
|
+
tag?: react__default.ReactNode;
|
|
5063
|
+
author?: react__default.ReactNode;
|
|
5310
5064
|
/** Pre-formatted date string (you control the format / locale). */
|
|
5311
|
-
date?:
|
|
5065
|
+
date?: react__default.ReactNode;
|
|
5312
5066
|
/** Read time, e.g. `'4 min read'`. */
|
|
5313
|
-
readTime?:
|
|
5067
|
+
readTime?: react__default.ReactNode;
|
|
5314
5068
|
/** Link target — renders the card as an anchor. */
|
|
5315
5069
|
href?: string;
|
|
5316
5070
|
onClick?: () => void;
|
|
5317
5071
|
}
|
|
5318
5072
|
interface BlogProps {
|
|
5319
5073
|
posts: BlogPost[];
|
|
5320
|
-
eyebrow?:
|
|
5321
|
-
title?:
|
|
5322
|
-
description?:
|
|
5074
|
+
eyebrow?: react__default.ReactNode;
|
|
5075
|
+
title?: react__default.ReactNode;
|
|
5076
|
+
description?: react__default.ReactNode;
|
|
5323
5077
|
/** Widest-breakpoint column count. Default `3`. */
|
|
5324
5078
|
columns?: 2 | 3;
|
|
5325
5079
|
centeredHeader?: boolean;
|
|
5326
5080
|
className?: string;
|
|
5327
|
-
style?:
|
|
5081
|
+
style?: react__default.CSSProperties;
|
|
5328
5082
|
}
|
|
5329
5083
|
/**
|
|
5330
5084
|
* A grid of article cards — cover image, tag, title, excerpt, and a byline of
|
|
@@ -5345,7 +5099,7 @@ interface SocialLink {
|
|
|
5345
5099
|
/** Accessible label / tooltip. Falls back to the platform name. */
|
|
5346
5100
|
label?: string;
|
|
5347
5101
|
/** Custom icon (overrides the built-in for `platform`). */
|
|
5348
|
-
icon?:
|
|
5102
|
+
icon?: react__default.ReactNode;
|
|
5349
5103
|
}
|
|
5350
5104
|
interface SocialsProps {
|
|
5351
5105
|
links: SocialLink[];
|
|
@@ -5357,7 +5111,7 @@ interface SocialsProps {
|
|
|
5357
5111
|
newTab?: boolean;
|
|
5358
5112
|
'aria-label'?: string;
|
|
5359
5113
|
className?: string;
|
|
5360
|
-
style?:
|
|
5114
|
+
style?: react__default.CSSProperties;
|
|
5361
5115
|
}
|
|
5362
5116
|
/**
|
|
5363
5117
|
* A row of social / contact icon links. Pass `platform` for a built-in brand
|
|
@@ -5376,9 +5130,9 @@ declare function Socials({ links, variant, size, newTab, 'aria-label': ariaLabel
|
|
|
5376
5130
|
type ConsentChoice = 'accepted' | 'declined';
|
|
5377
5131
|
interface CookieConsentProps {
|
|
5378
5132
|
/** Banner body. */
|
|
5379
|
-
message?:
|
|
5133
|
+
message?: react__default.ReactNode;
|
|
5380
5134
|
/** Optional bold heading above the message. */
|
|
5381
|
-
title?:
|
|
5135
|
+
title?: react__default.ReactNode;
|
|
5382
5136
|
acceptLabel?: string;
|
|
5383
5137
|
/** Show a decline action with this label (omit for accept-only). */
|
|
5384
5138
|
declineLabel?: string;
|
|
@@ -5416,24 +5170,24 @@ interface CookieConsentProps {
|
|
|
5416
5170
|
declare function CookieConsent({ message, title, acceptLabel, declineLabel, onAccept, onDecline, learnMoreHref, learnMoreLabel, storageKey, open, position, className, }: CookieConsentProps): react_jsx_runtime.JSX.Element;
|
|
5417
5171
|
|
|
5418
5172
|
interface LeadCaptureProps {
|
|
5419
|
-
title:
|
|
5420
|
-
description?:
|
|
5173
|
+
title: react__default.ReactNode;
|
|
5174
|
+
description?: react__default.ReactNode;
|
|
5421
5175
|
/** Email field placeholder. Default `'you@company.com'`. */
|
|
5422
5176
|
placeholder?: string;
|
|
5423
5177
|
/** Accessible label for the email field. Default `'Email address'`. */
|
|
5424
5178
|
inputLabel?: string;
|
|
5425
|
-
buttonLabel?:
|
|
5179
|
+
buttonLabel?: react__default.ReactNode;
|
|
5426
5180
|
/** Fired with the entered email on submit. */
|
|
5427
5181
|
onSubmit?: (email: string) => void;
|
|
5428
5182
|
/** Small print under the form (e.g. a privacy note). */
|
|
5429
|
-
note?:
|
|
5183
|
+
note?: react__default.ReactNode;
|
|
5430
5184
|
/** Confirmation shown after a successful submit (replaces the form). */
|
|
5431
|
-
successMessage?:
|
|
5185
|
+
successMessage?: react__default.ReactNode;
|
|
5432
5186
|
/** Backdrop treatment. Default `'gradient'`. */
|
|
5433
5187
|
background?: 'surface' | 'gradient';
|
|
5434
5188
|
centered?: boolean;
|
|
5435
5189
|
className?: string;
|
|
5436
|
-
style?:
|
|
5190
|
+
style?: react__default.CSSProperties;
|
|
5437
5191
|
}
|
|
5438
5192
|
/**
|
|
5439
5193
|
* A footer call-to-action band with an inline email-capture form — title,
|
|
@@ -5492,4 +5246,4 @@ declare function expiryError(value: string, now?: Date): string | undefined;
|
|
|
5492
5246
|
/** Validate the CVV against the detected brand's expected length. */
|
|
5493
5247
|
declare function cvvError(value: string, cardNumber: string): string | undefined;
|
|
5494
5248
|
|
|
5495
|
-
export { Accordion, type AccordionItemProps, type AccordionProps, AppShell, type AppShellProps, AutoComplete, type AutoCompleteProps, Avatar, type AvatarProps, type AvatarShape, type AvatarSize, type AvatarStatus, Badge, type BadgeProps, type BadgeSize, type BadgeTone, type BadgeVariant, Blog, type BlogPost, type BlogProps, Box, type BoxBackground, type BoxBorder, type BoxProps, type BoxRadius, type BoxShadow, type BreadcrumbItem, Breadcrumbs, type BreadcrumbsProps, type Breakpoint, type BreakpointState, Button, type ButtonProps, CARD_BRANDS, Card, type CardBodyProps, type CardBrand, CardCarousel, type CardCarouselProps, type CardFooterProps, type CardHeaderProps, type CardMediaProps, type CardProps, Cart, CartButton, type CartButtonProps, type CartContextValue, type CartItemInput, type CartLineItem, type CartProps, CartProvider, type CartProviderProps, type CartSummaryRow, Catalog, CatalogCarousel, type CatalogCarouselProps, CatalogGrid, type CatalogGridProps, type CatalogProps, Chat, type ChatMessage, type ChatProps, Checkbox, type CheckboxProps, Checkout, type CheckoutProps, ColorPicker, type ColorPickerProps, type ConsentChoice, ContextMenu, type ContextMenuActionItem, type ContextMenuPosition, type ContextMenuProps, CookieConsent, type CookieConsentProps, CreditCardForm, type CreditCardFormProps, type CreditCardValue, type DatePickerProps, type DateRange, DateRangePicker, type DateRangePickerProps, type DateRangePreset, type DeltaDirection, Drawer, type DrawerProps, type DrawerSize, Dropdown, type DropdownItem, type DropdownProps, EmptyCart, type EmptyCartProps, type ErrorMap, type ExpandRowOptions, FAB, type FABAction, type FABPosition, type FABProps, type FABSize, type FABTone, FadingBase, type FadingBaseProps, type Feature, FeatureGrid, type FeatureGridProps, Field, type FieldArrayItem, type FieldBindings, FieldHelpIcon, type FieldKind, FieldLabel, type FieldLabelProps, type FieldProps, type FieldRule, type FieldRules, type FieldShellOptions, type FieldSize, type FieldSnapshot, FileInput, type FileInputProps, Flex, type FlexAlign, type FlexDirection, type FlexJustify, type FlexProps, type FlexWrap, Form, FormContext, FormField, type FormFieldProps, type FormProps, FormStore, type FormStoreOptions, type FormValues, Grid, GridCard, type GridCardItem, type GridCardProps, type GridProps,
|
|
5249
|
+
export { Accordion, type AccordionItemProps, type AccordionProps, AppShell, type AppShellProps, AutoComplete, type AutoCompleteProps, Avatar, type AvatarProps, type AvatarShape, type AvatarSize, type AvatarStatus, Badge, type BadgeProps, type BadgeSize, type BadgeTone, type BadgeVariant, Blog, type BlogPost, type BlogProps, Box, type BoxBackground, type BoxBorder, type BoxProps, type BoxRadius, type BoxShadow, type BreadcrumbItem, Breadcrumbs, type BreadcrumbsProps, type Breakpoint, type BreakpointState, Button, type ButtonProps, CARD_BRANDS, Card, type CardBodyProps, type CardBrand, CardCarousel, type CardCarouselProps, type CardFooterProps, type CardHeaderProps, type CardMediaProps, type CardProps, Cart, CartButton, type CartButtonProps, type CartContextValue, type CartItemInput, type CartLineItem, type CartProps, CartProvider, type CartProviderProps, type CartSummaryRow, Catalog, CatalogCarousel, type CatalogCarouselProps, CatalogGrid, type CatalogGridProps, type CatalogProps, Chat, type ChatMessage, type ChatProps, Checkbox, type CheckboxProps, Checkout, type CheckoutProps, ColorPicker, type ColorPickerProps, type ConsentChoice, ContextMenu, type ContextMenuActionItem, type ContextMenuPosition, type ContextMenuProps, CookieConsent, type CookieConsentProps, CreditCardForm, type CreditCardFormProps, type CreditCardValue, type DatePickerProps, type DateRange, DateRangePicker, type DateRangePickerProps, type DateRangePreset, type DeltaDirection, Drawer, type DrawerProps, type DrawerSize, Dropdown, type DropdownItem, type DropdownProps, EmptyCart, type EmptyCartProps, type ErrorMap, type ExpandRowOptions, FAB, type FABAction, type FABPosition, type FABProps, type FABSize, type FABTone, FadingBase, type FadingBaseProps, type Feature, FeatureGrid, type FeatureGridProps, Field, type FieldArrayItem, type FieldBindings, FieldHelpIcon, type FieldKind, FieldLabel, type FieldLabelProps, type FieldProps, type FieldRule, type FieldRules, type FieldShellOptions, type FieldSize, type FieldSnapshot, FileInput, type FileInputProps, Flex, type FlexAlign, type FlexDirection, type FlexJustify, type FlexProps, type FlexWrap, Form, FormContext, FormField, type FormFieldProps, type FormProps, FormStore, type FormStoreOptions, type FormValues, Grid, GridCard, type GridCardItem, type GridCardProps, type GridProps, IconButton, type IconButtonProps, Jumbotron, type JumbotronBackground, type JumbotronLayout, type JumbotronProps, type JwtResult, Kbd, type KbdProps, type KbdSize, LeadCapture, type LeadCaptureProps, List, type ListItem, type ListProps, LoadingSpinner, type LoadingSpinnerProps, LogoutTimer, type LogoutTimerProps, MegaMenu, type MegaMenuFeaturedProps, type MegaMenuItemProps, type MegaMenuLinkProps, type MegaMenuPanelProps, type MegaMenuProps, type MegaMenuSectionProps, MenuButton, type MenuButtonItem, type MenuButtonProps, Modal, type ModalProps, type ModalSize, type NotificationPayload, NotificationProvider, NumberInput, type NumberInputProps, OpaqueGridCard, type OpaqueGridCardProps, OtpInput, type OtpInputProps, type PaginationOptions, Parallax, type ParallaxProps, Password, type PasswordProps, PopConfirm, type PopConfirmProps, type PopConfirmTone, Portal, type PortalProps, type PricingPlan, PricingPlans, type PricingPlansProps, RadioGroup, type RadioGroupProps, type RadioOption, Rating, type RatingProps, type RulesMap, ScalableContainer, type ScalableContainerProps, Scheduler, type SchedulerEvent, type SchedulerProps, type SchedulerRange, type SchedulerView, SearchInput, type SearchInputProps, SecureLayout, type SecureLayoutProps, SegmentedControl, type SegmentedControlProps, type SegmentedOption, Sidebar, type SidebarItem, type SidebarProps, type SidebarSection, SkeletonBox, type SkeletonBoxProps, SkeletonCard, type SkeletonCardProps, SkeletonCircle, type SkeletonCircleProps, SkeletonText, type SkeletonTextProps, type Slide, SlideShow, type SlideShowProps, Slider, type SliderMark, type SliderProps, type SliderValue, type SocialLink, type SocialPlatform, Socials, type SocialsProps, type Spacing, Statistic, type StatisticDelta, type StatisticProps, type StatisticSize, Stepper, type StepperActiveStatus, type StepperProps, type StepperStep, Switch, type SwitchInputProps, Table, type TableColumn, type TableProps, Tabs, type TabsAddProps, type TabsListProps, type TabsOrientation, type TabsPanelProps, type TabsProps, type TabsSize, type TabsTriggerProps, type TabsVariant, TagsInput, type TagsInputProps, DatePicker as Temporal, type TemporalPickerProps, type Testimonial, Testimonials, type TestimonialsProps, TextArea, type TextAreaProps, TextInput, type TextInputProps, type ThemeColors, type ThemeConfig, type ThemeDensity, type ThemeMotion, ThemeProvider, type ThemeProviderProps, type ThemeRadius, type ThemeShadows, ThemeSwitch, type ThemeSwitchProps, type ThemeTypography, TimePicker, type TimePickerProps, Timeline, type TimelineEvent, type TimelineProps, type TimelineStatus, Tooltip, type TooltipProps, TooltipProvider, TopBar, type TopBarProps, Tree, type TreeItemClickPayload, type TreeNode, type TreeProps, TreeSelect, type TreeSelectProps, Typography, type TypographyAlign, type TypographyColor, type TypographyProps, type TypographyVariant, type TypographyWeight, type UseFieldArrayReturn, type UseFormFieldOptions, type UseFormReturn, type ValidateTrigger, Video, type VideoProps, Wizard, type WizardProps, type WizardStep, cardNumberError, cvvError, detectBrand, expiryError, fieldShell, formatCardNumber, formatExpiry, isRequired, luhnValid, onlyDigits, patterns, runFieldRules, useBreakpoint, useCart, useFieldArray, useForm, useFormField, useFormStore, useJwt, useLocalStorage, useMediaQuery, useNotification };
|