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