@geomak/ui 6.32.0 → 6.33.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/index.cjs +600 -481
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +529 -620
- package/dist/index.d.ts +529 -620
- package/dist/index.js +323 -205
- package/dist/index.js.map +1 -1
- package/dist/styles.css +25 -0
- package/package.json +1 -1
package/dist/index.d.cts
CHANGED
|
@@ -1,259 +1,168 @@
|
|
|
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.cjs';
|
|
2
|
+
import * as react from 'react';
|
|
3
|
+
import react__default from 'react';
|
|
2
4
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
3
|
-
import * as React$1 from 'react';
|
|
4
|
-
import React__default from 'react';
|
|
5
5
|
import * as TooltipPrimitive from '@radix-ui/react-tooltip';
|
|
6
6
|
|
|
7
|
+
interface IconProps extends Omit<react__default.SVGProps<SVGSVGElement>, 'ref'> {
|
|
8
|
+
/** Width + height in pixels (or any CSS length string). Default `24`. */
|
|
9
|
+
size?: number | string;
|
|
10
|
+
/**
|
|
11
|
+
* Accessible label. When set, the icon is exposed as `role="img"` with this
|
|
12
|
+
* name; when omitted, it's `aria-hidden` (decorative) — the default, since
|
|
13
|
+
* most icons sit beside a text label.
|
|
14
|
+
*/
|
|
15
|
+
title?: string;
|
|
16
|
+
/** Stroke width for outline icons. Ignored by solid icons. Default `1.5`. */
|
|
17
|
+
strokeWidth?: number;
|
|
18
|
+
}
|
|
19
|
+
interface CreateIconOptions {
|
|
20
|
+
/** SVG viewBox. Default `'0 0 24 24'`. */
|
|
21
|
+
viewBox?: string;
|
|
22
|
+
/** Render filled (fill: currentColor) instead of stroked. Default `false`. */
|
|
23
|
+
solid?: boolean;
|
|
24
|
+
}
|
|
25
|
+
/**
|
|
26
|
+
* Build an icon component that obeys the oxygen-ui icon contract:
|
|
27
|
+
*
|
|
28
|
+
* - colours itself with `currentColor` (set text colour on a parent, e.g.
|
|
29
|
+
* `className="text-accent"`, and the icon follows),
|
|
30
|
+
* - sizes via the `size` prop (px), defaulting to 24,
|
|
31
|
+
* - is decorative (`aria-hidden`) unless you pass a `title`,
|
|
32
|
+
* - forwards a ref and spreads any extra SVG props (`className`, `style`,
|
|
33
|
+
* `onClick`, …).
|
|
34
|
+
*
|
|
35
|
+
* Use it to extend the pack with your own icons so they match the built-ins:
|
|
36
|
+
*
|
|
37
|
+
* @example
|
|
38
|
+
* const Anchor = createIcon('Anchor', <path d="M12 21V8m0 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6Zm-7 4a7 7 0 0 0 14 0M3 11h4m10 0h4" />)
|
|
39
|
+
* <Anchor size={32} className="text-accent" title="Anchor" />
|
|
40
|
+
*/
|
|
41
|
+
declare function createIcon(displayName: string, content: react__default.ReactNode, options?: CreateIconOptions): react__default.ForwardRefExoticComponent<IconProps & react__default.RefAttributes<SVGSVGElement>>;
|
|
42
|
+
type IconComponent = ReturnType<typeof createIcon>;
|
|
43
|
+
|
|
7
44
|
declare const Icon: {
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
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;
|
|
45
|
+
readonly ChevronUp: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
46
|
+
readonly ChevronDown: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
47
|
+
readonly ChevronLeft: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
48
|
+
readonly ChevronRight: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
49
|
+
readonly ChevronsLeft: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
50
|
+
readonly ChevronsRight: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
51
|
+
readonly CaretUp: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
52
|
+
readonly CaretDown: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
53
|
+
readonly CaretLeft: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
54
|
+
readonly CaretRight: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
55
|
+
readonly ArrowUp: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
56
|
+
readonly ArrowDown: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
57
|
+
readonly ArrowLeft: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
58
|
+
readonly ArrowRight: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
59
|
+
readonly Menu: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
60
|
+
readonly DotsHorizontal: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
61
|
+
readonly DotsVertical: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
62
|
+
readonly ExternalLink: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
63
|
+
readonly X: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
64
|
+
readonly XCircle: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
65
|
+
readonly Plus: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
66
|
+
readonly PlusCircle: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
67
|
+
readonly Minus: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
68
|
+
readonly MinusCircle: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
69
|
+
readonly Check: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
70
|
+
readonly CheckCircle: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
71
|
+
readonly Search: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
72
|
+
readonly Edit: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
73
|
+
readonly Trash: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
74
|
+
readonly Copy: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
75
|
+
readonly Clipboard: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
76
|
+
readonly Download: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
77
|
+
readonly Upload: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
78
|
+
readonly Save: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
79
|
+
readonly Filter: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
80
|
+
readonly Sort: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
81
|
+
readonly Refresh: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
82
|
+
readonly Share: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
83
|
+
readonly Print: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
84
|
+
readonly Settings: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
85
|
+
readonly Sliders: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
86
|
+
readonly Maximize: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
87
|
+
readonly Minimize: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
88
|
+
readonly Info: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
89
|
+
readonly Warning: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
90
|
+
readonly Error: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
91
|
+
readonly Question: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
92
|
+
readonly Ban: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
93
|
+
readonly Bell: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
94
|
+
readonly Play: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
95
|
+
readonly Pause: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
96
|
+
readonly Stop: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
97
|
+
readonly VolumeUp: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
98
|
+
readonly VolumeOff: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
99
|
+
readonly Image: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
100
|
+
readonly Video: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
101
|
+
readonly Camera: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
102
|
+
readonly Microphone: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
103
|
+
readonly Mail: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
104
|
+
readonly Chat: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
105
|
+
readonly Phone: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
106
|
+
readonly Send: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
107
|
+
readonly User: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
108
|
+
readonly Users: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
109
|
+
readonly Home: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
110
|
+
readonly Globe: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
111
|
+
readonly MapPin: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
112
|
+
readonly Calendar: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
113
|
+
readonly Clock: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
114
|
+
readonly Document: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
115
|
+
readonly File: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
116
|
+
readonly Folder: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
117
|
+
readonly Database: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
118
|
+
readonly Grid: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
119
|
+
readonly List: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
120
|
+
readonly Table: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
121
|
+
readonly ChartBar: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
122
|
+
readonly PieChart: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
123
|
+
readonly TrendingUp: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
124
|
+
readonly TrendingDown: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
125
|
+
readonly Calculator: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
126
|
+
readonly Lock: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
127
|
+
readonly Unlock: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
128
|
+
readonly Key: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
129
|
+
readonly Shield: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
130
|
+
readonly ShieldCheck: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
131
|
+
readonly Star: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
132
|
+
readonly StarFilled: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
133
|
+
readonly Heart: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
134
|
+
readonly Bookmark: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
135
|
+
readonly Tag: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
136
|
+
readonly Link: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
137
|
+
readonly Eye: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
138
|
+
readonly EyeSlash: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
139
|
+
readonly Bolt: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
140
|
+
readonly Sparkles: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
141
|
+
readonly Sun: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
142
|
+
readonly Moon: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
143
|
+
readonly Spinner: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
144
|
+
readonly Login: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
145
|
+
readonly Logout: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
146
|
+
readonly Power: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
147
|
+
readonly XClose: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
148
|
+
readonly Checked: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
149
|
+
readonly Cog: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
150
|
+
readonly Tweak: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
151
|
+
readonly Expand: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
152
|
+
readonly Collapse: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
153
|
+
readonly ShowMore: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
154
|
+
readonly Delete: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
155
|
+
readonly Bookmarks: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
156
|
+
readonly CircleStack: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
157
|
+
readonly Data: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
158
|
+
readonly DoubleChevronRight: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
159
|
+
readonly Loading: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
160
|
+
readonly PowerOff: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
252
161
|
};
|
|
253
162
|
|
|
254
163
|
interface PortalProps {
|
|
255
164
|
/** Content to render at the target node. */
|
|
256
|
-
children:
|
|
165
|
+
children: react__default.ReactNode;
|
|
257
166
|
/**
|
|
258
167
|
* Where to mount the portal.
|
|
259
168
|
* - omitted / `undefined` → `document.body` (the safe default for viewport-anchored UI)
|
|
@@ -338,7 +247,7 @@ interface PortalProps {
|
|
|
338
247
|
* </Portal>
|
|
339
248
|
* ```
|
|
340
249
|
*/
|
|
341
|
-
declare function Portal({ children, target }: PortalProps):
|
|
250
|
+
declare function Portal({ children, target }: PortalProps): react__default.ReactPortal;
|
|
342
251
|
|
|
343
252
|
type Spacing = 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
|
|
344
253
|
type BoxBackground = 'none' | 'background' | 'surface' | 'surface-raised' | 'accent';
|
|
@@ -346,7 +255,7 @@ type BoxBorder = 'none' | 'border' | 'border-strong' | 'accent' | 'status-error'
|
|
|
346
255
|
type BoxRadius = 'none' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | 'full';
|
|
347
256
|
type BoxShadow = 'none' | 'sm' | 'md' | 'lg' | 'xl';
|
|
348
257
|
interface BoxProps {
|
|
349
|
-
as?: keyof
|
|
258
|
+
as?: keyof react__default.JSX.IntrinsicElements;
|
|
350
259
|
/** Padding shorthand — applies to all sides. */
|
|
351
260
|
p?: Spacing;
|
|
352
261
|
/** Horizontal padding (left + right). */
|
|
@@ -374,10 +283,10 @@ interface BoxProps {
|
|
|
374
283
|
/** Height via Tailwind class or CSS value. */
|
|
375
284
|
height?: string | number;
|
|
376
285
|
/** Click handler — accepts any element-typed handler. */
|
|
377
|
-
onClick?:
|
|
286
|
+
onClick?: react__default.MouseEventHandler<HTMLElement>;
|
|
378
287
|
className?: string;
|
|
379
|
-
style?:
|
|
380
|
-
children?:
|
|
288
|
+
style?: react__default.CSSProperties;
|
|
289
|
+
children?: react__default.ReactNode;
|
|
381
290
|
}
|
|
382
291
|
/**
|
|
383
292
|
* A polymorphic layout primitive — a `<div>` (by default) styled via prop
|
|
@@ -499,7 +408,7 @@ interface AvatarProps {
|
|
|
499
408
|
* - any ReactNode (icon, emoji)
|
|
500
409
|
* - omit entirely — a generic "person" silhouette is used
|
|
501
410
|
*/
|
|
502
|
-
fallback?:
|
|
411
|
+
fallback?: react__default.ReactNode;
|
|
503
412
|
/** Size preset. Default `'md'`. */
|
|
504
413
|
size?: AvatarSize;
|
|
505
414
|
/** Circle (default) or rounded square. */
|
|
@@ -555,7 +464,7 @@ interface TypographyProps {
|
|
|
555
464
|
* with `as` when the semantic element should differ from the visual
|
|
556
465
|
* style (e.g. a styled-as-h1 product card heading rendered as `<div>`).
|
|
557
466
|
*/
|
|
558
|
-
as?: keyof
|
|
467
|
+
as?: keyof react__default.JSX.IntrinsicElements;
|
|
559
468
|
color?: TypographyColor;
|
|
560
469
|
weight?: TypographyWeight;
|
|
561
470
|
align?: TypographyAlign;
|
|
@@ -564,8 +473,8 @@ interface TypographyProps {
|
|
|
564
473
|
/** Render the text with reduced opacity (useful for disabled states). */
|
|
565
474
|
muted?: boolean;
|
|
566
475
|
className?: string;
|
|
567
|
-
style?:
|
|
568
|
-
children?:
|
|
476
|
+
style?: react__default.CSSProperties;
|
|
477
|
+
children?: react__default.ReactNode;
|
|
569
478
|
}
|
|
570
479
|
/**
|
|
571
480
|
* Polymorphic typography primitive. `variant` picks a visual scale; `as`
|
|
@@ -628,9 +537,9 @@ interface IconButtonProps {
|
|
|
628
537
|
*/
|
|
629
538
|
declare function IconButton({ icon, onClick, type, buttonType, disabled, size, loading, loadingIcon, title, className, style, }: IconButtonProps): react_jsx_runtime.JSX.Element;
|
|
630
539
|
|
|
631
|
-
interface ButtonProps extends Omit<
|
|
540
|
+
interface ButtonProps extends Omit<react__default.ButtonHTMLAttributes<HTMLButtonElement>, 'type' | 'content'> {
|
|
632
541
|
/** Button content (text or nodes). */
|
|
633
|
-
content?:
|
|
542
|
+
content?: react__default.ReactNode;
|
|
634
543
|
/** Visual style variant */
|
|
635
544
|
variant?: 'primary' | 'secondary' | 'outline' | 'ghost' | 'danger' | 'warning' | 'success' | 'info';
|
|
636
545
|
/** Size — controls height, padding, and font size */
|
|
@@ -640,7 +549,7 @@ interface ButtonProps extends Omit<React__default.ButtonHTMLAttributes<HTMLButto
|
|
|
640
549
|
/** Show a loading spinner and disable the control. */
|
|
641
550
|
loading?: boolean;
|
|
642
551
|
/** Leading icon — rendered before content */
|
|
643
|
-
icon?:
|
|
552
|
+
icon?: react__default.ReactNode;
|
|
644
553
|
/**
|
|
645
554
|
* @deprecated Pass `variant` instead. Kept for API compat — currently no-op.
|
|
646
555
|
* Will be removed in the next major version.
|
|
@@ -659,15 +568,15 @@ interface ButtonProps extends Omit<React__default.ButtonHTMLAttributes<HTMLButto
|
|
|
659
568
|
* <Button content="Cancel" variant="secondary" />
|
|
660
569
|
* <Button content="Loading…" loading buttonType="submit" />
|
|
661
570
|
*/
|
|
662
|
-
declare const Button:
|
|
571
|
+
declare const Button: react__default.ForwardRefExoticComponent<ButtonProps & react__default.RefAttributes<HTMLButtonElement>>;
|
|
663
572
|
|
|
664
573
|
interface MenuButtonItem {
|
|
665
574
|
/** Stable key. */
|
|
666
575
|
key: string | number;
|
|
667
576
|
/** Row label. */
|
|
668
|
-
label:
|
|
577
|
+
label: react__default.ReactNode;
|
|
669
578
|
/** Leading icon. */
|
|
670
|
-
icon?:
|
|
579
|
+
icon?: react__default.ReactNode;
|
|
671
580
|
/** Fired on select (click / Enter / Space). */
|
|
672
581
|
onSelect?: () => void;
|
|
673
582
|
disabled?: boolean;
|
|
@@ -678,7 +587,7 @@ interface MenuButtonItem {
|
|
|
678
587
|
}
|
|
679
588
|
interface MenuButtonProps {
|
|
680
589
|
/** Trigger label. */
|
|
681
|
-
label?:
|
|
590
|
+
label?: react__default.ReactNode;
|
|
682
591
|
/** The menu rows. */
|
|
683
592
|
items: MenuButtonItem[];
|
|
684
593
|
/** Trigger button variant. Default `'secondary'`. */
|
|
@@ -686,7 +595,7 @@ interface MenuButtonProps {
|
|
|
686
595
|
/** Trigger button size. Default `'md'`. */
|
|
687
596
|
size?: ButtonProps['size'];
|
|
688
597
|
/** Leading icon on the trigger. */
|
|
689
|
-
icon?:
|
|
598
|
+
icon?: react__default.ReactNode;
|
|
690
599
|
/** Hide the trailing chevron. */
|
|
691
600
|
hideChevron?: boolean;
|
|
692
601
|
disabled?: boolean;
|
|
@@ -735,8 +644,8 @@ interface ModalProps {
|
|
|
735
644
|
okText?: string;
|
|
736
645
|
cancelText?: string;
|
|
737
646
|
hasFooter?: boolean;
|
|
738
|
-
title?:
|
|
739
|
-
children?:
|
|
647
|
+
title?: react__default.ReactNode;
|
|
648
|
+
children?: react__default.ReactNode;
|
|
740
649
|
/** Extra classes merged onto the modal panel. */
|
|
741
650
|
className?: string;
|
|
742
651
|
}
|
|
@@ -775,8 +684,8 @@ interface DrawerProps {
|
|
|
775
684
|
cancelText?: string;
|
|
776
685
|
onOk?: () => void;
|
|
777
686
|
onCancel?: () => void;
|
|
778
|
-
title?:
|
|
779
|
-
children?:
|
|
687
|
+
title?: react__default.ReactNode;
|
|
688
|
+
children?: react__default.ReactNode;
|
|
780
689
|
/** Extra classes merged onto the drawer panel. */
|
|
781
690
|
className?: string;
|
|
782
691
|
}
|
|
@@ -795,9 +704,9 @@ interface DrawerProps {
|
|
|
795
704
|
declare function Drawer({ isOpen, onClose, hasFooter, placement, size, width, okText, cancelText, onOk, onCancel, title, children, className, }: DrawerProps): react_jsx_runtime.JSX.Element;
|
|
796
705
|
|
|
797
706
|
interface TooltipProps {
|
|
798
|
-
children:
|
|
707
|
+
children: react__default.ReactNode;
|
|
799
708
|
/** The text or node shown inside the tooltip */
|
|
800
|
-
title:
|
|
709
|
+
title: react__default.ReactNode;
|
|
801
710
|
/** Which side of the trigger the tooltip appears on */
|
|
802
711
|
placement?: 'top' | 'right' | 'bottom' | 'left';
|
|
803
712
|
/** Delay before showing, ms (default 300) */
|
|
@@ -824,7 +733,7 @@ interface TooltipProps {
|
|
|
824
733
|
*/
|
|
825
734
|
declare function Tooltip({ children, title, placement, delayDuration, sideOffset, className, }: TooltipProps): react_jsx_runtime.JSX.Element;
|
|
826
735
|
|
|
827
|
-
declare const TooltipProvider:
|
|
736
|
+
declare const TooltipProvider: react__default.FC<TooltipPrimitive.TooltipProviderProps>;
|
|
828
737
|
|
|
829
738
|
type TabsVariant = 'underline' | 'segmented' | 'enclosed';
|
|
830
739
|
type TabsSize = 'sm' | 'md' | 'lg';
|
|
@@ -845,8 +754,8 @@ interface TabsProps {
|
|
|
845
754
|
/** Extra classes merged onto the root. */
|
|
846
755
|
className?: string;
|
|
847
756
|
/** Inline style on the root. */
|
|
848
|
-
style?:
|
|
849
|
-
children:
|
|
757
|
+
style?: react__default.CSSProperties;
|
|
758
|
+
children: react__default.ReactNode;
|
|
850
759
|
}
|
|
851
760
|
/**
|
|
852
761
|
* Compositional, motion-forward tab system on Radix Tabs.
|
|
@@ -878,7 +787,7 @@ declare namespace Tabs {
|
|
|
878
787
|
var Add: typeof TabsAdd;
|
|
879
788
|
}
|
|
880
789
|
interface TabsListProps {
|
|
881
|
-
children:
|
|
790
|
+
children: react__default.ReactNode;
|
|
882
791
|
/** Accessible name for the tab list. */
|
|
883
792
|
'aria-label'?: string;
|
|
884
793
|
/** Extra classes merged onto the tab strip. */
|
|
@@ -889,16 +798,16 @@ interface TabsTriggerProps {
|
|
|
889
798
|
/** Value that activates this tab and its matching `<Tabs.Panel>`. */
|
|
890
799
|
value: string;
|
|
891
800
|
/** Optional leading icon. */
|
|
892
|
-
icon?:
|
|
801
|
+
icon?: react__default.ReactNode;
|
|
893
802
|
/** Optional trailing count badge (number or node). */
|
|
894
|
-
badge?:
|
|
803
|
+
badge?: react__default.ReactNode;
|
|
895
804
|
/** Render a × close button and call `onClose`. */
|
|
896
805
|
closeable?: boolean;
|
|
897
806
|
onClose?: () => void;
|
|
898
807
|
disabled?: boolean;
|
|
899
808
|
/** Extra classes merged onto the trigger. */
|
|
900
809
|
className?: string;
|
|
901
|
-
children:
|
|
810
|
+
children: react__default.ReactNode;
|
|
902
811
|
}
|
|
903
812
|
declare function TabsTrigger({ value, icon, badge, closeable, onClose, disabled, className, children }: TabsTriggerProps): react_jsx_runtime.JSX.Element;
|
|
904
813
|
interface TabsAddProps {
|
|
@@ -917,8 +826,8 @@ interface TabsPanelProps {
|
|
|
917
826
|
keepMounted?: boolean;
|
|
918
827
|
/** Extra classes merged onto the panel. */
|
|
919
828
|
className?: string;
|
|
920
|
-
style?:
|
|
921
|
-
children:
|
|
829
|
+
style?: react__default.CSSProperties;
|
|
830
|
+
children: react__default.ReactNode;
|
|
922
831
|
}
|
|
923
832
|
declare function TabsPanel({ value, keepMounted, className, style, children }: TabsPanelProps): react_jsx_runtime.JSX.Element;
|
|
924
833
|
|
|
@@ -944,7 +853,7 @@ interface TreeProps {
|
|
|
944
853
|
/** Extra classes merged onto the tree root. */
|
|
945
854
|
className?: string;
|
|
946
855
|
/** Inline style on the tree root. */
|
|
947
|
-
style?:
|
|
856
|
+
style?: react__default.CSSProperties;
|
|
948
857
|
}
|
|
949
858
|
/** ─────────────────── public component ─────────────────── */
|
|
950
859
|
/**
|
|
@@ -966,7 +875,7 @@ declare function Tree({ nodes, onNodeClick, defaultExpandAll, defaultExpandedKey
|
|
|
966
875
|
type AccordionVariant = 'separated' | 'contained';
|
|
967
876
|
interface AccordionProps {
|
|
968
877
|
/** `AccordionItem` children. */
|
|
969
|
-
children:
|
|
878
|
+
children: react__default.ReactNode;
|
|
970
879
|
/**
|
|
971
880
|
* `'single'` (default) allows one open panel at a time; `'multiple'` lets
|
|
972
881
|
* any number be open together.
|
|
@@ -988,7 +897,7 @@ interface AccordionProps {
|
|
|
988
897
|
variant?: AccordionVariant;
|
|
989
898
|
/** Extra classes merged onto the root. */
|
|
990
899
|
className?: string;
|
|
991
|
-
style?:
|
|
900
|
+
style?: react__default.CSSProperties;
|
|
992
901
|
}
|
|
993
902
|
/**
|
|
994
903
|
* Vertically stacked, collapsible panels built on `@radix-ui/react-accordion`.
|
|
@@ -1016,11 +925,11 @@ interface AccordionItemProps {
|
|
|
1016
925
|
/** Unique value identifying this panel (used for open state). */
|
|
1017
926
|
value: string;
|
|
1018
927
|
/** Header content — the always-visible trigger label. */
|
|
1019
|
-
title:
|
|
928
|
+
title: react__default.ReactNode;
|
|
1020
929
|
/** Optional leading icon shown before the title. */
|
|
1021
|
-
icon?:
|
|
930
|
+
icon?: react__default.ReactNode;
|
|
1022
931
|
/** Panel body, revealed when open. */
|
|
1023
|
-
children:
|
|
932
|
+
children: react__default.ReactNode;
|
|
1024
933
|
/** Disable this item (header non-interactive, dimmed). */
|
|
1025
934
|
disabled?: boolean;
|
|
1026
935
|
className?: string;
|
|
@@ -1029,19 +938,19 @@ declare function AccordionItem({ value, title, icon, children, disabled, classNa
|
|
|
1029
938
|
|
|
1030
939
|
interface BreadcrumbItem {
|
|
1031
940
|
/** Visible label. */
|
|
1032
|
-
label:
|
|
941
|
+
label: react__default.ReactNode;
|
|
1033
942
|
/** Link target. Omit on the current (last) crumb. */
|
|
1034
943
|
href?: string;
|
|
1035
944
|
/** Optional leading icon. */
|
|
1036
|
-
icon?:
|
|
945
|
+
icon?: react__default.ReactNode;
|
|
1037
946
|
/** Click handler (router navigation). */
|
|
1038
|
-
onClick?:
|
|
947
|
+
onClick?: react__default.MouseEventHandler;
|
|
1039
948
|
}
|
|
1040
949
|
interface BreadcrumbsProps {
|
|
1041
950
|
/** Ordered trail, root → current. The last item renders as the current page. */
|
|
1042
951
|
items: BreadcrumbItem[];
|
|
1043
952
|
/** Separator between crumbs. Default a chevron. */
|
|
1044
|
-
separator?:
|
|
953
|
+
separator?: react__default.ReactNode;
|
|
1045
954
|
/**
|
|
1046
955
|
* Collapse the middle of long trails into an expandable ellipsis once the
|
|
1047
956
|
* count exceeds this. The first and last crumb always stay visible. Set `0`
|
|
@@ -1051,7 +960,7 @@ interface BreadcrumbsProps {
|
|
|
1051
960
|
/** Accessible label for the nav landmark. Default `'Breadcrumb'`. */
|
|
1052
961
|
'aria-label'?: string;
|
|
1053
962
|
className?: string;
|
|
1054
|
-
style?:
|
|
963
|
+
style?: react__default.CSSProperties;
|
|
1055
964
|
}
|
|
1056
965
|
/**
|
|
1057
966
|
* A breadcrumb trail. Renders a `<nav><ol>` of crumbs separated by a chevron;
|
|
@@ -1076,7 +985,7 @@ type BadgeVariant = 'solid' | 'soft' | 'outline';
|
|
|
1076
985
|
type BadgeSize = 'sm' | 'md';
|
|
1077
986
|
interface BadgeProps {
|
|
1078
987
|
/** Pill label (label mode) when no `count` / `dot` is given. */
|
|
1079
|
-
children?:
|
|
988
|
+
children?: react__default.ReactNode;
|
|
1080
989
|
/** Semantic colour. Default `'neutral'`. */
|
|
1081
990
|
tone?: BadgeTone;
|
|
1082
991
|
/** Fill style. Default `'soft'`. */
|
|
@@ -1084,7 +993,7 @@ interface BadgeProps {
|
|
|
1084
993
|
/** Size preset. Default `'md'`. */
|
|
1085
994
|
size?: BadgeSize;
|
|
1086
995
|
/** Optional leading icon (label mode). */
|
|
1087
|
-
icon?:
|
|
996
|
+
icon?: react__default.ReactNode;
|
|
1088
997
|
/**
|
|
1089
998
|
* Indicator mode — a numeric counter. With `children` it overlays the
|
|
1090
999
|
* top-right corner of the wrapped element; without, it renders inline.
|
|
@@ -1097,7 +1006,7 @@ interface BadgeProps {
|
|
|
1097
1006
|
/** Show the indicator even when `count` is 0. Default `false`. */
|
|
1098
1007
|
showZero?: boolean;
|
|
1099
1008
|
className?: string;
|
|
1100
|
-
style?:
|
|
1009
|
+
style?: react__default.CSSProperties;
|
|
1101
1010
|
}
|
|
1102
1011
|
/**
|
|
1103
1012
|
* A small status / count indicator. Three uses:
|
|
@@ -1116,10 +1025,10 @@ declare function Badge({ children, tone, variant, size, icon, count, max, dot, s
|
|
|
1116
1025
|
type StepperActiveStatus = 'active' | 'loading' | 'error';
|
|
1117
1026
|
interface StepperStep {
|
|
1118
1027
|
key: string | number;
|
|
1119
|
-
title:
|
|
1120
|
-
description?:
|
|
1028
|
+
title: react__default.ReactNode;
|
|
1029
|
+
description?: react__default.ReactNode;
|
|
1121
1030
|
/** Custom indicator content (overrides the default number / check). */
|
|
1122
|
-
icon?:
|
|
1031
|
+
icon?: react__default.ReactNode;
|
|
1123
1032
|
}
|
|
1124
1033
|
interface StepperProps {
|
|
1125
1034
|
steps: StepperStep[];
|
|
@@ -1161,13 +1070,13 @@ type TimelineStatus = 'complete' | 'current' | 'upcoming' | 'error';
|
|
|
1161
1070
|
interface TimelineEvent {
|
|
1162
1071
|
key: string | number;
|
|
1163
1072
|
/** Event title, e.g. "Out for delivery". */
|
|
1164
|
-
title:
|
|
1073
|
+
title: react__default.ReactNode;
|
|
1165
1074
|
/** Optional detail line. */
|
|
1166
|
-
description?:
|
|
1075
|
+
description?: react__default.ReactNode;
|
|
1167
1076
|
/** Optional timestamp / meta, shown muted. */
|
|
1168
|
-
timestamp?:
|
|
1077
|
+
timestamp?: react__default.ReactNode;
|
|
1169
1078
|
/** Custom node icon (overrides the default dot / check). */
|
|
1170
|
-
icon?:
|
|
1079
|
+
icon?: react__default.ReactNode;
|
|
1171
1080
|
/** Explicit status. If omitted, derived from `current` (see Timeline). */
|
|
1172
1081
|
status?: TimelineStatus;
|
|
1173
1082
|
}
|
|
@@ -1204,18 +1113,18 @@ declare function Timeline({ events, current, className }: TimelineProps): react_
|
|
|
1204
1113
|
type KbdSize = 'sm' | 'md';
|
|
1205
1114
|
interface KbdProps {
|
|
1206
1115
|
/** A single key's label when `keys` is not used. */
|
|
1207
|
-
children?:
|
|
1116
|
+
children?: react__default.ReactNode;
|
|
1208
1117
|
/**
|
|
1209
1118
|
* A key combination — each entry renders as its own key cap, joined by
|
|
1210
1119
|
* `separator`. e.g. `['Ctrl', 'K']` → `Ctrl + K`.
|
|
1211
1120
|
*/
|
|
1212
1121
|
keys?: string[];
|
|
1213
1122
|
/** Joiner between caps in a combo. Default `'+'`. */
|
|
1214
|
-
separator?:
|
|
1123
|
+
separator?: react__default.ReactNode;
|
|
1215
1124
|
/** Size preset. Default `'md'`. */
|
|
1216
1125
|
size?: KbdSize;
|
|
1217
1126
|
className?: string;
|
|
1218
|
-
style?:
|
|
1127
|
+
style?: react__default.CSSProperties;
|
|
1219
1128
|
}
|
|
1220
1129
|
/**
|
|
1221
1130
|
* Renders keyboard keys as styled caps — a single key via `children`, or a
|
|
@@ -1230,7 +1139,7 @@ declare function Kbd({ children, keys, separator, size, className, style, }: Kbd
|
|
|
1230
1139
|
|
|
1231
1140
|
type Pad = 'none' | 'sm' | 'md' | 'lg';
|
|
1232
1141
|
interface CardProps {
|
|
1233
|
-
children:
|
|
1142
|
+
children: react__default.ReactNode;
|
|
1234
1143
|
/**
|
|
1235
1144
|
* Make the whole card a single interactive surface: hover lift, pointer
|
|
1236
1145
|
* cursor, focus ring, and (with `onClick`) button semantics + Enter/Space
|
|
@@ -1238,7 +1147,7 @@ interface CardProps {
|
|
|
1238
1147
|
*/
|
|
1239
1148
|
interactive?: boolean;
|
|
1240
1149
|
/** Click handler. With `interactive`, the card becomes keyboard-activatable. */
|
|
1241
|
-
onClick?:
|
|
1150
|
+
onClick?: react__default.MouseEventHandler;
|
|
1242
1151
|
/**
|
|
1243
1152
|
* Padding on the root. Leave `'none'` (default) when composing with
|
|
1244
1153
|
* `Card.Header` / `Card.Body` / `Card.Footer` (they bring their own); set a
|
|
@@ -1248,7 +1157,7 @@ interface CardProps {
|
|
|
1248
1157
|
/** Drop the border + shadow for a flat, borderless surface. */
|
|
1249
1158
|
flush?: boolean;
|
|
1250
1159
|
className?: string;
|
|
1251
|
-
style?:
|
|
1160
|
+
style?: react__default.CSSProperties;
|
|
1252
1161
|
}
|
|
1253
1162
|
/**
|
|
1254
1163
|
* A surface container with optional header / media / body / footer sections.
|
|
@@ -1276,28 +1185,28 @@ declare namespace Card {
|
|
|
1276
1185
|
var Footer: typeof CardFooter;
|
|
1277
1186
|
}
|
|
1278
1187
|
interface CardMediaProps {
|
|
1279
|
-
children:
|
|
1188
|
+
children: react__default.ReactNode;
|
|
1280
1189
|
className?: string;
|
|
1281
1190
|
}
|
|
1282
1191
|
declare function CardMedia({ children, className }: CardMediaProps): react_jsx_runtime.JSX.Element;
|
|
1283
1192
|
interface CardHeaderProps {
|
|
1284
|
-
title?:
|
|
1285
|
-
subtitle?:
|
|
1193
|
+
title?: react__default.ReactNode;
|
|
1194
|
+
subtitle?: react__default.ReactNode;
|
|
1286
1195
|
/** Trailing slot — actions, menu, badge. */
|
|
1287
|
-
action?:
|
|
1196
|
+
action?: react__default.ReactNode;
|
|
1288
1197
|
/** Leading slot — avatar / icon. */
|
|
1289
|
-
avatar?:
|
|
1290
|
-
children?:
|
|
1198
|
+
avatar?: react__default.ReactNode;
|
|
1199
|
+
children?: react__default.ReactNode;
|
|
1291
1200
|
className?: string;
|
|
1292
1201
|
}
|
|
1293
1202
|
declare function CardHeader({ title, subtitle, action, avatar, children, className }: CardHeaderProps): react_jsx_runtime.JSX.Element;
|
|
1294
1203
|
interface CardBodyProps {
|
|
1295
|
-
children:
|
|
1204
|
+
children: react__default.ReactNode;
|
|
1296
1205
|
className?: string;
|
|
1297
1206
|
}
|
|
1298
1207
|
declare function CardBody({ children, className }: CardBodyProps): react_jsx_runtime.JSX.Element;
|
|
1299
1208
|
interface CardFooterProps {
|
|
1300
|
-
children:
|
|
1209
|
+
children: react__default.ReactNode;
|
|
1301
1210
|
/** Drop the top divider. */
|
|
1302
1211
|
noDivider?: boolean;
|
|
1303
1212
|
className?: string;
|
|
@@ -1307,7 +1216,7 @@ declare function CardFooter({ children, noDivider, className }: CardFooterProps)
|
|
|
1307
1216
|
type CardCarouselVariant = 'flat' | 'rotating';
|
|
1308
1217
|
interface CardCarouselProps {
|
|
1309
1218
|
/** The slides — typically `Card`s. */
|
|
1310
|
-
children:
|
|
1219
|
+
children: react__default.ReactNode;
|
|
1311
1220
|
/**
|
|
1312
1221
|
* Layout style. Default `'flat'`.
|
|
1313
1222
|
* - `'flat'` — a horizontal scroll-snap row (trackpad / touch / wheel).
|
|
@@ -1326,7 +1235,7 @@ interface CardCarouselProps {
|
|
|
1326
1235
|
/** Accessible label for the region. Default `'Carousel'`. */
|
|
1327
1236
|
'aria-label'?: string;
|
|
1328
1237
|
className?: string;
|
|
1329
|
-
style?:
|
|
1238
|
+
style?: react__default.CSSProperties;
|
|
1330
1239
|
}
|
|
1331
1240
|
/**
|
|
1332
1241
|
* A carousel for cards, in two flavours via `variant`:
|
|
@@ -1371,10 +1280,10 @@ interface ChatProps {
|
|
|
1371
1280
|
/** Names currently typing — shows an animated indicator at the bottom. */
|
|
1372
1281
|
typingNames?: string[];
|
|
1373
1282
|
/** Header: title, subtitle, avatar, trailing actions. Omit for no header. */
|
|
1374
|
-
title?:
|
|
1375
|
-
subtitle?:
|
|
1283
|
+
title?: react__default.ReactNode;
|
|
1284
|
+
subtitle?: react__default.ReactNode;
|
|
1376
1285
|
avatar?: string;
|
|
1377
|
-
headerActions?:
|
|
1286
|
+
headerActions?: react__default.ReactNode;
|
|
1378
1287
|
/** Composer placeholder. */
|
|
1379
1288
|
placeholder?: string;
|
|
1380
1289
|
/** Disable the composer. */
|
|
@@ -1384,11 +1293,11 @@ interface ChatProps {
|
|
|
1384
1293
|
/** Shows a transcript skeleton (use while loading history, before messages arrive). */
|
|
1385
1294
|
loading?: boolean;
|
|
1386
1295
|
/** Shown when there are no messages. */
|
|
1387
|
-
emptyState?:
|
|
1296
|
+
emptyState?: react__default.ReactNode;
|
|
1388
1297
|
/** Overall height — the message list scrolls within it. Default `480`. */
|
|
1389
1298
|
height?: number | string;
|
|
1390
1299
|
className?: string;
|
|
1391
|
-
style?:
|
|
1300
|
+
style?: react__default.CSSProperties;
|
|
1392
1301
|
}
|
|
1393
1302
|
/**
|
|
1394
1303
|
* A chat / messaging surface: a scrollable transcript of message bubbles plus a
|
|
@@ -1414,7 +1323,7 @@ type StatisticSize = 'sm' | 'md' | 'lg';
|
|
|
1414
1323
|
type DeltaDirection = 'up' | 'down' | 'neutral';
|
|
1415
1324
|
interface StatisticDelta {
|
|
1416
1325
|
/** The change to show beside the arrow, e.g. `'12%'` or `+340`. */
|
|
1417
|
-
value:
|
|
1326
|
+
value: react__default.ReactNode;
|
|
1418
1327
|
/** Arrow + colour direction. Default inferred `'neutral'`. */
|
|
1419
1328
|
direction?: DeltaDirection;
|
|
1420
1329
|
/**
|
|
@@ -1424,29 +1333,29 @@ interface StatisticDelta {
|
|
|
1424
1333
|
*/
|
|
1425
1334
|
positiveIsGood?: boolean;
|
|
1426
1335
|
/** Optional trailing context, e.g. `'vs last month'`. */
|
|
1427
|
-
label?:
|
|
1336
|
+
label?: react__default.ReactNode;
|
|
1428
1337
|
}
|
|
1429
1338
|
interface StatisticProps {
|
|
1430
1339
|
/** Caption above the value. */
|
|
1431
|
-
label:
|
|
1340
|
+
label: react__default.ReactNode;
|
|
1432
1341
|
/** The metric itself. */
|
|
1433
|
-
value:
|
|
1342
|
+
value: react__default.ReactNode;
|
|
1434
1343
|
/** Rendered before the value (currency symbol, etc.). */
|
|
1435
|
-
prefix?:
|
|
1344
|
+
prefix?: react__default.ReactNode;
|
|
1436
1345
|
/** Rendered after the value (unit, %). */
|
|
1437
|
-
suffix?:
|
|
1346
|
+
suffix?: react__default.ReactNode;
|
|
1438
1347
|
/** Leading icon in a tinted square. */
|
|
1439
|
-
icon?:
|
|
1348
|
+
icon?: react__default.ReactNode;
|
|
1440
1349
|
/** Trend indicator under the value. */
|
|
1441
1350
|
delta?: StatisticDelta;
|
|
1442
1351
|
/** Secondary help text under everything. */
|
|
1443
|
-
helpText?:
|
|
1352
|
+
helpText?: react__default.ReactNode;
|
|
1444
1353
|
/** Size preset. Default `'md'`. */
|
|
1445
1354
|
size?: StatisticSize;
|
|
1446
1355
|
/** Text alignment. Default `'left'`. */
|
|
1447
1356
|
align?: 'left' | 'center';
|
|
1448
1357
|
className?: string;
|
|
1449
|
-
style?:
|
|
1358
|
+
style?: react__default.CSSProperties;
|
|
1450
1359
|
}
|
|
1451
1360
|
/**
|
|
1452
1361
|
* A single metric: caption, value (with optional prefix/suffix and icon), and an
|
|
@@ -1463,18 +1372,18 @@ type FABPosition = 'bottom-right' | 'bottom-left' | 'top-right' | 'top-left';
|
|
|
1463
1372
|
type FABSize = 'md' | 'lg';
|
|
1464
1373
|
type FABTone = 'accent' | 'neutral';
|
|
1465
1374
|
interface FABAction {
|
|
1466
|
-
icon:
|
|
1375
|
+
icon: react__default.ReactNode;
|
|
1467
1376
|
/** Accessible label + the text shown on the action's pill. */
|
|
1468
1377
|
label: string;
|
|
1469
|
-
onClick?:
|
|
1378
|
+
onClick?: react__default.MouseEventHandler;
|
|
1470
1379
|
}
|
|
1471
1380
|
interface FABProps {
|
|
1472
1381
|
/** Main button icon. */
|
|
1473
|
-
icon:
|
|
1382
|
+
icon: react__default.ReactNode;
|
|
1474
1383
|
/** Accessible label for the main button (required — it's icon-only). */
|
|
1475
1384
|
label: string;
|
|
1476
1385
|
/** Click handler. Ignored when `actions` is provided (the button toggles the dial). */
|
|
1477
|
-
onClick?:
|
|
1386
|
+
onClick?: react__default.MouseEventHandler;
|
|
1478
1387
|
/** Speed-dial sub-actions. When set, the main button opens/closes the dial. */
|
|
1479
1388
|
actions?: FABAction[];
|
|
1480
1389
|
/** Corner placement. Default `'bottom-right'`. */
|
|
@@ -1489,7 +1398,7 @@ interface FABProps {
|
|
|
1489
1398
|
*/
|
|
1490
1399
|
fixed?: boolean;
|
|
1491
1400
|
className?: string;
|
|
1492
|
-
style?:
|
|
1401
|
+
style?: react__default.CSSProperties;
|
|
1493
1402
|
}
|
|
1494
1403
|
/**
|
|
1495
1404
|
* A floating action button. On its own it's a single round action; given
|
|
@@ -1511,23 +1420,23 @@ declare function FAB({ icon, label, onClick, actions, position, size, tone, fixe
|
|
|
1511
1420
|
type PopConfirmTone = 'default' | 'info' | 'warning' | 'error' | 'danger' | 'success';
|
|
1512
1421
|
interface PopConfirmProps {
|
|
1513
1422
|
/** The trigger element. Cloned as the popover anchor (rendered `asChild`). */
|
|
1514
|
-
children:
|
|
1423
|
+
children: react__default.ReactElement;
|
|
1515
1424
|
/** The confirmation question / heading. */
|
|
1516
|
-
title:
|
|
1425
|
+
title: react__default.ReactNode;
|
|
1517
1426
|
/** Optional secondary line under the title. */
|
|
1518
|
-
description?:
|
|
1427
|
+
description?: react__default.ReactNode;
|
|
1519
1428
|
/** Runs on confirm. If it returns a promise, the confirm button shows a loading state until it settles. */
|
|
1520
1429
|
onConfirm?: () => void | Promise<void>;
|
|
1521
1430
|
/** Runs on cancel / dismiss. */
|
|
1522
1431
|
onCancel?: () => void;
|
|
1523
1432
|
/** Confirm button label. Default `'Confirm'`. */
|
|
1524
|
-
confirmText?:
|
|
1433
|
+
confirmText?: react__default.ReactNode;
|
|
1525
1434
|
/** Cancel button label. Default `'Cancel'`. */
|
|
1526
|
-
cancelText?:
|
|
1435
|
+
cancelText?: react__default.ReactNode;
|
|
1527
1436
|
/** Visual + semantic tone of the confirmation prompt. Default `'default'`. */
|
|
1528
1437
|
tone?: PopConfirmTone;
|
|
1529
1438
|
/** Leading icon shown beside the title. */
|
|
1530
|
-
icon?:
|
|
1439
|
+
icon?: react__default.ReactNode;
|
|
1531
1440
|
/** Side of the trigger to open on. Default `'top'`. */
|
|
1532
1441
|
side?: 'top' | 'right' | 'bottom' | 'left';
|
|
1533
1442
|
/** Controlled open state (optional). */
|
|
@@ -1566,13 +1475,13 @@ interface LogoutTimerProps {
|
|
|
1566
1475
|
/** Master switch — when false the timer is fully disabled. Default `true`. */
|
|
1567
1476
|
enabled?: boolean;
|
|
1568
1477
|
/** Warning dialog heading. Default `'Still there?'`. */
|
|
1569
|
-
title?:
|
|
1478
|
+
title?: react__default.ReactNode;
|
|
1570
1479
|
/** Warning dialog body. Default explains the inactivity sign-out. */
|
|
1571
|
-
description?:
|
|
1480
|
+
description?: react__default.ReactNode;
|
|
1572
1481
|
/** "Stay" button label. Default `'Stay signed in'`. */
|
|
1573
|
-
continueLabel?:
|
|
1482
|
+
continueLabel?: react__default.ReactNode;
|
|
1574
1483
|
/** "Sign out" button label. Default `'Sign out now'`. */
|
|
1575
|
-
logoutLabel?:
|
|
1484
|
+
logoutLabel?: react__default.ReactNode;
|
|
1576
1485
|
}
|
|
1577
1486
|
/**
|
|
1578
1487
|
* Inactivity / session-timeout guard. After `timeout` ms with no user activity
|
|
@@ -1640,7 +1549,7 @@ interface SchedulerProps {
|
|
|
1640
1549
|
/** Called when `loadEvents` rejects. The Scheduler also shows a retry state. */
|
|
1641
1550
|
onError?: (error: unknown) => void;
|
|
1642
1551
|
className?: string;
|
|
1643
|
-
style?:
|
|
1552
|
+
style?: react__default.CSSProperties;
|
|
1644
1553
|
}
|
|
1645
1554
|
/**
|
|
1646
1555
|
* An event scheduler with month and week views — the agenda-style calendar for
|
|
@@ -1662,7 +1571,7 @@ declare function Scheduler({ events: controlledEvents, loadEvents, defaultView,
|
|
|
1662
1571
|
interface CartLineItem {
|
|
1663
1572
|
id: string | number;
|
|
1664
1573
|
/** Product name. */
|
|
1665
|
-
name:
|
|
1574
|
+
name: react__default.ReactNode;
|
|
1666
1575
|
/** Unit price. */
|
|
1667
1576
|
price: number;
|
|
1668
1577
|
/** Quantity in the cart. */
|
|
@@ -1670,12 +1579,12 @@ interface CartLineItem {
|
|
|
1670
1579
|
/** Optional thumbnail URL. */
|
|
1671
1580
|
image?: string;
|
|
1672
1581
|
/** Optional secondary line (variant, SKU). */
|
|
1673
|
-
meta?:
|
|
1582
|
+
meta?: react__default.ReactNode;
|
|
1674
1583
|
/** Per-line quantity ceiling. */
|
|
1675
1584
|
max?: number;
|
|
1676
1585
|
}
|
|
1677
1586
|
interface CartSummaryRow {
|
|
1678
|
-
label:
|
|
1587
|
+
label: react__default.ReactNode;
|
|
1679
1588
|
/** Signed amount — negative for discounts. */
|
|
1680
1589
|
value: number;
|
|
1681
1590
|
/** Render in muted/normal style instead of emphasised. */
|
|
@@ -1693,13 +1602,13 @@ interface CartProps {
|
|
|
1693
1602
|
/** Price formatter. Default `'$' + value.toFixed(2)`. */
|
|
1694
1603
|
formatPrice?: (value: number) => string;
|
|
1695
1604
|
/** Checkout button label. Default `'Checkout'`. */
|
|
1696
|
-
checkoutLabel?:
|
|
1605
|
+
checkoutLabel?: react__default.ReactNode;
|
|
1697
1606
|
/** Checkout handler. Omit to hide the button. */
|
|
1698
1607
|
onCheckout?: () => void;
|
|
1699
1608
|
/** Shown when there are no items. */
|
|
1700
|
-
emptyState?:
|
|
1609
|
+
emptyState?: react__default.ReactNode;
|
|
1701
1610
|
className?: string;
|
|
1702
|
-
style?:
|
|
1611
|
+
style?: react__default.CSSProperties;
|
|
1703
1612
|
}
|
|
1704
1613
|
/**
|
|
1705
1614
|
* A shopping-cart panel: line items with thumbnail, quantity stepper, and
|
|
@@ -1748,7 +1657,7 @@ interface CartContextValue {
|
|
|
1748
1657
|
getCartTotal: () => number;
|
|
1749
1658
|
}
|
|
1750
1659
|
interface CartProviderProps {
|
|
1751
|
-
children:
|
|
1660
|
+
children: react__default.ReactNode;
|
|
1752
1661
|
/** Seed the cart with these lines. */
|
|
1753
1662
|
initialItems?: CartLineItem[];
|
|
1754
1663
|
/** Called whenever the items change (add / remove / quantity / clear). */
|
|
@@ -1784,7 +1693,7 @@ declare function useCart(): CartContextValue;
|
|
|
1784
1693
|
|
|
1785
1694
|
interface CartButtonProps {
|
|
1786
1695
|
/** Click handler — typically opens the cart drawer / navigates to checkout. */
|
|
1787
|
-
onClick?:
|
|
1696
|
+
onClick?: react__default.MouseEventHandler<HTMLButtonElement>;
|
|
1788
1697
|
/** Icon-button style. Default `'bordered'`. */
|
|
1789
1698
|
variant?: 'primary' | 'bordered';
|
|
1790
1699
|
/** Badge colour. Default `'accent'`. */
|
|
@@ -1794,7 +1703,7 @@ interface CartButtonProps {
|
|
|
1794
1703
|
/** Accessible label. Default `'Cart'` (with the live count appended). */
|
|
1795
1704
|
title?: string;
|
|
1796
1705
|
/** Override the cart glyph. */
|
|
1797
|
-
icon?:
|
|
1706
|
+
icon?: react__default.ReactNode;
|
|
1798
1707
|
className?: string;
|
|
1799
1708
|
}
|
|
1800
1709
|
/**
|
|
@@ -1812,15 +1721,15 @@ interface EmptyCartProps {
|
|
|
1812
1721
|
* Illustration shown above the text. Pass your own node to fully replace
|
|
1813
1722
|
* the default line-art cart. Set to `null` to hide it.
|
|
1814
1723
|
*/
|
|
1815
|
-
illustration?:
|
|
1724
|
+
illustration?: react__default.ReactNode;
|
|
1816
1725
|
/** Headline. Default `'Your cart is empty'`. */
|
|
1817
|
-
title?:
|
|
1726
|
+
title?: react__default.ReactNode;
|
|
1818
1727
|
/** Secondary line under the title. */
|
|
1819
|
-
description?:
|
|
1728
|
+
description?: react__default.ReactNode;
|
|
1820
1729
|
/** Optional call-to-action (e.g. a "Browse products" button). */
|
|
1821
|
-
action?:
|
|
1730
|
+
action?: react__default.ReactNode;
|
|
1822
1731
|
className?: string;
|
|
1823
|
-
style?:
|
|
1732
|
+
style?: react__default.CSSProperties;
|
|
1824
1733
|
}
|
|
1825
1734
|
/**
|
|
1826
1735
|
* The empty state for a shopping cart — a configurable illustration with a
|
|
@@ -1884,14 +1793,14 @@ declare function fieldShell({ size, hasError, disabled, focusWithin, sized, }?:
|
|
|
1884
1793
|
* it follows the active theme.
|
|
1885
1794
|
*/
|
|
1886
1795
|
declare function FieldHelpIcon({ text }: {
|
|
1887
|
-
text:
|
|
1796
|
+
text: react__default.ReactNode;
|
|
1888
1797
|
}): react_jsx_runtime.JSX.Element;
|
|
1889
1798
|
interface FieldLabelProps {
|
|
1890
|
-
label?:
|
|
1799
|
+
label?: react__default.ReactNode;
|
|
1891
1800
|
htmlFor?: string;
|
|
1892
1801
|
required?: boolean;
|
|
1893
1802
|
/** Reveals an info icon + tooltip beside the label. */
|
|
1894
|
-
helperText?:
|
|
1803
|
+
helperText?: react__default.ReactNode;
|
|
1895
1804
|
/** Apply horizontal-layout spacing (no-wrap, shrink). */
|
|
1896
1805
|
horizontal?: boolean;
|
|
1897
1806
|
/**
|
|
@@ -1901,7 +1810,7 @@ interface FieldLabelProps {
|
|
|
1901
1810
|
* short control (Switch, SegmentedControl).
|
|
1902
1811
|
*/
|
|
1903
1812
|
align?: 'start' | 'center';
|
|
1904
|
-
style?:
|
|
1813
|
+
style?: react__default.CSSProperties;
|
|
1905
1814
|
/** Label column width in horizontal layout. */
|
|
1906
1815
|
width?: string | number;
|
|
1907
1816
|
className?: string;
|
|
@@ -1916,30 +1825,30 @@ interface FieldLabelProps {
|
|
|
1916
1825
|
*/
|
|
1917
1826
|
declare function FieldLabel({ label, htmlFor, required, helperText, horizontal, align, style, width, className, }: FieldLabelProps): react_jsx_runtime.JSX.Element;
|
|
1918
1827
|
interface FieldProps {
|
|
1919
|
-
label?:
|
|
1828
|
+
label?: react__default.ReactNode;
|
|
1920
1829
|
/** `id` of the control — links the `<label htmlFor>`. */
|
|
1921
1830
|
htmlFor?: string;
|
|
1922
1831
|
/** `id` for the error region — pair with `aria-describedby` on the control. */
|
|
1923
1832
|
errorId?: string;
|
|
1924
|
-
errorMessage?:
|
|
1833
|
+
errorMessage?: react__default.ReactNode;
|
|
1925
1834
|
/** Orientation of label vs control. Default `'vertical'`. */
|
|
1926
1835
|
layout?: 'horizontal' | 'vertical';
|
|
1927
1836
|
/** Show a required asterisk after the label. */
|
|
1928
1837
|
required?: boolean;
|
|
1929
1838
|
/** Contextual help revealed via an info icon + tooltip beside the label. */
|
|
1930
|
-
helperText?:
|
|
1839
|
+
helperText?: react__default.ReactNode;
|
|
1931
1840
|
/**
|
|
1932
1841
|
* Label alignment against the control in horizontal layout. `'start'`
|
|
1933
1842
|
* (default) for standard-height inputs; `'center'` for short controls
|
|
1934
1843
|
* (Switch) so the label lines up with the control's centre.
|
|
1935
1844
|
*/
|
|
1936
1845
|
labelAlign?: 'start' | 'center';
|
|
1937
|
-
labelStyle?:
|
|
1846
|
+
labelStyle?: react__default.CSSProperties;
|
|
1938
1847
|
/** Width of the label column in horizontal layout (CSS length). */
|
|
1939
1848
|
labelWidth?: string | number;
|
|
1940
1849
|
className?: string;
|
|
1941
1850
|
/** The control itself (input / trigger / dropzone). */
|
|
1942
|
-
children:
|
|
1851
|
+
children: react__default.ReactNode;
|
|
1943
1852
|
}
|
|
1944
1853
|
/**
|
|
1945
1854
|
* Layout wrapper shared by every input. Renders:
|
|
@@ -1994,11 +1903,11 @@ interface CreditCardFormProps {
|
|
|
1994
1903
|
/** Hide the built-in submit button (when embedding in a larger form). */
|
|
1995
1904
|
hideSubmit?: boolean;
|
|
1996
1905
|
/** Submit button label. Default `'Pay'`. */
|
|
1997
|
-
submitLabel?:
|
|
1906
|
+
submitLabel?: react__default.ReactNode;
|
|
1998
1907
|
/** Extra classes on the root `<form>`. */
|
|
1999
1908
|
className?: string;
|
|
2000
1909
|
/** Inline style on the root `<form>`. */
|
|
2001
|
-
style?:
|
|
1910
|
+
style?: react__default.CSSProperties;
|
|
2002
1911
|
}
|
|
2003
1912
|
/**
|
|
2004
1913
|
* Unified credit-card form built on the oxygen-ui {@link useForm} Form API.
|
|
@@ -2019,18 +1928,18 @@ declare function CreditCardForm({ onSubmit, onChange, defaultValue, size, disabl
|
|
|
2019
1928
|
|
|
2020
1929
|
interface CheckoutProps {
|
|
2021
1930
|
/** Page heading. Default `'Checkout'`. */
|
|
2022
|
-
title?:
|
|
1931
|
+
title?: react__default.ReactNode;
|
|
2023
1932
|
/** Extra summary rows (shipping, tax, discount) added to the cart subtotal. */
|
|
2024
1933
|
summaryRows?: CartSummaryRow[];
|
|
2025
1934
|
/** Price formatter. Default `'$' + value.toFixed(2)`. */
|
|
2026
1935
|
formatPrice?: (value: number) => string;
|
|
2027
1936
|
/** Heading above the payment form. Default `'Payment'`. */
|
|
2028
|
-
paymentTitle?:
|
|
1937
|
+
paymentTitle?: react__default.ReactNode;
|
|
2029
1938
|
/**
|
|
2030
1939
|
* Pay button label. Defaults to `Pay <total>`. The button is always
|
|
2031
1940
|
* disabled while the cart is empty.
|
|
2032
1941
|
*/
|
|
2033
|
-
submitLabel?:
|
|
1942
|
+
submitLabel?: react__default.ReactNode;
|
|
2034
1943
|
/** Fired with the validated card once the form passes and the cart is non-empty. */
|
|
2035
1944
|
onPaid?: (card: CreditCardValue) => void | Promise<void>;
|
|
2036
1945
|
className?: string;
|
|
@@ -2055,8 +1964,8 @@ declare function Checkout({ title, summaryRows, formatPrice, paymentTitle, submi
|
|
|
2055
1964
|
type NotificationType = 'info' | 'success' | 'warning' | 'danger';
|
|
2056
1965
|
type NotificationPosition = 'top-right' | 'top-left' | 'top-center' | 'bottom-right' | 'bottom-left' | 'bottom-center';
|
|
2057
1966
|
interface NotificationPayload {
|
|
2058
|
-
title:
|
|
2059
|
-
description?:
|
|
1967
|
+
title: react__default.ReactNode;
|
|
1968
|
+
description?: react__default.ReactNode;
|
|
2060
1969
|
/** Auto-dismiss duration in ms (default 4000). Pass `Infinity` to disable auto-dismiss. */
|
|
2061
1970
|
duration?: number;
|
|
2062
1971
|
type?: NotificationType;
|
|
@@ -2078,7 +1987,7 @@ interface NotificationPayload {
|
|
|
2078
1987
|
* success({ title: 'Saved', description: 'Changes were stored.' })
|
|
2079
1988
|
*/
|
|
2080
1989
|
declare function NotificationProvider({ children, position, }: {
|
|
2081
|
-
children:
|
|
1990
|
+
children: react__default.ReactNode;
|
|
2082
1991
|
position?: NotificationPosition;
|
|
2083
1992
|
}): react_jsx_runtime.JSX.Element;
|
|
2084
1993
|
/** ─────────────────── hook ─────────────────── */
|
|
@@ -2179,7 +2088,7 @@ interface FadingBaseProps {
|
|
|
2179
2088
|
className?: string;
|
|
2180
2089
|
/** Controls mount/unmount with fade transition */
|
|
2181
2090
|
isMounted?: boolean;
|
|
2182
|
-
children?:
|
|
2091
|
+
children?: react__default.ReactNode;
|
|
2183
2092
|
}
|
|
2184
2093
|
/**
|
|
2185
2094
|
* Fade-in / fade-out page container.
|
|
@@ -2201,16 +2110,16 @@ interface ListItem {
|
|
|
2201
2110
|
/** Stable key for React reconciliation + active-key matching. */
|
|
2202
2111
|
key: string | number;
|
|
2203
2112
|
/** Main item text (title). Required. */
|
|
2204
|
-
label:
|
|
2113
|
+
label: react__default.ReactNode;
|
|
2205
2114
|
/** Optional description rendered below the label, in foreground-secondary. */
|
|
2206
|
-
description?:
|
|
2115
|
+
description?: react__default.ReactNode;
|
|
2207
2116
|
/**
|
|
2208
2117
|
* Optional leading slot, typically an Avatar. Anything React-renderable
|
|
2209
2118
|
* is accepted (icon, image, status badge…).
|
|
2210
2119
|
*/
|
|
2211
|
-
avatar?:
|
|
2120
|
+
avatar?: react__default.ReactNode;
|
|
2212
2121
|
/** Optional trailing slot, e.g. a badge, count, or action icon. */
|
|
2213
|
-
trailing?:
|
|
2122
|
+
trailing?: react__default.ReactNode;
|
|
2214
2123
|
/** Disable interaction for this item only. */
|
|
2215
2124
|
disabled?: boolean;
|
|
2216
2125
|
}
|
|
@@ -2226,7 +2135,7 @@ interface ListProps {
|
|
|
2226
2135
|
/** Extra classes merged onto the list root. */
|
|
2227
2136
|
className?: string;
|
|
2228
2137
|
/** Inline style on the list root. */
|
|
2229
|
-
style?:
|
|
2138
|
+
style?: react__default.CSSProperties;
|
|
2230
2139
|
}
|
|
2231
2140
|
/**
|
|
2232
2141
|
* Vertical clickable list with optional avatar / description / trailing
|
|
@@ -2270,26 +2179,26 @@ declare function List({ items, onItemClick, activeKey, density, className, style
|
|
|
2270
2179
|
|
|
2271
2180
|
interface ScalableContainerProps {
|
|
2272
2181
|
/** Resting width. Any CSS length / percent. Default `'100%'`. */
|
|
2273
|
-
width?:
|
|
2182
|
+
width?: react__default.CSSProperties['width'];
|
|
2274
2183
|
/** Resting height. Any CSS length / percent. Default `'auto'`. */
|
|
2275
|
-
height?:
|
|
2184
|
+
height?: react__default.CSSProperties['height'];
|
|
2276
2185
|
/** Width when expanded. Default `'100%'` (fills parent). */
|
|
2277
|
-
expandedWidth?:
|
|
2186
|
+
expandedWidth?: react__default.CSSProperties['width'];
|
|
2278
2187
|
/** Height when expanded. Default `'100%'`. Set a concrete value (e.g. 420)
|
|
2279
2188
|
* when the container lives in normal flow and should push siblings down. */
|
|
2280
|
-
expandedHeight?:
|
|
2189
|
+
expandedHeight?: react__default.CSSProperties['height'];
|
|
2281
2190
|
/** Controlled expanded state. */
|
|
2282
2191
|
expanded?: boolean;
|
|
2283
2192
|
/** Fires when the user toggles. */
|
|
2284
2193
|
onExpandedChange?: (expanded: boolean) => void;
|
|
2285
2194
|
/** Content to render inside. */
|
|
2286
|
-
children?:
|
|
2195
|
+
children?: react__default.ReactNode;
|
|
2287
2196
|
/** CSS class appended to the expanded children wrapper. */
|
|
2288
2197
|
assignClassOnClick?: string;
|
|
2289
2198
|
/** Override the expand-button icon. */
|
|
2290
|
-
expandIcon?:
|
|
2199
|
+
expandIcon?: react__default.ReactNode;
|
|
2291
2200
|
/** Override the collapse-button icon. */
|
|
2292
|
-
collapseIcon?:
|
|
2201
|
+
collapseIcon?: react__default.ReactNode;
|
|
2293
2202
|
/**
|
|
2294
2203
|
* Position of the toggle button inside the container.
|
|
2295
2204
|
* Default `'top-right'` — matches the OS-window convention.
|
|
@@ -2327,10 +2236,10 @@ declare function ScalableContainer({ width, height, expandedWidth, expandedHeigh
|
|
|
2327
2236
|
|
|
2328
2237
|
interface GridCardItem {
|
|
2329
2238
|
key: string | number;
|
|
2330
|
-
title:
|
|
2331
|
-
description?:
|
|
2239
|
+
title: react__default.ReactNode;
|
|
2240
|
+
description?: react__default.ReactNode;
|
|
2332
2241
|
/** Image URL or JSX element */
|
|
2333
|
-
cover?: string |
|
|
2242
|
+
cover?: string | react__default.ReactNode;
|
|
2334
2243
|
enabled?: boolean;
|
|
2335
2244
|
/** Arbitrary route or payload — passed back to onOpen */
|
|
2336
2245
|
to?: string;
|
|
@@ -2344,7 +2253,7 @@ interface GridCardProps {
|
|
|
2344
2253
|
/** Extra classes merged onto the card root. */
|
|
2345
2254
|
className?: string;
|
|
2346
2255
|
/** Inline style on the card root. */
|
|
2347
|
-
style?:
|
|
2256
|
+
style?: react__default.CSSProperties;
|
|
2348
2257
|
}
|
|
2349
2258
|
/**
|
|
2350
2259
|
* Application card tile (grid layout).
|
|
@@ -2430,10 +2339,10 @@ declare function Catalog({ display, items, buttonText, onOpen, className }: Cata
|
|
|
2430
2339
|
* announce them as disabled.
|
|
2431
2340
|
*/
|
|
2432
2341
|
interface ContextMenuActionItem {
|
|
2433
|
-
key:
|
|
2342
|
+
key: react__default.Key;
|
|
2434
2343
|
/** Label shown for the item. May be plain text or a node. */
|
|
2435
|
-
value:
|
|
2436
|
-
icon?:
|
|
2344
|
+
value: react__default.ReactNode;
|
|
2345
|
+
icon?: react__default.ReactNode;
|
|
2437
2346
|
/** Fires when the item is activated. Ignored when `children` is set. */
|
|
2438
2347
|
onClick?: () => void;
|
|
2439
2348
|
/** Optional sub-menu items. */
|
|
@@ -2449,7 +2358,7 @@ interface ContextMenuProps {
|
|
|
2449
2358
|
* subtree underneath becomes the trigger area. Wrap an existing
|
|
2450
2359
|
* component / div / image — anything you can right-click on.
|
|
2451
2360
|
*/
|
|
2452
|
-
children:
|
|
2361
|
+
children: react__default.ReactNode;
|
|
2453
2362
|
/** Extra classes merged onto the menu content panel. */
|
|
2454
2363
|
className?: string;
|
|
2455
2364
|
}
|
|
@@ -2499,9 +2408,9 @@ interface ContextMenuPosition {
|
|
|
2499
2408
|
|
|
2500
2409
|
interface WizardStep {
|
|
2501
2410
|
/** Ref to the DOM element to highlight for this step. */
|
|
2502
|
-
stepRef:
|
|
2411
|
+
stepRef: react__default.RefObject<HTMLElement | null>;
|
|
2503
2412
|
/** Tooltip body content. */
|
|
2504
|
-
description:
|
|
2413
|
+
description: react__default.ReactNode;
|
|
2505
2414
|
/**
|
|
2506
2415
|
* Tooltip placement relative to the highlighted element.
|
|
2507
2416
|
* - `'right'` (default) — to the right of the highlight
|
|
@@ -2511,11 +2420,11 @@ interface WizardStep {
|
|
|
2511
2420
|
*/
|
|
2512
2421
|
placement?: 'right' | 'left' | 'top' | 'bottom';
|
|
2513
2422
|
/** Optional heading for the step's tooltip. */
|
|
2514
|
-
title?:
|
|
2423
|
+
title?: react__default.ReactNode;
|
|
2515
2424
|
}
|
|
2516
2425
|
interface WizardProps {
|
|
2517
2426
|
/** The wrapped subtree — refs in `steps` point into this tree. */
|
|
2518
|
-
children:
|
|
2427
|
+
children: react__default.ReactNode;
|
|
2519
2428
|
/** Ordered list of steps to walk the user through. */
|
|
2520
2429
|
steps: WizardStep[];
|
|
2521
2430
|
/**
|
|
@@ -2599,12 +2508,12 @@ declare function Wizard({ children, steps, storageKey, dismissible, onComplete,
|
|
|
2599
2508
|
*/
|
|
2600
2509
|
interface TableColumn<T extends Record<string, any> = Record<string, any>> {
|
|
2601
2510
|
/** React reconciliation key for the column itself. */
|
|
2602
|
-
key:
|
|
2603
|
-
label:
|
|
2511
|
+
key: react__default.Key;
|
|
2512
|
+
label: react__default.ReactNode;
|
|
2604
2513
|
/** Property on the row to read for this column. */
|
|
2605
2514
|
keyBind: keyof T & string;
|
|
2606
2515
|
/** Custom cell renderer. Receives the cell value and the full row. */
|
|
2607
|
-
component?: (cellValue: T[keyof T], row: T) =>
|
|
2516
|
+
component?: (cellValue: T[keyof T], row: T) => react__default.ReactNode;
|
|
2608
2517
|
/** Explicit column width (CSS length or px number). Optional — defaults to auto. */
|
|
2609
2518
|
width?: string | number;
|
|
2610
2519
|
/** Text alignment for both header and cells. Defaults to `'center'`. */
|
|
@@ -2631,8 +2540,8 @@ interface PaginationOptions {
|
|
|
2631
2540
|
}
|
|
2632
2541
|
interface ExpandRowOptions<T extends Record<string, any> = Record<string, any>> {
|
|
2633
2542
|
enabled?: boolean;
|
|
2634
|
-
expandIcon?:
|
|
2635
|
-
expandComponent?: (row: T) =>
|
|
2543
|
+
expandIcon?: react__default.ReactNode;
|
|
2544
|
+
expandComponent?: (row: T) => react__default.ReactNode;
|
|
2636
2545
|
}
|
|
2637
2546
|
interface TableProps<T extends Record<string, any> = Record<string, any>> {
|
|
2638
2547
|
columns?: TableColumn<T>[];
|
|
@@ -2644,12 +2553,12 @@ interface TableProps<T extends Record<string, any> = Record<string, any>> {
|
|
|
2644
2553
|
* explicit getter (e.g. `(row) => row.id`) if rows can be reordered or
|
|
2645
2554
|
* filtered while expand state should persist.
|
|
2646
2555
|
*/
|
|
2647
|
-
getRowKey?: (row: T, index: number) =>
|
|
2556
|
+
getRowKey?: (row: T, index: number) => react__default.Key;
|
|
2648
2557
|
pagination?: PaginationOptions;
|
|
2649
2558
|
expandRow?: ExpandRowOptions<T>;
|
|
2650
2559
|
hasSearch?: boolean;
|
|
2651
|
-
footer?:
|
|
2652
|
-
header?:
|
|
2560
|
+
footer?: react__default.ReactNode;
|
|
2561
|
+
header?: react__default.ReactNode;
|
|
2653
2562
|
/**
|
|
2654
2563
|
* When `true`, the body renders skeleton rows (one per column with the
|
|
2655
2564
|
* shared shimmer animation) instead of data. Use during initial data
|
|
@@ -2663,7 +2572,7 @@ interface TableProps<T extends Record<string, any> = Record<string, any>> {
|
|
|
2663
2572
|
/** Extra classes merged onto the table wrapper root. */
|
|
2664
2573
|
className?: string;
|
|
2665
2574
|
/** Inline style on the table wrapper root. */
|
|
2666
|
-
style?:
|
|
2575
|
+
style?: react__default.CSSProperties;
|
|
2667
2576
|
}
|
|
2668
2577
|
/** ─────────────────── main component ─────────────────── */
|
|
2669
2578
|
/**
|
|
@@ -2734,17 +2643,17 @@ declare function ThemeSwitch({ checked, onChange, label, className }: ThemeSwitc
|
|
|
2734
2643
|
|
|
2735
2644
|
interface TopBarProps {
|
|
2736
2645
|
/** Brand area — logo, wordmark, or app name. Rendered on the leading edge. */
|
|
2737
|
-
brand?:
|
|
2646
|
+
brand?: react__default.ReactNode;
|
|
2738
2647
|
/**
|
|
2739
2648
|
* Centre content — primary navigation links, breadcrumb, or page title.
|
|
2740
2649
|
* On mobile (< md breakpoint) this moves below the brand row.
|
|
2741
2650
|
*/
|
|
2742
|
-
center?:
|
|
2651
|
+
center?: react__default.ReactNode;
|
|
2743
2652
|
/**
|
|
2744
2653
|
* Trailing actions — theme toggle, user avatar, notification bell, etc.
|
|
2745
2654
|
* Rendered on the trailing edge.
|
|
2746
2655
|
*/
|
|
2747
|
-
actions?:
|
|
2656
|
+
actions?: react__default.ReactNode;
|
|
2748
2657
|
/**
|
|
2749
2658
|
* Height in pixels (default 56). Controls the `h-*` style directly so
|
|
2750
2659
|
* child scroll-offset calculations can consume it as a CSS var.
|
|
@@ -2782,7 +2691,7 @@ declare function TopBar({ brand, center, actions, height, className, }: TopBarPr
|
|
|
2782
2691
|
/** ─────────────────── types ─────────────────── */
|
|
2783
2692
|
interface SidebarItem {
|
|
2784
2693
|
key: string;
|
|
2785
|
-
icon:
|
|
2694
|
+
icon: react__default.ReactNode;
|
|
2786
2695
|
label: string;
|
|
2787
2696
|
isActive?: boolean;
|
|
2788
2697
|
onClick?: () => void;
|
|
@@ -2804,7 +2713,7 @@ interface SidebarProps {
|
|
|
2804
2713
|
/** Collapsed sidebar width in px (default 52) */
|
|
2805
2714
|
collapsedWidth?: number;
|
|
2806
2715
|
/** Slot rendered at the bottom of the sidebar (theme switch, user avatar…) */
|
|
2807
|
-
footer?:
|
|
2716
|
+
footer?: react__default.ReactNode;
|
|
2808
2717
|
/** Extra classes merged onto the sidebar root (`<aside>`). */
|
|
2809
2718
|
className?: string;
|
|
2810
2719
|
}
|
|
@@ -2828,7 +2737,7 @@ declare function Sidebar({ sections, isExpanded, onToggle, expandedWidth, collap
|
|
|
2828
2737
|
|
|
2829
2738
|
interface MegaMenuProps {
|
|
2830
2739
|
/** `MegaMenu.Item` children. */
|
|
2831
|
-
children:
|
|
2740
|
+
children: react__default.ReactNode;
|
|
2832
2741
|
/** Where the dropdown panel aligns under the bar. Default `'start'`. */
|
|
2833
2742
|
align?: 'start' | 'center' | 'end';
|
|
2834
2743
|
/** Delay (ms) before a hovered item opens. Default `200`. */
|
|
@@ -2842,10 +2751,10 @@ interface MegaMenuProps {
|
|
|
2842
2751
|
*/
|
|
2843
2752
|
responsive?: boolean;
|
|
2844
2753
|
/** Label for the mobile disclosure toggle. Default `'Menu'`. */
|
|
2845
|
-
mobileLabel?:
|
|
2754
|
+
mobileLabel?: react__default.ReactNode;
|
|
2846
2755
|
/** Extra classes merged onto the menu bar root. */
|
|
2847
2756
|
className?: string;
|
|
2848
|
-
style?:
|
|
2757
|
+
style?: react__default.CSSProperties;
|
|
2849
2758
|
'aria-label'?: string;
|
|
2850
2759
|
}
|
|
2851
2760
|
/**
|
|
@@ -2885,46 +2794,46 @@ declare namespace MegaMenu {
|
|
|
2885
2794
|
}
|
|
2886
2795
|
interface MegaMenuItemProps {
|
|
2887
2796
|
/** Top-level label shown in the bar. */
|
|
2888
|
-
label:
|
|
2797
|
+
label: react__default.ReactNode;
|
|
2889
2798
|
/** Optional leading icon for the top-level item. */
|
|
2890
|
-
icon?:
|
|
2799
|
+
icon?: react__default.ReactNode;
|
|
2891
2800
|
/** When set (and no children), the item is a plain top-level link. */
|
|
2892
2801
|
href?: string;
|
|
2893
2802
|
/** The panel (`MegaMenu.Panel`) revealed on hover/focus. Omit for a link. */
|
|
2894
|
-
children?:
|
|
2803
|
+
children?: react__default.ReactNode;
|
|
2895
2804
|
className?: string;
|
|
2896
2805
|
}
|
|
2897
2806
|
declare function MegaMenuItem({ label, icon, href, children, className }: MegaMenuItemProps): react_jsx_runtime.JSX.Element;
|
|
2898
2807
|
interface MegaMenuPanelProps {
|
|
2899
|
-
children:
|
|
2808
|
+
children: react__default.ReactNode;
|
|
2900
2809
|
/** Cap the panel to roughly this many side-by-side columns before wrapping. Default: single row. */
|
|
2901
2810
|
columns?: 1 | 2 | 3 | 4;
|
|
2902
2811
|
className?: string;
|
|
2903
|
-
style?:
|
|
2812
|
+
style?: react__default.CSSProperties;
|
|
2904
2813
|
}
|
|
2905
2814
|
declare function MegaMenuPanel({ children, columns, className, style }: MegaMenuPanelProps): react_jsx_runtime.JSX.Element;
|
|
2906
2815
|
interface MegaMenuSectionProps {
|
|
2907
2816
|
/** Section heading (uppercase eyebrow). */
|
|
2908
|
-
title?:
|
|
2909
|
-
children:
|
|
2817
|
+
title?: react__default.ReactNode;
|
|
2818
|
+
children: react__default.ReactNode;
|
|
2910
2819
|
className?: string;
|
|
2911
2820
|
}
|
|
2912
2821
|
declare function MegaMenuSection({ title, children, className }: MegaMenuSectionProps): react_jsx_runtime.JSX.Element;
|
|
2913
2822
|
interface MegaMenuLinkProps {
|
|
2914
2823
|
href?: string;
|
|
2915
2824
|
/** Leading icon, shown in a tinted square. */
|
|
2916
|
-
icon?:
|
|
2825
|
+
icon?: react__default.ReactNode;
|
|
2917
2826
|
/** Secondary line under the title. */
|
|
2918
|
-
description?:
|
|
2827
|
+
description?: react__default.ReactNode;
|
|
2919
2828
|
/** Mark as the active route. */
|
|
2920
2829
|
active?: boolean;
|
|
2921
|
-
onClick?:
|
|
2922
|
-
children:
|
|
2830
|
+
onClick?: react__default.MouseEventHandler;
|
|
2831
|
+
children: react__default.ReactNode;
|
|
2923
2832
|
className?: string;
|
|
2924
2833
|
}
|
|
2925
2834
|
declare function MegaMenuLink({ href, icon, description, active, onClick, children, className }: MegaMenuLinkProps): react_jsx_runtime.JSX.Element;
|
|
2926
2835
|
interface MegaMenuFeaturedProps {
|
|
2927
|
-
children:
|
|
2836
|
+
children: react__default.ReactNode;
|
|
2928
2837
|
className?: string;
|
|
2929
2838
|
}
|
|
2930
2839
|
declare function MegaMenuFeatured({ children, className }: MegaMenuFeaturedProps): react_jsx_runtime.JSX.Element;
|
|
@@ -2937,7 +2846,7 @@ interface AppShellProps {
|
|
|
2937
2846
|
* `sidebarSections` is non-empty. The TopBar should leave some leading space
|
|
2938
2847
|
* (or use its `center` / `actions` props) to avoid overlap.
|
|
2939
2848
|
*/
|
|
2940
|
-
topBar?:
|
|
2849
|
+
topBar?: react__default.ReactNode;
|
|
2941
2850
|
/** Sidebar navigation sections */
|
|
2942
2851
|
sidebarSections?: SidebarSection[];
|
|
2943
2852
|
/** Expanded width of the sidebar in px (default 220) */
|
|
@@ -2949,7 +2858,7 @@ interface AppShellProps {
|
|
|
2949
2858
|
/** Slot rendered at the bottom of the sidebar */
|
|
2950
2859
|
sidebarFooter?: SidebarProps['footer'];
|
|
2951
2860
|
/** Main page content */
|
|
2952
|
-
children?:
|
|
2861
|
+
children?: react__default.ReactNode;
|
|
2953
2862
|
/** Root element className */
|
|
2954
2863
|
className?: string;
|
|
2955
2864
|
}
|
|
@@ -2976,7 +2885,7 @@ declare function AppShell({ topBar, sidebarSections, sidebarExpandedWidth, sideb
|
|
|
2976
2885
|
|
|
2977
2886
|
interface SecureLayoutProps {
|
|
2978
2887
|
/** Protected content, rendered only once access is granted. */
|
|
2979
|
-
children:
|
|
2888
|
+
children: react__default.ReactNode;
|
|
2980
2889
|
/**
|
|
2981
2890
|
* Whether the user is authenticated. If omitted and `token` is given,
|
|
2982
2891
|
* authentication is inferred from the token's validity (non-expired).
|
|
@@ -3012,10 +2921,10 @@ interface SecureLayoutProps {
|
|
|
3012
2921
|
*/
|
|
3013
2922
|
canAccess?: (route?: string) => boolean | Promise<boolean>;
|
|
3014
2923
|
/** Shown while the (possibly async) check resolves. Pass `null` to render nothing. */
|
|
3015
|
-
loadingFallback?:
|
|
2924
|
+
loadingFallback?: react__default.ReactNode;
|
|
3016
2925
|
/** Shown when access is denied. Defaults to a simple "Access denied" panel;
|
|
3017
2926
|
* pass `null` to render nothing (e.g. when `onDeny` redirects away). */
|
|
3018
|
-
fallback?:
|
|
2927
|
+
fallback?: react__default.ReactNode;
|
|
3019
2928
|
/** Fired once when access is granted — e.g. to hydrate app state or redirect
|
|
3020
2929
|
* to a landing route after a successful token check. */
|
|
3021
2930
|
onGranted?: () => void;
|
|
@@ -3167,9 +3076,9 @@ interface ThemeProviderProps {
|
|
|
3167
3076
|
* - `'auto'` — do nothing; inherit from an ancestor (default)
|
|
3168
3077
|
*/
|
|
3169
3078
|
colorScheme?: 'light' | 'dark' | 'system' | 'auto';
|
|
3170
|
-
children:
|
|
3079
|
+
children: react__default.ReactNode;
|
|
3171
3080
|
className?: string;
|
|
3172
|
-
style?:
|
|
3081
|
+
style?: react__default.CSSProperties;
|
|
3173
3082
|
}
|
|
3174
3083
|
/**
|
|
3175
3084
|
* Scoped theme provider.
|
|
@@ -3207,7 +3116,7 @@ declare function ThemeProvider({ theme, darkTheme, colorScheme, children, classN
|
|
|
3207
3116
|
interface SkeletonBaseProps {
|
|
3208
3117
|
className?: string;
|
|
3209
3118
|
/** Override inline styles */
|
|
3210
|
-
style?:
|
|
3119
|
+
style?: react__default.CSSProperties;
|
|
3211
3120
|
}
|
|
3212
3121
|
/** ─────────────────── SkeletonBox ─────────────────── */
|
|
3213
3122
|
interface SkeletonBoxProps extends SkeletonBaseProps {
|
|
@@ -3278,11 +3187,11 @@ interface TextInputProps {
|
|
|
3278
3187
|
/** Controlled string value. */
|
|
3279
3188
|
value?: string;
|
|
3280
3189
|
/** Native change handler — read `e.target.value`. */
|
|
3281
|
-
onChange?:
|
|
3190
|
+
onChange?: react__default.ChangeEventHandler<HTMLInputElement>;
|
|
3282
3191
|
/** Disable interaction and dim the field. */
|
|
3283
3192
|
disabled?: boolean;
|
|
3284
3193
|
/** Field label rendered above (vertical) or beside (horizontal) the input. */
|
|
3285
|
-
label?:
|
|
3194
|
+
label?: react__default.ReactNode;
|
|
3286
3195
|
/** `id` for the input + the `<label htmlFor>` link. */
|
|
3287
3196
|
htmlFor?: string;
|
|
3288
3197
|
/** Placeholder shown when the field is empty. */
|
|
@@ -3292,27 +3201,27 @@ interface TextInputProps {
|
|
|
3292
3201
|
/** Native input type. Defaults to `'text'`. */
|
|
3293
3202
|
type?: 'text' | 'email' | 'url' | 'tel';
|
|
3294
3203
|
/** Inline style applied to the `<input>` element. */
|
|
3295
|
-
inputStyle?:
|
|
3204
|
+
inputStyle?: react__default.CSSProperties;
|
|
3296
3205
|
/** Inline style applied to the field shell / adornment wrapper. */
|
|
3297
|
-
style?:
|
|
3206
|
+
style?: react__default.CSSProperties;
|
|
3298
3207
|
/** Label/input orientation. Defaults to `'vertical'`. */
|
|
3299
3208
|
layout?: 'horizontal' | 'vertical';
|
|
3300
3209
|
/** Size preset — controls height, padding, and font. Default `'md'`. */
|
|
3301
3210
|
size?: FieldSize;
|
|
3302
3211
|
/** Native blur handler. */
|
|
3303
|
-
onBlur?:
|
|
3212
|
+
onBlur?: react__default.FocusEventHandler<HTMLInputElement>;
|
|
3304
3213
|
/** Validation message — shown under the input; also flags it red + `aria-invalid`. */
|
|
3305
|
-
errorMessage?:
|
|
3214
|
+
errorMessage?: react__default.ReactNode;
|
|
3306
3215
|
/** Contextual help revealed via an info icon + tooltip beside the label. */
|
|
3307
|
-
helperText?:
|
|
3216
|
+
helperText?: react__default.ReactNode;
|
|
3308
3217
|
/** Extra classes merged onto the field root element. */
|
|
3309
3218
|
className?: string;
|
|
3310
3219
|
/** Mark the field required (renders an asterisk after the label). */
|
|
3311
3220
|
required?: boolean;
|
|
3312
3221
|
/** Optional leading adornment (icon / prefix). */
|
|
3313
|
-
prefix?:
|
|
3222
|
+
prefix?: react__default.ReactNode;
|
|
3314
3223
|
/** Optional trailing adornment (icon / suffix / unit). */
|
|
3315
|
-
suffix?:
|
|
3224
|
+
suffix?: react__default.ReactNode;
|
|
3316
3225
|
/** @deprecated Use `htmlFor`. */
|
|
3317
3226
|
id?: string;
|
|
3318
3227
|
}
|
|
@@ -3353,7 +3262,7 @@ interface NumberInputProps {
|
|
|
3353
3262
|
};
|
|
3354
3263
|
}) => void;
|
|
3355
3264
|
/** Field label, placed above (vertical) or beside (horizontal) the control. */
|
|
3356
|
-
label?:
|
|
3265
|
+
label?: react__default.ReactNode;
|
|
3357
3266
|
/** The control id; the field label links to it for accessibility. */
|
|
3358
3267
|
htmlFor?: string;
|
|
3359
3268
|
/** Native form field name (used for FormData serialisation). */
|
|
@@ -3365,21 +3274,21 @@ interface NumberInputProps {
|
|
|
3365
3274
|
/** Size preset. Default `'md'`. */
|
|
3366
3275
|
size?: FieldSize;
|
|
3367
3276
|
/** Validation message — shown under the control; also flags it red and sets aria-invalid. */
|
|
3368
|
-
errorMessage?:
|
|
3277
|
+
errorMessage?: react__default.ReactNode;
|
|
3369
3278
|
/** Contextual help revealed via an info icon + tooltip beside the label. */
|
|
3370
|
-
helperText?:
|
|
3279
|
+
helperText?: react__default.ReactNode;
|
|
3371
3280
|
/** Extra classes merged onto the field root element. */
|
|
3372
3281
|
className?: string;
|
|
3373
3282
|
/** Show a required asterisk after the label. */
|
|
3374
3283
|
required?: boolean;
|
|
3375
3284
|
/** Inline style applied to the inner input element. */
|
|
3376
|
-
inputStyle?:
|
|
3285
|
+
inputStyle?: react__default.CSSProperties;
|
|
3377
3286
|
/** Inline style applied to the label. */
|
|
3378
|
-
labelStyle?:
|
|
3287
|
+
labelStyle?: react__default.CSSProperties;
|
|
3379
3288
|
/** Placeholder shown when the field is empty. */
|
|
3380
3289
|
placeholder?: string;
|
|
3381
3290
|
/** Inline style applied to the control shell. */
|
|
3382
|
-
style?:
|
|
3291
|
+
style?: react__default.CSSProperties;
|
|
3383
3292
|
/** Minimum allowed value. */
|
|
3384
3293
|
min?: number;
|
|
3385
3294
|
/** Maximum allowed value. */
|
|
@@ -3427,11 +3336,11 @@ interface PasswordProps {
|
|
|
3427
3336
|
/** Controlled value. */
|
|
3428
3337
|
value?: string;
|
|
3429
3338
|
/** Fires when the value changes. */
|
|
3430
|
-
onChange?:
|
|
3339
|
+
onChange?: react__default.ChangeEventHandler<HTMLInputElement>;
|
|
3431
3340
|
/** Disable interaction and dim the control. */
|
|
3432
3341
|
disabled?: boolean;
|
|
3433
3342
|
/** Field label, placed above (vertical) or beside (horizontal) the control. */
|
|
3434
|
-
label?:
|
|
3343
|
+
label?: react__default.ReactNode;
|
|
3435
3344
|
/** The control id; the field label links to it for accessibility. */
|
|
3436
3345
|
htmlFor?: string;
|
|
3437
3346
|
/** Placeholder shown when the field is empty. */
|
|
@@ -3439,27 +3348,27 @@ interface PasswordProps {
|
|
|
3439
3348
|
/** Native form field name (used for FormData serialisation). */
|
|
3440
3349
|
name?: string;
|
|
3441
3350
|
/** Inline style applied to the inner input element. */
|
|
3442
|
-
inputStyle?:
|
|
3351
|
+
inputStyle?: react__default.CSSProperties;
|
|
3443
3352
|
/** Inline style applied to the control shell. */
|
|
3444
|
-
style?:
|
|
3353
|
+
style?: react__default.CSSProperties;
|
|
3445
3354
|
/** Label/input orientation. Defaults to `'vertical'`. */
|
|
3446
3355
|
layout?: 'horizontal' | 'vertical';
|
|
3447
3356
|
/** Size preset — controls height, padding, and font. Default `'md'`. */
|
|
3448
3357
|
size?: FieldSize;
|
|
3449
3358
|
/** Blur handler — useful for touched/validation timing. */
|
|
3450
|
-
onBlur?:
|
|
3359
|
+
onBlur?: react__default.FocusEventHandler<HTMLInputElement>;
|
|
3451
3360
|
/** Validation message — shown under the control; also flags it red and sets aria-invalid. */
|
|
3452
|
-
errorMessage?:
|
|
3361
|
+
errorMessage?: react__default.ReactNode;
|
|
3453
3362
|
/** Contextual help revealed via an info icon + tooltip beside the label. */
|
|
3454
|
-
helperText?:
|
|
3363
|
+
helperText?: react__default.ReactNode;
|
|
3455
3364
|
/** Extra classes merged onto the field root element. */
|
|
3456
3365
|
className?: string;
|
|
3457
3366
|
/** Show a required asterisk after the label. */
|
|
3458
3367
|
required?: boolean;
|
|
3459
3368
|
/** Override the "reveal" (password hidden) icon. */
|
|
3460
|
-
showIcon?:
|
|
3369
|
+
showIcon?: react__default.ReactNode;
|
|
3461
3370
|
/** Override the "hide" (password visible) icon. */
|
|
3462
|
-
hideIcon?:
|
|
3371
|
+
hideIcon?: react__default.ReactNode;
|
|
3463
3372
|
}
|
|
3464
3373
|
/**
|
|
3465
3374
|
* Password input with a show/hide reveal toggle. Full-width by default.
|
|
@@ -3476,11 +3385,11 @@ interface SearchInputProps {
|
|
|
3476
3385
|
/** Controlled value. */
|
|
3477
3386
|
value?: string;
|
|
3478
3387
|
/** Fires when the value changes. */
|
|
3479
|
-
onChange?:
|
|
3388
|
+
onChange?: react__default.ChangeEventHandler<HTMLInputElement>;
|
|
3480
3389
|
/** Disable interaction and dim the control. */
|
|
3481
3390
|
disabled?: boolean;
|
|
3482
3391
|
/** Field label, placed above (vertical) or beside (horizontal) the control. */
|
|
3483
|
-
label?:
|
|
3392
|
+
label?: react__default.ReactNode;
|
|
3484
3393
|
/** The control id; the field label links to it for accessibility. */
|
|
3485
3394
|
htmlFor?: string;
|
|
3486
3395
|
/** Placeholder shown when the field is empty. */
|
|
@@ -3488,17 +3397,17 @@ interface SearchInputProps {
|
|
|
3488
3397
|
/** Native form field name (used for FormData serialisation). */
|
|
3489
3398
|
name?: string;
|
|
3490
3399
|
/** Inline style applied to the inner input element. */
|
|
3491
|
-
inputStyle?:
|
|
3400
|
+
inputStyle?: react__default.CSSProperties;
|
|
3492
3401
|
/** Inline style applied to the control shell. */
|
|
3493
|
-
style?:
|
|
3402
|
+
style?: react__default.CSSProperties;
|
|
3494
3403
|
/** Label/input orientation. Defaults to `'vertical'`. */
|
|
3495
3404
|
layout?: 'horizontal' | 'vertical';
|
|
3496
3405
|
/** Size preset. Default `'md'`. */
|
|
3497
3406
|
size?: FieldSize;
|
|
3498
3407
|
/** Override the leading search icon. */
|
|
3499
|
-
icon?:
|
|
3408
|
+
icon?: react__default.ReactNode;
|
|
3500
3409
|
/** Contextual help revealed via an info icon + tooltip beside the label. */
|
|
3501
|
-
helperText?:
|
|
3410
|
+
helperText?: react__default.ReactNode;
|
|
3502
3411
|
/** Extra classes merged onto the field root element. */
|
|
3503
3412
|
className?: string;
|
|
3504
3413
|
}
|
|
@@ -3512,7 +3421,7 @@ interface SearchInputProps {
|
|
|
3512
3421
|
* <SearchInput value={q} onChange={(e) => setQ(e.target.value)} placeholder="Search vessels…" />
|
|
3513
3422
|
* ```
|
|
3514
3423
|
*/
|
|
3515
|
-
declare const SearchInput:
|
|
3424
|
+
declare const SearchInput: react__default.ForwardRefExoticComponent<SearchInputProps & react__default.RefAttributes<HTMLInputElement>>;
|
|
3516
3425
|
|
|
3517
3426
|
interface CheckboxProps {
|
|
3518
3427
|
/** Controlled checked state. */
|
|
@@ -3526,17 +3435,17 @@ interface CheckboxProps {
|
|
|
3526
3435
|
};
|
|
3527
3436
|
}) => void;
|
|
3528
3437
|
/** Primary label text. */
|
|
3529
|
-
label?:
|
|
3438
|
+
label?: react__default.ReactNode;
|
|
3530
3439
|
/** Secondary line rendered under the label (same affordance as RadioGroup options). */
|
|
3531
|
-
description?:
|
|
3440
|
+
description?: react__default.ReactNode;
|
|
3532
3441
|
/** Native form field name. */
|
|
3533
3442
|
name?: string;
|
|
3534
3443
|
/** `id` for the control and the `<label htmlFor>` link. */
|
|
3535
3444
|
htmlFor?: string;
|
|
3536
3445
|
/** Validation message — shown under the control; also flags the box red + `aria-invalid`. */
|
|
3537
|
-
errorMessage?:
|
|
3446
|
+
errorMessage?: react__default.ReactNode;
|
|
3538
3447
|
/** Contextual help revealed via an info icon + tooltip beside the label. */
|
|
3539
|
-
helperText?:
|
|
3448
|
+
helperText?: react__default.ReactNode;
|
|
3540
3449
|
/** Disable interaction + dim the control. */
|
|
3541
3450
|
disabled?: boolean;
|
|
3542
3451
|
/** Show a required asterisk after the label. */
|
|
@@ -3585,9 +3494,9 @@ interface RadioOption {
|
|
|
3585
3494
|
/** Stable value submitted / reported on change. */
|
|
3586
3495
|
value: string;
|
|
3587
3496
|
/** Main label text. */
|
|
3588
|
-
label:
|
|
3497
|
+
label: react__default.ReactNode;
|
|
3589
3498
|
/** Optional secondary description rendered under the label. */
|
|
3590
|
-
description?:
|
|
3499
|
+
description?: react__default.ReactNode;
|
|
3591
3500
|
/** Disable this option only. */
|
|
3592
3501
|
disabled?: boolean;
|
|
3593
3502
|
}
|
|
@@ -3603,7 +3512,7 @@ interface RadioGroupProps {
|
|
|
3603
3512
|
/** Native form field name (used for FormData serialisation). */
|
|
3604
3513
|
name?: string;
|
|
3605
3514
|
/** Field label, placed above (vertical) or beside (horizontal) the control. */
|
|
3606
|
-
label?:
|
|
3515
|
+
label?: react__default.ReactNode;
|
|
3607
3516
|
/**
|
|
3608
3517
|
* Option arrangement. `'vertical'` (default) stacks options in a column;
|
|
3609
3518
|
* `'horizontal'` lays them in a row. Named `layout` for consistency with
|
|
@@ -3622,11 +3531,11 @@ interface RadioGroupProps {
|
|
|
3622
3531
|
/** Show a required asterisk after the label. */
|
|
3623
3532
|
required?: boolean;
|
|
3624
3533
|
/** Contextual help revealed via an info icon + tooltip beside the label. */
|
|
3625
|
-
helperText?:
|
|
3534
|
+
helperText?: react__default.ReactNode;
|
|
3626
3535
|
/** Extra classes merged onto the field root element. */
|
|
3627
3536
|
className?: string;
|
|
3628
3537
|
/** Validation message — shown under the control; also flags it red and sets aria-invalid. */
|
|
3629
|
-
errorMessage?:
|
|
3538
|
+
errorMessage?: react__default.ReactNode;
|
|
3630
3539
|
}
|
|
3631
3540
|
/**
|
|
3632
3541
|
* Radio group built on `@radix-ui/react-radio-group`. Each option can carry
|
|
@@ -3666,24 +3575,24 @@ interface SwitchInputProps {
|
|
|
3666
3575
|
};
|
|
3667
3576
|
}) => void;
|
|
3668
3577
|
/** Thumb icon shown when on. */
|
|
3669
|
-
checkedIcon?:
|
|
3578
|
+
checkedIcon?: react__default.ReactNode;
|
|
3670
3579
|
/** Thumb icon shown when off. */
|
|
3671
|
-
uncheckedIcon?:
|
|
3580
|
+
uncheckedIcon?: react__default.ReactNode;
|
|
3672
3581
|
/**
|
|
3673
3582
|
* Central field label, positioned per `layout` (above in vertical, beside
|
|
3674
3583
|
* in horizontal) — the same affordance every other input uses.
|
|
3675
3584
|
*/
|
|
3676
|
-
label?:
|
|
3585
|
+
label?: react__default.ReactNode;
|
|
3677
3586
|
/** Label/control orientation. Default `'horizontal'`. */
|
|
3678
3587
|
layout?: 'horizontal' | 'vertical';
|
|
3679
3588
|
/** Contextual help revealed via an info icon + tooltip beside the label. */
|
|
3680
|
-
helperText?:
|
|
3589
|
+
helperText?: react__default.ReactNode;
|
|
3681
3590
|
/** Extra classes merged onto the field root element. */
|
|
3682
3591
|
className?: string;
|
|
3683
3592
|
/** Label rendered to the left of the track, emphasised while off. */
|
|
3684
|
-
offLabel?:
|
|
3593
|
+
offLabel?: react__default.ReactNode;
|
|
3685
3594
|
/** Label rendered to the right of the track, emphasised while on. */
|
|
3686
|
-
onLabel?:
|
|
3595
|
+
onLabel?: react__default.ReactNode;
|
|
3687
3596
|
/** Native form field name (used for FormData serialisation). */
|
|
3688
3597
|
name?: string;
|
|
3689
3598
|
/** Show a required asterisk after the label. */
|
|
@@ -3691,7 +3600,7 @@ interface SwitchInputProps {
|
|
|
3691
3600
|
/** Disable interaction and dim the control. */
|
|
3692
3601
|
disabled?: boolean;
|
|
3693
3602
|
/** Validation message — shown under the control; also flags it red and sets aria-invalid. */
|
|
3694
|
-
errorMessage?:
|
|
3603
|
+
errorMessage?: react__default.ReactNode;
|
|
3695
3604
|
}
|
|
3696
3605
|
/**
|
|
3697
3606
|
* Form switch (on/off toggle) powered by Radix Switch.
|
|
@@ -3714,8 +3623,8 @@ declare function Switch({ checked, defaultChecked, onChange, checkedIcon, unchec
|
|
|
3714
3623
|
|
|
3715
3624
|
interface DropdownItem {
|
|
3716
3625
|
key: string | number;
|
|
3717
|
-
label:
|
|
3718
|
-
icon?:
|
|
3626
|
+
label: react__default.ReactNode;
|
|
3627
|
+
icon?: react__default.ReactNode;
|
|
3719
3628
|
}
|
|
3720
3629
|
/**
|
|
3721
3630
|
* Item key type — DOM-friendly subset of `React.Key` (no bigint, since UI
|
|
@@ -3733,7 +3642,7 @@ interface DropdownProps {
|
|
|
3733
3642
|
/** Show a search box inside the dropdown panel. */
|
|
3734
3643
|
hasSearch?: boolean;
|
|
3735
3644
|
/** Field label, placed above (vertical) or beside (horizontal) the control. */
|
|
3736
|
-
label?:
|
|
3645
|
+
label?: react__default.ReactNode;
|
|
3737
3646
|
/** Native form field name (used for FormData serialisation). */
|
|
3738
3647
|
name?: string;
|
|
3739
3648
|
/** Controlled value. */
|
|
@@ -3747,25 +3656,25 @@ interface DropdownProps {
|
|
|
3747
3656
|
};
|
|
3748
3657
|
}) => void;
|
|
3749
3658
|
/** Blur handler — useful for touched/validation timing. */
|
|
3750
|
-
onBlur?:
|
|
3659
|
+
onBlur?: react__default.FocusEventHandler;
|
|
3751
3660
|
/** Disable interaction and dim the control. */
|
|
3752
3661
|
disabled?: boolean;
|
|
3753
3662
|
/** Label/input orientation. Defaults to `'vertical'`. */
|
|
3754
3663
|
layout?: 'horizontal' | 'vertical';
|
|
3755
3664
|
/** Contextual help revealed via an info icon + tooltip beside the label. */
|
|
3756
|
-
helperText?:
|
|
3665
|
+
helperText?: react__default.ReactNode;
|
|
3757
3666
|
/** Show a required asterisk after the label. */
|
|
3758
3667
|
required?: boolean;
|
|
3759
3668
|
/** Validation message — shown under the control; also flags it red and sets aria-invalid. */
|
|
3760
|
-
errorMessage?:
|
|
3669
|
+
errorMessage?: react__default.ReactNode;
|
|
3761
3670
|
/** Inline style applied to the control shell. */
|
|
3762
|
-
style?:
|
|
3671
|
+
style?: react__default.CSSProperties;
|
|
3763
3672
|
/** The control id; the field label links to it for accessibility. */
|
|
3764
3673
|
htmlFor?: string;
|
|
3765
3674
|
/** The selectable items. */
|
|
3766
3675
|
items?: DropdownItem[];
|
|
3767
3676
|
/** Inline style applied to the label. */
|
|
3768
|
-
labelStyle?:
|
|
3677
|
+
labelStyle?: react__default.CSSProperties;
|
|
3769
3678
|
/** Placeholder shown when the field is empty. */
|
|
3770
3679
|
placeholder?: string;
|
|
3771
3680
|
/** Size preset. Default `'md'`. */
|
|
@@ -3794,21 +3703,21 @@ interface AutoCompleteItem {
|
|
|
3794
3703
|
key: string;
|
|
3795
3704
|
value: string;
|
|
3796
3705
|
label: string;
|
|
3797
|
-
icon?:
|
|
3706
|
+
icon?: react__default.ReactNode;
|
|
3798
3707
|
}
|
|
3799
3708
|
interface AutoCompleteProps {
|
|
3800
3709
|
/** Disable interaction and dim the control. */
|
|
3801
3710
|
disabled?: boolean;
|
|
3802
3711
|
/** Field label, placed above (vertical) or beside (horizontal) the control. */
|
|
3803
|
-
label?:
|
|
3712
|
+
label?: react__default.ReactNode;
|
|
3804
3713
|
/** Placeholder shown when the field is empty. */
|
|
3805
3714
|
placeholder?: string;
|
|
3806
3715
|
/** Native form field name (used for FormData serialisation). */
|
|
3807
3716
|
name?: string;
|
|
3808
3717
|
/** Inline style applied to the inner input element. */
|
|
3809
|
-
inputStyle?:
|
|
3718
|
+
inputStyle?: react__default.CSSProperties;
|
|
3810
3719
|
/** Inline style applied to the control shell. */
|
|
3811
|
-
style?:
|
|
3720
|
+
style?: react__default.CSSProperties;
|
|
3812
3721
|
/** Label/input orientation. Defaults to `'vertical'`. */
|
|
3813
3722
|
layout?: 'horizontal' | 'vertical';
|
|
3814
3723
|
/**
|
|
@@ -3838,11 +3747,11 @@ interface AutoCompleteProps {
|
|
|
3838
3747
|
/** Size preset. Default `'md'`. */
|
|
3839
3748
|
size?: FieldSize;
|
|
3840
3749
|
/** Override the leading search icon (hidden while loading). */
|
|
3841
|
-
icon?:
|
|
3750
|
+
icon?: react__default.ReactNode;
|
|
3842
3751
|
/** Validation message — turns the field red and links via aria-describedby. */
|
|
3843
|
-
errorMessage?:
|
|
3752
|
+
errorMessage?: react__default.ReactNode;
|
|
3844
3753
|
/** Contextual help revealed via an info icon + tooltip beside the label. */
|
|
3845
|
-
helperText?:
|
|
3754
|
+
helperText?: react__default.ReactNode;
|
|
3846
3755
|
/** Extra classes merged onto the field root element. */
|
|
3847
3756
|
className?: string;
|
|
3848
3757
|
/** Mark required (asterisk after the label). */
|
|
@@ -3890,8 +3799,8 @@ declare function AutoComplete({ disabled, label, placeholder, name, inputStyle,
|
|
|
3890
3799
|
|
|
3891
3800
|
interface TreeSelectNode {
|
|
3892
3801
|
key: string | number;
|
|
3893
|
-
label:
|
|
3894
|
-
icon?:
|
|
3802
|
+
label: react__default.ReactNode;
|
|
3803
|
+
icon?: react__default.ReactNode;
|
|
3895
3804
|
/** Nested children. If present, this node is treated as a parent (branch). */
|
|
3896
3805
|
children?: TreeSelectNode[];
|
|
3897
3806
|
/** Render the node disabled — visible but not selectable. */
|
|
@@ -3911,7 +3820,7 @@ interface TreeSelectProps {
|
|
|
3911
3820
|
};
|
|
3912
3821
|
}) => void;
|
|
3913
3822
|
/** Field label, placed above (vertical) or beside (horizontal) the control. */
|
|
3914
|
-
label?:
|
|
3823
|
+
label?: react__default.ReactNode;
|
|
3915
3824
|
/** Placeholder shown when the field is empty. */
|
|
3916
3825
|
placeholder?: string;
|
|
3917
3826
|
/** Form control id linkage. */
|
|
@@ -3921,7 +3830,7 @@ interface TreeSelectProps {
|
|
|
3921
3830
|
/** Label/trigger orientation. Defaults to `'horizontal'`. */
|
|
3922
3831
|
layout?: 'horizontal' | 'vertical';
|
|
3923
3832
|
/** Contextual help revealed via an info icon + tooltip beside the label. */
|
|
3924
|
-
helperText?:
|
|
3833
|
+
helperText?: react__default.ReactNode;
|
|
3925
3834
|
/** Extra classes merged onto the field root element. */
|
|
3926
3835
|
className?: string;
|
|
3927
3836
|
/** Show a required asterisk after the label. */
|
|
@@ -3929,9 +3838,9 @@ interface TreeSelectProps {
|
|
|
3929
3838
|
/** Disable interaction and dim the control. */
|
|
3930
3839
|
disabled?: boolean;
|
|
3931
3840
|
/** Validation message — shown under the control; also flags it red and sets aria-invalid. */
|
|
3932
|
-
errorMessage?:
|
|
3841
|
+
errorMessage?: react__default.ReactNode;
|
|
3933
3842
|
/** Inline style applied to the control shell. */
|
|
3934
|
-
style?:
|
|
3843
|
+
style?: react__default.CSSProperties;
|
|
3935
3844
|
/**
|
|
3936
3845
|
* Whether parent (branch) nodes can be selected. When `false`, parents
|
|
3937
3846
|
* only expand/collapse and only leaves are picked. Default `true`.
|
|
@@ -3998,19 +3907,19 @@ interface FileInputProps {
|
|
|
3998
3907
|
/** The control id; the field label links to it for accessibility. */
|
|
3999
3908
|
htmlFor?: string;
|
|
4000
3909
|
/** Field label, placed above (vertical) or beside (horizontal) the control. */
|
|
4001
|
-
label?:
|
|
3910
|
+
label?: react__default.ReactNode;
|
|
4002
3911
|
/** Accepted MIME types / extensions, e.g. `'.xlsx,application/pdf'`. */
|
|
4003
3912
|
accept?: string;
|
|
4004
3913
|
/** Primary call-to-action copy. Default `'Click to upload or drag and drop'`. */
|
|
4005
|
-
prompt?:
|
|
3914
|
+
prompt?: react__default.ReactNode;
|
|
4006
3915
|
/** Secondary hint under the prompt — typically the accepted types / max size. */
|
|
4007
|
-
hint?:
|
|
3916
|
+
hint?: react__default.ReactNode;
|
|
4008
3917
|
/** Maximum file size in bytes. Files above this are rejected with an error. */
|
|
4009
3918
|
maxSize?: number;
|
|
4010
3919
|
/** Validation message — shown under the control; also flags it red and sets aria-invalid. */
|
|
4011
|
-
errorMessage?:
|
|
3920
|
+
errorMessage?: react__default.ReactNode;
|
|
4012
3921
|
/** Contextual help revealed via an info icon + tooltip beside the label. */
|
|
4013
|
-
helperText?:
|
|
3922
|
+
helperText?: react__default.ReactNode;
|
|
4014
3923
|
/** Extra classes merged onto the field root element. */
|
|
4015
3924
|
className?: string;
|
|
4016
3925
|
/** Disable interaction and dim the control. */
|
|
@@ -4018,7 +3927,7 @@ interface FileInputProps {
|
|
|
4018
3927
|
/** Show a required asterisk after the label. */
|
|
4019
3928
|
required?: boolean;
|
|
4020
3929
|
/** Override the upload glyph in the empty state. */
|
|
4021
|
-
icon?:
|
|
3930
|
+
icon?: react__default.ReactNode;
|
|
4022
3931
|
}
|
|
4023
3932
|
/**
|
|
4024
3933
|
* Drag-and-drop file input with an enterprise dropzone aesthetic: a calm
|
|
@@ -4048,7 +3957,7 @@ interface DatePickerProps {
|
|
|
4048
3957
|
/** Fires with the next date (or `null` if cleared via the clear button). */
|
|
4049
3958
|
onChange?: (date: Date | null) => void;
|
|
4050
3959
|
/** Field label, placed above (vertical) or beside (horizontal) the control. */
|
|
4051
|
-
label?:
|
|
3960
|
+
label?: react__default.ReactNode;
|
|
4052
3961
|
/** Text shown in the trigger when no date is selected. Default `"Select a date…"`. */
|
|
4053
3962
|
placeholder?: string;
|
|
4054
3963
|
/** The control id; the field label links to it for accessibility. */
|
|
@@ -4058,19 +3967,19 @@ interface DatePickerProps {
|
|
|
4058
3967
|
/** Label/trigger orientation. Defaults to `'horizontal'`. */
|
|
4059
3968
|
layout?: 'horizontal' | 'vertical';
|
|
4060
3969
|
/** Contextual help revealed via an info icon + tooltip beside the label. */
|
|
4061
|
-
helperText?:
|
|
3970
|
+
helperText?: react__default.ReactNode;
|
|
4062
3971
|
/** Show a required asterisk after the label. */
|
|
4063
3972
|
required?: boolean;
|
|
4064
3973
|
/** Disable interaction and dim the control. */
|
|
4065
3974
|
disabled?: boolean;
|
|
4066
3975
|
/** Validation message — shown under the control; also flags it red and sets aria-invalid. */
|
|
4067
|
-
errorMessage?:
|
|
3976
|
+
errorMessage?: react__default.ReactNode;
|
|
4068
3977
|
/** Earliest selectable date. Dates before this render disabled. */
|
|
4069
3978
|
min?: Date;
|
|
4070
3979
|
/** Latest selectable date. Dates after this render disabled. */
|
|
4071
3980
|
max?: Date;
|
|
4072
3981
|
/** Inline style applied to the control shell. */
|
|
4073
|
-
style?:
|
|
3982
|
+
style?: react__default.CSSProperties;
|
|
4074
3983
|
/**
|
|
4075
3984
|
* Custom formatter for the trigger display. Defaults to
|
|
4076
3985
|
* `YYYY-MM-DD` via `toISOString().slice(0, 10)`.
|
|
@@ -4127,13 +4036,13 @@ interface TextAreaProps {
|
|
|
4127
4036
|
/** Controlled value. */
|
|
4128
4037
|
value?: string;
|
|
4129
4038
|
/** Fires when the value changes. */
|
|
4130
|
-
onChange?:
|
|
4039
|
+
onChange?: react__default.ChangeEventHandler<HTMLTextAreaElement>;
|
|
4131
4040
|
/** Blur handler — useful for touched/validation timing. */
|
|
4132
|
-
onBlur?:
|
|
4041
|
+
onBlur?: react__default.FocusEventHandler<HTMLTextAreaElement>;
|
|
4133
4042
|
/** Disable interaction and dim the control. */
|
|
4134
4043
|
disabled?: boolean;
|
|
4135
4044
|
/** Field label, placed above (vertical) or beside (horizontal) the control. */
|
|
4136
|
-
label?:
|
|
4045
|
+
label?: react__default.ReactNode;
|
|
4137
4046
|
/** The control id; the field label links to it for accessibility. */
|
|
4138
4047
|
htmlFor?: string;
|
|
4139
4048
|
/** Placeholder shown when the field is empty. */
|
|
@@ -4160,17 +4069,17 @@ interface TextAreaProps {
|
|
|
4160
4069
|
/** CSS `resize` behaviour. Default `'vertical'` (or `'none'` when autoGrow). */
|
|
4161
4070
|
resize?: 'none' | 'vertical' | 'horizontal' | 'both';
|
|
4162
4071
|
/** Validation message — shown under the control; also flags it red and sets aria-invalid. */
|
|
4163
|
-
errorMessage?:
|
|
4072
|
+
errorMessage?: react__default.ReactNode;
|
|
4164
4073
|
/** Contextual help revealed via an info icon + tooltip beside the label. */
|
|
4165
|
-
helperText?:
|
|
4074
|
+
helperText?: react__default.ReactNode;
|
|
4166
4075
|
/** Extra classes merged onto the field root element. */
|
|
4167
4076
|
className?: string;
|
|
4168
4077
|
/** Show a required asterisk after the label. */
|
|
4169
4078
|
required?: boolean;
|
|
4170
4079
|
/** Inline style applied to the control shell. */
|
|
4171
|
-
style?:
|
|
4080
|
+
style?: react__default.CSSProperties;
|
|
4172
4081
|
/** Inline style applied to the inner input element. */
|
|
4173
|
-
inputStyle?:
|
|
4082
|
+
inputStyle?: react__default.CSSProperties;
|
|
4174
4083
|
}
|
|
4175
4084
|
/**
|
|
4176
4085
|
* Multi-line text input on the shared field foundation. Optional auto-grow
|
|
@@ -4192,8 +4101,8 @@ declare function TextArea({ value, onChange, onBlur, disabled, label, htmlFor, p
|
|
|
4192
4101
|
|
|
4193
4102
|
interface SegmentedOption {
|
|
4194
4103
|
value: string;
|
|
4195
|
-
label:
|
|
4196
|
-
icon?:
|
|
4104
|
+
label: react__default.ReactNode;
|
|
4105
|
+
icon?: react__default.ReactNode;
|
|
4197
4106
|
disabled?: boolean;
|
|
4198
4107
|
}
|
|
4199
4108
|
interface SegmentedControlProps {
|
|
@@ -4212,11 +4121,11 @@ interface SegmentedControlProps {
|
|
|
4212
4121
|
/** Disable interaction and dim the control. */
|
|
4213
4122
|
disabled?: boolean;
|
|
4214
4123
|
/** Optional label, positioned per `layout`. */
|
|
4215
|
-
label?:
|
|
4124
|
+
label?: react__default.ReactNode;
|
|
4216
4125
|
/** Label/control orientation. Default `'vertical'`. */
|
|
4217
4126
|
layout?: 'horizontal' | 'vertical';
|
|
4218
4127
|
/** Contextual help revealed via an info icon + tooltip beside the label. */
|
|
4219
|
-
helperText?:
|
|
4128
|
+
helperText?: react__default.ReactNode;
|
|
4220
4129
|
/** Extra classes merged onto the field root element. */
|
|
4221
4130
|
className?: string;
|
|
4222
4131
|
/** Native form field name (emits a hidden input carrying the value). */
|
|
@@ -4224,7 +4133,7 @@ interface SegmentedControlProps {
|
|
|
4224
4133
|
/** Show a required asterisk after the label. */
|
|
4225
4134
|
required?: boolean;
|
|
4226
4135
|
/** Validation message — shown under the control; also flags it red and sets aria-invalid. */
|
|
4227
|
-
errorMessage?:
|
|
4136
|
+
errorMessage?: react__default.ReactNode;
|
|
4228
4137
|
/** Accessible label for the control. */
|
|
4229
4138
|
'aria-label'?: string;
|
|
4230
4139
|
}
|
|
@@ -4264,7 +4173,7 @@ declare function SegmentedControl({ options, value, defaultValue, onChange, size
|
|
|
4264
4173
|
type SliderValue = number | [number, number];
|
|
4265
4174
|
interface SliderMark {
|
|
4266
4175
|
value: number;
|
|
4267
|
-
label?:
|
|
4176
|
+
label?: react__default.ReactNode;
|
|
4268
4177
|
}
|
|
4269
4178
|
interface SliderProps {
|
|
4270
4179
|
/** Controlled value. */
|
|
@@ -4282,7 +4191,7 @@ interface SliderProps {
|
|
|
4282
4191
|
/** Step increment between values. */
|
|
4283
4192
|
step?: number;
|
|
4284
4193
|
/** Field label, placed above (vertical) or beside (horizontal) the control. */
|
|
4285
|
-
label?:
|
|
4194
|
+
label?: react__default.ReactNode;
|
|
4286
4195
|
/** Show the current value(s) next to the label. */
|
|
4287
4196
|
showValue?: boolean;
|
|
4288
4197
|
/** Format the displayed value (tooltip + value readout). */
|
|
@@ -4296,9 +4205,9 @@ interface SliderProps {
|
|
|
4296
4205
|
/** Disable interaction and dim the control. */
|
|
4297
4206
|
disabled?: boolean;
|
|
4298
4207
|
/** Validation message — shown under the control; also flags it red and sets aria-invalid. */
|
|
4299
|
-
errorMessage?:
|
|
4208
|
+
errorMessage?: react__default.ReactNode;
|
|
4300
4209
|
/** Contextual help revealed via an info icon + tooltip beside the label. */
|
|
4301
|
-
helperText?:
|
|
4210
|
+
helperText?: react__default.ReactNode;
|
|
4302
4211
|
/** Extra classes merged onto the field root element. */
|
|
4303
4212
|
className?: string;
|
|
4304
4213
|
/** Show a required asterisk after the label. */
|
|
@@ -4339,7 +4248,7 @@ interface TagsInputProps {
|
|
|
4339
4248
|
/** Fires when the value changes. */
|
|
4340
4249
|
onChange?: (tags: string[]) => void;
|
|
4341
4250
|
/** Field label, placed above (vertical) or beside (horizontal) the control. */
|
|
4342
|
-
label?:
|
|
4251
|
+
label?: react__default.ReactNode;
|
|
4343
4252
|
/** The control id; the field label links to it for accessibility. */
|
|
4344
4253
|
htmlFor?: string;
|
|
4345
4254
|
/** Native form field name (used for FormData serialisation). */
|
|
@@ -4353,9 +4262,9 @@ interface TagsInputProps {
|
|
|
4353
4262
|
/** Disable interaction and dim the control. */
|
|
4354
4263
|
disabled?: boolean;
|
|
4355
4264
|
/** Validation message — shown under the control; also flags it red and sets aria-invalid. */
|
|
4356
|
-
errorMessage?:
|
|
4265
|
+
errorMessage?: react__default.ReactNode;
|
|
4357
4266
|
/** Contextual help revealed via an info icon + tooltip beside the label. */
|
|
4358
|
-
helperText?:
|
|
4267
|
+
helperText?: react__default.ReactNode;
|
|
4359
4268
|
/** Extra classes merged onto the field root element. */
|
|
4360
4269
|
className?: string;
|
|
4361
4270
|
/** Show a required asterisk after the label. */
|
|
@@ -4396,7 +4305,7 @@ interface OtpInputProps {
|
|
|
4396
4305
|
/** Fired when every box is filled. */
|
|
4397
4306
|
onComplete?: (code: string) => void;
|
|
4398
4307
|
/** Field label, placed above (vertical) or beside (horizontal) the control. */
|
|
4399
|
-
label?:
|
|
4308
|
+
label?: react__default.ReactNode;
|
|
4400
4309
|
/** The control id; the field label links to it for accessibility. */
|
|
4401
4310
|
htmlFor?: string;
|
|
4402
4311
|
/** Native form field name (used for FormData serialisation). */
|
|
@@ -4410,13 +4319,13 @@ interface OtpInputProps {
|
|
|
4410
4319
|
/** Disable interaction and dim the control. */
|
|
4411
4320
|
disabled?: boolean;
|
|
4412
4321
|
/** Validation message — shown under the control; also flags it red and sets aria-invalid. */
|
|
4413
|
-
errorMessage?:
|
|
4322
|
+
errorMessage?: react__default.ReactNode;
|
|
4414
4323
|
/** Show a required asterisk after the label. */
|
|
4415
4324
|
required?: boolean;
|
|
4416
4325
|
/** Label/control orientation. Default `'vertical'`. */
|
|
4417
4326
|
layout?: 'horizontal' | 'vertical';
|
|
4418
4327
|
/** Contextual help revealed via an info icon + tooltip beside the label. */
|
|
4419
|
-
helperText?:
|
|
4328
|
+
helperText?: react__default.ReactNode;
|
|
4420
4329
|
/** Extra classes merged onto the field root element. */
|
|
4421
4330
|
className?: string;
|
|
4422
4331
|
/** Render a visual gap after this many boxes (e.g. `3` → `123 456`). */
|
|
@@ -4450,21 +4359,21 @@ interface RatingProps {
|
|
|
4450
4359
|
/** Clicking the current value again clears to 0. Default `true`. */
|
|
4451
4360
|
clearable?: boolean;
|
|
4452
4361
|
/** Field label, placed above (vertical) or beside (horizontal) the control. */
|
|
4453
|
-
label?:
|
|
4362
|
+
label?: react__default.ReactNode;
|
|
4454
4363
|
/** Size preset — controls height, padding, and font. Default 'md'. */
|
|
4455
4364
|
size?: FieldSize;
|
|
4456
4365
|
/** Disable interaction and dim the control. */
|
|
4457
4366
|
disabled?: boolean;
|
|
4458
4367
|
/** Override the icon. Receives a `filled` flag. Default is a star. */
|
|
4459
|
-
icon?: (filled: boolean) =>
|
|
4368
|
+
icon?: (filled: boolean) => react__default.ReactNode;
|
|
4460
4369
|
/** Validation message — shown under the control; also flags it red and sets aria-invalid. */
|
|
4461
|
-
errorMessage?:
|
|
4370
|
+
errorMessage?: react__default.ReactNode;
|
|
4462
4371
|
/** Native form field name (used for FormData serialisation). */
|
|
4463
4372
|
name?: string;
|
|
4464
4373
|
/** Label/control orientation. Default `'vertical'`. */
|
|
4465
4374
|
layout?: 'horizontal' | 'vertical';
|
|
4466
4375
|
/** Contextual help revealed via an info icon + tooltip beside the label. */
|
|
4467
|
-
helperText?:
|
|
4376
|
+
helperText?: react__default.ReactNode;
|
|
4468
4377
|
/** Extra classes merged onto the field root element. */
|
|
4469
4378
|
className?: string;
|
|
4470
4379
|
/** Show a required asterisk after the label. */
|
|
@@ -4493,7 +4402,7 @@ interface TimePickerProps {
|
|
|
4493
4402
|
/** Fires when the value changes. */
|
|
4494
4403
|
onChange?: (value: string | null) => void;
|
|
4495
4404
|
/** Field label, placed above (vertical) or beside (horizontal) the control. */
|
|
4496
|
-
label?:
|
|
4405
|
+
label?: react__default.ReactNode;
|
|
4497
4406
|
/** The control id; the field label links to it for accessibility. */
|
|
4498
4407
|
htmlFor?: string;
|
|
4499
4408
|
/** Native form field name (used for FormData serialisation). */
|
|
@@ -4513,15 +4422,15 @@ interface TimePickerProps {
|
|
|
4513
4422
|
/** Disable interaction and dim the control. */
|
|
4514
4423
|
disabled?: boolean;
|
|
4515
4424
|
/** Validation message — shown under the control; also flags it red and sets aria-invalid. */
|
|
4516
|
-
errorMessage?:
|
|
4425
|
+
errorMessage?: react__default.ReactNode;
|
|
4517
4426
|
/** Contextual help revealed via an info icon + tooltip beside the label. */
|
|
4518
|
-
helperText?:
|
|
4427
|
+
helperText?: react__default.ReactNode;
|
|
4519
4428
|
/** Extra classes merged onto the field root element. */
|
|
4520
4429
|
className?: string;
|
|
4521
4430
|
/** Show a required asterisk after the label. */
|
|
4522
4431
|
required?: boolean;
|
|
4523
4432
|
/** Inline style applied to the control shell. */
|
|
4524
|
-
style?:
|
|
4433
|
+
style?: react__default.CSSProperties;
|
|
4525
4434
|
}
|
|
4526
4435
|
/**
|
|
4527
4436
|
* Time picker with scrollable hour / minute (/ second) columns in a popover.
|
|
@@ -4550,7 +4459,7 @@ interface DateRangePickerProps {
|
|
|
4550
4459
|
/** Fires when the value changes. */
|
|
4551
4460
|
onChange?: (range: DateRange) => void;
|
|
4552
4461
|
/** Field label, placed above (vertical) or beside (horizontal) the control. */
|
|
4553
|
-
label?:
|
|
4462
|
+
label?: react__default.ReactNode;
|
|
4554
4463
|
/** The control id; the field label links to it for accessibility. */
|
|
4555
4464
|
htmlFor?: string;
|
|
4556
4465
|
/** Placeholder shown when the field is empty. */
|
|
@@ -4572,15 +4481,15 @@ interface DateRangePickerProps {
|
|
|
4572
4481
|
/** Disable interaction and dim the control. */
|
|
4573
4482
|
disabled?: boolean;
|
|
4574
4483
|
/** Validation message — shown under the control; also flags it red and sets aria-invalid. */
|
|
4575
|
-
errorMessage?:
|
|
4484
|
+
errorMessage?: react__default.ReactNode;
|
|
4576
4485
|
/** Contextual help revealed via an info icon + tooltip beside the label. */
|
|
4577
|
-
helperText?:
|
|
4486
|
+
helperText?: react__default.ReactNode;
|
|
4578
4487
|
/** Extra classes merged onto the field root element. */
|
|
4579
4488
|
className?: string;
|
|
4580
4489
|
/** Show a required asterisk after the label. */
|
|
4581
4490
|
required?: boolean;
|
|
4582
4491
|
/** Inline style applied to the control shell. */
|
|
4583
|
-
style?:
|
|
4492
|
+
style?: react__default.CSSProperties;
|
|
4584
4493
|
}
|
|
4585
4494
|
/**
|
|
4586
4495
|
* Two-month range date picker. Click a start date, then an end date; the span
|
|
@@ -4607,7 +4516,7 @@ interface ColorPickerProps {
|
|
|
4607
4516
|
/** Fires when the value changes. */
|
|
4608
4517
|
onChange?: (hex: string) => void;
|
|
4609
4518
|
/** Field label, placed above (vertical) or beside (horizontal) the control. */
|
|
4610
|
-
label?:
|
|
4519
|
+
label?: react__default.ReactNode;
|
|
4611
4520
|
/** The control id; the field label links to it for accessibility. */
|
|
4612
4521
|
htmlFor?: string;
|
|
4613
4522
|
/** Native form field name (used for FormData serialisation). */
|
|
@@ -4623,9 +4532,9 @@ interface ColorPickerProps {
|
|
|
4623
4532
|
/** Disable interaction and dim the control. */
|
|
4624
4533
|
disabled?: boolean;
|
|
4625
4534
|
/** Validation message — shown under the control; also flags it red and sets aria-invalid. */
|
|
4626
|
-
errorMessage?:
|
|
4535
|
+
errorMessage?: react__default.ReactNode;
|
|
4627
4536
|
/** Contextual help revealed via an info icon + tooltip beside the label. */
|
|
4628
|
-
helperText?:
|
|
4537
|
+
helperText?: react__default.ReactNode;
|
|
4629
4538
|
/** Extra classes merged onto the field root element. */
|
|
4630
4539
|
className?: string;
|
|
4631
4540
|
/** Show a required asterisk after the label. */
|
|
@@ -4794,7 +4703,7 @@ interface FieldBindings {
|
|
|
4794
4703
|
id: string;
|
|
4795
4704
|
htmlFor: string;
|
|
4796
4705
|
required?: boolean;
|
|
4797
|
-
errorMessage?:
|
|
4706
|
+
errorMessage?: react__default.ReactNode;
|
|
4798
4707
|
onChange: (arg: unknown) => void;
|
|
4799
4708
|
onBlur: () => void;
|
|
4800
4709
|
/** `value` or `checked`, depending on the control kind. */
|
|
@@ -4854,7 +4763,7 @@ interface UseFormReturn {
|
|
|
4854
4763
|
*/
|
|
4855
4764
|
declare function useForm(options?: FormStoreOptions): UseFormReturn;
|
|
4856
4765
|
|
|
4857
|
-
interface FormProps extends Omit<
|
|
4766
|
+
interface FormProps extends Omit<react__default.FormHTMLAttributes<HTMLFormElement>, 'onSubmit' | 'action'> {
|
|
4858
4767
|
/** The instance from `useForm()`. */
|
|
4859
4768
|
form: UseFormReturn;
|
|
4860
4769
|
/**
|
|
@@ -4871,7 +4780,7 @@ interface FormProps extends Omit<React__default.FormHTMLAttributes<HTMLFormEleme
|
|
|
4871
4780
|
* proceeds when valid. Async rules are awaited before a native submit.
|
|
4872
4781
|
*/
|
|
4873
4782
|
action?: string | ((data: FormData) => void | Promise<void>);
|
|
4874
|
-
children:
|
|
4783
|
+
children: react__default.ReactNode;
|
|
4875
4784
|
}
|
|
4876
4785
|
/**
|
|
4877
4786
|
* Form wrapper. Owns submission: on submit it marks the form submitted, runs
|
|
@@ -4909,7 +4818,7 @@ declare function useFormField(name: string, options?: UseFormFieldOptions): Fiel
|
|
|
4909
4818
|
interface FormFieldProps extends UseFormFieldOptions {
|
|
4910
4819
|
name: string;
|
|
4911
4820
|
/** Render-prop receiving the bindings to spread onto a control. */
|
|
4912
|
-
children: (field: FieldBindings) =>
|
|
4821
|
+
children: (field: FieldBindings) => react__default.ReactNode;
|
|
4913
4822
|
}
|
|
4914
4823
|
/**
|
|
4915
4824
|
* Render-prop wrapper around {@link useFormField}. Isolates a field's
|
|
@@ -4958,7 +4867,7 @@ interface UseFieldArrayReturn {
|
|
|
4958
4867
|
declare function useFieldArray(name: string): UseFieldArrayReturn;
|
|
4959
4868
|
|
|
4960
4869
|
/** The store provided by `<Form>` to descendant fields / field-arrays. */
|
|
4961
|
-
declare const FormContext:
|
|
4870
|
+
declare const FormContext: react.Context<FormStore>;
|
|
4962
4871
|
/** Read the enclosing `<Form>`'s store. Throws if used outside a `<Form>`. */
|
|
4963
4872
|
declare function useFormStore(): FormStore;
|
|
4964
4873
|
|
|
@@ -5046,22 +4955,22 @@ type JumbotronLayout = 'centered' | 'split';
|
|
|
5046
4955
|
type JumbotronBackground = 'none' | 'surface' | 'gradient';
|
|
5047
4956
|
interface JumbotronProps {
|
|
5048
4957
|
/** Small label above the title (kicker / category). */
|
|
5049
|
-
eyebrow?:
|
|
4958
|
+
eyebrow?: react__default.ReactNode;
|
|
5050
4959
|
/** The hero headline. */
|
|
5051
|
-
title:
|
|
4960
|
+
title: react__default.ReactNode;
|
|
5052
4961
|
/** Supporting paragraph under the title. */
|
|
5053
|
-
description?:
|
|
4962
|
+
description?: react__default.ReactNode;
|
|
5054
4963
|
/** Call-to-action row — typically one or two `Button`s. */
|
|
5055
|
-
actions?:
|
|
4964
|
+
actions?: react__default.ReactNode;
|
|
5056
4965
|
/** Media (image / screenshot / illustration). Shown beside the copy in
|
|
5057
4966
|
* `split`, below it in `centered`. */
|
|
5058
|
-
media?:
|
|
4967
|
+
media?: react__default.ReactNode;
|
|
5059
4968
|
/** `centered` (default) stacks copy centred; `split` is copy + media side-by-side. */
|
|
5060
4969
|
layout?: JumbotronLayout;
|
|
5061
4970
|
/** Backdrop: none, a raised surface card, or a soft accent gradient glow. */
|
|
5062
4971
|
background?: JumbotronBackground;
|
|
5063
4972
|
className?: string;
|
|
5064
|
-
style?:
|
|
4973
|
+
style?: react__default.CSSProperties;
|
|
5065
4974
|
}
|
|
5066
4975
|
/**
|
|
5067
4976
|
* A landing-page hero ("jumbotron"): an eyebrow, a large headline, a supporting
|
|
@@ -5085,25 +4994,25 @@ interface Feature {
|
|
|
5085
4994
|
/** Stable key. */
|
|
5086
4995
|
key?: string | number;
|
|
5087
4996
|
/** Leading icon (rendered in an accent-tinted tile). */
|
|
5088
|
-
icon?:
|
|
5089
|
-
title:
|
|
5090
|
-
description?:
|
|
4997
|
+
icon?: react__default.ReactNode;
|
|
4998
|
+
title: react__default.ReactNode;
|
|
4999
|
+
description?: react__default.ReactNode;
|
|
5091
5000
|
}
|
|
5092
5001
|
interface FeatureGridProps {
|
|
5093
5002
|
/** The features to render. */
|
|
5094
5003
|
features: Feature[];
|
|
5095
5004
|
/** Section eyebrow / kicker. */
|
|
5096
|
-
eyebrow?:
|
|
5005
|
+
eyebrow?: react__default.ReactNode;
|
|
5097
5006
|
/** Section heading. */
|
|
5098
|
-
title?:
|
|
5007
|
+
title?: react__default.ReactNode;
|
|
5099
5008
|
/** Section sub-heading. */
|
|
5100
|
-
description?:
|
|
5009
|
+
description?: react__default.ReactNode;
|
|
5101
5010
|
/** Columns at the largest breakpoint (collapses responsively). Default `3`. */
|
|
5102
5011
|
columns?: 2 | 3 | 4;
|
|
5103
5012
|
/** Centre the section header. Default `true`. */
|
|
5104
5013
|
centeredHeader?: boolean;
|
|
5105
5014
|
className?: string;
|
|
5106
|
-
style?:
|
|
5015
|
+
style?: react__default.CSSProperties;
|
|
5107
5016
|
}
|
|
5108
5017
|
/**
|
|
5109
5018
|
* A responsive grid of product features — icon, title, blurb — with an optional
|
|
@@ -5121,32 +5030,32 @@ declare function FeatureGrid({ features, eyebrow, title, description, columns, c
|
|
|
5121
5030
|
interface PricingPlan {
|
|
5122
5031
|
key?: string | number;
|
|
5123
5032
|
/** Plan name, e.g. "Pro". */
|
|
5124
|
-
name:
|
|
5033
|
+
name: react__default.ReactNode;
|
|
5125
5034
|
/** Price, e.g. "$49" or "Custom". */
|
|
5126
|
-
price:
|
|
5035
|
+
price: react__default.ReactNode;
|
|
5127
5036
|
/** Billing period suffix, e.g. "/mo". */
|
|
5128
|
-
period?:
|
|
5037
|
+
period?: react__default.ReactNode;
|
|
5129
5038
|
/** Short positioning line. */
|
|
5130
|
-
description?:
|
|
5039
|
+
description?: react__default.ReactNode;
|
|
5131
5040
|
/** Included features (rendered with check marks). */
|
|
5132
|
-
features:
|
|
5041
|
+
features: react__default.ReactNode[];
|
|
5133
5042
|
/** CTA button. */
|
|
5134
5043
|
cta: {
|
|
5135
|
-
label:
|
|
5044
|
+
label: react__default.ReactNode;
|
|
5136
5045
|
onClick?: () => void;
|
|
5137
5046
|
};
|
|
5138
5047
|
/** Emphasise this plan (accent border, lift, badge). */
|
|
5139
5048
|
highlighted?: boolean;
|
|
5140
5049
|
/** Small ribbon label on a highlighted plan, e.g. "Most popular". */
|
|
5141
|
-
badge?:
|
|
5050
|
+
badge?: react__default.ReactNode;
|
|
5142
5051
|
}
|
|
5143
5052
|
interface PricingPlansProps {
|
|
5144
5053
|
plans: PricingPlan[];
|
|
5145
|
-
eyebrow?:
|
|
5146
|
-
title?:
|
|
5147
|
-
description?:
|
|
5054
|
+
eyebrow?: react__default.ReactNode;
|
|
5055
|
+
title?: react__default.ReactNode;
|
|
5056
|
+
description?: react__default.ReactNode;
|
|
5148
5057
|
className?: string;
|
|
5149
|
-
style?:
|
|
5058
|
+
style?: react__default.CSSProperties;
|
|
5150
5059
|
}
|
|
5151
5060
|
/**
|
|
5152
5061
|
* A pricing-tier section: a responsive row of plan cards, each with a price,
|
|
@@ -5165,11 +5074,11 @@ declare function PricingPlans({ plans, eyebrow, title, description, className, s
|
|
|
5165
5074
|
interface Testimonial {
|
|
5166
5075
|
key?: string | number;
|
|
5167
5076
|
/** The quote text. */
|
|
5168
|
-
quote:
|
|
5077
|
+
quote: react__default.ReactNode;
|
|
5169
5078
|
/** Author name. */
|
|
5170
|
-
author:
|
|
5079
|
+
author: react__default.ReactNode;
|
|
5171
5080
|
/** Author role / company. */
|
|
5172
|
-
role?:
|
|
5081
|
+
role?: react__default.ReactNode;
|
|
5173
5082
|
/** Author avatar URL (falls back to initials of `author`). */
|
|
5174
5083
|
avatar?: string;
|
|
5175
5084
|
/** Optional 1–5 star rating. */
|
|
@@ -5177,13 +5086,13 @@ interface Testimonial {
|
|
|
5177
5086
|
}
|
|
5178
5087
|
interface TestimonialsProps {
|
|
5179
5088
|
testimonials: Testimonial[];
|
|
5180
|
-
eyebrow?:
|
|
5181
|
-
title?:
|
|
5182
|
-
description?:
|
|
5089
|
+
eyebrow?: react__default.ReactNode;
|
|
5090
|
+
title?: react__default.ReactNode;
|
|
5091
|
+
description?: react__default.ReactNode;
|
|
5183
5092
|
/** Columns at the largest breakpoint. Default `3`. */
|
|
5184
5093
|
columns?: 1 | 2 | 3;
|
|
5185
5094
|
className?: string;
|
|
5186
|
-
style?:
|
|
5095
|
+
style?: react__default.CSSProperties;
|
|
5187
5096
|
}
|
|
5188
5097
|
/**
|
|
5189
5098
|
* A wall of customer testimonials — quote, star rating, and author with avatar.
|
|
@@ -5199,11 +5108,11 @@ declare function Testimonials({ testimonials, eyebrow, title, description, colum
|
|
|
5199
5108
|
|
|
5200
5109
|
interface Slide {
|
|
5201
5110
|
key?: string | number;
|
|
5202
|
-
eyebrow?:
|
|
5203
|
-
title:
|
|
5204
|
-
description?:
|
|
5111
|
+
eyebrow?: react__default.ReactNode;
|
|
5112
|
+
title: react__default.ReactNode;
|
|
5113
|
+
description?: react__default.ReactNode;
|
|
5205
5114
|
/** CTA row (your Buttons). */
|
|
5206
|
-
actions?:
|
|
5115
|
+
actions?: react__default.ReactNode;
|
|
5207
5116
|
/** Background image URL. Without it the slide uses the surface background. */
|
|
5208
5117
|
image?: string;
|
|
5209
5118
|
/** Text alignment. Default `'center'`. */
|
|
@@ -5221,7 +5130,7 @@ interface SlideShowProps {
|
|
|
5221
5130
|
height?: number | string;
|
|
5222
5131
|
'aria-label'?: string;
|
|
5223
5132
|
className?: string;
|
|
5224
|
-
style?:
|
|
5133
|
+
style?: react__default.CSSProperties;
|
|
5225
5134
|
}
|
|
5226
5135
|
/**
|
|
5227
5136
|
* A full-bleed hero slideshow: each slide carries an eyebrow, title, description
|
|
@@ -5256,7 +5165,7 @@ interface VideoProps {
|
|
|
5256
5165
|
/** Rounded corners + border. Default `true`. */
|
|
5257
5166
|
framed?: boolean;
|
|
5258
5167
|
className?: string;
|
|
5259
|
-
style?:
|
|
5168
|
+
style?: react__default.CSSProperties;
|
|
5260
5169
|
}
|
|
5261
5170
|
/**
|
|
5262
5171
|
* A responsive video frame that keeps its aspect ratio at any width. Renders a
|
|
@@ -5271,9 +5180,9 @@ declare function Video({ src, embedUrl, poster, aspect, title, controls, autoPla
|
|
|
5271
5180
|
|
|
5272
5181
|
interface ParallaxProps {
|
|
5273
5182
|
/** Background image URL, or any node (e.g. an illustration) to park behind the content. */
|
|
5274
|
-
background:
|
|
5183
|
+
background: react__default.ReactNode | string;
|
|
5275
5184
|
/** Foreground content, vertically + horizontally centred. */
|
|
5276
|
-
children?:
|
|
5185
|
+
children?: react__default.ReactNode;
|
|
5277
5186
|
/** Frame height. Default `440`. */
|
|
5278
5187
|
height?: number | string;
|
|
5279
5188
|
/**
|
|
@@ -5284,7 +5193,7 @@ interface ParallaxProps {
|
|
|
5284
5193
|
/** Dim the background with a scrim for text legibility. Default `true`. */
|
|
5285
5194
|
overlay?: boolean;
|
|
5286
5195
|
className?: string;
|
|
5287
|
-
style?:
|
|
5196
|
+
style?: react__default.CSSProperties;
|
|
5288
5197
|
}
|
|
5289
5198
|
/**
|
|
5290
5199
|
* A scroll-driven parallax band: the background drifts slower than the page as
|
|
@@ -5300,31 +5209,31 @@ declare function Parallax({ background, children, height, speed, overlay, classN
|
|
|
5300
5209
|
|
|
5301
5210
|
interface BlogPost {
|
|
5302
5211
|
key?: string | number;
|
|
5303
|
-
title:
|
|
5304
|
-
excerpt?:
|
|
5212
|
+
title: react__default.ReactNode;
|
|
5213
|
+
excerpt?: react__default.ReactNode;
|
|
5305
5214
|
/** Cover image URL (rendered 16/9). */
|
|
5306
5215
|
image?: string;
|
|
5307
5216
|
/** Tag pill shown over / above the card. */
|
|
5308
|
-
tag?:
|
|
5309
|
-
author?:
|
|
5217
|
+
tag?: react__default.ReactNode;
|
|
5218
|
+
author?: react__default.ReactNode;
|
|
5310
5219
|
/** Pre-formatted date string (you control the format / locale). */
|
|
5311
|
-
date?:
|
|
5220
|
+
date?: react__default.ReactNode;
|
|
5312
5221
|
/** Read time, e.g. `'4 min read'`. */
|
|
5313
|
-
readTime?:
|
|
5222
|
+
readTime?: react__default.ReactNode;
|
|
5314
5223
|
/** Link target — renders the card as an anchor. */
|
|
5315
5224
|
href?: string;
|
|
5316
5225
|
onClick?: () => void;
|
|
5317
5226
|
}
|
|
5318
5227
|
interface BlogProps {
|
|
5319
5228
|
posts: BlogPost[];
|
|
5320
|
-
eyebrow?:
|
|
5321
|
-
title?:
|
|
5322
|
-
description?:
|
|
5229
|
+
eyebrow?: react__default.ReactNode;
|
|
5230
|
+
title?: react__default.ReactNode;
|
|
5231
|
+
description?: react__default.ReactNode;
|
|
5323
5232
|
/** Widest-breakpoint column count. Default `3`. */
|
|
5324
5233
|
columns?: 2 | 3;
|
|
5325
5234
|
centeredHeader?: boolean;
|
|
5326
5235
|
className?: string;
|
|
5327
|
-
style?:
|
|
5236
|
+
style?: react__default.CSSProperties;
|
|
5328
5237
|
}
|
|
5329
5238
|
/**
|
|
5330
5239
|
* A grid of article cards — cover image, tag, title, excerpt, and a byline of
|
|
@@ -5345,7 +5254,7 @@ interface SocialLink {
|
|
|
5345
5254
|
/** Accessible label / tooltip. Falls back to the platform name. */
|
|
5346
5255
|
label?: string;
|
|
5347
5256
|
/** Custom icon (overrides the built-in for `platform`). */
|
|
5348
|
-
icon?:
|
|
5257
|
+
icon?: react__default.ReactNode;
|
|
5349
5258
|
}
|
|
5350
5259
|
interface SocialsProps {
|
|
5351
5260
|
links: SocialLink[];
|
|
@@ -5357,7 +5266,7 @@ interface SocialsProps {
|
|
|
5357
5266
|
newTab?: boolean;
|
|
5358
5267
|
'aria-label'?: string;
|
|
5359
5268
|
className?: string;
|
|
5360
|
-
style?:
|
|
5269
|
+
style?: react__default.CSSProperties;
|
|
5361
5270
|
}
|
|
5362
5271
|
/**
|
|
5363
5272
|
* A row of social / contact icon links. Pass `platform` for a built-in brand
|
|
@@ -5376,9 +5285,9 @@ declare function Socials({ links, variant, size, newTab, 'aria-label': ariaLabel
|
|
|
5376
5285
|
type ConsentChoice = 'accepted' | 'declined';
|
|
5377
5286
|
interface CookieConsentProps {
|
|
5378
5287
|
/** Banner body. */
|
|
5379
|
-
message?:
|
|
5288
|
+
message?: react__default.ReactNode;
|
|
5380
5289
|
/** Optional bold heading above the message. */
|
|
5381
|
-
title?:
|
|
5290
|
+
title?: react__default.ReactNode;
|
|
5382
5291
|
acceptLabel?: string;
|
|
5383
5292
|
/** Show a decline action with this label (omit for accept-only). */
|
|
5384
5293
|
declineLabel?: string;
|
|
@@ -5416,24 +5325,24 @@ interface CookieConsentProps {
|
|
|
5416
5325
|
declare function CookieConsent({ message, title, acceptLabel, declineLabel, onAccept, onDecline, learnMoreHref, learnMoreLabel, storageKey, open, position, className, }: CookieConsentProps): react_jsx_runtime.JSX.Element;
|
|
5417
5326
|
|
|
5418
5327
|
interface LeadCaptureProps {
|
|
5419
|
-
title:
|
|
5420
|
-
description?:
|
|
5328
|
+
title: react__default.ReactNode;
|
|
5329
|
+
description?: react__default.ReactNode;
|
|
5421
5330
|
/** Email field placeholder. Default `'you@company.com'`. */
|
|
5422
5331
|
placeholder?: string;
|
|
5423
5332
|
/** Accessible label for the email field. Default `'Email address'`. */
|
|
5424
5333
|
inputLabel?: string;
|
|
5425
|
-
buttonLabel?:
|
|
5334
|
+
buttonLabel?: react__default.ReactNode;
|
|
5426
5335
|
/** Fired with the entered email on submit. */
|
|
5427
5336
|
onSubmit?: (email: string) => void;
|
|
5428
5337
|
/** Small print under the form (e.g. a privacy note). */
|
|
5429
|
-
note?:
|
|
5338
|
+
note?: react__default.ReactNode;
|
|
5430
5339
|
/** Confirmation shown after a successful submit (replaces the form). */
|
|
5431
|
-
successMessage?:
|
|
5340
|
+
successMessage?: react__default.ReactNode;
|
|
5432
5341
|
/** Backdrop treatment. Default `'gradient'`. */
|
|
5433
5342
|
background?: 'surface' | 'gradient';
|
|
5434
5343
|
centered?: boolean;
|
|
5435
5344
|
className?: string;
|
|
5436
|
-
style?:
|
|
5345
|
+
style?: react__default.CSSProperties;
|
|
5437
5346
|
}
|
|
5438
5347
|
/**
|
|
5439
5348
|
* A footer call-to-action band with an inline email-capture form — title,
|
|
@@ -5492,4 +5401,4 @@ declare function expiryError(value: string, now?: Date): string | undefined;
|
|
|
5492
5401
|
/** Validate the CVV against the detected brand's expected length. */
|
|
5493
5402
|
declare function cvvError(value: string, cardNumber: string): string | undefined;
|
|
5494
5403
|
|
|
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, Icon, 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 };
|
|
5404
|
+
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, type CreateIconOptions, 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, Icon, IconButton, type IconButtonProps, type IconComponent, type IconProps, 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, createIcon, cvvError, detectBrand, expiryError, fieldShell, formatCardNumber, formatExpiry, isRequired, luhnValid, onlyDigits, patterns, runFieldRules, useBreakpoint, useCart, useFieldArray, useForm, useFormField, useFormStore, useJwt, useLocalStorage, useMediaQuery, useNotification };
|