@yahoo/uds 3.131.0 → 3.132.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.
Files changed (105) hide show
  1. package/dist/automated-config/dist/utils/getConfigVariantProperties.d.cts +2 -2
  2. package/dist/automated-config/dist/utils/getConfigVariantProperties.d.ts +2 -2
  3. package/dist/components/Banner/Banner.cjs +5 -2
  4. package/dist/components/Banner/Banner.d.cts +9 -0
  5. package/dist/components/Banner/Banner.d.ts +9 -0
  6. package/dist/components/Banner/Banner.js +5 -2
  7. package/dist/components/Divider/Divider.d.cts +2 -2
  8. package/dist/components/Divider/Divider.d.ts +2 -2
  9. package/dist/components/Divider/DividerCore.cjs +17 -10
  10. package/dist/components/Divider/DividerCore.d.cts +10 -4
  11. package/dist/components/Divider/DividerCore.d.ts +10 -4
  12. package/dist/components/Divider/DividerCore.js +17 -10
  13. package/dist/components/Divider/DividerInternal.cjs +15 -11
  14. package/dist/components/Divider/DividerInternal.js +15 -11
  15. package/dist/components/Link.cjs +13 -6
  16. package/dist/components/Link.d.cts +10 -0
  17. package/dist/components/Link.d.ts +10 -0
  18. package/dist/components/Link.js +13 -6
  19. package/dist/components/client/Badge.cjs +10 -4
  20. package/dist/components/client/Badge.d.cts +12 -1
  21. package/dist/components/client/Badge.d.ts +12 -1
  22. package/dist/components/client/Badge.js +10 -4
  23. package/dist/components/client/Button.cjs +20 -9
  24. package/dist/components/client/Button.d.cts +12 -1
  25. package/dist/components/client/Button.d.ts +12 -1
  26. package/dist/components/client/Button.js +20 -9
  27. package/dist/components/client/Checkbox.cjs +14 -6
  28. package/dist/components/client/Checkbox.d.cts +9 -4
  29. package/dist/components/client/Checkbox.d.ts +9 -4
  30. package/dist/components/client/Checkbox.js +14 -6
  31. package/dist/components/client/Chip/Chip.d.cts +1 -1
  32. package/dist/components/client/Chip/Chip.d.ts +1 -1
  33. package/dist/components/client/IconButton.cjs +4 -2
  34. package/dist/components/client/IconButton.d.cts +10 -2
  35. package/dist/components/client/IconButton.d.ts +10 -2
  36. package/dist/components/client/IconButton.js +4 -2
  37. package/dist/components/client/Input/Input.cjs +16 -6
  38. package/dist/components/client/Input/Input.d.cts +3 -0
  39. package/dist/components/client/Input/Input.d.ts +3 -0
  40. package/dist/components/client/Input/Input.js +17 -7
  41. package/dist/components/client/Input/InputHelpTextInternal.cjs +16 -6
  42. package/dist/components/client/Input/InputHelpTextInternal.d.cts +10 -0
  43. package/dist/components/client/Input/InputHelpTextInternal.d.ts +10 -0
  44. package/dist/components/client/Input/InputHelpTextInternal.js +16 -6
  45. package/dist/components/client/Menu/Menu.Content.cjs +2 -1
  46. package/dist/components/client/Menu/Menu.Content.d.cts +7 -0
  47. package/dist/components/client/Menu/Menu.Content.d.ts +7 -0
  48. package/dist/components/client/Menu/Menu.Content.js +2 -1
  49. package/dist/components/client/Menu/Menu.Divider.cjs +8 -10
  50. package/dist/components/client/Menu/Menu.Divider.js +8 -10
  51. package/dist/components/client/Menu/Menu.Item.cjs +23 -14
  52. package/dist/components/client/Menu/Menu.Item.d.cts +11 -0
  53. package/dist/components/client/Menu/Menu.Item.d.ts +11 -0
  54. package/dist/components/client/Menu/Menu.Item.js +24 -15
  55. package/dist/components/client/Menu/Menu.ItemBase.cjs +17 -9
  56. package/dist/components/client/Menu/Menu.ItemBase.d.cts +9 -5
  57. package/dist/components/client/Menu/Menu.ItemBase.d.ts +9 -5
  58. package/dist/components/client/Menu/Menu.ItemBase.js +17 -9
  59. package/dist/components/client/Menu/Menu.ItemCheckbox.cjs +10 -10
  60. package/dist/components/client/Menu/Menu.ItemCheckbox.d.cts +1 -1
  61. package/dist/components/client/Menu/Menu.ItemCheckbox.d.ts +1 -1
  62. package/dist/components/client/Menu/Menu.ItemCheckbox.js +10 -10
  63. package/dist/components/client/Popover/PopoverContent.cjs +4 -1
  64. package/dist/components/client/Popover/PopoverContent.d.cts +3 -0
  65. package/dist/components/client/Popover/PopoverContent.d.ts +3 -0
  66. package/dist/components/client/Popover/PopoverContent.js +4 -1
  67. package/dist/components/client/Popover/UDSPopoverConfigProvider.d.cts +1 -1
  68. package/dist/components/client/Popover/UDSPopoverConfigProvider.d.ts +1 -1
  69. package/dist/components/client/Radio/Radio.cjs +18 -15
  70. package/dist/components/client/Radio/Radio.d.cts +9 -4
  71. package/dist/components/client/Radio/Radio.d.ts +9 -4
  72. package/dist/components/client/Radio/Radio.js +18 -15
  73. package/dist/components/client/Switch.cjs +14 -6
  74. package/dist/components/client/Switch.d.cts +9 -5
  75. package/dist/components/client/Switch.d.ts +9 -5
  76. package/dist/components/client/Switch.js +14 -6
  77. package/dist/components/client/Tabs/Tab.cjs +11 -5
  78. package/dist/components/client/Tabs/Tab.d.cts +14 -3
  79. package/dist/components/client/Tabs/Tab.d.ts +14 -3
  80. package/dist/components/client/Tabs/Tab.js +11 -5
  81. package/dist/components/client/Toast/UDSToastConfigProvider.d.cts +1 -1
  82. package/dist/components/client/Toast/UDSToastConfigProvider.d.ts +1 -1
  83. package/dist/components/client/Tooltip/TooltipContent.cjs +9 -3
  84. package/dist/components/client/Tooltip/TooltipContent.d.cts +14 -2
  85. package/dist/components/client/Tooltip/TooltipContent.d.ts +14 -2
  86. package/dist/components/client/Tooltip/TooltipContent.js +9 -3
  87. package/dist/components/experimental/client/SwitchV2.cjs +14 -6
  88. package/dist/components/experimental/client/SwitchV2.d.cts +9 -5
  89. package/dist/components/experimental/client/SwitchV2.d.ts +9 -5
  90. package/dist/components/experimental/client/SwitchV2.js +14 -6
  91. package/dist/components/index.d.cts +1 -1
  92. package/dist/components/index.d.ts +1 -1
  93. package/dist/index.d.cts +1 -1
  94. package/dist/index.d.ts +1 -1
  95. package/dist/styles/styler.d.cts +65 -65
  96. package/dist/styles/styler.d.ts +65 -65
  97. package/dist/types/dist/index.d.cts +3 -3
  98. package/dist/types/dist/index.d.ts +3 -3
  99. package/dist/uds/generated/componentData.cjs +1485 -1482
  100. package/dist/uds/generated/componentData.js +1485 -1482
  101. package/dist/uds/generated/tailwindPurge.cjs +73 -73
  102. package/dist/uds/generated/tailwindPurge.js +73 -73
  103. package/generated/componentData.json +2039 -2030
  104. package/generated/tailwindPurge.ts +1 -1
  105. package/package.json +1 -1
