@yahoo/uds 3.115.0 → 3.116.0-beta.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 (149) hide show
  1. package/dist/automated-config/dist/generated/autoVariants.cjs +10 -0
  2. package/dist/automated-config/dist/generated/autoVariants.d.cts +10 -0
  3. package/dist/automated-config/dist/generated/autoVariants.d.ts +10 -0
  4. package/dist/automated-config/dist/generated/autoVariants.js +10 -0
  5. package/dist/automated-config/dist/generated/generatedConfigs.cjs +1842 -0
  6. package/dist/automated-config/dist/generated/generatedConfigs.d.cts +194 -1
  7. package/dist/automated-config/dist/generated/generatedConfigs.d.ts +194 -1
  8. package/dist/automated-config/dist/generated/generatedConfigs.js +1842 -1
  9. package/dist/automated-config/dist/generated/universalTokensConfigAuto.cjs +78 -0
  10. package/dist/automated-config/dist/generated/universalTokensConfigAuto.d.cts +2 -1
  11. package/dist/automated-config/dist/generated/universalTokensConfigAuto.d.ts +2 -1
  12. package/dist/automated-config/dist/generated/universalTokensConfigAuto.js +78 -0
  13. package/dist/cli/commands/sync.cjs +6 -0
  14. package/dist/cli/commands/sync.js +6 -0
  15. package/dist/components/SvgFloatingOverlay.cjs +123 -0
  16. package/dist/components/SvgFloatingOverlay.d.cts +42 -0
  17. package/dist/components/SvgFloatingOverlay.d.ts +42 -0
  18. package/dist/components/SvgFloatingOverlay.js +121 -0
  19. package/dist/components/client/Menu/Menu.ItemCheckbox.d.cts +1 -1
  20. package/dist/components/client/Menu/Menu.ItemCheckbox.d.ts +1 -1
  21. package/dist/components/client/Popover/Popover.cjs +96 -0
  22. package/dist/components/client/Popover/Popover.d.cts +55 -0
  23. package/dist/components/client/Popover/Popover.d.ts +55 -0
  24. package/dist/components/client/Popover/Popover.js +94 -0
  25. package/dist/components/client/Popover/PopoverContent.cjs +172 -0
  26. package/dist/components/client/Popover/PopoverContent.d.cts +26 -0
  27. package/dist/components/client/Popover/PopoverContent.d.ts +26 -0
  28. package/dist/components/client/Popover/PopoverContent.js +170 -0
  29. package/dist/components/client/Popover/PopoverContext.cjs +11 -0
  30. package/dist/components/client/Popover/PopoverContext.d.cts +21 -0
  31. package/dist/components/client/Popover/PopoverContext.d.ts +21 -0
  32. package/dist/components/client/Popover/PopoverContext.js +9 -0
  33. package/dist/components/client/Popover/PopoverTrigger.cjs +26 -0
  34. package/dist/components/client/Popover/PopoverTrigger.d.cts +14 -0
  35. package/dist/components/client/Popover/PopoverTrigger.d.ts +14 -0
  36. package/dist/components/client/Popover/PopoverTrigger.js +24 -0
  37. package/dist/components/client/Popover/UDSPopoverConfigProvider.cjs +40 -0
  38. package/dist/components/client/Popover/UDSPopoverConfigProvider.d.cts +28 -0
  39. package/dist/components/client/Popover/UDSPopoverConfigProvider.d.ts +28 -0
  40. package/dist/components/client/Popover/UDSPopoverConfigProvider.js +37 -0
  41. package/dist/components/client/Popover/index.cjs +12 -0
  42. package/dist/components/client/Popover/index.d.cts +7 -0
  43. package/dist/components/client/Popover/index.d.ts +7 -0
  44. package/dist/components/client/Popover/index.js +8 -0
  45. package/dist/components/client/Toast/Toast.cjs +1 -1
  46. package/dist/components/client/Toast/Toast.d.cts +1 -1
  47. package/dist/components/client/Toast/Toast.d.ts +1 -1
  48. package/dist/components/client/Toast/Toast.js +1 -1
  49. package/dist/components/client/Toast/index.d.cts +1 -1
  50. package/dist/components/client/Toast/index.d.ts +1 -1
  51. package/dist/components/client/Tooltip/Tooltip.cjs +6 -6
  52. package/dist/components/client/Tooltip/Tooltip.d.cts +1 -1
  53. package/dist/components/client/Tooltip/Tooltip.d.ts +1 -1
  54. package/dist/components/client/Tooltip/Tooltip.js +6 -6
  55. package/dist/components/client/Tooltip/TooltipContent.cjs +55 -119
  56. package/dist/components/client/Tooltip/TooltipContent.js +56 -120
  57. package/dist/components/client/Tooltip/tooltipContext.cjs +0 -1
  58. package/dist/components/client/Tooltip/tooltipContext.d.cts +1 -2
  59. package/dist/components/client/Tooltip/tooltipContext.d.ts +1 -2
  60. package/dist/components/client/Tooltip/tooltipContext.js +0 -1
  61. package/dist/components/client/index.cjs +8 -0
  62. package/dist/components/client/index.d.cts +10 -5
  63. package/dist/components/client/index.d.ts +10 -5
  64. package/dist/components/client/index.js +5 -1
  65. package/dist/components/client/providers/UDSConfigProvider.cjs +6 -2
  66. package/dist/components/client/providers/UDSConfigProvider.d.cts +2 -1
  67. package/dist/components/client/providers/UDSConfigProvider.d.ts +2 -1
  68. package/dist/components/client/providers/UDSConfigProvider.js +6 -2
  69. package/dist/components/experimental/client/{Popover.cjs → ExperimentalPopover.cjs} +10 -1
  70. package/dist/components/experimental/client/ExperimentalPopover.d.cts +40 -0
  71. package/dist/components/experimental/client/ExperimentalPopover.d.ts +40 -0
  72. package/dist/components/experimental/client/{Popover.js → ExperimentalPopover.js} +10 -1
  73. package/dist/components/experimental/client/index.cjs +10 -10
  74. package/dist/components/experimental/client/index.d.cts +2 -2
  75. package/dist/components/experimental/client/index.d.ts +2 -2
  76. package/dist/components/experimental/client/index.js +1 -1
  77. package/dist/components/experimental/index.cjs +19 -19
  78. package/dist/components/experimental/index.d.cts +2 -2
  79. package/dist/components/experimental/index.d.ts +2 -2
  80. package/dist/components/experimental/index.js +1 -1
  81. package/dist/components/index.cjs +12 -0
  82. package/dist/components/index.d.cts +9 -5
  83. package/dist/components/index.d.ts +9 -5
  84. package/dist/components/index.js +9 -1
  85. package/dist/config/dist/index.cjs +79 -1
  86. package/dist/config/dist/index.js +79 -1
  87. package/dist/{components/client/Tooltip/useTooltipContent.cjs → hooks/useSvgFloatingContent.cjs} +81 -48
  88. package/dist/hooks/useSvgFloatingContent.d.cts +74 -0
  89. package/dist/hooks/useSvgFloatingContent.d.ts +74 -0
  90. package/dist/{components/client/Tooltip/useTooltipContent.js → hooks/useSvgFloatingContent.js} +76 -43
  91. package/dist/index.cjs +21 -10
  92. package/dist/index.d.cts +15 -10
  93. package/dist/index.d.ts +15 -10
  94. package/dist/index.js +16 -11
  95. package/dist/runtime/index.cjs +2 -0
  96. package/dist/runtime/index.d.cts +3 -2
  97. package/dist/runtime/index.d.ts +3 -2
  98. package/dist/runtime/index.js +2 -1
  99. package/dist/runtime/popoverConfig.cjs +41 -0
  100. package/dist/runtime/popoverConfig.d.cts +24 -0
  101. package/dist/runtime/popoverConfig.d.ts +24 -0
  102. package/dist/runtime/popoverConfig.js +40 -0
  103. package/dist/runtime/udsConfig.cjs +3 -1
  104. package/dist/runtime/udsConfig.d.cts +3 -1
  105. package/dist/runtime/udsConfig.d.ts +3 -1
  106. package/dist/runtime/udsConfig.js +3 -1
  107. package/dist/styles/styler.d.cts +11 -1
  108. package/dist/styles/styler.d.ts +11 -1
  109. package/dist/styles/variants.d.cts +30 -0
  110. package/dist/styles/variants.d.ts +30 -0
  111. package/dist/tailwind/dist/tailwind/plugins/components.cjs +1 -0
  112. package/dist/tailwind/dist/tailwind/plugins/components.js +2 -1
  113. package/dist/tokens/automation/configs/index.cjs +1 -0
  114. package/dist/tokens/automation/configs/index.d.cts +2 -2
  115. package/dist/tokens/automation/configs/index.d.ts +2 -2
  116. package/dist/tokens/automation/configs/index.js +2 -2
  117. package/dist/tokens/automation/index.cjs +1 -0
  118. package/dist/tokens/automation/index.d.cts +2 -2
  119. package/dist/tokens/automation/index.d.ts +2 -2
  120. package/dist/tokens/automation/index.js +2 -2
  121. package/dist/tokens/index.cjs +2 -1
  122. package/dist/tokens/index.d.cts +3 -3
  123. package/dist/tokens/index.d.ts +3 -3
  124. package/dist/tokens/index.js +3 -3
  125. package/dist/tokens/types.d.cts +2 -2
  126. package/dist/tokens/types.d.ts +2 -2
  127. package/dist/types/dist/index.d.cts +51 -1
  128. package/dist/types/dist/index.d.ts +51 -1
  129. package/dist/uds/generated/componentData.cjs +939 -791
  130. package/dist/uds/generated/componentData.js +905 -793
  131. package/dist/uds/generated/tailwindPurge.cjs +52 -26
  132. package/dist/uds/generated/tailwindPurge.js +52 -26
  133. package/dist/utils/parseShadow.cjs +120 -0
  134. package/dist/utils/parseShadow.d.cts +33 -0
  135. package/dist/utils/parseShadow.d.ts +33 -0
  136. package/dist/utils/parseShadow.js +118 -0
  137. package/dist/utils/svgFloatingContentUtils.cjs +121 -0
  138. package/dist/{components/client/Tooltip/util.d.cts → utils/svgFloatingContentUtils.d.cts} +25 -62
  139. package/dist/{components/client/Tooltip/util.d.ts → utils/svgFloatingContentUtils.d.ts} +25 -62
  140. package/dist/utils/svgFloatingContentUtils.js +117 -0
  141. package/generated/componentData.json +1230 -1089
  142. package/generated/tailwindPurge.ts +50 -27
  143. package/package.json +1 -1
  144. package/dist/components/client/Tooltip/useTooltipContent.d.cts +0 -66
  145. package/dist/components/client/Tooltip/useTooltipContent.d.ts +0 -66
  146. package/dist/components/client/Tooltip/util.cjs +0 -248
  147. package/dist/components/client/Tooltip/util.js +0 -240
  148. package/dist/components/experimental/client/Popover.d.cts +0 -29
  149. package/dist/components/experimental/client/Popover.d.ts +0 -29
