@yahoo/uds 3.105.0 → 3.105.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.
@@ -1,81 +1,6 @@
1
1
  /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
2
2
 
3
3
  //#region generated/componentData.json
4
- var Box = {
5
- "name": "Box",
6
- "defaultProps": {
7
- "as": "div",
8
- "display": "flex"
9
- },
10
- "getStylesLiterals": {},
11
- "cxLiterals": [],
12
- "internalComponents": ["Comp"],
13
- "internalComponentProps": {},
14
- "propToVariantKeys": {},
15
- "motionVarPrefixes": []
16
- };
17
- var FormLabel = {
18
- "name": "FormLabel",
19
- "defaultProps": {
20
- "color": "muted",
21
- "variant": "label3",
22
- "as": "label"
23
- },
24
- "getStylesLiterals": {},
25
- "cxLiterals": ["cursor-[inherit]"],
26
- "internalComponents": ["Text"],
27
- "internalComponentProps": { "Text": {
28
- "as": ["sup"],
29
- "variant": ["inherit"],
30
- "spacingStart": ["0.5"]
31
- } },
32
- "propToVariantKeys": {},
33
- "motionVarPrefixes": []
34
- };
35
- var HStack = {
36
- "name": "HStack",
37
- "defaultProps": {},
38
- "getStylesLiterals": {},
39
- "cxLiterals": [],
40
- "internalComponents": ["Box"],
41
- "internalComponentProps": { "Box": { "flexDirection": ["row"] } },
42
- "propToVariantKeys": { "gap": ["rowGap", "columnGap"] },
43
- "motionVarPrefixes": []
44
- };
45
- var Icon = {
46
- "name": "Icon",
47
- "defaultProps": {
48
- "size": "md",
49
- "variant": "outline",
50
- "color": "primary"
51
- },
52
- "getStylesLiterals": { "flex": "none" },
53
- "cxLiterals": ["[&_path]:fill-current"],
54
- "internalComponents": ["SVGIcon"],
55
- "internalComponentProps": {},
56
- "propToVariantKeys": {},
57
- "motionVarPrefixes": []
58
- };
59
- var IconSlot = {
60
- "name": "IconSlot",
61
- "defaultProps": {},
62
- "getStylesLiterals": {},
63
- "cxLiterals": [],
64
- "internalComponents": ["Icon"],
65
- "internalComponentProps": {},
66
- "propToVariantKeys": {},
67
- "motionVarPrefixes": []
68
- };
69
- var Image = {
70
- "name": "Image",
71
- "defaultProps": {},
72
- "getStylesLiterals": {},
73
- "cxLiterals": [],
74
- "internalComponents": [],
75
- "internalComponentProps": {},
76
- "propToVariantKeys": {},
77
- "motionVarPrefixes": []
78
- };
79
4
  var Link = {
80
5
  "name": "Link",
81
6
  "defaultProps": { "variant": "primary" },
@@ -111,6 +36,61 @@ var Link = {
111
36
  },
112
37
  "motionVarPrefixes": []
113
38
  };
39
+ var VStack = {
40
+ "name": "VStack",
41
+ "defaultProps": {},
42
+ "getStylesLiterals": {},
43
+ "cxLiterals": [],
44
+ "internalComponents": ["Box"],
45
+ "internalComponentProps": { "Box": { "flexDirection": ["column"] } },
46
+ "propToVariantKeys": { "gap": ["columnGap", "rowGap"] },
47
+ "motionVarPrefixes": []
48
+ };
49
+ var Box = {
50
+ "name": "Box",
51
+ "defaultProps": {
52
+ "as": "div",
53
+ "display": "flex"
54
+ },
55
+ "getStylesLiterals": {},
56
+ "cxLiterals": [],
57
+ "internalComponents": ["Comp"],
58
+ "internalComponentProps": {},
59
+ "propToVariantKeys": {},
60
+ "motionVarPrefixes": []
61
+ };
62
+ var Icon = {
63
+ "name": "Icon",
64
+ "defaultProps": {
65
+ "size": "md",
66
+ "variant": "outline",
67
+ "color": "primary"
68
+ },
69
+ "getStylesLiterals": { "flex": "none" },
70
+ "cxLiterals": ["[&_path]:fill-current"],
71
+ "internalComponents": ["SVGIcon"],
72
+ "internalComponentProps": {},
73
+ "propToVariantKeys": {},
74
+ "motionVarPrefixes": []
75
+ };
76
+ var FormLabel = {
77
+ "name": "FormLabel",
78
+ "defaultProps": {
79
+ "color": "muted",
80
+ "variant": "label3",
81
+ "as": "label"
82
+ },
83
+ "getStylesLiterals": {},
84
+ "cxLiterals": ["cursor-[inherit]"],
85
+ "internalComponents": ["Text"],
86
+ "internalComponentProps": { "Text": {
87
+ "as": ["sup"],
88
+ "variant": ["inherit"],
89
+ "spacingStart": ["0.5"]
90
+ } },
91
+ "propToVariantKeys": {},
92
+ "motionVarPrefixes": []
93
+ };
114
94
  var Text = {
115
95
  "name": "Text",
116
96
  "defaultProps": {
@@ -131,35 +111,28 @@ var Text = {
131
111
  ] },
132
112
  "motionVarPrefixes": []
133
113
  };
