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