@@ -1,9 +1,32 @@
1
1
  {
2
- "Box": {
3
- "name": "Box",
2
+ "Icon": {
3
+ "name": "Icon",
4
4
  "defaultProps": {
5
- "as": "div",
6
- "display": "flex"
5
+ "size": "md",
6
+ "variant": "outline",
7
+ "color": "primary"
8
+ },
9
+ "getStylesLiterals": {
10
+ "flex": "none"
11
+ },
12
+ "cxLiterals": [
13
+ "[&_path]:fill-current"
14
+ ],
15
+ "internalComponents": [
16
+ "SVGIcon"
17
+ ],
18
+ "internalComponentProps": {},
19
+ "propToVariantKeys": {},
20
+ "runtimeConfigDefaultProps": {},
21
+ "runtimeConfigGetStyles": {},
22
+ "runtimeConfigInternalComponentProps": {},
23
+ "motionVarPrefixes": []
24
+ },
25
+ "Text": {
26
+ "name": "Text",
27
+ "defaultProps": {
28
+ "color": "primary",
29
+ "variant": "body1"
7
30
  },
8
31
  "getStylesLiterals": {},
9
32
  "cxLiterals": [],
@@ -12,11 +35,65 @@
12
35
  ],
13
36
  "internalComponentProps": {},
14
37
  "propToVariantKeys": {
15
- "elevationAlias": [
16
- "backgroundColor",
17
- "borderColor",
18
- "borderWidth",
19
- "dropShadow"
38
+ "variant": [
39
+ "fontFamily",
40
+ "fontSize",
41
+ "fontWeight",
42
+ "lineHeight",
43
+ "textTransform",
44
+ "letterSpacing"
45
+ ]
46
+ },
47
+ "runtimeConfigDefaultProps": {},
48
+ "runtimeConfigGetStyles": {},
49
+ "runtimeConfigInternalComponentProps": {},
50
+ "motionVarPrefixes": []
51
+ },
52
+ "Image": {
53
+ "name": "Image",
54
+ "defaultProps": {},
55
+ "getStylesLiterals": {},
56
+ "cxLiterals": [],
57
+ "internalComponents": [],
58
+ "internalComponentProps": {},
59
+ "propToVariantKeys": {},
60
+ "runtimeConfigDefaultProps": {},
61
+ "runtimeConfigGetStyles": {},
62
+ "runtimeConfigInternalComponentProps": {},
63
+ "motionVarPrefixes": []
64
+ },
65
+ "Scrim": {
66
+ "name": "Scrim",
67
+ "defaultProps": {
68
+ "variant": "default",
69
+ "position": "fixed"
70
+ },
71
+ "getStylesLiterals": {},
72
+ "cxLiterals": [
73
+ "fixed",
74
+ "absolute",
75
+ "inset-0",
76
+ "z-40",
77
+ "transition-opacity",
78
+ "duration-150",
79
+ "data-[enter]:opacity-100",
80
+ "[&:not([data-enter])]:opacity-0",
81
+ "opacity-100",
82
+ "uds-bgBlurFallback"
83
+ ],
84
+ "internalComponents": [
85
+ "Box"
86
+ ],
87
+ "internalComponentProps": {
88
+ "Box": {
89
+ "display": [
90
+ "block"
91
+ ]
92
+ }
93
+ },
94
+ "propToVariantKeys": {
95
+ "variant": [
96
+ "scrimVariantRoot"
20
97
  ]
21
98
  },
22
99
  "runtimeConfigDefaultProps": {},
@@ -57,8 +134,8 @@
57
134
  "runtimeConfigInternalComponentProps": {},
58
135
  "motionVarPrefixes": []
59
136
  },
60
- "HStack": {
61
- "name": "HStack",
137
+ "VStack": {
138
+ "name": "VStack",
62
139
  "defaultProps": {},
63
140
  "getStylesLiterals": {},
64
141
  "cxLiterals": [],
@@ -68,14 +145,14 @@
68
145
  "internalComponentProps": {
69
146
  "Box": {
70
147
  "flexDirection": [
71
- "row"
148
+ "column"
72
149
  ]
73
150
  }
74
151
  },
75
152
  "propToVariantKeys": {
76
153
  "gap": [
77
- "rowGap",
78
- "columnGap"
154
+ "columnGap",
155
+ "rowGap"
79
156
  ]
80
157
  },
81
158
  "runtimeConfigDefaultProps": {},
@@ -83,29 +160,6 @@
83
160
  "runtimeConfigInternalComponentProps": {},
84
161
  "motionVarPrefixes": []
85
162
  },
86
- "Icon": {
87
- "name": "Icon",
88
- "defaultProps": {
89
- "size": "md",
90
- "variant": "outline",
91
- "color": "primary"
92
- },
93
- "getStylesLiterals": {
94
- "flex": "none"
95
- },
96
- "cxLiterals": [
97
- "[&_path]:fill-current"
98
- ],
99
- "internalComponents": [
100
- "SVGIcon"
101
- ],
102
- "internalComponentProps": {},
103
- "propToVariantKeys": {},
104
- "runtimeConfigDefaultProps": {},
105
- "runtimeConfigGetStyles": {},
106
- "runtimeConfigInternalComponentProps": {},
107
- "motionVarPrefixes": []
108
- },
109
163
  "IconSlot": {
110
164
  "name": "IconSlot",
111
165
  "defaultProps": {},
@@ -121,104 +175,24 @@
121
175
  "runtimeConfigInternalComponentProps": {},
122
176
  "motionVarPrefixes": []
123
177
  },
124
- "Image": {
125
- "name": "Image",
126
- "defaultProps": {},
127
- "getStylesLiterals": {},
128
- "cxLiterals": [],
129
- "internalComponents": [],
130
- "internalComponentProps": {},
131
- "propToVariantKeys": {},
132
- "runtimeConfigDefaultProps": {},
133
- "runtimeConfigGetStyles": {},
134
- "runtimeConfigInternalComponentProps": {},
135
- "motionVarPrefixes": []
136
- },
137
- "Link": {
138
- "name": "Link",
139
- "defaultProps": {
140
- "variant": "primary"
141
- },
142
- "getStylesLiterals": {
143
- "display": "inline-flex",
144
- "alignItems": "center"
145
- },
146
- "cxLiterals": [
147
- "uds-ring",
148
- "underline",
149
- "w-[0.7em]",
150
- "h-[0.7em]"
151
- ],
152
- "internalComponents": [
153
- "IconSlot"
154
- ],
155
- "internalComponentProps": {
156
- "IconSlot": {
157
- "data-testid": [
158
- "start-icon",
159
- "end-icon"
160
- ]
161
- }
162
- },
163
- "propToVariantKeys": {
164
- "textVariant": [
165
- "linkTextStyleRoot",
166
- "fontSize",
167
- "fontFamily",
168
- "fontWeight",
169
- "lineHeight",
170
- "textTransform",
171
- "linkTextStyleIcon"
172
- ],
173
- "variant": [
174
- "linkVariantRoot",
175
- "linkVariantIconStart",
176
- "linkVariantIconEnd"
177
- ],
178
- "startIcon": [
179
- "icon"
180
- ],
181
- "endIcon": [
182
- "icon"
183
- ]
184
- },
185
- "runtimeConfigDefaultProps": {},
186
- "runtimeConfigGetStyles": {},
187
- "runtimeConfigInternalComponentProps": {},
188
- "motionVarPrefixes": []
189
- },
190
- "Scrim": {
191
- "name": "Scrim",
178
+ "Box": {
179
+ "name": "Box",
192
180
  "defaultProps": {
193
- "variant": "default",
194
- "position": "fixed"
181
+ "as": "div",
182
+ "display": "flex"
195
183
  },
196
184
  "getStylesLiterals": {},
197
- "cxLiterals": [
198
- "fixed",
199
- "absolute",
200
- "inset-0",
201
- "z-40",
202
- "transition-opacity",
203
- "duration-150",
204
- "data-[enter]:opacity-100",
205
- "[&:not([data-enter])]:opacity-0",
206
- "opacity-100",
207
- "uds-bgBlurFallback"
208
- ],
185
+ "cxLiterals": [],
209
186
  "internalComponents": [
210
- "Box"
187
+ "Comp"
211
188
  ],
212
- "internalComponentProps": {
213
- "Box": {
214
- "display": [
215
- "block"
216
- ]
217
- }
218
- },
189
+ "internalComponentProps": {},
219
190
  "propToVariantKeys": {
220
- "variant": [
221
- "scrimVariantRoot"
191
+ "elevationAlias": [
192
+ "backgroundColor",
193
+ "borderColor",
194
+ "borderWidth",
195
+ "dropShadow"
222
196
  ]
223
197
  },
224
198
  "runtimeConfigDefaultProps": {},
@@ -281,26 +255,25 @@
281
255
  "runtimeConfigInternalComponentProps": {},
282
256
  "motionVarPrefixes": []
283
257
  },
284
- "Text": {
285
- "name": "Text",
286
- "defaultProps": {
287
- "color": "primary",
288
- "variant": "body1"
289
- },
258
+ "HStack": {
259
+ "name": "HStack",
260
+ "defaultProps": {},
290
261
  "getStylesLiterals": {},
291
262
  "cxLiterals": [],
292
263
  "internalComponents": [
293
- "Comp"
264
+ "Box"
294
265
  ],
295
- "internalComponentProps": {},
266
+ "internalComponentProps": {
267
+ "Box": {
268
+ "flexDirection": [
269
+ "row"
270
+ ]
271
+ }
272
+ },
296
273
  "propToVariantKeys": {
297
- "variant": [
298
- "fontFamily",
299
- "fontSize",
300
- "fontWeight",
301
- "lineHeight",
302
- "textTransform",
303
- "letterSpacing"
274
+ "gap": [
275
+ "rowGap",
276
+ "columnGap"
304
277
  ]
305
278
  },
306
279
  "runtimeConfigDefaultProps": {},
@@ -308,25 +281,52 @@
308
281
  "runtimeConfigInternalComponentProps": {},
309
282
  "motionVarPrefixes": []
310
283
  },
311
- "VStack": {
312
- "name": "VStack",
313
- "defaultProps": {},
314
- "getStylesLiterals": {},
315
- "cxLiterals": [],
284
+ "Link": {
285
+ "name": "Link",
286
+ "defaultProps": {
287
+ "variant": "primary"
288
+ },
289
+ "getStylesLiterals": {
290
+ "display": "inline-flex",
291
+ "alignItems": "center"
292
+ },
293
+ "cxLiterals": [
294
+ "uds-ring",
295
+ "underline",
296
+ "w-[0.7em]",
297
+ "h-[0.7em]"
298
+ ],
316
299
  "internalComponents": [
317
- "Box"
300
+ "IconSlot"
318
301
  ],
319
302
  "internalComponentProps": {
320
- "Box": {
321
- "flexDirection": [
322
- "column"
303
+ "IconSlot": {
304
+ "data-testid": [
305
+ "start-icon",
306
+ "end-icon"
323
307
  ]
324
308
  }
325
309
  },
326
310
  "propToVariantKeys": {
327
- "gap": [
328
- "columnGap",
329
- "rowGap"
311
+ "textVariant": [
312
+ "linkTextStyleRoot",
313
+ "fontSize",
314
+ "fontFamily",
315
+ "fontWeight",
316
+ "lineHeight",
317
+ "textTransform",
318
+ "linkTextStyleIcon"
319
+ ],
320
+ "variant": [
321
+ "linkVariantRoot",
322
+ "linkVariantIconStart",
323
+ "linkVariantIconEnd"
324
+ ],
325
+ "startIcon": [
326
+ "icon"
327
+ ],
328
+ "endIcon": [
329
+ "icon"
330
330
  ]
331
331
  },
332
332
  "runtimeConfigDefaultProps": {},
@@ -334,6 +334,24 @@
334
334
  "runtimeConfigInternalComponentProps": {},
335
335
  "motionVarPrefixes": []
336
336
  },
337
+ "BannerDescription": {
338
+ "name": "BannerDescription",
339
+ "defaultProps": {},
340
+ "getStylesLiterals": {
341
+ "bannerSizeDescription": "default",
342
+ "className": "w-full line-clamp-3"
343
+ },
344
+ "cxLiterals": [],
345
+ "internalComponents": [
346
+ "Text"
347
+ ],
348
+ "internalComponentProps": {},
349
+ "propToVariantKeys": {},
350
+ "runtimeConfigDefaultProps": {},
351
+ "runtimeConfigGetStyles": {},
352
+ "runtimeConfigInternalComponentProps": {},
353
+ "motionVarPrefixes": []
354
+ },
337
355
  "Banner": {
338
356
  "name": "Banner",
339
357
  "defaultProps": {
@@ -450,24 +468,6 @@
450
468
  "runtimeConfigInternalComponentProps": {},
451
469
  "motionVarPrefixes": []
452
470
  },
453
- "BannerDescription": {
454
- "name": "BannerDescription",
455
- "defaultProps": {},
456
- "getStylesLiterals": {
457
- "bannerSizeDescription": "default",
458
- "className": "w-full line-clamp-3"
459
- },
460
- "cxLiterals": [],
461
- "internalComponents": [
462
- "Text"
463
- ],
464
- "internalComponentProps": {},
465
- "propToVariantKeys": {},
466
- "runtimeConfigDefaultProps": {},
467
- "runtimeConfigGetStyles": {},
468
- "runtimeConfigInternalComponentProps": {},
469
- "motionVarPrefixes": []
470
- },
471
471
  "BannerTitle": {
472
472
  "name": "BannerTitle",
473
473
  "defaultProps": {},
@@ -488,86 +488,88 @@
488
488
  "runtimeConfigInternalComponentProps": {},
489
489
  "motionVarPrefixes": []
490
490
  },
491
- "AnimateHeightChange": {
492
- "name": "AnimateHeightChange",
491
+ "Divider": {
492
+ "name": "Divider",
493
493
  "defaultProps": {},
494
494
  "getStylesLiterals": {},
495
- "cxLiterals": [
496
- "overflow-hidden"
497
- ],
495
+ "cxLiterals": [],
498
496
  "internalComponents": [
499
- "SpringMotionConfig"
497
+ "DividerInternal"
500
498
  ],
501
- "internalComponentProps": {
502
- "SpringMotionConfig": {
503
- "layoutSpeed": [
504
- "4"
505
- ]
506
- }
507
- },
508
- "propToVariantKeys": {
509
- "reduceMotion": [
510
- "reducedMotion"
511
- ]
512
- },
499
+ "internalComponentProps": {},
500
+ "propToVariantKeys": {},
513
501
  "runtimeConfigDefaultProps": {},
514
502
  "runtimeConfigGetStyles": {},
515
503
  "runtimeConfigInternalComponentProps": {},
516
- "motionVarPrefixes": [
517
- "--uds-motion-subtle-4-",
518
- "--uds-motion-smooth-3-"
519
- ]
504
+ "motionVarPrefixes": []
520
505
  },
521
- "Badge": {
522
- "name": "Badge",
506
+ "DividerCore": {
507
+ "name": "DividerCore",
523
508
  "defaultProps": {
524
- "variant": "primary",
525
- "size": "md"
509
+ "contentPosition": "center"
526
510
  },
527
511
  "getStylesLiterals": {},
528
- "cxLiterals": [
529
- "flex-1",
530
- "truncate",
531
- "whitespace-nowrap",
532
- "text-center"
533
- ],
512
+ "cxLiterals": [],
534
513
  "internalComponents": [
535
- "IconSlot",
536
- "HStack"
514
+ "Box",
515
+ "Line",
516
+ "InternalComponent",
517
+ "Text"
537
518
  ],
538
519
  "internalComponentProps": {
539
- "IconSlot": {
540
- "data-testid": [
541
- "start-icon",
542
- "end-icon"
543
- ]
544
- },
545
- "HStack": {
546
- "gap": [
547
- "2"
520
+ "Box": {
521
+ "flex": [
522
+ "1",
523
+ "none"
548
524
  ],
549
525
  "display": [
550
- "inline-flex"
526
+ "flex"
527
+ ]
528
+ },
529
+ "InternalComponent": {
530
+ "flex": [
531
+ "1"
551
532
  ],
552
533
  "alignItems": [
553
534
  "center"
554
535
  ]
536
+ },
537
+ "Text": {
538
+ "as": [
539
+ "span"
540
+ ],
541
+ "color": [
542
+ "inherit"
543
+ ],
544
+ "variant": [
545
+ "inherit"
546
+ ]
555
547
  }
556
548
  },
549
+ "propToVariantKeys": {},
550
+ "runtimeConfigDefaultProps": {},
551
+ "runtimeConfigGetStyles": {},
552
+ "runtimeConfigInternalComponentProps": {},
553
+ "motionVarPrefixes": []
554
+ },
555
+ "DividerInternal": {
556
+ "name": "DividerInternal",
557
+ "defaultProps": {
558
+ "variant": "primary"
559
+ },
560
+ "getStylesLiterals": {},
561
+ "cxLiterals": [
562
+ "inherit"
563
+ ],
564
+ "internalComponents": [
565
+ "DividerCore"
566
+ ],
567
+ "internalComponentProps": {},
557
568
  "propToVariantKeys": {
558
- "size": [
559
- "badgeSizeRoot",
560
- "badgeSizeIcon"
561
- ],
562
569
  "variant": [
563
- "badgeVariantRoot",
564
- "badgeVariantIcon"
565
- ],
566
- "startIcon": [
567
- "icon"
568
- ],
569
- "endIcon": [
570
- "icon"
570
+ "dividerVariantRoot",
571
+ "dividerVariantLabel",
572
+ "dividerVariantLine"
571
573
  ]
572
574
  },
573
575
  "runtimeConfigDefaultProps": {},
@@ -575,139 +577,232 @@
575
577
  "runtimeConfigInternalComponentProps": {},
576
578
  "motionVarPrefixes": []
577
579
  },
578
- "Button": {
579
- "name": "Button",
580
+ "Table.mocks": {
581
+ "name": "Table.mocks",
582
+ "defaultProps": {},
583
+ "getStylesLiterals": {},
584
+ "cxLiterals": [],
585
+ "internalComponents": [],
586
+ "internalComponentProps": {},
587
+ "propToVariantKeys": {},
588
+ "runtimeConfigDefaultProps": {},
589
+ "runtimeConfigGetStyles": {},
590
+ "runtimeConfigInternalComponentProps": {},
591
+ "motionVarPrefixes": []
592
+ },
593
+ "Spinner": {
594
+ "name": "Spinner",
580
595
  "defaultProps": {
581
- "type": "button"
596
+ "color": "primary",
597
+ "size": "lg"
582
598
  },
583
599
  "getStylesLiterals": {},
584
600
  "cxLiterals": [
585
- "uds-ring",
586
- "uds-hit-target",
587
- "inline-flex",
588
- "overflow-hidden",
589
- "justify-center",
590
- "items-center",
591
- "whitespace-nowrap",
592
- "select-none",
593
- "[transform-origin:center]",
594
- "[backface-visibility:hidden]",
595
- "[transition-property:color,background-color,border-color,box-shadow,text-decoration-color,fill,stroke]",
596
- "[transition-timing-function:cubic-bezier(0,0,0.2,1)]",
597
- "[transition-duration:220ms]",
598
- "cursor-not-allowed",
599
- "uds-button-loading",
600
- "uds-button-without-effects",
601
- "withIcon",
602
- "uds-button-with-gap",
603
- "animate-spin",
604
- "truncate"
601
+ "self-center",
602
+ "relative",
603
+ "sr-only"
605
604
  ],
606
605
  "internalComponents": [
607
- "Icon",
608
- "IconSlot",
609
- "AnimatePresence",
610
- "SpringMotionConfig",
611
- "MotionSlot"
606
+ "Icon"
612
607
  ],
613
608
  "internalComponentProps": {
614
609
  "Icon": {
615
- "color": [
616
- "current"
610
+ "role": [
611
+ "img"
612
+ ],
613
+ "className": [
614
+ "animate-spin"
615
+ ],
616
+ "aria-hidden": [
617
+ "true"
617
618
  ]
618
- },
619
- "AnimatePresence": {
620
- "mode": [
621
- "popLayout"
619
+ }
620
+ },
621
+ "propToVariantKeys": {},
622
+ "runtimeConfigDefaultProps": {},
623
+ "runtimeConfigGetStyles": {},
624
+ "runtimeConfigInternalComponentProps": {},
625
+ "motionVarPrefixes": []
626
+ },
627
+ "Table": {
628
+ "name": "Table",
629
+ "defaultProps": {
630
+ "display": "table-cell",
631
+ "overflow": "hidden",
632
+ "borderColor": "muted",
633
+ "borderRadius": "md",
634
+ "spacing": "3",
635
+ "borderBottomColor": "muted",
636
+ "borderBottomWidth": "thin",
637
+ "color": "primary"
638
+ },
639
+ "getStylesLiterals": {
640
+ "textAlign": "start"
641
+ },
642
+ "cxLiterals": [],
643
+ "internalComponents": [
644
+ "CellComponent",
645
+ "Box",
646
+ "Text",
647
+ "Table.Root",
648
+ "Table.Header",
649
+ "Table.Row",
650
+ "Table.Cell",
651
+ "Table.Body"
652
+ ],
653
+ "internalComponentProps": {
654
+ "Table.Cell": {
655
+ "asHeaderCell": [
656
+ "column"
622
657
  ]
623
- },
658
+ }
659
+ },
660
+ "propToVariantKeys": {},
661
+ "runtimeConfigDefaultProps": {},
662
+ "runtimeConfigGetStyles": {},
663
+ "runtimeConfigInternalComponentProps": {},
664
+ "motionVarPrefixes": []
665
+ },
666
+ "Pressable": {
667
+ "name": "Pressable",
668
+ "defaultProps": {},
669
+ "getStylesLiterals": {},
670
+ "cxLiterals": [],
671
+ "internalComponents": [
672
+ "Comp"
673
+ ],
674
+ "internalComponentProps": {},
675
+ "propToVariantKeys": {},
676
+ "runtimeConfigDefaultProps": {},
677
+ "runtimeConfigGetStyles": {},
678
+ "runtimeConfigInternalComponentProps": {},
679
+ "motionVarPrefixes": []
680
+ },
681
+ "SpringMotionConfig": {
682
+ "name": "SpringMotionConfig",
683
+ "defaultProps": {
684
+ "reducedMotion": "user"
685
+ },
686
+ "getStylesLiterals": {},
687
+ "cxLiterals": [],
688
+ "internalComponents": [
689
+ "LazyMotion",
690
+ "MotionConfig"
691
+ ],
692
+ "internalComponentProps": {},
693
+ "propToVariantKeys": {
694
+ "loadFeatures": [
695
+ "features"
696
+ ]
697
+ },
698
+ "runtimeConfigDefaultProps": {},
699
+ "runtimeConfigGetStyles": {},
700
+ "runtimeConfigInternalComponentProps": {},
701
+ "motionVarPrefixes": []
702
+ },
703
+ "AnimateHeightChange": {
704
+ "name": "AnimateHeightChange",
705
+ "defaultProps": {},
706
+ "getStylesLiterals": {},
707
+ "cxLiterals": [
708
+ "overflow-hidden"
709
+ ],
710
+ "internalComponents": [
711
+ "SpringMotionConfig"
712
+ ],
713
+ "internalComponentProps": {
624
714
  "SpringMotionConfig": {
625
715
  "layoutSpeed": [
626
- "3"
627
- ]
628
- },
629
- "MotionSlot": {
630
- "whileHover": [
631
- "hover"
632
- ],
633
- "whileTap": [
634
- "pressed"
716
+ "4"
635
717
  ]
636
718
  }
637
719
  },
638
720
  "propToVariantKeys": {
639
- "size": [
640
- "buttonSizeRoot",
641
- "buttonSizeIcon"
642
- ],
643
- "variant": [
644
- "buttonVariantRoot",
645
- "buttonVariantIcon"
646
- ],
647
- "iconVariant": [
648
- "variant"
649
- ],
650
- "startIcon": [
651
- "icon"
652
- ],
653
- "endIcon": [
654
- "icon"
721
+ "reduceMotion": [
722
+ "reducedMotion"
655
723
  ]
656
724
  },
657
725
  "runtimeConfigDefaultProps": {},
658
726
  "runtimeConfigGetStyles": {},
659
727
  "runtimeConfigInternalComponentProps": {},
660
728
  "motionVarPrefixes": [
661
- "--uds-motion-subtle-3-",
729
+ "--uds-motion-subtle-4-",
662
730
  "--uds-motion-smooth-3-"
663
731
  ]
664
732
  },
665
- "Checkbox": {
666
- "name": "Checkbox",
733
+ "Switch": {
734
+ "name": "Switch",
667
735
  "defaultProps": {
668
736
  "labelPosition": "start",
669
- "variant": "primary",
670
737
  "size": "md"
671
738
  },
672
739
  "getStylesLiterals": {
740
+ "switchVariantRoot": "default",
741
+ "switchVariantActiveRoot": "on",
742
+ "switchVariantActiveRoot:1": "off",
673
743
  "display": "flex",
674
744
  "flexDirection": "row",
675
745
  "flexDirection:1": "row-reverse",
676
- "alignItems": "center"
746
+ "alignItems": "center",
747
+ "switchVariantSwitch": "default",
748
+ "switchVariantActiveSwitch": "on",
749
+ "switchVariantActiveSwitch:1": "off",
750
+ "borderRadius": "full",
751
+ "position": "relative",
752
+ "switchVariantActiveHandle": "on",
753
+ "switchVariantActiveHandle:1": "off",
754
+ "switchVariantHandle": "default",
755
+ "switchVariantHandleIcon": "default",
756
+ "switchVariantActiveHandleIcon": "on",
757
+ "switchVariantActiveHandleIcon:1": "off"
677
758
  },
678
759
  "cxLiterals": [
760
+ "group",
679
761
  "cursor-pointer",
680
762
  "cursor-default",
681
763
  "opacity-50",
682
764
  "uds-ring",
683
765
  "uds-ring-within",
684
- "transition-[background-color,border-color,box-shadow]",
766
+ "transition-[background-color,box-shadow]",
767
+ "relative",
685
768
  "pointer-events-none",
686
- "transition-opacity",
687
- "cursor-[inherit]",
769
+ "uds-border-radius-full",
770
+ "overflow-hidden",
688
771
  "absolute",
772
+ "top-0",
773
+ "left-0",
774
+ "right-0",
775
+ "bottom-0",
776
+ "opacity-95",
777
+ "group-hover:opacity-100",
778
+ "transition-[background-color,box-shadow,opacity]",
689
779
  "opacity-0",
690
780
  "top-1/2",
691
781
  "left-1/2",
692
- "w-[calc(100%+2px)]",
693
- "h-[calc(100%+2px)]",
694
782
  "transform",
695
783
  "translate-x-[-50%]",
696
784
  "translate-y-[-50%]",
785
+ "transition-opacity",
786
+ "cursor-[inherit]",
787
+ "w-[calc(100%+2px)]",
788
+ "h-[calc(100%+2px)]",
697
789
  "text-start",
698
- "text-end"
790
+ "text-end",
791
+ "opacity-100"
699
792
  ],
700
793
  "internalComponents": [
701
- "Icon",
794
+ "IconSlot",
795
+ "Box",
702
796
  "FormLabel",
703
797
  "SpringMotionConfig",
704
798
  "RootElement",
705
799
  "MotionBox"
706
800
  ],
707
801
  "internalComponentProps": {
708
- "Icon": {
709
- "size": [
710
- "sm"
802
+ "IconSlot": {
803
+ "data-testid": [
804
+ "on-icon",
805
+ "off-icon"
711
806
  ]
712
807
  },
713
808
  "FormLabel": {
@@ -725,36 +820,20 @@
725
820
  "data-testid": [
726
821
  "container"
727
822
  ]
728
- },
729
- "MotionBox": {
730
- "position": [
731
- "relative"
732
- ],
733
- "alignItems": [
734
- "center"
735
- ],
736
- "justifyContent": [
737
- "center"
738
- ],
739
- "flex": [
740
- "none"
741
- ]
742
823
  }
743
824
  },
744
825
  "propToVariantKeys": {
745
826
  "size": [
746
- "checkboxSizeRoot",
747
- "checkboxSizeCheckbox"
827
+ "switchSizeRoot",
828
+ "switchSizeSwitch",
829
+ "switchSizeHandle",
830
+ "switchSizeHandleIcon"
748
831
  ],
749
- "variant": [
750
- "checkboxVariantRoot",
751
- "checkboxVariantCheckbox",
752
- "checkboxVariantCheckboxIcon"
832
+ "onIcon": [
833
+ "icon"
753
834
  ],
754
- "valueState": [
755
- "checkboxVariantValueRoot",
756
- "checkboxVariantValueCheckbox",
757
- "checkboxVariantValueCheckboxIcon"
835
+ "offIcon": [
836
+ "icon"
758
837
  ],
759
838
  "reduceMotion": [
760
839
  "reducedMotion"
@@ -764,7 +843,7 @@
764
843
  "runtimeConfigGetStyles": {},
765
844
  "runtimeConfigInternalComponentProps": {},
766
845
  "motionVarPrefixes": [
767
- "--uds-motion-subtle-3-",
846
+ "--uds-motion-bouncy-4-",
768
847
  "--uds-motion-smooth-3-"
769
848
  ]
770
849
  },
@@ -835,36 +914,56 @@
835
914
  "--uds-motion-smooth-3-"
836
915
  ]
837
916
  },
838
- "Pressable": {
839
- "name": "Pressable",
840
- "defaultProps": {},
841
- "getStylesLiterals": {},
842
- "cxLiterals": [],
843
- "internalComponents": [
844
- "Comp"
845
- ],
846
- "internalComponentProps": {},
847
- "propToVariantKeys": {},
848
- "runtimeConfigDefaultProps": {},
849
- "runtimeConfigGetStyles": {},
850
- "runtimeConfigInternalComponentProps": {},
851
- "motionVarPrefixes": []
852
- },
853
- "SpringMotionConfig": {
854
- "name": "SpringMotionConfig",
917
+ "Badge": {
918
+ "name": "Badge",
855
919
  "defaultProps": {
856
- "reducedMotion": "user"
920
+ "variant": "primary",
921
+ "size": "md"
857
922
  },
858
923
  "getStylesLiterals": {},
859
- "cxLiterals": [],
924
+ "cxLiterals": [
925
+ "flex-1",
926
+ "truncate",
927
+ "whitespace-nowrap",
928
+ "text-center"
929
+ ],
860
930
  "internalComponents": [
861
- "LazyMotion",
862
- "MotionConfig"
931
+ "IconSlot",
932
+ "HStack"
863
933
  ],
864
- "internalComponentProps": {},
934
+ "internalComponentProps": {
935
+ "IconSlot": {
936
+ "data-testid": [
937
+ "start-icon",
938
+ "end-icon"
939
+ ]
940
+ },
941
+ "HStack": {
942
+ "gap": [
943
+ "2"
944
+ ],
945
+ "display": [
946
+ "inline-flex"
947
+ ],
948
+ "alignItems": [
949
+ "center"
950
+ ]
951
+ }
952
+ },
865
953
  "propToVariantKeys": {
866
- "loadFeatures": [
867
- "features"
954
+ "size": [
955
+ "badgeSizeRoot",
956
+ "badgeSizeIcon"
957
+ ],
958
+ "variant": [
959
+ "badgeVariantRoot",
960
+ "badgeVariantIcon"
961
+ ],
962
+ "startIcon": [
963
+ "icon"
964
+ ],
965
+ "endIcon": [
966
+ "icon"
868
967
  ]
869
968
  },
870
969
  "runtimeConfigDefaultProps": {},
@@ -872,79 +971,52 @@
872
971
  "runtimeConfigInternalComponentProps": {},
873
972
  "motionVarPrefixes": []
874
973
  },
875
- "Switch": {
876
- "name": "Switch",
974
+ "Checkbox": {
975
+ "name": "Checkbox",
877
976
  "defaultProps": {
878
977
  "labelPosition": "start",
978
+ "variant": "primary",
879
979
  "size": "md"
880
980
  },
881
981
  "getStylesLiterals": {
882
- "switchVariantRoot": "default",
883
- "switchVariantActiveRoot": "on",
884
- "switchVariantActiveRoot:1": "off",
885
982
  "display": "flex",
886
983
  "flexDirection": "row",
887
984
  "flexDirection:1": "row-reverse",
888
- "alignItems": "center",
889
- "switchVariantSwitch": "default",
890
- "switchVariantActiveSwitch": "on",
891
- "switchVariantActiveSwitch:1": "off",
892
- "borderRadius": "full",
893
- "position": "relative",
894
- "switchVariantActiveHandle": "on",
895
- "switchVariantActiveHandle:1": "off",
896
- "switchVariantHandle": "default",
897
- "switchVariantHandleIcon": "default",
898
- "switchVariantActiveHandleIcon": "on",
899
- "switchVariantActiveHandleIcon:1": "off"
985
+ "alignItems": "center"
900
986
  },
901
987
  "cxLiterals": [
902
- "group",
903
988
  "cursor-pointer",
904
989
  "cursor-default",
905
990
  "opacity-50",
906
991
  "uds-ring",
907
992
  "uds-ring-within",
908
- "transition-[background-color,box-shadow]",
909
- "relative",
993
+ "transition-[background-color,border-color,box-shadow]",
910
994
  "pointer-events-none",
911
- "uds-border-radius-full",
912
- "overflow-hidden",
995
+ "transition-opacity",
996
+ "cursor-[inherit]",
913
997
  "absolute",
914
- "top-0",
915
- "left-0",
916
- "right-0",
917
- "bottom-0",
918
- "opacity-95",
919
- "group-hover:opacity-100",
920
- "transition-[background-color,box-shadow,opacity]",
921
998
  "opacity-0",
922
999
  "top-1/2",
923
1000
  "left-1/2",
1001
+ "w-[calc(100%+2px)]",
1002
+ "h-[calc(100%+2px)]",
924
1003
  "transform",
925
1004
  "translate-x-[-50%]",
926
1005
  "translate-y-[-50%]",
927
- "transition-opacity",
928
- "cursor-[inherit]",
929
- "w-[calc(100%+2px)]",
930
- "h-[calc(100%+2px)]",
931
1006
  "text-start",
932
- "text-end",
933
- "opacity-100"
1007
+ "text-end"
934
1008
  ],
935
1009
  "internalComponents": [
936
- "IconSlot",
937
- "Box",
1010
+ "Icon",
938
1011
  "FormLabel",
939
1012
  "SpringMotionConfig",
940
1013
  "RootElement",
941
1014
  "MotionBox"
942
1015
  ],
943
1016
  "internalComponentProps": {
944
- "IconSlot": {
945
- "data-testid": [
946
- "on-icon",
947
- "off-icon"
1017
+ "Icon": {
1018
+ "size": [
1019
+ "sm"
948
1020
  ]
949
1021
  },
950
1022
  "FormLabel": {
@@ -962,20 +1034,36 @@
962
1034
  "data-testid": [
963
1035
  "container"
964
1036
  ]
1037
+ },
1038
+ "MotionBox": {
1039
+ "position": [
1040
+ "relative"
1041
+ ],
1042
+ "alignItems": [
1043
+ "center"
1044
+ ],
1045
+ "justifyContent": [
1046
+ "center"
1047
+ ],
1048
+ "flex": [
1049
+ "none"
1050
+ ]
965
1051
  }
966
1052
  },
967
1053
  "propToVariantKeys": {
968
1054
  "size": [
969
- "switchSizeRoot",
970
- "switchSizeSwitch",
971
- "switchSizeHandle",
972
- "switchSizeHandleIcon"
1055
+ "checkboxSizeRoot",
1056
+ "checkboxSizeCheckbox"
973
1057
  ],
974
- "onIcon": [
975
- "icon"
1058
+ "variant": [
1059
+ "checkboxVariantRoot",
1060
+ "checkboxVariantCheckbox",
1061
+ "checkboxVariantCheckboxIcon"
976
1062
  ],
977
- "offIcon": [
978
- "icon"
1063
+ "valueState": [
1064
+ "checkboxVariantValueRoot",
1065
+ "checkboxVariantValueCheckbox",
1066
+ "checkboxVariantValueCheckboxIcon"
979
1067
  ],
980
1068
  "reduceMotion": [
981
1069
  "reducedMotion"
@@ -985,124 +1073,174 @@
985
1073
  "runtimeConfigGetStyles": {},
986
1074
  "runtimeConfigInternalComponentProps": {},
987
1075
  "motionVarPrefixes": [
988
- "--uds-motion-bouncy-4-",
1076
+ "--uds-motion-subtle-3-",
989
1077
  "--uds-motion-smooth-3-"
990
1078
  ]
991
1079
  },
992
- "Divider": {
993
- "name": "Divider",
994
- "defaultProps": {},
995
- "getStylesLiterals": {},
996
- "cxLiterals": [],
997
- "internalComponents": [
998
- "DividerInternal"
999
- ],
1000
- "internalComponentProps": {},
1001
- "propToVariantKeys": {},
1002
- "runtimeConfigDefaultProps": {},
1003
- "runtimeConfigGetStyles": {},
1004
- "runtimeConfigInternalComponentProps": {},
1005
- "motionVarPrefixes": []
1006
- },
1007
- "DividerCore": {
1008
- "name": "DividerCore",
1080
+ "Button": {
1081
+ "name": "Button",
1009
1082
  "defaultProps": {
1010
- "contentPosition": "center"
1083
+ "type": "button"
1011
1084
  },
1012
1085
  "getStylesLiterals": {},
1013
- "cxLiterals": [],
1086
+ "cxLiterals": [
1087
+ "uds-ring",
1088
+ "uds-hit-target",
1089
+ "inline-flex",
1090
+ "overflow-hidden",
1091
+ "justify-center",
1092
+ "items-center",
1093
+ "whitespace-nowrap",
1094
+ "select-none",
1095
+ "[transform-origin:center]",
1096
+ "[backface-visibility:hidden]",
1097
+ "[transition-property:color,background-color,border-color,box-shadow,text-decoration-color,fill,stroke]",
1098
+ "[transition-timing-function:cubic-bezier(0,0,0.2,1)]",
1099
+ "[transition-duration:220ms]",
1100
+ "cursor-not-allowed",
1101
+ "uds-button-loading",
1102
+ "uds-button-without-effects",
1103
+ "withIcon",
1104
+ "uds-button-with-gap",
1105
+ "animate-spin",
1106
+ "truncate"
1107
+ ],
1014
1108
  "internalComponents": [
1015
- "Box",
1016
- "Line",
1017
- "InternalComponent",
1018
- "Text"
1109
+ "Icon",
1110
+ "IconSlot",
1111
+ "AnimatePresence",
1112
+ "SpringMotionConfig",
1113
+ "MotionSlot"
1019
1114
  ],
1020
1115
  "internalComponentProps": {
1021
- "Box": {
1022
- "flex": [
1023
- "1",
1024
- "none"
1025
- ],
1026
- "display": [
1027
- "flex"
1116
+ "Icon": {
1117
+ "color": [
1118
+ "current"
1028
1119
  ]
1029
1120
  },
1030
- "InternalComponent": {
1031
- "flex": [
1032
- "1"
1033
- ],
1034
- "alignItems": [
1035
- "center"
1121
+ "AnimatePresence": {
1122
+ "mode": [
1123
+ "popLayout"
1036
1124
  ]
1037
1125
  },
1038
- "Text": {
1039
- "as": [
1040
- "span"
1041
- ],
1042
- "color": [
1043
- "inherit"
1126
+ "SpringMotionConfig": {
1127
+ "layoutSpeed": [
1128
+ "3"
1129
+ ]
1130
+ },
1131
+ "MotionSlot": {
1132
+ "whileHover": [
1133
+ "hover"
1044
1134
  ],
1045
- "variant": [
1046
- "inherit"
1135
+ "whileTap": [
1136
+ "pressed"
1047
1137
  ]
1048
1138
  }
1049
1139
  },
1050
- "propToVariantKeys": {},
1140
+ "propToVariantKeys": {
1141
+ "size": [
1142
+ "buttonSizeRoot",
1143
+ "buttonSizeIcon"
1144
+ ],
1145
+ "variant": [
1146
+ "buttonVariantRoot",
1147
+ "buttonVariantIcon"
1148
+ ],
1149
+ "iconVariant": [
1150
+ "variant"
1151
+ ],
1152
+ "startIcon": [
1153
+ "icon"
1154
+ ],
1155
+ "endIcon": [
1156
+ "icon"
1157
+ ]
1158
+ },
1051
1159
  "runtimeConfigDefaultProps": {},
1052
1160
  "runtimeConfigGetStyles": {},
1053
1161
  "runtimeConfigInternalComponentProps": {},
1054
- "motionVarPrefixes": []
1162
+ "motionVarPrefixes": [
1163
+ "--uds-motion-subtle-3-",
1164
+ "--uds-motion-smooth-3-"
1165
+ ]
1055
1166
  },
1056
- "DividerInternal": {
1057
- "name": "DividerInternal",
1167
+ "Accordion": {
1168
+ "name": "Accordion",
1058
1169
  "defaultProps": {
1059
- "variant": "primary"
1170
+ "spacingHorizontal": "4",
1171
+ "spacingVertical": "4"
1060
1172
  },
1061
1173
  "getStylesLiterals": {},
1062
1174
  "cxLiterals": [
1063
- "inherit"
1175
+ "hover:bg-secondary/80",
1176
+ "w-full"
1064
1177
  ],
1065
1178
  "internalComponents": [
1066
- "DividerCore"
1067
- ],
1068
- "internalComponentProps": {},
1069
- "propToVariantKeys": {
1070
- "variant": [
1071
- "dividerVariantRoot",
1072
- "dividerVariantLabel",
1073
- "dividerVariantLine"
1074
- ]
1075
- },
1076
- "runtimeConfigDefaultProps": {},
1077
- "runtimeConfigGetStyles": {},
1078
- "runtimeConfigInternalComponentProps": {},
1079
- "motionVarPrefixes": []
1080
- },
1081
- "Spinner": {
1082
- "name": "Spinner",
1083
- "defaultProps": {
1084
- "color": "primary",
1085
- "size": "lg"
1086
- },
1087
- "getStylesLiterals": {},
1088
- "cxLiterals": [
1089
- "self-center",
1090
- "relative",
1091
- "sr-only"
1092
- ],
1093
- "internalComponents": [
1094
- "Icon"
1179
+ "Icon",
1180
+ "SpringMotionConfig",
1181
+ "Pressable",
1182
+ "Text",
1183
+ "HStack",
1184
+ "AnimatePresence",
1185
+ "VStack"
1095
1186
  ],
1096
1187
  "internalComponentProps": {
1097
1188
  "Icon": {
1098
- "role": [
1099
- "img"
1189
+ "variant": [
1190
+ "fill"
1100
1191
  ],
1101
- "className": [
1102
- "animate-spin"
1192
+ "size": [
1193
+ "sm"
1103
1194
  ],
1104
- "aria-hidden": [
1105
- "true"
1195
+ "color": [
1196
+ "primary"
1197
+ ]
1198
+ },
1199
+ "SpringMotionConfig": {
1200
+ "layoutVariant": [
1201
+ "smooth"
1202
+ ],
1203
+ "layoutSpeed": [
1204
+ "3"
1205
+ ]
1206
+ },
1207
+ "Pressable": {
1208
+ "display": [
1209
+ "flex"
1210
+ ],
1211
+ "flexDirection": [
1212
+ "row"
1213
+ ],
1214
+ "alignItems": [
1215
+ "center"
1216
+ ],
1217
+ "justifyContent": [
1218
+ "space-between"
1219
+ ],
1220
+ "borderRadius": [
1221
+ "md"
1222
+ ]
1223
+ },
1224
+ "Text": {
1225
+ "variant": [
1226
+ "title4"
1227
+ ],
1228
+ "color": [
1229
+ "primary"
1230
+ ]
1231
+ },
1232
+ "HStack": {
1233
+ "display": [
1234
+ "flex"
1235
+ ],
1236
+ "alignItems": [
1237
+ "center"
1238
+ ],
1239
+ "justifyContent": [
1240
+ "space-between"
1241
+ ],
1242
+ "columnGap": [
1243
+ "2.5"
1106
1244
  ]
1107
1245
  }
1108
1246
  },
@@ -1110,68 +1248,105 @@
1110
1248
  "runtimeConfigDefaultProps": {},
1111
1249
  "runtimeConfigGetStyles": {},
1112
1250
  "runtimeConfigInternalComponentProps": {},
1113
- "motionVarPrefixes": []
1251
+ "motionVarPrefixes": [
1252
+ "--uds-motion-smooth-3-"
1253
+ ]
1114
1254
  },
1115
- "Table.mocks": {
1116
- "name": "Table.mocks",
1255
+ "Modal": {
1256
+ "name": "Modal",
1117
1257
  "defaultProps": {},
1118
1258
  "getStylesLiterals": {},
1119
- "cxLiterals": [],
1120
- "internalComponents": [],
1121
- "internalComponentProps": {},
1122
- "propToVariantKeys": {},
1123
- "runtimeConfigDefaultProps": {},
1124
- "runtimeConfigGetStyles": {},
1125
- "runtimeConfigInternalComponentProps": {},
1126
- "motionVarPrefixes": []
1127
- },
1128
- "Table": {
1129
- "name": "Table",
1130
- "defaultProps": {
1131
- "display": "table-cell",
1132
- "overflow": "hidden",
1133
- "borderColor": "muted",
1134
- "borderRadius": "md",
1135
- "spacing": "3",
1136
- "borderBottomColor": "muted",
1137
- "borderBottomWidth": "thin",
1138
- "color": "primary"
1139
- },
1140
- "getStylesLiterals": {
1141
- "textAlign": "start"
1142
- },
1143
- "cxLiterals": [],
1259
+ "cxLiterals": [
1260
+ "inset-8",
1261
+ "top-[250px]",
1262
+ "z-50",
1263
+ "mx-auto",
1264
+ "h-fit",
1265
+ "w-[600px]",
1266
+ "origin-center",
1267
+ "scale-95",
1268
+ "opacity-0",
1269
+ "transition",
1270
+ "duration-150",
1271
+ "data-[enter]:scale-100",
1272
+ "data-[enter]:opacity-100",
1273
+ "data-[enter]:bg-primary",
1274
+ "backdrop-blur-0",
1275
+ "data-[enter]:opacity-60",
1276
+ "data-[enter]:backdrop-blur-sm"
1277
+ ],
1144
1278
  "internalComponents": [
1145
- "CellComponent",
1146
- "Box",
1279
+ "IconButton",
1280
+ "Dialog",
1281
+ "HStack",
1147
1282
  "Text",
1148
- "Table.Root",
1149
- "Table.Header",
1150
- "Table.Row",
1151
- "Table.Cell",
1152
- "Table.Body"
1283
+ "VStack"
1153
1284
  ],
1154
1285
  "internalComponentProps": {
1155
- "Table.Cell": {
1156
- "asHeaderCell": [
1157
- "column"
1286
+ "IconButton": {
1287
+ "aria-label": [
1288
+ "Close"
1289
+ ],
1290
+ "size": [
1291
+ "sm"
1292
+ ],
1293
+ "variant": [
1294
+ "tertiary"
1295
+ ]
1296
+ },
1297
+ "HStack": {
1298
+ "alignItems": [
1299
+ "center"
1300
+ ],
1301
+ "justifyContent": [
1302
+ "space-between"
1303
+ ]
1304
+ },
1305
+ "Text": {
1306
+ "variant": [
1307
+ "headline1"
1308
+ ],
1309
+ "color": [
1310
+ "primary"
1311
+ ]
1312
+ },
1313
+ "VStack": {
1314
+ "borderRadius": [
1315
+ "md"
1316
+ ],
1317
+ "position": [
1318
+ "fixed"
1319
+ ],
1320
+ "backgroundColor": [
1321
+ "primary"
1322
+ ],
1323
+ "dropShadow": [
1324
+ "md"
1325
+ ],
1326
+ "spacing": [
1327
+ "8"
1328
+ ],
1329
+ "overflow": [
1330
+ "hidden"
1158
1331
  ]
1159
1332
  }
1160
1333
  },
1161
- "propToVariantKeys": {},
1334
+ "propToVariantKeys": {
1335
+ "handleClose": [
1336
+ "onClick"
1337
+ ]
1338
+ },
1162
1339
  "runtimeConfigDefaultProps": {},
1163
1340
  "runtimeConfigGetStyles": {},
1164
1341
  "runtimeConfigInternalComponentProps": {},
1165
1342
  "motionVarPrefixes": []
1166
1343
  },
1167
- "Avatar": {
1168
- "name": "Avatar",
1344
+ "AvoidMotionLibraryProvider": {
1345
+ "name": "AvoidMotionLibraryProvider",
1169
1346
  "defaultProps": {},
1170
1347
  "getStylesLiterals": {},
1171
1348
  "cxLiterals": [],
1172
- "internalComponents": [
1173
- "AvatarImage"
1174
- ],
1349
+ "internalComponents": [],
1175
1350
  "internalComponentProps": {},
1176
1351
  "propToVariantKeys": {},
1177
1352
  "runtimeConfigDefaultProps": {},
@@ -1179,31 +1354,87 @@
1179
1354
  "runtimeConfigInternalComponentProps": {},
1180
1355
  "motionVarPrefixes": []
1181
1356
  },
1182
- "AvatarIcon": {
1183
- "name": "AvatarIcon",
1357
+ "SegmentedControl": {
1358
+ "name": "SegmentedControl",
1184
1359
  "defaultProps": {
1185
- "size": "md",
1186
- "variant": "primary"
1360
+ "textVariant": "label2"
1361
+ },
1362
+ "getStylesLiterals": {
1363
+ "display": "flex",
1364
+ "alignItems": "center",
1365
+ "backgroundColor": "primary",
1366
+ "spacingVertical": "1",
1367
+ "spacingHorizontal": "3",
1368
+ "columnGap": "1.5",
1369
+ "borderWidth": "thin",
1370
+ "borderRadius": "full",
1371
+ "borderColor": "muted",
1372
+ "borderColor:1": "transparent",
1373
+ "color": "primary",
1374
+ "color:1": "tertiary",
1375
+ "color:2": "muted"
1187
1376
  },
1188
- "getStylesLiterals": {},
1189
1377
  "cxLiterals": [
1190
- "overflow-hidden",
1191
- "w-full",
1192
- "h-full",
1193
- "shrink-0",
1194
- "text-center",
1195
- "inline-flex",
1196
- "justify-center",
1197
- "items-center"
1378
+ "uds-ring",
1379
+ "cursor-not-allowed",
1380
+ "opacity-50",
1381
+ "pointer-events-none",
1382
+ "hover:bg-primary"
1198
1383
  ],
1199
1384
  "internalComponents": [
1200
- "IconSlot",
1201
- "Box"
1202
- ],
1203
- "internalComponentProps": {},
1385
+ "TextVariant",
1386
+ "Radio",
1387
+ "Icon",
1388
+ "RadioProvider",
1389
+ "HStack",
1390
+ "RadioGroup",
1391
+ "Pressable",
1392
+ "Text"
1393
+ ],
1394
+ "internalComponentProps": {
1395
+ "Icon": {
1396
+ "size": [
1397
+ "sm"
1398
+ ],
1399
+ "color": [
1400
+ "current"
1401
+ ],
1402
+ "aria-hidden": [
1403
+ "true"
1404
+ ]
1405
+ },
1406
+ "HStack": {
1407
+ "spacing": [
1408
+ "1"
1409
+ ],
1410
+ "gap": [
1411
+ "1"
1412
+ ],
1413
+ "backgroundColor": [
1414
+ "secondary"
1415
+ ],
1416
+ "borderRadius": [
1417
+ "full"
1418
+ ],
1419
+ "display": [
1420
+ "inline-flex"
1421
+ ]
1422
+ },
1423
+ "Text": {
1424
+ "color": [
1425
+ "current"
1426
+ ]
1427
+ }
1428
+ },
1204
1429
  "propToVariantKeys": {
1205
- "size": [
1206
- "avatarSizeIcon"
1430
+ "value": [
1431
+ "key"
1432
+ ],
1433
+ "label": [
1434
+ "aria-label"
1435
+ ],
1436
+ "textVariant": [
1437
+ "variant"
1207
1438
  ]
1208
1439
  },
1209
1440
  "runtimeConfigDefaultProps": {},
@@ -1211,145 +1442,344 @@
1211
1442
  "runtimeConfigInternalComponentProps": {},
1212
1443
  "motionVarPrefixes": []
1213
1444
  },
1214
- "AvatarImage": {
1215
- "name": "AvatarImage",
1445
+ "SwitchV2": {
1446
+ "name": "SwitchV2",
1216
1447
  "defaultProps": {
1217
- "size": "md",
1218
- "variant": "primary"
1448
+ "labelPosition": "start",
1449
+ "size": "md"
1450
+ },
1451
+ "getStylesLiterals": {
1452
+ "switchVariantRoot": "default",
1453
+ "switchVariantActiveRoot": "on",
1454
+ "switchVariantActiveRoot:1": "off",
1455
+ "switchVariantSwitch": "default",
1456
+ "switchVariantActiveSwitch": "on",
1457
+ "switchVariantActiveSwitch:1": "off",
1458
+ "switchVariantActiveHandle": "on",
1459
+ "switchVariantActiveHandle:1": "off",
1460
+ "switchVariantHandle": "default",
1461
+ "switchVariantHandleIcon": "default",
1462
+ "switchVariantActiveHandleIcon": "on",
1463
+ "switchVariantActiveHandleIcon:1": "off"
1219
1464
  },
1220
- "getStylesLiterals": {},
1221
1465
  "cxLiterals": [
1222
- "overflow-hidden",
1466
+ "group",
1467
+ "flex",
1468
+ "items-center",
1469
+ "flex-row",
1470
+ "flex-row-reverse",
1471
+ "uds-ring",
1472
+ "uds-ring-within",
1473
+ "relative",
1474
+ "uds-border-radius-full",
1475
+ "transition-[background-color,box-shadow]",
1476
+ "pointer-events-none",
1223
1477
  "w-full",
1224
1478
  "h-full",
1225
- "shrink-0",
1226
- "text-center",
1227
- "inline-flex",
1228
- "justify-center",
1229
- "items-center",
1230
- "object-cover"
1479
+ "absolute",
1480
+ "top-0",
1481
+ "bottom-0",
1482
+ "right-0",
1483
+ "left-0",
1484
+ "overflow-hidden",
1485
+ "group-hover:scale-105",
1486
+ "opacity-95",
1487
+ "group-hover:opacity-100",
1488
+ "transition-[transform,opacity]",
1489
+ "opacity-0",
1490
+ "top-1/2",
1491
+ "left-1/2",
1492
+ "transform",
1493
+ "translate-x-[-50%]",
1494
+ "translate-y-[-50%]",
1495
+ "transition-opacity",
1496
+ "cursor-[inherit]",
1497
+ "w-[calc(100%+2px)]",
1498
+ "h-[calc(100%+2px)]",
1499
+ "text-start",
1500
+ "text-end",
1501
+ "opacity-100"
1231
1502
  ],
1232
1503
  "internalComponents": [
1233
- "UDSImage",
1234
- "AvatarText",
1235
- "AvatarIcon",
1236
- "Box"
1504
+ "IconSlot",
1505
+ "Box",
1506
+ "FormLabel",
1507
+ "SpringMotionConfig",
1508
+ "RootElement",
1509
+ "MotionBox"
1237
1510
  ],
1238
- "internalComponentProps": {},
1511
+ "internalComponentProps": {
1512
+ "IconSlot": {
1513
+ "data-testid": [
1514
+ "on-icon",
1515
+ "off-icon"
1516
+ ]
1517
+ },
1518
+ "FormLabel": {
1519
+ "as": [
1520
+ "div"
1521
+ ],
1522
+ "variant": [
1523
+ "inherit"
1524
+ ],
1525
+ "color": [
1526
+ "inherit"
1527
+ ]
1528
+ },
1529
+ "SpringMotionConfig": {
1530
+ "layoutVariant": [
1531
+ "bouncy"
1532
+ ],
1533
+ "layoutSpeed": [
1534
+ "4"
1535
+ ]
1536
+ },
1537
+ "RootElement": {
1538
+ "data-testid": [
1539
+ "switch-root"
1540
+ ]
1541
+ },
1542
+ "MotionBox": {
1543
+ "layout": [
1544
+ "position"
1545
+ ]
1546
+ }
1547
+ },
1239
1548
  "propToVariantKeys": {
1240
- "alt": [
1241
- "name"
1549
+ "size": [
1550
+ "switchSizeRoot",
1551
+ "switchSizeSwitch",
1552
+ "switchSizeHandle",
1553
+ "switchSizeHandleIcon"
1242
1554
  ],
1243
- "fallback": [
1244
- "initials"
1555
+ "onIcon": [
1556
+ "icon"
1557
+ ],
1558
+ "offIcon": [
1559
+ "icon"
1560
+ ],
1561
+ "reduceMotion": [
1562
+ "reducedMotion"
1563
+ ],
1564
+ "isOn": [
1565
+ "layoutDependency"
1245
1566
  ]
1246
1567
  },
1247
1568
  "runtimeConfigDefaultProps": {},
1248
1569
  "runtimeConfigGetStyles": {},
1249
1570
  "runtimeConfigInternalComponentProps": {},
1250
- "motionVarPrefixes": []
1571
+ "motionVarPrefixes": [
1572
+ "--uds-motion-bouncy-4-",
1573
+ "--uds-motion-smooth-3-"
1574
+ ]
1251
1575
  },
1252
- "AvatarText": {
1253
- "name": "AvatarText",
1254
- "defaultProps": {
1255
- "size": "md",
1256
- "variant": "primary"
1257
- },
1576
+ "UDSToastConfigProvider": {
1577
+ "name": "UDSToastConfigProvider",
1578
+ "defaultProps": {},
1258
1579
  "getStylesLiterals": {},
1259
- "cxLiterals": [
1260
- "overflow-hidden",
1261
- "truncate",
1262
- "w-full",
1263
- "h-full",
1264
- "shrink-0",
1265
- "text-center",
1266
- "inline-flex",
1267
- "justify-center",
1268
- "items-center"
1269
- ],
1580
+ "cxLiterals": [],
1270
1581
  "internalComponents": [
1271
- "Box",
1272
- "Text"
1582
+ "ToastContext.Provider"
1273
1583
  ],
1274
- "internalComponentProps": {
1275
- "Text": {
1276
- "color": [
1277
- "inherit"
1278
- ],
1279
- "variant": [
1280
- "inherit"
1281
- ]
1282
- }
1283
- },
1584
+ "internalComponentProps": {},
1284
1585
  "propToVariantKeys": {},
1285
1586
  "runtimeConfigDefaultProps": {},
1286
1587
  "runtimeConfigGetStyles": {},
1287
1588
  "runtimeConfigInternalComponentProps": {},
1288
1589
  "motionVarPrefixes": []
1289
1590
  },
1290
- "BottomSheet": {
1291
- "name": "BottomSheet",
1292
- "defaultProps": {
1293
- "variant": "default"
1294
- },
1591
+ "ToastPortal": {
1592
+ "name": "ToastPortal",
1593
+ "defaultProps": {},
1295
1594
  "getStylesLiterals": {},
1296
- "cxLiterals": [
1297
- "fixed",
1298
- "overflow-hidden",
1299
- "inset-x-0",
1300
- "bottom-0",
1301
- "z-50",
1302
- "[will-change:transform]",
1303
- "touch-none",
1304
- "[transform:translate3d(0,var(--uds-bottomsheet-hidden-translate),0)]",
1305
- "data-[enter]:[transform:translate3d(0,var(--uds-bottomsheet-visible-translate),0)]",
1306
- "transition-transform",
1307
- "duration-500",
1308
- "ease-[cubic-bezier(0.32,0.72,0,1)]",
1309
- "motion-reduce:transition-none",
1310
- "top-[-4px]",
1311
- "z-[1]",
1312
- "touch-pan-y"
1313
- ],
1595
+ "cxLiterals": [],
1314
1596
  "internalComponents": [
1315
- "Scrim",
1316
- "BottomSheetHandle",
1317
- "Dialog",
1318
- "Box",
1319
- "BottomSheetInternalContext.Provider"
1597
+ "ReactToastifyToastContainer"
1320
1598
  ],
1321
- "internalComponentProps": {
1322
- "BottomSheetHandle": {
1323
- "ariaLabel": [
1324
- "Resize sheet"
1599
+ "internalComponentProps": {},
1600
+ "propToVariantKeys": {},
1601
+ "runtimeConfigDefaultProps": {
1602
+ "size": "toast.defaultSize",
1603
+ "variant": "toast.defaultVariant"
1604
+ },
1605
+ "runtimeConfigGetStyles": {},
1606
+ "runtimeConfigInternalComponentProps": {
1607
+ "ReactToastifyToastContainer": {
1608
+ "autoClose": [
1609
+ "toast.autoClose"
1610
+ ]
1611
+ }
1612
+ },
1613
+ "motionVarPrefixes": []
1614
+ },
1615
+ "Toast": {
1616
+ "name": "Toast",
1617
+ "defaultProps": {},
1618
+ "getStylesLiterals": {
1619
+ "className": "animate-spin",
1620
+ "className:1": "flex-none",
1621
+ "spacing": "2",
1622
+ "borderRadius": "full"
1623
+ },
1624
+ "cxLiterals": [
1625
+ "duration-0",
1626
+ "duration-120",
1627
+ "transition-[background-color]",
1628
+ "bg-carbon-15/0",
1629
+ "hover:bg-carbon-15/10",
1630
+ "active:bg-carbon-15/15",
1631
+ "uds-ring"
1632
+ ],
1633
+ "internalComponents": [
1634
+ "IconSlot",
1635
+ "ToastContainer",
1636
+ "Text",
1637
+ "Button",
1638
+ "Pressable"
1639
+ ],
1640
+ "internalComponentProps": {},
1641
+ "propToVariantKeys": {
1642
+ "size": [
1643
+ "toastSizeLabel",
1644
+ "toastSizeIcon",
1645
+ "toastSizeActionButton",
1646
+ "toastSizeCloseIcon"
1647
+ ],
1648
+ "variant": [
1649
+ "toastVariantIcon",
1650
+ "toastVariantActionButton",
1651
+ "toastVariantCloseIcon"
1652
+ ],
1653
+ "closeIcon": [
1654
+ "icon"
1655
+ ],
1656
+ "onClickActionButton": [
1657
+ "onClick"
1658
+ ]
1659
+ },
1660
+ "runtimeConfigDefaultProps": {
1661
+ "size": "toast.defaultSize",
1662
+ "variant": "toast.defaultVariant"
1663
+ },
1664
+ "runtimeConfigGetStyles": {
1665
+ "toastSizeLabel": [
1666
+ "toast.defaultSize"
1667
+ ],
1668
+ "toastVariantIcon": [
1669
+ "toast.defaultVariant"
1670
+ ],
1671
+ "toastSizeIcon": [
1672
+ "toast.defaultSize"
1673
+ ],
1674
+ "toastSizeActionButton": [
1675
+ "toast.defaultSize"
1676
+ ],
1677
+ "toastVariantActionButton": [
1678
+ "toast.defaultVariant"
1679
+ ],
1680
+ "toastVariantCloseIcon": [
1681
+ "toast.defaultVariant"
1682
+ ],
1683
+ "toastSizeCloseIcon": [
1684
+ "toast.defaultSize"
1685
+ ]
1686
+ },
1687
+ "runtimeConfigInternalComponentProps": {
1688
+ "ToastContainer": {
1689
+ "size": [
1690
+ "toast.defaultSize"
1691
+ ],
1692
+ "variant": [
1693
+ "toast.defaultVariant"
1325
1694
  ]
1326
1695
  },
1327
- "Dialog": {
1328
- "data-testid": [
1329
- "bottom-sheet"
1696
+ "Text": {
1697
+ "variant": [
1698
+ "toast.textVariant.${size}"
1699
+ ],
1700
+ "color": [
1701
+ "toast.textColor.${variant}"
1330
1702
  ]
1331
1703
  },
1332
- "Box": {
1333
- "display": [
1334
- "block",
1335
- "flex"
1704
+ "Button": {
1705
+ "size": [
1706
+ "toast.buttonSize.${size}"
1336
1707
  ],
1337
- "position": [
1338
- "absolute"
1708
+ "variant": [
1709
+ "toast.buttonVariant.${variant}"
1710
+ ]
1711
+ }
1712
+ },
1713
+ "motionVarPrefixes": []
1714
+ },
1715
+ "ToastContainer": {
1716
+ "name": "ToastContainer",
1717
+ "defaultProps": {},
1718
+ "getStylesLiterals": {
1719
+ "position": "relative",
1720
+ "alignItems": "center",
1721
+ "display": "flex",
1722
+ "className": "box-border touch-none z-0 w-full break-words mb-2 last:mb-0"
1723
+ },
1724
+ "cxLiterals": [
1725
+ "w-full"
1726
+ ],
1727
+ "internalComponents": [
1728
+ "HStack"
1729
+ ],
1730
+ "internalComponentProps": {
1731
+ "HStack": {
1732
+ "alignItems": [
1733
+ "center"
1339
1734
  ],
1340
- "flexDirection": [
1341
- "column"
1735
+ "justifyContent": [
1736
+ "space-between"
1342
1737
  ],
1343
- "className": [
1344
- "absolute inset-0 min-h-0 p-[inherit]"
1738
+ "overflow": [
1739
+ "hidden"
1740
+ ],
1741
+ "position": [
1742
+ "relative"
1345
1743
  ]
1346
1744
  }
1347
1745
  },
1348
1746
  "propToVariantKeys": {
1349
1747
  "variant": [
1350
- "bottomsheetVariantRoot"
1748
+ "toastVariantRoot"
1749
+ ],
1750
+ "size": [
1751
+ "toastSizeRoot"
1752
+ ]
1753
+ },
1754
+ "runtimeConfigDefaultProps": {
1755
+ "size": "toast.defaultSize",
1756
+ "variant": "toast.defaultVariant"
1757
+ },
1758
+ "runtimeConfigGetStyles": {
1759
+ "toastVariantRoot": [
1760
+ "toast.defaultVariant"
1761
+ ],
1762
+ "toastSizeRoot": [
1763
+ "toast.defaultSize"
1351
1764
  ]
1352
1765
  },
1766
+ "runtimeConfigInternalComponentProps": {
1767
+ "HStack": {
1768
+ "backgroundColor": [
1769
+ "toast.backgroundColor.${variant}"
1770
+ ]
1771
+ }
1772
+ },
1773
+ "motionVarPrefixes": []
1774
+ },
1775
+ "BottomSheetInternalContext": {
1776
+ "name": "BottomSheetInternalContext",
1777
+ "defaultProps": {},
1778
+ "getStylesLiterals": {},
1779
+ "cxLiterals": [],
1780
+ "internalComponents": [],
1781
+ "internalComponentProps": {},
1782
+ "propToVariantKeys": {},
1353
1783
  "runtimeConfigDefaultProps": {},
1354
1784
  "runtimeConfigGetStyles": {},
1355
1785
  "runtimeConfigInternalComponentProps": {},
@@ -1388,21 +1818,6 @@
1388
1818
  "runtimeConfigInternalComponentProps": {},
1389
1819
  "motionVarPrefixes": []
1390
1820
  },
1391
- "BottomSheetDismiss": {
1392
- "name": "BottomSheetDismiss",
1393
- "defaultProps": {},
1394
- "getStylesLiterals": {},
1395
- "cxLiterals": [],
1396
- "internalComponents": [
1397
- "AriakitDialogDismiss"
1398
- ],
1399
- "internalComponentProps": {},
1400
- "propToVariantKeys": {},
1401
- "runtimeConfigDefaultProps": {},
1402
- "runtimeConfigGetStyles": {},
1403
- "runtimeConfigInternalComponentProps": {},
1404
- "motionVarPrefixes": []
1405
- },
1406
1821
  "BottomSheetHandle": {
1407
1822
  "name": "BottomSheetHandle",
1408
1823
  "defaultProps": {
@@ -1449,36 +1864,104 @@
1449
1864
  "runtimeConfigInternalComponentProps": {},
1450
1865
  "motionVarPrefixes": []
1451
1866
  },
1452
- "BottomSheetHeader": {
1453
- "name": "BottomSheetHeader",
1867
+ "BottomSheet": {
1868
+ "name": "BottomSheet",
1454
1869
  "defaultProps": {
1455
1870
  "variant": "default"
1456
1871
  },
1457
1872
  "getStylesLiterals": {},
1458
1873
  "cxLiterals": [
1459
- "grid-cols-[40px_1fr_40px]",
1460
- "items-center",
1461
- "w-full",
1462
- "min-h-10",
1463
- "mt-2"
1874
+ "fixed",
1875
+ "overflow-hidden",
1876
+ "inset-x-0",
1877
+ "bottom-0",
1878
+ "z-50",
1879
+ "[will-change:transform]",
1880
+ "touch-none",
1881
+ "[transform:translate3d(0,var(--uds-bottomsheet-hidden-translate),0)]",
1882
+ "data-[enter]:[transform:translate3d(0,var(--uds-bottomsheet-visible-translate),0)]",
1883
+ "transition-transform",
1884
+ "duration-500",
1885
+ "ease-[cubic-bezier(0.32,0.72,0,1)]",
1886
+ "motion-reduce:transition-none",
1887
+ "top-[-4px]",
1888
+ "z-[1]",
1889
+ "touch-pan-y"
1464
1890
  ],
1465
1891
  "internalComponents": [
1892
+ "Scrim",
1893
+ "BottomSheetHandle",
1894
+ "Dialog",
1466
1895
  "Box",
1467
- "Text"
1896
+ "BottomSheetInternalContext.Provider"
1468
1897
  ],
1469
1898
  "internalComponentProps": {
1899
+ "BottomSheetHandle": {
1900
+ "ariaLabel": [
1901
+ "Resize sheet"
1902
+ ]
1903
+ },
1904
+ "Dialog": {
1905
+ "data-testid": [
1906
+ "bottom-sheet"
1907
+ ]
1908
+ },
1470
1909
  "Box": {
1471
- "className": [
1472
- "h-10 w-10 opacity-0 pointer-events-none"
1473
- ],
1474
1910
  "display": [
1475
- "grid",
1911
+ "block",
1476
1912
  "flex"
1477
1913
  ],
1478
- "justifyContent": [
1479
- "flex-start",
1480
- "flex-end"
1481
- ]
1914
+ "position": [
1915
+ "absolute"
1916
+ ],
1917
+ "flexDirection": [
1918
+ "column"
1919
+ ],
1920
+ "className": [
1921
+ "absolute inset-0 min-h-0 p-[inherit]"
1922
+ ]
1923
+ }
1924
+ },
1925
+ "propToVariantKeys": {
1926
+ "variant": [
1927
+ "bottomsheetVariantRoot"
1928
+ ]
1929
+ },
1930
+ "runtimeConfigDefaultProps": {},
1931
+ "runtimeConfigGetStyles": {},
1932
+ "runtimeConfigInternalComponentProps": {},
1933
+ "motionVarPrefixes": []
1934
+ },
1935
+ "BottomSheetHeader": {
1936
+ "name": "BottomSheetHeader",
1937
+ "defaultProps": {
1938
+ "variant": "default"
1939
+ },
1940
+ "getStylesLiterals": {},
1941
+ "cxLiterals": [
1942
+ "grid-cols-[40px_1fr_40px]",
1943
+ "items-center",
1944
+ "w-full",
1945
+ "min-h-10",
1946
+ "mt-2"
1947
+ ],
1948
+ "internalComponents": [
1949
+ "Box",
1950
+ "Text"
1951
+ ],
1952
+ "internalComponentProps": {
1953
+ "Box": {
1954
+ "className": [
1955
+ "h-10 w-10 opacity-0 pointer-events-none"
1956
+ ],
1957
+ "display": [
1958
+ "grid",
1959
+ "flex"
1960
+ ],
1961
+ "justifyContent": [
1962
+ "flex-start",
1963
+ "flex-end"
1964
+ ]
1482
1965
  },
1483
1966
  "Text": {
1484
1967
  "variant": [
@@ -1505,34 +1988,6 @@
1505
1988
  "runtimeConfigInternalComponentProps": {},
1506
1989
  "motionVarPrefixes": []
1507
1990
  },
1508
- "BottomSheetInternalContext": {
1509
- "name": "BottomSheetInternalContext",
1510
- "defaultProps": {},
1511
- "getStylesLiterals": {},
1512
- "cxLiterals": [],
1513
- "internalComponents": [],
1514
- "internalComponentProps": {},
1515
- "propToVariantKeys": {},
1516
- "runtimeConfigDefaultProps": {},
1517
- "runtimeConfigGetStyles": {},
1518
- "runtimeConfigInternalComponentProps": {},
1519
- "motionVarPrefixes": []
1520
- },
1521
- "BottomSheetProvider": {
1522
- "name": "BottomSheetProvider",
1523
- "defaultProps": {},
1524
- "getStylesLiterals": {},
1525
- "cxLiterals": [],
1526
- "internalComponents": [
1527
- "AriakitDialogProvider"
1528
- ],
1529
- "internalComponentProps": {},
1530
- "propToVariantKeys": {},
1531
- "runtimeConfigDefaultProps": {},
1532
- "runtimeConfigGetStyles": {},
1533
- "runtimeConfigInternalComponentProps": {},
1534
- "motionVarPrefixes": []
1535
- },
1536
1991
  "BottomSheetTrigger": {
1537
1992
  "name": "BottomSheetTrigger",
1538
1993
  "defaultProps": {},
@@ -1563,16 +2018,13 @@
1563
2018
  "runtimeConfigInternalComponentProps": {},
1564
2019
  "motionVarPrefixes": []
1565
2020
  },
1566
- "Chip": {
1567
- "name": "Chip",
2021
+ "BottomSheetDismiss": {
2022
+ "name": "BottomSheetDismiss",
1568
2023
  "defaultProps": {},
1569
2024
  "getStylesLiterals": {},
1570
2025
  "cxLiterals": [],
1571
2026
  "internalComponents": [
1572
- "ChipDismissible",
1573
- "ChipToggle",
1574
- "ChipLink",
1575
- "ChipButton"
2027
+ "AriakitDialogDismiss"
1576
2028
  ],
1577
2029
  "internalComponentProps": {},
1578
2030
  "propToVariantKeys": {},
@@ -1581,63 +2033,23 @@
1581
2033
  "runtimeConfigInternalComponentProps": {},
1582
2034
  "motionVarPrefixes": []
1583
2035
  },
1584
- "ChipBase": {
1585
- "name": "ChipBase",
1586
- "defaultProps": {
1587
- "size": "md",
1588
- "as": "div"
1589
- },
2036
+ "BottomSheetProvider": {
2037
+ "name": "BottomSheetProvider",
2038
+ "defaultProps": {},
1590
2039
  "getStylesLiterals": {},
1591
- "cxLiterals": [
1592
- "pointer-events-none",
1593
- "cursor-default",
1594
- "opacity-50",
1595
- "inline-flex",
1596
- "items-center",
1597
- "transition-[background-color,outline-color,box-shadow]",
1598
- "truncate",
1599
- "whitespace-nowrap",
1600
- "text-center",
1601
- "flex-1"
1602
- ],
2040
+ "cxLiterals": [],
1603
2041
  "internalComponents": [
1604
- "IconSlot",
1605
- "HStack",
1606
- "As",
1607
- "Text"
2042
+ "AriakitDialogProvider"
1608
2043
  ],
1609
- "internalComponentProps": {
1610
- "Text": {
1611
- "as": [
1612
- "span"
1613
- ],
1614
- "color": [
1615
- "current"
1616
- ],
1617
- "variant": [
1618
- "inherit"
1619
- ]
1620
- }
1621
- },
1622
- "propToVariantKeys": {
1623
- "size": [
1624
- "chipSizeRoot",
1625
- "chipSizeIcon"
1626
- ],
1627
- "startIcon": [
1628
- "icon"
1629
- ],
1630
- "endIcon": [
1631
- "icon"
1632
- ]
1633
- },
2044
+ "internalComponentProps": {},
2045
+ "propToVariantKeys": {},
1634
2046
  "runtimeConfigDefaultProps": {},
1635
2047
  "runtimeConfigGetStyles": {},
1636
2048
  "runtimeConfigInternalComponentProps": {},
1637
2049
  "motionVarPrefixes": []
1638
2050
  },
1639
- "ChipButton": {
1640
- "name": "ChipButton",
2051
+ "ChipLink": {
2052
+ "name": "ChipLink",
1641
2053
  "defaultProps": {
1642
2054
  "variant": "primary"
1643
2055
  },
@@ -1651,7 +2063,7 @@
1651
2063
  "internalComponentProps": {
1652
2064
  "ChipBase": {
1653
2065
  "as": [
1654
- "button"
2066
+ "a"
1655
2067
  ]
1656
2068
  }
1657
2069
  },
@@ -1698,12 +2110,16 @@
1698
2110
  "runtimeConfigInternalComponentProps": {},
1699
2111
  "motionVarPrefixes": []
1700
2112
  },
1701
- "ChipLink": {
1702
- "name": "ChipLink",
2113
+ "ChipToggle": {
2114
+ "name": "ChipToggle",
1703
2115
  "defaultProps": {
1704
- "variant": "primary"
2116
+ "variant": "primary",
2117
+ "role": "checkbox"
2118
+ },
2119
+ "getStylesLiterals": {
2120
+ "chipToggleVariantActiveRoot": "on",
2121
+ "chipToggleVariantActiveRoot:1": "off"
1705
2122
  },
1706
- "getStylesLiterals": {},
1707
2123
  "cxLiterals": [
1708
2124
  "uds-ring"
1709
2125
  ],
@@ -1713,14 +2129,14 @@
1713
2129
  "internalComponentProps": {
1714
2130
  "ChipBase": {
1715
2131
  "as": [
1716
- "a"
2132
+ "button"
1717
2133
  ]
1718
2134
  }
1719
2135
  },
1720
2136
  "propToVariantKeys": {
1721
2137
  "variant": [
1722
- "chipLinkVariantRoot",
1723
- "chipLinkVariantIcon"
2138
+ "chipToggleVariantRoot",
2139
+ "chipToggleVariantIcon"
1724
2140
  ]
1725
2141
  },
1726
2142
  "runtimeConfigDefaultProps": {},
@@ -1728,33 +2144,54 @@
1728
2144
  "runtimeConfigInternalComponentProps": {},
1729
2145
  "motionVarPrefixes": []
1730
2146
  },
1731
- "ChipToggle": {
1732
- "name": "ChipToggle",
2147
+ "ChipBase": {
2148
+ "name": "ChipBase",
1733
2149
  "defaultProps": {
1734
- "variant": "primary",
1735
- "role": "checkbox"
1736
- },
1737
- "getStylesLiterals": {
1738
- "chipToggleVariantActiveRoot": "on",
1739
- "chipToggleVariantActiveRoot:1": "off"
2150
+ "size": "md",
2151
+ "as": "div"
1740
2152
  },
2153
+ "getStylesLiterals": {},
1741
2154
  "cxLiterals": [
1742
- "uds-ring"
2155
+ "pointer-events-none",
2156
+ "cursor-default",
2157
+ "opacity-50",
2158
+ "inline-flex",
2159
+ "items-center",
2160
+ "transition-[background-color,outline-color,box-shadow]",
2161
+ "truncate",
2162
+ "whitespace-nowrap",
2163
+ "text-center",
2164
+ "flex-1"
1743
2165
  ],
1744
2166
  "internalComponents": [
1745
- "ChipBase"
2167
+ "IconSlot",
2168
+ "HStack",
2169
+ "As",
2170
+ "Text"
1746
2171
  ],
1747
2172
  "internalComponentProps": {
1748
- "ChipBase": {
2173
+ "Text": {
1749
2174
  "as": [
1750
- "button"
2175
+ "span"
2176
+ ],
2177
+ "color": [
2178
+ "current"
2179
+ ],
2180
+ "variant": [
2181
+ "inherit"
1751
2182
  ]
1752
2183
  }
1753
2184
  },
1754
2185
  "propToVariantKeys": {
1755
- "variant": [
1756
- "chipToggleVariantRoot",
1757
- "chipToggleVariantIcon"
2186
+ "size": [
2187
+ "chipSizeRoot",
2188
+ "chipSizeIcon"
2189
+ ],
2190
+ "startIcon": [
2191
+ "icon"
2192
+ ],
2193
+ "endIcon": [
2194
+ "icon"
1758
2195
  ]
1759
2196
  },
1760
2197
  "runtimeConfigDefaultProps": {},
@@ -1762,145 +2199,117 @@
1762
2199
  "runtimeConfigInternalComponentProps": {},
1763
2200
  "motionVarPrefixes": []
1764
2201
  },
1765
- "Popover": {
1766
- "name": "Popover",
2202
+ "Chip": {
2203
+ "name": "Chip",
1767
2204
  "defaultProps": {},
1768
2205
  "getStylesLiterals": {},
1769
2206
  "cxLiterals": [],
1770
2207
  "internalComponents": [
1771
- "PopoverInternalContext.Provider",
1772
- "PopoverProvider"
2208
+ "ChipDismissible",
2209
+ "ChipToggle",
2210
+ "ChipLink",
2211
+ "ChipButton"
1773
2212
  ],
1774
2213
  "internalComponentProps": {},
1775
2214
  "propToVariantKeys": {},
1776
- "runtimeConfigDefaultProps": {
1777
- "size": "popover.defaultSize",
1778
- "variant": "popover.defaultVariant"
1779
- },
2215
+ "runtimeConfigDefaultProps": {},
1780
2216
  "runtimeConfigGetStyles": {},
1781
2217
  "runtimeConfigInternalComponentProps": {},
1782
2218
  "motionVarPrefixes": []
1783
2219
  },
1784
- "PopoverContent": {
1785
- "name": "PopoverContent",
1786
- "defaultProps": {},
1787
- "getStylesLiterals": {
1788
- "popoverSizeRoot": "default",
1789
- "popoverVariantRoot": "default",
1790
- "display": "flex",
1791
- "position": "relative",
1792
- "display:1": "block",
1793
- "spacingTop": "0",
1794
- "spacingStart": "0",
1795
- "spacingBottom": "0",
1796
- "spacingEnd": "0",
1797
- "popoverSizeSvgBase": "default",
1798
- "popoverVariantSvgBase": "default",
1799
- "popoverSizeSvgBorder": "default",
1800
- "popoverVariantSvgBorder": "default",
1801
- "popoverVariantBlur": "default",
1802
- "position:1": "absolute",
1803
- "width": "full",
1804
- "height": "full",
1805
- "flexShrink": "0",
1806
- "borderRadius": "full",
1807
- "alignItems": "center",
1808
- "justifyContent": "center",
1809
- "popoverVariantCloseIcon": "default",
1810
- "popoverSizeCloseIcon": "default"
2220
+ "ChipButton": {
2221
+ "name": "ChipButton",
2222
+ "defaultProps": {
2223
+ "variant": "primary"
1811
2224
  },
2225
+ "getStylesLiterals": {},
1812
2226
  "cxLiterals": [
1813
- "z-[9999]",
1814
- "outline-none",
1815
- "focus-visible:outline-none",
1816
- "uds-bgBlurFillFallback",
1817
- "uds-bgBlurFallback",
1818
- "top-0",
1819
- "left-0",
1820
- "z-[1]",
1821
- "duration-0",
1822
- "duration-120",
1823
- "transition-[background-color]",
1824
- "bg-carbon-15/0",
1825
- "hover:bg-carbon-15/10",
1826
- "active:bg-carbon-15/15",
1827
- "uds-ring",
1828
- "absolute",
1829
- "z-[4]"
2227
+ "uds-ring"
1830
2228
  ],
1831
2229
  "internalComponents": [
1832
- "PopoverDismiss",
1833
- "IconSlot",
1834
- "PopoverArrow",
1835
- "Popover",
1836
- "SvgFloatingOverlay",
1837
- "Box",
1838
- "Pressable"
2230
+ "ChipBase"
1839
2231
  ],
1840
- "internalComponentProps": {},
2232
+ "internalComponentProps": {
2233
+ "ChipBase": {
2234
+ "as": [
2235
+ "button"
2236
+ ]
2237
+ }
2238
+ },
1841
2239
  "propToVariantKeys": {
1842
- "closeIcon": [
1843
- "icon"
2240
+ "variant": [
2241
+ "chipLinkVariantRoot",
2242
+ "chipLinkVariantIcon"
1844
2243
  ]
1845
2244
  },
1846
- "runtimeConfigDefaultProps": {
1847
- "size": "popover.defaultSize",
1848
- "variant": "popover.defaultVariant"
1849
- },
1850
- "runtimeConfigGetStyles": {
1851
- "spacingTop": [
1852
- "popover.spacingVertical.${size}"
1853
- ],
1854
- "spacingStart": [
1855
- "popover.spacingHorizontal.${size}"
1856
- ],
1857
- "spacingBottom": [
1858
- "popover.spacingVertical.${size}"
1859
- ],
1860
- "spacingEnd": [
1861
- "popover.spacingHorizontal.${size}"
1862
- ]
2245
+ "runtimeConfigDefaultProps": {},
2246
+ "runtimeConfigGetStyles": {},
2247
+ "runtimeConfigInternalComponentProps": {},
2248
+ "motionVarPrefixes": []
2249
+ },
2250
+ "AvatarText": {
2251
+ "name": "AvatarText",
2252
+ "defaultProps": {
2253
+ "size": "md",
2254
+ "variant": "primary"
1863
2255
  },
1864
- "runtimeConfigInternalComponentProps": {
1865
- "SvgFloatingOverlay": {
1866
- "borderRadius": [
1867
- "popover.borderRadius.${size}"
2256
+ "getStylesLiterals": {},
2257
+ "cxLiterals": [
2258
+ "overflow-hidden",
2259
+ "truncate",
2260
+ "w-full",
2261
+ "h-full",
2262
+ "shrink-0",
2263
+ "text-center",
2264
+ "inline-flex",
2265
+ "justify-center",
2266
+ "items-center"
2267
+ ],
2268
+ "internalComponents": [
2269
+ "Box",
2270
+ "Text"
2271
+ ],
2272
+ "internalComponentProps": {
2273
+ "Text": {
2274
+ "color": [
2275
+ "inherit"
2276
+ ],
2277
+ "variant": [
2278
+ "inherit"
1868
2279
  ]
1869
2280
  }
1870
2281
  },
1871
- "motionVarPrefixes": []
1872
- },
1873
- "PopoverContext": {
1874
- "name": "PopoverContext",
1875
- "defaultProps": {},
1876
- "getStylesLiterals": {},
1877
- "cxLiterals": [],
1878
- "internalComponents": [],
1879
- "internalComponentProps": {},
1880
2282
  "propToVariantKeys": {},
1881
2283
  "runtimeConfigDefaultProps": {},
1882
2284
  "runtimeConfigGetStyles": {},
1883
2285
  "runtimeConfigInternalComponentProps": {},
1884
2286
  "motionVarPrefixes": []
1885
2287
  },
1886
- "PopoverTrigger": {
1887
- "name": "PopoverTrigger",
1888
- "defaultProps": {},
2288
+ "AvatarIcon": {
2289
+ "name": "AvatarIcon",
2290
+ "defaultProps": {
2291
+ "size": "md",
2292
+ "variant": "primary"
2293
+ },
1889
2294
  "getStylesLiterals": {},
1890
- "cxLiterals": [],
2295
+ "cxLiterals": [
2296
+ "overflow-hidden",
2297
+ "w-full",
2298
+ "h-full",
2299
+ "shrink-0",
2300
+ "text-center",
2301
+ "inline-flex",
2302
+ "justify-center",
2303
+ "items-center"
2304
+ ],
1891
2305
  "internalComponents": [
1892
- "PopoverDisclosure"
2306
+ "IconSlot",
2307
+ "Box"
1893
2308
  ],
1894
- "internalComponentProps": {
1895
- "PopoverDisclosure": {
1896
- "className": [
1897
- "inline"
1898
- ]
1899
- }
1900
- },
2309
+ "internalComponentProps": {},
1901
2310
  "propToVariantKeys": {
1902
- "children": [
1903
- "render"
2311
+ "size": [
2312
+ "avatarSizeIcon"
1904
2313
  ]
1905
2314
  },
1906
2315
  "runtimeConfigDefaultProps": {},
@@ -1908,13 +2317,13 @@
1908
2317
  "runtimeConfigInternalComponentProps": {},
1909
2318
  "motionVarPrefixes": []
1910
2319
  },
1911
- "UDSPopoverConfigProvider": {
1912
- "name": "UDSPopoverConfigProvider",
2320
+ "Avatar": {
2321
+ "name": "Avatar",
1913
2322
  "defaultProps": {},
1914
2323
  "getStylesLiterals": {},
1915
2324
  "cxLiterals": [],
1916
2325
  "internalComponents": [
1917
- "PopoverContext.Provider"
2326
+ "AvatarImage"
1918
2327
  ],
1919
2328
  "internalComponentProps": {},
1920
2329
  "propToVariantKeys": {},
@@ -1923,39 +2332,37 @@
1923
2332
  "runtimeConfigInternalComponentProps": {},
1924
2333
  "motionVarPrefixes": []
1925
2334
  },
1926
- "Menu.Content": {
1927
- "name": "Menu.Content",
2335
+ "AvatarImage": {
2336
+ "name": "AvatarImage",
1928
2337
  "defaultProps": {
1929
- "size": "default",
1930
- "variant": "default",
1931
- "gutter": "1"
2338
+ "size": "md",
2339
+ "variant": "primary"
1932
2340
  },
1933
2341
  "getStylesLiterals": {},
1934
2342
  "cxLiterals": [
1935
- "uds-menu-content",
1936
- "transition-shadow",
1937
- "duration-200",
1938
- "ease-in-out",
1939
- "min-w-60",
1940
- "max-w-lg",
1941
- "max-h-96",
1942
- "overflow-auto",
1943
- "uds-ring",
1944
- "z-10",
1945
- "group"
2343
+ "overflow-hidden",
2344
+ "w-full",
2345
+ "h-full",
2346
+ "shrink-0",
2347
+ "text-center",
2348
+ "inline-flex",
2349
+ "justify-center",
2350
+ "items-center",
2351
+ "object-cover"
1946
2352
  ],
1947
2353
  "internalComponents": [
1948
- "AriakitMenu",
1949
- "AnimatePresence",
1950
- "MotionVStack"
2354
+ "UDSImage",
2355
+ "AvatarText",
2356
+ "AvatarIcon",
2357
+ "Box"
1951
2358
  ],
1952
2359
  "internalComponentProps": {},
1953
2360
  "propToVariantKeys": {
1954
- "size": [
1955
- "menucontentSizeRoot"
2361
+ "alt": [
2362
+ "name"
1956
2363
  ],
1957
- "variant": [
1958
- "menucontentVariantRoot"
2364
+ "fallback": [
2365
+ "initials"
1959
2366
  ]
1960
2367
  },
1961
2368
  "runtimeConfigDefaultProps": {},
@@ -1963,125 +2370,167 @@
1963
2370
  "runtimeConfigInternalComponentProps": {},
1964
2371
  "motionVarPrefixes": []
1965
2372
  },
1966
- "Menu.Divider": {
1967
- "name": "Menu.Divider",
1968
- "defaultProps": {
1969
- "role": "separator",
1970
- "contentPosition": "start",
1971
- "gap": "4"
1972
- },
1973
- "getStylesLiterals": {
1974
- "menuitemDividerVariantRoot": "default",
1975
- "menuitemDividerVariantText": "default",
1976
- "menuitemDividerVariantLine": "default"
1977
- },
2373
+ "TabPanel": {
2374
+ "name": "TabPanel",
2375
+ "defaultProps": {},
2376
+ "getStylesLiterals": {},
1978
2377
  "cxLiterals": [],
1979
2378
  "internalComponents": [
1980
- "DividerInternal"
2379
+ "AriakitTabPanel"
1981
2380
  ],
1982
- "internalComponentProps": {
1983
- "DividerInternal": {
1984
- "variant": [
1985
- "inherit"
1986
- ]
1987
- }
1988
- },
2381
+ "internalComponentProps": {},
1989
2382
  "propToVariantKeys": {},
1990
2383
  "runtimeConfigDefaultProps": {},
1991
2384
  "runtimeConfigGetStyles": {},
1992
2385
  "runtimeConfigInternalComponentProps": {},
1993
2386
  "motionVarPrefixes": []
1994
2387
  },
1995
- "Menu.Item": {
1996
- "name": "Menu.Item",
1997
- "defaultProps": {},
1998
- "getStylesLiterals": {
1999
- "menuitemItemVariantRoot": "default",
2000
- "menuitemItemVariantActiveRoot": "on",
2001
- "menuitemItemVariantActiveRoot:1": "off",
2002
- "menuitemItemVariantText": "default",
2003
- "menuitemItemVariantActiveText": "on",
2004
- "menuitemItemVariantActiveText:1": "off",
2005
- "menuitemItemVariantIcon": "default",
2006
- "menuitemItemVariantActiveIcon": "on",
2007
- "menuitemItemVariantActiveIcon:1": "off"
2388
+ "Tabs": {
2389
+ "name": "Tabs",
2390
+ "defaultProps": {
2391
+ "variant": "primary"
2008
2392
  },
2393
+ "getStylesLiterals": {},
2009
2394
  "cxLiterals": [],
2010
2395
  "internalComponents": [
2011
- "MenuItemBase"
2396
+ "TabsContext.Provider",
2397
+ "TabProvider"
2012
2398
  ],
2013
2399
  "internalComponentProps": {},
2014
- "propToVariantKeys": {},
2400
+ "propToVariantKeys": {
2401
+ "onSelectionChange": [
2402
+ "setSelectedId"
2403
+ ]
2404
+ },
2015
2405
  "runtimeConfigDefaultProps": {},
2016
2406
  "runtimeConfigGetStyles": {},
2017
2407
  "runtimeConfigInternalComponentProps": {},
2018
2408
  "motionVarPrefixes": []
2019
2409
  },
2020
- "Menu.ItemBase": {
2021
- "name": "Menu.ItemBase",
2410
+ "TabList": {
2411
+ "name": "TabList",
2022
2412
  "defaultProps": {
2023
- "spacing": "0",
2024
- "spacingHorizontal": "4",
2025
- "spacingVertical": "3.5",
2026
- "columnGap": "2",
2027
- "alignItems": "center",
2028
- "justifyContent": "space-between"
2413
+ "variant": "primary"
2029
2414
  },
2030
2415
  "getStylesLiterals": {
2031
- "textAlign": "start",
2032
- "menuitemSizeRoot": "default",
2033
- "flexDirection": "row",
2034
- "menuitemSizeStartIcon": "default",
2035
- "menuitemSizeEndIcon": "default"
2416
+ "tabSizeRoot": "default",
2417
+ "tabVariantActiveRoot": "on"
2036
2418
  },
2037
2419
  "cxLiterals": [
2420
+ "pointer-events-none",
2421
+ "absolute",
2422
+ "bottom-0",
2423
+ "left-0",
2424
+ "right-0",
2425
+ "h-[var(--uds-tab-underline-width,0px)]",
2426
+ "bg-[var(--uds-tab-underline-color,transparent)]",
2427
+ "transition-[height,background-color]",
2428
+ "duration-[240ms]",
2429
+ "ease-[cubic-bezier(0.2,0,0,1)]",
2430
+ "!m-0",
2431
+ "!p-0",
2432
+ "!gap-0",
2433
+ "box-border",
2434
+ "z-0",
2435
+ "min-w-0",
2436
+ "min-h-0",
2038
2437
  "flex",
2039
- "focus-visible:text-brand",
2040
- "focus-visible:bg-brand-secondary",
2041
- "focus-visible:z-10",
2438
+ "flex-row",
2439
+ "items-center",
2440
+ "overflow-x-auto",
2441
+ "overflow-y-clip",
2442
+ "scrollbar-none",
2443
+ "[overflow-clip-margin:6px]",
2444
+ "overflow-clip",
2445
+ "[overflow-clip-margin:8px]",
2446
+ "relative"
2447
+ ],
2448
+ "internalComponents": [
2449
+ "AriakitTabList"
2450
+ ],
2451
+ "internalComponentProps": {},
2452
+ "propToVariantKeys": {
2453
+ "variant": [
2454
+ "tabsVariantRoot",
2455
+ "tabVariantRoot"
2456
+ ]
2457
+ },
2458
+ "runtimeConfigDefaultProps": {},
2459
+ "runtimeConfigGetStyles": {},
2460
+ "runtimeConfigInternalComponentProps": {},
2461
+ "motionVarPrefixes": []
2462
+ },
2463
+ "Tab": {
2464
+ "name": "Tab",
2465
+ "defaultProps": {
2466
+ "variant": "primary"
2467
+ },
2468
+ "getStylesLiterals": {
2469
+ "tabSizeRoot": "default",
2470
+ "tabVariantActiveRoot": "off",
2471
+ "tabVariantActiveRoot:1": "on",
2472
+ "tabSizeIcon": "default"
2473
+ },
2474
+ "cxLiterals": [
2475
+ "pointer-events-none",
2476
+ "absolute",
2477
+ "bottom-0",
2478
+ "left-0",
2479
+ "right-0",
2480
+ "h-[var(--uds-tab-underline-width,0px)]",
2481
+ "bg-[var(--uds-tab-underline-color,transparent)]",
2482
+ "transition-[height,background-color]",
2483
+ "duration-[240ms]",
2484
+ "ease-[cubic-bezier(0.2,0,0,1)]",
2485
+ "!bg-transparent",
2486
+ "!shadow-none",
2487
+ "inline-flex",
2488
+ "items-center",
2489
+ "shrink-0",
2490
+ "box-border",
2491
+ "relative",
2492
+ "z-[1]",
2493
+ "cursor-pointer",
2494
+ "select-none",
2495
+ "whitespace-nowrap",
2042
2496
  "uds-ring",
2043
- "!-outline-offset-2",
2044
- "[&:not([aria-checked])]:cursor-default",
2045
- "opacity-25",
2046
- "cursor-not-allowed",
2047
- "duration-20",
2048
- "transition-[font-variation-settings]",
2049
- "ease-in-out",
2050
- "z-0",
2051
- "uds-start-icon",
2052
- "uds-end-icon"
2497
+ "opacity-50",
2498
+ "cursor-default",
2499
+ "border-solid",
2500
+ "border-b-solid",
2501
+ "transition-colors"
2053
2502
  ],
2054
2503
  "internalComponents": [
2055
- "Pressable",
2056
2504
  "IconSlot",
2057
- "RootComponent",
2058
- "HStack",
2059
- "AnimatePresence"
2505
+ "AriakitTab",
2506
+ "Text"
2060
2507
  ],
2061
2508
  "internalComponentProps": {
2062
- "HStack": {
2063
- "alignItems": [
2064
- "center"
2509
+ "Text": {
2510
+ "variant": [
2511
+ "inherit"
2065
2512
  ],
2066
- "width": [
2067
- "full"
2068
- ]
2069
- },
2070
- "AnimatePresence": {
2071
- "mode": [
2072
- "popLayout"
2513
+ "as": [
2514
+ "span"
2515
+ ],
2516
+ "color": [
2517
+ "current"
2073
2518
  ]
2074
2519
  }
2075
2520
  },
2076
2521
  "propToVariantKeys": {
2522
+ "variant": [
2523
+ "tabVariantRoot",
2524
+ "tabVariantIcon"
2525
+ ],
2526
+ "activeState": [
2527
+ "tabVariantActiveIcon"
2528
+ ],
2077
2529
  "startIcon": [
2078
2530
  "icon"
2079
2531
  ],
2080
2532
  "endIcon": [
2081
2533
  "icon"
2082
- ],
2083
- "columnGap": [
2084
- "gap"
2085
2534
  ]
2086
2535
  },
2087
2536
  "runtimeConfigDefaultProps": {},
@@ -2089,28 +2538,13 @@
2089
2538
  "runtimeConfigInternalComponentProps": {},
2090
2539
  "motionVarPrefixes": []
2091
2540
  },
2092
- "Menu.ItemCheckbox": {
2093
- "name": "Menu.ItemCheckbox",
2541
+ "UDSPopoverConfigProvider": {
2542
+ "name": "UDSPopoverConfigProvider",
2094
2543
  "defaultProps": {},
2095
- "getStylesLiterals": {
2096
- "menuitemItemCheckboxVariantRoot": "default",
2097
- "menuitemItemCheckboxVariantActiveRoot": "on",
2098
- "menuitemItemCheckboxVariantActiveRoot:1": "off",
2099
- "menuitemItemCheckboxVariantText": "default",
2100
- "menuitemItemCheckboxVariantActiveText": "on",
2101
- "menuitemItemCheckboxVariantActiveText:1": "off",
2102
- "menuitemItemCheckboxVariantStartIcon": "default",
2103
- "menuitemItemCheckboxVariantActiveStartIcon": "on",
2104
- "menuitemItemCheckboxVariantActiveStartIcon:1": "off",
2105
- "menuitemItemCheckboxVariantEndIcon": "default",
2106
- "menuitemItemCheckboxVariantActiveEndIcon": "on",
2107
- "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
2108
- },
2109
- "cxLiterals": [
2110
- "uds-menu-item-checkbox"
2111
- ],
2544
+ "getStylesLiterals": {},
2545
+ "cxLiterals": [],
2112
2546
  "internalComponents": [
2113
- "MenuItemBase"
2547
+ "PopoverContext.Provider"
2114
2548
  ],
2115
2549
  "internalComponentProps": {},
2116
2550
  "propToVariantKeys": {},
@@ -2119,51 +2553,52 @@
2119
2553
  "runtimeConfigInternalComponentProps": {},
2120
2554
  "motionVarPrefixes": []
2121
2555
  },
2122
- "Menu.Provider": {
2123
- "name": "Menu.Provider",
2556
+ "Popover": {
2557
+ "name": "Popover",
2124
2558
  "defaultProps": {},
2125
2559
  "getStylesLiterals": {},
2126
2560
  "cxLiterals": [],
2127
2561
  "internalComponents": [
2128
- "AriakitMenuProvider",
2129
- "SpringMotionConfig"
2562
+ "PopoverInternalContext.Provider",
2563
+ "PopoverProvider"
2130
2564
  ],
2131
2565
  "internalComponentProps": {},
2132
2566
  "propToVariantKeys": {},
2133
- "runtimeConfigDefaultProps": {},
2567
+ "runtimeConfigDefaultProps": {
2568
+ "size": "popover.defaultSize",
2569
+ "variant": "popover.defaultVariant"
2570
+ },
2134
2571
  "runtimeConfigGetStyles": {},
2135
2572
  "runtimeConfigInternalComponentProps": {},
2136
- "motionVarPrefixes": [
2137
- "--uds-motion-subtle-3-",
2138
- "--uds-motion-smooth-3-"
2139
- ]
2573
+ "motionVarPrefixes": []
2140
2574
  },
2141
- "Menu.Trigger": {
2142
- "name": "Menu.Trigger",
2575
+ "PopoverTrigger": {
2576
+ "name": "PopoverTrigger",
2143
2577
  "defaultProps": {},
2144
2578
  "getStylesLiterals": {},
2145
- "cxLiterals": [
2146
- "uds-menu-trigger"
2147
- ],
2579
+ "cxLiterals": [],
2148
2580
  "internalComponents": [
2149
- "AriakitMenuTrigger",
2150
- "Box"
2581
+ "PopoverDisclosure"
2151
2582
  ],
2152
2583
  "internalComponentProps": {
2153
- "Box": {
2584
+ "PopoverDisclosure": {
2154
2585
  "className": [
2155
- "uds-ring h-fit w-fit"
2586
+ "inline"
2156
2587
  ]
2157
2588
  }
2158
2589
  },
2159
- "propToVariantKeys": {},
2590
+ "propToVariantKeys": {
2591
+ "children": [
2592
+ "render"
2593
+ ]
2594
+ },
2160
2595
  "runtimeConfigDefaultProps": {},
2161
2596
  "runtimeConfigGetStyles": {},
2162
2597
  "runtimeConfigInternalComponentProps": {},
2163
2598
  "motionVarPrefixes": []
2164
2599
  },
2165
- "Menu.index": {
2166
- "name": "Menu.index",
2600
+ "PopoverContext": {
2601
+ "name": "PopoverContext",
2167
2602
  "defaultProps": {},
2168
2603
  "getStylesLiterals": {},
2169
2604
  "cxLiterals": [],
@@ -2175,57 +2610,133 @@
2175
2610
  "runtimeConfigInternalComponentProps": {},
2176
2611
  "motionVarPrefixes": []
2177
2612
  },
2178
- "Menu": {
2179
- "name": "Menu",
2613
+ "PopoverContent": {
2614
+ "name": "PopoverContent",
2180
2615
  "defaultProps": {},
2181
- "getStylesLiterals": {},
2182
- "cxLiterals": [],
2183
- "internalComponents": [],
2184
- "internalComponentProps": {},
2185
- "propToVariantKeys": {},
2186
- "runtimeConfigDefaultProps": {},
2187
- "runtimeConfigGetStyles": {},
2188
- "runtimeConfigInternalComponentProps": {},
2189
- "motionVarPrefixes": []
2190
- },
2191
- "Input": {
2192
- "name": "Input",
2193
- "defaultProps": {
2194
- "type": "text",
2195
- "size": "md",
2196
- "width": "full"
2197
- },
2198
2616
  "getStylesLiterals": {
2199
- "inputVariantRoot": "default",
2200
- "inputVariantValueRoot": "empty",
2201
- "inputVariantValueRoot:1": "filled",
2202
- "inputVariantInputWrapper": "default",
2203
- "inputVariantValueInputWrapper": "empty",
2204
- "inputVariantValueInputWrapper:1": "filled",
2205
- "inputVariantInput": "default",
2206
- "inputVariantValueInput": "empty",
2207
- "inputVariantValueInput:1": "filled",
2208
- "inputVariantInputPlaceholder": "default",
2209
- "inputVariantValueInputPlaceholder": "empty",
2210
- "inputVariantValueInputPlaceholder:1": "filled",
2211
- "inputVariantLabel": "default",
2212
- "inputVariantValueLabel": "empty",
2213
- "inputVariantValueLabel:1": "filled",
2214
- "inputVariantLabelRequired": "default",
2215
- "inputVariantValueLabelRequired": "empty",
2216
- "inputVariantValueLabelRequired:1": "filled",
2217
- "inputVariantStartIcon": "default",
2218
- "inputVariantValueStartIcon": "empty",
2219
- "inputVariantValueStartIcon:1": "filled",
2220
- "inputVariantEndIcon": "default",
2221
- "inputVariantValueEndIcon": "empty",
2222
- "inputVariantValueEndIcon:1": "filled"
2223
- },
2224
- "cxLiterals": [
2225
- "opacity-50",
2226
- "min-w-[200px]",
2227
- "grow",
2228
- "uds-hit-target",
2617
+ "popoverSizeRoot": "default",
2618
+ "popoverVariantRoot": "default",
2619
+ "display": "flex",
2620
+ "position": "relative",
2621
+ "display:1": "block",
2622
+ "spacingTop": "0",
2623
+ "spacingStart": "0",
2624
+ "spacingBottom": "0",
2625
+ "spacingEnd": "0",
2626
+ "popoverSizeSvgBase": "default",
2627
+ "popoverVariantSvgBase": "default",
2628
+ "popoverSizeSvgBorder": "default",
2629
+ "popoverVariantSvgBorder": "default",
2630
+ "popoverVariantBlur": "default",
2631
+ "position:1": "absolute",
2632
+ "width": "full",
2633
+ "height": "full",
2634
+ "flexShrink": "0",
2635
+ "borderRadius": "full",
2636
+ "alignItems": "center",
2637
+ "justifyContent": "center",
2638
+ "popoverVariantCloseIcon": "default",
2639
+ "popoverSizeCloseIcon": "default"
2640
+ },
2641
+ "cxLiterals": [
2642
+ "z-[9999]",
2643
+ "outline-none",
2644
+ "focus-visible:outline-none",
2645
+ "uds-bgBlurFillFallback",
2646
+ "uds-bgBlurFallback",
2647
+ "top-0",
2648
+ "left-0",
2649
+ "z-[1]",
2650
+ "duration-0",
2651
+ "duration-120",
2652
+ "transition-[background-color]",
2653
+ "bg-carbon-15/0",
2654
+ "hover:bg-carbon-15/10",
2655
+ "active:bg-carbon-15/15",
2656
+ "uds-ring",
2657
+ "absolute",
2658
+ "z-[4]"
2659
+ ],
2660
+ "internalComponents": [
2661
+ "PopoverDismiss",
2662
+ "IconSlot",
2663
+ "PopoverArrow",
2664
+ "Popover",
2665
+ "SvgFloatingOverlay",
2666
+ "Box",
2667
+ "Pressable"
2668
+ ],
2669
+ "internalComponentProps": {},
2670
+ "propToVariantKeys": {
2671
+ "closeIcon": [
2672
+ "icon"
2673
+ ]
2674
+ },
2675
+ "runtimeConfigDefaultProps": {
2676
+ "size": "popover.defaultSize",
2677
+ "variant": "popover.defaultVariant"
2678
+ },
2679
+ "runtimeConfigGetStyles": {
2680
+ "spacingTop": [
2681
+ "popover.spacingVertical.${size}"
2682
+ ],
2683
+ "spacingStart": [
2684
+ "popover.spacingHorizontal.${size}"
2685
+ ],
2686
+ "spacingBottom": [
2687
+ "popover.spacingVertical.${size}"
2688
+ ],
2689
+ "spacingEnd": [
2690
+ "popover.spacingHorizontal.${size}"
2691
+ ]
2692
+ },
2693
+ "runtimeConfigInternalComponentProps": {
2694
+ "SvgFloatingOverlay": {
2695
+ "borderRadius": [
2696
+ "popover.borderRadius.${size}"
2697
+ ]
2698
+ }
2699
+ },
2700
+ "motionVarPrefixes": []
2701
+ },
2702
+ "Input": {
2703
+ "name": "Input",
2704
+ "defaultProps": {
2705
+ "type": "text",
2706
+ "size": "md",
2707
+ "width": "full"
2708
+ },
2709
+ "getStylesLiterals": {
2710
+ "inputVariantRoot": "default",
2711
+ "inputVariantValueRoot": "empty",
2712
+ "inputVariantValueRoot:1": "filled",
2713
+ "inputVariantInputWrapper": "default",
2714
+ "inputVariantValueInputWrapper": "empty",
2715
+ "inputVariantValueInputWrapper:1": "filled",
2716
+ "inputVariantInput": "default",
2717
+ "inputVariantValueInput": "empty",
2718
+ "inputVariantValueInput:1": "filled",
2719
+ "inputVariantInputPlaceholder": "default",
2720
+ "inputVariantValueInputPlaceholder": "empty",
2721
+ "inputVariantValueInputPlaceholder:1": "filled",
2722
+ "inputVariantLabel": "default",
2723
+ "inputVariantValueLabel": "empty",
2724
+ "inputVariantValueLabel:1": "filled",
2725
+ "inputVariantLabelRequired": "default",
2726
+ "inputVariantValueLabelRequired": "empty",
2727
+ "inputVariantValueLabelRequired:1": "filled",
2728
+ "inputVariantStartIcon": "default",
2729
+ "inputVariantValueStartIcon": "empty",
2730
+ "inputVariantValueStartIcon:1": "filled",
2731
+ "inputVariantEndIcon": "default",
2732
+ "inputVariantValueEndIcon": "empty",
2733
+ "inputVariantValueEndIcon:1": "filled"
2734
+ },
2735
+ "cxLiterals": [
2736
+ "opacity-50",
2737
+ "min-w-[200px]",
2738
+ "grow",
2739
+ "uds-hit-target",
2229
2740
  "bg-clip-text",
2230
2741
  "focus:outline-none",
2231
2742
  "cursor-text",
@@ -2287,365 +2798,11 @@
2287
2798
  "endIcon": [
2288
2799
  "icon"
2289
2800
  ],
2290
- "helperTextIcon": [
2291
- "startIcon"
2292
- ]
2293
- },
2294
- "runtimeConfigDefaultProps": {},
2295
- "runtimeConfigGetStyles": {},
2296
- "runtimeConfigInternalComponentProps": {},
2297
- "motionVarPrefixes": []
2298
- },
2299
- "InputHelpText": {
2300
- "name": "InputHelpText",
2301
- "defaultProps": {
2302
- "size": "md"
2303
- },
2304
- "getStylesLiterals": {
2305
- "inputVariantRoot": "default",
2306
- "inputVariantValueRoot": "empty",
2307
- "inputVariantValueRoot:1": "filled"
2308
- },
2309
- "cxLiterals": [],
2310
- "internalComponents": [
2311
- "InputHelpTextInternal",
2312
- "Box"
2313
- ],
2314
- "internalComponentProps": {
2315
- "Box": {
2316
- "spacingTop": [
2317
- "2"
2318
- ]
2319
- }
2320
- },
2321
- "propToVariantKeys": {
2322
- "size": [
2323
- "inputSizeRoot"
2324
- ]
2325
- },
2326
- "runtimeConfigDefaultProps": {},
2327
- "runtimeConfigGetStyles": {},
2328
- "runtimeConfigInternalComponentProps": {},
2329
- "motionVarPrefixes": []
2330
- },
2331
- "InputHelpTextInternal": {
2332
- "name": "InputHelpTextInternal",
2333
- "defaultProps": {},
2334
- "getStylesLiterals": {
2335
- "inputVariantHelperText": "default",
2336
- "inputVariantValueHelperText": "empty",
2337
- "inputVariantValueHelperText:1": "filled",
2338
- "inputVariantHelperIcon": "default",
2339
- "inputVariantValueHelperIcon": "empty",
2340
- "inputVariantValueHelperIcon:1": "filled"
2341
- },
2342
- "cxLiterals": [],
2343
- "internalComponents": [
2344
- "IconSlot",
2345
- "HStack"
2346
- ],
2347
- "internalComponentProps": {
2348
- "HStack": {
2349
- "gap": [
2350
- "1"
2351
- ],
2352
- "alignItems": [
2353
- "center"
2354
- ]
2355
- }
2356
- },
2357
- "propToVariantKeys": {
2358
- "size": [
2359
- "inputSizeHelperText",
2360
- "inputSizeHelperIcon"
2361
- ],
2362
- "startIcon": [
2363
- "icon"
2801
+ "slotProps": [
2802
+ "helperTextSlotProps"
2364
2803
  ],
2365
- "endIcon": [
2366
- "icon"
2367
- ]
2368
- },
2369
- "runtimeConfigDefaultProps": {},
2370
- "runtimeConfigGetStyles": {},
2371
- "runtimeConfigInternalComponentProps": {},
2372
- "motionVarPrefixes": []
2373
- },
2374
- "Radio": {
2375
- "name": "Radio",
2376
- "defaultProps": {
2377
- "labelPosition": "start",
2378
- "variant": "primary",
2379
- "size": "md",
2380
- "value": ""
2381
- },
2382
- "getStylesLiterals": {
2383
- "radioVariantValueRoot": "checked",
2384
- "radioVariantValueRoot:1": "unchecked",
2385
- "display": "flex",
2386
- "flexDirection": "row",
2387
- "flexDirection:1": "row-reverse",
2388
- "alignItems": "center",
2389
- "radioVariantValueRadio": "checked",
2390
- "radioVariantValueRadio:1": "unchecked",
2391
- "radioVariantValueRadioCircle": "checked",
2392
- "radioVariantValueRadioCircle:1": "unchecked"
2393
- },
2394
- "cxLiterals": [
2395
- "cursor-pointer",
2396
- "cursor-default",
2397
- "opacity-50",
2398
- "border",
2399
- "uds-ring",
2400
- "uds-ring-within",
2401
- "transition-[background-color,border-color]",
2402
- "transition-shadow",
2403
- "pointer-events-none",
2404
- "w-[8px]",
2405
- "h-[8px]",
2406
- "transition-opacity",
2407
- "cursor-[inherit]",
2408
- "absolute",
2409
- "opacity-0",
2410
- "top-1/2",
2411
- "left-1/2",
2412
- "w-[calc(100%+2px)]",
2413
- "h-[calc(100%+2px)]",
2414
- "transform",
2415
- "translate-x-[-50%]",
2416
- "translate-y-[-50%]",
2417
- "text-start",
2418
- "text-end"
2419
- ],
2420
- "internalComponents": [
2421
- "Box",
2422
- "FormLabel",
2423
- "SpringMotionConfig",
2424
- "RootElement",
2425
- "MotionBox"
2426
- ],
2427
- "internalComponentProps": {
2428
- "Box": {
2429
- "borderRadius": [
2430
- "full"
2431
- ]
2432
- },
2433
- "FormLabel": {
2434
- "as": [
2435
- "div"
2436
- ],
2437
- "variant": [
2438
- "inherit"
2439
- ],
2440
- "color": [
2441
- "inherit"
2442
- ]
2443
- },
2444
- "RootElement": {
2445
- "data-testid": [
2446
- "container"
2447
- ]
2448
- },
2449
- "MotionBox": {
2450
- "position": [
2451
- "relative"
2452
- ],
2453
- "borderRadius": [
2454
- "full"
2455
- ],
2456
- "alignItems": [
2457
- "center"
2458
- ],
2459
- "justifyContent": [
2460
- "center"
2461
- ],
2462
- "flex": [
2463
- "none"
2464
- ]
2465
- }
2466
- },
2467
- "propToVariantKeys": {
2468
- "size": [
2469
- "radioSizeRoot",
2470
- "radioSizeRadio"
2471
- ],
2472
- "variant": [
2473
- "radioVariantRoot",
2474
- "radioVariantRadio",
2475
- "radioVariantRadioCircle"
2476
- ],
2477
- "reduceMotion": [
2478
- "reducedMotion"
2479
- ]
2480
- },
2481
- "runtimeConfigDefaultProps": {},
2482
- "runtimeConfigGetStyles": {},
2483
- "runtimeConfigInternalComponentProps": {},
2484
- "motionVarPrefixes": [
2485
- "--uds-motion-subtle-3-",
2486
- "--uds-motion-smooth-3-"
2487
- ]
2488
- },
2489
- "RadioGroupProvider": {
2490
- "name": "RadioGroupProvider",
2491
- "defaultProps": {},
2492
- "getStylesLiterals": {},
2493
- "cxLiterals": [],
2494
- "internalComponents": [
2495
- "DivProps",
2496
- "Comp",
2497
- "RadioGroupContext.Provider"
2498
- ],
2499
- "internalComponentProps": {
2500
- "Comp": {
2501
- "role": [
2502
- "radiogroup"
2503
- ]
2504
- }
2505
- },
2506
- "propToVariantKeys": {},
2507
- "runtimeConfigDefaultProps": {},
2508
- "runtimeConfigGetStyles": {},
2509
- "runtimeConfigInternalComponentProps": {},
2510
- "motionVarPrefixes": []
2511
- },
2512
- "RadioGroupStore": {
2513
- "name": "RadioGroupStore",
2514
- "defaultProps": {},
2515
- "getStylesLiterals": {},
2516
- "cxLiterals": [],
2517
- "internalComponents": [],
2518
- "internalComponentProps": {},
2519
- "propToVariantKeys": {},
2520
- "runtimeConfigDefaultProps": {},
2521
- "runtimeConfigGetStyles": {},
2522
- "runtimeConfigInternalComponentProps": {},
2523
- "motionVarPrefixes": []
2524
- },
2525
- "Tab": {
2526
- "name": "Tab",
2527
- "defaultProps": {
2528
- "variant": "primary"
2529
- },
2530
- "getStylesLiterals": {
2531
- "tabSizeRoot": "default",
2532
- "tabVariantActiveRoot": "off",
2533
- "tabVariantActiveRoot:1": "on",
2534
- "tabSizeIcon": "default"
2535
- },
2536
- "cxLiterals": [
2537
- "pointer-events-none",
2538
- "absolute",
2539
- "bottom-0",
2540
- "left-0",
2541
- "right-0",
2542
- "h-[var(--uds-tab-underline-width,0px)]",
2543
- "bg-[var(--uds-tab-underline-color,transparent)]",
2544
- "transition-[height,background-color]",
2545
- "duration-[240ms]",
2546
- "ease-[cubic-bezier(0.2,0,0,1)]",
2547
- "!bg-transparent",
2548
- "!shadow-none",
2549
- "inline-flex",
2550
- "items-center",
2551
- "shrink-0",
2552
- "box-border",
2553
- "relative",
2554
- "z-[1]",
2555
- "cursor-pointer",
2556
- "select-none",
2557
- "whitespace-nowrap",
2558
- "uds-ring",
2559
- "opacity-50",
2560
- "cursor-default",
2561
- "border-solid",
2562
- "border-b-solid",
2563
- "transition-colors"
2564
- ],
2565
- "internalComponents": [
2566
- "IconSlot",
2567
- "AriakitTab",
2568
- "Text"
2569
- ],
2570
- "internalComponentProps": {
2571
- "Text": {
2572
- "variant": [
2573
- "inherit"
2574
- ],
2575
- "as": [
2576
- "span"
2577
- ],
2578
- "color": [
2579
- "current"
2580
- ]
2581
- }
2582
- },
2583
- "propToVariantKeys": {
2584
- "variant": [
2585
- "tabVariantRoot",
2586
- "tabVariantIcon"
2587
- ],
2588
- "activeState": [
2589
- "tabVariantActiveIcon"
2590
- ],
2591
- "startIcon": [
2592
- "icon"
2593
- ],
2594
- "endIcon": [
2595
- "icon"
2596
- ]
2597
- },
2598
- "runtimeConfigDefaultProps": {},
2599
- "runtimeConfigGetStyles": {},
2600
- "runtimeConfigInternalComponentProps": {},
2601
- "motionVarPrefixes": []
2602
- },
2603
- "TabList": {
2604
- "name": "TabList",
2605
- "defaultProps": {
2606
- "variant": "primary"
2607
- },
2608
- "getStylesLiterals": {
2609
- "tabSizeRoot": "default",
2610
- "tabVariantActiveRoot": "on"
2611
- },
2612
- "cxLiterals": [
2613
- "pointer-events-none",
2614
- "absolute",
2615
- "bottom-0",
2616
- "left-0",
2617
- "right-0",
2618
- "h-[var(--uds-tab-underline-width,0px)]",
2619
- "bg-[var(--uds-tab-underline-color,transparent)]",
2620
- "transition-[height,background-color]",
2621
- "duration-[240ms]",
2622
- "ease-[cubic-bezier(0.2,0,0,1)]",
2623
- "!m-0",
2624
- "!p-0",
2625
- "!gap-0",
2626
- "box-border",
2627
- "z-0",
2628
- "min-w-0",
2629
- "min-h-0",
2630
- "flex",
2631
- "flex-row",
2632
- "items-center",
2633
- "overflow-x-auto",
2634
- "overflow-y-clip",
2635
- "scrollbar-none",
2636
- "[overflow-clip-margin:6px]",
2637
- "overflow-clip",
2638
- "[overflow-clip-margin:8px]",
2639
- "relative"
2640
- ],
2641
- "internalComponents": [
2642
- "AriakitTabList"
2643
- ],
2644
- "internalComponentProps": {},
2645
- "propToVariantKeys": {
2646
- "variant": [
2647
- "tabsVariantRoot",
2648
- "tabVariantRoot"
2804
+ "helperTextIcon": [
2805
+ "startIcon"
2649
2806
  ]
2650
2807
  },
2651
2808
  "runtimeConfigDefaultProps": {},
@@ -2653,36 +2810,31 @@
2653
2810
  "runtimeConfigInternalComponentProps": {},
2654
2811
  "motionVarPrefixes": []
2655
2812
  },
2656
- "TabPanel": {
2657
- "name": "TabPanel",
2658
- "defaultProps": {},
2659
- "getStylesLiterals": {},
2660
- "cxLiterals": [],
2661
- "internalComponents": [
2662
- "AriakitTabPanel"
2663
- ],
2664
- "internalComponentProps": {},
2665
- "propToVariantKeys": {},
2666
- "runtimeConfigDefaultProps": {},
2667
- "runtimeConfigGetStyles": {},
2668
- "runtimeConfigInternalComponentProps": {},
2669
- "motionVarPrefixes": []
2670
- },
2671
- "Tabs": {
2672
- "name": "Tabs",
2813
+ "InputHelpText": {
2814
+ "name": "InputHelpText",
2673
2815
  "defaultProps": {
2674
- "variant": "primary"
2816
+ "size": "md"
2817
+ },
2818
+ "getStylesLiterals": {
2819
+ "inputVariantRoot": "default",
2820
+ "inputVariantValueRoot": "empty",
2821
+ "inputVariantValueRoot:1": "filled"
2675
2822
  },
2676
- "getStylesLiterals": {},
2677
2823
  "cxLiterals": [],
2678
2824
  "internalComponents": [
2679
- "TabsContext.Provider",
2680
- "TabProvider"
2825
+ "InputHelpTextInternal",
2826
+ "Box"
2681
2827
  ],
2682
- "internalComponentProps": {},
2828
+ "internalComponentProps": {
2829
+ "Box": {
2830
+ "spacingTop": [
2831
+ "2"
2832
+ ]
2833
+ }
2834
+ },
2683
2835
  "propToVariantKeys": {
2684
- "onSelectionChange": [
2685
- "setSelectedId"
2836
+ "size": [
2837
+ "inputSizeRoot"
2686
2838
  ]
2687
2839
  },
2688
2840
  "runtimeConfigDefaultProps": {},
@@ -2690,198 +2842,93 @@
2690
2842
  "runtimeConfigInternalComponentProps": {},
2691
2843
  "motionVarPrefixes": []
2692
2844
  },
2693
- "Toast": {
2694
- "name": "Toast",
2845
+ "InputHelpTextInternal": {
2846
+ "name": "InputHelpTextInternal",
2695
2847
  "defaultProps": {},
2696
2848
  "getStylesLiterals": {
2697
- "className": "animate-spin",
2698
- "className:1": "flex-none",
2699
- "spacing": "2",
2700
- "borderRadius": "full"
2849
+ "inputVariantHelperText": "default",
2850
+ "inputVariantValueHelperText": "empty",
2851
+ "inputVariantValueHelperText:1": "filled",
2852
+ "inputVariantHelperIcon": "default",
2853
+ "inputVariantValueHelperIcon": "empty",
2854
+ "inputVariantValueHelperIcon:1": "filled"
2701
2855
  },
2702
- "cxLiterals": [
2703
- "duration-0",
2704
- "duration-120",
2705
- "transition-[background-color]",
2706
- "bg-carbon-15/0",
2707
- "hover:bg-carbon-15/10",
2708
- "active:bg-carbon-15/15",
2709
- "uds-ring"
2710
- ],
2856
+ "cxLiterals": [],
2711
2857
  "internalComponents": [
2712
2858
  "IconSlot",
2713
- "ToastContainer",
2714
- "Text",
2715
- "Button",
2716
- "Pressable"
2717
- ],
2718
- "internalComponentProps": {},
2719
- "propToVariantKeys": {
2720
- "size": [
2721
- "toastSizeLabel",
2722
- "toastSizeIcon",
2723
- "toastSizeActionButton",
2724
- "toastSizeCloseIcon"
2725
- ],
2726
- "variant": [
2727
- "toastVariantIcon",
2728
- "toastVariantActionButton",
2729
- "toastVariantCloseIcon"
2730
- ],
2731
- "closeIcon": [
2732
- "icon"
2733
- ],
2734
- "onClickActionButton": [
2735
- "onClick"
2736
- ]
2737
- },
2738
- "runtimeConfigDefaultProps": {
2739
- "size": "toast.defaultSize",
2740
- "variant": "toast.defaultVariant"
2741
- },
2742
- "runtimeConfigGetStyles": {
2743
- "toastSizeLabel": [
2744
- "toast.defaultSize"
2745
- ],
2746
- "toastVariantIcon": [
2747
- "toast.defaultVariant"
2748
- ],
2749
- "toastSizeIcon": [
2750
- "toast.defaultSize"
2751
- ],
2752
- "toastSizeActionButton": [
2753
- "toast.defaultSize"
2754
- ],
2755
- "toastVariantActionButton": [
2756
- "toast.defaultVariant"
2757
- ],
2758
- "toastVariantCloseIcon": [
2759
- "toast.defaultVariant"
2760
- ],
2761
- "toastSizeCloseIcon": [
2762
- "toast.defaultSize"
2763
- ]
2764
- },
2765
- "runtimeConfigInternalComponentProps": {
2766
- "ToastContainer": {
2767
- "size": [
2768
- "toast.defaultSize"
2769
- ],
2770
- "variant": [
2771
- "toast.defaultVariant"
2772
- ]
2773
- },
2774
- "Text": {
2775
- "variant": [
2776
- "toast.textVariant.${size}"
2777
- ],
2778
- "color": [
2779
- "toast.textColor.${variant}"
2780
- ]
2781
- },
2782
- "Button": {
2783
- "size": [
2784
- "toast.buttonSize.${size}"
2785
- ],
2786
- "variant": [
2787
- "toast.buttonVariant.${variant}"
2788
- ]
2789
- }
2790
- },
2791
- "motionVarPrefixes": []
2792
- },
2793
- "ToastContainer": {
2794
- "name": "ToastContainer",
2795
- "defaultProps": {},
2796
- "getStylesLiterals": {
2797
- "position": "relative",
2798
- "alignItems": "center",
2799
- "display": "flex",
2800
- "className": "box-border touch-none z-0 w-full break-words mb-2 last:mb-0"
2801
- },
2802
- "cxLiterals": [
2803
- "w-full"
2804
- ],
2805
- "internalComponents": [
2806
2859
  "HStack"
2807
2860
  ],
2808
2861
  "internalComponentProps": {
2809
2862
  "HStack": {
2863
+ "gap": [
2864
+ "1"
2865
+ ],
2810
2866
  "alignItems": [
2811
2867
  "center"
2812
- ],
2813
- "justifyContent": [
2814
- "space-between"
2815
- ],
2816
- "overflow": [
2817
- "hidden"
2818
- ],
2819
- "position": [
2820
- "relative"
2821
2868
  ]
2822
2869
  }
2823
2870
  },
2824
2871
  "propToVariantKeys": {
2825
- "variant": [
2826
- "toastVariantRoot"
2827
- ],
2828
2872
  "size": [
2829
- "toastSizeRoot"
2830
- ]
2831
- },
2832
- "runtimeConfigDefaultProps": {
2833
- "size": "toast.defaultSize",
2834
- "variant": "toast.defaultVariant"
2835
- },
2836
- "runtimeConfigGetStyles": {
2837
- "toastVariantRoot": [
2838
- "toast.defaultVariant"
2873
+ "inputSizeHelperText",
2874
+ "inputSizeHelperIcon"
2839
2875
  ],
2840
- "toastSizeRoot": [
2841
- "toast.defaultSize"
2876
+ "startIcon": [
2877
+ "icon"
2878
+ ],
2879
+ "endIcon": [
2880
+ "icon"
2842
2881
  ]
2843
2882
  },
2844
- "runtimeConfigInternalComponentProps": {
2845
- "HStack": {
2846
- "backgroundColor": [
2847
- "toast.backgroundColor.${variant}"
2848
- ]
2849
- }
2850
- },
2883
+ "runtimeConfigDefaultProps": {},
2884
+ "runtimeConfigGetStyles": {},
2885
+ "runtimeConfigInternalComponentProps": {},
2851
2886
  "motionVarPrefixes": []
2852
2887
  },
2853
- "ToastPortal": {
2854
- "name": "ToastPortal",
2888
+ "Menu.Item": {
2889
+ "name": "Menu.Item",
2855
2890
  "defaultProps": {},
2856
- "getStylesLiterals": {},
2891
+ "getStylesLiterals": {
2892
+ "menuitemItemVariantRoot": "default",
2893
+ "menuitemItemVariantActiveRoot": "on",
2894
+ "menuitemItemVariantActiveRoot:1": "off",
2895
+ "menuitemItemVariantText": "default",
2896
+ "menuitemItemVariantActiveText": "on",
2897
+ "menuitemItemVariantActiveText:1": "off",
2898
+ "menuitemItemVariantIcon": "default",
2899
+ "menuitemItemVariantActiveIcon": "on",
2900
+ "menuitemItemVariantActiveIcon:1": "off"
2901
+ },
2857
2902
  "cxLiterals": [],
2858
2903
  "internalComponents": [
2859
- "ReactToastifyToastContainer"
2904
+ "MenuItemBase"
2860
2905
  ],
2861
2906
  "internalComponentProps": {},
2862
2907
  "propToVariantKeys": {},
2863
- "runtimeConfigDefaultProps": {
2864
- "size": "toast.defaultSize",
2865
- "variant": "toast.defaultVariant"
2866
- },
2908
+ "runtimeConfigDefaultProps": {},
2867
2909
  "runtimeConfigGetStyles": {},
2868
- "runtimeConfigInternalComponentProps": {
2869
- "ReactToastifyToastContainer": {
2870
- "autoClose": [
2871
- "toast.autoClose"
2872
- ]
2873
- }
2874
- },
2910
+ "runtimeConfigInternalComponentProps": {},
2875
2911
  "motionVarPrefixes": []
2876
2912
  },
2877
- "UDSToastConfigProvider": {
2878
- "name": "UDSToastConfigProvider",
2913
+ "Menu.index": {
2914
+ "name": "Menu.index",
2879
2915
  "defaultProps": {},
2880
2916
  "getStylesLiterals": {},
2881
2917
  "cxLiterals": [],
2882
- "internalComponents": [
2883
- "ToastContext.Provider"
2884
- ],
2918
+ "internalComponents": [],
2919
+ "internalComponentProps": {},
2920
+ "propToVariantKeys": {},
2921
+ "runtimeConfigDefaultProps": {},
2922
+ "runtimeConfigGetStyles": {},
2923
+ "runtimeConfigInternalComponentProps": {},
2924
+ "motionVarPrefixes": []
2925
+ },
2926
+ "Menu": {
2927
+ "name": "Menu",
2928
+ "defaultProps": {},
2929
+ "getStylesLiterals": {},
2930
+ "cxLiterals": [],
2931
+ "internalComponents": [],
2885
2932
  "internalComponentProps": {},
2886
2933
  "propToVariantKeys": {},
2887
2934
  "runtimeConfigDefaultProps": {},
@@ -2889,133 +2936,140 @@
2889
2936
  "runtimeConfigInternalComponentProps": {},
2890
2937
  "motionVarPrefixes": []
2891
2938
  },
2892
- "Tooltip": {
2893
- "name": "Tooltip",
2894
- "defaultProps": {},
2939
+ "Menu.Content": {
2940
+ "name": "Menu.Content",
2941
+ "defaultProps": {
2942
+ "size": "default",
2943
+ "variant": "default",
2944
+ "gutter": "1"
2945
+ },
2895
2946
  "getStylesLiterals": {},
2896
- "cxLiterals": [],
2947
+ "cxLiterals": [
2948
+ "uds-menu-content",
2949
+ "transition-shadow",
2950
+ "duration-200",
2951
+ "ease-in-out",
2952
+ "min-w-60",
2953
+ "max-w-lg",
2954
+ "max-h-96",
2955
+ "overflow-auto",
2956
+ "uds-ring",
2957
+ "z-10",
2958
+ "group"
2959
+ ],
2897
2960
  "internalComponents": [
2898
- "TooltipInternalContext.Provider",
2899
- "TooltipProvider"
2961
+ "AriakitMenu",
2962
+ "AnimatePresence",
2963
+ "MotionVStack"
2900
2964
  ],
2901
2965
  "internalComponentProps": {},
2902
- "propToVariantKeys": {},
2966
+ "propToVariantKeys": {
2967
+ "size": [
2968
+ "menucontentSizeRoot"
2969
+ ],
2970
+ "variant": [
2971
+ "menucontentVariantRoot"
2972
+ ]
2973
+ },
2903
2974
  "runtimeConfigDefaultProps": {},
2904
2975
  "runtimeConfigGetStyles": {},
2905
- "runtimeConfigInternalComponentProps": {
2906
- "TooltipProvider": {
2907
- "animated": [
2908
- "tooltip.animationDuration"
2909
- ]
2910
- }
2911
- },
2976
+ "runtimeConfigInternalComponentProps": {},
2912
2977
  "motionVarPrefixes": []
2913
2978
  },
2914
- "TooltipContent": {
2915
- "name": "TooltipContent",
2979
+ "Menu.Trigger": {
2980
+ "name": "Menu.Trigger",
2916
2981
  "defaultProps": {},
2917
- "getStylesLiterals": {
2918
- "tooltipSizeRoot": "default",
2919
- "tooltipVariantRoot": "default",
2920
- "tooltipSizeSvg": "default",
2921
- "tooltipVariantSvg": "default",
2922
- "tooltipVariantBlur": "default",
2923
- "position": "absolute",
2924
- "width": "full",
2925
- "height": "full",
2926
- "tooltipSizeTitle": "default",
2927
- "tooltipSizeBody": "default",
2928
- "tooltipSizeEndContent": "default",
2929
- "tooltipSizeIcon": "default",
2930
- "tooltipVariantIcon": "default"
2931
- },
2982
+ "getStylesLiterals": {},
2932
2983
  "cxLiterals": [
2933
- "max-w-lg",
2934
- "flex",
2935
- "z-[9999]",
2936
- "uds-bgBlurFillFallback",
2937
- "uds-bgBlurFallback",
2938
- "top-0",
2939
- "left-0",
2940
- "z-[1]"
2984
+ "uds-menu-trigger"
2941
2985
  ],
2942
2986
  "internalComponents": [
2943
- "IconSlot",
2944
- "TooltipArrow",
2945
- "Tooltip",
2946
- "SvgFloatingOverlay",
2947
- "VStack",
2948
- "Box",
2949
- "Text"
2987
+ "AriakitMenuTrigger",
2988
+ "Box"
2950
2989
  ],
2951
2990
  "internalComponentProps": {
2952
- "SvgFloatingOverlay": {
2953
- "contentOverflow": [
2954
- "visible"
2955
- ]
2956
- },
2957
- "VStack": {
2958
- "className": [
2959
- "gap-[inherit]"
2960
- ]
2961
- },
2962
2991
  "Box": {
2963
- "alignItems": [
2964
- "center"
2965
- ],
2966
- "columnGap": [
2967
- "1",
2968
- "1.5"
2969
- ]
2970
- },
2971
- "Text": {
2972
- "color": [
2973
- "inherit"
2992
+ "className": [
2993
+ "uds-ring h-fit w-fit"
2974
2994
  ]
2975
2995
  }
2976
2996
  },
2977
- "propToVariantKeys": {
2978
- "startTitleIcon": [
2979
- "icon"
2980
- ]
2981
- },
2997
+ "propToVariantKeys": {},
2982
2998
  "runtimeConfigDefaultProps": {},
2983
2999
  "runtimeConfigGetStyles": {},
2984
3000
  "runtimeConfigInternalComponentProps": {},
2985
3001
  "motionVarPrefixes": []
2986
3002
  },
2987
- "TooltipTrigger": {
2988
- "name": "TooltipTrigger",
2989
- "defaultProps": {},
2990
- "getStylesLiterals": {},
3003
+ "Menu.Divider": {
3004
+ "name": "Menu.Divider",
3005
+ "defaultProps": {
3006
+ "role": "separator",
3007
+ "contentPosition": "start",
3008
+ "gap": "4"
3009
+ },
3010
+ "getStylesLiterals": {
3011
+ "menuitemDividerVariantRoot": "default",
3012
+ "menuitemDividerVariantText": "default",
3013
+ "menuitemDividerVariantLine": "default"
3014
+ },
2991
3015
  "cxLiterals": [],
2992
3016
  "internalComponents": [
2993
- "TooltipAnchor"
3017
+ "DividerInternal"
2994
3018
  ],
2995
3019
  "internalComponentProps": {
2996
- "TooltipAnchor": {
2997
- "className": [
2998
- "inline"
3020
+ "DividerInternal": {
3021
+ "variant": [
3022
+ "inherit"
2999
3023
  ]
3000
3024
  }
3001
3025
  },
3002
- "propToVariantKeys": {
3003
- "children": [
3004
- "render"
3005
- ]
3006
- },
3026
+ "propToVariantKeys": {},
3007
3027
  "runtimeConfigDefaultProps": {},
3008
3028
  "runtimeConfigGetStyles": {},
3009
3029
  "runtimeConfigInternalComponentProps": {},
3010
3030
  "motionVarPrefixes": []
3011
3031
  },
3012
- "UDSTooltipConfigProvider": {
3013
- "name": "UDSTooltipConfigProvider",
3032
+ "Menu.Provider": {
3033
+ "name": "Menu.Provider",
3014
3034
  "defaultProps": {},
3015
3035
  "getStylesLiterals": {},
3016
3036
  "cxLiterals": [],
3017
3037
  "internalComponents": [
3018
- "TooltipContext.Provider"
3038
+ "AriakitMenuProvider",
3039
+ "SpringMotionConfig"
3040
+ ],
3041
+ "internalComponentProps": {},
3042
+ "propToVariantKeys": {},
3043
+ "runtimeConfigDefaultProps": {},
3044
+ "runtimeConfigGetStyles": {},
3045
+ "runtimeConfigInternalComponentProps": {},
3046
+ "motionVarPrefixes": [
3047
+ "--uds-motion-subtle-3-",
3048
+ "--uds-motion-smooth-3-"
3049
+ ]
3050
+ },
3051
+ "Menu.ItemCheckbox": {
3052
+ "name": "Menu.ItemCheckbox",
3053
+ "defaultProps": {},
3054
+ "getStylesLiterals": {
3055
+ "menuitemItemCheckboxVariantRoot": "default",
3056
+ "menuitemItemCheckboxVariantActiveRoot": "on",
3057
+ "menuitemItemCheckboxVariantActiveRoot:1": "off",
3058
+ "menuitemItemCheckboxVariantText": "default",
3059
+ "menuitemItemCheckboxVariantActiveText": "on",
3060
+ "menuitemItemCheckboxVariantActiveText:1": "off",
3061
+ "menuitemItemCheckboxVariantStartIcon": "default",
3062
+ "menuitemItemCheckboxVariantActiveStartIcon": "on",
3063
+ "menuitemItemCheckboxVariantActiveStartIcon:1": "off",
3064
+ "menuitemItemCheckboxVariantEndIcon": "default",
3065
+ "menuitemItemCheckboxVariantActiveEndIcon": "on",
3066
+ "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
3067
+ },
3068
+ "cxLiterals": [
3069
+ "uds-menu-item-checkbox"
3070
+ ],
3071
+ "internalComponents": [
3072
+ "MenuItemBase"
3019
3073
  ],
3020
3074
  "internalComponentProps": {},
3021
3075
  "propToVariantKeys": {},
@@ -3024,100 +3078,92 @@
3024
3078
  "runtimeConfigInternalComponentProps": {},
3025
3079
  "motionVarPrefixes": []
3026
3080
  },
3027
- "Accordion": {
3028
- "name": "Accordion",
3081
+ "Menu.ItemBase": {
3082
+ "name": "Menu.ItemBase",
3029
3083
  "defaultProps": {
3084
+ "spacing": "0",
3030
3085
  "spacingHorizontal": "4",
3031
- "spacingVertical": "4"
3086
+ "spacingVertical": "3.5",
3087
+ "columnGap": "2",
3088
+ "alignItems": "center",
3089
+ "justifyContent": "space-between"
3090
+ },
3091
+ "getStylesLiterals": {
3092
+ "textAlign": "start",
3093
+ "menuitemSizeRoot": "default",
3094
+ "flexDirection": "row",
3095
+ "menuitemSizeStartIcon": "default",
3096
+ "menuitemSizeEndIcon": "default"
3032
3097
  },
3033
- "getStylesLiterals": {},
3034
3098
  "cxLiterals": [
3035
- "hover:bg-secondary/80",
3036
- "w-full"
3099
+ "flex",
3100
+ "focus-visible:text-brand",
3101
+ "focus-visible:bg-brand-secondary",
3102
+ "focus-visible:z-10",
3103
+ "uds-ring",
3104
+ "!-outline-offset-2",
3105
+ "[&:not([aria-checked])]:cursor-default",
3106
+ "opacity-25",
3107
+ "cursor-not-allowed",
3108
+ "duration-20",
3109
+ "transition-[font-variation-settings]",
3110
+ "ease-in-out",
3111
+ "z-0",
3112
+ "uds-start-icon",
3113
+ "uds-end-icon"
3037
3114
  ],
3038
3115
  "internalComponents": [
3039
- "Icon",
3040
- "SpringMotionConfig",
3041
3116
  "Pressable",
3042
- "Text",
3117
+ "IconSlot",
3118
+ "RootComponent",
3043
3119
  "HStack",
3044
- "AnimatePresence",
3045
- "VStack"
3046
- ],
3047
- "internalComponentProps": {
3048
- "Icon": {
3049
- "variant": [
3050
- "fill"
3051
- ],
3052
- "size": [
3053
- "sm"
3054
- ],
3055
- "color": [
3056
- "primary"
3057
- ]
3058
- },
3059
- "SpringMotionConfig": {
3060
- "layoutVariant": [
3061
- "smooth"
3062
- ],
3063
- "layoutSpeed": [
3064
- "3"
3065
- ]
3066
- },
3067
- "Pressable": {
3068
- "display": [
3069
- "flex"
3070
- ],
3071
- "flexDirection": [
3072
- "row"
3073
- ],
3120
+ "AnimatePresence"
3121
+ ],
3122
+ "internalComponentProps": {
3123
+ "HStack": {
3074
3124
  "alignItems": [
3075
3125
  "center"
3076
3126
  ],
3077
- "justifyContent": [
3078
- "space-between"
3079
- ],
3080
- "borderRadius": [
3081
- "md"
3082
- ]
3083
- },
3084
- "Text": {
3085
- "variant": [
3086
- "title4"
3087
- ],
3088
- "color": [
3089
- "primary"
3127
+ "width": [
3128
+ "full"
3090
3129
  ]
3091
3130
  },
3092
- "HStack": {
3093
- "display": [
3094
- "flex"
3095
- ],
3096
- "alignItems": [
3097
- "center"
3098
- ],
3099
- "justifyContent": [
3100
- "space-between"
3101
- ],
3102
- "columnGap": [
3103
- "2.5"
3131
+ "AnimatePresence": {
3132
+ "mode": [
3133
+ "popLayout"
3104
3134
  ]
3105
3135
  }
3106
3136
  },
3107
- "propToVariantKeys": {},
3137
+ "propToVariantKeys": {
3138
+ "startIconClassName": [
3139
+ "className"
3140
+ ],
3141
+ "endIconClassName": [
3142
+ "className"
3143
+ ],
3144
+ "startIcon": [
3145
+ "icon"
3146
+ ],
3147
+ "endIcon": [
3148
+ "icon"
3149
+ ],
3150
+ "columnGap": [
3151
+ "gap"
3152
+ ]
3153
+ },
3108
3154
  "runtimeConfigDefaultProps": {},
3109
3155
  "runtimeConfigGetStyles": {},
3110
3156
  "runtimeConfigInternalComponentProps": {},
3111
- "motionVarPrefixes": [
3112
- "--uds-motion-smooth-3-"
3113
- ]
3157
+ "motionVarPrefixes": []
3114
3158
  },
3115
- "AvoidMotionLibraryProvider": {
3116
- "name": "AvoidMotionLibraryProvider",
3159
+ "UDSBreakpointsConfigProvider": {
3160
+ "name": "UDSBreakpointsConfigProvider",
3117
3161
  "defaultProps": {},
3118
3162
  "getStylesLiterals": {},
3119
3163
  "cxLiterals": [],
3120
- "internalComponents": [],
3164
+ "internalComponents": [
3165
+ "UDSBreakpointsConfigContext.Provider"
3166
+ ],
3121
3167
  "internalComponentProps": {},
3122
3168
  "propToVariantKeys": {},
3123
3169
  "runtimeConfigDefaultProps": {},
@@ -3125,176 +3171,113 @@
3125
3171
  "runtimeConfigInternalComponentProps": {},
3126
3172
  "motionVarPrefixes": []
3127
3173
  },
3128
- "Modal": {
3129
- "name": "Modal",
3174
+ "UDSConfigProvider": {
3175
+ "name": "UDSConfigProvider",
3130
3176
  "defaultProps": {},
3131
3177
  "getStylesLiterals": {},
3132
- "cxLiterals": [
3133
- "inset-8",
3134
- "top-[250px]",
3135
- "z-50",
3136
- "mx-auto",
3137
- "h-fit",
3138
- "w-[600px]",
3139
- "origin-center",
3140
- "scale-95",
3141
- "opacity-0",
3142
- "transition",
3143
- "duration-150",
3144
- "data-[enter]:scale-100",
3145
- "data-[enter]:opacity-100",
3146
- "data-[enter]:bg-primary",
3147
- "backdrop-blur-0",
3148
- "data-[enter]:opacity-60",
3149
- "data-[enter]:backdrop-blur-sm"
3150
- ],
3178
+ "cxLiterals": [],
3151
3179
  "internalComponents": [
3152
- "IconButton",
3153
- "Dialog",
3154
- "HStack",
3155
- "Text",
3156
- "VStack"
3180
+ "UDSBreakpointsConfigProvider",
3181
+ "UDSBottomSheetConfigProvider",
3182
+ "UDSToastConfigProvider",
3183
+ "UDSTooltipConfigProvider",
3184
+ "UDSPopoverConfigProvider"
3157
3185
  ],
3158
- "internalComponentProps": {
3159
- "IconButton": {
3160
- "aria-label": [
3161
- "Close"
3162
- ],
3163
- "size": [
3164
- "sm"
3165
- ],
3166
- "variant": [
3167
- "tertiary"
3168
- ]
3169
- },
3170
- "HStack": {
3171
- "alignItems": [
3172
- "center"
3173
- ],
3174
- "justifyContent": [
3175
- "space-between"
3176
- ]
3177
- },
3178
- "Text": {
3179
- "variant": [
3180
- "headline1"
3181
- ],
3182
- "color": [
3183
- "primary"
3184
- ]
3185
- },
3186
- "VStack": {
3187
- "borderRadius": [
3188
- "md"
3189
- ],
3190
- "position": [
3191
- "fixed"
3192
- ],
3193
- "backgroundColor": [
3194
- "primary"
3195
- ],
3196
- "dropShadow": [
3197
- "md"
3198
- ],
3199
- "spacing": [
3200
- "8"
3201
- ],
3202
- "overflow": [
3203
- "hidden"
3204
- ]
3205
- }
3206
- },
3207
- "propToVariantKeys": {
3208
- "handleClose": [
3209
- "onClick"
3210
- ]
3211
- },
3186
+ "internalComponentProps": {},
3187
+ "propToVariantKeys": {},
3212
3188
  "runtimeConfigDefaultProps": {},
3213
3189
  "runtimeConfigGetStyles": {},
3214
3190
  "runtimeConfigInternalComponentProps": {},
3215
3191
  "motionVarPrefixes": []
3216
3192
  },
3217
- "SegmentedControl": {
3218
- "name": "SegmentedControl",
3219
- "defaultProps": {
3220
- "textVariant": "label2"
3193
+ "Tooltip": {
3194
+ "name": "Tooltip",
3195
+ "defaultProps": {},
3196
+ "getStylesLiterals": {},
3197
+ "cxLiterals": [],
3198
+ "internalComponents": [
3199
+ "TooltipInternalContext.Provider",
3200
+ "TooltipProvider"
3201
+ ],
3202
+ "internalComponentProps": {},
3203
+ "propToVariantKeys": {},
3204
+ "runtimeConfigDefaultProps": {},
3205
+ "runtimeConfigGetStyles": {},
3206
+ "runtimeConfigInternalComponentProps": {
3207
+ "TooltipProvider": {
3208
+ "animated": [
3209
+ "tooltip.animationDuration"
3210
+ ]
3211
+ }
3221
3212
  },
3213
+ "motionVarPrefixes": []
3214
+ },
3215
+ "TooltipContent": {
3216
+ "name": "TooltipContent",
3217
+ "defaultProps": {},
3222
3218
  "getStylesLiterals": {
3223
- "display": "flex",
3224
- "alignItems": "center",
3225
- "backgroundColor": "primary",
3226
- "spacingVertical": "1",
3227
- "spacingHorizontal": "3",
3228
- "columnGap": "1.5",
3229
- "borderWidth": "thin",
3230
- "borderRadius": "full",
3231
- "borderColor": "muted",
3232
- "borderColor:1": "transparent",
3233
- "color": "primary",
3234
- "color:1": "tertiary",
3235
- "color:2": "muted"
3219
+ "tooltipSizeRoot": "default",
3220
+ "tooltipVariantRoot": "default",
3221
+ "tooltipSizeSvg": "default",
3222
+ "tooltipVariantSvg": "default",
3223
+ "tooltipVariantBlur": "default",
3224
+ "position": "absolute",
3225
+ "width": "full",
3226
+ "height": "full",
3227
+ "tooltipSizeTitle": "default",
3228
+ "tooltipSizeBody": "default",
3229
+ "tooltipSizeEndContent": "default",
3230
+ "tooltipSizeIcon": "default",
3231
+ "tooltipVariantIcon": "default"
3236
3232
  },
3237
3233
  "cxLiterals": [
3238
- "uds-ring",
3239
- "cursor-not-allowed",
3240
- "opacity-50",
3241
- "pointer-events-none",
3242
- "hover:bg-primary"
3234
+ "max-w-lg",
3235
+ "flex",
3236
+ "z-[9999]",
3237
+ "uds-bgBlurFillFallback",
3238
+ "uds-bgBlurFallback",
3239
+ "top-0",
3240
+ "left-0",
3241
+ "z-[1]"
3243
3242
  ],
3244
3243
  "internalComponents": [
3245
- "TextVariant",
3246
- "Radio",
3247
- "Icon",
3248
- "RadioProvider",
3249
- "HStack",
3250
- "RadioGroup",
3251
- "Pressable",
3244
+ "IconSlot",
3245
+ "TooltipArrow",
3246
+ "Tooltip",
3247
+ "SvgFloatingOverlay",
3248
+ "VStack",
3249
+ "Box",
3252
3250
  "Text"
3253
3251
  ],
3254
3252
  "internalComponentProps": {
3255
- "Icon": {
3256
- "size": [
3257
- "sm"
3258
- ],
3259
- "color": [
3260
- "current"
3261
- ],
3262
- "aria-hidden": [
3263
- "true"
3253
+ "SvgFloatingOverlay": {
3254
+ "contentOverflow": [
3255
+ "visible"
3264
3256
  ]
3265
3257
  },
3266
- "HStack": {
3267
- "spacing": [
3268
- "1"
3269
- ],
3270
- "gap": [
3271
- "1"
3272
- ],
3273
- "backgroundColor": [
3274
- "secondary"
3275
- ],
3276
- "borderRadius": [
3277
- "full"
3258
+ "VStack": {
3259
+ "className": [
3260
+ "gap-[inherit]"
3261
+ ]
3262
+ },
3263
+ "Box": {
3264
+ "alignItems": [
3265
+ "center"
3278
3266
  ],
3279
- "display": [
3280
- "inline-flex"
3267
+ "columnGap": [
3268
+ "1",
3269
+ "1.5"
3281
3270
  ]
3282
3271
  },
3283
3272
  "Text": {
3284
3273
  "color": [
3285
- "current"
3274
+ "inherit"
3286
3275
  ]
3287
3276
  }
3288
3277
  },
3289
3278
  "propToVariantKeys": {
3290
- "value": [
3291
- "key"
3292
- ],
3293
- "label": [
3294
- "aria-label"
3295
- ],
3296
- "textVariant": [
3297
- "variant"
3279
+ "startTitleIcon": [
3280
+ "icon"
3298
3281
  ]
3299
3282
  },
3300
3283
  "runtimeConfigDefaultProps": {},
@@ -3302,66 +3285,129 @@
3302
3285
  "runtimeConfigInternalComponentProps": {},
3303
3286
  "motionVarPrefixes": []
3304
3287
  },
3305
- "SwitchV2": {
3306
- "name": "SwitchV2",
3288
+ "UDSTooltipConfigProvider": {
3289
+ "name": "UDSTooltipConfigProvider",
3290
+ "defaultProps": {},
3291
+ "getStylesLiterals": {},
3292
+ "cxLiterals": [],
3293
+ "internalComponents": [
3294
+ "TooltipContext.Provider"
3295
+ ],
3296
+ "internalComponentProps": {},
3297
+ "propToVariantKeys": {},
3298
+ "runtimeConfigDefaultProps": {},
3299
+ "runtimeConfigGetStyles": {},
3300
+ "runtimeConfigInternalComponentProps": {},
3301
+ "motionVarPrefixes": []
3302
+ },
3303
+ "TooltipTrigger": {
3304
+ "name": "TooltipTrigger",
3305
+ "defaultProps": {},
3306
+ "getStylesLiterals": {},
3307
+ "cxLiterals": [],
3308
+ "internalComponents": [
3309
+ "TooltipAnchor"
3310
+ ],
3311
+ "internalComponentProps": {
3312
+ "TooltipAnchor": {
3313
+ "className": [
3314
+ "inline"
3315
+ ]
3316
+ }
3317
+ },
3318
+ "propToVariantKeys": {
3319
+ "children": [
3320
+ "render"
3321
+ ]
3322
+ },
3323
+ "runtimeConfigDefaultProps": {},
3324
+ "runtimeConfigGetStyles": {},
3325
+ "runtimeConfigInternalComponentProps": {},
3326
+ "motionVarPrefixes": []
3327
+ },
3328
+ "RadioGroupProvider": {
3329
+ "name": "RadioGroupProvider",
3330
+ "defaultProps": {},
3331
+ "getStylesLiterals": {},
3332
+ "cxLiterals": [],
3333
+ "internalComponents": [
3334
+ "DivProps",
3335
+ "Comp",
3336
+ "RadioGroupContext.Provider"
3337
+ ],
3338
+ "internalComponentProps": {
3339
+ "Comp": {
3340
+ "role": [
3341
+ "radiogroup"
3342
+ ]
3343
+ }
3344
+ },
3345
+ "propToVariantKeys": {},
3346
+ "runtimeConfigDefaultProps": {},
3347
+ "runtimeConfigGetStyles": {},
3348
+ "runtimeConfigInternalComponentProps": {},
3349
+ "motionVarPrefixes": []
3350
+ },
3351
+ "RadioGroupStore": {
3352
+ "name": "RadioGroupStore",
3353
+ "defaultProps": {},
3354
+ "getStylesLiterals": {},
3355
+ "cxLiterals": [],
3356
+ "internalComponents": [],
3357
+ "internalComponentProps": {},
3358
+ "propToVariantKeys": {},
3359
+ "runtimeConfigDefaultProps": {},
3360
+ "runtimeConfigGetStyles": {},
3361
+ "runtimeConfigInternalComponentProps": {},
3362
+ "motionVarPrefixes": []
3363
+ },
3364
+ "Radio": {
3365
+ "name": "Radio",
3307
3366
  "defaultProps": {
3308
3367
  "labelPosition": "start",
3309
- "size": "md"
3368
+ "variant": "primary",
3369
+ "size": "md",
3370
+ "value": ""
3310
3371
  },
3311
3372
  "getStylesLiterals": {
3312
- "switchVariantRoot": "default",
3313
- "switchVariantActiveRoot": "on",
3314
- "switchVariantActiveRoot:1": "off",
3315
- "switchVariantSwitch": "default",
3316
- "switchVariantActiveSwitch": "on",
3317
- "switchVariantActiveSwitch:1": "off",
3318
- "switchVariantActiveHandle": "on",
3319
- "switchVariantActiveHandle:1": "off",
3320
- "switchVariantHandle": "default",
3321
- "switchVariantHandleIcon": "default",
3322
- "switchVariantActiveHandleIcon": "on",
3323
- "switchVariantActiveHandleIcon:1": "off"
3373
+ "radioVariantValueRoot": "checked",
3374
+ "radioVariantValueRoot:1": "unchecked",
3375
+ "display": "flex",
3376
+ "flexDirection": "row",
3377
+ "flexDirection:1": "row-reverse",
3378
+ "alignItems": "center",
3379
+ "radioVariantValueRadio": "checked",
3380
+ "radioVariantValueRadio:1": "unchecked",
3381
+ "radioVariantValueRadioCircle": "checked",
3382
+ "radioVariantValueRadioCircle:1": "unchecked"
3324
3383
  },
3325
3384
  "cxLiterals": [
3326
- "group",
3327
- "flex",
3328
- "items-center",
3329
- "flex-row",
3330
- "flex-row-reverse",
3385
+ "cursor-pointer",
3386
+ "cursor-default",
3387
+ "opacity-50",
3388
+ "border",
3331
3389
  "uds-ring",
3332
3390
  "uds-ring-within",
3333
- "relative",
3334
- "uds-border-radius-full",
3335
- "transition-[background-color,box-shadow]",
3391
+ "transition-[background-color,border-color]",
3392
+ "transition-shadow",
3336
3393
  "pointer-events-none",
3337
- "w-full",
3338
- "h-full",
3394
+ "w-[8px]",
3395
+ "h-[8px]",
3396
+ "transition-opacity",
3397
+ "cursor-[inherit]",
3339
3398
  "absolute",
3340
- "top-0",
3341
- "bottom-0",
3342
- "right-0",
3343
- "left-0",
3344
- "overflow-hidden",
3345
- "group-hover:scale-105",
3346
- "opacity-95",
3347
- "group-hover:opacity-100",
3348
- "transition-[transform,opacity]",
3349
3399
  "opacity-0",
3350
3400
  "top-1/2",
3351
3401
  "left-1/2",
3402
+ "w-[calc(100%+2px)]",
3403
+ "h-[calc(100%+2px)]",
3352
3404
  "transform",
3353
3405
  "translate-x-[-50%]",
3354
3406
  "translate-y-[-50%]",
3355
- "transition-opacity",
3356
- "cursor-[inherit]",
3357
- "w-[calc(100%+2px)]",
3358
- "h-[calc(100%+2px)]",
3359
3407
  "text-start",
3360
- "text-end",
3361
- "opacity-100"
3408
+ "text-end"
3362
3409
  ],
3363
3410
  "internalComponents": [
3364
- "IconSlot",
3365
3411
  "Box",
3366
3412
  "FormLabel",
3367
3413
  "SpringMotionConfig",
@@ -3369,10 +3415,9 @@
3369
3415
  "MotionBox"
3370
3416
  ],
3371
3417
  "internalComponentProps": {
3372
- "IconSlot": {
3373
- "data-testid": [
3374
- "on-icon",
3375
- "off-icon"
3418
+ "Box": {
3419
+ "borderRadius": [
3420
+ "full"
3376
3421
  ]
3377
3422
  },
3378
3423
  "FormLabel": {
@@ -3386,85 +3431,49 @@
3386
3431
  "inherit"
3387
3432
  ]
3388
3433
  },
3389
- "SpringMotionConfig": {
3390
- "layoutVariant": [
3391
- "bouncy"
3392
- ],
3393
- "layoutSpeed": [
3394
- "4"
3395
- ]
3396
- },
3397
3434
  "RootElement": {
3398
3435
  "data-testid": [
3399
- "switch-root"
3436
+ "container"
3400
3437
  ]
3401
3438
  },
3402
3439
  "MotionBox": {
3403
- "layout": [
3404
- "position"
3440
+ "position": [
3441
+ "relative"
3442
+ ],
3443
+ "borderRadius": [
3444
+ "full"
3445
+ ],
3446
+ "alignItems": [
3447
+ "center"
3448
+ ],
3449
+ "justifyContent": [
3450
+ "center"
3451
+ ],
3452
+ "flex": [
3453
+ "none"
3405
3454
  ]
3406
3455
  }
3407
3456
  },
3408
3457
  "propToVariantKeys": {
3409
3458
  "size": [
3410
- "switchSizeRoot",
3411
- "switchSizeSwitch",
3412
- "switchSizeHandle",
3413
- "switchSizeHandleIcon"
3414
- ],
3415
- "onIcon": [
3416
- "icon"
3459
+ "radioSizeRoot",
3460
+ "radioSizeRadio"
3417
3461
  ],
3418
- "offIcon": [
3419
- "icon"
3462
+ "variant": [
3463
+ "radioVariantRoot",
3464
+ "radioVariantRadio",
3465
+ "radioVariantRadioCircle"
3420
3466
  ],
3421
3467
  "reduceMotion": [
3422
3468
  "reducedMotion"
3423
- ],
3424
- "isOn": [
3425
- "layoutDependency"
3426
3469
  ]
3427
3470
  },
3428
3471
  "runtimeConfigDefaultProps": {},
3429
3472
  "runtimeConfigGetStyles": {},
3430
3473
  "runtimeConfigInternalComponentProps": {},
3431
3474
  "motionVarPrefixes": [
3432
- "--uds-motion-bouncy-4-",
3475
+ "--uds-motion-subtle-3-",
3433
3476
  "--uds-motion-smooth-3-"
3434
3477
  ]
3435
- },
3436
- "UDSBreakpointsConfigProvider": {
3437
- "name": "UDSBreakpointsConfigProvider",
3438
- "defaultProps": {},
3439
- "getStylesLiterals": {},
3440
- "cxLiterals": [],
3441
- "internalComponents": [
3442
- "UDSBreakpointsConfigContext.Provider"
3443
- ],
3444
- "internalComponentProps": {},
3445
- "propToVariantKeys": {},
3446
- "runtimeConfigDefaultProps": {},
3447
- "runtimeConfigGetStyles": {},
3448
- "runtimeConfigInternalComponentProps": {},
3449
- "motionVarPrefixes": []
3450
- },
3451
- "UDSConfigProvider": {
3452
- "name": "UDSConfigProvider",
3453
- "defaultProps": {},
3454
- "getStylesLiterals": {},
3455
- "cxLiterals": [],
3456
- "internalComponents": [
3457
- "UDSBreakpointsConfigProvider",
3458
- "UDSBottomSheetConfigProvider",
3459
- "UDSToastConfigProvider",
3460
- "UDSTooltipConfigProvider",
3461
- "UDSPopoverConfigProvider"
3462
- ],
3463
- "internalComponentProps": {},
3464
- "propToVariantKeys": {},
3465
- "runtimeConfigDefaultProps": {},
3466
- "runtimeConfigGetStyles": {},
3467
- "runtimeConfigInternalComponentProps": {},
3468
- "motionVarPrefixes": []
3469
3478
  }
3470
3479
  }