@arnilo/liveframe-starter 0.0.0-stage → 0.3.0-rc.1
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/LICENSE +21 -0
- package/README.md +42 -2
- package/dist/catalog.d.ts +4 -0
- package/dist/catalog.js +9 -0
- package/dist/catalog.json +1897 -0
- package/dist/design-system.d.ts +3 -0
- package/dist/design-system.js +276 -0
- package/dist/implementations.d.ts +3 -0
- package/dist/implementations.js +153 -0
- package/dist/index.d.ts +5 -0
- package/dist/index.js +5 -0
- package/dist/styles.d.ts +12 -0
- package/dist/styles.js +50 -0
- package/dist/themes.d.ts +3 -0
- package/dist/themes.js +138 -0
- package/dist/ui.definitions.gen.d.ts +855 -0
- package/dist/ui.definitions.gen.js +1545 -0
- package/dist/ui.gen.d.ts +1018 -0
- package/dist/ui.gen.js +102 -0
- package/package.json +55 -4
|
@@ -0,0 +1,855 @@
|
|
|
1
|
+
export declare const Box: {
|
|
2
|
+
readonly kind: "box";
|
|
3
|
+
readonly props: {
|
|
4
|
+
readonly type: "object";
|
|
5
|
+
readonly properties: {
|
|
6
|
+
readonly semantics: {
|
|
7
|
+
readonly type: "string";
|
|
8
|
+
readonly enum: readonly ["section", "article", "aside", "header", "footer", "nav", "list", "listItem", "terms", "term", "detail", "form", "group", "figure", "status", "alert"];
|
|
9
|
+
readonly maxLength: 8;
|
|
10
|
+
};
|
|
11
|
+
readonly label: {
|
|
12
|
+
readonly type: "string";
|
|
13
|
+
readonly maxLength: 80;
|
|
14
|
+
};
|
|
15
|
+
};
|
|
16
|
+
readonly required: readonly [];
|
|
17
|
+
readonly additionalProperties: false;
|
|
18
|
+
};
|
|
19
|
+
readonly children: "any";
|
|
20
|
+
readonly events: {};
|
|
21
|
+
readonly variants: readonly ["default", "plate", "rule", "callout"];
|
|
22
|
+
readonly slots: readonly ["root", "rail"];
|
|
23
|
+
readonly styleProps: readonly ["padding", "paddingX", "paddingY", "paddingTop", "paddingRight", "paddingBottom", "paddingLeft", "margin", "marginX", "marginY", "marginTop", "marginRight", "marginBottom", "marginLeft", "width", "height", "minWidth", "maxWidth", "grow", "shrink", "basis", "position", "insetTop", "insetBottom", "deferOffscreen", "surface", "fill", "radius"];
|
|
24
|
+
readonly a11y: {
|
|
25
|
+
readonly role: "generic";
|
|
26
|
+
};
|
|
27
|
+
readonly description: "A generic container. Variants add a plate, rule or callout; `semantics` picks the element.";
|
|
28
|
+
readonly defaultVariant: "default";
|
|
29
|
+
};
|
|
30
|
+
export declare const Stack: {
|
|
31
|
+
readonly kind: "stack";
|
|
32
|
+
readonly props: {
|
|
33
|
+
readonly type: "object";
|
|
34
|
+
readonly properties: {
|
|
35
|
+
readonly semantics: {
|
|
36
|
+
readonly type: "string";
|
|
37
|
+
readonly enum: readonly ["section", "article", "aside", "header", "footer", "nav", "list", "listItem", "terms", "term", "detail", "form", "group", "figure", "status", "alert"];
|
|
38
|
+
readonly maxLength: 8;
|
|
39
|
+
};
|
|
40
|
+
readonly label: {
|
|
41
|
+
readonly type: "string";
|
|
42
|
+
readonly maxLength: 80;
|
|
43
|
+
};
|
|
44
|
+
};
|
|
45
|
+
readonly required: readonly [];
|
|
46
|
+
readonly additionalProperties: false;
|
|
47
|
+
};
|
|
48
|
+
readonly children: "any";
|
|
49
|
+
readonly events: {};
|
|
50
|
+
readonly variants: readonly ["default"];
|
|
51
|
+
readonly slots: readonly ["root"];
|
|
52
|
+
readonly styleProps: readonly ["padding", "paddingX", "paddingY", "paddingTop", "paddingRight", "paddingBottom", "paddingLeft", "margin", "marginX", "marginY", "marginTop", "marginRight", "marginBottom", "marginLeft", "width", "height", "minWidth", "maxWidth", "grow", "shrink", "basis", "position", "insetTop", "insetBottom", "gap", "direction", "align", "justify", "wrap"];
|
|
53
|
+
readonly a11y: {
|
|
54
|
+
readonly role: "generic";
|
|
55
|
+
};
|
|
56
|
+
readonly description: "Lays its children out in a column.";
|
|
57
|
+
readonly defaultVariant: "default";
|
|
58
|
+
};
|
|
59
|
+
export declare const Inline: {
|
|
60
|
+
readonly kind: "inline";
|
|
61
|
+
readonly props: {
|
|
62
|
+
readonly type: "object";
|
|
63
|
+
readonly properties: {
|
|
64
|
+
readonly semantics: {
|
|
65
|
+
readonly type: "string";
|
|
66
|
+
readonly enum: readonly ["section", "article", "aside", "header", "footer", "nav", "list", "listItem", "terms", "term", "detail", "form", "group", "figure", "status", "alert"];
|
|
67
|
+
readonly maxLength: 8;
|
|
68
|
+
};
|
|
69
|
+
readonly label: {
|
|
70
|
+
readonly type: "string";
|
|
71
|
+
readonly maxLength: 80;
|
|
72
|
+
};
|
|
73
|
+
};
|
|
74
|
+
readonly required: readonly [];
|
|
75
|
+
readonly additionalProperties: false;
|
|
76
|
+
};
|
|
77
|
+
readonly children: "any";
|
|
78
|
+
readonly events: {};
|
|
79
|
+
readonly variants: readonly ["default"];
|
|
80
|
+
readonly slots: readonly ["root"];
|
|
81
|
+
readonly styleProps: readonly ["padding", "paddingX", "paddingY", "paddingTop", "paddingRight", "paddingBottom", "paddingLeft", "margin", "marginX", "marginY", "marginTop", "marginRight", "marginBottom", "marginLeft", "width", "height", "minWidth", "maxWidth", "grow", "shrink", "basis", "position", "insetTop", "insetBottom", "gap", "direction", "align", "justify", "wrap"];
|
|
82
|
+
readonly a11y: {
|
|
83
|
+
readonly role: "generic";
|
|
84
|
+
};
|
|
85
|
+
readonly description: "Lays its children out in a row.";
|
|
86
|
+
readonly defaultVariant: "default";
|
|
87
|
+
};
|
|
88
|
+
export declare const Grid: {
|
|
89
|
+
readonly kind: "grid";
|
|
90
|
+
readonly props: {
|
|
91
|
+
readonly type: "object";
|
|
92
|
+
readonly properties: {
|
|
93
|
+
readonly semantics: {
|
|
94
|
+
readonly type: "string";
|
|
95
|
+
readonly enum: readonly ["section", "article", "aside", "header", "footer", "nav", "list", "listItem", "terms", "term", "detail", "form", "group", "figure", "status", "alert"];
|
|
96
|
+
readonly maxLength: 8;
|
|
97
|
+
};
|
|
98
|
+
readonly label: {
|
|
99
|
+
readonly type: "string";
|
|
100
|
+
readonly maxLength: 80;
|
|
101
|
+
};
|
|
102
|
+
};
|
|
103
|
+
readonly required: readonly [];
|
|
104
|
+
readonly additionalProperties: false;
|
|
105
|
+
};
|
|
106
|
+
readonly children: "any";
|
|
107
|
+
readonly events: {};
|
|
108
|
+
readonly variants: readonly ["default"];
|
|
109
|
+
readonly slots: readonly ["root"];
|
|
110
|
+
readonly styleProps: readonly ["padding", "paddingX", "paddingY", "paddingTop", "paddingRight", "paddingBottom", "paddingLeft", "margin", "marginX", "marginY", "marginTop", "marginRight", "marginBottom", "marginLeft", "width", "height", "minWidth", "maxWidth", "grow", "shrink", "basis", "position", "insetTop", "insetBottom", "gap", "align", "justify", "columns", "rows", "area"];
|
|
111
|
+
readonly a11y: {
|
|
112
|
+
readonly role: "generic";
|
|
113
|
+
};
|
|
114
|
+
readonly description: "Lays its children out on a grid whose tracks the author sets.";
|
|
115
|
+
readonly defaultVariant: "default";
|
|
116
|
+
};
|
|
117
|
+
export declare const Scroll: {
|
|
118
|
+
readonly kind: "scroll";
|
|
119
|
+
readonly props: {
|
|
120
|
+
readonly type: "object";
|
|
121
|
+
readonly properties: {
|
|
122
|
+
readonly label: {
|
|
123
|
+
readonly type: "string";
|
|
124
|
+
readonly maxLength: 80;
|
|
125
|
+
};
|
|
126
|
+
readonly axis: {
|
|
127
|
+
readonly type: "string";
|
|
128
|
+
readonly enum: readonly ["vertical", "horizontal", "both"];
|
|
129
|
+
readonly maxLength: 10;
|
|
130
|
+
};
|
|
131
|
+
};
|
|
132
|
+
readonly required: readonly ["label"];
|
|
133
|
+
readonly additionalProperties: false;
|
|
134
|
+
};
|
|
135
|
+
readonly children: "any";
|
|
136
|
+
readonly events: {};
|
|
137
|
+
readonly variants: readonly ["default"];
|
|
138
|
+
readonly slots: readonly ["root", "viewport", "scrollbar"];
|
|
139
|
+
readonly styleProps: readonly ["padding", "paddingX", "paddingY", "paddingTop", "paddingRight", "paddingBottom", "paddingLeft", "margin", "marginX", "marginY", "marginTop", "marginRight", "marginBottom", "marginLeft", "width", "height", "minWidth", "maxWidth", "grow", "shrink", "basis", "position", "insetTop", "insetBottom", "minHeight", "maxHeight"];
|
|
140
|
+
readonly a11y: {
|
|
141
|
+
readonly role: "region";
|
|
142
|
+
readonly name: "label";
|
|
143
|
+
};
|
|
144
|
+
readonly description: "A named, keyboard-focusable region that scrolls its children.";
|
|
145
|
+
readonly defaultVariant: "default";
|
|
146
|
+
};
|
|
147
|
+
export declare const Separator: {
|
|
148
|
+
readonly kind: "separator";
|
|
149
|
+
readonly props: {
|
|
150
|
+
readonly type: "object";
|
|
151
|
+
readonly properties: {
|
|
152
|
+
readonly orientation: {
|
|
153
|
+
readonly type: "string";
|
|
154
|
+
readonly enum: readonly ["horizontal", "vertical"];
|
|
155
|
+
readonly maxLength: 10;
|
|
156
|
+
};
|
|
157
|
+
};
|
|
158
|
+
readonly required: readonly [];
|
|
159
|
+
readonly additionalProperties: false;
|
|
160
|
+
};
|
|
161
|
+
readonly children: "none";
|
|
162
|
+
readonly events: {};
|
|
163
|
+
readonly variants: readonly ["default"];
|
|
164
|
+
readonly slots: readonly ["root"];
|
|
165
|
+
readonly styleProps: readonly ["padding", "paddingX", "paddingY", "paddingTop", "paddingRight", "paddingBottom", "paddingLeft", "margin", "marginX", "marginY", "marginTop", "marginRight", "marginBottom", "marginLeft", "width", "height", "minWidth", "maxWidth", "grow", "shrink", "basis", "position", "insetTop", "insetBottom"];
|
|
166
|
+
readonly a11y: {
|
|
167
|
+
readonly role: "separator";
|
|
168
|
+
};
|
|
169
|
+
readonly description: "A thin rule between groups of content.";
|
|
170
|
+
readonly defaultVariant: "default";
|
|
171
|
+
};
|
|
172
|
+
export declare const Text: {
|
|
173
|
+
readonly kind: "text";
|
|
174
|
+
readonly props: {
|
|
175
|
+
readonly type: "object";
|
|
176
|
+
readonly properties: {
|
|
177
|
+
readonly text: {
|
|
178
|
+
readonly type: "string";
|
|
179
|
+
readonly maxLength: 10000;
|
|
180
|
+
};
|
|
181
|
+
};
|
|
182
|
+
readonly required: readonly ["text"];
|
|
183
|
+
readonly additionalProperties: false;
|
|
184
|
+
};
|
|
185
|
+
readonly children: "none";
|
|
186
|
+
readonly events: {};
|
|
187
|
+
readonly variants: readonly ["default"];
|
|
188
|
+
readonly slots: readonly ["root"];
|
|
189
|
+
readonly styleProps: readonly ["padding", "paddingX", "paddingY", "paddingTop", "paddingRight", "paddingBottom", "paddingLeft", "margin", "marginX", "marginY", "marginTop", "marginRight", "marginBottom", "marginLeft", "width", "height", "minWidth", "maxWidth", "grow", "shrink", "basis", "position", "insetTop", "insetBottom", "textStyle", "tone", "textAlign"];
|
|
190
|
+
readonly a11y: {
|
|
191
|
+
readonly role: "generic";
|
|
192
|
+
};
|
|
193
|
+
readonly description: "A run of text. Use `tone` and `textStyle` to emphasise it.";
|
|
194
|
+
readonly defaultVariant: "default";
|
|
195
|
+
};
|
|
196
|
+
export declare const Hint: {
|
|
197
|
+
readonly kind: "hint";
|
|
198
|
+
readonly props: {
|
|
199
|
+
readonly type: "object";
|
|
200
|
+
readonly properties: {
|
|
201
|
+
readonly text: {
|
|
202
|
+
readonly type: "string";
|
|
203
|
+
readonly maxLength: 10000;
|
|
204
|
+
};
|
|
205
|
+
};
|
|
206
|
+
readonly required: readonly ["text"];
|
|
207
|
+
readonly additionalProperties: false;
|
|
208
|
+
};
|
|
209
|
+
readonly children: "none";
|
|
210
|
+
readonly events: {};
|
|
211
|
+
readonly variants: readonly ["default"];
|
|
212
|
+
readonly slots: readonly ["root"];
|
|
213
|
+
readonly styleProps: readonly ["padding", "paddingX", "paddingY", "paddingTop", "paddingRight", "paddingBottom", "paddingLeft", "margin", "marginX", "marginY", "marginTop", "marginRight", "marginBottom", "marginLeft", "width", "height", "minWidth", "maxWidth", "grow", "shrink", "basis", "position", "insetTop", "insetBottom", "textAlign"];
|
|
214
|
+
readonly a11y: {
|
|
215
|
+
readonly role: "generic";
|
|
216
|
+
};
|
|
217
|
+
readonly description: "Secondary text that describes another control; a control's `describedBy` can reference it.";
|
|
218
|
+
readonly defaultVariant: "default";
|
|
219
|
+
};
|
|
220
|
+
export declare const Heading: {
|
|
221
|
+
readonly kind: "heading";
|
|
222
|
+
readonly props: {
|
|
223
|
+
readonly type: "object";
|
|
224
|
+
readonly properties: {
|
|
225
|
+
readonly text: {
|
|
226
|
+
readonly type: "string";
|
|
227
|
+
readonly maxLength: 10000;
|
|
228
|
+
};
|
|
229
|
+
readonly level: {
|
|
230
|
+
readonly type: "integer";
|
|
231
|
+
readonly minimum: 1;
|
|
232
|
+
readonly maximum: 6;
|
|
233
|
+
};
|
|
234
|
+
};
|
|
235
|
+
readonly required: readonly ["text", "level"];
|
|
236
|
+
readonly additionalProperties: false;
|
|
237
|
+
};
|
|
238
|
+
readonly children: "none";
|
|
239
|
+
readonly events: {};
|
|
240
|
+
readonly variants: readonly ["default"];
|
|
241
|
+
readonly slots: readonly ["root"];
|
|
242
|
+
readonly styleProps: readonly ["padding", "paddingX", "paddingY", "paddingTop", "paddingRight", "paddingBottom", "paddingLeft", "margin", "marginX", "marginY", "marginTop", "marginRight", "marginBottom", "marginLeft", "width", "height", "minWidth", "maxWidth", "grow", "shrink", "basis", "position", "insetTop", "insetBottom", "textStyle", "tone", "textAlign"];
|
|
243
|
+
readonly a11y: {
|
|
244
|
+
readonly role: "heading";
|
|
245
|
+
readonly name: "text";
|
|
246
|
+
};
|
|
247
|
+
readonly description: "A section heading, level 1 to 6.";
|
|
248
|
+
readonly defaultVariant: "default";
|
|
249
|
+
};
|
|
250
|
+
export declare const Icon: {
|
|
251
|
+
readonly kind: "icon";
|
|
252
|
+
readonly props: {
|
|
253
|
+
readonly type: "object";
|
|
254
|
+
readonly properties: {
|
|
255
|
+
readonly name: {
|
|
256
|
+
readonly type: "string";
|
|
257
|
+
readonly maxLength: 128;
|
|
258
|
+
readonly pattern: "^[a-zA-Z0-9][a-zA-Z0-9._-]*$";
|
|
259
|
+
};
|
|
260
|
+
readonly label: {
|
|
261
|
+
readonly type: "string";
|
|
262
|
+
readonly maxLength: 80;
|
|
263
|
+
};
|
|
264
|
+
};
|
|
265
|
+
readonly required: readonly ["name"];
|
|
266
|
+
readonly additionalProperties: false;
|
|
267
|
+
};
|
|
268
|
+
readonly children: "none";
|
|
269
|
+
readonly events: {};
|
|
270
|
+
readonly variants: readonly ["default"];
|
|
271
|
+
readonly slots: readonly ["root"];
|
|
272
|
+
readonly styleProps: readonly ["padding", "paddingX", "paddingY", "paddingTop", "paddingRight", "paddingBottom", "paddingLeft", "margin", "marginX", "marginY", "marginTop", "marginRight", "marginBottom", "marginLeft", "width", "height", "minWidth", "maxWidth", "grow", "shrink", "basis", "position", "insetTop", "insetBottom", "tone"];
|
|
273
|
+
readonly a11y: {
|
|
274
|
+
readonly role: "img";
|
|
275
|
+
readonly name: "label";
|
|
276
|
+
};
|
|
277
|
+
readonly description: "A small glyph from the app's icon set.";
|
|
278
|
+
readonly defaultVariant: "default";
|
|
279
|
+
};
|
|
280
|
+
export declare const Image: {
|
|
281
|
+
readonly kind: "image";
|
|
282
|
+
readonly props: {
|
|
283
|
+
readonly type: "object";
|
|
284
|
+
readonly properties: {
|
|
285
|
+
readonly src: {
|
|
286
|
+
readonly type: "string";
|
|
287
|
+
readonly maxLength: 2048;
|
|
288
|
+
readonly url: {
|
|
289
|
+
readonly schemes: readonly ["https"];
|
|
290
|
+
readonly relative: true;
|
|
291
|
+
};
|
|
292
|
+
};
|
|
293
|
+
readonly alt: {
|
|
294
|
+
readonly type: "string";
|
|
295
|
+
readonly maxLength: 10000;
|
|
296
|
+
};
|
|
297
|
+
};
|
|
298
|
+
readonly required: readonly ["src", "alt"];
|
|
299
|
+
readonly additionalProperties: false;
|
|
300
|
+
};
|
|
301
|
+
readonly children: "none";
|
|
302
|
+
readonly events: {};
|
|
303
|
+
readonly variants: readonly ["default"];
|
|
304
|
+
readonly slots: readonly ["root"];
|
|
305
|
+
readonly styleProps: readonly ["padding", "paddingX", "paddingY", "paddingTop", "paddingRight", "paddingBottom", "paddingLeft", "margin", "marginX", "marginY", "marginTop", "marginRight", "marginBottom", "marginLeft", "width", "height", "minWidth", "maxWidth", "grow", "shrink", "basis", "position", "insetTop", "insetBottom"];
|
|
306
|
+
readonly a11y: {
|
|
307
|
+
readonly role: "img";
|
|
308
|
+
readonly name: "alt";
|
|
309
|
+
};
|
|
310
|
+
readonly description: "An image from a `https` or relative URL.";
|
|
311
|
+
readonly defaultVariant: "default";
|
|
312
|
+
};
|
|
313
|
+
export declare const Link: {
|
|
314
|
+
readonly kind: "link";
|
|
315
|
+
readonly props: {
|
|
316
|
+
readonly type: "object";
|
|
317
|
+
readonly properties: {
|
|
318
|
+
readonly label: {
|
|
319
|
+
readonly type: "string";
|
|
320
|
+
readonly maxLength: 80;
|
|
321
|
+
};
|
|
322
|
+
readonly href: {
|
|
323
|
+
readonly type: "string";
|
|
324
|
+
readonly maxLength: 2048;
|
|
325
|
+
readonly url: {
|
|
326
|
+
readonly schemes: readonly ["https"];
|
|
327
|
+
readonly relative: true;
|
|
328
|
+
};
|
|
329
|
+
};
|
|
330
|
+
};
|
|
331
|
+
readonly required: readonly ["label", "href"];
|
|
332
|
+
readonly additionalProperties: false;
|
|
333
|
+
};
|
|
334
|
+
readonly children: "none";
|
|
335
|
+
readonly events: {};
|
|
336
|
+
readonly variants: readonly ["default"];
|
|
337
|
+
readonly slots: readonly ["root", "label"];
|
|
338
|
+
readonly styleProps: readonly ["padding", "paddingX", "paddingY", "paddingTop", "paddingRight", "paddingBottom", "paddingLeft", "margin", "marginX", "marginY", "marginTop", "marginRight", "marginBottom", "marginLeft", "width", "height", "minWidth", "maxWidth", "grow", "shrink", "basis", "position", "insetTop", "insetBottom"];
|
|
339
|
+
readonly a11y: {
|
|
340
|
+
readonly role: "link";
|
|
341
|
+
readonly name: "label";
|
|
342
|
+
};
|
|
343
|
+
readonly description: "A link to a `https` or relative URL.";
|
|
344
|
+
readonly defaultVariant: "default";
|
|
345
|
+
};
|
|
346
|
+
export declare const Button: {
|
|
347
|
+
readonly kind: "button";
|
|
348
|
+
readonly props: {
|
|
349
|
+
readonly type: "object";
|
|
350
|
+
readonly properties: {
|
|
351
|
+
readonly label: {
|
|
352
|
+
readonly type: "string";
|
|
353
|
+
readonly maxLength: 80;
|
|
354
|
+
};
|
|
355
|
+
readonly icon: {
|
|
356
|
+
readonly type: "string";
|
|
357
|
+
readonly maxLength: 128;
|
|
358
|
+
readonly pattern: "^[a-zA-Z0-9][a-zA-Z0-9._-]*$";
|
|
359
|
+
};
|
|
360
|
+
readonly disabled: {
|
|
361
|
+
readonly type: "boolean";
|
|
362
|
+
};
|
|
363
|
+
readonly current: {
|
|
364
|
+
readonly type: "boolean";
|
|
365
|
+
};
|
|
366
|
+
readonly pressed: {
|
|
367
|
+
readonly type: "boolean";
|
|
368
|
+
};
|
|
369
|
+
readonly tone: {
|
|
370
|
+
readonly type: "string";
|
|
371
|
+
readonly enum: readonly ["neutral", "critical"];
|
|
372
|
+
readonly maxLength: 8;
|
|
373
|
+
};
|
|
374
|
+
};
|
|
375
|
+
readonly required: readonly ["label"];
|
|
376
|
+
readonly additionalProperties: false;
|
|
377
|
+
};
|
|
378
|
+
readonly children: "none";
|
|
379
|
+
readonly events: {
|
|
380
|
+
readonly onPress: {
|
|
381
|
+
readonly carries: "none";
|
|
382
|
+
readonly description: "Pressed by pointer, Enter or Space.";
|
|
383
|
+
};
|
|
384
|
+
};
|
|
385
|
+
readonly variants: readonly ["default", "primary", "ghost"];
|
|
386
|
+
readonly slots: readonly ["root", "label", "icon"];
|
|
387
|
+
readonly styleProps: readonly ["width", "grow", "align"];
|
|
388
|
+
readonly a11y: {
|
|
389
|
+
readonly role: "button";
|
|
390
|
+
readonly name: "label";
|
|
391
|
+
};
|
|
392
|
+
readonly description: "Runs one intent when pressed. `tone` marks a critical action.";
|
|
393
|
+
readonly defaultVariant: "default";
|
|
394
|
+
readonly axes: {
|
|
395
|
+
readonly tone: {
|
|
396
|
+
readonly default: "neutral";
|
|
397
|
+
};
|
|
398
|
+
};
|
|
399
|
+
};
|
|
400
|
+
export declare const TextField: {
|
|
401
|
+
readonly kind: "textField";
|
|
402
|
+
readonly props: {
|
|
403
|
+
readonly type: "object";
|
|
404
|
+
readonly properties: {
|
|
405
|
+
readonly label: {
|
|
406
|
+
readonly type: "string";
|
|
407
|
+
readonly maxLength: 80;
|
|
408
|
+
};
|
|
409
|
+
readonly value: {
|
|
410
|
+
readonly type: "string";
|
|
411
|
+
readonly maxLength: 10000;
|
|
412
|
+
};
|
|
413
|
+
readonly placeholder: {
|
|
414
|
+
readonly type: "string";
|
|
415
|
+
readonly maxLength: 10000;
|
|
416
|
+
};
|
|
417
|
+
readonly multiline: {
|
|
418
|
+
readonly type: "boolean";
|
|
419
|
+
};
|
|
420
|
+
readonly disabled: {
|
|
421
|
+
readonly type: "boolean";
|
|
422
|
+
};
|
|
423
|
+
readonly readOnly: {
|
|
424
|
+
readonly type: "boolean";
|
|
425
|
+
};
|
|
426
|
+
readonly maxLength: {
|
|
427
|
+
readonly type: "integer";
|
|
428
|
+
readonly minimum: 1;
|
|
429
|
+
readonly maximum: 10000;
|
|
430
|
+
};
|
|
431
|
+
readonly describedBy: {
|
|
432
|
+
readonly type: "string";
|
|
433
|
+
readonly maxLength: 1024;
|
|
434
|
+
};
|
|
435
|
+
};
|
|
436
|
+
readonly required: readonly ["label"];
|
|
437
|
+
readonly additionalProperties: false;
|
|
438
|
+
};
|
|
439
|
+
readonly children: "none";
|
|
440
|
+
readonly events: {
|
|
441
|
+
readonly onChange: {
|
|
442
|
+
readonly carries: "string";
|
|
443
|
+
readonly description: "The value changed.";
|
|
444
|
+
};
|
|
445
|
+
readonly onCommit: {
|
|
446
|
+
readonly carries: "string";
|
|
447
|
+
readonly description: "The user confirmed the text with Enter.";
|
|
448
|
+
};
|
|
449
|
+
};
|
|
450
|
+
readonly variants: readonly ["default"];
|
|
451
|
+
readonly slots: readonly ["root", "label", "input"];
|
|
452
|
+
readonly styleProps: readonly ["padding", "paddingX", "paddingY", "paddingTop", "paddingRight", "paddingBottom", "paddingLeft", "margin", "marginX", "marginY", "marginTop", "marginRight", "marginBottom", "marginLeft", "width", "height", "minWidth", "maxWidth", "grow", "shrink", "basis", "position", "insetTop", "insetBottom"];
|
|
453
|
+
readonly a11y: {
|
|
454
|
+
readonly role: "textbox";
|
|
455
|
+
readonly name: "label";
|
|
456
|
+
};
|
|
457
|
+
readonly refProps: readonly ["describedBy"];
|
|
458
|
+
readonly description: "A single- or multi-line text input. `onChange` carries the text; `onCommit` fires on Enter.";
|
|
459
|
+
readonly defaultVariant: "default";
|
|
460
|
+
};
|
|
461
|
+
export declare const Select: {
|
|
462
|
+
readonly kind: "select";
|
|
463
|
+
readonly props: {
|
|
464
|
+
readonly type: "object";
|
|
465
|
+
readonly properties: {
|
|
466
|
+
readonly label: {
|
|
467
|
+
readonly type: "string";
|
|
468
|
+
readonly maxLength: 80;
|
|
469
|
+
};
|
|
470
|
+
readonly value: {
|
|
471
|
+
readonly type: "string";
|
|
472
|
+
readonly maxLength: 128;
|
|
473
|
+
readonly pattern: "^[a-zA-Z0-9][a-zA-Z0-9._-]*$";
|
|
474
|
+
};
|
|
475
|
+
readonly disabled: {
|
|
476
|
+
readonly type: "boolean";
|
|
477
|
+
};
|
|
478
|
+
readonly options: {
|
|
479
|
+
readonly type: "array";
|
|
480
|
+
readonly maxItems: 100;
|
|
481
|
+
readonly items: {
|
|
482
|
+
readonly type: "object";
|
|
483
|
+
readonly properties: {
|
|
484
|
+
readonly value: {
|
|
485
|
+
readonly type: "string";
|
|
486
|
+
readonly maxLength: 128;
|
|
487
|
+
readonly pattern: "^[a-zA-Z0-9][a-zA-Z0-9._-]*$";
|
|
488
|
+
};
|
|
489
|
+
readonly label: {
|
|
490
|
+
readonly type: "string";
|
|
491
|
+
readonly maxLength: 80;
|
|
492
|
+
};
|
|
493
|
+
readonly disabled: {
|
|
494
|
+
readonly type: "boolean";
|
|
495
|
+
};
|
|
496
|
+
};
|
|
497
|
+
readonly required: readonly ["value", "label"];
|
|
498
|
+
readonly additionalProperties: false;
|
|
499
|
+
};
|
|
500
|
+
};
|
|
501
|
+
};
|
|
502
|
+
readonly required: readonly ["label", "options"];
|
|
503
|
+
readonly additionalProperties: false;
|
|
504
|
+
};
|
|
505
|
+
readonly children: "none";
|
|
506
|
+
readonly events: {
|
|
507
|
+
readonly onChange: {
|
|
508
|
+
readonly carries: "string";
|
|
509
|
+
readonly description: "The value changed.";
|
|
510
|
+
};
|
|
511
|
+
};
|
|
512
|
+
readonly variants: readonly ["default"];
|
|
513
|
+
readonly slots: readonly ["root", "label", "trigger", "list", "option"];
|
|
514
|
+
readonly styleProps: readonly ["padding", "paddingX", "paddingY", "paddingTop", "paddingRight", "paddingBottom", "paddingLeft", "margin", "marginX", "marginY", "marginTop", "marginRight", "marginBottom", "marginLeft", "width", "height", "minWidth", "maxWidth", "grow", "shrink", "basis", "position", "insetTop", "insetBottom"];
|
|
515
|
+
readonly a11y: {
|
|
516
|
+
readonly role: "combobox";
|
|
517
|
+
readonly name: "label";
|
|
518
|
+
};
|
|
519
|
+
readonly description: "Chooses one value from a list of options.";
|
|
520
|
+
readonly defaultVariant: "default";
|
|
521
|
+
};
|
|
522
|
+
export declare const Checkbox: {
|
|
523
|
+
readonly kind: "checkbox";
|
|
524
|
+
readonly props: {
|
|
525
|
+
readonly type: "object";
|
|
526
|
+
readonly properties: {
|
|
527
|
+
readonly label: {
|
|
528
|
+
readonly type: "string";
|
|
529
|
+
readonly maxLength: 80;
|
|
530
|
+
};
|
|
531
|
+
readonly checked: {
|
|
532
|
+
readonly type: "boolean";
|
|
533
|
+
};
|
|
534
|
+
readonly disabled: {
|
|
535
|
+
readonly type: "boolean";
|
|
536
|
+
};
|
|
537
|
+
};
|
|
538
|
+
readonly required: readonly ["label"];
|
|
539
|
+
readonly additionalProperties: false;
|
|
540
|
+
};
|
|
541
|
+
readonly children: "none";
|
|
542
|
+
readonly events: {
|
|
543
|
+
readonly onChange: {
|
|
544
|
+
readonly carries: "boolean";
|
|
545
|
+
readonly description: "The value changed.";
|
|
546
|
+
};
|
|
547
|
+
};
|
|
548
|
+
readonly variants: readonly ["default"];
|
|
549
|
+
readonly slots: readonly ["root", "label", "indicator"];
|
|
550
|
+
readonly styleProps: readonly ["padding", "paddingX", "paddingY", "paddingTop", "paddingRight", "paddingBottom", "paddingLeft", "margin", "marginX", "marginY", "marginTop", "marginRight", "marginBottom", "marginLeft", "width", "height", "minWidth", "maxWidth", "grow", "shrink", "basis", "position", "insetTop", "insetBottom"];
|
|
551
|
+
readonly a11y: {
|
|
552
|
+
readonly role: "checkbox";
|
|
553
|
+
readonly name: "label";
|
|
554
|
+
};
|
|
555
|
+
readonly description: "A box that is checked or not.";
|
|
556
|
+
readonly defaultVariant: "default";
|
|
557
|
+
};
|
|
558
|
+
export declare const Switch: {
|
|
559
|
+
readonly kind: "switch";
|
|
560
|
+
readonly props: {
|
|
561
|
+
readonly type: "object";
|
|
562
|
+
readonly properties: {
|
|
563
|
+
readonly label: {
|
|
564
|
+
readonly type: "string";
|
|
565
|
+
readonly maxLength: 80;
|
|
566
|
+
};
|
|
567
|
+
readonly checked: {
|
|
568
|
+
readonly type: "boolean";
|
|
569
|
+
};
|
|
570
|
+
readonly disabled: {
|
|
571
|
+
readonly type: "boolean";
|
|
572
|
+
};
|
|
573
|
+
};
|
|
574
|
+
readonly required: readonly ["label"];
|
|
575
|
+
readonly additionalProperties: false;
|
|
576
|
+
};
|
|
577
|
+
readonly children: "none";
|
|
578
|
+
readonly events: {
|
|
579
|
+
readonly onChange: {
|
|
580
|
+
readonly carries: "boolean";
|
|
581
|
+
readonly description: "The value changed.";
|
|
582
|
+
};
|
|
583
|
+
};
|
|
584
|
+
readonly variants: readonly ["default"];
|
|
585
|
+
readonly slots: readonly ["root", "label", "track", "thumb"];
|
|
586
|
+
readonly styleProps: readonly ["padding", "paddingX", "paddingY", "paddingTop", "paddingRight", "paddingBottom", "paddingLeft", "margin", "marginX", "marginY", "marginTop", "marginRight", "marginBottom", "marginLeft", "width", "height", "minWidth", "maxWidth", "grow", "shrink", "basis", "position", "insetTop", "insetBottom"];
|
|
587
|
+
readonly a11y: {
|
|
588
|
+
readonly role: "switch";
|
|
589
|
+
readonly name: "label";
|
|
590
|
+
};
|
|
591
|
+
readonly description: "A two-state toggle that takes effect at once.";
|
|
592
|
+
readonly defaultVariant: "default";
|
|
593
|
+
};
|
|
594
|
+
export declare const Menu: {
|
|
595
|
+
readonly kind: "menu";
|
|
596
|
+
readonly props: {
|
|
597
|
+
readonly type: "object";
|
|
598
|
+
readonly properties: {
|
|
599
|
+
readonly label: {
|
|
600
|
+
readonly type: "string";
|
|
601
|
+
readonly maxLength: 80;
|
|
602
|
+
};
|
|
603
|
+
readonly disabled: {
|
|
604
|
+
readonly type: "boolean";
|
|
605
|
+
};
|
|
606
|
+
};
|
|
607
|
+
readonly required: readonly ["label"];
|
|
608
|
+
readonly additionalProperties: false;
|
|
609
|
+
};
|
|
610
|
+
readonly children: readonly [{
|
|
611
|
+
readonly kind: "menuItem";
|
|
612
|
+
readonly min: 1;
|
|
613
|
+
readonly max: 100;
|
|
614
|
+
}];
|
|
615
|
+
readonly events: {};
|
|
616
|
+
readonly variants: readonly ["default"];
|
|
617
|
+
readonly slots: readonly ["root", "trigger", "content"];
|
|
618
|
+
readonly styleProps: readonly ["padding", "paddingX", "paddingY", "paddingTop", "paddingRight", "paddingBottom", "paddingLeft", "margin", "marginX", "marginY", "marginTop", "marginRight", "marginBottom", "marginLeft", "width", "height", "minWidth", "maxWidth", "grow", "shrink", "basis", "position", "insetTop", "insetBottom"];
|
|
619
|
+
readonly a11y: {
|
|
620
|
+
readonly role: "menu";
|
|
621
|
+
readonly name: "label";
|
|
622
|
+
};
|
|
623
|
+
readonly description: "A button that opens a list of menu items.";
|
|
624
|
+
readonly defaultVariant: "default";
|
|
625
|
+
};
|
|
626
|
+
export declare const MenuItem: {
|
|
627
|
+
readonly kind: "menuItem";
|
|
628
|
+
readonly props: {
|
|
629
|
+
readonly type: "object";
|
|
630
|
+
readonly properties: {
|
|
631
|
+
readonly label: {
|
|
632
|
+
readonly type: "string";
|
|
633
|
+
readonly maxLength: 80;
|
|
634
|
+
};
|
|
635
|
+
readonly icon: {
|
|
636
|
+
readonly type: "string";
|
|
637
|
+
readonly maxLength: 128;
|
|
638
|
+
readonly pattern: "^[a-zA-Z0-9][a-zA-Z0-9._-]*$";
|
|
639
|
+
};
|
|
640
|
+
readonly disabled: {
|
|
641
|
+
readonly type: "boolean";
|
|
642
|
+
};
|
|
643
|
+
};
|
|
644
|
+
readonly required: readonly ["label"];
|
|
645
|
+
readonly additionalProperties: false;
|
|
646
|
+
};
|
|
647
|
+
readonly children: "none";
|
|
648
|
+
readonly events: {
|
|
649
|
+
readonly onPress: {
|
|
650
|
+
readonly carries: "none";
|
|
651
|
+
readonly description: "Pressed by pointer, Enter or Space.";
|
|
652
|
+
};
|
|
653
|
+
};
|
|
654
|
+
readonly variants: readonly ["default"];
|
|
655
|
+
readonly slots: readonly ["root", "label", "icon"];
|
|
656
|
+
readonly styleProps: readonly ["padding", "paddingX", "paddingY", "paddingTop", "paddingRight", "paddingBottom", "paddingLeft", "margin", "marginX", "marginY", "marginTop", "marginRight", "marginBottom", "marginLeft", "width", "height", "minWidth", "maxWidth", "grow", "shrink", "basis", "position", "insetTop", "insetBottom"];
|
|
657
|
+
readonly a11y: {
|
|
658
|
+
readonly role: "menuitem";
|
|
659
|
+
readonly name: "label";
|
|
660
|
+
};
|
|
661
|
+
readonly description: "One action in a menu.";
|
|
662
|
+
readonly defaultVariant: "default";
|
|
663
|
+
};
|
|
664
|
+
export declare const Popover: {
|
|
665
|
+
readonly kind: "popover";
|
|
666
|
+
readonly props: {
|
|
667
|
+
readonly type: "object";
|
|
668
|
+
readonly properties: {
|
|
669
|
+
readonly label: {
|
|
670
|
+
readonly type: "string";
|
|
671
|
+
readonly maxLength: 80;
|
|
672
|
+
};
|
|
673
|
+
};
|
|
674
|
+
readonly required: readonly ["label"];
|
|
675
|
+
readonly additionalProperties: false;
|
|
676
|
+
};
|
|
677
|
+
readonly children: "any";
|
|
678
|
+
readonly events: {};
|
|
679
|
+
readonly variants: readonly ["default"];
|
|
680
|
+
readonly slots: readonly ["root", "trigger", "content"];
|
|
681
|
+
readonly styleProps: readonly ["padding", "paddingX", "paddingY", "paddingTop", "paddingRight", "paddingBottom", "paddingLeft", "margin", "marginX", "marginY", "marginTop", "marginRight", "marginBottom", "marginLeft", "width", "height", "minWidth", "maxWidth", "grow", "shrink", "basis", "position", "insetTop", "insetBottom"];
|
|
682
|
+
readonly a11y: {
|
|
683
|
+
readonly role: "dialog";
|
|
684
|
+
readonly name: "label";
|
|
685
|
+
};
|
|
686
|
+
readonly description: "A button that opens a small floating panel of children.";
|
|
687
|
+
readonly defaultVariant: "default";
|
|
688
|
+
};
|
|
689
|
+
export declare const Dialog: {
|
|
690
|
+
readonly kind: "dialog";
|
|
691
|
+
readonly props: {
|
|
692
|
+
readonly type: "object";
|
|
693
|
+
readonly properties: {
|
|
694
|
+
readonly label: {
|
|
695
|
+
readonly type: "string";
|
|
696
|
+
readonly maxLength: 80;
|
|
697
|
+
};
|
|
698
|
+
readonly open: {
|
|
699
|
+
readonly type: "boolean";
|
|
700
|
+
};
|
|
701
|
+
};
|
|
702
|
+
readonly required: readonly ["label"];
|
|
703
|
+
readonly additionalProperties: false;
|
|
704
|
+
};
|
|
705
|
+
readonly children: "any";
|
|
706
|
+
readonly events: {
|
|
707
|
+
readonly onClose: {
|
|
708
|
+
readonly carries: "none";
|
|
709
|
+
readonly description: "Dismissed by the user.";
|
|
710
|
+
};
|
|
711
|
+
};
|
|
712
|
+
readonly variants: readonly ["default"];
|
|
713
|
+
readonly slots: readonly ["root", "backdrop", "content", "title", "close"];
|
|
714
|
+
readonly styleProps: readonly ["padding", "paddingX", "paddingY", "paddingTop", "paddingRight", "paddingBottom", "paddingLeft", "margin", "marginX", "marginY", "marginTop", "marginRight", "marginBottom", "marginLeft", "width", "height", "minWidth", "maxWidth", "grow", "shrink", "basis", "position", "insetTop", "insetBottom"];
|
|
715
|
+
readonly a11y: {
|
|
716
|
+
readonly role: "dialog";
|
|
717
|
+
readonly name: "label";
|
|
718
|
+
};
|
|
719
|
+
readonly description: "A modal panel over the surface. `onClose` fires when it is dismissed.";
|
|
720
|
+
readonly defaultVariant: "default";
|
|
721
|
+
};
|
|
722
|
+
export declare const Tooltip: {
|
|
723
|
+
readonly kind: "tooltip";
|
|
724
|
+
readonly props: {
|
|
725
|
+
readonly type: "object";
|
|
726
|
+
readonly properties: {
|
|
727
|
+
readonly text: {
|
|
728
|
+
readonly type: "string";
|
|
729
|
+
readonly maxLength: 10000;
|
|
730
|
+
};
|
|
731
|
+
};
|
|
732
|
+
readonly required: readonly ["text"];
|
|
733
|
+
readonly additionalProperties: false;
|
|
734
|
+
};
|
|
735
|
+
readonly children: "any";
|
|
736
|
+
readonly events: {};
|
|
737
|
+
readonly variants: readonly ["default"];
|
|
738
|
+
readonly slots: readonly ["root", "trigger", "content"];
|
|
739
|
+
readonly styleProps: readonly ["padding", "paddingX", "paddingY", "paddingTop", "paddingRight", "paddingBottom", "paddingLeft", "margin", "marginX", "marginY", "marginTop", "marginRight", "marginBottom", "marginLeft", "width", "height", "minWidth", "maxWidth", "grow", "shrink", "basis", "position", "insetTop", "insetBottom"];
|
|
740
|
+
readonly a11y: {
|
|
741
|
+
readonly role: "tooltip";
|
|
742
|
+
readonly name: "text";
|
|
743
|
+
};
|
|
744
|
+
readonly description: "Short text shown when its children are hovered or focused.";
|
|
745
|
+
readonly defaultVariant: "default";
|
|
746
|
+
};
|
|
747
|
+
export declare const Tabs: {
|
|
748
|
+
readonly kind: "tabs";
|
|
749
|
+
readonly props: {
|
|
750
|
+
readonly type: "object";
|
|
751
|
+
readonly properties: {
|
|
752
|
+
readonly label: {
|
|
753
|
+
readonly type: "string";
|
|
754
|
+
readonly maxLength: 80;
|
|
755
|
+
};
|
|
756
|
+
readonly value: {
|
|
757
|
+
readonly type: "string";
|
|
758
|
+
readonly maxLength: 128;
|
|
759
|
+
readonly pattern: "^[a-zA-Z0-9][a-zA-Z0-9._-]*$";
|
|
760
|
+
};
|
|
761
|
+
};
|
|
762
|
+
readonly required: readonly ["label"];
|
|
763
|
+
readonly additionalProperties: false;
|
|
764
|
+
};
|
|
765
|
+
readonly children: readonly [{
|
|
766
|
+
readonly kind: "tab";
|
|
767
|
+
readonly min: 1;
|
|
768
|
+
readonly max: 100;
|
|
769
|
+
}];
|
|
770
|
+
readonly events: {
|
|
771
|
+
readonly onChange: {
|
|
772
|
+
readonly carries: "string";
|
|
773
|
+
readonly description: "The value changed.";
|
|
774
|
+
};
|
|
775
|
+
};
|
|
776
|
+
readonly variants: readonly ["default"];
|
|
777
|
+
readonly slots: readonly ["root", "list", "panel"];
|
|
778
|
+
readonly styleProps: readonly ["padding", "paddingX", "paddingY", "paddingTop", "paddingRight", "paddingBottom", "paddingLeft", "margin", "marginX", "marginY", "marginTop", "marginRight", "marginBottom", "marginLeft", "width", "height", "minWidth", "maxWidth", "grow", "shrink", "basis", "position", "insetTop", "insetBottom"];
|
|
779
|
+
readonly a11y: {
|
|
780
|
+
readonly role: "tablist";
|
|
781
|
+
readonly name: "label";
|
|
782
|
+
};
|
|
783
|
+
readonly description: "A row of tabs with one panel visible at a time.";
|
|
784
|
+
readonly defaultVariant: "default";
|
|
785
|
+
};
|
|
786
|
+
export declare const Disclosure: {
|
|
787
|
+
readonly kind: "disclosure";
|
|
788
|
+
readonly props: {
|
|
789
|
+
readonly type: "object";
|
|
790
|
+
readonly properties: {
|
|
791
|
+
readonly label: {
|
|
792
|
+
readonly type: "string";
|
|
793
|
+
readonly maxLength: 80;
|
|
794
|
+
};
|
|
795
|
+
readonly open: {
|
|
796
|
+
readonly type: "boolean";
|
|
797
|
+
};
|
|
798
|
+
};
|
|
799
|
+
readonly required: readonly ["label"];
|
|
800
|
+
readonly additionalProperties: false;
|
|
801
|
+
};
|
|
802
|
+
readonly children: "any";
|
|
803
|
+
readonly events: {
|
|
804
|
+
readonly onToggle: {
|
|
805
|
+
readonly carries: "boolean";
|
|
806
|
+
readonly description: "Opened or closed; carries the new state.";
|
|
807
|
+
};
|
|
808
|
+
};
|
|
809
|
+
readonly variants: readonly ["default"];
|
|
810
|
+
readonly slots: readonly ["root", "summary", "panel"];
|
|
811
|
+
readonly styleProps: readonly ["padding", "paddingX", "paddingY", "paddingTop", "paddingRight", "paddingBottom", "paddingLeft", "margin", "marginX", "marginY", "marginTop", "marginRight", "marginBottom", "marginLeft", "width", "height", "minWidth", "maxWidth", "grow", "shrink", "basis", "position", "insetTop", "insetBottom"];
|
|
812
|
+
readonly a11y: {
|
|
813
|
+
readonly role: "group";
|
|
814
|
+
readonly name: "label";
|
|
815
|
+
};
|
|
816
|
+
readonly description: "A summary label that expands its children locally; `onToggle` reports the new state.";
|
|
817
|
+
readonly defaultVariant: "default";
|
|
818
|
+
};
|
|
819
|
+
export declare const Tab: {
|
|
820
|
+
readonly kind: "tab";
|
|
821
|
+
readonly props: {
|
|
822
|
+
readonly type: "object";
|
|
823
|
+
readonly properties: {
|
|
824
|
+
readonly label: {
|
|
825
|
+
readonly type: "string";
|
|
826
|
+
readonly maxLength: 80;
|
|
827
|
+
};
|
|
828
|
+
readonly count: {
|
|
829
|
+
readonly type: "string";
|
|
830
|
+
readonly maxLength: 16;
|
|
831
|
+
};
|
|
832
|
+
readonly value: {
|
|
833
|
+
readonly type: "string";
|
|
834
|
+
readonly maxLength: 128;
|
|
835
|
+
readonly pattern: "^[a-zA-Z0-9][a-zA-Z0-9._-]*$";
|
|
836
|
+
};
|
|
837
|
+
readonly disabled: {
|
|
838
|
+
readonly type: "boolean";
|
|
839
|
+
};
|
|
840
|
+
};
|
|
841
|
+
readonly required: readonly ["label", "value"];
|
|
842
|
+
readonly additionalProperties: false;
|
|
843
|
+
};
|
|
844
|
+
readonly children: "any";
|
|
845
|
+
readonly events: {};
|
|
846
|
+
readonly variants: readonly ["default"];
|
|
847
|
+
readonly slots: readonly ["root", "label", "count", "panel"];
|
|
848
|
+
readonly styleProps: readonly ["padding", "paddingX", "paddingY", "paddingTop", "paddingRight", "paddingBottom", "paddingLeft", "margin", "marginX", "marginY", "marginTop", "marginRight", "marginBottom", "marginLeft", "width", "height", "minWidth", "maxWidth", "grow", "shrink", "basis", "position", "insetTop", "insetBottom"];
|
|
849
|
+
readonly a11y: {
|
|
850
|
+
readonly role: "tab";
|
|
851
|
+
readonly name: "label";
|
|
852
|
+
};
|
|
853
|
+
readonly description: "One tab and its panel; a child of `tabs`.";
|
|
854
|
+
readonly defaultVariant: "default";
|
|
855
|
+
};
|