@@ -1,4 +1,121 @@
1
1
  {
2
+ "Box": {
3
+ "name": "Box",
4
+ "defaultProps": {
5
+ "as": "div",
6
+ "display": "flex"
7
+ },
8
+ "getStylesLiterals": {},
9
+ "cxLiterals": [],
10
+ "internalComponents": [
11
+ "Comp"
12
+ ],
13
+ "internalComponentProps": {},
14
+ "propToVariantKeys": {
15
+ "elevationAlias": [
16
+ "backgroundColor",
17
+ "borderColor",
18
+ "borderWidth",
19
+ "dropShadow"
20
+ ]
21
+ },
22
+ "motionVarPrefixes": []
23
+ },
24
+ "FormLabel": {
25
+ "name": "FormLabel",
26
+ "defaultProps": {
27
+ "color": "muted",
28
+ "variant": "label3",
29
+ "as": "label"
30
+ },
31
+ "getStylesLiterals": {},
32
+ "cxLiterals": [
33
+ "cursor-[inherit]"
34
+ ],
35
+ "internalComponents": [
36
+ "Text"
37
+ ],
38
+ "internalComponentProps": {
39
+ "Text": {
40
+ "as": [
41
+ "sup"
42
+ ],
43
+ "variant": [
44
+ "inherit"
45
+ ],
46
+ "spacingStart": [
47
+ "0.5"
48
+ ]
49
+ }
50
+ },
51
+ "propToVariantKeys": {},
52
+ "motionVarPrefixes": []
53
+ },
54
+ "HStack": {
55
+ "name": "HStack",
56
+ "defaultProps": {},
57
+ "getStylesLiterals": {},
58
+ "cxLiterals": [],
59
+ "internalComponents": [
60
+ "Box"
61
+ ],
62
+ "internalComponentProps": {
63
+ "Box": {
64
+ "flexDirection": [
65
+ "row"
66
+ ]
67
+ }
68
+ },
69
+ "propToVariantKeys": {
70
+ "gap": [
71
+ "rowGap",
72
+ "columnGap"
73
+ ]
74
+ },
75
+ "motionVarPrefixes": []
76
+ },
77
+ "Icon": {
78
+ "name": "Icon",
79
+ "defaultProps": {
80
+ "size": "md",
81
+ "variant": "outline",
82
+ "color": "primary"
83
+ },
84
+ "getStylesLiterals": {
85
+ "flex": "none"
86
+ },
87
+ "cxLiterals": [
88
+ "[&_path]:fill-current"
89
+ ],
90
+ "internalComponents": [
91
+ "SVGIcon"
92
+ ],
93
+ "internalComponentProps": {},
94
+ "propToVariantKeys": {},
95
+ "motionVarPrefixes": []
96
+ },
97
+ "IconSlot": {
98
+ "name": "IconSlot",
99
+ "defaultProps": {},
100
+ "getStylesLiterals": {},
101
+ "cxLiterals": [],
102
+ "internalComponents": [
103
+ "Icon"
104
+ ],
105
+ "internalComponentProps": {},
106
+ "propToVariantKeys": {},
107
+ "motionVarPrefixes": []
108
+ },
109
+ "Image": {
110
+ "name": "Image",
111
+ "defaultProps": {},
112
+ "getStylesLiterals": {},
113
+ "cxLiterals": [],
114
+ "internalComponents": [],
115
+ "internalComponentProps": {},
116
+ "propToVariantKeys": {},
117
+ "motionVarPrefixes": []
118
+ },
2
119
  "Link": {
3
120
  "name": "Link",
4
121
  "defaultProps": {
@@ -49,51 +166,6 @@
49
166
  },
50
167
  "motionVarPrefixes": []
51
168
  },
52
- "VStack": {
53
- "name": "VStack",
54
- "defaultProps": {},
55
- "getStylesLiterals": {},
56
- "cxLiterals": [],
57
- "internalComponents": [
58
- "Box"
59
- ],
60
- "internalComponentProps": {
61
- "Box": {
62
- "flexDirection": [
63
- "column"
64
- ]
65
- }
66
- },
67
- "propToVariantKeys": {
68
- "gap": [
69
- "columnGap",
70
- "rowGap"
71
- ]
72
- },
73
- "motionVarPrefixes": []
74
- },
75
- "Box": {
76
- "name": "Box",
77
- "defaultProps": {
78
- "as": "div",
79
- "display": "flex"
80
- },
81
- "getStylesLiterals": {},
82
- "cxLiterals": [],
83
- "internalComponents": [
84
- "Comp"
85
- ],
86
- "internalComponentProps": {},
87
- "propToVariantKeys": {
88
- "elevationAlias": [
89
- "backgroundColor",
90
- "borderColor",
91
- "borderWidth",
92
- "dropShadow"
93
- ]
94
- },
95
- "motionVarPrefixes": []
96
- },
97
169
  "Scrim": {
98
170
  "name": "Scrim",
99
171
  "defaultProps": {
@@ -130,54 +202,44 @@
130
202
  },
131
203
  "motionVarPrefixes": []
132
204
  },
133
- "Icon": {
134
- "name": "Icon",
135
- "defaultProps": {
136
- "size": "md",
137
- "variant": "outline",
138
- "color": "primary"
139
- },
140
- "getStylesLiterals": {
141
- "flex": "none"
142
- },
143
- "cxLiterals": [
144
- "[&_path]:fill-current"
145
- ],
146
- "internalComponents": [
147
- "SVGIcon"
148
- ],
149
- "internalComponentProps": {},
150
- "propToVariantKeys": {},
151
- "motionVarPrefixes": []
152
- },
153
- "FormLabel": {
154
- "name": "FormLabel",
155
- "defaultProps": {
156
- "color": "muted",
157
- "variant": "label3",
158
- "as": "label"
159
- },
205
+ "SvgFloatingOverlay": {
206
+ "name": "SvgFloatingOverlay",
207
+ "defaultProps": {},
160
208
  "getStylesLiterals": {},
161
209
  "cxLiterals": [
162
- "cursor-[inherit]"
210
+ "z-[2]",
211
+ "z-[3]",
212
+ "max-h-full"
163
213
  ],
164
214
  "internalComponents": [
165
- "Text"
215
+ "Box",
216
+ "Fragment"
166
217
  ],
167
218
  "internalComponentProps": {
168
- "Text": {
169
- "as": [
170
- "sup"
219
+ "Box": {
220
+ "position": [
221
+ "relative"
171
222
  ],
172
- "variant": [
173
- "inherit"
223
+ "flexGrow": [
224
+ "1"
174
225
  ],
175
- "spacingStart": [
176
- "0.5"
226
+ "overflow": [
227
+ "hidden",
228
+ "auto"
229
+ ],
230
+ "display": [
231
+ "block"
232
+ ],
233
+ "className": [
234
+ "max-h-full"
177
235
  ]
178
236
  }
179
237
  },
180
- "propToVariantKeys": {},
238
+ "propToVariantKeys": {
239
+ "blurClassName": [
240
+ "className"
241
+ ]
242
+ },
181
243
  "motionVarPrefixes": []
182
244
  },
183
245
  "Text": {
@@ -204,20 +266,8 @@
204
266
  },
205
267
  "motionVarPrefixes": []
206
268
  },
207
- "IconSlot": {
208
- "name": "IconSlot",
209
- "defaultProps": {},
210
- "getStylesLiterals": {},
211
- "cxLiterals": [],
212
- "internalComponents": [
213
- "Icon"
214
- ],
215
- "internalComponentProps": {},
216
- "propToVariantKeys": {},
217
- "motionVarPrefixes": []
218
- },
219
- "HStack": {
220
- "name": "HStack",
269
+ "VStack": {
270
+ "name": "VStack",
221
271
  "defaultProps": {},
222
272
  "getStylesLiterals": {},
223
273
  "cxLiterals": [],
@@ -227,110 +277,35 @@
227
277
  "internalComponentProps": {
228
278
  "Box": {
229
279
  "flexDirection": [
230
- "row"
280
+ "column"
231
281
  ]
232
282
  }
233
283
  },
234
284
  "propToVariantKeys": {
235
285
  "gap": [
236
- "rowGap",
237
- "columnGap"
286
+ "columnGap",
287
+ "rowGap"
238
288
  ]
239
289
  },
240
290
  "motionVarPrefixes": []
241
291
  },
242
- "Image": {
243
- "name": "Image",
292
+ "Divider": {
293
+ "name": "Divider",
244
294
  "defaultProps": {},
245
295
  "getStylesLiterals": {},
246
296
  "cxLiterals": [],
247
- "internalComponents": [],
297
+ "internalComponents": [
298
+ "DividerInternal"
299
+ ],
248
300
  "internalComponentProps": {},
249
301
  "propToVariantKeys": {},
250
302
  "motionVarPrefixes": []
251
303
  },
252
- "Table.mocks": {
253
- "name": "Table.mocks",
254
- "defaultProps": {},
255
- "getStylesLiterals": {},
256
- "cxLiterals": [],
257
- "internalComponents": [],
258
- "internalComponentProps": {},
259
- "propToVariantKeys": {},
260
- "motionVarPrefixes": []
261
- },
262
- "Table": {
263
- "name": "Table",
264
- "defaultProps": {
265
- "display": "table-cell",
266
- "overflow": "hidden",
267
- "borderColor": "muted",
268
- "borderRadius": "md",
269
- "spacing": "3",
270
- "borderBottomColor": "muted",
271
- "borderBottomWidth": "thin",
272
- "color": "primary"
273
- },
274
- "getStylesLiterals": {
275
- "textAlign": "start"
276
- },
277
- "cxLiterals": [],
278
- "internalComponents": [
279
- "CellComponent",
280
- "Box",
281
- "Text",
282
- "Table.Root",
283
- "Table.Header",
284
- "Table.Row",
285
- "Table.Cell",
286
- "Table.Body"
287
- ],
288
- "internalComponentProps": {
289
- "Table.Cell": {
290
- "asHeaderCell": [
291
- "column"
292
- ]
293
- }
294
- },
295
- "propToVariantKeys": {},
296
- "motionVarPrefixes": []
297
- },
298
- "Spinner": {
299
- "name": "Spinner",
300
- "defaultProps": {
301
- "color": "primary",
302
- "size": "lg"
303
- },
304
- "getStylesLiterals": {},
305
- "cxLiterals": [
306
- "self-center",
307
- "relative",
308
- "sr-only"
309
- ],
310
- "internalComponents": [
311
- "Icon"
312
- ],
313
- "internalComponentProps": {
314
- "Icon": {
315
- "role": [
316
- "img"
317
- ],
318
- "className": [
319
- "animate-spin"
320
- ],
321
- "aria-hidden": [
322
- "true"
323
- ]
324
- }
325
- },
326
- "propToVariantKeys": {},
327
- "motionVarPrefixes": []
328
- },
329
- "DividerCore": {
330
- "name": "DividerCore",
331
- "defaultProps": {
332
- "contentPosition": "center"
333
- },
304
+ "DividerCore": {
305
+ "name": "DividerCore",
306
+ "defaultProps": {
307
+ "contentPosition": "center"
308
+ },
334
309
  "getStylesLiterals": {},
335
310
  "cxLiterals": [],
336
311
  "internalComponents": [
@@ -394,18 +369,164 @@
394
369
  },
395
370
  "motionVarPrefixes": []
396
371
  },
397
- "Divider": {
398
- "name": "Divider",
372
+ "Spinner": {
373
+ "name": "Spinner",
374
+ "defaultProps": {
375
+ "color": "primary",
376
+ "size": "lg"
377
+ },
378
+ "getStylesLiterals": {},
379
+ "cxLiterals": [
380
+ "self-center",
381
+ "relative",
382
+ "sr-only"
383
+ ],
384
+ "internalComponents": [
385
+ "Icon"
386
+ ],
387
+ "internalComponentProps": {
388
+ "Icon": {
389
+ "role": [
390
+ "img"
391
+ ],
392
+ "className": [
393
+ "animate-spin"
394
+ ],
395
+ "aria-hidden": [
396
+ "true"
397
+ ]
398
+ }
399
+ },
400
+ "propToVariantKeys": {},
401
+ "motionVarPrefixes": []
402
+ },
403
+ "Table.mocks": {
404
+ "name": "Table.mocks",
399
405
  "defaultProps": {},
400
406
  "getStylesLiterals": {},
401
407
  "cxLiterals": [],
408
+ "internalComponents": [],
409
+ "internalComponentProps": {},
410
+ "propToVariantKeys": {},
411
+ "motionVarPrefixes": []
412
+ },
413
+ "Table": {
414
+ "name": "Table",
415
+ "defaultProps": {
416
+ "display": "table-cell",
417
+ "overflow": "hidden",
418
+ "borderColor": "muted",
419
+ "borderRadius": "md",
420
+ "spacing": "3",
421
+ "borderBottomColor": "muted",
422
+ "borderBottomWidth": "thin",
423
+ "color": "primary"
424
+ },
425
+ "getStylesLiterals": {
426
+ "textAlign": "start"
427
+ },
428
+ "cxLiterals": [],
402
429
  "internalComponents": [
403
- "DividerInternal"
430
+ "CellComponent",
431
+ "Box",
432
+ "Text",
433
+ "Table.Root",
434
+ "Table.Header",
435
+ "Table.Row",
436
+ "Table.Cell",
437
+ "Table.Body"
404
438
  ],
405
- "internalComponentProps": {},
439
+ "internalComponentProps": {
440
+ "Table.Cell": {
441
+ "asHeaderCell": [
442
+ "column"
443
+ ]
444
+ }
445
+ },
406
446
  "propToVariantKeys": {},
407
447
  "motionVarPrefixes": []
408
448
  },
449
+ "AnimateHeightChange": {
450
+ "name": "AnimateHeightChange",
451
+ "defaultProps": {},
452
+ "getStylesLiterals": {},
453
+ "cxLiterals": [
454
+ "overflow-hidden"
455
+ ],
456
+ "internalComponents": [
457
+ "SpringMotionConfig"
458
+ ],
459
+ "internalComponentProps": {
460
+ "SpringMotionConfig": {
461
+ "layoutSpeed": [
462
+ "4"
463
+ ]
464
+ }
465
+ },
466
+ "propToVariantKeys": {
467
+ "reduceMotion": [
468
+ "reducedMotion"
469
+ ]
470
+ },
471
+ "motionVarPrefixes": [
472
+ "--uds-motion-subtle-4-",
473
+ "--uds-motion-smooth-3-"
474
+ ]
475
+ },
476
+ "Badge": {
477
+ "name": "Badge",
478
+ "defaultProps": {
479
+ "variant": "primary",
480
+ "size": "md"
481
+ },
482
+ "getStylesLiterals": {},
483
+ "cxLiterals": [
484
+ "flex-1",
485
+ "truncate",
486
+ "whitespace-nowrap",
487
+ "text-center"
488
+ ],
489
+ "internalComponents": [
490
+ "IconSlot",
491
+ "HStack"
492
+ ],
493
+ "internalComponentProps": {
494
+ "IconSlot": {
495
+ "data-testid": [
496
+ "start-icon",
497
+ "end-icon"
498
+ ]
499
+ },
500
+ "HStack": {
501
+ "gap": [
502
+ "2"
503
+ ],
504
+ "display": [
505
+ "inline-flex"
506
+ ],
507
+ "alignItems": [
508
+ "center"
509
+ ]
510
+ }
511
+ },
512
+ "propToVariantKeys": {
513
+ "size": [
514
+ "badgeSizeRoot",
515
+ "badgeSizeIcon"
516
+ ],
517
+ "variant": [
518
+ "badgeVariantRoot",
519
+ "badgeVariantIcon"
520
+ ],
521
+ "startIcon": [
522
+ "icon"
523
+ ],
524
+ "endIcon": [
525
+ "icon"
526
+ ]
527
+ },
528
+ "motionVarPrefixes": []
529
+ },
409
530
  "Button": {
410
531
  "name": "Button",
411
532
  "defaultProps": {
@@ -593,25 +714,6 @@
593
714
  "--uds-motion-smooth-3-"
594
715
  ]
595
716
  },
596
- "SpringMotionConfig": {
597
- "name": "SpringMotionConfig",
598
- "defaultProps": {
599
- "reducedMotion": "user"
600
- },
601
- "getStylesLiterals": {},
602
- "cxLiterals": [],
603
- "internalComponents": [
604
- "LazyMotion",
605
- "MotionConfig"
606
- ],
607
- "internalComponentProps": {},
608
- "propToVariantKeys": {
609
- "loadFeatures": [
610
- "features"
611
- ]
612
- },
613
- "motionVarPrefixes": []
614
- },
615
717
  "IconButton": {
616
718
  "name": "IconButton",
617
719
  "defaultProps": {
@@ -676,13 +778,44 @@
676
778
  "--uds-motion-smooth-3-"
677
779
  ]
678
780
  },
679
- "Switch": {
680
- "name": "Switch",
681
- "defaultProps": {
682
- "labelPosition": "start",
683
- "size": "md"
684
- },
685
- "getStylesLiterals": {
781
+ "Pressable": {
782
+ "name": "Pressable",
783
+ "defaultProps": {},
784
+ "getStylesLiterals": {},
785
+ "cxLiterals": [],
786
+ "internalComponents": [
787
+ "Comp"
788
+ ],
789
+ "internalComponentProps": {},
790
+ "propToVariantKeys": {},
791
+ "motionVarPrefixes": []
792
+ },
793
+ "SpringMotionConfig": {
794
+ "name": "SpringMotionConfig",
795
+ "defaultProps": {
796
+ "reducedMotion": "user"
797
+ },
798
+ "getStylesLiterals": {},
799
+ "cxLiterals": [],
800
+ "internalComponents": [
801
+ "LazyMotion",
802
+ "MotionConfig"
803
+ ],
804
+ "internalComponentProps": {},
805
+ "propToVariantKeys": {
806
+ "loadFeatures": [
807
+ "features"
808
+ ]
809
+ },
810
+ "motionVarPrefixes": []
811
+ },
812
+ "Switch": {
813
+ "name": "Switch",
814
+ "defaultProps": {
815
+ "labelPosition": "start",
816
+ "size": "md"
817
+ },
818
+ "getStylesLiterals": {
686
819
  "switchVariantRoot": "default",
687
820
  "switchVariantActiveRoot": "on",
688
821
  "switchVariantActiveRoot:1": "off",
@@ -790,200 +923,110 @@
790
923
  "--uds-motion-smooth-3-"
791
924
  ]
792
925
  },
793
- "Badge": {
794
- "name": "Badge",
926
+ "Accordion": {
927
+ "name": "Accordion",
795
928
  "defaultProps": {
796
- "variant": "primary",
797
- "size": "md"
798
- },
799
- "getStylesLiterals": {},
800
- "cxLiterals": [
801
- "flex-1",
802
- "truncate",
803
- "whitespace-nowrap",
804
- "text-center"
805
- ],
806
- "internalComponents": [
807
- "IconSlot",
808
- "HStack"
809
- ],
810
- "internalComponentProps": {
811
- "IconSlot": {
812
- "data-testid": [
813
- "start-icon",
814
- "end-icon"
815
- ]
816
- },
817
- "HStack": {
818
- "gap": [
819
- "2"
820
- ],
821
- "display": [
822
- "inline-flex"
823
- ],
824
- "alignItems": [
825
- "center"
826
- ]
827
- }
828
- },
829
- "propToVariantKeys": {
830
- "size": [
831
- "badgeSizeRoot",
832
- "badgeSizeIcon"
833
- ],
834
- "variant": [
835
- "badgeVariantRoot",
836
- "badgeVariantIcon"
837
- ],
838
- "startIcon": [
839
- "icon"
840
- ],
841
- "endIcon": [
842
- "icon"
843
- ]
844
- },
845
- "motionVarPrefixes": []
846
- },
847
- "AnimateHeightChange": {
848
- "name": "AnimateHeightChange",
849
- "defaultProps": {},
850
- "getStylesLiterals": {},
851
- "cxLiterals": [
852
- "overflow-hidden"
853
- ],
854
- "internalComponents": [
855
- "SpringMotionConfig"
856
- ],
857
- "internalComponentProps": {
858
- "SpringMotionConfig": {
859
- "layoutSpeed": [
860
- "4"
861
- ]
862
- }
863
- },
864
- "propToVariantKeys": {
865
- "reduceMotion": [
866
- "reducedMotion"
867
- ]
929
+ "spacingHorizontal": "4",
930
+ "spacingVertical": "4"
868
931
  },
869
- "motionVarPrefixes": [
870
- "--uds-motion-subtle-4-",
871
- "--uds-motion-smooth-3-"
872
- ]
873
- },
874
- "Pressable": {
875
- "name": "Pressable",
876
- "defaultProps": {},
877
- "getStylesLiterals": {},
878
- "cxLiterals": [],
879
- "internalComponents": [
880
- "Comp"
881
- ],
882
- "internalComponentProps": {},
883
- "propToVariantKeys": {},
884
- "motionVarPrefixes": []
885
- },
886
- "AvoidMotionLibraryProvider": {
887
- "name": "AvoidMotionLibraryProvider",
888
- "defaultProps": {},
889
932
  "getStylesLiterals": {},
890
- "cxLiterals": [],
891
- "internalComponents": [],
892
- "internalComponentProps": {},
893
- "propToVariantKeys": {},
894
- "motionVarPrefixes": []
895
- },
896
- "SegmentedControl": {
897
- "name": "SegmentedControl",
898
- "defaultProps": {},
899
- "getStylesLiterals": {
900
- "display": "flex",
901
- "alignItems": "center",
902
- "backgroundColor": "primary",
903
- "spacingVertical": "1",
904
- "spacingHorizontal": "3",
905
- "columnGap": "1.5",
906
- "borderWidth": "thin",
907
- "borderRadius": "full",
908
- "borderColor": "muted",
909
- "borderColor:1": "transparent",
910
- "color": "primary",
911
- "color:1": "tertiary",
912
- "color:2": "muted"
913
- },
914
933
  "cxLiterals": [
915
- "uds-ring",
916
- "cursor-not-allowed",
917
- "opacity-50",
918
- "pointer-events-none",
919
- "hover:bg-primary"
934
+ "hover:bg-secondary/80",
935
+ "w-full"
920
936
  ],
921
937
  "internalComponents": [
922
- "Radio",
923
938
  "Icon",
924
- "RadioProvider",
925
- "HStack",
926
- "RadioGroup",
939
+ "SpringMotionConfig",
927
940
  "Pressable",
928
- "Text"
941
+ "Text",
942
+ "HStack",
943
+ "AnimatePresence",
944
+ "VStack"
929
945
  ],
930
946
  "internalComponentProps": {
931
947
  "Icon": {
948
+ "variant": [
949
+ "fill"
950
+ ],
932
951
  "size": [
933
952
  "sm"
934
953
  ],
935
954
  "color": [
936
- "current"
955
+ "primary"
956
+ ]
957
+ },
958
+ "SpringMotionConfig": {
959
+ "layoutVariant": [
960
+ "smooth"
937
961
  ],
938
- "aria-hidden": [
939
- "true"
962
+ "layoutSpeed": [
963
+ "3"
940
964
  ]
941
965
  },
942
- "HStack": {
943
- "spacing": [
944
- "1"
966
+ "Pressable": {
967
+ "display": [
968
+ "flex"
945
969
  ],
946
- "gap": [
947
- "1"
970
+ "flexDirection": [
971
+ "row"
948
972
  ],
949
- "backgroundColor": [
950
- "secondary"
973
+ "alignItems": [
974
+ "center"
951
975
  ],
952
- "borderRadius": [
953
- "full"
976
+ "justifyContent": [
977
+ "space-between"
954
978
  ],
955
- "display": [
956
- "inline-flex"
979
+ "borderRadius": [
980
+ "md"
957
981
  ]
958
982
  },
959
983
  "Text": {
960
984
  "variant": [
961
- "label2"
985
+ "title4"
962
986
  ],
963
987
  "color": [
964
- "current"
988
+ "primary"
989
+ ]
990
+ },
991
+ "HStack": {
992
+ "display": [
993
+ "flex"
994
+ ],
995
+ "alignItems": [
996
+ "center"
997
+ ],
998
+ "justifyContent": [
999
+ "space-between"
1000
+ ],
1001
+ "columnGap": [
1002
+ "2.5"
965
1003
  ]
966
1004
  }
967
1005
  },
968
- "propToVariantKeys": {
969
- "value": [
970
- "key"
971
- ],
972
- "label": [
973
- "aria-label"
974
- ]
975
- },
1006
+ "propToVariantKeys": {},
1007
+ "motionVarPrefixes": [
1008
+ "--uds-motion-smooth-3-"
1009
+ ]
1010
+ },
1011
+ "AvoidMotionLibraryProvider": {
1012
+ "name": "AvoidMotionLibraryProvider",
1013
+ "defaultProps": {},
1014
+ "getStylesLiterals": {},
1015
+ "cxLiterals": [],
1016
+ "internalComponents": [],
1017
+ "internalComponentProps": {},
1018
+ "propToVariantKeys": {},
976
1019
  "motionVarPrefixes": []
977
1020
  },
978
- "Popover": {
979
- "name": "Popover",
1021
+ "ExperimentalPopover": {
1022
+ "name": "ExperimentalPopover",
980
1023
  "defaultProps": {},
981
1024
  "getStylesLiterals": {},
982
1025
  "cxLiterals": [],
983
1026
  "internalComponents": [
984
1027
  "HStack",
985
1028
  "Text",
986
- "OriginalPopoverHeading"
1029
+ "ExperimentalPopoverHeadingBase"
987
1030
  ],
988
1031
  "internalComponentProps": {
989
1032
  "Text": {
@@ -998,8 +1041,176 @@
998
1041
  "propToVariantKeys": {},
999
1042
  "motionVarPrefixes": []
1000
1043
  },
1001
- "SwitchV2": {
1002
- "name": "SwitchV2",
1044
+ "Modal": {
1045
+ "name": "Modal",
1046
+ "defaultProps": {},
1047
+ "getStylesLiterals": {},
1048
+ "cxLiterals": [
1049
+ "inset-8",
1050
+ "top-[250px]",
1051
+ "z-50",
1052
+ "mx-auto",
1053
+ "h-fit",
1054
+ "w-[600px]",
1055
+ "origin-center",
1056
+ "scale-95",
1057
+ "opacity-0",
1058
+ "transition",
1059
+ "duration-150",
1060
+ "data-[enter]:scale-100",
1061
+ "data-[enter]:opacity-100",
1062
+ "data-[enter]:bg-primary",
1063
+ "backdrop-blur-0",
1064
+ "data-[enter]:opacity-60",
1065
+ "data-[enter]:backdrop-blur-sm"
1066
+ ],
1067
+ "internalComponents": [
1068
+ "IconButton",
1069
+ "Dialog",
1070
+ "HStack",
1071
+ "Text",
1072
+ "VStack"
1073
+ ],
1074
+ "internalComponentProps": {
1075
+ "IconButton": {
1076
+ "aria-label": [
1077
+ "Close"
1078
+ ],
1079
+ "size": [
1080
+ "sm"
1081
+ ],
1082
+ "variant": [
1083
+ "tertiary"
1084
+ ]
1085
+ },
1086
+ "HStack": {
1087
+ "alignItems": [
1088
+ "center"
1089
+ ],
1090
+ "justifyContent": [
1091
+ "space-between"
1092
+ ]
1093
+ },
1094
+ "Text": {
1095
+ "variant": [
1096
+ "headline1"
1097
+ ],
1098
+ "color": [
1099
+ "primary"
1100
+ ]
1101
+ },
1102
+ "VStack": {
1103
+ "borderRadius": [
1104
+ "md"
1105
+ ],
1106
+ "position": [
1107
+ "fixed"
1108
+ ],
1109
+ "backgroundColor": [
1110
+ "primary"
1111
+ ],
1112
+ "dropShadow": [
1113
+ "md"
1114
+ ],
1115
+ "spacing": [
1116
+ "8"
1117
+ ],
1118
+ "overflow": [
1119
+ "hidden"
1120
+ ]
1121
+ }
1122
+ },
1123
+ "propToVariantKeys": {
1124
+ "handleClose": [
1125
+ "onClick"
1126
+ ]
1127
+ },
1128
+ "motionVarPrefixes": []
1129
+ },
1130
+ "SegmentedControl": {
1131
+ "name": "SegmentedControl",
1132
+ "defaultProps": {},
1133
+ "getStylesLiterals": {
1134
+ "display": "flex",
1135
+ "alignItems": "center",
1136
+ "backgroundColor": "primary",
1137
+ "spacingVertical": "1",
1138
+ "spacingHorizontal": "3",
1139
+ "columnGap": "1.5",
1140
+ "borderWidth": "thin",
1141
+ "borderRadius": "full",
1142
+ "borderColor": "muted",
1143
+ "borderColor:1": "transparent",
1144
+ "color": "primary",
1145
+ "color:1": "tertiary",
1146
+ "color:2": "muted"
1147
+ },
1148
+ "cxLiterals": [
1149
+ "uds-ring",
1150
+ "cursor-not-allowed",
1151
+ "opacity-50",
1152
+ "pointer-events-none",
1153
+ "hover:bg-primary"
1154
+ ],
1155
+ "internalComponents": [
1156
+ "Radio",
1157
+ "Icon",
1158
+ "RadioProvider",
1159
+ "HStack",
1160
+ "RadioGroup",
1161
+ "Pressable",
1162
+ "Text"
1163
+ ],
1164
+ "internalComponentProps": {
1165
+ "Icon": {
1166
+ "size": [
1167
+ "sm"
1168
+ ],
1169
+ "color": [
1170
+ "current"
1171
+ ],
1172
+ "aria-hidden": [
1173
+ "true"
1174
+ ]
1175
+ },
1176
+ "HStack": {
1177
+ "spacing": [
1178
+ "1"
1179
+ ],
1180
+ "gap": [
1181
+ "1"
1182
+ ],
1183
+ "backgroundColor": [
1184
+ "secondary"
1185
+ ],
1186
+ "borderRadius": [
1187
+ "full"
1188
+ ],
1189
+ "display": [
1190
+ "inline-flex"
1191
+ ]
1192
+ },
1193
+ "Text": {
1194
+ "variant": [
1195
+ "label2"
1196
+ ],
1197
+ "color": [
1198
+ "current"
1199
+ ]
1200
+ }
1201
+ },
1202
+ "propToVariantKeys": {
1203
+ "value": [
1204
+ "key"
1205
+ ],
1206
+ "label": [
1207
+ "aria-label"
1208
+ ]
1209
+ },
1210
+ "motionVarPrefixes": []
1211
+ },
1212
+ "SwitchV2": {
1213
+ "name": "SwitchV2",
1003
1214
  "defaultProps": {
1004
1215
  "labelPosition": "start",
1005
1216
  "size": "md"
@@ -1185,176 +1396,46 @@
1185
1396
  "propToVariantKeys": {},
1186
1397
  "motionVarPrefixes": []
1187
1398
  },
1188
- "Modal": {
1189
- "name": "Modal",
1399
+ "Avatar": {
1400
+ "name": "Avatar",
1190
1401
  "defaultProps": {},
1191
1402
  "getStylesLiterals": {},
1192
- "cxLiterals": [
1193
- "inset-8",
1194
- "top-[250px]",
1195
- "z-50",
1196
- "mx-auto",
1197
- "h-fit",
1198
- "w-[600px]",
1199
- "origin-center",
1200
- "scale-95",
1201
- "opacity-0",
1202
- "transition",
1203
- "duration-150",
1204
- "data-[enter]:scale-100",
1205
- "data-[enter]:opacity-100",
1206
- "data-[enter]:bg-primary",
1207
- "backdrop-blur-0",
1208
- "data-[enter]:opacity-60",
1209
- "data-[enter]:backdrop-blur-sm"
1210
- ],
1403
+ "cxLiterals": [],
1211
1404
  "internalComponents": [
1212
- "IconButton",
1213
- "Dialog",
1214
- "HStack",
1215
- "Text",
1216
- "VStack"
1405
+ "AvatarImage"
1217
1406
  ],
1218
- "internalComponentProps": {
1219
- "IconButton": {
1220
- "aria-label": [
1221
- "Close"
1222
- ],
1223
- "size": [
1224
- "sm"
1225
- ],
1226
- "variant": [
1227
- "tertiary"
1228
- ]
1229
- },
1230
- "HStack": {
1231
- "alignItems": [
1232
- "center"
1233
- ],
1234
- "justifyContent": [
1235
- "space-between"
1236
- ]
1237
- },
1238
- "Text": {
1239
- "variant": [
1240
- "headline1"
1241
- ],
1242
- "color": [
1243
- "primary"
1244
- ]
1245
- },
1246
- "VStack": {
1247
- "borderRadius": [
1248
- "md"
1249
- ],
1250
- "position": [
1251
- "fixed"
1252
- ],
1253
- "backgroundColor": [
1254
- "primary"
1255
- ],
1256
- "dropShadow": [
1257
- "md"
1258
- ],
1259
- "spacing": [
1260
- "8"
1261
- ],
1262
- "overflow": [
1263
- "hidden"
1264
- ]
1265
- }
1266
- },
1267
- "propToVariantKeys": {
1268
- "handleClose": [
1269
- "onClick"
1270
- ]
1271
- },
1407
+ "internalComponentProps": {},
1408
+ "propToVariantKeys": {},
1272
1409
  "motionVarPrefixes": []
1273
1410
  },
1274
- "Accordion": {
1275
- "name": "Accordion",
1411
+ "AvatarIcon": {
1412
+ "name": "AvatarIcon",
1276
1413
  "defaultProps": {
1277
- "spacingHorizontal": "4",
1278
- "spacingVertical": "4"
1414
+ "size": "md",
1415
+ "variant": "primary"
1279
1416
  },
1280
1417
  "getStylesLiterals": {},
1281
1418
  "cxLiterals": [
1282
- "hover:bg-secondary/80",
1283
- "w-full"
1419
+ "overflow-hidden",
1420
+ "w-full",
1421
+ "h-full",
1422
+ "shrink-0",
1423
+ "text-center",
1424
+ "inline-flex",
1425
+ "justify-center",
1426
+ "items-center"
1284
1427
  ],
1285
1428
  "internalComponents": [
1286
- "Icon",
1287
- "SpringMotionConfig",
1288
- "Pressable",
1289
- "Text",
1290
- "HStack",
1291
- "AnimatePresence",
1292
- "VStack"
1429
+ "IconSlot",
1430
+ "Box"
1293
1431
  ],
1294
- "internalComponentProps": {
1295
- "Icon": {
1296
- "variant": [
1297
- "fill"
1298
- ],
1299
- "size": [
1300
- "sm"
1301
- ],
1302
- "color": [
1303
- "primary"
1304
- ]
1305
- },
1306
- "SpringMotionConfig": {
1307
- "layoutVariant": [
1308
- "smooth"
1309
- ],
1310
- "layoutSpeed": [
1311
- "3"
1312
- ]
1313
- },
1314
- "Pressable": {
1315
- "display": [
1316
- "flex"
1317
- ],
1318
- "flexDirection": [
1319
- "row"
1320
- ],
1321
- "alignItems": [
1322
- "center"
1323
- ],
1324
- "justifyContent": [
1325
- "space-between"
1326
- ],
1327
- "borderRadius": [
1328
- "md"
1329
- ]
1330
- },
1331
- "Text": {
1332
- "variant": [
1333
- "title4"
1334
- ],
1335
- "color": [
1336
- "primary"
1337
- ]
1338
- },
1339
- "HStack": {
1340
- "display": [
1341
- "flex"
1342
- ],
1343
- "alignItems": [
1344
- "center"
1345
- ],
1346
- "justifyContent": [
1347
- "space-between"
1348
- ],
1349
- "columnGap": [
1350
- "2.5"
1351
- ]
1352
- }
1432
+ "internalComponentProps": {},
1433
+ "propToVariantKeys": {
1434
+ "size": [
1435
+ "avatarSizeIcon"
1436
+ ]
1353
1437
  },
1354
- "propToVariantKeys": {},
1355
- "motionVarPrefixes": [
1356
- "--uds-motion-smooth-3-"
1357
- ]
1438
+ "motionVarPrefixes": []
1358
1439
  },
1359
1440
  "AvatarImage": {
1360
1441
  "name": "AvatarImage",
@@ -1426,43 +1507,59 @@
1426
1507
  "propToVariantKeys": {},
1427
1508
  "motionVarPrefixes": []
1428
1509
  },
1429
- "Avatar": {
1430
- "name": "Avatar",
1431
- "defaultProps": {},
1432
- "getStylesLiterals": {},
1433
- "cxLiterals": [],
1434
- "internalComponents": [
1435
- "AvatarImage"
1436
- ],
1437
- "internalComponentProps": {},
1438
- "propToVariantKeys": {},
1439
- "motionVarPrefixes": []
1440
- },
1441
- "AvatarIcon": {
1442
- "name": "AvatarIcon",
1510
+ "BottomSheet": {
1511
+ "name": "BottomSheet",
1443
1512
  "defaultProps": {
1444
- "size": "md",
1445
- "variant": "primary"
1513
+ "variant": "default"
1446
1514
  },
1447
1515
  "getStylesLiterals": {},
1448
1516
  "cxLiterals": [
1517
+ "fixed",
1449
1518
  "overflow-hidden",
1450
- "w-full",
1451
- "h-full",
1452
- "shrink-0",
1453
- "text-center",
1454
- "inline-flex",
1455
- "justify-center",
1456
- "items-center"
1519
+ "inset-x-0",
1520
+ "bottom-0",
1521
+ "z-50",
1522
+ "[will-change:transform]",
1523
+ "touch-none",
1524
+ "[transform:translate3d(0,var(--uds-bottomsheet-hidden-translate),0)]",
1525
+ "data-[enter]:[transform:translate3d(0,var(--uds-bottomsheet-visible-translate),0)]",
1526
+ "transition-transform",
1527
+ "duration-500",
1528
+ "ease-[cubic-bezier(0.32,0.72,0,1)]",
1529
+ "motion-reduce:transition-none",
1530
+ "top-[-4px]",
1531
+ "z-[1]",
1532
+ "touch-pan-y"
1457
1533
  ],
1458
1534
  "internalComponents": [
1459
- "IconSlot",
1535
+ "Scrim",
1536
+ "BottomSheetHandle",
1537
+ "Dialog",
1460
1538
  "Box"
1461
1539
  ],
1462
- "internalComponentProps": {},
1540
+ "internalComponentProps": {
1541
+ "BottomSheetHandle": {
1542
+ "ariaLabel": [
1543
+ "Resize sheet"
1544
+ ]
1545
+ },
1546
+ "Dialog": {
1547
+ "data-testid": [
1548
+ "bottom-sheet"
1549
+ ]
1550
+ },
1551
+ "Box": {
1552
+ "display": [
1553
+ "block"
1554
+ ],
1555
+ "position": [
1556
+ "absolute"
1557
+ ]
1558
+ }
1559
+ },
1463
1560
  "propToVariantKeys": {
1464
- "size": [
1465
- "avatarSizeIcon"
1561
+ "variant": [
1562
+ "bottomsheetVariantRoot"
1466
1563
  ]
1467
1564
  },
1468
1565
  "motionVarPrefixes": []
@@ -1512,63 +1609,6 @@
1512
1609
  "propToVariantKeys": {},
1513
1610
  "motionVarPrefixes": []
1514
1611
  },
1515
- "BottomSheet": {
1516
- "name": "BottomSheet",
1517
- "defaultProps": {
1518
- "variant": "default"
1519
- },
1520
- "getStylesLiterals": {},
1521
- "cxLiterals": [
1522
- "fixed",
1523
- "overflow-hidden",
1524
- "inset-x-0",
1525
- "bottom-0",
1526
- "z-50",
1527
- "[will-change:transform]",
1528
- "touch-none",
1529
- "[transform:translate3d(0,var(--uds-bottomsheet-hidden-translate),0)]",
1530
- "data-[enter]:[transform:translate3d(0,var(--uds-bottomsheet-visible-translate),0)]",
1531
- "transition-transform",
1532
- "duration-500",
1533
- "ease-[cubic-bezier(0.32,0.72,0,1)]",
1534
- "motion-reduce:transition-none",
1535
- "top-[-4px]",
1536
- "z-[1]",
1537
- "touch-pan-y"
1538
- ],
1539
- "internalComponents": [
1540
- "Scrim",
1541
- "BottomSheetHandle",
1542
- "Dialog",
1543
- "Box"
1544
- ],
1545
- "internalComponentProps": {
1546
- "BottomSheetHandle": {
1547
- "ariaLabel": [
1548
- "Resize sheet"
1549
- ]
1550
- },
1551
- "Dialog": {
1552
- "data-testid": [
1553
- "bottom-sheet"
1554
- ]
1555
- },
1556
- "Box": {
1557
- "display": [
1558
- "block"
1559
- ],
1560
- "position": [
1561
- "absolute"
1562
- ]
1563
- }
1564
- },
1565
- "propToVariantKeys": {
1566
- "variant": [
1567
- "bottomsheetVariantRoot"
1568
- ]
1569
- },
1570
- "motionVarPrefixes": []
1571
- },
1572
1612
  "BottomSheetHandle": {
1573
1613
  "name": "BottomSheetHandle",
1574
1614
  "defaultProps": {},
@@ -1660,25 +1700,25 @@
1660
1700
  },
1661
1701
  "motionVarPrefixes": []
1662
1702
  },
1663
- "BottomSheetTrigger": {
1664
- "name": "BottomSheetTrigger",
1703
+ "BottomSheetProvider": {
1704
+ "name": "BottomSheetProvider",
1665
1705
  "defaultProps": {},
1666
1706
  "getStylesLiterals": {},
1667
1707
  "cxLiterals": [],
1668
1708
  "internalComponents": [
1669
- "AriakitDialogDisclosure"
1709
+ "AriakitDialogProvider"
1670
1710
  ],
1671
1711
  "internalComponentProps": {},
1672
1712
  "propToVariantKeys": {},
1673
1713
  "motionVarPrefixes": []
1674
1714
  },
1675
- "BottomSheetProvider": {
1676
- "name": "BottomSheetProvider",
1715
+ "BottomSheetTrigger": {
1716
+ "name": "BottomSheetTrigger",
1677
1717
  "defaultProps": {},
1678
1718
  "getStylesLiterals": {},
1679
1719
  "cxLiterals": [],
1680
1720
  "internalComponents": [
1681
- "AriakitDialogProvider"
1721
+ "AriakitDialogDisclosure"
1682
1722
  ],
1683
1723
  "internalComponentProps": {},
1684
1724
  "propToVariantKeys": {},
@@ -1696,238 +1736,187 @@
1696
1736
  "propToVariantKeys": {},
1697
1737
  "motionVarPrefixes": []
1698
1738
  },
1699
- "UDSToastConfigProvider": {
1700
- "name": "UDSToastConfigProvider",
1739
+ "Chip": {
1740
+ "name": "Chip",
1701
1741
  "defaultProps": {},
1702
1742
  "getStylesLiterals": {},
1703
1743
  "cxLiterals": [],
1704
1744
  "internalComponents": [
1705
- "ToastContext.Provider"
1745
+ "ChipDismissible",
1746
+ "ChipToggle",
1747
+ "ChipLink",
1748
+ "ChipButton"
1706
1749
  ],
1707
1750
  "internalComponentProps": {},
1708
1751
  "propToVariantKeys": {},
1709
1752
  "motionVarPrefixes": []
1710
1753
  },
1711
- "Toast": {
1712
- "name": "Toast",
1713
- "defaultProps": {},
1714
- "getStylesLiterals": {
1715
- "className": "flex-none",
1716
- "spacing": "2",
1717
- "borderRadius": "full"
1754
+ "ChipBase": {
1755
+ "name": "ChipBase",
1756
+ "defaultProps": {
1757
+ "size": "md",
1758
+ "as": "div"
1718
1759
  },
1760
+ "getStylesLiterals": {},
1719
1761
  "cxLiterals": [
1720
- "transition-[background-color]",
1721
- "bg-carbon-15/0",
1722
- "hover:bg-carbon-15/10",
1723
- "active:bg-carbon-15/15",
1724
- "uds-ring"
1762
+ "pointer-events-none",
1763
+ "cursor-default",
1764
+ "opacity-50",
1765
+ "inline-flex",
1766
+ "items-center",
1767
+ "transition-[background-color,outline-color,box-shadow]",
1768
+ "truncate",
1769
+ "whitespace-nowrap",
1770
+ "text-center",
1771
+ "flex-1"
1725
1772
  ],
1726
1773
  "internalComponents": [
1727
1774
  "IconSlot",
1728
- "ToastContainer",
1729
- "Text",
1730
- "Button",
1731
- "Pressable"
1775
+ "HStack",
1776
+ "As",
1777
+ "Text"
1732
1778
  ],
1733
- "internalComponentProps": {},
1779
+ "internalComponentProps": {
1780
+ "Text": {
1781
+ "as": [
1782
+ "span"
1783
+ ],
1784
+ "color": [
1785
+ "current"
1786
+ ],
1787
+ "variant": [
1788
+ "inherit"
1789
+ ]
1790
+ }
1791
+ },
1734
1792
  "propToVariantKeys": {
1735
1793
  "size": [
1736
- "toastSizeLabel",
1737
- "toastSizeIcon",
1738
- "toastSizeActionButton",
1739
- "toastSizeCloseIcon"
1740
- ],
1741
- "variant": [
1742
- "toastVariantIcon",
1743
- "toastVariantActionButton",
1744
- "toastVariantCloseIcon"
1794
+ "chipSizeRoot",
1795
+ "chipSizeIcon"
1745
1796
  ],
1746
- "closeIcon": [
1797
+ "startIcon": [
1747
1798
  "icon"
1748
1799
  ],
1749
- "onClickActionButton": [
1750
- "onClick"
1800
+ "endIcon": [
1801
+ "icon"
1751
1802
  ]
1752
1803
  },
1753
1804
  "motionVarPrefixes": []
1754
1805
  },
1755
- "ToastContainer": {
1756
- "name": "ToastContainer",
1757
- "defaultProps": {},
1758
- "getStylesLiterals": {
1759
- "position": "relative",
1760
- "alignItems": "center",
1761
- "display": "flex",
1762
- "className": "box-border touch-none z-0 w-full break-words mb-2 last:mb-0"
1806
+ "ChipButton": {
1807
+ "name": "ChipButton",
1808
+ "defaultProps": {
1809
+ "variant": "primary"
1763
1810
  },
1811
+ "getStylesLiterals": {},
1764
1812
  "cxLiterals": [
1765
- "w-full"
1813
+ "uds-ring"
1766
1814
  ],
1767
1815
  "internalComponents": [
1768
- "HStack"
1816
+ "ChipBase"
1769
1817
  ],
1770
1818
  "internalComponentProps": {
1771
- "HStack": {
1772
- "alignItems": [
1773
- "center"
1774
- ],
1775
- "justifyContent": [
1776
- "space-between"
1777
- ],
1778
- "overflow": [
1779
- "hidden"
1780
- ],
1781
- "position": [
1782
- "relative"
1819
+ "ChipBase": {
1820
+ "as": [
1821
+ "button"
1783
1822
  ]
1784
1823
  }
1785
1824
  },
1786
1825
  "propToVariantKeys": {
1787
1826
  "variant": [
1788
- "toastVariantRoot"
1789
- ],
1790
- "size": [
1791
- "toastSizeRoot"
1827
+ "chipLinkVariantRoot",
1828
+ "chipLinkVariantIcon"
1792
1829
  ]
1793
1830
  },
1794
1831
  "motionVarPrefixes": []
1795
1832
  },
1796
- "ToastPortal": {
1797
- "name": "ToastPortal",
1798
- "defaultProps": {},
1833
+ "ChipDismissible": {
1834
+ "name": "ChipDismissible",
1835
+ "defaultProps": {
1836
+ "variant": "primary"
1837
+ },
1799
1838
  "getStylesLiterals": {},
1800
- "cxLiterals": [],
1801
- "internalComponents": [
1802
- "ReactToastifyToastContainer"
1839
+ "cxLiterals": [
1840
+ "uds-chip-dismissible-button",
1841
+ "uds-hit-target",
1842
+ "uds-ring",
1843
+ "rounded-full"
1803
1844
  ],
1804
- "internalComponentProps": {},
1805
- "propToVariantKeys": {},
1806
- "motionVarPrefixes": []
1807
- },
1808
- "UDSTooltipConfigProvider": {
1809
- "name": "UDSTooltipConfigProvider",
1810
- "defaultProps": {},
1811
- "getStylesLiterals": {},
1812
- "cxLiterals": [],
1813
1845
  "internalComponents": [
1814
- "TooltipContext.Provider"
1846
+ "ChipBase",
1847
+ "IconSlot",
1848
+ "Pressable"
1815
1849
  ],
1816
1850
  "internalComponentProps": {},
1817
- "propToVariantKeys": {},
1851
+ "propToVariantKeys": {
1852
+ "variant": [
1853
+ "chipDismissibleVariantRoot",
1854
+ "chipDismissibleVariantIcon"
1855
+ ],
1856
+ "dismissButtonAriaLabel": [
1857
+ "aria-label"
1858
+ ]
1859
+ },
1818
1860
  "motionVarPrefixes": []
1819
1861
  },
1820
- "TooltipTrigger": {
1821
- "name": "TooltipTrigger",
1822
- "defaultProps": {},
1862
+ "ChipLink": {
1863
+ "name": "ChipLink",
1864
+ "defaultProps": {
1865
+ "variant": "primary"
1866
+ },
1823
1867
  "getStylesLiterals": {},
1824
- "cxLiterals": [],
1868
+ "cxLiterals": [
1869
+ "uds-ring"
1870
+ ],
1825
1871
  "internalComponents": [
1826
- "TooltipAnchor"
1872
+ "ChipBase"
1827
1873
  ],
1828
1874
  "internalComponentProps": {
1829
- "TooltipAnchor": {
1830
- "className": [
1831
- "inline"
1875
+ "ChipBase": {
1876
+ "as": [
1877
+ "a"
1832
1878
  ]
1833
1879
  }
1834
1880
  },
1835
1881
  "propToVariantKeys": {
1836
- "children": [
1837
- "render"
1882
+ "variant": [
1883
+ "chipLinkVariantRoot",
1884
+ "chipLinkVariantIcon"
1838
1885
  ]
1839
1886
  },
1840
1887
  "motionVarPrefixes": []
1841
1888
  },
1842
- "TooltipContent": {
1843
- "name": "TooltipContent",
1844
- "defaultProps": {},
1889
+ "ChipToggle": {
1890
+ "name": "ChipToggle",
1891
+ "defaultProps": {
1892
+ "variant": "primary",
1893
+ "role": "checkbox"
1894
+ },
1845
1895
  "getStylesLiterals": {
1846
- "tooltipSizeRoot": "default",
1847
- "tooltipVariantRoot": "default",
1848
- "tooltipSizeSvg": "default",
1849
- "tooltipVariantSvg": "default",
1850
- "tooltipVariantBlur": "default",
1851
- "position": "absolute",
1852
- "width": "full",
1853
- "height": "full",
1854
- "tooltipSizeTitle": "default",
1855
- "tooltipSizeBody": "default",
1856
- "tooltipSizeEndContent": "default",
1857
- "tooltipSizeIcon": "default",
1858
- "tooltipVariantIcon": "default"
1896
+ "chipToggleVariantActiveRoot": "on",
1897
+ "chipToggleVariantActiveRoot:1": "off"
1859
1898
  },
1860
1899
  "cxLiterals": [
1861
- "flex",
1862
- "z-[9999]",
1863
- "stroke-1",
1864
- "uds-bgBlurFillFallback",
1865
- "uds-bgBlurFallback",
1866
- "top-0",
1867
- "left-0",
1868
- "z-[1]",
1869
- "transition-opacity",
1870
- "ease-in-out",
1871
- "absolute",
1872
- "w-full",
1873
- "h-full",
1874
- "overflow-visible",
1875
- "pointer-events-none",
1876
- "z-[2]"
1900
+ "uds-ring"
1877
1901
  ],
1878
1902
  "internalComponents": [
1879
- "Box",
1880
- "IconSlot",
1881
- "TooltipArrow",
1882
- "Tooltip",
1883
- "Fragment",
1884
- "Text"
1903
+ "ChipBase"
1885
1904
  ],
1886
1905
  "internalComponentProps": {
1887
- "Box": {
1888
- "position": [
1889
- "relative"
1890
- ],
1891
- "flexDirection": [
1892
- "column"
1893
- ],
1894
- "className": [
1895
- "z-[3] gap-[inherit]"
1896
- ],
1897
- "alignItems": [
1898
- "center"
1899
- ],
1900
- "columnGap": [
1901
- "1",
1902
- "1.5"
1903
- ]
1904
- },
1905
- "Text": {
1906
- "color": [
1907
- "inherit"
1906
+ "ChipBase": {
1907
+ "as": [
1908
+ "button"
1908
1909
  ]
1909
1910
  }
1910
1911
  },
1911
1912
  "propToVariantKeys": {
1912
- "startTitleIcon": [
1913
- "icon"
1913
+ "variant": [
1914
+ "chipToggleVariantRoot",
1915
+ "chipToggleVariantIcon"
1914
1916
  ]
1915
1917
  },
1916
1918
  "motionVarPrefixes": []
1917
1919
  },
1918
- "Tooltip": {
1919
- "name": "Tooltip",
1920
- "defaultProps": {},
1921
- "getStylesLiterals": {},
1922
- "cxLiterals": [],
1923
- "internalComponents": [
1924
- "TooltipInternalContext.Provider",
1925
- "TooltipProvider"
1926
- ],
1927
- "internalComponentProps": {},
1928
- "propToVariantKeys": {},
1929
- "motionVarPrefixes": []
1930
- },
1931
1920
  "Input": {
1932
1921
  "name": "Input",
1933
1922
  "defaultProps": {
@@ -2102,35 +2091,226 @@
2102
2091
  },
2103
2092
  "motionVarPrefixes": []
2104
2093
  },
2105
- "UDSConfigProvider": {
2106
- "name": "UDSConfigProvider",
2107
- "defaultProps": {},
2094
+ "Menu.Content": {
2095
+ "name": "Menu.Content",
2096
+ "defaultProps": {
2097
+ "size": "default",
2098
+ "variant": "default",
2099
+ "gutter": "1"
2100
+ },
2108
2101
  "getStylesLiterals": {},
2109
- "cxLiterals": [],
2110
- "internalComponents": [
2111
- "UDSBreakpointsConfigProvider",
2112
- "UDSBottomSheetConfigProvider",
2113
- "UDSToastConfigProvider",
2114
- "UDSTooltipConfigProvider"
2102
+ "cxLiterals": [
2103
+ "uds-menu-content",
2104
+ "transition-shadow",
2105
+ "duration-200",
2106
+ "ease-in-out",
2107
+ "min-w-60",
2108
+ "max-w-lg",
2109
+ "max-h-96",
2110
+ "overflow-auto",
2111
+ "uds-ring",
2112
+ "z-10",
2113
+ "group"
2114
+ ],
2115
+ "internalComponents": [
2116
+ "AriakitMenu",
2117
+ "AnimatePresence",
2118
+ "MotionVStack"
2115
2119
  ],
2116
2120
  "internalComponentProps": {},
2121
+ "propToVariantKeys": {
2122
+ "size": [
2123
+ "menucontentSizeRoot"
2124
+ ],
2125
+ "variant": [
2126
+ "menucontentVariantRoot"
2127
+ ]
2128
+ },
2129
+ "motionVarPrefixes": []
2130
+ },
2131
+ "Menu.Divider": {
2132
+ "name": "Menu.Divider",
2133
+ "defaultProps": {
2134
+ "role": "separator",
2135
+ "contentPosition": "start",
2136
+ "gap": "4"
2137
+ },
2138
+ "getStylesLiterals": {
2139
+ "menuitemDividerVariantRoot": "default",
2140
+ "menuitemDividerVariantText": "default",
2141
+ "menuitemDividerVariantLine": "default"
2142
+ },
2143
+ "cxLiterals": [],
2144
+ "internalComponents": [
2145
+ "DividerInternal"
2146
+ ],
2147
+ "internalComponentProps": {
2148
+ "DividerInternal": {
2149
+ "variant": [
2150
+ "inherit"
2151
+ ]
2152
+ }
2153
+ },
2117
2154
  "propToVariantKeys": {},
2118
2155
  "motionVarPrefixes": []
2119
2156
  },
2120
- "UDSBreakpointsConfigProvider": {
2121
- "name": "UDSBreakpointsConfigProvider",
2157
+ "Menu.Item": {
2158
+ "name": "Menu.Item",
2159
+ "defaultProps": {},
2160
+ "getStylesLiterals": {
2161
+ "menuitemItemVariantRoot": "default",
2162
+ "menuitemItemVariantActiveRoot": "on",
2163
+ "menuitemItemVariantActiveRoot:1": "off",
2164
+ "menuitemItemVariantText": "default",
2165
+ "menuitemItemVariantActiveText": "on",
2166
+ "menuitemItemVariantActiveText:1": "off",
2167
+ "menuitemItemVariantIcon": "default",
2168
+ "menuitemItemVariantActiveIcon": "on",
2169
+ "menuitemItemVariantActiveIcon:1": "off"
2170
+ },
2171
+ "cxLiterals": [],
2172
+ "internalComponents": [
2173
+ "MenuItemBase"
2174
+ ],
2175
+ "internalComponentProps": {},
2176
+ "propToVariantKeys": {},
2177
+ "motionVarPrefixes": []
2178
+ },
2179
+ "Menu.ItemBase": {
2180
+ "name": "Menu.ItemBase",
2181
+ "defaultProps": {
2182
+ "spacing": "0",
2183
+ "spacingHorizontal": "4",
2184
+ "spacingVertical": "3.5",
2185
+ "columnGap": "2",
2186
+ "alignItems": "center",
2187
+ "justifyContent": "space-between"
2188
+ },
2189
+ "getStylesLiterals": {
2190
+ "textAlign": "start",
2191
+ "menuitemSizeRoot": "default",
2192
+ "flexDirection": "row",
2193
+ "menuitemSizeStartIcon": "default",
2194
+ "menuitemSizeEndIcon": "default"
2195
+ },
2196
+ "cxLiterals": [
2197
+ "flex",
2198
+ "focus-visible:text-brand",
2199
+ "focus-visible:bg-brand-secondary",
2200
+ "focus-visible:z-10",
2201
+ "uds-ring",
2202
+ "!-outline-offset-2",
2203
+ "[&:not([aria-checked])]:cursor-default",
2204
+ "opacity-25",
2205
+ "cursor-not-allowed",
2206
+ "duration-20",
2207
+ "transition-[font-variation-settings]",
2208
+ "ease-in-out",
2209
+ "z-0",
2210
+ "uds-start-icon",
2211
+ "uds-end-icon"
2212
+ ],
2213
+ "internalComponents": [
2214
+ "Pressable",
2215
+ "IconSlot",
2216
+ "RootComponent",
2217
+ "HStack",
2218
+ "AnimatePresence"
2219
+ ],
2220
+ "internalComponentProps": {
2221
+ "HStack": {
2222
+ "alignItems": [
2223
+ "center"
2224
+ ],
2225
+ "width": [
2226
+ "full"
2227
+ ]
2228
+ },
2229
+ "AnimatePresence": {
2230
+ "mode": [
2231
+ "popLayout"
2232
+ ]
2233
+ }
2234
+ },
2235
+ "propToVariantKeys": {
2236
+ "startIcon": [
2237
+ "icon"
2238
+ ],
2239
+ "endIcon": [
2240
+ "icon"
2241
+ ],
2242
+ "columnGap": [
2243
+ "gap"
2244
+ ]
2245
+ },
2246
+ "motionVarPrefixes": []
2247
+ },
2248
+ "Menu.ItemCheckbox": {
2249
+ "name": "Menu.ItemCheckbox",
2250
+ "defaultProps": {},
2251
+ "getStylesLiterals": {
2252
+ "menuitemItemCheckboxVariantRoot": "default",
2253
+ "menuitemItemCheckboxVariantActiveRoot": "on",
2254
+ "menuitemItemCheckboxVariantActiveRoot:1": "off",
2255
+ "menuitemItemCheckboxVariantText": "default",
2256
+ "menuitemItemCheckboxVariantActiveText": "on",
2257
+ "menuitemItemCheckboxVariantActiveText:1": "off",
2258
+ "menuitemItemCheckboxVariantStartIcon": "default",
2259
+ "menuitemItemCheckboxVariantActiveStartIcon": "on",
2260
+ "menuitemItemCheckboxVariantActiveStartIcon:1": "off",
2261
+ "menuitemItemCheckboxVariantEndIcon": "default",
2262
+ "menuitemItemCheckboxVariantActiveEndIcon": "on",
2263
+ "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
2264
+ },
2265
+ "cxLiterals": [
2266
+ "uds-menu-item-checkbox"
2267
+ ],
2268
+ "internalComponents": [
2269
+ "MenuItemBase"
2270
+ ],
2271
+ "internalComponentProps": {},
2272
+ "propToVariantKeys": {},
2273
+ "motionVarPrefixes": []
2274
+ },
2275
+ "Menu.Provider": {
2276
+ "name": "Menu.Provider",
2122
2277
  "defaultProps": {},
2123
2278
  "getStylesLiterals": {},
2124
2279
  "cxLiterals": [],
2125
2280
  "internalComponents": [
2126
- "UDSBreakpointsConfigContext.Provider"
2281
+ "AriakitMenuProvider",
2282
+ "SpringMotionConfig"
2127
2283
  ],
2128
2284
  "internalComponentProps": {},
2129
2285
  "propToVariantKeys": {},
2286
+ "motionVarPrefixes": [
2287
+ "--uds-motion-subtle-3-",
2288
+ "--uds-motion-smooth-3-"
2289
+ ]
2290
+ },
2291
+ "Menu.Trigger": {
2292
+ "name": "Menu.Trigger",
2293
+ "defaultProps": {},
2294
+ "getStylesLiterals": {},
2295
+ "cxLiterals": [
2296
+ "uds-menu-trigger"
2297
+ ],
2298
+ "internalComponents": [
2299
+ "AriakitMenuTrigger",
2300
+ "Box"
2301
+ ],
2302
+ "internalComponentProps": {
2303
+ "Box": {
2304
+ "className": [
2305
+ "uds-ring h-fit w-fit"
2306
+ ]
2307
+ }
2308
+ },
2309
+ "propToVariantKeys": {},
2130
2310
  "motionVarPrefixes": []
2131
2311
  },
2132
- "RadioGroupStore": {
2133
- "name": "RadioGroupStore",
2312
+ "Menu": {
2313
+ "name": "Menu",
2134
2314
  "defaultProps": {},
2135
2315
  "getStylesLiterals": {},
2136
2316
  "cxLiterals": [],
@@ -2139,23 +2319,119 @@
2139
2319
  "propToVariantKeys": {},
2140
2320
  "motionVarPrefixes": []
2141
2321
  },
2142
- "RadioGroupProvider": {
2143
- "name": "RadioGroupProvider",
2322
+ "Popover": {
2323
+ "name": "Popover",
2144
2324
  "defaultProps": {},
2145
2325
  "getStylesLiterals": {},
2146
2326
  "cxLiterals": [],
2147
2327
  "internalComponents": [
2148
- "DivProps",
2149
- "Comp",
2150
- "RadioGroupContext.Provider"
2328
+ "PopoverInternalContext.Provider",
2329
+ "PopoverProvider"
2330
+ ],
2331
+ "internalComponentProps": {},
2332
+ "propToVariantKeys": {},
2333
+ "motionVarPrefixes": []
2334
+ },
2335
+ "PopoverContent": {
2336
+ "name": "PopoverContent",
2337
+ "defaultProps": {},
2338
+ "getStylesLiterals": {
2339
+ "popoverSizeRoot": "default",
2340
+ "popoverVariantRoot": "default",
2341
+ "display": "flex",
2342
+ "position": "absolute",
2343
+ "spacingTop": "0",
2344
+ "spacingStart": "0",
2345
+ "spacingBottom": "0",
2346
+ "spacingEnd": "0",
2347
+ "popoverSizeSvgBase": "default",
2348
+ "popoverVariantSvgBase": "default",
2349
+ "popoverSizeSvgBorder": "default",
2350
+ "popoverVariantSvgBorder": "default",
2351
+ "popoverVariantBlur": "default",
2352
+ "width": "full",
2353
+ "height": "full",
2354
+ "flexShrink": "0",
2355
+ "borderRadius": "full",
2356
+ "alignItems": "center",
2357
+ "justifyContent": "center",
2358
+ "popoverVariantCloseIcon": "default",
2359
+ "popoverSizeCloseIcon": "default"
2360
+ },
2361
+ "cxLiterals": [
2362
+ "z-[9999]",
2363
+ "outline-none",
2364
+ "focus-visible:outline-none",
2365
+ "uds-bgBlurFillFallback",
2366
+ "uds-bgBlurFallback",
2367
+ "top-0",
2368
+ "left-0",
2369
+ "z-[1]",
2370
+ "transition-[background-color]",
2371
+ "bg-carbon-15/0",
2372
+ "hover:bg-carbon-15/10",
2373
+ "active:bg-carbon-15/15",
2374
+ "absolute",
2375
+ "z-[4]"
2376
+ ],
2377
+ "internalComponents": [
2378
+ "PopoverDismiss",
2379
+ "IconSlot",
2380
+ "PopoverArrow",
2381
+ "Popover",
2382
+ "SvgFloatingOverlay",
2383
+ "Box",
2384
+ "Pressable"
2385
+ ],
2386
+ "internalComponentProps": {},
2387
+ "propToVariantKeys": {
2388
+ "closeIcon": [
2389
+ "icon"
2390
+ ]
2391
+ },
2392
+ "motionVarPrefixes": []
2393
+ },
2394
+ "PopoverContext": {
2395
+ "name": "PopoverContext",
2396
+ "defaultProps": {},
2397
+ "getStylesLiterals": {},
2398
+ "cxLiterals": [],
2399
+ "internalComponents": [],
2400
+ "internalComponentProps": {},
2401
+ "propToVariantKeys": {},
2402
+ "motionVarPrefixes": []
2403
+ },
2404
+ "PopoverTrigger": {
2405
+ "name": "PopoverTrigger",
2406
+ "defaultProps": {},
2407
+ "getStylesLiterals": {},
2408
+ "cxLiterals": [],
2409
+ "internalComponents": [
2410
+ "PopoverDisclosure"
2151
2411
  ],
2152
2412
  "internalComponentProps": {
2153
- "Comp": {
2154
- "role": [
2155
- "radiogroup"
2413
+ "PopoverDisclosure": {
2414
+ "className": [
2415
+ "inline"
2156
2416
  ]
2157
2417
  }
2158
2418
  },
2419
+ "propToVariantKeys": {
2420
+ "children": [
2421
+ "render"
2422
+ ]
2423
+ },
2424
+ "motionVarPrefixes": []
2425
+ },
2426
+ "UDSPopoverConfigProvider": {
2427
+ "name": "UDSPopoverConfigProvider",
2428
+ "defaultProps": {},
2429
+ "getStylesLiterals": {},
2430
+ "cxLiterals": [],
2431
+ "internalComponents": [
2432
+ "PopoverContext.Provider"
2433
+ ],
2434
+ "internalComponentProps": {},
2159
2435
  "propToVariantKeys": {},
2160
2436
  "motionVarPrefixes": []
2161
2437
  },
@@ -2271,410 +2547,275 @@
2271
2547
  "--uds-motion-smooth-3-"
2272
2548
  ]
2273
2549
  },
2274
- "ChipLink": {
2275
- "name": "ChipLink",
2276
- "defaultProps": {
2277
- "variant": "primary"
2278
- },
2279
- "getStylesLiterals": {},
2280
- "cxLiterals": [
2281
- "uds-ring"
2282
- ],
2283
- "internalComponents": [
2284
- "ChipBase"
2285
- ],
2286
- "internalComponentProps": {
2287
- "ChipBase": {
2288
- "as": [
2289
- "a"
2290
- ]
2291
- }
2292
- },
2293
- "propToVariantKeys": {
2294
- "variant": [
2295
- "chipLinkVariantRoot",
2296
- "chipLinkVariantIcon"
2297
- ]
2298
- },
2299
- "motionVarPrefixes": []
2300
- },
2301
- "ChipDismissible": {
2302
- "name": "ChipDismissible",
2303
- "defaultProps": {
2304
- "variant": "primary"
2305
- },
2550
+ "RadioGroupProvider": {
2551
+ "name": "RadioGroupProvider",
2552
+ "defaultProps": {},
2306
2553
  "getStylesLiterals": {},
2307
- "cxLiterals": [
2308
- "uds-chip-dismissible-button",
2309
- "uds-hit-target",
2310
- "uds-ring",
2311
- "rounded-full"
2312
- ],
2313
- "internalComponents": [
2314
- "ChipBase",
2315
- "IconSlot",
2316
- "Pressable"
2317
- ],
2318
- "internalComponentProps": {},
2319
- "propToVariantKeys": {
2320
- "variant": [
2321
- "chipDismissibleVariantRoot",
2322
- "chipDismissibleVariantIcon"
2323
- ],
2324
- "dismissButtonAriaLabel": [
2325
- "aria-label"
2326
- ]
2327
- },
2328
- "motionVarPrefixes": []
2329
- },
2330
- "ChipToggle": {
2331
- "name": "ChipToggle",
2332
- "defaultProps": {
2333
- "variant": "primary",
2334
- "role": "checkbox"
2335
- },
2336
- "getStylesLiterals": {
2337
- "chipToggleVariantActiveRoot": "on",
2338
- "chipToggleVariantActiveRoot:1": "off"
2339
- },
2340
- "cxLiterals": [
2341
- "uds-ring"
2342
- ],
2554
+ "cxLiterals": [],
2343
2555
  "internalComponents": [
2344
- "ChipBase"
2556
+ "DivProps",
2557
+ "Comp",
2558
+ "RadioGroupContext.Provider"
2345
2559
  ],
2346
2560
  "internalComponentProps": {
2347
- "ChipBase": {
2348
- "as": [
2349
- "button"
2561
+ "Comp": {
2562
+ "role": [
2563
+ "radiogroup"
2350
2564
  ]
2351
2565
  }
2352
2566
  },
2353
- "propToVariantKeys": {
2354
- "variant": [
2355
- "chipToggleVariantRoot",
2356
- "chipToggleVariantIcon"
2357
- ]
2358
- },
2567
+ "propToVariantKeys": {},
2359
2568
  "motionVarPrefixes": []
2360
2569
  },
2361
- "Chip": {
2362
- "name": "Chip",
2570
+ "RadioGroupStore": {
2571
+ "name": "RadioGroupStore",
2363
2572
  "defaultProps": {},
2364
2573
  "getStylesLiterals": {},
2365
2574
  "cxLiterals": [],
2366
- "internalComponents": [
2367
- "ChipDismissible",
2368
- "ChipToggle",
2369
- "ChipLink",
2370
- "ChipButton"
2371
- ],
2575
+ "internalComponents": [],
2372
2576
  "internalComponentProps": {},
2373
2577
  "propToVariantKeys": {},
2374
2578
  "motionVarPrefixes": []
2375
2579
  },
2376
- "ChipBase": {
2377
- "name": "ChipBase",
2378
- "defaultProps": {
2379
- "size": "md",
2380
- "as": "div"
2580
+ "Toast": {
2581
+ "name": "Toast",
2582
+ "defaultProps": {},
2583
+ "getStylesLiterals": {
2584
+ "className": "flex-none",
2585
+ "spacing": "2",
2586
+ "borderRadius": "full"
2381
2587
  },
2382
- "getStylesLiterals": {},
2383
2588
  "cxLiterals": [
2384
- "pointer-events-none",
2385
- "cursor-default",
2386
- "opacity-50",
2387
- "inline-flex",
2388
- "items-center",
2389
- "transition-[background-color,outline-color,box-shadow]",
2390
- "truncate",
2391
- "whitespace-nowrap",
2392
- "text-center",
2393
- "flex-1"
2589
+ "transition-[background-color]",
2590
+ "bg-carbon-15/0",
2591
+ "hover:bg-carbon-15/10",
2592
+ "active:bg-carbon-15/15",
2593
+ "uds-ring"
2394
2594
  ],
2395
2595
  "internalComponents": [
2396
2596
  "IconSlot",
2397
- "HStack",
2398
- "As",
2399
- "Text"
2597
+ "ToastContainer",
2598
+ "Text",
2599
+ "Button",
2600
+ "Pressable"
2400
2601
  ],
2401
- "internalComponentProps": {
2402
- "Text": {
2403
- "as": [
2404
- "span"
2405
- ],
2406
- "color": [
2407
- "current"
2408
- ],
2409
- "variant": [
2410
- "inherit"
2411
- ]
2412
- }
2413
- },
2602
+ "internalComponentProps": {},
2414
2603
  "propToVariantKeys": {
2415
2604
  "size": [
2416
- "chipSizeRoot",
2417
- "chipSizeIcon"
2605
+ "toastSizeLabel",
2606
+ "toastSizeIcon",
2607
+ "toastSizeActionButton",
2608
+ "toastSizeCloseIcon"
2418
2609
  ],
2419
- "startIcon": [
2420
- "icon"
2610
+ "variant": [
2611
+ "toastVariantIcon",
2612
+ "toastVariantActionButton",
2613
+ "toastVariantCloseIcon"
2421
2614
  ],
2422
- "endIcon": [
2615
+ "closeIcon": [
2423
2616
  "icon"
2617
+ ],
2618
+ "onClickActionButton": [
2619
+ "onClick"
2424
2620
  ]
2425
2621
  },
2426
2622
  "motionVarPrefixes": []
2427
2623
  },
2428
- "ChipButton": {
2429
- "name": "ChipButton",
2430
- "defaultProps": {
2431
- "variant": "primary"
2624
+ "ToastContainer": {
2625
+ "name": "ToastContainer",
2626
+ "defaultProps": {},
2627
+ "getStylesLiterals": {
2628
+ "position": "relative",
2629
+ "alignItems": "center",
2630
+ "display": "flex",
2631
+ "className": "box-border touch-none z-0 w-full break-words mb-2 last:mb-0"
2432
2632
  },
2433
- "getStylesLiterals": {},
2434
2633
  "cxLiterals": [
2435
- "uds-ring"
2634
+ "w-full"
2436
2635
  ],
2437
2636
  "internalComponents": [
2438
- "ChipBase"
2637
+ "HStack"
2439
2638
  ],
2440
- "internalComponentProps": {
2441
- "ChipBase": {
2442
- "as": [
2443
- "button"
2639
+ "internalComponentProps": {
2640
+ "HStack": {
2641
+ "alignItems": [
2642
+ "center"
2643
+ ],
2644
+ "justifyContent": [
2645
+ "space-between"
2646
+ ],
2647
+ "overflow": [
2648
+ "hidden"
2649
+ ],
2650
+ "position": [
2651
+ "relative"
2444
2652
  ]
2445
2653
  }
2446
2654
  },
2447
2655
  "propToVariantKeys": {
2448
2656
  "variant": [
2449
- "chipLinkVariantRoot",
2450
- "chipLinkVariantIcon"
2657
+ "toastVariantRoot"
2658
+ ],
2659
+ "size": [
2660
+ "toastSizeRoot"
2451
2661
  ]
2452
2662
  },
2453
2663
  "motionVarPrefixes": []
2454
2664
  },
2455
- "Menu.Item": {
2456
- "name": "Menu.Item",
2665
+ "ToastPortal": {
2666
+ "name": "ToastPortal",
2457
2667
  "defaultProps": {},
2458
- "getStylesLiterals": {
2459
- "menuitemItemVariantRoot": "default",
2460
- "menuitemItemVariantActiveRoot": "on",
2461
- "menuitemItemVariantActiveRoot:1": "off",
2462
- "menuitemItemVariantText": "default",
2463
- "menuitemItemVariantActiveText": "on",
2464
- "menuitemItemVariantActiveText:1": "off",
2465
- "menuitemItemVariantIcon": "default",
2466
- "menuitemItemVariantActiveIcon": "on",
2467
- "menuitemItemVariantActiveIcon:1": "off"
2468
- },
2668
+ "getStylesLiterals": {},
2469
2669
  "cxLiterals": [],
2470
2670
  "internalComponents": [
2471
- "MenuItemBase"
2671
+ "ReactToastifyToastContainer"
2472
2672
  ],
2473
2673
  "internalComponentProps": {},
2474
2674
  "propToVariantKeys": {},
2475
2675
  "motionVarPrefixes": []
2476
2676
  },
2477
- "Menu.Provider": {
2478
- "name": "Menu.Provider",
2677
+ "UDSToastConfigProvider": {
2678
+ "name": "UDSToastConfigProvider",
2479
2679
  "defaultProps": {},
2480
2680
  "getStylesLiterals": {},
2481
2681
  "cxLiterals": [],
2482
2682
  "internalComponents": [
2483
- "AriakitMenuProvider",
2484
- "SpringMotionConfig"
2683
+ "ToastContext.Provider"
2485
2684
  ],
2486
2685
  "internalComponentProps": {},
2487
2686
  "propToVariantKeys": {},
2488
- "motionVarPrefixes": [
2489
- "--uds-motion-subtle-3-",
2490
- "--uds-motion-smooth-3-"
2491
- ]
2687
+ "motionVarPrefixes": []
2492
2688
  },
2493
- "Menu.ItemBase": {
2494
- "name": "Menu.ItemBase",
2495
- "defaultProps": {
2496
- "spacing": "0",
2497
- "spacingHorizontal": "4",
2498
- "spacingVertical": "3.5",
2499
- "columnGap": "2",
2500
- "alignItems": "center",
2501
- "justifyContent": "space-between"
2502
- },
2689
+ "Tooltip": {
2690
+ "name": "Tooltip",
2691
+ "defaultProps": {},
2692
+ "getStylesLiterals": {},
2693
+ "cxLiterals": [],
2694
+ "internalComponents": [
2695
+ "TooltipInternalContext.Provider",
2696
+ "TooltipProvider"
2697
+ ],
2698
+ "internalComponentProps": {},
2699
+ "propToVariantKeys": {},
2700
+ "motionVarPrefixes": []
2701
+ },
2702
+ "TooltipContent": {
2703
+ "name": "TooltipContent",
2704
+ "defaultProps": {},
2503
2705
  "getStylesLiterals": {
2504
- "textAlign": "start",
2505
- "menuitemSizeRoot": "default",
2506
- "flexDirection": "row",
2507
- "menuitemSizeStartIcon": "default",
2508
- "menuitemSizeEndIcon": "default"
2706
+ "tooltipSizeRoot": "default",
2707
+ "tooltipVariantRoot": "default",
2708
+ "tooltipSizeSvg": "default",
2709
+ "tooltipVariantSvg": "default",
2710
+ "tooltipVariantBlur": "default",
2711
+ "position": "absolute",
2712
+ "width": "full",
2713
+ "height": "full",
2714
+ "tooltipSizeTitle": "default",
2715
+ "tooltipSizeBody": "default",
2716
+ "tooltipSizeEndContent": "default",
2717
+ "tooltipSizeIcon": "default",
2718
+ "tooltipVariantIcon": "default"
2509
2719
  },
2510
2720
  "cxLiterals": [
2511
2721
  "flex",
2512
- "focus-visible:text-brand",
2513
- "focus-visible:bg-brand-secondary",
2514
- "focus-visible:z-10",
2515
- "uds-ring",
2516
- "!-outline-offset-2",
2517
- "[&:not([aria-checked])]:cursor-default",
2518
- "opacity-25",
2519
- "cursor-not-allowed",
2520
- "duration-20",
2521
- "transition-[font-variation-settings]",
2522
- "ease-in-out",
2523
- "z-0",
2524
- "uds-start-icon",
2525
- "uds-end-icon"
2722
+ "z-[9999]",
2723
+ "uds-bgBlurFillFallback",
2724
+ "uds-bgBlurFallback",
2725
+ "top-0",
2726
+ "left-0",
2727
+ "z-[1]",
2728
+ "transition-opacity",
2729
+ "ease-in-out"
2526
2730
  ],
2527
2731
  "internalComponents": [
2528
- "Pressable",
2529
2732
  "IconSlot",
2530
- "RootComponent",
2531
- "HStack",
2532
- "AnimatePresence"
2733
+ "TooltipArrow",
2734
+ "Tooltip",
2735
+ "SvgFloatingOverlay",
2736
+ "Box",
2737
+ "Text"
2533
2738
  ],
2534
2739
  "internalComponentProps": {
2535
- "HStack": {
2740
+ "Box": {
2536
2741
  "alignItems": [
2537
2742
  "center"
2538
2743
  ],
2539
- "width": [
2540
- "full"
2744
+ "columnGap": [
2745
+ "1",
2746
+ "1.5"
2541
2747
  ]
2542
2748
  },
2543
- "AnimatePresence": {
2544
- "mode": [
2545
- "popLayout"
2749
+ "Text": {
2750
+ "color": [
2751
+ "inherit"
2546
2752
  ]
2547
2753
  }
2548
2754
  },
2549
2755
  "propToVariantKeys": {
2550
- "startIcon": [
2551
- "icon"
2552
- ],
2553
- "endIcon": [
2756
+ "startTitleIcon": [
2554
2757
  "icon"
2555
- ],
2556
- "columnGap": [
2557
- "gap"
2558
2758
  ]
2559
2759
  },
2560
2760
  "motionVarPrefixes": []
2561
2761
  },
2562
- "Menu.Trigger": {
2563
- "name": "Menu.Trigger",
2762
+ "TooltipTrigger": {
2763
+ "name": "TooltipTrigger",
2564
2764
  "defaultProps": {},
2565
2765
  "getStylesLiterals": {},
2566
- "cxLiterals": [
2567
- "uds-menu-trigger"
2568
- ],
2766
+ "cxLiterals": [],
2569
2767
  "internalComponents": [
2570
- "AriakitMenuTrigger",
2571
- "Box"
2768
+ "TooltipAnchor"
2572
2769
  ],
2573
2770
  "internalComponentProps": {
2574
- "Box": {
2771
+ "TooltipAnchor": {
2575
2772
  "className": [
2576
- "uds-ring h-fit w-fit"
2773
+ "inline"
2577
2774
  ]
2578
2775
  }
2579
2776
  },
2580
- "propToVariantKeys": {},
2581
- "motionVarPrefixes": []
2582
- },
2583
- "Menu.Content": {
2584
- "name": "Menu.Content",
2585
- "defaultProps": {
2586
- "size": "default",
2587
- "variant": "default",
2588
- "gutter": "1"
2589
- },
2590
- "getStylesLiterals": {},
2591
- "cxLiterals": [
2592
- "uds-menu-content",
2593
- "transition-shadow",
2594
- "duration-200",
2595
- "ease-in-out",
2596
- "min-w-60",
2597
- "max-w-lg",
2598
- "max-h-96",
2599
- "overflow-auto",
2600
- "uds-ring",
2601
- "z-10",
2602
- "group"
2603
- ],
2604
- "internalComponents": [
2605
- "AriakitMenu",
2606
- "AnimatePresence",
2607
- "MotionVStack"
2608
- ],
2609
- "internalComponentProps": {},
2610
2777
  "propToVariantKeys": {
2611
- "size": [
2612
- "menucontentSizeRoot"
2613
- ],
2614
- "variant": [
2615
- "menucontentVariantRoot"
2778
+ "children": [
2779
+ "render"
2616
2780
  ]
2617
2781
  },
2618
2782
  "motionVarPrefixes": []
2619
2783
  },
2620
- "Menu.Divider": {
2621
- "name": "Menu.Divider",
2622
- "defaultProps": {
2623
- "role": "separator",
2624
- "contentPosition": "start",
2625
- "gap": "4"
2626
- },
2627
- "getStylesLiterals": {
2628
- "menuitemDividerVariantRoot": "default",
2629
- "menuitemDividerVariantText": "default",
2630
- "menuitemDividerVariantLine": "default"
2631
- },
2784
+ "UDSTooltipConfigProvider": {
2785
+ "name": "UDSTooltipConfigProvider",
2786
+ "defaultProps": {},
2787
+ "getStylesLiterals": {},
2632
2788
  "cxLiterals": [],
2633
2789
  "internalComponents": [
2634
- "DividerInternal"
2790
+ "TooltipContext.Provider"
2635
2791
  ],
2636
- "internalComponentProps": {
2637
- "DividerInternal": {
2638
- "variant": [
2639
- "inherit"
2640
- ]
2641
- }
2642
- },
2792
+ "internalComponentProps": {},
2643
2793
  "propToVariantKeys": {},
2644
2794
  "motionVarPrefixes": []
2645
2795
  },
2646
- "Menu": {
2647
- "name": "Menu",
2796
+ "UDSBreakpointsConfigProvider": {
2797
+ "name": "UDSBreakpointsConfigProvider",
2648
2798
  "defaultProps": {},
2649
2799
  "getStylesLiterals": {},
2650
2800
  "cxLiterals": [],
2651
- "internalComponents": [],
2801
+ "internalComponents": [
2802
+ "UDSBreakpointsConfigContext.Provider"
2803
+ ],
2652
2804
  "internalComponentProps": {},
2653
2805
  "propToVariantKeys": {},
2654
2806
  "motionVarPrefixes": []
2655
2807
  },
2656
- "Menu.ItemCheckbox": {
2657
- "name": "Menu.ItemCheckbox",
2808
+ "UDSConfigProvider": {
2809
+ "name": "UDSConfigProvider",
2658
2810
  "defaultProps": {},
2659
- "getStylesLiterals": {
2660
- "menuitemItemCheckboxVariantRoot": "default",
2661
- "menuitemItemCheckboxVariantActiveRoot": "on",
2662
- "menuitemItemCheckboxVariantActiveRoot:1": "off",
2663
- "menuitemItemCheckboxVariantText": "default",
2664
- "menuitemItemCheckboxVariantActiveText": "on",
2665
- "menuitemItemCheckboxVariantActiveText:1": "off",
2666
- "menuitemItemCheckboxVariantStartIcon": "default",
2667
- "menuitemItemCheckboxVariantActiveStartIcon": "on",
2668
- "menuitemItemCheckboxVariantActiveStartIcon:1": "off",
2669
- "menuitemItemCheckboxVariantEndIcon": "default",
2670
- "menuitemItemCheckboxVariantActiveEndIcon": "on",
2671
- "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
2672
- },
2673
- "cxLiterals": [
2674
- "uds-menu-item-checkbox"
2675
- ],
2811
+ "getStylesLiterals": {},
2812
+ "cxLiterals": [],
2676
2813
  "internalComponents": [
2677
- "MenuItemBase"
2814
+ "UDSBreakpointsConfigProvider",
2815
+ "UDSBottomSheetConfigProvider",
2816
+ "UDSToastConfigProvider",
2817
+ "UDSTooltipConfigProvider",
2818
+ "UDSPopoverConfigProvider"
2678
2819
  ],
2679
2820
  "internalComponentProps": {},
2680
2821
  "propToVariantKeys": {},