@yahoo/uds 3.105.1 → 3.106.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,5 +1,80 @@
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
+ };
3
78
  var Link = {
4
79
  "name": "Link",
5
80
  "defaultProps": { "variant": "primary" },
@@ -35,61 +110,6 @@ var Link = {
35
110
  },
36
111
  "motionVarPrefixes": []
37
112
  };
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
- };
93
113
  var Text = {
94
114
  "name": "Text",
95
115
  "defaultProps": {
@@ -110,28 +130,35 @@ var Text = {
110
130
  ] },
111
131
  "motionVarPrefixes": []
112
132
  };
113
- var IconSlot = {
114
- "name": "IconSlot",
133
+ var VStack = {
134
+ "name": "VStack",
115
135
  "defaultProps": {},
116
136
  "getStylesLiterals": {},
117
137
  "cxLiterals": [],
118
- "internalComponents": ["Icon"],
119
- "internalComponentProps": {},
120
- "propToVariantKeys": {},
138
+ "internalComponents": ["Box"],
139
+ "internalComponentProps": { "Box": { "flexDirection": ["column"] } },
140
+ "propToVariantKeys": { "gap": ["columnGap", "rowGap"] },
121
141
  "motionVarPrefixes": []
122
142
  };
123
- var HStack = {
124
- "name": "HStack",
125
- "defaultProps": {},
143
+ var Spinner = {
144
+ "name": "Spinner",
145
+ "defaultProps": {
146
+ "color": "primary",
147
+ "size": "lg"
148
+ },
126
149
  "getStylesLiterals": {},
127
- "cxLiterals": [],
128
- "internalComponents": ["Box"],
129
- "internalComponentProps": { "Box": { "flexDirection": ["row"] } },
130
- "propToVariantKeys": { "gap": ["rowGap", "columnGap"] },
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": {},
131
158
  "motionVarPrefixes": []
132
159
  };
133
- var Image = {
134
- "name": "Image",
160
+ var Table_mocks = {
161
+ "name": "Table.mocks",
135
162
  "defaultProps": {},
136
163
  "getStylesLiterals": {},
137
164
  "cxLiterals": [],
@@ -140,181 +167,223 @@ var Image = {
140
167
  "propToVariantKeys": {},
141
168
  "motionVarPrefixes": []
142
169
  };
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
- ],
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": [],
169
183
  "internalComponents": [
170
- "Icon",
171
- "IconSlot",
172
- "AnimatePresence",
173
- "SpringMotionConfig",
174
- "MotionSlot"
184
+ "CellComponent",
185
+ "Box",
186
+ "Text",
187
+ "Table.Root",
188
+ "Table.Header",
189
+ "Table.Row",
190
+ "Table.Cell",
191
+ "Table.Body"
175
192
  ],
176
193
  "internalComponentProps": {
177
- "Icon": { "color": ["current"] },
178
- "AnimatePresence": { "mode": ["popLayout"] },
179
- "SpringMotionConfig": { "layoutSpeed": ["3"] },
180
- "MotionSlot": {
181
- "whileHover": ["hover"],
182
- "whileTap": ["pressed"]
183
- }
184
- },
185
- "propToVariantKeys": {
186
- "size": ["buttonSizeRoot", "buttonSizeIcon"],
187
- "variant": ["buttonVariantRoot", "buttonVariantIcon"],
188
- "iconVariant": ["variant"],
189
- "startIcon": ["icon"],
190
- "endIcon": ["icon"]
194
+ "Text": { "borderBottomWidth": ["thin"] },
195
+ "Table.Cell": { "asHeaderCell": ["column"] }
191
196
  },
192
- "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
197
+ "propToVariantKeys": {},
198
+ "motionVarPrefixes": []
193
199
  };
194
- var Checkbox = {
195
- "name": "Checkbox",
200
+ var Accordion = {
201
+ "name": "Accordion",
196
202
  "defaultProps": {
197
- "labelPosition": "start",
198
- "variant": "primary",
199
- "size": "md"
200
- },
201
- "getStylesLiterals": {
202
- "display": "flex",
203
- "flexDirection": "row",
204
- "flexDirection:1": "row-reverse",
205
- "alignItems": "center"
203
+ "spacingHorizontal": "4",
204
+ "spacingVertical": "4"
206
205
  },
207
- "cxLiterals": [
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",
218
- "opacity-0",
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"
228
- ],
206
+ "getStylesLiterals": {},
207
+ "cxLiterals": ["hover:bg-secondary/80", "w-full"],
229
208
  "internalComponents": [
230
209
  "Icon",
231
- "FormLabel",
232
210
  "SpringMotionConfig",
233
- "RootElement",
234
- "MotionBox"
211
+ "Pressable",
212
+ "Text",
213
+ "HStack",
214
+ "AnimatePresence",
215
+ "VStack"
235
216
  ],
236
217
  "internalComponentProps": {
237
- "Icon": { "size": ["sm"] },
238
- "FormLabel": {
239
- "as": ["div"],
240
- "variant": ["inherit"],
241
- "color": ["inherit"]
218
+ "Icon": {
219
+ "variant": ["fill"],
220
+ "size": ["sm"],
221
+ "color": ["primary"]
242
222
  },
243
- "RootElement": { "data-testid": ["container"] },
244
- "MotionBox": {
245
- "position": ["relative"],
223
+ "SpringMotionConfig": {
224
+ "layoutVariant": ["smooth"],
225
+ "layoutSpeed": ["3"]
226
+ },
227
+ "Pressable": {
228
+ "display": ["flex"],
229
+ "flexDirection": ["row"],
246
230
  "alignItems": ["center"],
247
- "justifyContent": ["center"],
248
- "flex": ["none"]
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"]
249
243
  }
250
244
  },
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-"]
245
+ "propToVariantKeys": {},
246
+ "motionVarPrefixes": ["--uds-motion-smooth-3-"]
266
247
  };
267
- var SpringMotionConfig = {
268
- "name": "SpringMotionConfig",
269
- "defaultProps": { "reducedMotion": "user" },
248
+ var AvoidMotionLibraryProvider = {
249
+ "name": "AvoidMotionLibraryProvider",
250
+ "defaultProps": {},
270
251
  "getStylesLiterals": {},
271
252
  "cxLiterals": [],
272
- "internalComponents": ["LazyMotion", "MotionConfig"],
253
+ "internalComponents": [],
273
254
  "internalComponentProps": {},
274
- "propToVariantKeys": { "loadFeatures": ["features"] },
255
+ "propToVariantKeys": {},
275
256
  "motionVarPrefixes": []
276
257
  };
277
- var IconButton = {
278
- "name": "IconButton",
279
- "defaultProps": { "type": "button" },
258
+ var Modal = {
259
+ "name": "Modal",
260
+ "defaultProps": {},
261
+ "getStylesLiterals": {},
262
+ "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",
271
+ "opacity-0",
272
+ "transition",
273
+ "duration-150",
274
+ "data-[enter]:scale-100",
275
+ "data-[enter]:opacity-100"
276
+ ],
277
+ "internalComponents": [
278
+ "IconButton",
279
+ "Dialog",
280
+ "HStack",
281
+ "Text",
282
+ "VStack"
283
+ ],
284
+ "internalComponentProps": {
285
+ "IconButton": {
286
+ "aria-label": ["Close"],
287
+ "size": ["sm"],
288
+ "variant": ["tertiary"]
289
+ },
290
+ "HStack": {
291
+ "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"]
305
+ }
306
+ },
307
+ "propToVariantKeys": { "handleClose": ["onClick"] },
308
+ "motionVarPrefixes": []
309
+ };
310
+ var Popover = {
311
+ "name": "Popover",
312
+ "defaultProps": {},
280
313
  "getStylesLiterals": {},
314
+ "cxLiterals": [],
315
+ "internalComponents": [
316
+ "HStack",
317
+ "Text",
318
+ "OriginalPopoverHeading"
319
+ ],
320
+ "internalComponentProps": { "Text": {
321
+ "variant": ["headline1"],
322
+ "color": ["primary"]
323
+ } },
324
+ "propToVariantKeys": {},
325
+ "motionVarPrefixes": []
326
+ };
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
+ },
281
345
  "cxLiterals": [
282
346
  "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]",
294
347
  "cursor-not-allowed",
295
- "uds-button-loading",
296
- "uds-button-without-effects",
297
- "animate-spin"
348
+ "opacity-50",
349
+ "pointer-events-none",
350
+ "hover:bg-primary"
298
351
  ],
299
352
  "internalComponents": [
353
+ "Radio",
300
354
  "Icon",
301
- "SpringMotionConfig",
302
- "AnimatePresence"
355
+ "RadioProvider",
356
+ "HStack",
357
+ "RadioGroup",
358
+ "Pressable",
359
+ "Text"
303
360
  ],
304
361
  "internalComponentProps": {
305
- "Icon": { "color": ["current"] },
306
- "SpringMotionConfig": { "layoutSpeed": ["3"] },
307
- "AnimatePresence": { "mode": ["popLayout"] }
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
+ }
308
378
  },
309
379
  "propToVariantKeys": {
310
- "size": ["iconbuttonSizeRoot", "iconbuttonSizeIcon"],
311
- "variant": ["buttonVariantRoot", "buttonVariantIcon"],
312
- "iconVariant": ["variant"]
380
+ "value": ["key"],
381
+ "label": ["aria-label"]
313
382
  },
314
- "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
383
+ "motionVarPrefixes": []
315
384
  };
316
- var Switch = {
317
- "name": "Switch",
385
+ var SwitchV2 = {
386
+ "name": "SwitchV2",
318
387
  "defaultProps": {
319
388
  "labelPosition": "start",
320
389
  "size": "md"
@@ -323,15 +392,9 @@ var Switch = {
323
392
  "switchVariantRoot": "default",
324
393
  "switchVariantActiveRoot": "on",
325
394
  "switchVariantActiveRoot:1": "off",
326
- "display": "flex",
327
- "flexDirection": "row",
328
- "flexDirection:1": "row-reverse",
329
- "alignItems": "center",
330
395
  "switchVariantSwitch": "default",
331
396
  "switchVariantActiveSwitch": "on",
332
397
  "switchVariantActiveSwitch:1": "off",
333
- "borderRadius": "full",
334
- "position": "relative",
335
398
  "switchVariantActiveHandle": "on",
336
399
  "switchVariantActiveHandle:1": "off",
337
400
  "switchVariantHandle": "default",
@@ -341,24 +404,28 @@ var Switch = {
341
404
  },
342
405
  "cxLiterals": [
343
406
  "group",
344
- "cursor-pointer",
345
- "cursor-default",
346
- "opacity-50",
407
+ "flex",
408
+ "items-center",
409
+ "flex-row",
410
+ "flex-row-reverse",
347
411
  "uds-ring",
348
412
  "uds-ring-within",
349
- "transition-[background-color,box-shadow]",
350
413
  "relative",
351
- "pointer-events-none",
352
414
  "uds-border-radius-full",
353
- "overflow-hidden",
415
+ "transition-[background-color,box-shadow]",
416
+ "pointer-events-none",
417
+ "w-full",
418
+ "h-full",
354
419
  "absolute",
355
420
  "top-0",
356
- "left-0",
357
- "right-0",
358
421
  "bottom-0",
359
- "opacity-95",
360
- "group-hover:opacity-100",
361
- "transition-[background-color,box-shadow,opacity]",
422
+ "right-0",
423
+ "left-0",
424
+ "overflow-hidden",
425
+ "group-hover:scale-105",
426
+ "opacity-95",
427
+ "group-hover:opacity-100",
428
+ "transition-[transform,opacity]",
362
429
  "opacity-0",
363
430
  "top-1/2",
364
431
  "left-1/2",
@@ -388,7 +455,12 @@ var Switch = {
388
455
  "variant": ["inherit"],
389
456
  "color": ["inherit"]
390
457
  },
391
- "RootElement": { "data-testid": ["container"] }
458
+ "SpringMotionConfig": {
459
+ "layoutVariant": ["bouncy"],
460
+ "layoutSpeed": ["4"]
461
+ },
462
+ "RootElement": { "data-testid": ["switch-root"] },
463
+ "MotionBox": { "layout": ["position"] }
392
464
  },
393
465
  "propToVariantKeys": {
394
466
  "size": [
@@ -399,10 +471,64 @@ var Switch = {
399
471
  ],
400
472
  "onIcon": ["icon"],
401
473
  "offIcon": ["icon"],
402
- "reduceMotion": ["reducedMotion"]
474
+ "reduceMotion": ["reducedMotion"],
475
+ "isOn": ["layoutDependency"]
403
476
  },
404
477
  "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
405
478
  };
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
+ };
406
532
  var Badge = {
407
533
  "name": "Badge",
408
534
  "defaultProps": {
@@ -428,468 +554,313 @@ var Badge = {
428
554
  },
429
555
  "motionVarPrefixes": []
430
556
  };
431
- var AnimateHeightChange = {
432
- "name": "AnimateHeightChange",
433
- "defaultProps": {},
434
- "getStylesLiterals": {},
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"
464
- },
465
- "cxLiterals": [],
466
- "internalComponents": ["MenuItemBase"],
467
- "internalComponentProps": {},
468
- "propToVariantKeys": {},
469
- "motionVarPrefixes": []
470
- };
471
- var Menu_Provider = {
472
- "name": "Menu.Provider",
473
- "defaultProps": {},
557
+ var Button = {
558
+ "name": "Button",
559
+ "defaultProps": { "type": "button" },
474
560
  "getStylesLiterals": {},
475
- "cxLiterals": [],
476
- "internalComponents": ["AriakitMenuProvider", "SpringMotionConfig"],
477
- "internalComponentProps": {},
478
- "propToVariantKeys": {},
479
- "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
480
- };
481
- var Menu_ItemBase = {
482
- "name": "Menu.ItemBase",
483
- "defaultProps": {
484
- "spacing": "0",
485
- "spacingHorizontal": "4",
486
- "spacingVertical": "3.5",
487
- "columnGap": "2",
488
- "alignItems": "center",
489
- "justifyContent": "space-between"
490
- },
491
- "getStylesLiterals": {
492
- "textAlign": "start",
493
- "menuitemSizeRoot": "default",
494
- "flexDirection": "row",
495
- "menuitemSizeStartIcon": "default",
496
- "menuitemSizeEndIcon": "default"
497
- },
498
561
  "cxLiterals": [
499
- "flex",
500
- "focus-visible:text-brand",
501
- "focus-visible:bg-brand-secondary",
502
- "focus-visible:z-10",
503
562
  "uds-ring",
504
- "!-outline-offset-2",
505
- "[&:not([aria-checked])]:cursor-default",
506
- "opacity-25",
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]",
507
575
  "cursor-not-allowed",
508
- "duration-20",
509
- "transition-[font-variation-settings]",
510
- "ease-in-out",
511
- "z-0"
576
+ "uds-button-loading",
577
+ "uds-button-without-effects",
578
+ "withIcon",
579
+ "uds-button-with-gap",
580
+ "animate-spin",
581
+ "truncate"
512
582
  ],
513
583
  "internalComponents": [
514
- "Pressable",
584
+ "Icon",
515
585
  "IconSlot",
516
- "RootComponent",
517
- "HStack",
518
- "AnimatePresence"
586
+ "AnimatePresence",
587
+ "SpringMotionConfig",
588
+ "MotionSlot"
519
589
  ],
520
590
  "internalComponentProps": {
521
- "HStack": {
522
- "alignItems": ["center"],
523
- "width": ["full"]
524
- },
525
- "AnimatePresence": { "mode": ["popLayout"] }
591
+ "Icon": { "color": ["current"] },
592
+ "AnimatePresence": { "mode": ["popLayout"] },
593
+ "SpringMotionConfig": { "layoutSpeed": ["3"] },
594
+ "MotionSlot": {
595
+ "whileHover": ["hover"],
596
+ "whileTap": ["pressed"]
597
+ }
526
598
  },
527
599
  "propToVariantKeys": {
600
+ "size": ["buttonSizeRoot", "buttonSizeIcon"],
601
+ "variant": ["buttonVariantRoot", "buttonVariantIcon"],
602
+ "iconVariant": ["variant"],
528
603
  "startIcon": ["icon"],
529
- "endIcon": ["icon"],
530
- "columnGap": ["gap"]
604
+ "endIcon": ["icon"]
531
605
  },
532
- "motionVarPrefixes": []
533
- };
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": []
606
+ "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
543
607
  };
544
- var Menu_Content = {
545
- "name": "Menu.Content",
608
+ var Checkbox = {
609
+ "name": "Checkbox",
546
610
  "defaultProps": {
547
- "size": "default",
548
- "variant": "default",
549
- "gutter": "1"
611
+ "labelPosition": "start",
612
+ "variant": "primary",
613
+ "size": "md"
614
+ },
615
+ "getStylesLiterals": {
616
+ "display": "flex",
617
+ "flexDirection": "row",
618
+ "flexDirection:1": "row-reverse",
619
+ "alignItems": "center"
550
620
  },
551
- "getStylesLiterals": {},
552
621
  "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",
622
+ "cursor-pointer",
623
+ "cursor-default",
624
+ "opacity-50",
561
625
  "uds-ring",
562
- "z-10",
563
- "group"
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"
564
642
  ],
565
643
  "internalComponents": [
566
- "AriakitMenu",
567
- "AnimatePresence",
568
- "MotionVStack"
569
- ],
570
- "internalComponentProps": {},
644
+ "Icon",
645
+ "FormLabel",
646
+ "SpringMotionConfig",
647
+ "RootElement",
648
+ "MotionBox"
649
+ ],
650
+ "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"],
660
+ "alignItems": ["center"],
661
+ "justifyContent": ["center"],
662
+ "flex": ["none"]
663
+ }
664
+ },
571
665
  "propToVariantKeys": {
572
- "size": ["menucontentSizeRoot"],
573
- "variant": ["menucontentVariantRoot"]
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"]
574
678
  },
575
- "motionVarPrefixes": []
679
+ "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
576
680
  };