134
- var VStack = {
135
- "name": "VStack",
114
+ var IconSlot = {
115
+ "name": "IconSlot",
136
116
  "defaultProps": {},
137
117
  "getStylesLiterals": {},
138
118
  "cxLiterals": [],
139
- "internalComponents": ["Box"],
140
- "internalComponentProps": { "Box": { "flexDirection": ["column"] } },
141
- "propToVariantKeys": { "gap": ["columnGap", "rowGap"] },
119
+ "internalComponents": ["Icon"],
120
+ "internalComponentProps": {},
121
+ "propToVariantKeys": {},
142
122
  "motionVarPrefixes": []
143
123
  };
144
- var Spinner = {
145
- "name": "Spinner",
146
- "defaultProps": {
147
- "color": "primary",
148
- "size": "lg"
149
- },
124
+ var HStack = {
125
+ "name": "HStack",
126
+ "defaultProps": {},
150
127
  "getStylesLiterals": {},
151
- "cxLiterals": ["self-center", "relative"],
152
- "internalComponents": ["Icon"],
153
- "internalComponentProps": { "Icon": {
154
- "role": ["img"],
155
- "className": ["animate-spin"],
156
- "aria-hidden": ["true"]
157
- } },
158
- "propToVariantKeys": {},
128
+ "cxLiterals": [],
129
+ "internalComponents": ["Box"],
130
+ "internalComponentProps": { "Box": { "flexDirection": ["row"] } },
131
+ "propToVariantKeys": { "gap": ["rowGap", "columnGap"] },
159
132
  "motionVarPrefixes": []
160
133
  };
161
- var Table_mocks = {
162
- "name": "Table.mocks",
134
+ var Image = {
135
+ "name": "Image",
163
136
  "defaultProps": {},
164
137
  "getStylesLiterals": {},
165
138
  "cxLiterals": [],
@@ -168,223 +141,181 @@ var Table_mocks = {
168
141
  "propToVariantKeys": {},
169
142
  "motionVarPrefixes": []
170
143
  };
171
- var Table = {
172
- "name": "Table",
173
- "defaultProps": {
174
- "display": "table-cell",
175
- "overflow": "hidden",
176
- "borderColor": "muted",
177
- "borderRadius": "md",
178
- "spacing": "3",
179
- "borderBottomColor": "muted",
180
- "color": "primary"
181
- },
182
- "getStylesLiterals": { "textAlign": "start" },
183
- "cxLiterals": [],
144
+ var Button = {
145
+ "name": "Button",
146
+ "defaultProps": { "type": "button" },
147
+ "getStylesLiterals": {},
148
+ "cxLiterals": [
149
+ "uds-ring",
150
+ "uds-hit-target",
151
+ "inline-flex",
152
+ "overflow-hidden",
153
+ "justify-center",
154
+ "items-center",
155
+ "whitespace-nowrap",
156
+ "select-none",
157
+ "[transform-origin:center]",
158
+ "[backface-visibility:hidden]",
159
+ "[transition-property:color,background-color,border-color,box-shadow,text-decoration-color,fill,stroke]",
160
+ "[transition-timing-function:cubic-bezier(0,0,0.2,1)]",
161
+ "[transition-duration:220ms]",
162
+ "cursor-not-allowed",
163
+ "uds-button-loading",
164
+ "uds-button-without-effects",
165
+ "withIcon",
166
+ "uds-button-with-gap",
167
+ "animate-spin",
168
+ "truncate"
169
+ ],
184
170
  "internalComponents": [
185
- "CellComponent",
186
- "Box",
187
- "Text",
188
- "Table.Root",
189
- "Table.Header",
190
- "Table.Row",
191
- "Table.Cell",
192
- "Table.Body"
171
+ "Icon",
172
+ "IconSlot",
173
+ "AnimatePresence",
174
+ "SpringMotionConfig",
175
+ "MotionSlot"
193
176
  ],
194
177
  "internalComponentProps": {
195
- "Text": { "borderBottomWidth": ["thin"] },
196
- "Table.Cell": { "asHeaderCell": ["column"] }
178
+ "Icon": { "color": ["current"] },
179
+ "AnimatePresence": { "mode": ["popLayout"] },
180
+ "SpringMotionConfig": { "layoutSpeed": ["3"] },
181
+ "MotionSlot": {
182
+ "whileHover": ["hover"],
183
+ "whileTap": ["pressed"]
184
+ }
197
185
  },
198
- "propToVariantKeys": {},
199
- "motionVarPrefixes": []
186
+ "propToVariantKeys": {
187
+ "size": ["buttonSizeRoot", "buttonSizeIcon"],
188
+ "variant": ["buttonVariantRoot", "buttonVariantIcon"],
189
+ "iconVariant": ["variant"],
190
+ "startIcon": ["icon"],
191
+ "endIcon": ["icon"]
192
+ },
193
+ "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
200
194
  };
201
- var Accordion = {
202
- "name": "Accordion",
195
+ var Checkbox = {
196
+ "name": "Checkbox",
203
197
  "defaultProps": {
204
- "spacingHorizontal": "4",
205
- "spacingVertical": "4"
198
+ "labelPosition": "start",
199
+ "variant": "primary",
200
+ "size": "md"
206
201
  },
207
- "getStylesLiterals": {},
208
- "cxLiterals": ["hover:bg-secondary/80", "w-full"],
209
- "internalComponents": [
210
- "Icon",
211
- "SpringMotionConfig",
212
- "Pressable",
213
- "Text",
214
- "HStack",
215
- "AnimatePresence",
216
- "VStack"
217
- ],
218
- "internalComponentProps": {
219
- "Icon": {
220
- "variant": ["fill"],
221
- "size": ["sm"],
222
- "color": ["primary"]
223
- },
224
- "SpringMotionConfig": {
225
- "layoutVariant": ["smooth"],
226
- "layoutSpeed": ["3"]
227
- },
228
- "Pressable": {
229
- "display": ["flex"],
230
- "flexDirection": ["row"],
231
- "alignItems": ["center"],
232
- "justifyContent": ["space-between"],
233
- "borderRadius": ["md"]
234
- },
235
- "Text": {
236
- "variant": ["title4"],
237
- "color": ["primary"]
238
- },
239
- "HStack": {
240
- "display": ["flex"],
241
- "alignItems": ["center"],
242
- "justifyContent": ["space-between"],
243
- "columnGap": ["2.5"]
244
- }
202
+ "getStylesLiterals": {
203
+ "display": "flex",
204
+ "flexDirection": "row",
205
+ "flexDirection:1": "row-reverse",
206
+ "alignItems": "center"
245
207
  },
246
- "propToVariantKeys": {},
247
- "motionVarPrefixes": ["--uds-motion-smooth-3-"]
248
- };
249
- var AvoidMotionLibraryProvider = {
250
- "name": "AvoidMotionLibraryProvider",
251
- "defaultProps": {},
252
- "getStylesLiterals": {},
253
- "cxLiterals": [],
254
- "internalComponents": [],
255
- "internalComponentProps": {},
256
- "propToVariantKeys": {},
257
- "motionVarPrefixes": []
258
- };
259
- var Modal = {
260
- "name": "Modal",
261
- "defaultProps": {},
262
- "getStylesLiterals": {},
263
208
  "cxLiterals": [
264
- "inset-8",
265
- "top-[250px]",
266
- "z-50",
267
- "mx-auto",
268
- "h-fit",
269
- "w-[600px]",
270
- "origin-center",
271
- "scale-95",
209
+ "cursor-pointer",
210
+ "cursor-default",
211
+ "opacity-50",
212
+ "uds-ring",
213
+ "uds-ring-within",
214
+ "transition-[background-color,border-color,box-shadow]",
215
+ "pointer-events-none",
216
+ "transition-opacity",
217
+ "cursor-[inherit]",
218
+ "absolute",
272
219
  "opacity-0",
273
- "transition",
274
- "duration-150",
275
- "data-[enter]:scale-100",
276
- "data-[enter]:opacity-100"
220
+ "top-1/2",
221
+ "left-1/2",
222
+ "w-[calc(100%+2px)]",
223
+ "h-[calc(100%+2px)]",
224
+ "transform",
225
+ "translate-x-[-50%]",
226
+ "translate-y-[-50%]",
227
+ "text-start",
228
+ "text-end"
277
229
  ],
278
230
  "internalComponents": [
279
- "IconButton",
280
- "Dialog",
281
- "HStack",
282
- "Text",
283
- "VStack"
231
+ "Icon",
232
+ "FormLabel",
233
+ "SpringMotionConfig",
234
+ "RootElement",
235
+ "MotionBox"
284
236
  ],
285
237
  "internalComponentProps": {
286
- "IconButton": {
287
- "aria-label": ["Close"],
288
- "size": ["sm"],
289
- "variant": ["tertiary"]
238
+ "Icon": { "size": ["sm"] },
239
+ "FormLabel": {
240
+ "as": ["div"],
241
+ "variant": ["inherit"],
242
+ "color": ["inherit"]
290
243
  },
291
- "HStack": {
244
+ "RootElement": { "data-testid": ["container"] },
245
+ "MotionBox": {
246
+ "position": ["relative"],
292
247
  "alignItems": ["center"],
293
- "justifyContent": ["space-between"]
294
- },
295
- "Text": {
296
- "variant": ["headline1"],
297
- "color": ["primary"]
298
- },
299
- "VStack": {
300
- "borderRadius": ["md"],
301
- "position": ["fixed"],
302
- "backgroundColor": ["primary"],
303
- "dropShadow": ["md"],
304
- "spacing": ["8"],
305
- "overflow": ["hidden"]
248
+ "justifyContent": ["center"],
249
+ "flex": ["none"]
306
250
  }
307
251
  },
308
- "propToVariantKeys": { "handleClose": ["onClick"] },
309
- "motionVarPrefixes": []
252
+ "propToVariantKeys": {
253
+ "size": ["checkboxSizeRoot", "checkboxSizeCheckbox"],
254
+ "variant": [
255
+ "checkboxVariantRoot",
256
+ "checkboxVariantCheckbox",
257
+ "checkboxVariantCheckboxIcon"
258
+ ],
259
+ "valueState": [
260
+ "checkboxVariantValueRoot",
261
+ "checkboxVariantValueCheckbox",
262
+ "checkboxVariantValueCheckboxIcon"
263
+ ],
264
+ "reduceMotion": ["reducedMotion"]
265
+ },
266
+ "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
310
267
  };
311
- var Popover = {
312
- "name": "Popover",
313
- "defaultProps": {},
268
+ var SpringMotionConfig = {
269
+ "name": "SpringMotionConfig",
270
+ "defaultProps": { "reducedMotion": "user" },
314
271
  "getStylesLiterals": {},
315
272
  "cxLiterals": [],
316
- "internalComponents": [
317
- "HStack",
318
- "Text",
319
- "OriginalPopoverHeading"
320
- ],
321
- "internalComponentProps": { "Text": {
322
- "variant": ["headline1"],
323
- "color": ["primary"]
324
- } },
325
- "propToVariantKeys": {},
273
+ "internalComponents": ["LazyMotion", "MotionConfig"],
274
+ "internalComponentProps": {},
275
+ "propToVariantKeys": { "loadFeatures": ["features"] },
326
276
  "motionVarPrefixes": []
327
277
  };
328
- var SegmentedControl = {
329
- "name": "SegmentedControl",
330
- "defaultProps": {},
331
- "getStylesLiterals": {
332
- "display": "flex",
333
- "alignItems": "center",
334
- "backgroundColor": "primary",
335
- "spacingVertical": "1",
336
- "spacingHorizontal": "3",
337
- "columnGap": "1.5",
338
- "borderWidth": "thin",
339
- "borderRadius": "full",
340
- "borderColor": "muted",
341
- "borderColor:1": "transparent",
342
- "color": "primary",
343
- "color:1": "tertiary",
344
- "color:2": "muted"
345
- },
278
+ var IconButton = {
279
+ "name": "IconButton",
280
+ "defaultProps": { "type": "button" },
281
+ "getStylesLiterals": {},
346
282
  "cxLiterals": [
347
283
  "uds-ring",
284
+ "uds-hit-target",
285
+ "inline-flex",
286
+ "overflow-hidden",
287
+ "justify-center",
288
+ "items-center",
289
+ "[transform-origin:center]",
290
+ "[backface-visibility:hidden]",
291
+ "[transition-property:color,background-color,border-color,",
292
+ "box-shadow,text-decoration-color,fill,stroke]",
293
+ "[transition-timing-function:cubic-bezier(0,0,0.2,1)]",
294
+ "[transition-duration:220ms]",
348
295
  "cursor-not-allowed",
349
- "opacity-50",
350
- "pointer-events-none",
351
- "hover:bg-primary"
296
+ "uds-button-loading",
297
+ "uds-button-without-effects",
298
+ "animate-spin"
352
299
  ],
353
300
  "internalComponents": [
354
- "Radio",
355
301
  "Icon",
356
- "RadioProvider",
357
- "HStack",
358
- "RadioGroup",
359
- "Pressable",
360
- "Text"
302
+ "SpringMotionConfig",
303
+ "AnimatePresence"
361
304
  ],
362
305
  "internalComponentProps": {
363
- "Icon": {
364
- "size": ["sm"],
365
- "color": ["current"],
366
- "aria-hidden": ["true"]
367
- },
368
- "HStack": {
369
- "spacing": ["1"],
370
- "gap": ["1"],
371
- "backgroundColor": ["secondary"],
372
- "borderRadius": ["full"],
373
- "display": ["inline-flex"]
374
- },
375
- "Text": {
376
- "variant": ["label2"],
377
- "color": ["current"]
378
- }
306
+ "Icon": { "color": ["current"] },
307
+ "SpringMotionConfig": { "layoutSpeed": ["3"] },
308
+ "AnimatePresence": { "mode": ["popLayout"] }
379
309
  },
380
310
  "propToVariantKeys": {
381
- "value": ["key"],
382
- "label": ["aria-label"]
311
+ "size": ["iconbuttonSizeRoot", "iconbuttonSizeIcon"],
312
+ "variant": ["buttonVariantRoot", "buttonVariantIcon"],
313
+ "iconVariant": ["variant"]
383
314
  },
384
- "motionVarPrefixes": []
315
+ "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
385
316
  };
386
- var SwitchV2 = {
387
- "name": "SwitchV2",
317
+ var Switch = {
318
+ "name": "Switch",
388
319
  "defaultProps": {
389
320
  "labelPosition": "start",
390
321
  "size": "md"
@@ -393,9 +324,15 @@ var SwitchV2 = {
393
324
  "switchVariantRoot": "default",
394
325
  "switchVariantActiveRoot": "on",
395
326
  "switchVariantActiveRoot:1": "off",
327
+ "display": "flex",
328
+ "flexDirection": "row",
329
+ "flexDirection:1": "row-reverse",
330
+ "alignItems": "center",
396
331
  "switchVariantSwitch": "default",
397
332
  "switchVariantActiveSwitch": "on",
398
333
  "switchVariantActiveSwitch:1": "off",
334
+ "borderRadius": "full",
335
+ "position": "relative",
399
336
  "switchVariantActiveHandle": "on",
400
337
  "switchVariantActiveHandle:1": "off",
401
338
  "switchVariantHandle": "default",
@@ -405,28 +342,24 @@ var SwitchV2 = {
405
342
  },
406
343
  "cxLiterals": [
407
344
  "group",
408
- "flex",
409
- "items-center",
410
- "flex-row",
411
- "flex-row-reverse",
345
+ "cursor-pointer",
346
+ "cursor-default",
347
+ "opacity-50",
412
348
  "uds-ring",
413
349
  "uds-ring-within",
414
- "relative",
415
- "uds-border-radius-full",
416
350
  "transition-[background-color,box-shadow]",
351
+ "relative",
417
352
  "pointer-events-none",
418
- "w-full",
419
- "h-full",
353
+ "uds-border-radius-full",
354
+ "overflow-hidden",
420
355
  "absolute",
421
356
  "top-0",
422
- "bottom-0",
423
- "right-0",
424
357
  "left-0",
425
- "overflow-hidden",
426
- "group-hover:scale-105",
427
- "opacity-95",
358
+ "right-0",
359
+ "bottom-0",
360
+ "opacity-95",
428
361
  "group-hover:opacity-100",
429
- "transition-[transform,opacity]",
362
+ "transition-[background-color,box-shadow,opacity]",
430
363
  "opacity-0",
431
364
  "top-1/2",
432
365
  "left-1/2",
@@ -456,12 +389,7 @@ var SwitchV2 = {
456
389
  "variant": ["inherit"],
457
390
  "color": ["inherit"]
458
391
  },
459
- "SpringMotionConfig": {
460
- "layoutVariant": ["bouncy"],
461
- "layoutSpeed": ["4"]
462
- },
463
- "RootElement": { "data-testid": ["switch-root"] },
464
- "MotionBox": { "layout": ["position"] }
392
+ "RootElement": { "data-testid": ["container"] }
465
393
  },
466
394
  "propToVariantKeys": {
467
395
  "size": [
@@ -472,64 +400,10 @@ var SwitchV2 = {
472
400
  ],
473
401
  "onIcon": ["icon"],
474
402
  "offIcon": ["icon"],
475
- "reduceMotion": ["reducedMotion"],
476
- "isOn": ["layoutDependency"]
403
+ "reduceMotion": ["reducedMotion"]
477
404
  },
478
405
  "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
479
406
  };
480
- var Tabs = {
481
- "name": "Tabs",
482
- "defaultProps": {},
483
- "getStylesLiterals": {
484
- "display": "flex",
485
- "flexDirection": "row",
486
- "columnGap": "6"
487
- },
488
- "cxLiterals": [
489
- "text-tertiary",
490
- "border-b-transparent",
491
- "aria-selected:border-b-brand",
492
- "aria-selected:text-secondary"
493
- ],
494
- "internalComponents": [
495
- "TabProvider",
496
- "OriginalTabList",
497
- "OriginalTab",
498
- "Icon",
499
- "OriginalTabPanel",
500
- "Pressable",
501
- "Comp",
502
- "Text"
503
- ],
504
- "internalComponentProps": {
505
- "Icon": {
506
- "className": ["text-current"],
507
- "size": ["md"]
508
- },
509
- "Pressable": {
510
- "borderBottomWidth": ["medium"],
511
- "spacingBottom": ["1"],
512
- "spacingTop": ["4"]
513
- },
514
- "Text": {
515
- "className": ["text-current"],
516
- "variant": ["headline1"],
517
- "as": ["span"]
518
- }
519
- },
520
- "propToVariantKeys": {},
521
- "motionVarPrefixes": []
522
- };
523
- var AnimateHeightChange = {
524
- "name": "AnimateHeightChange",
525
- "defaultProps": {},
526
- "getStylesLiterals": {},
527
- "cxLiterals": [],
528
- "internalComponents": ["SpringMotionConfig"],
529
- "internalComponentProps": { "SpringMotionConfig": { "layoutSpeed": ["4"] } },
530
- "propToVariantKeys": { "reduceMotion": ["reducedMotion"] },
531
- "motionVarPrefixes": ["--uds-motion-subtle-4-", "--uds-motion-smooth-3-"]
532
- };
533
407
  var Badge = {
534
408
  "name": "Badge",
535
409
  "defaultProps": {
@@ -555,318 +429,473 @@ var Badge = {
555
429
  },
556
430
  "motionVarPrefixes": []
557
431
  };
558
- var Button = {
559
- "name": "Button",
560
- "defaultProps": { "type": "button" },
432
+ var AnimateHeightChange = {
433
+ "name": "AnimateHeightChange",
434
+ "defaultProps": {},
561
435
  "getStylesLiterals": {},
562
- "cxLiterals": [
563
- "uds-ring",
564
- "uds-hit-target",
565
- "inline-flex",
566
- "overflow-hidden",
567
- "justify-center",
568
- "items-center",
569
- "whitespace-nowrap",
570
- "select-none",
571
- "[transform-origin:center]",
572
- "[backface-visibility:hidden]",
573
- "[transition-property:color,background-color,border-color,box-shadow,text-decoration-color,fill,stroke]",
574
- "[transition-timing-function:cubic-bezier(0,0,0.2,1)]",
575
- "[transition-duration:220ms]",
576
- "cursor-not-allowed",
577
- "uds-button-loading",
578
- "uds-button-without-effects",
579
- "withIcon",
580
- "uds-button-with-gap",
581
- "animate-spin",
582
- "truncate"
583
- ],
584
- "internalComponents": [
585
- "Icon",
586
- "IconSlot",
587
- "AnimatePresence",
588
- "SpringMotionConfig",
589
- "MotionSlot"
590
- ],
591
- "internalComponentProps": {
592
- "Icon": { "color": ["current"] },
593
- "AnimatePresence": { "mode": ["popLayout"] },
594
- "SpringMotionConfig": { "layoutSpeed": ["3"] },
595
- "MotionSlot": {
596
- "whileHover": ["hover"],
597
- "whileTap": ["pressed"]
598
- }
599
- },
600
- "propToVariantKeys": {
601
- "size": ["buttonSizeRoot", "buttonSizeIcon"],
602
- "variant": ["buttonVariantRoot", "buttonVariantIcon"],
603
- "iconVariant": ["variant"],
604
- "startIcon": ["icon"],
605
- "endIcon": ["icon"]
436
+ "cxLiterals": [],
437
+ "internalComponents": ["SpringMotionConfig"],
438
+ "internalComponentProps": { "SpringMotionConfig": { "layoutSpeed": ["4"] } },
439
+ "propToVariantKeys": { "reduceMotion": ["reducedMotion"] },
440
+ "motionVarPrefixes": ["--uds-motion-subtle-4-", "--uds-motion-smooth-3-"]
441
+ };
442
+ var Pressable = {
443
+ "name": "Pressable",
444
+ "defaultProps": {},
445
+ "getStylesLiterals": {},
446
+ "cxLiterals": [],
447
+ "internalComponents": ["Comp"],
448
+ "internalComponentProps": {},
449
+ "propToVariantKeys": {},
450
+ "motionVarPrefixes": []
451
+ };
452
+ var Menu_Item = {
453
+ "name": "Menu.Item",
454
+ "defaultProps": {},
455
+ "getStylesLiterals": {
456
+ "menuitemItemVariantRoot": "default",
457
+ "menuitemItemVariantActiveRoot": "on",
458
+ "menuitemItemVariantActiveRoot:1": "off",
459
+ "menuitemItemVariantText": "default",
460
+ "menuitemItemVariantActiveText": "on",
461
+ "menuitemItemVariantActiveText:1": "off",
462
+ "menuitemItemVariantIcon": "default",
463
+ "menuitemItemVariantActiveIcon": "on",
464
+ "menuitemItemVariantActiveIcon:1": "off"
606
465
  },
466
+ "cxLiterals": [],
467
+ "internalComponents": ["MenuItemBase"],
468
+ "internalComponentProps": {},
469
+ "propToVariantKeys": {},
470
+ "motionVarPrefixes": []
471
+ };
472
+ var Menu_Provider = {
473
+ "name": "Menu.Provider",
474
+ "defaultProps": {},
475
+ "getStylesLiterals": {},
476
+ "cxLiterals": [],
477
+ "internalComponents": ["AriakitMenuProvider", "SpringMotionConfig"],
478
+ "internalComponentProps": {},
479
+ "propToVariantKeys": {},
607
480
  "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
608
481
  };
609
- var Checkbox = {
610
- "name": "Checkbox",
482
+ var Menu_ItemBase = {
483
+ "name": "Menu.ItemBase",
611
484
  "defaultProps": {
612
- "labelPosition": "start",
613
- "variant": "primary",
614
- "size": "md"
485
+ "spacing": "0",
486
+ "spacingHorizontal": "4",
487
+ "spacingVertical": "3.5",
488
+ "columnGap": "2",
489
+ "alignItems": "center",
490
+ "justifyContent": "space-between"
615
491
  },
616
492
  "getStylesLiterals": {
617
- "display": "flex",
493
+ "textAlign": "start",
494
+ "menuitemSizeRoot": "default",
618
495
  "flexDirection": "row",
619
- "flexDirection:1": "row-reverse",
620
- "alignItems": "center"
496
+ "menuitemSizeStartIcon": "default",
497
+ "menuitemSizeEndIcon": "default"
621
498
  },
622
499
  "cxLiterals": [
623
- "cursor-pointer",
624
- "cursor-default",
625
- "opacity-50",
500
+ "flex",
501
+ "focus-visible:text-brand",
502
+ "focus-visible:bg-brand-secondary",
503
+ "focus-visible:z-10",
626
504
  "uds-ring",
627
- "uds-ring-within",
628
- "transition-[background-color,border-color,box-shadow]",
629
- "pointer-events-none",
630
- "transition-opacity",
631
- "cursor-[inherit]",
632
- "absolute",
633
- "opacity-0",
634
- "top-1/2",
635
- "left-1/2",
636
- "w-[calc(100%+2px)]",
637
- "h-[calc(100%+2px)]",
638
- "transform",
639
- "translate-x-[-50%]",
640
- "translate-y-[-50%]",
641
- "text-start",
642
- "text-end"
505
+ "!-outline-offset-2",
506
+ "[&:not([aria-checked])]:cursor-default",
507
+ "opacity-25",
508
+ "cursor-not-allowed",
509
+ "duration-20",
510
+ "transition-[font-variation-settings]",
511
+ "ease-in-out",
512
+ "z-0"
643
513
  ],
644
514
  "internalComponents": [
645
- "Icon",
646
- "FormLabel",
647
- "SpringMotionConfig",
648
- "RootElement",
649
- "MotionBox"
515
+ "Pressable",
516
+ "IconSlot",
517
+ "RootComponent",
518
+ "HStack",
519
+ "AnimatePresence"
650
520
  ],
651
521
  "internalComponentProps": {
652
- "Icon": { "size": ["sm"] },
653
- "FormLabel": {
654
- "as": ["div"],
655
- "variant": ["inherit"],
656
- "color": ["inherit"]
657
- },
658
- "RootElement": { "data-testid": ["container"] },
659
- "MotionBox": {
660
- "position": ["relative"],
522
+ "HStack": {
661
523
  "alignItems": ["center"],
662
- "justifyContent": ["center"],
663
- "flex": ["none"]
664
- }
524
+ "width": ["full"]
525
+ },
526
+ "AnimatePresence": { "mode": ["popLayout"] }
665
527
  },
666
528
  "propToVariantKeys": {
667
- "size": ["checkboxSizeRoot", "checkboxSizeCheckbox"],
668
- "variant": [
669
- "checkboxVariantRoot",
670
- "checkboxVariantCheckbox",
671
- "checkboxVariantCheckboxIcon"
672
- ],
673
- "valueState": [
674
- "checkboxVariantValueRoot",
675
- "checkboxVariantValueCheckbox",
676
- "checkboxVariantValueCheckboxIcon"
677
- ],
678
- "reduceMotion": ["reducedMotion"]
529
+ "startIcon": ["icon"],
530
+ "endIcon": ["icon"],
531
+ "columnGap": ["gap"]
679
532
  },
680
- "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
533
+ "motionVarPrefixes": []
681
534
  };
682
- var IconButton = {
683
- "name": "IconButton",
684
- "defaultProps": { "type": "button" },
535
+ var Menu_Trigger = {
536
+ "name": "Menu.Trigger",
537
+ "defaultProps": {},
538
+ "getStylesLiterals": {},
539
+ "cxLiterals": ["uds-menu-trigger"],
540
+ "internalComponents": ["AriakitMenuTrigger", "Box"],
541
+ "internalComponentProps": { "Box": { "className": ["uds-ring h-fit w-fit"] } },
542
+ "propToVariantKeys": {},
543
+ "motionVarPrefixes": []
544
+ };
545
+ var Menu_Content = {
546
+ "name": "Menu.Content",
547
+ "defaultProps": {
548
+ "size": "default",
549
+ "variant": "default",
550
+ "gutter": "1"
551
+ },
685
552
  "getStylesLiterals": {},
686
553
  "cxLiterals": [
554
+ "uds-menu-content",
555
+ "transition-shadow",
556
+ "duration-200",
557
+ "ease-in-out",
558
+ "min-w-60",
559
+ "max-w-lg",
560
+ "max-h-96",
561
+ "overflow-auto",
687
562
  "uds-ring",
688
- "uds-hit-target",
689
- "inline-flex",
690
- "overflow-hidden",
691
- "justify-center",
692
- "items-center",
693
- "[transform-origin:center]",
694
- "[backface-visibility:hidden]",
695
- "[transition-property:color,background-color,border-color,",
696
- "box-shadow,text-decoration-color,fill,stroke]",
697
- "[transition-timing-function:cubic-bezier(0,0,0.2,1)]",
698
- "[transition-duration:220ms]",
699
- "cursor-not-allowed",
700
- "uds-button-loading",
701
- "uds-button-without-effects",
702
- "animate-spin"
563
+ "z-10",
564
+ "group"
703
565
  ],
704
566
  "internalComponents": [
705
- "Icon",
706
- "SpringMotionConfig",
707
- "AnimatePresence"
567
+ "AriakitMenu",
568
+ "AnimatePresence",
569
+ "MotionVStack"
708
570
  ],
709
- "internalComponentProps": {
710
- "Icon": { "color": ["current"] },
711
- "SpringMotionConfig": { "layoutSpeed": ["3"] },
712
- "AnimatePresence": { "mode": ["popLayout"] }
713
- },
571
+ "internalComponentProps": {},
714
572
  "propToVariantKeys": {
715
- "size": ["iconbuttonSizeRoot", "iconbuttonSizeIcon"],
716
- "variant": ["buttonVariantRoot", "buttonVariantIcon"],
717
- "iconVariant": ["variant"]
573
+ "size": ["menucontentSizeRoot"],
574
+ "variant": ["menucontentVariantRoot"]
718
575
  },
719
- "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
576
+ "motionVarPrefixes": []
720
577
  };
721
- var Pressable = {
722
- "name": "Pressable",
723
- "defaultProps": {},
724
- "getStylesLiterals": {},
578
+ var Menu_Divider = {
579
+ "name": "Menu.Divider",
580
+ "defaultProps": {
581
+ "role": "separator",
582
+ "contentPosition": "start",
583
+ "gap": "4"
584
+ },
585
+ "getStylesLiterals": {
586
+ "menuitemDividerVariantRoot": "default",
587
+ "menuitemDividerVariantText": "default",
588
+ "menuitemDividerVariantLine": "default"
589
+ },
725
590
  "cxLiterals": [],
726
- "internalComponents": ["Comp"],
727
- "internalComponentProps": {},
591
+ "internalComponents": ["DividerInternal"],
592
+ "internalComponentProps": { "DividerInternal": { "variant": ["inherit"] } },
728
593
  "propToVariantKeys": {},
729
594
  "motionVarPrefixes": []
730
595
  };
731
- var SpringMotionConfig = {
732
- "name": "SpringMotionConfig",
733
- "defaultProps": { "reducedMotion": "user" },
596
+ var Menu = {
597
+ "name": "Menu",
598
+ "defaultProps": {},
734
599
  "getStylesLiterals": {},
735
600
  "cxLiterals": [],
736
- "internalComponents": ["LazyMotion", "MotionConfig"],
601
+ "internalComponents": [],
737
602
  "internalComponentProps": {},
738
- "propToVariantKeys": { "loadFeatures": ["features"] },
603
+ "propToVariantKeys": {},
739
604
  "motionVarPrefixes": []
740
605
  };
741
- var Switch = {
742
- "name": "Switch",
743
- "defaultProps": {
744
- "labelPosition": "start",
745
- "size": "md"
746
- },
606
+ var Menu_ItemCheckbox = {
607
+ "name": "Menu.ItemCheckbox",
608
+ "defaultProps": {},
747
609
  "getStylesLiterals": {
748
- "switchVariantRoot": "default",
749
- "switchVariantActiveRoot": "on",
750
- "switchVariantActiveRoot:1": "off",
751
- "display": "flex",
752
- "flexDirection": "row",
753
- "flexDirection:1": "row-reverse",
754
- "alignItems": "center",
755
- "switchVariantSwitch": "default",
756
- "switchVariantActiveSwitch": "on",
757
- "switchVariantActiveSwitch:1": "off",
758
- "borderRadius": "full",
759
- "position": "relative",
760
- "switchVariantActiveHandle": "on",
761
- "switchVariantActiveHandle:1": "off",
762
- "switchVariantHandle": "default",
763
- "switchVariantHandleIcon": "default",
764
- "switchVariantActiveHandleIcon": "on",
765
- "switchVariantActiveHandleIcon:1": "off"
766
- },
767
- "cxLiterals": [
768
- "group",
769
- "cursor-pointer",
770
- "cursor-default",
771
- "opacity-50",
772
- "uds-ring",
773
- "uds-ring-within",
774
- "transition-[background-color,box-shadow]",
775
- "relative",
776
- "pointer-events-none",
777
- "uds-border-radius-full",
778
- "overflow-hidden",
779
- "absolute",
780
- "top-0",
781
- "left-0",
782
- "right-0",
783
- "bottom-0",
784
- "opacity-95",
785
- "group-hover:opacity-100",
786
- "transition-[background-color,box-shadow,opacity]",
787
- "opacity-0",
788
- "top-1/2",
789
- "left-1/2",
790
- "transform",
791
- "translate-x-[-50%]",
792
- "translate-y-[-50%]",
793
- "transition-opacity",
794
- "cursor-[inherit]",
795
- "w-[calc(100%+2px)]",
796
- "h-[calc(100%+2px)]",
797
- "text-start",
798
- "text-end",
799
- "opacity-100"
800
- ],
801
- "internalComponents": [
802
- "IconSlot",
803
- "Box",
804
- "FormLabel",
805
- "SpringMotionConfig",
806
- "RootElement",
807
- "MotionBox"
808
- ],
809
- "internalComponentProps": {
810
- "IconSlot": { "data-testid": ["on-icon", "off-icon"] },
811
- "FormLabel": {
812
- "as": ["div"],
813
- "variant": ["inherit"],
814
- "color": ["inherit"]
815
- },
816
- "RootElement": { "data-testid": ["container"] }
817
- },
818
- "propToVariantKeys": {
819
- "size": [
820
- "switchSizeRoot",
821
- "switchSizeSwitch",
822
- "switchSizeHandle",
823
- "switchSizeHandleIcon"
824
- ],
825
- "onIcon": ["icon"],
826
- "offIcon": ["icon"],
827
- "reduceMotion": ["reducedMotion"]
610
+ "menuitemItemCheckboxVariantRoot": "default",
611
+ "menuitemItemCheckboxVariantActiveRoot": "on",
612
+ "menuitemItemCheckboxVariantActiveRoot:1": "off",
613
+ "menuitemItemCheckboxVariantText": "default",
614
+ "menuitemItemCheckboxVariantActiveText": "on",
615
+ "menuitemItemCheckboxVariantActiveText:1": "off",
616
+ "menuitemItemCheckboxVariantStartIcon": "default",
617
+ "menuitemItemCheckboxVariantActiveStartIcon": "on",
618
+ "menuitemItemCheckboxVariantActiveStartIcon:1": "off",
619
+ "menuitemItemCheckboxVariantEndIcon": "default",
620
+ "menuitemItemCheckboxVariantActiveEndIcon": "on",
621
+ "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
828
622
  },
829
- "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
623
+ "cxLiterals": ["uds-menu-item-checkbox"],
624
+ "internalComponents": ["MenuItemBase"],
625
+ "internalComponentProps": {},
626
+ "propToVariantKeys": {},
627
+ "motionVarPrefixes": []
830
628
  };
831
- var UDSBreakpointsConfigProvider = {
832
- "name": "UDSBreakpointsConfigProvider",
629
+ var ChipLink = {
630
+ "name": "ChipLink",
833
631
  "defaultProps": {},
834
632
  "getStylesLiterals": {},
835
633
  "cxLiterals": [],
836
- "internalComponents": ["UDSBreakpointsConfigContext.Provider"],
837
- "internalComponentProps": {},
838
- "propToVariantKeys": {},
634
+ "internalComponents": ["ChipBase"],
635
+ "internalComponentProps": { "ChipBase": { "as": ["a"] } },
636
+ "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
839
637
  "motionVarPrefixes": []
840
638
  };
841
- var UDSConfigProvider = {
842
- "name": "UDSConfigProvider",
639
+ var ChipDismissible = {
640
+ "name": "ChipDismissible",
843
641
  "defaultProps": {},
844
642
  "getStylesLiterals": {},
845
- "cxLiterals": [],
643
+ "cxLiterals": ["uds-chip-dismissible-button", "uds-hit-target"],
846
644
  "internalComponents": [
847
- "UDSBreakpointsConfigProvider",
848
- "UDSToastConfigProvider",
849
- "UDSTooltipConfigProvider"
645
+ "ChipBase",
646
+ "IconSlot",
647
+ "Pressable"
850
648
  ],
851
649
  "internalComponentProps": {},
852
- "propToVariantKeys": {},
650
+ "propToVariantKeys": {
651
+ "variant": ["chipDismissibleVariantRoot", "chipDismissibleVariantIcon"],
652
+ "dismissButtonAriaLabel": ["aria-label"]
653
+ },
853
654
  "motionVarPrefixes": []
854
655
  };
855
- var Tooltip = {
856
- "name": "Tooltip",
656
+ var ChipToggle = {
657
+ "name": "ChipToggle",
658
+ "defaultProps": { "role": "checkbox" },
659
+ "getStylesLiterals": {
660
+ "chipToggleVariantActiveRoot": "on",
661
+ "chipToggleVariantActiveRoot:1": "off"
662
+ },
663
+ "cxLiterals": [],
664
+ "internalComponents": ["ChipBase"],
665
+ "internalComponentProps": { "ChipBase": { "as": ["button"] } },
666
+ "propToVariantKeys": { "variant": ["chipToggleVariantRoot", "chipToggleVariantIcon"] },
667
+ "motionVarPrefixes": []
668
+ };
669
+ var Chip = {
670
+ "name": "Chip",
857
671
  "defaultProps": {},
858
672
  "getStylesLiterals": {},
859
673
  "cxLiterals": [],
860
- "internalComponents": ["TooltipInternalContext.Provider", "TooltipProvider"],
674
+ "internalComponents": [
675
+ "ChipDismissible",
676
+ "ChipToggle",
677
+ "ChipLink",
678
+ "ChipButton"
679
+ ],
861
680
  "internalComponentProps": {},
862
681
  "propToVariantKeys": {},
863
682
  "motionVarPrefixes": []
864
683
  };
865
- var TooltipContent = {
866
- "name": "TooltipContent",
867
- "defaultProps": {},
868
- "getStylesLiterals": {
869
- "tooltipSizeRoot": "default",
684
+ var ChipBase = {
685
+ "name": "ChipBase",
686
+ "defaultProps": { "as": "div" },
687
+ "getStylesLiterals": {},
688
+ "cxLiterals": [
689
+ "pointer-events-none",
690
+ "cursor-default",
691
+ "opacity-50",
692
+ "inline-flex",
693
+ "items-center",
694
+ "focus-visible:-outline-offset-2",
695
+ "uds-ring",
696
+ "transition-[background-color,outline-color,box-shadow]",
697
+ "truncate",
698
+ "whitespace-nowrap",
699
+ "text-center",
700
+ "flex-1"
701
+ ],
702
+ "internalComponents": [
703
+ "IconSlot",
704
+ "HStack",
705
+ "As",
706
+ "Text"
707
+ ],
708
+ "internalComponentProps": { "Text": {
709
+ "as": ["span"],
710
+ "color": ["current"],
711
+ "variant": ["inherit"]
712
+ } },
713
+ "propToVariantKeys": {
714
+ "size": ["chipSizeRoot", "chipSizeIcon"],
715
+ "startIcon": ["icon"],
716
+ "endIcon": ["icon"]
717
+ },
718
+ "motionVarPrefixes": []
719
+ };
720
+ var ChipButton = {
721
+ "name": "ChipButton",
722
+ "defaultProps": {},
723
+ "getStylesLiterals": {},
724
+ "cxLiterals": [],
725
+ "internalComponents": ["ChipBase"],
726
+ "internalComponentProps": { "ChipBase": { "as": ["button"] } },
727
+ "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
728
+ "motionVarPrefixes": []
729
+ };
730
+ var UDSConfigProvider = {
731
+ "name": "UDSConfigProvider",
732
+ "defaultProps": {},
733
+ "getStylesLiterals": {},
734
+ "cxLiterals": [],
735
+ "internalComponents": [
736
+ "UDSBreakpointsConfigProvider",
737
+ "UDSToastConfigProvider",
738
+ "UDSTooltipConfigProvider"
739
+ ],
740
+ "internalComponentProps": {},
741
+ "propToVariantKeys": {},
742
+ "motionVarPrefixes": []
743
+ };
744
+ var UDSBreakpointsConfigProvider = {
745
+ "name": "UDSBreakpointsConfigProvider",
746
+ "defaultProps": {},
747
+ "getStylesLiterals": {},
748
+ "cxLiterals": [],
749
+ "internalComponents": ["UDSBreakpointsConfigContext.Provider"],
750
+ "internalComponentProps": {},
751
+ "propToVariantKeys": {},
752
+ "motionVarPrefixes": []
753
+ };
754
+ var Input = {
755
+ "name": "Input",
756
+ "defaultProps": {
757
+ "type": "text",
758
+ "size": "md",
759
+ "width": "full"
760
+ },
761
+ "getStylesLiterals": {
762
+ "inputVariantRoot": "default",
763
+ "inputVariantValueRoot": "empty",
764
+ "inputVariantValueRoot:1": "filled",
765
+ "inputVariantInputWrapper": "default",
766
+ "inputVariantValueInputWrapper": "empty",
767
+ "inputVariantValueInputWrapper:1": "filled",
768
+ "inputVariantInput": "default",
769
+ "inputVariantValueInput": "empty",
770
+ "inputVariantValueInput:1": "filled",
771
+ "inputVariantInputPlaceholder": "default",
772
+ "inputVariantValueInputPlaceholder": "empty",
773
+ "inputVariantValueInputPlaceholder:1": "filled",
774
+ "inputVariantLabel": "default",
775
+ "inputVariantValueLabel": "empty",
776
+ "inputVariantValueLabel:1": "filled",
777
+ "inputVariantLabelRequired": "default",
778
+ "inputVariantValueLabelRequired": "empty",
779
+ "inputVariantValueLabelRequired:1": "filled",
780
+ "inputVariantStartIcon": "default",
781
+ "inputVariantValueStartIcon": "empty",
782
+ "inputVariantValueStartIcon:1": "filled",
783
+ "inputVariantEndIcon": "default",
784
+ "inputVariantValueEndIcon": "empty",
785
+ "inputVariantValueEndIcon:1": "filled"
786
+ },
787
+ "cxLiterals": [
788
+ "opacity-50",
789
+ "min-w-[200px]",
790
+ "grow",
791
+ "uds-hit-target",
792
+ "bg-clip-text",
793
+ "focus:outline-none",
794
+ "cursor-text",
795
+ "cursor-not-allowed"
796
+ ],
797
+ "internalComponents": [
798
+ "IconSlot",
799
+ "StartIcon",
800
+ "EndIcon",
801
+ "HelpTextContent",
802
+ "Box",
803
+ "InputHelpTextInternal",
804
+ "VStack",
805
+ "HStack",
806
+ "AnimateHeightChange"
807
+ ],
808
+ "internalComponentProps": {
809
+ "HelpTextContent": { "spacingTop": ["2"] },
810
+ "Box": {
811
+ "spacingBottom": ["2"],
812
+ "columnGap": ["0.5"],
813
+ "alignItems": ["flex-end", "center"],
814
+ "position": ["relative"]
815
+ },
816
+ "HStack": {
817
+ "alignItems": ["center"],
818
+ "gap": ["1"]
819
+ }
820
+ },
821
+ "propToVariantKeys": {
822
+ "size": [
823
+ "inputSizeRoot",
824
+ "inputSizeInputWrapper",
825
+ "inputSizeInput",
826
+ "inputSizeLabel",
827
+ "inputSizeStartIcon",
828
+ "inputSizeEndIcon"
829
+ ],
830
+ "startIcon": ["icon"],
831
+ "endIcon": ["icon"],
832
+ "helperTextIcon": ["startIcon"]
833
+ },
834
+ "motionVarPrefixes": []
835
+ };
836
+ var InputHelpText = {
837
+ "name": "InputHelpText",
838
+ "defaultProps": { "size": "md" },
839
+ "getStylesLiterals": {
840
+ "inputVariantRoot": "default",
841
+ "inputVariantValueRoot": "empty",
842
+ "inputVariantValueRoot:1": "filled"
843
+ },
844
+ "cxLiterals": [],
845
+ "internalComponents": ["InputHelpTextInternal", "Box"],
846
+ "internalComponentProps": { "Box": { "spacingTop": ["2"] } },
847
+ "propToVariantKeys": { "size": ["inputSizeRoot"] },
848
+ "motionVarPrefixes": []
849
+ };
850
+ var InputHelpTextInternal = {
851
+ "name": "InputHelpTextInternal",
852
+ "defaultProps": {},
853
+ "getStylesLiterals": {
854
+ "inputVariantHelperText": "default",
855
+ "inputVariantValueHelperText": "empty",
856
+ "inputVariantValueHelperText:1": "filled",
857
+ "inputVariantHelperIcon": "default",
858
+ "inputVariantValueHelperIcon": "empty",
859
+ "inputVariantValueHelperIcon:1": "filled"
860
+ },
861
+ "cxLiterals": [],
862
+ "internalComponents": ["IconSlot", "HStack"],
863
+ "internalComponentProps": { "HStack": {
864
+ "gap": ["1"],
865
+ "alignItems": ["center"]
866
+ } },
867
+ "propToVariantKeys": {
868
+ "size": ["inputSizeHelperText", "inputSizeHelperIcon"],
869
+ "startIcon": ["icon"],
870
+ "endIcon": ["icon"]
871
+ },
872
+ "motionVarPrefixes": []
873
+ };
874
+ var UDSTooltipConfigProvider = {
875
+ "name": "UDSTooltipConfigProvider",
876
+ "defaultProps": {},
877
+ "getStylesLiterals": {},
878
+ "cxLiterals": [],
879
+ "internalComponents": ["TooltipContext.Provider"],
880
+ "internalComponentProps": {},
881
+ "propToVariantKeys": {},
882
+ "motionVarPrefixes": []
883
+ };
884
+ var TooltipTrigger = {
885
+ "name": "TooltipTrigger",
886
+ "defaultProps": {},
887
+ "getStylesLiterals": {},
888
+ "cxLiterals": [],
889
+ "internalComponents": ["TooltipAnchor"],
890
+ "internalComponentProps": { "TooltipAnchor": { "className": ["inline"] } },
891
+ "propToVariantKeys": { "children": ["render"] },
892
+ "motionVarPrefixes": []
893
+ };
894
+ var TooltipContent = {
895
+ "name": "TooltipContent",
896
+ "defaultProps": {},
897
+ "getStylesLiterals": {
898
+ "tooltipSizeRoot": "default",
870
899
  "tooltipVariantRoot": "default",
871
900
  "tooltipSizeSvg": "default",
872
901
  "tooltipVariantSvg": "default",
@@ -913,105 +942,37 @@ var TooltipContent = {
913
942
  "propToVariantKeys": { "startTitleIcon": ["icon"] },
914
943
  "motionVarPrefixes": []
915
944
  };
916
- var TooltipTrigger = {
917
- "name": "TooltipTrigger",
945
+ var Tooltip = {
946
+ "name": "Tooltip",
918
947
  "defaultProps": {},
919
948
  "getStylesLiterals": {},
920
949
  "cxLiterals": [],
921
- "internalComponents": ["TooltipAnchor"],
922
- "internalComponentProps": { "TooltipAnchor": { "className": ["inline"] } },
923
- "propToVariantKeys": { "children": ["render"] },
950
+ "internalComponents": ["TooltipInternalContext.Provider", "TooltipProvider"],
951
+ "internalComponentProps": {},
952
+ "propToVariantKeys": {},
924
953
  "motionVarPrefixes": []
925
954
  };
926
- var UDSTooltipConfigProvider = {
927
- "name": "UDSTooltipConfigProvider",
955
+ var RadioGroupStore = {
956
+ "name": "RadioGroupStore",
928
957
  "defaultProps": {},
929
958
  "getStylesLiterals": {},
930
959
  "cxLiterals": [],
931
- "internalComponents": ["TooltipContext.Provider"],
960
+ "internalComponents": [],
932
961
  "internalComponentProps": {},
933
962
  "propToVariantKeys": {},
934
963
  "motionVarPrefixes": []
935
964
  };
936
- var Toast = {
937
- "name": "Toast",
965
+ var RadioGroupProvider = {
966
+ "name": "RadioGroupProvider",
938
967
  "defaultProps": {},
939
- "getStylesLiterals": {
940
- "className": "flex-none",
941
- "spacing": "2",
942
- "borderRadius": "full"
943
- },
944
- "cxLiterals": [
945
- "transition-[background-color]",
946
- "bg-carbon-15/0",
947
- "hover:bg-carbon-15/10",
948
- "active:bg-carbon-15/15"
949
- ],
968
+ "getStylesLiterals": {},
969
+ "cxLiterals": [],
950
970
  "internalComponents": [
951
- "IconSlot",
952
- "ToastContainer",
953
- "Text",
954
- "Button",
955
- "Pressable"
971
+ "DivProps",
972
+ "Comp",
973
+ "RadioGroupContext.Provider"
956
974
  ],
957
- "internalComponentProps": {},
958
- "propToVariantKeys": {
959
- "size": [
960
- "toastSizeLabel",
961
- "toastSizeIcon",
962
- "toastSizeActionButton",
963
- "toastSizeCloseIcon"
964
- ],
965
- "variant": [
966
- "toastVariantIcon",
967
- "toastVariantActionButton",
968
- "toastVariantCloseIcon"
969
- ],
970
- "closeIcon": ["icon"],
971
- "onClickActionButton": ["onClick"]
972
- },
973
- "motionVarPrefixes": []
974
- };
975
- var ToastContainer = {
976
- "name": "ToastContainer",
977
- "defaultProps": {},
978
- "getStylesLiterals": {
979
- "position": "relative",
980
- "alignItems": "center",
981
- "display": "flex",
982
- "className": "box-border touch-none z-0 w-full break-words mb-2 last:mb-0"
983
- },
984
- "cxLiterals": ["w-full"],
985
- "internalComponents": ["HStack"],
986
- "internalComponentProps": { "HStack": {
987
- "alignItems": ["center"],
988
- "justifyContent": ["space-between"],
989
- "overflow": ["hidden"],
990
- "position": ["relative"]
991
- } },
992
- "propToVariantKeys": {
993
- "variant": ["toastVariantRoot"],
994
- "size": ["toastSizeRoot"]
995
- },
996
- "motionVarPrefixes": []
997
- };
998
- var ToastPortal = {
999
- "name": "ToastPortal",
1000
- "defaultProps": {},
1001
- "getStylesLiterals": {},
1002
- "cxLiterals": [],
1003
- "internalComponents": ["ReactToastifyToastContainer"],
1004
- "internalComponentProps": {},
1005
- "propToVariantKeys": {},
1006
- "motionVarPrefixes": []
1007
- };
1008
- var UDSToastConfigProvider = {
1009
- "name": "UDSToastConfigProvider",
1010
- "defaultProps": {},
1011
- "getStylesLiterals": {},
1012
- "cxLiterals": [],
1013
- "internalComponents": ["ToastContext.Provider"],
1014
- "internalComponentProps": {},
975
+ "internalComponentProps": { "Comp": { "role": ["radiogroup"] } },
1015
976
  "propToVariantKeys": {},
1016
977
  "motionVarPrefixes": []
1017
978
  };
@@ -1095,626 +1056,665 @@ var Radio = {
1095
1056
  },
1096
1057
  "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
1097
1058
  };
1098
- var RadioGroupProvider = {
1099
- "name": "RadioGroupProvider",
1100
- "defaultProps": {},
1101
- "getStylesLiterals": {},
1102
- "cxLiterals": [],
1103
- "internalComponents": [
1104
- "DivProps",
1105
- "Comp",
1106
- "RadioGroupContext.Provider"
1107
- ],
1108
- "internalComponentProps": { "Comp": { "role": ["radiogroup"] } },
1109
- "propToVariantKeys": {},
1110
- "motionVarPrefixes": []
1111
- };
1112
- var RadioGroupStore = {
1113
- "name": "RadioGroupStore",
1059
+ var UDSToastConfigProvider = {
1060
+ "name": "UDSToastConfigProvider",
1114
1061
  "defaultProps": {},
1115
1062
  "getStylesLiterals": {},
1116
1063
  "cxLiterals": [],
1117
- "internalComponents": [],
1064
+ "internalComponents": ["ToastContext.Provider"],
1118
1065
  "internalComponentProps": {},
1119
1066
  "propToVariantKeys": {},
1120
1067
  "motionVarPrefixes": []
1121
1068
  };
1122
- var Menu_Content = {
1123
- "name": "Menu.Content",
1124
- "defaultProps": {
1125
- "size": "default",
1126
- "variant": "default",
1127
- "gutter": "1"
1069
+ var Toast = {
1070
+ "name": "Toast",
1071
+ "defaultProps": {},
1072
+ "getStylesLiterals": {
1073
+ "className": "flex-none",
1074
+ "spacing": "2",
1075
+ "borderRadius": "full"
1128
1076
  },
1129
- "getStylesLiterals": {},
1130
1077
  "cxLiterals": [
1131
- "uds-menu-content",
1132
- "transition-shadow",
1133
- "duration-200",
1134
- "ease-in-out",
1135
- "min-w-60",
1136
- "max-w-lg",
1137
- "max-h-96",
1138
- "overflow-auto",
1139
- "uds-ring",
1140
- "z-10",
1141
- "group"
1078
+ "transition-[background-color]",
1079
+ "bg-carbon-15/0",
1080
+ "hover:bg-carbon-15/10",
1081
+ "active:bg-carbon-15/15"
1142
1082
  ],
1143
1083
  "internalComponents": [
1144
- "AriakitMenu",
1145
- "AnimatePresence",
1146
- "MotionVStack"
1084
+ "IconSlot",
1085
+ "ToastContainer",
1086
+ "Text",
1087
+ "Button",
1088
+ "Pressable"
1147
1089
  ],
1148
1090
  "internalComponentProps": {},
1149
1091
  "propToVariantKeys": {
1150
- "size": ["menucontentSizeRoot"],
1151
- "variant": ["menucontentVariantRoot"]
1092
+ "size": [
1093
+ "toastSizeLabel",
1094
+ "toastSizeIcon",
1095
+ "toastSizeActionButton",
1096
+ "toastSizeCloseIcon"
1097
+ ],
1098
+ "variant": [
1099
+ "toastVariantIcon",
1100
+ "toastVariantActionButton",
1101
+ "toastVariantCloseIcon"
1102
+ ],
1103
+ "closeIcon": ["icon"],
1104
+ "onClickActionButton": ["onClick"]
1152
1105
  },
1153
1106
  "motionVarPrefixes": []
1154
1107
  };
1155
- var Menu_Divider = {
1156
- "name": "Menu.Divider",
1157
- "defaultProps": {
1158
- "role": "separator",
1159
- "contentPosition": "start",
1160
- "gap": "4"
1161
- },
1108
+ var ToastContainer = {
1109
+ "name": "ToastContainer",
1110
+ "defaultProps": {},
1162
1111
  "getStylesLiterals": {
1163
- "menuitemDividerVariantRoot": "default",
1164
- "menuitemDividerVariantText": "default",
1165
- "menuitemDividerVariantLine": "default"
1112
+ "position": "relative",
1113
+ "alignItems": "center",
1114
+ "display": "flex",
1115
+ "className": "box-border touch-none z-0 w-full break-words mb-2 last:mb-0"
1116
+ },
1117
+ "cxLiterals": ["w-full"],
1118
+ "internalComponents": ["HStack"],
1119
+ "internalComponentProps": { "HStack": {
1120
+ "alignItems": ["center"],
1121
+ "justifyContent": ["space-between"],
1122
+ "overflow": ["hidden"],
1123
+ "position": ["relative"]
1124
+ } },
1125
+ "propToVariantKeys": {
1126
+ "variant": ["toastVariantRoot"],
1127
+ "size": ["toastSizeRoot"]
1166
1128
  },
1167
- "cxLiterals": [],
1168
- "internalComponents": ["DividerInternal"],
1169
- "internalComponentProps": { "DividerInternal": { "variant": ["inherit"] } },
1170
- "propToVariantKeys": {},
1171
1129
  "motionVarPrefixes": []
1172
1130
  };
1173
- var Menu_Item = {
1174
- "name": "Menu.Item",
1131
+ var ToastPortal = {
1132
+ "name": "ToastPortal",
1175
1133
  "defaultProps": {},
1176
- "getStylesLiterals": {
1177
- "menuitemItemVariantRoot": "default",
1178
- "menuitemItemVariantActiveRoot": "on",
1179
- "menuitemItemVariantActiveRoot:1": "off",
1180
- "menuitemItemVariantText": "default",
1181
- "menuitemItemVariantActiveText": "on",
1182
- "menuitemItemVariantActiveText:1": "off",
1183
- "menuitemItemVariantIcon": "default",
1184
- "menuitemItemVariantActiveIcon": "on",
1185
- "menuitemItemVariantActiveIcon:1": "off"
1186
- },
1134
+ "getStylesLiterals": {},
1187
1135
  "cxLiterals": [],
1188
- "internalComponents": ["MenuItemBase"],
1136
+ "internalComponents": ["ReactToastifyToastContainer"],
1189
1137
  "internalComponentProps": {},
1190
1138
  "propToVariantKeys": {},
1191
1139
  "motionVarPrefixes": []
1192
1140
  };
1193
- var Menu_ItemBase = {
1194
- "name": "Menu.ItemBase",
1195
- "defaultProps": {
1196
- "spacing": "0",
1197
- "spacingHorizontal": "4",
1198
- "spacingVertical": "3.5",
1199
- "columnGap": "2",
1200
- "alignItems": "center",
1201
- "justifyContent": "space-between"
1202
- },
1203
- "getStylesLiterals": {
1204
- "textAlign": "start",
1205
- "menuitemSizeRoot": "default",
1206
- "flexDirection": "row",
1207
- "menuitemSizeStartIcon": "default",
1208
- "menuitemSizeEndIcon": "default"
1209
- },
1141
+ var AvatarImage = {
1142
+ "name": "AvatarImage",
1143
+ "defaultProps": {},
1144
+ "getStylesLiterals": {},
1210
1145
  "cxLiterals": [
1211
- "flex",
1212
- "focus-visible:text-brand",
1213
- "focus-visible:bg-brand-secondary",
1214
- "focus-visible:z-10",
1215
- "uds-ring",
1216
- "!-outline-offset-2",
1217
- "[&:not([aria-checked])]:cursor-default",
1218
- "opacity-25",
1219
- "cursor-not-allowed",
1220
- "duration-20",
1221
- "transition-[font-variation-settings]",
1222
- "ease-in-out",
1223
- "z-0"
1146
+ "overflow-hidden",
1147
+ "w-full",
1148
+ "h-full",
1149
+ "shrink-0",
1150
+ "text-center",
1151
+ "inline-flex",
1152
+ "justify-center",
1153
+ "items-center",
1154
+ "object-cover"
1224
1155
  ],
1225
1156
  "internalComponents": [
1226
- "Pressable",
1227
- "IconSlot",
1228
- "RootComponent",
1229
- "HStack",
1230
- "AnimatePresence"
1157
+ "UDSImage",
1158
+ "AvatarText",
1159
+ "AvatarIcon",
1160
+ "Box"
1231
1161
  ],
1232
- "internalComponentProps": {
1233
- "HStack": {
1234
- "alignItems": ["center"],
1235
- "width": ["full"]
1236
- },
1237
- "AnimatePresence": { "mode": ["popLayout"] }
1238
- },
1162
+ "internalComponentProps": {},
1239
1163
  "propToVariantKeys": {
1240
- "startIcon": ["icon"],
1241
- "endIcon": ["icon"],
1242
- "columnGap": ["gap"]
1164
+ "alt": ["name"],
1165
+ "fallback": ["initials"]
1243
1166
  },
1244
1167
  "motionVarPrefixes": []
1245
1168
  };
1246
- var Menu_ItemCheckbox = {
1247
- "name": "Menu.ItemCheckbox",
1169
+ var AvatarText = {
1170
+ "name": "AvatarText",
1248
1171
  "defaultProps": {},
1249
- "getStylesLiterals": {
1250
- "menuitemItemCheckboxVariantRoot": "default",
1251
- "menuitemItemCheckboxVariantActiveRoot": "on",
1252
- "menuitemItemCheckboxVariantActiveRoot:1": "off",
1253
- "menuitemItemCheckboxVariantText": "default",
1254
- "menuitemItemCheckboxVariantActiveText": "on",
1255
- "menuitemItemCheckboxVariantActiveText:1": "off",
1256
- "menuitemItemCheckboxVariantStartIcon": "default",
1257
- "menuitemItemCheckboxVariantActiveStartIcon": "on",
1258
- "menuitemItemCheckboxVariantActiveStartIcon:1": "off",
1259
- "menuitemItemCheckboxVariantEndIcon": "default",
1260
- "menuitemItemCheckboxVariantActiveEndIcon": "on",
1261
- "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
1262
- },
1263
- "cxLiterals": ["uds-menu-item-checkbox"],
1264
- "internalComponents": ["MenuItemBase"],
1265
- "internalComponentProps": {},
1172
+ "getStylesLiterals": {},
1173
+ "cxLiterals": [
1174
+ "overflow-hidden",
1175
+ "truncate",
1176
+ "w-full",
1177
+ "h-full",
1178
+ "shrink-0",
1179
+ "text-center",
1180
+ "inline-flex",
1181
+ "justify-center",
1182
+ "items-center"
1183
+ ],
1184
+ "internalComponents": ["Box", "Text"],
1185
+ "internalComponentProps": { "Text": {
1186
+ "color": ["inherit"],
1187
+ "variant": ["inherit"]
1188
+ } },
1266
1189
  "propToVariantKeys": {},
1267
1190
  "motionVarPrefixes": []
1268
1191
  };
1269
- var Menu_Provider = {
1270
- "name": "Menu.Provider",
1192
+ var Avatar = {
1193
+ "name": "Avatar",
1271
1194
  "defaultProps": {},
1272
1195
  "getStylesLiterals": {},
1273
1196
  "cxLiterals": [],
1274
- "internalComponents": ["AriakitMenuProvider", "SpringMotionConfig"],
1197
+ "internalComponents": ["AvatarImage"],
1275
1198
  "internalComponentProps": {},
1276
1199
  "propToVariantKeys": {},
1277
- "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
1278
- };
1279
- var Menu_Trigger = {
1280
- "name": "Menu.Trigger",
1281
- "defaultProps": {},
1282
- "getStylesLiterals": {},
1283
- "cxLiterals": ["uds-menu-trigger"],
1284
- "internalComponents": ["AriakitMenuTrigger", "Box"],
1285
- "internalComponentProps": { "Box": { "className": ["uds-ring h-fit w-fit"] } },
1286
- "propToVariantKeys": {},
1287
1200
  "motionVarPrefixes": []
1288
1201
  };
1289
- var Menu = {
1290
- "name": "Menu",
1202
+ var AvatarIcon = {
1203
+ "name": "AvatarIcon",
1291
1204
  "defaultProps": {},
1292
1205
  "getStylesLiterals": {},
1293
- "cxLiterals": [],
1294
- "internalComponents": [],
1206
+ "cxLiterals": [
1207
+ "overflow-hidden",
1208
+ "w-full",
1209
+ "h-full",
1210
+ "shrink-0",
1211
+ "text-center",
1212
+ "inline-flex",
1213
+ "justify-center",
1214
+ "items-center"
1215
+ ],
1216
+ "internalComponents": ["IconSlot", "Box"],
1295
1217
  "internalComponentProps": {},
1296
- "propToVariantKeys": {},
1218
+ "propToVariantKeys": { "size": ["avatarSizeIcon"] },
1297
1219
  "motionVarPrefixes": []
1298
1220
  };
1299
- var Input = {
1300
- "name": "Input",
1301
- "defaultProps": {
1302
- "type": "text",
1303
- "size": "md",
1304
- "width": "full"
1305
- },
1306
- "getStylesLiterals": {
1307
- "inputVariantRoot": "default",
1308
- "inputVariantValueRoot": "empty",
1309
- "inputVariantValueRoot:1": "filled",
1310
- "inputVariantInputWrapper": "default",
1311
- "inputVariantValueInputWrapper": "empty",
1312
- "inputVariantValueInputWrapper:1": "filled",
1313
- "inputVariantInput": "default",
1314
- "inputVariantValueInput": "empty",
1315
- "inputVariantValueInput:1": "filled",
1316
- "inputVariantInputPlaceholder": "default",
1317
- "inputVariantValueInputPlaceholder": "empty",
1318
- "inputVariantValueInputPlaceholder:1": "filled",
1319
- "inputVariantLabel": "default",
1320
- "inputVariantValueLabel": "empty",
1321
- "inputVariantValueLabel:1": "filled",
1322
- "inputVariantLabelRequired": "default",
1323
- "inputVariantValueLabelRequired": "empty",
1324
- "inputVariantValueLabelRequired:1": "filled",
1325
- "inputVariantStartIcon": "default",
1326
- "inputVariantValueStartIcon": "empty",
1327
- "inputVariantValueStartIcon:1": "filled",
1328
- "inputVariantEndIcon": "default",
1329
- "inputVariantValueEndIcon": "empty",
1330
- "inputVariantValueEndIcon:1": "filled"
1331
- },
1332
- "cxLiterals": [
1333
- "opacity-50",
1334
- "min-w-[200px]",
1335
- "grow",
1336
- "uds-hit-target",
1337
- "bg-clip-text",
1338
- "focus:outline-none",
1339
- "cursor-text",
1340
- "cursor-not-allowed"
1341
- ],
1221
+ var DividerCore = {
1222
+ "name": "DividerCore",
1223
+ "defaultProps": { "contentPosition": "center" },
1224
+ "getStylesLiterals": {},
1225
+ "cxLiterals": [],
1342
1226
  "internalComponents": [
1343
- "IconSlot",
1344
- "StartIcon",
1345
- "EndIcon",
1346
- "HelpTextContent",
1347
1227
  "Box",
1348
- "InputHelpTextInternal",
1349
- "VStack",
1350
- "HStack",
1351
- "AnimateHeightChange"
1228
+ "Line",
1229
+ "InternalComponent",
1230
+ "Text"
1352
1231
  ],
1353
1232
  "internalComponentProps": {
1354
- "HelpTextContent": { "spacingTop": ["2"] },
1355
1233
  "Box": {
1356
- "spacingBottom": ["2"],
1357
- "columnGap": ["0.5"],
1358
- "alignItems": ["flex-end", "center"],
1359
- "position": ["relative"]
1234
+ "flex": ["1", "none"],
1235
+ "display": ["flex"]
1360
1236
  },
1361
- "HStack": {
1362
- "alignItems": ["center"],
1363
- "gap": ["1"]
1237
+ "InternalComponent": {
1238
+ "flex": ["1"],
1239
+ "alignItems": ["center"]
1240
+ },
1241
+ "Text": {
1242
+ "as": ["span"],
1243
+ "color": ["inherit"],
1244
+ "variant": ["inherit"]
1364
1245
  }
1365
1246
  },
1366
- "propToVariantKeys": {
1367
- "size": [
1368
- "inputSizeRoot",
1369
- "inputSizeInputWrapper",
1370
- "inputSizeInput",
1371
- "inputSizeLabel",
1372
- "inputSizeStartIcon",
1373
- "inputSizeEndIcon"
1374
- ],
1375
- "startIcon": ["icon"],
1376
- "endIcon": ["icon"],
1377
- "helperTextIcon": ["startIcon"]
1378
- },
1247
+ "propToVariantKeys": {},
1379
1248
  "motionVarPrefixes": []
1380
1249
  };
1381
- var InputHelpText = {
1382
- "name": "InputHelpText",
1383
- "defaultProps": { "size": "md" },
1384
- "getStylesLiterals": {
1385
- "inputVariantRoot": "default",
1386
- "inputVariantValueRoot": "empty",
1387
- "inputVariantValueRoot:1": "filled"
1388
- },
1389
- "cxLiterals": [],
1390
- "internalComponents": ["InputHelpTextInternal", "Box"],
1391
- "internalComponentProps": { "Box": { "spacingTop": ["2"] } },
1392
- "propToVariantKeys": { "size": ["inputSizeRoot"] },
1250
+ var DividerInternal = {
1251
+ "name": "DividerInternal",
1252
+ "defaultProps": { "variant": "primary" },
1253
+ "getStylesLiterals": {},
1254
+ "cxLiterals": ["inherit"],
1255
+ "internalComponents": ["DividerCore"],
1256
+ "internalComponentProps": {},
1257
+ "propToVariantKeys": { "variant": [
1258
+ "dividerVariantRoot",
1259
+ "dividerVariantLabel",
1260
+ "dividerVariantLine"
1261
+ ] },
1393
1262
  "motionVarPrefixes": []
1394
1263
  };
1395
- var InputHelpTextInternal = {
1396
- "name": "InputHelpTextInternal",
1264
+ var Divider = {
1265
+ "name": "Divider",
1397
1266
  "defaultProps": {},
1398
- "getStylesLiterals": {
1399
- "inputVariantHelperText": "default",
1400
- "inputVariantValueHelperText": "empty",
1401
- "inputVariantValueHelperText:1": "filled",
1402
- "inputVariantHelperIcon": "default",
1403
- "inputVariantValueHelperIcon": "empty",
1404
- "inputVariantValueHelperIcon:1": "filled"
1405
- },
1267
+ "getStylesLiterals": {},
1406
1268
  "cxLiterals": [],
1407
- "internalComponents": ["IconSlot", "HStack"],
1408
- "internalComponentProps": { "HStack": {
1409
- "gap": ["1"],
1410
- "alignItems": ["center"]
1411
- } },
1412
- "propToVariantKeys": {
1413
- "size": ["inputSizeHelperText", "inputSizeHelperIcon"],
1414
- "startIcon": ["icon"],
1415
- "endIcon": ["icon"]
1416
- },
1269
+ "internalComponents": ["DividerInternal"],
1270
+ "internalComponentProps": {},
1271
+ "propToVariantKeys": {},
1417
1272
  "motionVarPrefixes": []
1418
1273
  };
1419
- var Chip = {
1420
- "name": "Chip",
1274
+ var Table_mocks = {
1275
+ "name": "Table.mocks",
1421
1276
  "defaultProps": {},
1422
1277
  "getStylesLiterals": {},
1423
1278
  "cxLiterals": [],
1279
+ "internalComponents": [],
1280
+ "internalComponentProps": {},
1281
+ "propToVariantKeys": {},
1282
+ "motionVarPrefixes": []
1283
+ };
1284
+ var Table = {
1285
+ "name": "Table",
1286
+ "defaultProps": {
1287
+ "display": "table-cell",
1288
+ "overflow": "hidden",
1289
+ "borderColor": "muted",
1290
+ "borderRadius": "md",
1291
+ "spacing": "3",
1292
+ "borderBottomColor": "muted",
1293
+ "color": "primary"
1294
+ },
1295
+ "getStylesLiterals": { "textAlign": "start" },
1296
+ "cxLiterals": [],
1424
1297
  "internalComponents": [
1425
- "ChipDismissible",
1426
- "ChipToggle",
1427
- "ChipLink",
1428
- "ChipButton"
1298
+ "CellComponent",
1299
+ "Box",
1300
+ "Text",
1301
+ "Table.Root",
1302
+ "Table.Header",
1303
+ "Table.Row",
1304
+ "Table.Cell",
1305
+ "Table.Body"
1429
1306
  ],
1430
- "internalComponentProps": {},
1307
+ "internalComponentProps": {
1308
+ "Text": { "borderBottomWidth": ["thin"] },
1309
+ "Table.Cell": { "asHeaderCell": ["column"] }
1310
+ },
1431
1311
  "propToVariantKeys": {},
1432
1312
  "motionVarPrefixes": []
1433
1313
  };
1434
- var ChipBase = {
1435
- "name": "ChipBase",
1436
- "defaultProps": { "as": "div" },
1314
+ var Spinner = {
1315
+ "name": "Spinner",
1316
+ "defaultProps": {
1317
+ "color": "primary",
1318
+ "size": "lg"
1319
+ },
1437
1320
  "getStylesLiterals": {},
1438
- "cxLiterals": [
1439
- "pointer-events-none",
1440
- "cursor-default",
1441
- "opacity-50",
1442
- "inline-flex",
1443
- "items-center",
1444
- "focus-visible:-outline-offset-2",
1445
- "uds-ring",
1446
- "transition-[background-color,outline-color,box-shadow]",
1447
- "truncate",
1448
- "whitespace-nowrap",
1449
- "text-center",
1450
- "flex-1"
1451
- ],
1452
- "internalComponents": [
1453
- "IconSlot",
1454
- "HStack",
1455
- "As",
1456
- "Text"
1457
- ],
1458
- "internalComponentProps": { "Text": {
1459
- "as": ["span"],
1460
- "color": ["current"],
1461
- "variant": ["inherit"]
1321
+ "cxLiterals": ["self-center", "relative"],
1322
+ "internalComponents": ["Icon"],
1323
+ "internalComponentProps": { "Icon": {
1324
+ "role": ["img"],
1325
+ "className": ["animate-spin"],
1326
+ "aria-hidden": ["true"]
1462
1327
  } },
1463
- "propToVariantKeys": {
1464
- "size": ["chipSizeRoot", "chipSizeIcon"],
1465
- "startIcon": ["icon"],
1466
- "endIcon": ["icon"]
1467
- },
1328
+ "propToVariantKeys": {},
1468
1329
  "motionVarPrefixes": []
1469
1330
  };
1470
- var ChipButton = {
1471
- "name": "ChipButton",
1331
+ var AvoidMotionLibraryProvider = {
1332
+ "name": "AvoidMotionLibraryProvider",
1472
1333
  "defaultProps": {},
1473
1334
  "getStylesLiterals": {},
1474
1335
  "cxLiterals": [],
1475
- "internalComponents": ["ChipBase"],
1476
- "internalComponentProps": { "ChipBase": { "as": ["button"] } },
1477
- "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
1336
+ "internalComponents": [],
1337
+ "internalComponentProps": {},
1338
+ "propToVariantKeys": {},
1478
1339
  "motionVarPrefixes": []
1479
1340
  };
1480
- var ChipDismissible = {
1481
- "name": "ChipDismissible",
1341
+ var SegmentedControl = {
1342
+ "name": "SegmentedControl",
1482
1343
  "defaultProps": {},
1483
- "getStylesLiterals": {},
1484
- "cxLiterals": ["uds-chip-dismissible-button", "uds-hit-target"],
1344
+ "getStylesLiterals": {
1345
+ "display": "flex",
1346
+ "alignItems": "center",
1347
+ "backgroundColor": "primary",
1348
+ "spacingVertical": "1",
1349
+ "spacingHorizontal": "3",
1350
+ "columnGap": "1.5",
1351
+ "borderWidth": "thin",
1352
+ "borderRadius": "full",
1353
+ "borderColor": "muted",
1354
+ "borderColor:1": "transparent",
1355
+ "color": "primary",
1356
+ "color:1": "tertiary",
1357
+ "color:2": "muted"
1358
+ },
1359
+ "cxLiterals": [
1360
+ "uds-ring",
1361
+ "cursor-not-allowed",
1362
+ "opacity-50",
1363
+ "pointer-events-none",
1364
+ "hover:bg-primary"
1365
+ ],
1485
1366
  "internalComponents": [
1486
- "ChipBase",
1487
- "IconSlot",
1488
- "Pressable"
1367
+ "Radio",
1368
+ "Icon",
1369
+ "RadioProvider",
1370
+ "HStack",
1371
+ "RadioGroup",
1372
+ "Pressable",
1373
+ "Text"
1489
1374
  ],
1490
- "internalComponentProps": {},
1375
+ "internalComponentProps": {
1376
+ "Icon": {
1377
+ "size": ["sm"],
1378
+ "color": ["current"],
1379
+ "aria-hidden": ["true"]
1380
+ },
1381
+ "HStack": {
1382
+ "spacing": ["1"],
1383
+ "gap": ["1"],
1384
+ "backgroundColor": ["secondary"],
1385
+ "borderRadius": ["full"],
1386
+ "display": ["inline-flex"]
1387
+ },
1388
+ "Text": {
1389
+ "variant": ["label2"],
1390
+ "color": ["current"]
1391
+ }
1392
+ },
1491
1393
  "propToVariantKeys": {
1492
- "variant": ["chipDismissibleVariantRoot", "chipDismissibleVariantIcon"],
1493
- "dismissButtonAriaLabel": ["aria-label"]
1394
+ "value": ["key"],
1395
+ "label": ["aria-label"]
1494
1396
  },
1495
1397
  "motionVarPrefixes": []
1496
1398
  };
1497
- var ChipLink = {
1498
- "name": "ChipLink",
1399
+ var Popover = {
1400
+ "name": "Popover",
1499
1401
  "defaultProps": {},
1500
1402
  "getStylesLiterals": {},
1501
1403
  "cxLiterals": [],
1502
- "internalComponents": ["ChipBase"],
1503
- "internalComponentProps": { "ChipBase": { "as": ["a"] } },
1504
- "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
1404
+ "internalComponents": [
1405
+ "HStack",
1406
+ "Text",
1407
+ "OriginalPopoverHeading"
1408
+ ],
1409
+ "internalComponentProps": { "Text": {
1410
+ "variant": ["headline1"],
1411
+ "color": ["primary"]
1412
+ } },
1413
+ "propToVariantKeys": {},
1505
1414
  "motionVarPrefixes": []
1506
1415
  };
1507
- var ChipToggle = {
1508
- "name": "ChipToggle",
1509
- "defaultProps": { "role": "checkbox" },
1416
+ var SwitchV2 = {
1417
+ "name": "SwitchV2",
1418
+ "defaultProps": {
1419
+ "labelPosition": "start",
1420
+ "size": "md"
1421
+ },
1510
1422
  "getStylesLiterals": {
1511
- "chipToggleVariantActiveRoot": "on",
1512
- "chipToggleVariantActiveRoot:1": "off"
1423
+ "switchVariantRoot": "default",
1424
+ "switchVariantActiveRoot": "on",
1425
+ "switchVariantActiveRoot:1": "off",
1426
+ "switchVariantSwitch": "default",
1427
+ "switchVariantActiveSwitch": "on",
1428
+ "switchVariantActiveSwitch:1": "off",
1429
+ "switchVariantActiveHandle": "on",
1430
+ "switchVariantActiveHandle:1": "off",
1431
+ "switchVariantHandle": "default",
1432
+ "switchVariantHandleIcon": "default",
1433
+ "switchVariantActiveHandleIcon": "on",
1434
+ "switchVariantActiveHandleIcon:1": "off"
1513
1435
  },
1514
- "cxLiterals": [],
1515
- "internalComponents": ["ChipBase"],
1516
- "internalComponentProps": { "ChipBase": { "as": ["button"] } },
1517
- "propToVariantKeys": { "variant": ["chipToggleVariantRoot", "chipToggleVariantIcon"] },
1518
- "motionVarPrefixes": []
1519
- };
1520
- var Avatar = {
1521
- "name": "Avatar",
1522
- "defaultProps": {},
1523
- "getStylesLiterals": {},
1524
- "cxLiterals": [],
1525
- "internalComponents": ["AvatarImage"],
1526
- "internalComponentProps": {},
1527
- "propToVariantKeys": {},
1528
- "motionVarPrefixes": []
1529
- };
1530
- var AvatarIcon = {
1531
- "name": "AvatarIcon",
1532
- "defaultProps": {},
1533
- "getStylesLiterals": {},
1534
1436
  "cxLiterals": [
1535
- "overflow-hidden",
1437
+ "group",
1438
+ "flex",
1439
+ "items-center",
1440
+ "flex-row",
1441
+ "flex-row-reverse",
1442
+ "uds-ring",
1443
+ "uds-ring-within",
1444
+ "relative",
1445
+ "uds-border-radius-full",
1446
+ "transition-[background-color,box-shadow]",
1447
+ "pointer-events-none",
1536
1448
  "w-full",
1537
1449
  "h-full",
1538
- "shrink-0",
1539
- "text-center",
1540
- "inline-flex",
1541
- "justify-center",
1542
- "items-center"
1450
+ "absolute",
1451
+ "top-0",
1452
+ "bottom-0",
1453
+ "right-0",
1454
+ "left-0",
1455
+ "overflow-hidden",
1456
+ "group-hover:scale-105",
1457
+ "opacity-95",
1458
+ "group-hover:opacity-100",
1459
+ "transition-[transform,opacity]",
1460
+ "opacity-0",
1461
+ "top-1/2",
1462
+ "left-1/2",
1463
+ "transform",
1464
+ "translate-x-[-50%]",
1465
+ "translate-y-[-50%]",
1466
+ "transition-opacity",
1467
+ "cursor-[inherit]",
1468
+ "w-[calc(100%+2px)]",
1469
+ "h-[calc(100%+2px)]",
1470
+ "text-start",
1471
+ "text-end",
1472
+ "opacity-100"
1543
1473
  ],
1544
- "internalComponents": ["IconSlot", "Box"],
1545
- "internalComponentProps": {},
1546
- "propToVariantKeys": { "size": ["avatarSizeIcon"] },
1474
+ "internalComponents": [
1475
+ "IconSlot",
1476
+ "Box",
1477
+ "FormLabel",
1478
+ "SpringMotionConfig",
1479
+ "RootElement",
1480
+ "MotionBox"
1481
+ ],
1482
+ "internalComponentProps": {
1483
+ "IconSlot": { "data-testid": ["on-icon", "off-icon"] },
1484
+ "FormLabel": {
1485
+ "as": ["div"],
1486
+ "variant": ["inherit"],
1487
+ "color": ["inherit"]
1488
+ },
1489
+ "SpringMotionConfig": {
1490
+ "layoutVariant": ["bouncy"],
1491
+ "layoutSpeed": ["4"]
1492
+ },
1493
+ "RootElement": { "data-testid": ["switch-root"] },
1494
+ "MotionBox": { "layout": ["position"] }
1495
+ },
1496
+ "propToVariantKeys": {
1497
+ "size": [
1498
+ "switchSizeRoot",
1499
+ "switchSizeSwitch",
1500
+ "switchSizeHandle",
1501
+ "switchSizeHandleIcon"
1502
+ ],
1503
+ "onIcon": ["icon"],
1504
+ "offIcon": ["icon"],
1505
+ "reduceMotion": ["reducedMotion"],
1506
+ "isOn": ["layoutDependency"]
1507
+ },
1508
+ "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
1509
+ };
1510
+ var Tabs = {
1511
+ "name": "Tabs",
1512
+ "defaultProps": {},
1513
+ "getStylesLiterals": {
1514
+ "display": "flex",
1515
+ "flexDirection": "row",
1516
+ "columnGap": "6"
1517
+ },
1518
+ "cxLiterals": [
1519
+ "text-tertiary",
1520
+ "border-b-transparent",
1521
+ "aria-selected:border-b-brand",
1522
+ "aria-selected:text-secondary"
1523
+ ],
1524
+ "internalComponents": [
1525
+ "TabProvider",
1526
+ "OriginalTabList",
1527
+ "OriginalTab",
1528
+ "Icon",
1529
+ "OriginalTabPanel",
1530
+ "Pressable",
1531
+ "Comp",
1532
+ "Text"
1533
+ ],
1534
+ "internalComponentProps": {
1535
+ "Icon": {
1536
+ "className": ["text-current"],
1537
+ "size": ["md"]
1538
+ },
1539
+ "Pressable": {
1540
+ "borderBottomWidth": ["medium"],
1541
+ "spacingBottom": ["1"],
1542
+ "spacingTop": ["4"]
1543
+ },
1544
+ "Text": {
1545
+ "className": ["text-current"],
1546
+ "variant": ["headline1"],
1547
+ "as": ["span"]
1548
+ }
1549
+ },
1550
+ "propToVariantKeys": {},
1547
1551
  "motionVarPrefixes": []
1548
1552
  };
1549
- var AvatarImage = {
1550
- "name": "AvatarImage",
1553
+ var Modal = {
1554
+ "name": "Modal",
1551
1555
  "defaultProps": {},
1552
1556
  "getStylesLiterals": {},
1553
1557
  "cxLiterals": [
1554
- "overflow-hidden",
1555
- "w-full",
1556
- "h-full",
1557
- "shrink-0",
1558
- "text-center",
1559
- "inline-flex",
1560
- "justify-center",
1561
- "items-center",
1562
- "object-cover"
1558
+ "inset-8",
1559
+ "top-[250px]",
1560
+ "z-50",
1561
+ "mx-auto",
1562
+ "h-fit",
1563
+ "w-[600px]",
1564
+ "origin-center",
1565
+ "scale-95",
1566
+ "opacity-0",
1567
+ "transition",
1568
+ "duration-150",
1569
+ "data-[enter]:scale-100",
1570
+ "data-[enter]:opacity-100"
1563
1571
  ],
1564
1572
  "internalComponents": [
1565
- "UDSImage",
1566
- "AvatarText",
1567
- "AvatarIcon",
1568
- "Box"
1573
+ "IconButton",
1574
+ "Dialog",
1575
+ "HStack",
1576
+ "Text",
1577
+ "VStack"
1569
1578
  ],
1570
- "internalComponentProps": {},
1571
- "propToVariantKeys": {
1572
- "alt": ["name"],
1573
- "fallback": ["initials"]
1579
+ "internalComponentProps": {
1580
+ "IconButton": {
1581
+ "aria-label": ["Close"],
1582
+ "size": ["sm"],
1583
+ "variant": ["tertiary"]
1584
+ },
1585
+ "HStack": {
1586
+ "alignItems": ["center"],
1587
+ "justifyContent": ["space-between"]
1588
+ },
1589
+ "Text": {
1590
+ "variant": ["headline1"],
1591
+ "color": ["primary"]
1592
+ },
1593
+ "VStack": {
1594
+ "borderRadius": ["md"],
1595
+ "position": ["fixed"],
1596
+ "backgroundColor": ["primary"],
1597
+ "dropShadow": ["md"],
1598
+ "spacing": ["8"],
1599
+ "overflow": ["hidden"]
1600
+ }
1574
1601
  },
1602
+ "propToVariantKeys": { "handleClose": ["onClick"] },
1575
1603
  "motionVarPrefixes": []
1576
1604
  };
1577
- var AvatarText = {
1578
- "name": "AvatarText",
1579
- "defaultProps": {},
1580
- "getStylesLiterals": {},
1581
- "cxLiterals": [
1582
- "overflow-hidden",
1583
- "truncate",
1584
- "w-full",
1585
- "h-full",
1586
- "shrink-0",
1587
- "text-center",
1588
- "inline-flex",
1589
- "justify-center",
1590
- "items-center"
1591
- ],
1592
- "internalComponents": ["Box", "Text"],
1593
- "internalComponentProps": { "Text": {
1594
- "color": ["inherit"],
1595
- "variant": ["inherit"]
1596
- } },
1597
- "propToVariantKeys": {},
1598
- "motionVarPrefixes": []
1599
- };
1600
- var Divider = {
1601
- "name": "Divider",
1602
- "defaultProps": {},
1603
- "getStylesLiterals": {},
1604
- "cxLiterals": [],
1605
- "internalComponents": ["DividerInternal"],
1606
- "internalComponentProps": {},
1607
- "propToVariantKeys": {},
1608
- "motionVarPrefixes": []
1609
- };
1610
- var DividerCore = {
1611
- "name": "DividerCore",
1612
- "defaultProps": { "contentPosition": "center" },
1605
+ var Accordion = {
1606
+ "name": "Accordion",
1607
+ "defaultProps": {
1608
+ "spacingHorizontal": "4",
1609
+ "spacingVertical": "4"
1610
+ },
1613
1611
  "getStylesLiterals": {},
1614
- "cxLiterals": [],
1612
+ "cxLiterals": ["hover:bg-secondary/80", "w-full"],
1615
1613
  "internalComponents": [
1616
- "Box",
1617
- "Line",
1618
- "InternalComponent",
1619
- "Text"
1614
+ "Icon",
1615
+ "SpringMotionConfig",
1616
+ "Pressable",
1617
+ "Text",
1618
+ "HStack",
1619
+ "AnimatePresence",
1620
+ "VStack"
1620
1621
  ],
1621
1622
  "internalComponentProps": {
1622
- "Box": {
1623
- "flex": ["1", "none"],
1624
- "display": ["flex"]
1623
+ "Icon": {
1624
+ "variant": ["fill"],
1625
+ "size": ["sm"],
1626
+ "color": ["primary"]
1625
1627
  },
1626
- "InternalComponent": {
1627
- "flex": ["1"],
1628
- "alignItems": ["center"]
1628
+ "SpringMotionConfig": {
1629
+ "layoutVariant": ["smooth"],
1630
+ "layoutSpeed": ["3"]
1631
+ },
1632
+ "Pressable": {
1633
+ "display": ["flex"],
1634
+ "flexDirection": ["row"],
1635
+ "alignItems": ["center"],
1636
+ "justifyContent": ["space-between"],
1637
+ "borderRadius": ["md"]
1629
1638
  },
1630
1639
  "Text": {
1631
- "as": ["span"],
1632
- "color": ["inherit"],
1633
- "variant": ["inherit"]
1640
+ "variant": ["title4"],
1641
+ "color": ["primary"]
1642
+ },
1643
+ "HStack": {
1644
+ "display": ["flex"],
1645
+ "alignItems": ["center"],
1646
+ "justifyContent": ["space-between"],
1647
+ "columnGap": ["2.5"]
1634
1648
  }
1635
1649
  },
1636
1650
  "propToVariantKeys": {},
1637
- "motionVarPrefixes": []
1638
- };
1639
- var DividerInternal = {
1640
- "name": "DividerInternal",
1641
- "defaultProps": { "variant": "primary" },
1642
- "getStylesLiterals": {},
1643
- "cxLiterals": ["inherit"],
1644
- "internalComponents": ["DividerCore"],
1645
- "internalComponentProps": {},
1646
- "propToVariantKeys": { "variant": [
1647
- "dividerVariantRoot",
1648
- "dividerVariantLabel",
1649
- "dividerVariantLine"
1650
- ] },
1651
- "motionVarPrefixes": []
1651
+ "motionVarPrefixes": ["--uds-motion-smooth-3-"]
1652
1652
  };
1653
1653
  var componentData_default = {
1654
+ Link,
1655
+ VStack,
1654
1656
  Box,
1655
- FormLabel,
1656
- HStack,
1657
1657
  Icon,
1658
+ FormLabel,
1659
+ Text,
1658
1660
  IconSlot,
1661
+ HStack,
1659
1662
  Image,
1660
- Link,
1661
- Text,
1662
- VStack,
1663
- Spinner,
1664
- "Table.mocks": Table_mocks,
1665
- Table,
1666
- Accordion,
1667
- AvoidMotionLibraryProvider,
1668
- Modal,
1669
- Popover,
1670
- SegmentedControl,
1671
- SwitchV2,
1672
- Tabs,
1673
- AnimateHeightChange,
1674
- Badge,
1675
1663
  Button,
1676
1664
  Checkbox,
1677
- IconButton,
1678
- Pressable,
1679
1665
  SpringMotionConfig,
1666
+ IconButton,
1680
1667
  Switch,
1681
- UDSBreakpointsConfigProvider,
1682
- UDSConfigProvider,
1683
- Tooltip,
1684
- TooltipContent,
1685
- TooltipTrigger,
1686
- UDSTooltipConfigProvider,
1687
- Toast,
1688
- ToastContainer,
1689
- ToastPortal,
1690
- UDSToastConfigProvider,
1691
- Radio,
1692
- RadioGroupProvider,
1693
- RadioGroupStore,
1694
- "Menu.Content": Menu_Content,
1695
- "Menu.Divider": Menu_Divider,
1668
+ Badge,
1669
+ AnimateHeightChange,
1670
+ Pressable,
1696
1671
  "Menu.Item": Menu_Item,
1697
- "Menu.ItemBase": Menu_ItemBase,
1698
- "Menu.ItemCheckbox": Menu_ItemCheckbox,
1699
1672
  "Menu.Provider": Menu_Provider,
1673
+ "Menu.ItemBase": Menu_ItemBase,
1700
1674
  "Menu.Trigger": Menu_Trigger,
1675
+ "Menu.Content": Menu_Content,
1676
+ "Menu.Divider": Menu_Divider,
1701
1677
  Menu,
1702
- Input,
1703
- InputHelpText,
1704
- InputHelpTextInternal,
1678
+ "Menu.ItemCheckbox": Menu_ItemCheckbox,
1679
+ ChipLink,
1680
+ ChipDismissible,
1681
+ ChipToggle,
1705
1682
  Chip,
1706
1683
  ChipBase,
1707
1684
  ChipButton,
1708
- ChipDismissible,
1709
- ChipLink,
1710
- ChipToggle,
1711
- Avatar,
1712
- AvatarIcon,
1685
+ UDSConfigProvider,
1686
+ UDSBreakpointsConfigProvider,
1687
+ Input,
1688
+ InputHelpText,
1689
+ InputHelpTextInternal,
1690
+ UDSTooltipConfigProvider,
1691
+ TooltipTrigger,
1692
+ TooltipContent,
1693
+ Tooltip,
1694
+ RadioGroupStore,
1695
+ RadioGroupProvider,
1696
+ Radio,
1697
+ UDSToastConfigProvider,
1698
+ Toast,
1699
+ ToastContainer,
1700
+ ToastPortal,
1713
1701
  AvatarImage,
1714
1702
  AvatarText,
1715
- Divider,
1703
+ Avatar,
1704
+ AvatarIcon,
1716
1705
  DividerCore,
1717
- DividerInternal
1706
+ DividerInternal,
1707
+ Divider,
1708
+ "Table.mocks": Table_mocks,
1709
+ Table,
1710
+ Spinner,
1711
+ AvoidMotionLibraryProvider,
1712
+ SegmentedControl,
1713
+ Popover,
1714
+ SwitchV2,
1715
+ Tabs,
1716
+ Modal,
1717
+ Accordion
1718
1718
  };
1719
1719
 
1720
1720
  //#endregion