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