577
- var Menu_Divider = {
578
- "name": "Menu.Divider",
579
- "defaultProps": {
580
- "role": "separator",
581
- "contentPosition": "start",
582
- "gap": "4"
681
+ var IconButton = {
682
+ "name": "IconButton",
683
+ "defaultProps": { "type": "button" },
684
+ "getStylesLiterals": {},
685
+ "cxLiterals": [
686
+ "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"
702
+ ],
703
+ "internalComponents": [
704
+ "Icon",
705
+ "SpringMotionConfig",
706
+ "AnimatePresence"
707
+ ],
708
+ "internalComponentProps": {
709
+ "Icon": { "color": ["current"] },
710
+ "SpringMotionConfig": { "layoutSpeed": ["3"] },
711
+ "AnimatePresence": { "mode": ["popLayout"] }
583
712
  },
584
- "getStylesLiterals": {
585
- "menuitemDividerVariantRoot": "default",
586
- "menuitemDividerVariantText": "default",
587
- "menuitemDividerVariantLine": "default"
713
+ "propToVariantKeys": {
714
+ "size": ["iconbuttonSizeRoot", "iconbuttonSizeIcon"],
715
+ "variant": ["buttonVariantRoot", "buttonVariantIcon"],
716
+ "iconVariant": ["variant"]
588
717
  },
589
- "cxLiterals": [],
590
- "internalComponents": ["DividerInternal"],
591
- "internalComponentProps": { "DividerInternal": { "variant": ["inherit"] } },
592
- "propToVariantKeys": {},
593
- "motionVarPrefixes": []
718
+ "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
594
719
  };
595
- var Menu = {
596
- "name": "Menu",
720
+ var Pressable = {
721
+ "name": "Pressable",
597
722
  "defaultProps": {},
598
723
  "getStylesLiterals": {},
599
724
  "cxLiterals": [],
600
- "internalComponents": [],
601
- "internalComponentProps": {},
602
- "propToVariantKeys": {},
603
- "motionVarPrefixes": []
604
- };
605
- var Menu_ItemCheckbox = {
606
- "name": "Menu.ItemCheckbox",
607
- "defaultProps": {},
608
- "getStylesLiterals": {
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"
621
- },
622
- "cxLiterals": ["uds-menu-item-checkbox"],
623
- "internalComponents": ["MenuItemBase"],
725
+ "internalComponents": ["Comp"],
624
726
  "internalComponentProps": {},
625
727
  "propToVariantKeys": {},
626
728
  "motionVarPrefixes": []
627
729
  };
628
- var ChipLink = {
629
- "name": "ChipLink",
630
- "defaultProps": {},
730
+ var SpringMotionConfig = {
731
+ "name": "SpringMotionConfig",
732
+ "defaultProps": { "reducedMotion": "user" },
631
733
  "getStylesLiterals": {},
632
734
  "cxLiterals": [],
633
- "internalComponents": ["ChipBase"],
634
- "internalComponentProps": { "ChipBase": { "as": ["a"] } },
635
- "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
735
+ "internalComponents": ["LazyMotion", "MotionConfig"],
736
+ "internalComponentProps": {},
737
+ "propToVariantKeys": { "loadFeatures": ["features"] },
636
738
  "motionVarPrefixes": []
637
739
  };
638
- var ChipDismissible = {
639
- "name": "ChipDismissible",
640
- "defaultProps": {},
641
- "getStylesLiterals": {},
642
- "cxLiterals": ["uds-chip-dismissible-button", "uds-hit-target"],
740
+ var Switch = {
741
+ "name": "Switch",
742
+ "defaultProps": {
743
+ "labelPosition": "start",
744
+ "size": "md"
745
+ },
746
+ "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
+ ],
643
800
  "internalComponents": [
644
- "ChipBase",
645
801
  "IconSlot",
646
- "Pressable"
802
+ "Box",
803
+ "FormLabel",
804
+ "SpringMotionConfig",
805
+ "RootElement",
806
+ "MotionBox"
647
807
  ],
648
- "internalComponentProps": {},
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
+ },
649
817
  "propToVariantKeys": {
650
- "variant": ["chipDismissibleVariantRoot", "chipDismissibleVariantIcon"],
651
- "dismissButtonAriaLabel": ["aria-label"]
818
+ "size": [
819
+ "switchSizeRoot",
820
+ "switchSizeSwitch",
821
+ "switchSizeHandle",
822
+ "switchSizeHandleIcon"
823
+ ],
824
+ "onIcon": ["icon"],
825
+ "offIcon": ["icon"],
826
+ "reduceMotion": ["reducedMotion"]
652
827
  },
653
- "motionVarPrefixes": []
828
+ "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
654
829
  };
655
- var ChipToggle = {
656
- "name": "ChipToggle",
657
- "defaultProps": { "role": "checkbox" },
658
- "getStylesLiterals": {
659
- "chipToggleVariantActiveRoot": "on",
660
- "chipToggleVariantActiveRoot:1": "off"
661
- },
830
+ var UDSBreakpointsConfigProvider = {
831
+ "name": "UDSBreakpointsConfigProvider",
832
+ "defaultProps": {},
833
+ "getStylesLiterals": {},
662
834
  "cxLiterals": [],
663
- "internalComponents": ["ChipBase"],
664
- "internalComponentProps": { "ChipBase": { "as": ["button"] } },
665
- "propToVariantKeys": { "variant": ["chipToggleVariantRoot", "chipToggleVariantIcon"] },
835
+ "internalComponents": ["UDSBreakpointsConfigContext.Provider"],
836
+ "internalComponentProps": {},
837
+ "propToVariantKeys": {},
666
838
  "motionVarPrefixes": []
667
839
  };
668
- var Chip = {
669
- "name": "Chip",
840
+ var UDSConfigProvider = {
841
+ "name": "UDSConfigProvider",
670
842
  "defaultProps": {},
671
843
  "getStylesLiterals": {},
672
844
  "cxLiterals": [],
673
845
  "internalComponents": [
674
- "ChipDismissible",
675
- "ChipToggle",
676
- "ChipLink",
677
- "ChipButton"
846
+ "UDSBreakpointsConfigProvider",
847
+ "UDSToastConfigProvider",
848
+ "UDSTooltipConfigProvider"
678
849
  ],
679
850
  "internalComponentProps": {},
680
851
  "propToVariantKeys": {},
681
852
  "motionVarPrefixes": []
682
853
  };
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",
854
+ var Tooltip = {
855
+ "name": "Tooltip",
875
856
  "defaultProps": {},
876
857
  "getStylesLiterals": {},
877
858
  "cxLiterals": [],
878
- "internalComponents": ["TooltipContext.Provider"],
859
+ "internalComponents": ["TooltipInternalContext.Provider", "TooltipProvider"],
879
860
  "internalComponentProps": {},
880
861
  "propToVariantKeys": {},
881
862
  "motionVarPrefixes": []
882
863
  };
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
864
  var TooltipContent = {
894
865
  "name": "TooltipContent",
895
866
  "defaultProps": {},
@@ -941,137 +912,33 @@ var TooltipContent = {
941
912
  "propToVariantKeys": { "startTitleIcon": ["icon"] },
942
913
  "motionVarPrefixes": []
943
914
  };
944
- var Tooltip = {
945
- "name": "Tooltip",
915
+ var TooltipTrigger = {
916
+ "name": "TooltipTrigger",
946
917
  "defaultProps": {},
947
918
  "getStylesLiterals": {},
948
919
  "cxLiterals": [],
949
- "internalComponents": ["TooltipInternalContext.Provider", "TooltipProvider"],
950
- "internalComponentProps": {},
951
- "propToVariantKeys": {},
920
+ "internalComponents": ["TooltipAnchor"],
921
+ "internalComponentProps": { "TooltipAnchor": { "className": ["inline"] } },
922
+ "propToVariantKeys": { "children": ["render"] },
952
923
  "motionVarPrefixes": []
953
924
  };
954
- var RadioGroupStore = {
955
- "name": "RadioGroupStore",
925
+ var UDSTooltipConfigProvider = {
926
+ "name": "UDSTooltipConfigProvider",
956
927
  "defaultProps": {},
957
928
  "getStylesLiterals": {},
958
929
  "cxLiterals": [],
959
- "internalComponents": [],
930
+ "internalComponents": ["TooltipContext.Provider"],
960
931
  "internalComponentProps": {},
961
932
  "propToVariantKeys": {},
962
933
  "motionVarPrefixes": []
963
934
  };
964
- var RadioGroupProvider = {
965
- "name": "RadioGroupProvider",
935
+ var Toast = {
936
+ "name": "Toast",
966
937
  "defaultProps": {},
967
- "getStylesLiterals": {},
968
- "cxLiterals": [],
969
- "internalComponents": [
970
- "DivProps",
971
- "Comp",
972
- "RadioGroupContext.Provider"
973
- ],
974
- "internalComponentProps": { "Comp": { "role": ["radiogroup"] } },
975
- "propToVariantKeys": {},
976
- "motionVarPrefixes": []
977
- };
978
- var Radio = {
979
- "name": "Radio",
980
- "defaultProps": {
981
- "labelPosition": "start",
982
- "variant": "primary",
983
- "size": "md",
984
- "value": ""
985
- },
986
938
  "getStylesLiterals": {
987
- "radioVariantValueRoot": "checked",
988
- "radioVariantValueRoot:1": "unchecked",
989
- "display": "flex",
990
- "flexDirection": "row",
991
- "flexDirection:1": "row-reverse",
992
- "alignItems": "center",
993
- "radioVariantValueRadio": "checked",
994
- "radioVariantValueRadio:1": "unchecked",
995
- "radioVariantValueRadioCircle": "checked",
996
- "radioVariantValueRadioCircle:1": "unchecked"
997
- },
998
- "cxLiterals": [
999
- "cursor-pointer",
1000
- "cursor-default",
1001
- "opacity-50",
1002
- "border",
1003
- "uds-ring",
1004
- "uds-ring-within",
1005
- "transition-[background-color,border-color]",
1006
- "transition-shadow",
1007
- "pointer-events-none",
1008
- "w-[8px]",
1009
- "h-[8px]",
1010
- "transition-opacity",
1011
- "cursor-[inherit]",
1012
- "absolute",
1013
- "opacity-0",
1014
- "top-1/2",
1015
- "left-1/2",
1016
- "w-[calc(100%+2px)]",
1017
- "h-[calc(100%+2px)]",
1018
- "transform",
1019
- "translate-x-[-50%]",
1020
- "translate-y-[-50%]",
1021
- "text-start",
1022
- "text-end"
1023
- ],
1024
- "internalComponents": [
1025
- "Box",
1026
- "FormLabel",
1027
- "SpringMotionConfig",
1028
- "RootElement",
1029
- "MotionBox"
1030
- ],
1031
- "internalComponentProps": {
1032
- "Box": { "borderRadius": ["full"] },
1033
- "FormLabel": {
1034
- "as": ["div"],
1035
- "variant": ["inherit"],
1036
- "color": ["inherit"]
1037
- },
1038
- "RootElement": { "data-testid": ["container"] },
1039
- "MotionBox": {
1040
- "position": ["relative"],
1041
- "borderRadius": ["full"],
1042
- "alignItems": ["center"],
1043
- "justifyContent": ["center"],
1044
- "flex": ["none"]
1045
- }
1046
- },
1047
- "propToVariantKeys": {
1048
- "size": ["radioSizeRoot", "radioSizeRadio"],
1049
- "variant": [
1050
- "radioVariantRoot",
1051
- "radioVariantRadio",
1052
- "radioVariantRadioCircle"
1053
- ],
1054
- "reduceMotion": ["reducedMotion"]
1055
- },
1056
- "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
1057
- };
1058
- var UDSToastConfigProvider = {
1059
- "name": "UDSToastConfigProvider",
1060
- "defaultProps": {},
1061
- "getStylesLiterals": {},
1062
- "cxLiterals": [],
1063
- "internalComponents": ["ToastContext.Provider"],
1064
- "internalComponentProps": {},
1065
- "propToVariantKeys": {},
1066
- "motionVarPrefixes": []
1067
- };
1068
- var Toast = {
1069
- "name": "Toast",
1070
- "defaultProps": {},
1071
- "getStylesLiterals": {
1072
- "className": "flex-none",
1073
- "spacing": "2",
1074
- "borderRadius": "full"
939
+ "className": "flex-none",
940
+ "spacing": "2",
941
+ "borderRadius": "full"
1075
942
  },
1076
943
  "cxLiterals": [
1077
944
  "transition-[background-color]",
@@ -1137,583 +1004,714 @@ var ToastPortal = {
1137
1004
  "propToVariantKeys": {},
1138
1005
  "motionVarPrefixes": []
1139
1006
  };
1140
- var AvatarImage = {
1141
- "name": "AvatarImage",
1007
+ var UDSToastConfigProvider = {
1008
+ "name": "UDSToastConfigProvider",
1142
1009
  "defaultProps": {},
1143
1010
  "getStylesLiterals": {},
1011
+ "cxLiterals": [],
1012
+ "internalComponents": ["ToastContext.Provider"],
1013
+ "internalComponentProps": {},
1014
+ "propToVariantKeys": {},
1015
+ "motionVarPrefixes": []
1016
+ };
1017
+ var Radio = {
1018
+ "name": "Radio",
1019
+ "defaultProps": {
1020
+ "labelPosition": "start",
1021
+ "variant": "primary",
1022
+ "size": "md",
1023
+ "value": ""
1024
+ },
1025
+ "getStylesLiterals": {
1026
+ "radioVariantValueRoot": "checked",
1027
+ "radioVariantValueRoot:1": "unchecked",
1028
+ "display": "flex",
1029
+ "flexDirection": "row",
1030
+ "flexDirection:1": "row-reverse",
1031
+ "alignItems": "center",
1032
+ "radioVariantValueRadio": "checked",
1033
+ "radioVariantValueRadio:1": "unchecked",
1034
+ "radioVariantValueRadioCircle": "checked",
1035
+ "radioVariantValueRadioCircle:1": "unchecked"
1036
+ },
1144
1037
  "cxLiterals": [
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"
1038
+ "cursor-pointer",
1039
+ "cursor-default",
1040
+ "opacity-50",
1041
+ "border",
1042
+ "uds-ring",
1043
+ "uds-ring-within",
1044
+ "transition-[background-color,border-color]",
1045
+ "transition-shadow",
1046
+ "pointer-events-none",
1047
+ "w-[8px]",
1048
+ "h-[8px]",
1049
+ "transition-opacity",
1050
+ "cursor-[inherit]",
1051
+ "absolute",
1052
+ "opacity-0",
1053
+ "top-1/2",
1054
+ "left-1/2",
1055
+ "w-[calc(100%+2px)]",
1056
+ "h-[calc(100%+2px)]",
1057
+ "transform",
1058
+ "translate-x-[-50%]",
1059
+ "translate-y-[-50%]",
1060
+ "text-start",
1061
+ "text-end"
1154
1062
  ],
1155
1063
  "internalComponents": [
1156
- "UDSImage",
1157
- "AvatarText",
1158
- "AvatarIcon",
1159
- "Box"
1064
+ "Box",
1065
+ "FormLabel",
1066
+ "SpringMotionConfig",
1067
+ "RootElement",
1068
+ "MotionBox"
1160
1069
  ],
1161
- "internalComponentProps": {},
1070
+ "internalComponentProps": {
1071
+ "Box": { "borderRadius": ["full"] },
1072
+ "FormLabel": {
1073
+ "as": ["div"],
1074
+ "variant": ["inherit"],
1075
+ "color": ["inherit"]
1076
+ },
1077
+ "RootElement": { "data-testid": ["container"] },
1078
+ "MotionBox": {
1079
+ "position": ["relative"],
1080
+ "borderRadius": ["full"],
1081
+ "alignItems": ["center"],
1082
+ "justifyContent": ["center"],
1083
+ "flex": ["none"]
1084
+ }
1085
+ },
1162
1086
  "propToVariantKeys": {
1163
- "alt": ["name"],
1164
- "fallback": ["initials"]
1087
+ "size": ["radioSizeRoot", "radioSizeRadio"],
1088
+ "variant": [
1089
+ "radioVariantRoot",
1090
+ "radioVariantRadio",
1091
+ "radioVariantRadioCircle"
1092
+ ],
1093
+ "reduceMotion": ["reducedMotion"]
1165
1094
  },
1166
- "motionVarPrefixes": []
1095
+ "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
1167
1096
  };
1168
- var AvatarText = {
1169
- "name": "AvatarText",
1097
+ var RadioGroupProvider = {
1098
+ "name": "RadioGroupProvider",
1170
1099
  "defaultProps": {},
1171
1100
  "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"
1101
+ "cxLiterals": [],
1102
+ "internalComponents": [
1103
+ "DivProps",
1104
+ "Comp",
1105
+ "RadioGroupContext.Provider"
1182
1106
  ],
1183
- "internalComponents": ["Box", "Text"],
1184
- "internalComponentProps": { "Text": {
1185
- "color": ["inherit"],
1186
- "variant": ["inherit"]
1187
- } },
1107
+ "internalComponentProps": { "Comp": { "role": ["radiogroup"] } },
1188
1108
  "propToVariantKeys": {},
1189
1109
  "motionVarPrefixes": []
1190
1110
  };
1191
- var Avatar = {
1192
- "name": "Avatar",
1111
+ var RadioGroupStore = {
1112
+ "name": "RadioGroupStore",
1193
1113
  "defaultProps": {},
1194
1114
  "getStylesLiterals": {},
1195
1115
  "cxLiterals": [],
1196
- "internalComponents": ["AvatarImage"],
1116
+ "internalComponents": [],
1197
1117
  "internalComponentProps": {},
1198
1118
  "propToVariantKeys": {},
1199
1119
  "motionVarPrefixes": []
1200
1120
  };
1201
- var AvatarIcon = {
1202
- "name": "AvatarIcon",
1203
- "defaultProps": {},
1121
+ var Menu_Content = {
1122
+ "name": "Menu.Content",
1123
+ "defaultProps": {
1124
+ "size": "default",
1125
+ "variant": "default",
1126
+ "gutter": "1"
1127
+ },
1204
1128
  "getStylesLiterals": {},
1205
1129
  "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"
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"
1141
+ ],
1142
+ "internalComponents": [
1143
+ "AriakitMenu",
1144
+ "AnimatePresence",
1145
+ "MotionVStack"
1214
1146
  ],
1215
- "internalComponents": ["IconSlot", "Box"],
1216
1147
  "internalComponentProps": {},
1217
- "propToVariantKeys": { "size": ["avatarSizeIcon"] },
1148
+ "propToVariantKeys": {
1149
+ "size": ["menucontentSizeRoot"],
1150
+ "variant": ["menucontentVariantRoot"]
1151
+ },
1218
1152
  "motionVarPrefixes": []
1219
1153
  };
1220
- var DividerCore = {
1221
- "name": "DividerCore",
1222
- "defaultProps": { "contentPosition": "center" },
1223
- "getStylesLiterals": {},
1224
- "cxLiterals": [],
1225
- "internalComponents": [
1226
- "Box",
1227
- "Line",
1228
- "InternalComponent",
1229
- "Text"
1230
- ],
1231
- "internalComponentProps": {
1232
- "Box": {
1233
- "flex": ["1", "none"],
1234
- "display": ["flex"]
1235
- },
1236
- "InternalComponent": {
1237
- "flex": ["1"],
1238
- "alignItems": ["center"]
1239
- },
1240
- "Text": {
1241
- "as": ["span"],
1242
- "color": ["inherit"],
1243
- "variant": ["inherit"]
1244
- }
1154
+ var Menu_Divider = {
1155
+ "name": "Menu.Divider",
1156
+ "defaultProps": {
1157
+ "role": "separator",
1158
+ "contentPosition": "start",
1159
+ "gap": "4"
1160
+ },
1161
+ "getStylesLiterals": {
1162
+ "menuitemDividerVariantRoot": "default",
1163
+ "menuitemDividerVariantText": "default",
1164
+ "menuitemDividerVariantLine": "default"
1245
1165
  },
1246
- "propToVariantKeys": {},
1247
- "motionVarPrefixes": []
1248
- };
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
- ] },
1261
- "motionVarPrefixes": []
1262
- };
1263
- var Divider = {
1264
- "name": "Divider",
1265
- "defaultProps": {},
1266
- "getStylesLiterals": {},
1267
1166
  "cxLiterals": [],
1268
1167
  "internalComponents": ["DividerInternal"],
1269
- "internalComponentProps": {},
1168
+ "internalComponentProps": { "DividerInternal": { "variant": ["inherit"] } },
1270
1169
  "propToVariantKeys": {},
1271
1170
  "motionVarPrefixes": []
1272
1171
  };
1273
- var Table_mocks = {
1274
- "name": "Table.mocks",
1172
+ var Menu_Item = {
1173
+ "name": "Menu.Item",
1275
1174
  "defaultProps": {},
1276
- "getStylesLiterals": {},
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
+ },
1277
1186
  "cxLiterals": [],
1278
- "internalComponents": [],
1187
+ "internalComponents": ["MenuItemBase"],
1279
1188
  "internalComponentProps": {},
1280
1189
  "propToVariantKeys": {},
1281
1190
  "motionVarPrefixes": []
1282
1191
  };
1283
- var Table = {
1284
- "name": "Table",
1192
+ var Menu_ItemBase = {
1193
+ "name": "Menu.ItemBase",
1285
1194
  "defaultProps": {
1286
- "display": "table-cell",
1287
- "overflow": "hidden",
1288
- "borderColor": "muted",
1289
- "borderRadius": "md",
1290
- "spacing": "3",
1291
- "borderBottomColor": "muted",
1292
- "color": "primary"
1195
+ "spacing": "0",
1196
+ "spacingHorizontal": "4",
1197
+ "spacingVertical": "3.5",
1198
+ "columnGap": "2",
1199
+ "alignItems": "center",
1200
+ "justifyContent": "space-between"
1293
1201
  },
1294
- "getStylesLiterals": { "textAlign": "start" },
1295
- "cxLiterals": [],
1202
+ "getStylesLiterals": {
1203
+ "textAlign": "start",
1204
+ "menuitemSizeRoot": "default",
1205
+ "flexDirection": "row",
1206
+ "menuitemSizeStartIcon": "default",
1207
+ "menuitemSizeEndIcon": "default"
1208
+ },
1209
+ "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"
1223
+ ],
1296
1224
  "internalComponents": [
1297
- "CellComponent",
1298
- "Box",
1299
- "Text",
1300
- "Table.Root",
1301
- "Table.Header",
1302
- "Table.Row",
1303
- "Table.Cell",
1304
- "Table.Body"
1225
+ "Pressable",
1226
+ "IconSlot",
1227
+ "RootComponent",
1228
+ "HStack",
1229
+ "AnimatePresence"
1305
1230
  ],
1306
1231
  "internalComponentProps": {
1307
- "Text": { "borderBottomWidth": ["thin"] },
1308
- "Table.Cell": { "asHeaderCell": ["column"] }
1232
+ "HStack": {
1233
+ "alignItems": ["center"],
1234
+ "width": ["full"]
1235
+ },
1236
+ "AnimatePresence": { "mode": ["popLayout"] }
1237
+ },
1238
+ "propToVariantKeys": {
1239
+ "startIcon": ["icon"],
1240
+ "endIcon": ["icon"],
1241
+ "columnGap": ["gap"]
1309
1242
  },
1310
- "propToVariantKeys": {},
1311
1243
  "motionVarPrefixes": []
1312
1244
  };
1313
- var Spinner = {
1314
- "name": "Spinner",
1315
- "defaultProps": {
1316
- "color": "primary",
1317
- "size": "lg"
1245
+ var Menu_ItemCheckbox = {
1246
+ "name": "Menu.ItemCheckbox",
1247
+ "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"
1318
1261
  },
1319
- "getStylesLiterals": {},
1320
- "cxLiterals": ["self-center", "relative"],
1321
- "internalComponents": ["Icon"],
1322
- "internalComponentProps": { "Icon": {
1323
- "role": ["img"],
1324
- "className": ["animate-spin"],
1325
- "aria-hidden": ["true"]
1326
- } },
1262
+ "cxLiterals": ["uds-menu-item-checkbox"],
1263
+ "internalComponents": ["MenuItemBase"],
1264
+ "internalComponentProps": {},
1327
1265
  "propToVariantKeys": {},
1328
1266
  "motionVarPrefixes": []
1329
1267
  };
1330
- var AvoidMotionLibraryProvider = {
1331
- "name": "AvoidMotionLibraryProvider",
1268
+ var Menu_Provider = {
1269
+ "name": "Menu.Provider",
1332
1270
  "defaultProps": {},
1333
1271
  "getStylesLiterals": {},
1334
1272
  "cxLiterals": [],
1335
- "internalComponents": [],
1273
+ "internalComponents": ["AriakitMenuProvider", "SpringMotionConfig"],
1336
1274
  "internalComponentProps": {},
1337
1275
  "propToVariantKeys": {},
1338
- "motionVarPrefixes": []
1276
+ "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
1339
1277
  };
1340
- var SegmentedControl = {
1341
- "name": "SegmentedControl",
1278
+ var Menu_Trigger = {
1279
+ "name": "Menu.Trigger",
1342
1280
  "defaultProps": {},
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
- ],
1365
- "internalComponents": [
1366
- "Radio",
1367
- "Icon",
1368
- "RadioProvider",
1369
- "HStack",
1370
- "RadioGroup",
1371
- "Pressable",
1372
- "Text"
1373
- ],
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
- },
1392
- "propToVariantKeys": {
1393
- "value": ["key"],
1394
- "label": ["aria-label"]
1395
- },
1281
+ "getStylesLiterals": {},
1282
+ "cxLiterals": ["uds-menu-trigger"],
1283
+ "internalComponents": ["AriakitMenuTrigger", "Box"],
1284
+ "internalComponentProps": { "Box": { "className": ["uds-ring h-fit w-fit"] } },
1285
+ "propToVariantKeys": {},
1396
1286
  "motionVarPrefixes": []
1397
1287
  };
1398
- var Popover = {
1399
- "name": "Popover",
1288
+ var Menu = {
1289
+ "name": "Menu",
1400
1290
  "defaultProps": {},
1401
1291
  "getStylesLiterals": {},
1402
1292
  "cxLiterals": [],
1403
- "internalComponents": [
1404
- "HStack",
1405
- "Text",
1406
- "OriginalPopoverHeading"
1407
- ],
1408
- "internalComponentProps": { "Text": {
1409
- "variant": ["headline1"],
1410
- "color": ["primary"]
1411
- } },
1293
+ "internalComponents": [],
1294
+ "internalComponentProps": {},
1412
1295
  "propToVariantKeys": {},
1413
1296
  "motionVarPrefixes": []
1414
1297
  };
1415
- var SwitchV2 = {
1416
- "name": "SwitchV2",
1298
+ var Input = {
1299
+ "name": "Input",
1417
1300
  "defaultProps": {
1418
- "labelPosition": "start",
1419
- "size": "md"
1301
+ "type": "text",
1302
+ "size": "md",
1303
+ "width": "full"
1420
1304
  },
1421
1305
  "getStylesLiterals": {
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"
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"
1434
1330
  },
1435
1331
  "cxLiterals": [
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",
1447
- "w-full",
1448
- "h-full",
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"
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"
1472
1340
  ],
1473
1341
  "internalComponents": [
1474
1342
  "IconSlot",
1343
+ "StartIcon",
1344
+ "EndIcon",
1345
+ "HelpTextContent",
1475
1346
  "Box",
1476
- "FormLabel",
1477
- "SpringMotionConfig",
1478
- "RootElement",
1479
- "MotionBox"
1347
+ "InputHelpTextInternal",
1348
+ "VStack",
1349
+ "HStack",
1350
+ "AnimateHeightChange"
1480
1351
  ],
1481
1352
  "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"]
1353
+ "HelpTextContent": { "spacingTop": ["2"] },
1354
+ "Box": {
1355
+ "spacingBottom": ["2"],
1356
+ "columnGap": ["0.5"],
1357
+ "alignItems": ["flex-end", "center"],
1358
+ "position": ["relative"]
1491
1359
  },
1492
- "RootElement": { "data-testid": ["switch-root"] },
1493
- "MotionBox": { "layout": ["position"] }
1360
+ "HStack": {
1361
+ "alignItems": ["center"],
1362
+ "gap": ["1"]
1363
+ }
1494
1364
  },
1495
1365
  "propToVariantKeys": {
1496
1366
  "size": [
1497
- "switchSizeRoot",
1498
- "switchSizeSwitch",
1499
- "switchSizeHandle",
1500
- "switchSizeHandleIcon"
1367
+ "inputSizeRoot",
1368
+ "inputSizeInputWrapper",
1369
+ "inputSizeInput",
1370
+ "inputSizeLabel",
1371
+ "inputSizeStartIcon",
1372
+ "inputSizeEndIcon"
1501
1373
  ],
1502
- "onIcon": ["icon"],
1503
- "offIcon": ["icon"],
1504
- "reduceMotion": ["reducedMotion"],
1505
- "isOn": ["layoutDependency"]
1374
+ "startIcon": ["icon"],
1375
+ "endIcon": ["icon"],
1376
+ "helperTextIcon": ["startIcon"]
1506
1377
  },
1507
- "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
1378
+ "motionVarPrefixes": []
1508
1379
  };
1509
- var Tabs = {
1510
- "name": "Tabs",
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"] },
1392
+ "motionVarPrefixes": []
1393
+ };
1394
+ var InputHelpTextInternal = {
1395
+ "name": "InputHelpTextInternal",
1511
1396
  "defaultProps": {},
1512
1397
  "getStylesLiterals": {
1513
- "display": "flex",
1514
- "flexDirection": "row",
1515
- "columnGap": "6"
1398
+ "inputVariantHelperText": "default",
1399
+ "inputVariantValueHelperText": "empty",
1400
+ "inputVariantValueHelperText:1": "filled",
1401
+ "inputVariantHelperIcon": "default",
1402
+ "inputVariantValueHelperIcon": "empty",
1403
+ "inputVariantValueHelperIcon:1": "filled"
1404
+ },
1405
+ "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"]
1516
1415
  },
1416
+ "motionVarPrefixes": []
1417
+ };
1418
+ var Chip = {
1419
+ "name": "Chip",
1420
+ "defaultProps": {},
1421
+ "getStylesLiterals": {},
1422
+ "cxLiterals": [],
1423
+ "internalComponents": [
1424
+ "ChipDismissible",
1425
+ "ChipToggle",
1426
+ "ChipLink",
1427
+ "ChipButton"
1428
+ ],
1429
+ "internalComponentProps": {},
1430
+ "propToVariantKeys": {},
1431
+ "motionVarPrefixes": []
1432
+ };
1433
+ var ChipBase = {
1434
+ "name": "ChipBase",
1435
+ "defaultProps": { "as": "div" },
1436
+ "getStylesLiterals": {},
1517
1437
  "cxLiterals": [
1518
- "text-tertiary",
1519
- "border-b-transparent",
1520
- "aria-selected:border-b-brand",
1521
- "aria-selected:text-secondary"
1438
+ "pointer-events-none",
1439
+ "cursor-default",
1440
+ "opacity-50",
1441
+ "inline-flex",
1442
+ "items-center",
1443
+ "transition-[background-color,outline-color,box-shadow]",
1444
+ "truncate",
1445
+ "whitespace-nowrap",
1446
+ "text-center",
1447
+ "flex-1"
1522
1448
  ],
1523
1449
  "internalComponents": [
1524
- "TabProvider",
1525
- "OriginalTabList",
1526
- "OriginalTab",
1527
- "Icon",
1528
- "OriginalTabPanel",
1529
- "Pressable",
1530
- "Comp",
1450
+ "IconSlot",
1451
+ "HStack",
1452
+ "As",
1531
1453
  "Text"
1532
1454
  ],
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
- }
1455
+ "internalComponentProps": { "Text": {
1456
+ "as": ["span"],
1457
+ "color": ["current"],
1458
+ "variant": ["inherit"]
1459
+ } },
1460
+ "propToVariantKeys": {
1461
+ "size": ["chipSizeRoot", "chipSizeIcon"],
1462
+ "startIcon": ["icon"],
1463
+ "endIcon": ["icon"]
1464
+ },
1465
+ "motionVarPrefixes": []
1466
+ };
1467
+ var ChipButton = {
1468
+ "name": "ChipButton",
1469
+ "defaultProps": {},
1470
+ "getStylesLiterals": {},
1471
+ "cxLiterals": ["uds-ring"],
1472
+ "internalComponents": ["ChipBase"],
1473
+ "internalComponentProps": { "ChipBase": { "as": ["button"] } },
1474
+ "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
1475
+ "motionVarPrefixes": []
1476
+ };
1477
+ var ChipDismissible = {
1478
+ "name": "ChipDismissible",
1479
+ "defaultProps": {},
1480
+ "getStylesLiterals": {},
1481
+ "cxLiterals": ["uds-chip-dismissible-button", "uds-hit-target"],
1482
+ "internalComponents": [
1483
+ "ChipBase",
1484
+ "IconSlot",
1485
+ "Pressable"
1486
+ ],
1487
+ "internalComponentProps": {},
1488
+ "propToVariantKeys": {
1489
+ "variant": ["chipDismissibleVariantRoot", "chipDismissibleVariantIcon"],
1490
+ "dismissButtonAriaLabel": ["aria-label"]
1491
+ },
1492
+ "motionVarPrefixes": []
1493
+ };
1494
+ var ChipLink = {
1495
+ "name": "ChipLink",
1496
+ "defaultProps": {},
1497
+ "getStylesLiterals": {},
1498
+ "cxLiterals": ["uds-ring"],
1499
+ "internalComponents": ["ChipBase"],
1500
+ "internalComponentProps": { "ChipBase": { "as": ["a"] } },
1501
+ "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
1502
+ "motionVarPrefixes": []
1503
+ };
1504
+ var ChipToggle = {
1505
+ "name": "ChipToggle",
1506
+ "defaultProps": { "role": "checkbox" },
1507
+ "getStylesLiterals": {
1508
+ "chipToggleVariantActiveRoot": "on",
1509
+ "chipToggleVariantActiveRoot:1": "off"
1548
1510
  },
1511
+ "cxLiterals": ["uds-ring"],
1512
+ "internalComponents": ["ChipBase"],
1513
+ "internalComponentProps": { "ChipBase": { "as": ["button"] } },
1514
+ "propToVariantKeys": { "variant": ["chipToggleVariantRoot", "chipToggleVariantIcon"] },
1515
+ "motionVarPrefixes": []
1516
+ };
1517
+ var Avatar = {
1518
+ "name": "Avatar",
1519
+ "defaultProps": {},
1520
+ "getStylesLiterals": {},
1521
+ "cxLiterals": [],
1522
+ "internalComponents": ["AvatarImage"],
1523
+ "internalComponentProps": {},
1549
1524
  "propToVariantKeys": {},
1550
1525
  "motionVarPrefixes": []
1551
1526
  };
1552
- var Modal = {
1553
- "name": "Modal",
1527
+ var AvatarIcon = {
1528
+ "name": "AvatarIcon",
1529
+ "defaultProps": {},
1530
+ "getStylesLiterals": {},
1531
+ "cxLiterals": [
1532
+ "overflow-hidden",
1533
+ "w-full",
1534
+ "h-full",
1535
+ "shrink-0",
1536
+ "text-center",
1537
+ "inline-flex",
1538
+ "justify-center",
1539
+ "items-center"
1540
+ ],
1541
+ "internalComponents": ["IconSlot", "Box"],
1542
+ "internalComponentProps": {},
1543
+ "propToVariantKeys": { "size": ["avatarSizeIcon"] },
1544
+ "motionVarPrefixes": []
1545
+ };
1546
+ var AvatarImage = {
1547
+ "name": "AvatarImage",
1554
1548
  "defaultProps": {},
1555
1549
  "getStylesLiterals": {},
1556
1550
  "cxLiterals": [
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"
1551
+ "overflow-hidden",
1552
+ "w-full",
1553
+ "h-full",
1554
+ "shrink-0",
1555
+ "text-center",
1556
+ "inline-flex",
1557
+ "justify-center",
1558
+ "items-center",
1559
+ "object-cover"
1570
1560
  ],
1571
1561
  "internalComponents": [
1572
- "IconButton",
1573
- "Dialog",
1574
- "HStack",
1575
- "Text",
1576
- "VStack"
1562
+ "UDSImage",
1563
+ "AvatarText",
1564
+ "AvatarIcon",
1565
+ "Box"
1577
1566
  ],
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
- }
1567
+ "internalComponentProps": {},
1568
+ "propToVariantKeys": {
1569
+ "alt": ["name"],
1570
+ "fallback": ["initials"]
1600
1571
  },
1601
- "propToVariantKeys": { "handleClose": ["onClick"] },
1602
1572
  "motionVarPrefixes": []
1603
1573
  };
1604
- var Accordion = {
1605
- "name": "Accordion",
1606
- "defaultProps": {
1607
- "spacingHorizontal": "4",
1608
- "spacingVertical": "4"
1609
- },
1574
+ var AvatarText = {
1575
+ "name": "AvatarText",
1576
+ "defaultProps": {},
1610
1577
  "getStylesLiterals": {},
1611
- "cxLiterals": ["hover:bg-secondary/80", "w-full"],
1578
+ "cxLiterals": [
1579
+ "overflow-hidden",
1580
+ "truncate",
1581
+ "w-full",
1582
+ "h-full",
1583
+ "shrink-0",
1584
+ "text-center",
1585
+ "inline-flex",
1586
+ "justify-center",
1587
+ "items-center"
1588
+ ],
1589
+ "internalComponents": ["Box", "Text"],
1590
+ "internalComponentProps": { "Text": {
1591
+ "color": ["inherit"],
1592
+ "variant": ["inherit"]
1593
+ } },
1594
+ "propToVariantKeys": {},
1595
+ "motionVarPrefixes": []
1596
+ };
1597
+ var Divider = {
1598
+ "name": "Divider",
1599
+ "defaultProps": {},
1600
+ "getStylesLiterals": {},
1601
+ "cxLiterals": [],
1602
+ "internalComponents": ["DividerInternal"],
1603
+ "internalComponentProps": {},
1604
+ "propToVariantKeys": {},
1605
+ "motionVarPrefixes": []
1606
+ };
1607
+ var DividerCore = {
1608
+ "name": "DividerCore",
1609
+ "defaultProps": { "contentPosition": "center" },
1610
+ "getStylesLiterals": {},
1611
+ "cxLiterals": [],
1612
1612
  "internalComponents": [
1613
- "Icon",
1614
- "SpringMotionConfig",
1615
- "Pressable",
1616
- "Text",
1617
- "HStack",
1618
- "AnimatePresence",
1619
- "VStack"
1613
+ "Box",
1614
+ "Line",
1615
+ "InternalComponent",
1616
+ "Text"
1620
1617
  ],
1621
1618
  "internalComponentProps": {
1622
- "Icon": {
1623
- "variant": ["fill"],
1624
- "size": ["sm"],
1625
- "color": ["primary"]
1626
- },
1627
- "SpringMotionConfig": {
1628
- "layoutVariant": ["smooth"],
1629
- "layoutSpeed": ["3"]
1619
+ "Box": {
1620
+ "flex": ["1", "none"],
1621
+ "display": ["flex"]
1630
1622
  },
1631
- "Pressable": {
1632
- "display": ["flex"],
1633
- "flexDirection": ["row"],
1634
- "alignItems": ["center"],
1635
- "justifyContent": ["space-between"],
1636
- "borderRadius": ["md"]
1623
+ "InternalComponent": {
1624
+ "flex": ["1"],
1625
+ "alignItems": ["center"]
1637
1626
  },
1638
1627
  "Text": {
1639
- "variant": ["title4"],
1640
- "color": ["primary"]
1641
- },
1642
- "HStack": {
1643
- "display": ["flex"],
1644
- "alignItems": ["center"],
1645
- "justifyContent": ["space-between"],
1646
- "columnGap": ["2.5"]
1628
+ "as": ["span"],
1629
+ "color": ["inherit"],
1630
+ "variant": ["inherit"]
1647
1631
  }
1648
1632
  },
1649
1633
  "propToVariantKeys": {},
1650
- "motionVarPrefixes": ["--uds-motion-smooth-3-"]
1634
+ "motionVarPrefixes": []
1635
+ };
1636
+ var DividerInternal = {
1637
+ "name": "DividerInternal",
1638
+ "defaultProps": { "variant": "primary" },
1639
+ "getStylesLiterals": {},
1640
+ "cxLiterals": ["inherit"],
1641
+ "internalComponents": ["DividerCore"],
1642
+ "internalComponentProps": {},
1643
+ "propToVariantKeys": { "variant": [
1644
+ "dividerVariantRoot",
1645
+ "dividerVariantLabel",
1646
+ "dividerVariantLine"
1647
+ ] },
1648
+ "motionVarPrefixes": []
1651
1649
  };
1652
1650
  var componentData_default = {
1653
- Link,
1654
- VStack,
1655
1651
  Box,
1656
- Icon,
1657
1652
  FormLabel,
1658
- Text,
1659
- IconSlot,
1660
1653
  HStack,
1654
+ Icon,
1655
+ IconSlot,
1661
1656
  Image,
1657
+ Link,
1658
+ Text,
1659
+ VStack,
1660
+ Spinner,
1661
+ "Table.mocks": Table_mocks,
1662
+ Table,
1663
+ Accordion,
1664
+ AvoidMotionLibraryProvider,
1665
+ Modal,
1666
+ Popover,
1667
+ SegmentedControl,
1668
+ SwitchV2,
1669
+ Tabs,
1670
+ AnimateHeightChange,
1671
+ Badge,
1662
1672
  Button,
1663
1673
  Checkbox,
1664
- SpringMotionConfig,
1665
1674
  IconButton,
1666
- Switch,
1667
- Badge,
1668
- AnimateHeightChange,
1669
1675
  Pressable,
1676
+ SpringMotionConfig,
1677
+ Switch,
1678
+ UDSBreakpointsConfigProvider,
1679
+ UDSConfigProvider,
1680
+ Tooltip,
1681
+ TooltipContent,
1682
+ TooltipTrigger,
1683
+ UDSTooltipConfigProvider,
1684
+ Toast,
1685
+ ToastContainer,
1686
+ ToastPortal,
1687
+ UDSToastConfigProvider,
1688
+ Radio,
1689
+ RadioGroupProvider,
1690
+ RadioGroupStore,
1691
+ "Menu.Content": Menu_Content,
1692
+ "Menu.Divider": Menu_Divider,
1670
1693
  "Menu.Item": Menu_Item,
1671
- "Menu.Provider": Menu_Provider,
1672
1694
  "Menu.ItemBase": Menu_ItemBase,
1695
+ "Menu.ItemCheckbox": Menu_ItemCheckbox,
1696
+ "Menu.Provider": Menu_Provider,
1673
1697
  "Menu.Trigger": Menu_Trigger,
1674
- "Menu.Content": Menu_Content,
1675
- "Menu.Divider": Menu_Divider,
1676
1698
  Menu,
1677
- "Menu.ItemCheckbox": Menu_ItemCheckbox,
1678
- ChipLink,
1679
- ChipDismissible,
1680
- ChipToggle,
1681
- Chip,
1682
- ChipBase,
1683
- ChipButton,
1684
- UDSConfigProvider,
1685
- UDSBreakpointsConfigProvider,
1686
1699
  Input,
1687
1700
  InputHelpText,
1688
1701
  InputHelpTextInternal,
1689
- UDSTooltipConfigProvider,
1690
- TooltipTrigger,
1691
- TooltipContent,
1692
- Tooltip,
1693
- RadioGroupStore,
1694
- RadioGroupProvider,
1695
- Radio,
1696
- UDSToastConfigProvider,
1697
- Toast,
1698
- ToastContainer,
1699
- ToastPortal,
1700
- AvatarImage,
1701
- AvatarText,
1702
+ Chip,
1703
+ ChipBase,
1704
+ ChipButton,
1705
+ ChipDismissible,
1706
+ ChipLink,
1707
+ ChipToggle,
1702
1708
  Avatar,
1703
1709
  AvatarIcon,
1704
- DividerCore,
1705
- DividerInternal,
1710
+ AvatarImage,
1711
+ AvatarText,
1706
1712
  Divider,
1707
- "Table.mocks": Table_mocks,
1708
- Table,
1709
- Spinner,
1710
- AvoidMotionLibraryProvider,
1711
- SegmentedControl,
1712
- Popover,
1713
- SwitchV2,
1714
- Tabs,
1715
- Modal,
1716
- Accordion
1713
+ DividerCore,
1714
+ DividerInternal
1717
1715
  };
1718
1716
 
1719
1717
  //#endregion