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