@yahoo/uds 3.116.3 → 3.117.0

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 (150) hide show
  1. package/dist/automated-config/dist/generated/autoVariants.cjs +11 -0
  2. package/dist/automated-config/dist/generated/autoVariants.d.cts +11 -0
  3. package/dist/automated-config/dist/generated/autoVariants.d.ts +11 -0
  4. package/dist/automated-config/dist/generated/autoVariants.js +11 -0
  5. package/dist/automated-config/dist/generated/generatedConfigs.cjs +1890 -0
  6. package/dist/automated-config/dist/generated/generatedConfigs.d.cts +208 -1
  7. package/dist/automated-config/dist/generated/generatedConfigs.d.ts +208 -1
  8. package/dist/automated-config/dist/generated/generatedConfigs.js +1890 -1
  9. package/dist/automated-config/dist/generated/universalTokensConfigAuto.cjs +83 -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 +83 -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 +122 -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 +120 -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 +175 -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 +173 -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 +3 -3
  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 +3 -3
  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 +33 -96
  56. package/dist/components/client/Tooltip/TooltipContent.js +34 -97
  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 +84 -1
  86. package/dist/config/dist/index.js +84 -1
  87. package/dist/hooks/useSvgFloatingContent.cjs +236 -0
  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} +94 -44
  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 +36 -0
  100. package/dist/runtime/popoverConfig.d.cts +25 -0
  101. package/dist/runtime/popoverConfig.d.ts +25 -0
  102. package/dist/runtime/popoverConfig.js +35 -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 +114 -103
  108. package/dist/styles/styler.d.ts +114 -103
  109. package/dist/styles/variants.d.cts +33 -0
  110. package/dist/styles/variants.d.ts +33 -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 +1296 -1134
  130. package/dist/uds/generated/componentData.js +1262 -1136
  131. package/dist/uds/generated/tailwindPurge.cjs +55 -27
  132. package/dist/uds/generated/tailwindPurge.js +55 -27
  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 +1628 -1469
  142. package/generated/tailwindPurge.ts +4 -4
  143. package/package.json +1 -1
  144. package/dist/components/client/Tooltip/useTooltipContent.cjs +0 -186
  145. package/dist/components/client/Tooltip/useTooltipContent.d.cts +0 -66
  146. package/dist/components/client/Tooltip/useTooltipContent.d.ts +0 -66
  147. package/dist/components/client/Tooltip/util.cjs +0 -248
  148. package/dist/components/client/Tooltip/util.js +0 -240
  149. package/dist/components/experimental/client/Popover.d.cts +0 -29
  150. package/dist/components/experimental/client/Popover.d.ts +0 -29
@@ -1,4 +1,77 @@
1
1
  {
2
+ "Link": {
3
+ "name": "Link",
4
+ "defaultProps": {
5
+ "variant": "primary"
6
+ },
7
+ "getStylesLiterals": {
8
+ "display": "inline-flex",
9
+ "alignItems": "center"
10
+ },
11
+ "cxLiterals": [
12
+ "uds-ring",
13
+ "underline",
14
+ "w-[0.7em]",
15
+ "h-[0.7em]"
16
+ ],
17
+ "internalComponents": [
18
+ "IconSlot"
19
+ ],
20
+ "internalComponentProps": {
21
+ "IconSlot": {
22
+ "data-testid": [
23
+ "start-icon",
24
+ "end-icon"
25
+ ]
26
+ }
27
+ },
28
+ "propToVariantKeys": {
29
+ "textVariant": [
30
+ "linkTextStyleRoot",
31
+ "fontSize",
32
+ "fontFamily",
33
+ "fontWeight",
34
+ "lineHeight",
35
+ "textTransform",
36
+ "linkTextStyleIcon"
37
+ ],
38
+ "variant": [
39
+ "linkVariantRoot",
40
+ "linkVariantIconStart",
41
+ "linkVariantIconEnd"
42
+ ],
43
+ "startIcon": [
44
+ "icon"
45
+ ],
46
+ "endIcon": [
47
+ "icon"
48
+ ]
49
+ },
50
+ "motionVarPrefixes": []
51
+ },
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
+ },
2
75
  "Box": {
3
76
  "name": "Box",
4
77
  "defaultProps": {
@@ -21,55 +94,38 @@
21
94
  },
22
95
  "motionVarPrefixes": []
23
96
  },
24
- "FormLabel": {
25
- "name": "FormLabel",
97
+ "Scrim": {
98
+ "name": "Scrim",
26
99
  "defaultProps": {
27
- "color": "muted",
28
- "variant": "label3",
29
- "as": "label"
100
+ "variant": "default",
101
+ "position": "fixed"
30
102
  },
31
103
  "getStylesLiterals": {},
32
104
  "cxLiterals": [
33
- "cursor-[inherit]"
34
- ],
35
- "internalComponents": [
36
- "Text"
105
+ "fixed",
106
+ "absolute",
107
+ "inset-0",
108
+ "z-40",
109
+ "transition-opacity",
110
+ "duration-150",
111
+ "data-[enter]:opacity-100",
112
+ "[&:not([data-enter])]:opacity-0",
113
+ "opacity-100",
114
+ "uds-bgBlurFallback"
37
115
  ],
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
116
  "internalComponents": [
60
117
  "Box"
61
118
  ],
62
119
  "internalComponentProps": {
63
120
  "Box": {
64
- "flexDirection": [
65
- "row"
121
+ "display": [
122
+ "block"
66
123
  ]
67
124
  }
68
125
  },
69
126
  "propToVariantKeys": {
70
- "gap": [
71
- "rowGap",
72
- "columnGap"
127
+ "variant": [
128
+ "scrimVariantRoot"
73
129
  ]
74
130
  },
75
131
  "motionVarPrefixes": []
@@ -94,112 +150,82 @@
94
150
  "propToVariantKeys": {},
95
151
  "motionVarPrefixes": []
96
152
  },
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",
153
+ "SvgFloatingOverlay": {
154
+ "name": "SvgFloatingOverlay",
111
155
  "defaultProps": {},
112
156
  "getStylesLiterals": {},
113
- "cxLiterals": [],
114
- "internalComponents": [],
115
- "internalComponentProps": {},
116
- "propToVariantKeys": {},
117
- "motionVarPrefixes": []
118
- },
119
- "Link": {
120
- "name": "Link",
121
- "defaultProps": {
122
- "variant": "primary"
123
- },
124
- "getStylesLiterals": {
125
- "display": "inline-flex",
126
- "alignItems": "center"
127
- },
128
157
  "cxLiterals": [
129
- "uds-ring",
130
- "underline",
131
- "w-[0.7em]",
132
- "h-[0.7em]"
158
+ "absolute",
159
+ "top-0",
160
+ "left-0",
161
+ "w-full",
162
+ "h-full",
163
+ "overflow-visible",
164
+ "pointer-events-none",
165
+ "z-[2]",
166
+ "z-[3]",
167
+ "max-h-full",
168
+ "gap-[inherit]"
133
169
  ],
134
170
  "internalComponents": [
135
- "IconSlot"
171
+ "Box",
172
+ "Fragment"
136
173
  ],
137
174
  "internalComponentProps": {
138
- "IconSlot": {
139
- "data-testid": [
140
- "start-icon",
141
- "end-icon"
175
+ "Box": {
176
+ "position": [
177
+ "relative"
178
+ ],
179
+ "flexGrow": [
180
+ "1"
181
+ ],
182
+ "overflow": [
183
+ "hidden",
184
+ "auto"
185
+ ],
186
+ "display": [
187
+ "block"
188
+ ],
189
+ "className": [
190
+ "max-h-full gap-[inherit]"
142
191
  ]
143
192
  }
144
193
  },
145
194
  "propToVariantKeys": {
146
- "textVariant": [
147
- "linkTextStyleRoot",
148
- "fontSize",
149
- "fontFamily",
150
- "fontWeight",
151
- "lineHeight",
152
- "textTransform",
153
- "linkTextStyleIcon"
154
- ],
155
- "variant": [
156
- "linkVariantRoot",
157
- "linkVariantIconStart",
158
- "linkVariantIconEnd"
159
- ],
160
- "startIcon": [
161
- "icon"
162
- ],
163
- "endIcon": [
164
- "icon"
195
+ "blurClassName": [
196
+ "className"
165
197
  ]
166
198
  },
167
199
  "motionVarPrefixes": []
168
200
  },
169
- "Scrim": {
170
- "name": "Scrim",
201
+ "FormLabel": {
202
+ "name": "FormLabel",
171
203
  "defaultProps": {
172
- "variant": "default",
173
- "position": "fixed"
204
+ "color": "muted",
205
+ "variant": "label3",
206
+ "as": "label"
174
207
  },
175
208
  "getStylesLiterals": {},
176
209
  "cxLiterals": [
177
- "fixed",
178
- "absolute",
179
- "inset-0",
180
- "z-40",
181
- "transition-opacity",
182
- "duration-150",
183
- "data-[enter]:opacity-100",
184
- "[&:not([data-enter])]:opacity-0",
185
- "opacity-100",
186
- "uds-bgBlurFallback"
210
+ "cursor-[inherit]"
187
211
  ],
188
212
  "internalComponents": [
189
- "Box"
213
+ "Text"
190
214
  ],
191
215
  "internalComponentProps": {
192
- "Box": {
193
- "display": [
194
- "block"
216
+ "Text": {
217
+ "as": [
218
+ "sup"
219
+ ],
220
+ "variant": [
221
+ "inherit"
222
+ ],
223
+ "spacingStart": [
224
+ "0.5"
195
225
  ]
196
226
  }
197
227
  },
198
- "propToVariantKeys": {
199
- "variant": [
200
- "scrimVariantRoot"
201
- ]
202
- },
228
+ "propToVariantKeys": {},
203
229
  "motionVarPrefixes": []
204
230
  },
205
231
  "Text": {
@@ -226,38 +252,125 @@
226
252
  },
227
253
  "motionVarPrefixes": []
228
254
  },
229
- "VStack": {
230
- "name": "VStack",
255
+ "IconSlot": {
256
+ "name": "IconSlot",
231
257
  "defaultProps": {},
232
258
  "getStylesLiterals": {},
233
259
  "cxLiterals": [],
234
260
  "internalComponents": [
235
- "Box"
261
+ "Icon"
236
262
  ],
237
- "internalComponentProps": {
238
- "Box": {
239
- "flexDirection": [
240
- "column"
241
- ]
242
- }
243
- },
263
+ "internalComponentProps": {},
264
+ "propToVariantKeys": {},
265
+ "motionVarPrefixes": []
266
+ },
267
+ "HStack": {
268
+ "name": "HStack",
269
+ "defaultProps": {},
270
+ "getStylesLiterals": {},
271
+ "cxLiterals": [],
272
+ "internalComponents": [
273
+ "Box"
274
+ ],
275
+ "internalComponentProps": {
276
+ "Box": {
277
+ "flexDirection": [
278
+ "row"
279
+ ]
280
+ }
281
+ },
244
282
  "propToVariantKeys": {
245
283
  "gap": [
246
- "columnGap",
247
- "rowGap"
284
+ "rowGap",
285
+ "columnGap"
248
286
  ]
249
287
  },
250
288
  "motionVarPrefixes": []
251
289
  },
252
- "Divider": {
253
- "name": "Divider",
290
+ "Image": {
291
+ "name": "Image",
292
+ "defaultProps": {},
293
+ "getStylesLiterals": {},
294
+ "cxLiterals": [],
295
+ "internalComponents": [],
296
+ "internalComponentProps": {},
297
+ "propToVariantKeys": {},
298
+ "motionVarPrefixes": []
299
+ },
300
+ "Table.mocks": {
301
+ "name": "Table.mocks",
254
302
  "defaultProps": {},
255
303
  "getStylesLiterals": {},
256
304
  "cxLiterals": [],
305
+ "internalComponents": [],
306
+ "internalComponentProps": {},
307
+ "propToVariantKeys": {},
308
+ "motionVarPrefixes": []
309
+ },
310
+ "Table": {
311
+ "name": "Table",
312
+ "defaultProps": {
313
+ "display": "table-cell",
314
+ "overflow": "hidden",
315
+ "borderColor": "muted",
316
+ "borderRadius": "md",
317
+ "spacing": "3",
318
+ "borderBottomColor": "muted",
319
+ "borderBottomWidth": "thin",
320
+ "color": "primary"
321
+ },
322
+ "getStylesLiterals": {
323
+ "textAlign": "start"
324
+ },
325
+ "cxLiterals": [],
257
326
  "internalComponents": [
258
- "DividerInternal"
327
+ "CellComponent",
328
+ "Box",
329
+ "Text",
330
+ "Table.Root",
331
+ "Table.Header",
332
+ "Table.Row",
333
+ "Table.Cell",
334
+ "Table.Body"
259
335
  ],
260
- "internalComponentProps": {},
336
+ "internalComponentProps": {
337
+ "Table.Cell": {
338
+ "asHeaderCell": [
339
+ "column"
340
+ ]
341
+ }
342
+ },
343
+ "propToVariantKeys": {},
344
+ "motionVarPrefixes": []
345
+ },
346
+ "Spinner": {
347
+ "name": "Spinner",
348
+ "defaultProps": {
349
+ "color": "primary",
350
+ "size": "lg"
351
+ },
352
+ "getStylesLiterals": {},
353
+ "cxLiterals": [
354
+ "self-center",
355
+ "relative",
356
+ "sr-only"
357
+ ],
358
+ "internalComponents": [
359
+ "Icon"
360
+ ],
361
+ "internalComponentProps": {
362
+ "Icon": {
363
+ "role": [
364
+ "img"
365
+ ],
366
+ "className": [
367
+ "animate-spin"
368
+ ],
369
+ "aria-hidden": [
370
+ "true"
371
+ ]
372
+ }
373
+ },
261
374
  "propToVariantKeys": {},
262
375
  "motionVarPrefixes": []
263
376
  },
@@ -329,85 +442,16 @@
329
442
  },
330
443
  "motionVarPrefixes": []
331
444
  },
332
- "AnimateHeightChange": {
333
- "name": "AnimateHeightChange",
445
+ "Divider": {
446
+ "name": "Divider",
334
447
  "defaultProps": {},
335
448
  "getStylesLiterals": {},
336
- "cxLiterals": [
337
- "overflow-hidden"
338
- ],
339
- "internalComponents": [
340
- "SpringMotionConfig"
341
- ],
342
- "internalComponentProps": {
343
- "SpringMotionConfig": {
344
- "layoutSpeed": [
345
- "4"
346
- ]
347
- }
348
- },
349
- "propToVariantKeys": {
350
- "reduceMotion": [
351
- "reducedMotion"
352
- ]
353
- },
354
- "motionVarPrefixes": [
355
- "--uds-motion-subtle-4-",
356
- "--uds-motion-smooth-3-"
357
- ]
358
- },
359
- "Badge": {
360
- "name": "Badge",
361
- "defaultProps": {
362
- "variant": "primary",
363
- "size": "md"
364
- },
365
- "getStylesLiterals": {},
366
- "cxLiterals": [
367
- "flex-1",
368
- "truncate",
369
- "whitespace-nowrap",
370
- "text-center"
371
- ],
449
+ "cxLiterals": [],
372
450
  "internalComponents": [
373
- "IconSlot",
374
- "HStack"
451
+ "DividerInternal"
375
452
  ],
376
- "internalComponentProps": {
377
- "IconSlot": {
378
- "data-testid": [
379
- "start-icon",
380
- "end-icon"
381
- ]
382
- },
383
- "HStack": {
384
- "gap": [
385
- "2"
386
- ],
387
- "display": [
388
- "inline-flex"
389
- ],
390
- "alignItems": [
391
- "center"
392
- ]
393
- }
394
- },
395
- "propToVariantKeys": {
396
- "size": [
397
- "badgeSizeRoot",
398
- "badgeSizeIcon"
399
- ],
400
- "variant": [
401
- "badgeVariantRoot",
402
- "badgeVariantIcon"
403
- ],
404
- "startIcon": [
405
- "icon"
406
- ],
407
- "endIcon": [
408
- "icon"
409
- ]
410
- },
453
+ "internalComponentProps": {},
454
+ "propToVariantKeys": {},
411
455
  "motionVarPrefixes": []
412
456
  },
413
457
  "Button": {
@@ -597,6 +641,25 @@
597
641
  "--uds-motion-smooth-3-"
598
642
  ]
599
643
  },
644
+ "SpringMotionConfig": {
645
+ "name": "SpringMotionConfig",
646
+ "defaultProps": {
647
+ "reducedMotion": "user"
648
+ },
649
+ "getStylesLiterals": {},
650
+ "cxLiterals": [],
651
+ "internalComponents": [
652
+ "LazyMotion",
653
+ "MotionConfig"
654
+ ],
655
+ "internalComponentProps": {},
656
+ "propToVariantKeys": {
657
+ "loadFeatures": [
658
+ "features"
659
+ ]
660
+ },
661
+ "motionVarPrefixes": []
662
+ },
600
663
  "IconButton": {
601
664
  "name": "IconButton",
602
665
  "defaultProps": {
@@ -661,37 +724,6 @@
661
724
  "--uds-motion-smooth-3-"
662
725
  ]
663
726
  },
664
- "Pressable": {
665
- "name": "Pressable",
666
- "defaultProps": {},
667
- "getStylesLiterals": {},
668
- "cxLiterals": [],
669
- "internalComponents": [
670
- "Comp"
671
- ],
672
- "internalComponentProps": {},
673
- "propToVariantKeys": {},
674
- "motionVarPrefixes": []
675
- },
676
- "SpringMotionConfig": {
677
- "name": "SpringMotionConfig",
678
- "defaultProps": {
679
- "reducedMotion": "user"
680
- },
681
- "getStylesLiterals": {},
682
- "cxLiterals": [],
683
- "internalComponents": [
684
- "LazyMotion",
685
- "MotionConfig"
686
- ],
687
- "internalComponentProps": {},
688
- "propToVariantKeys": {
689
- "loadFeatures": [
690
- "features"
691
- ]
692
- },
693
- "motionVarPrefixes": []
694
- },
695
727
  "Switch": {
696
728
  "name": "Switch",
697
729
  "defaultProps": {
@@ -806,1013 +838,1159 @@
806
838
  "--uds-motion-smooth-3-"
807
839
  ]
808
840
  },
809
- "Spinner": {
810
- "name": "Spinner",
841
+ "Badge": {
842
+ "name": "Badge",
811
843
  "defaultProps": {
812
- "color": "primary",
813
- "size": "lg"
844
+ "variant": "primary",
845
+ "size": "md"
814
846
  },
815
847
  "getStylesLiterals": {},
816
848
  "cxLiterals": [
817
- "self-center",
818
- "relative",
819
- "sr-only"
849
+ "flex-1",
850
+ "truncate",
851
+ "whitespace-nowrap",
852
+ "text-center"
820
853
  ],
821
854
  "internalComponents": [
822
- "Icon"
855
+ "IconSlot",
856
+ "HStack"
823
857
  ],
824
858
  "internalComponentProps": {
825
- "Icon": {
826
- "role": [
827
- "img"
859
+ "IconSlot": {
860
+ "data-testid": [
861
+ "start-icon",
862
+ "end-icon"
863
+ ]
864
+ },
865
+ "HStack": {
866
+ "gap": [
867
+ "2"
828
868
  ],
829
- "className": [
830
- "animate-spin"
869
+ "display": [
870
+ "inline-flex"
831
871
  ],
832
- "aria-hidden": [
833
- "true"
872
+ "alignItems": [
873
+ "center"
834
874
  ]
835
875
  }
836
876
  },
837
- "propToVariantKeys": {},
877
+ "propToVariantKeys": {
878
+ "size": [
879
+ "badgeSizeRoot",
880
+ "badgeSizeIcon"
881
+ ],
882
+ "variant": [
883
+ "badgeVariantRoot",
884
+ "badgeVariantIcon"
885
+ ],
886
+ "startIcon": [
887
+ "icon"
888
+ ],
889
+ "endIcon": [
890
+ "icon"
891
+ ]
892
+ },
838
893
  "motionVarPrefixes": []
839
894
  },
840
- "Table.mocks": {
841
- "name": "Table.mocks",
895
+ "AnimateHeightChange": {
896
+ "name": "AnimateHeightChange",
842
897
  "defaultProps": {},
843
898
  "getStylesLiterals": {},
844
- "cxLiterals": [],
845
- "internalComponents": [],
846
- "internalComponentProps": {},
847
- "propToVariantKeys": {},
848
- "motionVarPrefixes": []
849
- },
850
- "Table": {
851
- "name": "Table",
852
- "defaultProps": {
853
- "display": "table-cell",
854
- "overflow": "hidden",
855
- "borderColor": "muted",
856
- "borderRadius": "md",
857
- "spacing": "3",
858
- "borderBottomColor": "muted",
859
- "borderBottomWidth": "thin",
860
- "color": "primary"
861
- },
862
- "getStylesLiterals": {
863
- "textAlign": "start"
864
- },
865
- "cxLiterals": [],
899
+ "cxLiterals": [
900
+ "overflow-hidden"
901
+ ],
866
902
  "internalComponents": [
867
- "CellComponent",
868
- "Box",
869
- "Text",
870
- "Table.Root",
871
- "Table.Header",
872
- "Table.Row",
873
- "Table.Cell",
874
- "Table.Body"
903
+ "SpringMotionConfig"
875
904
  ],
876
905
  "internalComponentProps": {
877
- "Table.Cell": {
878
- "asHeaderCell": [
879
- "column"
906
+ "SpringMotionConfig": {
907
+ "layoutSpeed": [
908
+ "4"
880
909
  ]
881
910
  }
882
911
  },
883
- "propToVariantKeys": {},
884
- "motionVarPrefixes": []
912
+ "propToVariantKeys": {
913
+ "reduceMotion": [
914
+ "reducedMotion"
915
+ ]
916
+ },
917
+ "motionVarPrefixes": [
918
+ "--uds-motion-subtle-4-",
919
+ "--uds-motion-smooth-3-"
920
+ ]
885
921
  },
886
- "Avatar": {
887
- "name": "Avatar",
922
+ "Pressable": {
923
+ "name": "Pressable",
888
924
  "defaultProps": {},
889
925
  "getStylesLiterals": {},
890
926
  "cxLiterals": [],
891
927
  "internalComponents": [
892
- "AvatarImage"
928
+ "Comp"
893
929
  ],
894
930
  "internalComponentProps": {},
895
931
  "propToVariantKeys": {},
896
932
  "motionVarPrefixes": []
897
933
  },
898
- "AvatarIcon": {
899
- "name": "AvatarIcon",
900
- "defaultProps": {
901
- "size": "md",
902
- "variant": "primary"
903
- },
934
+ "ExperimentalPopover": {
935
+ "name": "ExperimentalPopover",
936
+ "defaultProps": {},
904
937
  "getStylesLiterals": {},
905
- "cxLiterals": [
906
- "overflow-hidden",
907
- "w-full",
908
- "h-full",
909
- "shrink-0",
910
- "text-center",
911
- "inline-flex",
912
- "justify-center",
913
- "items-center"
914
- ],
938
+ "cxLiterals": [],
915
939
  "internalComponents": [
916
- "IconSlot",
917
- "Box"
940
+ "HStack",
941
+ "Text",
942
+ "ExperimentalPopoverHeadingBase"
918
943
  ],
919
- "internalComponentProps": {},
920
- "propToVariantKeys": {
921
- "size": [
922
- "avatarSizeIcon"
923
- ]
944
+ "internalComponentProps": {
945
+ "Text": {
946
+ "variant": [
947
+ "headline1"
948
+ ],
949
+ "color": [
950
+ "primary"
951
+ ]
952
+ }
924
953
  },
954
+ "propToVariantKeys": {},
925
955
  "motionVarPrefixes": []
926
956
  },
927
- "AvatarImage": {
928
- "name": "AvatarImage",
929
- "defaultProps": {
930
- "size": "md",
931
- "variant": "primary"
932
- },
957
+ "AvoidMotionLibraryProvider": {
958
+ "name": "AvoidMotionLibraryProvider",
959
+ "defaultProps": {},
933
960
  "getStylesLiterals": {},
934
- "cxLiterals": [
935
- "overflow-hidden",
936
- "w-full",
937
- "h-full",
938
- "shrink-0",
939
- "text-center",
940
- "inline-flex",
941
- "justify-center",
942
- "items-center",
943
- "object-cover"
944
- ],
945
- "internalComponents": [
946
- "UDSImage",
947
- "AvatarText",
948
- "AvatarIcon",
949
- "Box"
950
- ],
961
+ "cxLiterals": [],
962
+ "internalComponents": [],
951
963
  "internalComponentProps": {},
952
- "propToVariantKeys": {
953
- "alt": [
954
- "name"
955
- ],
956
- "fallback": [
957
- "initials"
958
- ]
959
- },
964
+ "propToVariantKeys": {},
960
965
  "motionVarPrefixes": []
961
966
  },
962
- "AvatarText": {
963
- "name": "AvatarText",
964
- "defaultProps": {
965
- "size": "md",
966
- "variant": "primary"
967
+ "SegmentedControl": {
968
+ "name": "SegmentedControl",
969
+ "defaultProps": {},
970
+ "getStylesLiterals": {
971
+ "display": "flex",
972
+ "alignItems": "center",
973
+ "backgroundColor": "primary",
974
+ "spacingVertical": "1",
975
+ "spacingHorizontal": "3",
976
+ "columnGap": "1.5",
977
+ "borderWidth": "thin",
978
+ "borderRadius": "full",
979
+ "borderColor": "muted",
980
+ "borderColor:1": "transparent",
981
+ "color": "primary",
982
+ "color:1": "tertiary",
983
+ "color:2": "muted"
967
984
  },
968
- "getStylesLiterals": {},
969
985
  "cxLiterals": [
970
- "overflow-hidden",
971
- "truncate",
972
- "w-full",
973
- "h-full",
974
- "shrink-0",
975
- "text-center",
976
- "inline-flex",
977
- "justify-center",
978
- "items-center"
986
+ "uds-ring",
987
+ "cursor-not-allowed",
988
+ "opacity-50",
989
+ "pointer-events-none",
990
+ "hover:bg-primary"
979
991
  ],
980
992
  "internalComponents": [
981
- "Box",
993
+ "Radio",
994
+ "Icon",
995
+ "RadioProvider",
996
+ "HStack",
997
+ "RadioGroup",
998
+ "Pressable",
982
999
  "Text"
983
1000
  ],
984
1001
  "internalComponentProps": {
985
- "Text": {
1002
+ "Icon": {
1003
+ "size": [
1004
+ "sm"
1005
+ ],
986
1006
  "color": [
987
- "inherit"
1007
+ "current"
1008
+ ],
1009
+ "aria-hidden": [
1010
+ "true"
1011
+ ]
1012
+ },
1013
+ "HStack": {
1014
+ "spacing": [
1015
+ "1"
1016
+ ],
1017
+ "gap": [
1018
+ "1"
1019
+ ],
1020
+ "backgroundColor": [
1021
+ "secondary"
988
1022
  ],
1023
+ "borderRadius": [
1024
+ "full"
1025
+ ],
1026
+ "display": [
1027
+ "inline-flex"
1028
+ ]
1029
+ },
1030
+ "Text": {
989
1031
  "variant": [
990
- "inherit"
1032
+ "label2"
1033
+ ],
1034
+ "color": [
1035
+ "current"
991
1036
  ]
992
1037
  }
993
1038
  },
994
- "propToVariantKeys": {},
995
- "motionVarPrefixes": []
996
- },
997
- "BottomSheet": {
998
- "name": "BottomSheet",
999
- "defaultProps": {
1000
- "variant": "default"
1039
+ "propToVariantKeys": {
1040
+ "value": [
1041
+ "key"
1042
+ ],
1043
+ "label": [
1044
+ "aria-label"
1045
+ ]
1046
+ },
1047
+ "motionVarPrefixes": []
1048
+ },
1049
+ "SwitchV2": {
1050
+ "name": "SwitchV2",
1051
+ "defaultProps": {
1052
+ "labelPosition": "start",
1053
+ "size": "md"
1054
+ },
1055
+ "getStylesLiterals": {
1056
+ "switchVariantRoot": "default",
1057
+ "switchVariantActiveRoot": "on",
1058
+ "switchVariantActiveRoot:1": "off",
1059
+ "switchVariantSwitch": "default",
1060
+ "switchVariantActiveSwitch": "on",
1061
+ "switchVariantActiveSwitch:1": "off",
1062
+ "switchVariantActiveHandle": "on",
1063
+ "switchVariantActiveHandle:1": "off",
1064
+ "switchVariantHandle": "default",
1065
+ "switchVariantHandleIcon": "default",
1066
+ "switchVariantActiveHandleIcon": "on",
1067
+ "switchVariantActiveHandleIcon:1": "off"
1001
1068
  },
1002
- "getStylesLiterals": {},
1003
1069
  "cxLiterals": [
1004
- "fixed",
1005
- "overflow-hidden",
1006
- "inset-x-0",
1070
+ "group",
1071
+ "flex",
1072
+ "items-center",
1073
+ "flex-row",
1074
+ "flex-row-reverse",
1075
+ "uds-ring",
1076
+ "uds-ring-within",
1077
+ "relative",
1078
+ "uds-border-radius-full",
1079
+ "transition-[background-color,box-shadow]",
1080
+ "pointer-events-none",
1081
+ "w-full",
1082
+ "h-full",
1083
+ "absolute",
1084
+ "top-0",
1007
1085
  "bottom-0",
1008
- "z-50",
1009
- "[will-change:transform]",
1010
- "touch-none",
1011
- "[transform:translate3d(0,var(--uds-bottomsheet-hidden-translate),0)]",
1012
- "data-[enter]:[transform:translate3d(0,var(--uds-bottomsheet-visible-translate),0)]",
1013
- "transition-transform",
1014
- "duration-500",
1015
- "ease-[cubic-bezier(0.32,0.72,0,1)]",
1016
- "motion-reduce:transition-none",
1017
- "top-[-4px]",
1018
- "z-[1]",
1019
- "touch-pan-y"
1086
+ "right-0",
1087
+ "left-0",
1088
+ "overflow-hidden",
1089
+ "group-hover:scale-105",
1090
+ "opacity-95",
1091
+ "group-hover:opacity-100",
1092
+ "transition-[transform,opacity]",
1093
+ "opacity-0",
1094
+ "top-1/2",
1095
+ "left-1/2",
1096
+ "transform",
1097
+ "translate-x-[-50%]",
1098
+ "translate-y-[-50%]",
1099
+ "transition-opacity",
1100
+ "cursor-[inherit]",
1101
+ "w-[calc(100%+2px)]",
1102
+ "h-[calc(100%+2px)]",
1103
+ "text-start",
1104
+ "text-end",
1105
+ "opacity-100"
1020
1106
  ],
1021
1107
  "internalComponents": [
1022
- "Scrim",
1023
- "BottomSheetHandle",
1024
- "Dialog",
1108
+ "IconSlot",
1025
1109
  "Box",
1026
- "BottomSheetInternalContext.Provider"
1110
+ "FormLabel",
1111
+ "SpringMotionConfig",
1112
+ "RootElement",
1113
+ "MotionBox"
1027
1114
  ],
1028
1115
  "internalComponentProps": {
1029
- "BottomSheetHandle": {
1030
- "ariaLabel": [
1031
- "Resize sheet"
1032
- ]
1033
- },
1034
- "Dialog": {
1116
+ "IconSlot": {
1035
1117
  "data-testid": [
1036
- "bottom-sheet"
1118
+ "on-icon",
1119
+ "off-icon"
1037
1120
  ]
1038
1121
  },
1039
- "Box": {
1040
- "display": [
1041
- "block",
1042
- "flex"
1122
+ "FormLabel": {
1123
+ "as": [
1124
+ "div"
1043
1125
  ],
1044
- "position": [
1045
- "absolute"
1126
+ "variant": [
1127
+ "inherit"
1046
1128
  ],
1047
- "flexDirection": [
1048
- "column"
1129
+ "color": [
1130
+ "inherit"
1131
+ ]
1132
+ },
1133
+ "SpringMotionConfig": {
1134
+ "layoutVariant": [
1135
+ "bouncy"
1049
1136
  ],
1050
- "className": [
1051
- "absolute inset-0 min-h-0 p-[inherit]"
1137
+ "layoutSpeed": [
1138
+ "4"
1139
+ ]
1140
+ },
1141
+ "RootElement": {
1142
+ "data-testid": [
1143
+ "switch-root"
1144
+ ]
1145
+ },
1146
+ "MotionBox": {
1147
+ "layout": [
1148
+ "position"
1052
1149
  ]
1053
1150
  }
1054
1151
  },
1055
1152
  "propToVariantKeys": {
1056
- "variant": [
1057
- "bottomsheetVariantRoot"
1153
+ "size": [
1154
+ "switchSizeRoot",
1155
+ "switchSizeSwitch",
1156
+ "switchSizeHandle",
1157
+ "switchSizeHandleIcon"
1158
+ ],
1159
+ "onIcon": [
1160
+ "icon"
1161
+ ],
1162
+ "offIcon": [
1163
+ "icon"
1164
+ ],
1165
+ "reduceMotion": [
1166
+ "reducedMotion"
1167
+ ],
1168
+ "isOn": [
1169
+ "layoutDependency"
1058
1170
  ]
1059
1171
  },
1060
- "motionVarPrefixes": []
1172
+ "motionVarPrefixes": [
1173
+ "--uds-motion-bouncy-4-",
1174
+ "--uds-motion-smooth-3-"
1175
+ ]
1061
1176
  },
1062
- "BottomSheetContent": {
1063
- "name": "BottomSheetContent",
1177
+ "Tabs": {
1178
+ "name": "Tabs",
1064
1179
  "defaultProps": {},
1065
- "getStylesLiterals": {},
1180
+ "getStylesLiterals": {
1181
+ "display": "flex",
1182
+ "flexDirection": "row",
1183
+ "columnGap": "6"
1184
+ },
1066
1185
  "cxLiterals": [
1067
- "min-h-0",
1068
- "touch-pan-y"
1186
+ "text-tertiary",
1187
+ "border-b-transparent",
1188
+ "aria-selected:border-b-brand",
1189
+ "aria-selected:text-secondary"
1069
1190
  ],
1070
1191
  "internalComponents": [
1071
- "Box",
1072
- "VStack"
1192
+ "TabProvider",
1193
+ "OriginalTabList",
1194
+ "OriginalTab",
1195
+ "Icon",
1196
+ "OriginalTabPanel",
1197
+ "Pressable",
1198
+ "Comp",
1199
+ "Text"
1073
1200
  ],
1074
1201
  "internalComponentProps": {
1075
- "Box": {
1076
- "display": [
1077
- "block"
1202
+ "Icon": {
1203
+ "className": [
1204
+ "text-current"
1078
1205
  ],
1079
- "flex": [
1206
+ "size": [
1207
+ "md"
1208
+ ]
1209
+ },
1210
+ "Pressable": {
1211
+ "borderBottomWidth": [
1212
+ "medium"
1213
+ ],
1214
+ "spacingBottom": [
1080
1215
  "1"
1216
+ ],
1217
+ "spacingTop": [
1218
+ "4"
1081
1219
  ]
1082
1220
  },
1083
- "VStack": {
1221
+ "Text": {
1084
1222
  "className": [
1085
- "pb-[calc(env(safe-area-inset-bottom))]"
1223
+ "text-current"
1224
+ ],
1225
+ "variant": [
1226
+ "headline1"
1227
+ ],
1228
+ "as": [
1229
+ "span"
1086
1230
  ]
1087
1231
  }
1088
1232
  },
1089
1233
  "propToVariantKeys": {},
1090
1234
  "motionVarPrefixes": []
1091
1235
  },
1092
- "BottomSheetDismiss": {
1093
- "name": "BottomSheetDismiss",
1094
- "defaultProps": {},
1095
- "getStylesLiterals": {},
1096
- "cxLiterals": [],
1097
- "internalComponents": [
1098
- "AriakitDialogDismiss"
1099
- ],
1100
- "internalComponentProps": {},
1101
- "propToVariantKeys": {},
1102
- "motionVarPrefixes": []
1103
- },
1104
- "BottomSheetHandle": {
1105
- "name": "BottomSheetHandle",
1236
+ "Modal": {
1237
+ "name": "Modal",
1106
1238
  "defaultProps": {},
1107
1239
  "getStylesLiterals": {},
1108
1240
  "cxLiterals": [
1109
- "relative",
1110
- "h-5",
1111
- "w-16",
1112
- "outline-none",
1113
- "focus-visible:outline-none",
1114
- "[touch-action:pan-y]",
1115
- "absolute",
1116
- "left-1/2",
1117
- "top-1/2",
1118
- "-translate-x-1/2",
1119
- "-translate-y-1/2",
1120
- "h-1",
1121
- "w-8",
1122
- "rounded-full",
1123
- "bg-accent"
1241
+ "inset-8",
1242
+ "top-[250px]",
1243
+ "z-50",
1244
+ "mx-auto",
1245
+ "h-fit",
1246
+ "w-[600px]",
1247
+ "origin-center",
1248
+ "scale-95",
1249
+ "opacity-0",
1250
+ "transition",
1251
+ "duration-150",
1252
+ "data-[enter]:scale-100",
1253
+ "data-[enter]:opacity-100",
1254
+ "data-[enter]:bg-primary",
1255
+ "backdrop-blur-0",
1256
+ "data-[enter]:opacity-60",
1257
+ "data-[enter]:backdrop-blur-sm"
1124
1258
  ],
1125
1259
  "internalComponents": [
1126
- "Box"
1260
+ "IconButton",
1261
+ "Dialog",
1262
+ "HStack",
1263
+ "Text",
1264
+ "VStack"
1127
1265
  ],
1128
1266
  "internalComponentProps": {
1129
- "Box": {
1130
- "display": [
1131
- "block",
1132
- "flex"
1267
+ "IconButton": {
1268
+ "aria-label": [
1269
+ "Close"
1133
1270
  ],
1134
- "justifyContent": [
1271
+ "size": [
1272
+ "sm"
1273
+ ],
1274
+ "variant": [
1275
+ "tertiary"
1276
+ ]
1277
+ },
1278
+ "HStack": {
1279
+ "alignItems": [
1135
1280
  "center"
1281
+ ],
1282
+ "justifyContent": [
1283
+ "space-between"
1284
+ ]
1285
+ },
1286
+ "Text": {
1287
+ "variant": [
1288
+ "headline1"
1289
+ ],
1290
+ "color": [
1291
+ "primary"
1292
+ ]
1293
+ },
1294
+ "VStack": {
1295
+ "borderRadius": [
1296
+ "md"
1297
+ ],
1298
+ "position": [
1299
+ "fixed"
1300
+ ],
1301
+ "backgroundColor": [
1302
+ "primary"
1303
+ ],
1304
+ "dropShadow": [
1305
+ "md"
1306
+ ],
1307
+ "spacing": [
1308
+ "8"
1309
+ ],
1310
+ "overflow": [
1311
+ "hidden"
1136
1312
  ]
1137
1313
  }
1138
1314
  },
1139
- "propToVariantKeys": {},
1315
+ "propToVariantKeys": {
1316
+ "handleClose": [
1317
+ "onClick"
1318
+ ]
1319
+ },
1140
1320
  "motionVarPrefixes": []
1141
1321
  },
1142
- "BottomSheetHeader": {
1143
- "name": "BottomSheetHeader",
1322
+ "Accordion": {
1323
+ "name": "Accordion",
1144
1324
  "defaultProps": {
1145
- "variant": "default"
1325
+ "spacingHorizontal": "4",
1326
+ "spacingVertical": "4"
1146
1327
  },
1147
1328
  "getStylesLiterals": {},
1148
1329
  "cxLiterals": [
1149
- "grid-cols-[40px_1fr_40px]",
1150
- "items-center",
1151
- "w-full",
1152
- "min-h-10",
1153
- "mt-2"
1330
+ "hover:bg-secondary/80",
1331
+ "w-full"
1154
1332
  ],
1155
1333
  "internalComponents": [
1156
- "Box",
1157
- "Text"
1334
+ "Icon",
1335
+ "SpringMotionConfig",
1336
+ "Pressable",
1337
+ "Text",
1338
+ "HStack",
1339
+ "AnimatePresence",
1340
+ "VStack"
1158
1341
  ],
1159
1342
  "internalComponentProps": {
1160
- "Box": {
1161
- "className": [
1162
- "h-10 w-10 opacity-0 pointer-events-none"
1343
+ "Icon": {
1344
+ "variant": [
1345
+ "fill"
1346
+ ],
1347
+ "size": [
1348
+ "sm"
1349
+ ],
1350
+ "color": [
1351
+ "primary"
1352
+ ]
1353
+ },
1354
+ "SpringMotionConfig": {
1355
+ "layoutVariant": [
1356
+ "smooth"
1163
1357
  ],
1358
+ "layoutSpeed": [
1359
+ "3"
1360
+ ]
1361
+ },
1362
+ "Pressable": {
1164
1363
  "display": [
1165
- "grid",
1166
1364
  "flex"
1167
1365
  ],
1366
+ "flexDirection": [
1367
+ "row"
1368
+ ],
1369
+ "alignItems": [
1370
+ "center"
1371
+ ],
1168
1372
  "justifyContent": [
1169
- "flex-start",
1170
- "flex-end"
1373
+ "space-between"
1374
+ ],
1375
+ "borderRadius": [
1376
+ "md"
1171
1377
  ]
1172
1378
  },
1173
1379
  "Text": {
1174
1380
  "variant": [
1175
- "inherit"
1381
+ "title4"
1176
1382
  ],
1177
1383
  "color": [
1178
- "inherit"
1384
+ "primary"
1385
+ ]
1386
+ },
1387
+ "HStack": {
1388
+ "display": [
1389
+ "flex"
1179
1390
  ],
1180
- "textAlign": [
1391
+ "alignItems": [
1181
1392
  "center"
1182
1393
  ],
1183
- "className": [
1184
- "w-full"
1394
+ "justifyContent": [
1395
+ "space-between"
1396
+ ],
1397
+ "columnGap": [
1398
+ "2.5"
1185
1399
  ]
1186
1400
  }
1187
1401
  },
1402
+ "propToVariantKeys": {},
1403
+ "motionVarPrefixes": [
1404
+ "--uds-motion-smooth-3-"
1405
+ ]
1406
+ },
1407
+ "AvatarImage": {
1408
+ "name": "AvatarImage",
1409
+ "defaultProps": {
1410
+ "size": "md",
1411
+ "variant": "primary"
1412
+ },
1413
+ "getStylesLiterals": {},
1414
+ "cxLiterals": [
1415
+ "overflow-hidden",
1416
+ "w-full",
1417
+ "h-full",
1418
+ "shrink-0",
1419
+ "text-center",
1420
+ "inline-flex",
1421
+ "justify-center",
1422
+ "items-center",
1423
+ "object-cover"
1424
+ ],
1425
+ "internalComponents": [
1426
+ "UDSImage",
1427
+ "AvatarText",
1428
+ "AvatarIcon",
1429
+ "Box"
1430
+ ],
1431
+ "internalComponentProps": {},
1188
1432
  "propToVariantKeys": {
1189
- "variant": [
1190
- "bottomsheetVariantHeader"
1433
+ "alt": [
1434
+ "name"
1435
+ ],
1436
+ "fallback": [
1437
+ "initials"
1191
1438
  ]
1192
1439
  },
1193
1440
  "motionVarPrefixes": []
1194
1441
  },
1195
- "BottomSheetInternalContext": {
1196
- "name": "BottomSheetInternalContext",
1197
- "defaultProps": {},
1442
+ "AvatarText": {
1443
+ "name": "AvatarText",
1444
+ "defaultProps": {
1445
+ "size": "md",
1446
+ "variant": "primary"
1447
+ },
1198
1448
  "getStylesLiterals": {},
1199
- "cxLiterals": [],
1200
- "internalComponents": [],
1201
- "internalComponentProps": {},
1449
+ "cxLiterals": [
1450
+ "overflow-hidden",
1451
+ "truncate",
1452
+ "w-full",
1453
+ "h-full",
1454
+ "shrink-0",
1455
+ "text-center",
1456
+ "inline-flex",
1457
+ "justify-center",
1458
+ "items-center"
1459
+ ],
1460
+ "internalComponents": [
1461
+ "Box",
1462
+ "Text"
1463
+ ],
1464
+ "internalComponentProps": {
1465
+ "Text": {
1466
+ "color": [
1467
+ "inherit"
1468
+ ],
1469
+ "variant": [
1470
+ "inherit"
1471
+ ]
1472
+ }
1473
+ },
1202
1474
  "propToVariantKeys": {},
1203
1475
  "motionVarPrefixes": []
1204
1476
  },
1205
- "BottomSheetProvider": {
1206
- "name": "BottomSheetProvider",
1477
+ "Avatar": {
1478
+ "name": "Avatar",
1207
1479
  "defaultProps": {},
1208
1480
  "getStylesLiterals": {},
1209
1481
  "cxLiterals": [],
1210
1482
  "internalComponents": [
1211
- "AriakitDialogProvider"
1483
+ "AvatarImage"
1212
1484
  ],
1213
1485
  "internalComponentProps": {},
1214
1486
  "propToVariantKeys": {},
1215
1487
  "motionVarPrefixes": []
1216
1488
  },
1217
- "BottomSheetTrigger": {
1218
- "name": "BottomSheetTrigger",
1219
- "defaultProps": {},
1489
+ "AvatarIcon": {
1490
+ "name": "AvatarIcon",
1491
+ "defaultProps": {
1492
+ "size": "md",
1493
+ "variant": "primary"
1494
+ },
1220
1495
  "getStylesLiterals": {},
1221
- "cxLiterals": [],
1496
+ "cxLiterals": [
1497
+ "overflow-hidden",
1498
+ "w-full",
1499
+ "h-full",
1500
+ "shrink-0",
1501
+ "text-center",
1502
+ "inline-flex",
1503
+ "justify-center",
1504
+ "items-center"
1505
+ ],
1222
1506
  "internalComponents": [
1223
- "AriakitDialogDisclosure"
1507
+ "IconSlot",
1508
+ "Box"
1224
1509
  ],
1225
1510
  "internalComponentProps": {},
1226
- "propToVariantKeys": {},
1511
+ "propToVariantKeys": {
1512
+ "size": [
1513
+ "avatarSizeIcon"
1514
+ ]
1515
+ },
1227
1516
  "motionVarPrefixes": []
1228
1517
  },
1229
- "UDSBottomSheetConfigProvider": {
1230
- "name": "UDSBottomSheetConfigProvider",
1518
+ "UDSPopoverConfigProvider": {
1519
+ "name": "UDSPopoverConfigProvider",
1231
1520
  "defaultProps": {},
1232
1521
  "getStylesLiterals": {},
1233
1522
  "cxLiterals": [],
1234
1523
  "internalComponents": [
1235
- "BottomSheetContext.Provider"
1524
+ "PopoverContext.Provider"
1236
1525
  ],
1237
1526
  "internalComponentProps": {},
1238
1527
  "propToVariantKeys": {},
1239
1528
  "motionVarPrefixes": []
1240
1529
  },
1241
- "Chip": {
1242
- "name": "Chip",
1530
+ "Popover": {
1531
+ "name": "Popover",
1243
1532
  "defaultProps": {},
1244
1533
  "getStylesLiterals": {},
1245
1534
  "cxLiterals": [],
1246
1535
  "internalComponents": [
1247
- "ChipDismissible",
1248
- "ChipToggle",
1249
- "ChipLink",
1250
- "ChipButton"
1536
+ "PopoverInternalContext.Provider",
1537
+ "PopoverProvider"
1251
1538
  ],
1252
1539
  "internalComponentProps": {},
1253
1540
  "propToVariantKeys": {},
1254
1541
  "motionVarPrefixes": []
1255
1542
  },
1256
- "ChipBase": {
1257
- "name": "ChipBase",
1258
- "defaultProps": {
1259
- "size": "md",
1260
- "as": "div"
1261
- },
1543
+ "PopoverContext": {
1544
+ "name": "PopoverContext",
1545
+ "defaultProps": {},
1262
1546
  "getStylesLiterals": {},
1263
- "cxLiterals": [
1264
- "pointer-events-none",
1265
- "cursor-default",
1266
- "opacity-50",
1267
- "inline-flex",
1268
- "items-center",
1269
- "transition-[background-color,outline-color,box-shadow]",
1270
- "truncate",
1271
- "whitespace-nowrap",
1272
- "text-center",
1273
- "flex-1"
1274
- ],
1275
- "internalComponents": [
1276
- "IconSlot",
1277
- "HStack",
1278
- "As",
1279
- "Text"
1280
- ],
1281
- "internalComponentProps": {
1282
- "Text": {
1283
- "as": [
1284
- "span"
1285
- ],
1286
- "color": [
1287
- "current"
1288
- ],
1289
- "variant": [
1290
- "inherit"
1291
- ]
1292
- }
1293
- },
1294
- "propToVariantKeys": {
1295
- "size": [
1296
- "chipSizeRoot",
1297
- "chipSizeIcon"
1298
- ],
1299
- "startIcon": [
1300
- "icon"
1301
- ],
1302
- "endIcon": [
1303
- "icon"
1304
- ]
1305
- },
1547
+ "cxLiterals": [],
1548
+ "internalComponents": [],
1549
+ "internalComponentProps": {},
1550
+ "propToVariantKeys": {},
1306
1551
  "motionVarPrefixes": []
1307
1552
  },
1308
- "ChipButton": {
1309
- "name": "ChipButton",
1310
- "defaultProps": {
1311
- "variant": "primary"
1312
- },
1553
+ "PopoverTrigger": {
1554
+ "name": "PopoverTrigger",
1555
+ "defaultProps": {},
1313
1556
  "getStylesLiterals": {},
1314
- "cxLiterals": [
1315
- "uds-ring"
1316
- ],
1557
+ "cxLiterals": [],
1317
1558
  "internalComponents": [
1318
- "ChipBase"
1559
+ "PopoverDisclosure"
1319
1560
  ],
1320
1561
  "internalComponentProps": {
1321
- "ChipBase": {
1322
- "as": [
1323
- "button"
1562
+ "PopoverDisclosure": {
1563
+ "className": [
1564
+ "inline"
1324
1565
  ]
1325
1566
  }
1326
1567
  },
1327
1568
  "propToVariantKeys": {
1328
- "variant": [
1329
- "chipLinkVariantRoot",
1330
- "chipLinkVariantIcon"
1569
+ "children": [
1570
+ "render"
1331
1571
  ]
1332
1572
  },
1333
1573
  "motionVarPrefixes": []
1334
1574
  },
1335
- "ChipDismissible": {
1336
- "name": "ChipDismissible",
1337
- "defaultProps": {
1338
- "variant": "primary"
1575
+ "PopoverContent": {
1576
+ "name": "PopoverContent",
1577
+ "defaultProps": {},
1578
+ "getStylesLiterals": {
1579
+ "popoverSizeRoot": "default",
1580
+ "popoverVariantRoot": "default",
1581
+ "display": "flex",
1582
+ "position": "absolute",
1583
+ "spacingTop": "0",
1584
+ "spacingStart": "0",
1585
+ "spacingBottom": "0",
1586
+ "spacingEnd": "0",
1587
+ "popoverSizeSvgBase": "default",
1588
+ "popoverVariantSvgBase": "default",
1589
+ "popoverSizeSvgBorder": "default",
1590
+ "popoverVariantSvgBorder": "default",
1591
+ "popoverVariantBlur": "default",
1592
+ "width": "full",
1593
+ "height": "full",
1594
+ "flexShrink": "0",
1595
+ "borderRadius": "full",
1596
+ "alignItems": "center",
1597
+ "justifyContent": "center",
1598
+ "popoverVariantCloseIcon": "default",
1599
+ "popoverSizeCloseIcon": "default"
1339
1600
  },
1340
- "getStylesLiterals": {},
1341
1601
  "cxLiterals": [
1342
- "uds-chip-dismissible-button",
1343
- "uds-hit-target",
1602
+ "z-[9999]",
1603
+ "outline-none",
1604
+ "focus-visible:outline-none",
1605
+ "uds-bgBlurFillFallback",
1606
+ "uds-bgBlurFallback",
1607
+ "top-0",
1608
+ "left-0",
1609
+ "z-[1]",
1610
+ "duration-0",
1611
+ "duration-120",
1612
+ "transition-[background-color]",
1613
+ "bg-carbon-15/0",
1614
+ "hover:bg-carbon-15/10",
1615
+ "active:bg-carbon-15/15",
1344
1616
  "uds-ring",
1345
- "rounded-full"
1617
+ "absolute",
1618
+ "z-[4]"
1346
1619
  ],
1347
1620
  "internalComponents": [
1348
- "ChipBase",
1621
+ "PopoverDismiss",
1349
1622
  "IconSlot",
1623
+ "PopoverArrow",
1624
+ "Popover",
1625
+ "SvgFloatingOverlay",
1626
+ "Box",
1350
1627
  "Pressable"
1351
1628
  ],
1352
1629
  "internalComponentProps": {},
1353
1630
  "propToVariantKeys": {
1354
- "variant": [
1355
- "chipDismissibleVariantRoot",
1356
- "chipDismissibleVariantIcon"
1357
- ],
1358
- "dismissButtonAriaLabel": [
1359
- "aria-label"
1631
+ "closeIcon": [
1632
+ "icon"
1360
1633
  ]
1361
1634
  },
1362
1635
  "motionVarPrefixes": []
1363
1636
  },
1364
- "ChipLink": {
1365
- "name": "ChipLink",
1366
- "defaultProps": {
1367
- "variant": "primary"
1368
- },
1637
+ "BottomSheetContent": {
1638
+ "name": "BottomSheetContent",
1639
+ "defaultProps": {},
1369
1640
  "getStylesLiterals": {},
1370
1641
  "cxLiterals": [
1371
- "uds-ring"
1642
+ "min-h-0",
1643
+ "touch-pan-y"
1372
1644
  ],
1373
1645
  "internalComponents": [
1374
- "ChipBase"
1646
+ "Box",
1647
+ "VStack"
1375
1648
  ],
1376
1649
  "internalComponentProps": {
1377
- "ChipBase": {
1378
- "as": [
1379
- "a"
1650
+ "Box": {
1651
+ "display": [
1652
+ "block"
1653
+ ],
1654
+ "flex": [
1655
+ "1"
1380
1656
  ]
1381
- }
1382
- },
1383
- "propToVariantKeys": {
1384
- "variant": [
1385
- "chipLinkVariantRoot",
1386
- "chipLinkVariantIcon"
1387
- ]
1388
- },
1389
- "motionVarPrefixes": []
1390
- },
1391
- "ChipToggle": {
1392
- "name": "ChipToggle",
1393
- "defaultProps": {
1394
- "variant": "primary",
1395
- "role": "checkbox"
1396
- },
1397
- "getStylesLiterals": {
1398
- "chipToggleVariantActiveRoot": "on",
1399
- "chipToggleVariantActiveRoot:1": "off"
1400
- },
1401
- "cxLiterals": [
1402
- "uds-ring"
1403
- ],
1404
- "internalComponents": [
1405
- "ChipBase"
1406
- ],
1407
- "internalComponentProps": {
1408
- "ChipBase": {
1409
- "as": [
1410
- "button"
1657
+ },
1658
+ "VStack": {
1659
+ "className": [
1660
+ "pb-[calc(env(safe-area-inset-bottom))]"
1411
1661
  ]
1412
- }
1413
- },
1414
- "propToVariantKeys": {
1415
- "variant": [
1416
- "chipToggleVariantRoot",
1417
- "chipToggleVariantIcon"
1418
- ]
1419
- },
1420
- "motionVarPrefixes": []
1421
- },
1422
- "Input": {
1423
- "name": "Input",
1424
- "defaultProps": {
1425
- "type": "text",
1426
- "size": "md",
1427
- "width": "full"
1428
- },
1429
- "getStylesLiterals": {
1430
- "inputVariantRoot": "default",
1431
- "inputVariantValueRoot": "empty",
1432
- "inputVariantValueRoot:1": "filled",
1433
- "inputVariantInputWrapper": "default",
1434
- "inputVariantValueInputWrapper": "empty",
1435
- "inputVariantValueInputWrapper:1": "filled",
1436
- "inputVariantInput": "default",
1437
- "inputVariantValueInput": "empty",
1438
- "inputVariantValueInput:1": "filled",
1439
- "inputVariantInputPlaceholder": "default",
1440
- "inputVariantValueInputPlaceholder": "empty",
1441
- "inputVariantValueInputPlaceholder:1": "filled",
1442
- "inputVariantLabel": "default",
1443
- "inputVariantValueLabel": "empty",
1444
- "inputVariantValueLabel:1": "filled",
1445
- "inputVariantLabelRequired": "default",
1446
- "inputVariantValueLabelRequired": "empty",
1447
- "inputVariantValueLabelRequired:1": "filled",
1448
- "inputVariantStartIcon": "default",
1449
- "inputVariantValueStartIcon": "empty",
1450
- "inputVariantValueStartIcon:1": "filled",
1451
- "inputVariantEndIcon": "default",
1452
- "inputVariantValueEndIcon": "empty",
1453
- "inputVariantValueEndIcon:1": "filled"
1662
+ }
1663
+ },
1664
+ "propToVariantKeys": {},
1665
+ "motionVarPrefixes": []
1666
+ },
1667
+ "BottomSheetDismiss": {
1668
+ "name": "BottomSheetDismiss",
1669
+ "defaultProps": {},
1670
+ "getStylesLiterals": {},
1671
+ "cxLiterals": [],
1672
+ "internalComponents": [
1673
+ "AriakitDialogDismiss"
1674
+ ],
1675
+ "internalComponentProps": {},
1676
+ "propToVariantKeys": {},
1677
+ "motionVarPrefixes": []
1678
+ },
1679
+ "BottomSheet": {
1680
+ "name": "BottomSheet",
1681
+ "defaultProps": {
1682
+ "variant": "default"
1454
1683
  },
1684
+ "getStylesLiterals": {},
1455
1685
  "cxLiterals": [
1456
- "opacity-50",
1457
- "min-w-[200px]",
1458
- "grow",
1459
- "uds-hit-target",
1460
- "bg-clip-text",
1461
- "focus:outline-none",
1462
- "cursor-text",
1463
- "cursor-not-allowed"
1686
+ "fixed",
1687
+ "overflow-hidden",
1688
+ "inset-x-0",
1689
+ "bottom-0",
1690
+ "z-50",
1691
+ "[will-change:transform]",
1692
+ "touch-none",
1693
+ "[transform:translate3d(0,var(--uds-bottomsheet-hidden-translate),0)]",
1694
+ "data-[enter]:[transform:translate3d(0,var(--uds-bottomsheet-visible-translate),0)]",
1695
+ "transition-transform",
1696
+ "duration-500",
1697
+ "ease-[cubic-bezier(0.32,0.72,0,1)]",
1698
+ "motion-reduce:transition-none",
1699
+ "top-[-4px]",
1700
+ "z-[1]",
1701
+ "touch-pan-y"
1464
1702
  ],
1465
1703
  "internalComponents": [
1466
- "IconSlot",
1467
- "StartIcon",
1468
- "EndIcon",
1469
- "HelpTextContent",
1704
+ "Scrim",
1705
+ "BottomSheetHandle",
1706
+ "Dialog",
1470
1707
  "Box",
1471
- "InputHelpTextInternal",
1472
- "VStack",
1473
- "HStack",
1474
- "AnimateHeightChange"
1708
+ "BottomSheetInternalContext.Provider"
1475
1709
  ],
1476
1710
  "internalComponentProps": {
1477
- "HelpTextContent": {
1478
- "spacingTop": [
1479
- "2"
1711
+ "BottomSheetHandle": {
1712
+ "ariaLabel": [
1713
+ "Resize sheet"
1714
+ ]
1715
+ },
1716
+ "Dialog": {
1717
+ "data-testid": [
1718
+ "bottom-sheet"
1480
1719
  ]
1481
1720
  },
1482
1721
  "Box": {
1483
- "spacingBottom": [
1484
- "2"
1485
- ],
1486
- "columnGap": [
1487
- "0.5"
1488
- ],
1489
- "alignItems": [
1490
- "flex-end",
1491
- "center"
1722
+ "display": [
1723
+ "block",
1724
+ "flex"
1492
1725
  ],
1493
1726
  "position": [
1494
- "relative"
1495
- ]
1496
- },
1497
- "HStack": {
1498
- "alignItems": [
1499
- "center"
1727
+ "absolute"
1500
1728
  ],
1501
- "gap": [
1502
- "1"
1729
+ "flexDirection": [
1730
+ "column"
1731
+ ],
1732
+ "className": [
1733
+ "absolute inset-0 min-h-0 p-[inherit]"
1503
1734
  ]
1504
1735
  }
1505
1736
  },
1506
1737
  "propToVariantKeys": {
1507
- "size": [
1508
- "inputSizeRoot",
1509
- "inputSizeInputWrapper",
1510
- "inputSizeInput",
1511
- "inputSizeLabel",
1512
- "inputSizeStartIcon",
1513
- "inputSizeEndIcon"
1514
- ],
1515
- "startIcon": [
1516
- "icon"
1517
- ],
1518
- "endIcon": [
1519
- "icon"
1520
- ],
1521
- "helperTextIcon": [
1522
- "startIcon"
1738
+ "variant": [
1739
+ "bottomsheetVariantRoot"
1523
1740
  ]
1524
1741
  },
1525
1742
  "motionVarPrefixes": []
1526
1743
  },
1527
- "InputHelpText": {
1528
- "name": "InputHelpText",
1529
- "defaultProps": {
1530
- "size": "md"
1531
- },
1532
- "getStylesLiterals": {
1533
- "inputVariantRoot": "default",
1534
- "inputVariantValueRoot": "empty",
1535
- "inputVariantValueRoot:1": "filled"
1536
- },
1537
- "cxLiterals": [],
1744
+ "BottomSheetHandle": {
1745
+ "name": "BottomSheetHandle",
1746
+ "defaultProps": {},
1747
+ "getStylesLiterals": {},
1748
+ "cxLiterals": [
1749
+ "relative",
1750
+ "h-5",
1751
+ "w-16",
1752
+ "outline-none",
1753
+ "focus-visible:outline-none",
1754
+ "[touch-action:pan-y]",
1755
+ "absolute",
1756
+ "left-1/2",
1757
+ "top-1/2",
1758
+ "-translate-x-1/2",
1759
+ "-translate-y-1/2",
1760
+ "h-1",
1761
+ "w-8",
1762
+ "rounded-full",
1763
+ "bg-accent"
1764
+ ],
1538
1765
  "internalComponents": [
1539
- "InputHelpTextInternal",
1540
1766
  "Box"
1541
1767
  ],
1542
1768
  "internalComponentProps": {
1543
1769
  "Box": {
1544
- "spacingTop": [
1545
- "2"
1770
+ "display": [
1771
+ "block",
1772
+ "flex"
1773
+ ],
1774
+ "justifyContent": [
1775
+ "center"
1546
1776
  ]
1547
1777
  }
1548
1778
  },
1549
- "propToVariantKeys": {
1550
- "size": [
1551
- "inputSizeRoot"
1552
- ]
1553
- },
1779
+ "propToVariantKeys": {},
1554
1780
  "motionVarPrefixes": []
1555
1781
  },
1556
- "InputHelpTextInternal": {
1557
- "name": "InputHelpTextInternal",
1782
+ "BottomSheetInternalContext": {
1783
+ "name": "BottomSheetInternalContext",
1558
1784
  "defaultProps": {},
1559
- "getStylesLiterals": {
1560
- "inputVariantHelperText": "default",
1561
- "inputVariantValueHelperText": "empty",
1562
- "inputVariantValueHelperText:1": "filled",
1563
- "inputVariantHelperIcon": "default",
1564
- "inputVariantValueHelperIcon": "empty",
1565
- "inputVariantValueHelperIcon:1": "filled"
1566
- },
1785
+ "getStylesLiterals": {},
1567
1786
  "cxLiterals": [],
1787
+ "internalComponents": [],
1788
+ "internalComponentProps": {},
1789
+ "propToVariantKeys": {},
1790
+ "motionVarPrefixes": []
1791
+ },
1792
+ "BottomSheetHeader": {
1793
+ "name": "BottomSheetHeader",
1794
+ "defaultProps": {
1795
+ "variant": "default"
1796
+ },
1797
+ "getStylesLiterals": {},
1798
+ "cxLiterals": [
1799
+ "grid-cols-[40px_1fr_40px]",
1800
+ "items-center",
1801
+ "w-full",
1802
+ "min-h-10",
1803
+ "mt-2"
1804
+ ],
1568
1805
  "internalComponents": [
1569
- "IconSlot",
1570
- "HStack"
1806
+ "Box",
1807
+ "Text"
1571
1808
  ],
1572
1809
  "internalComponentProps": {
1573
- "HStack": {
1574
- "gap": [
1575
- "1"
1810
+ "Box": {
1811
+ "className": [
1812
+ "h-10 w-10 opacity-0 pointer-events-none"
1576
1813
  ],
1577
- "alignItems": [
1814
+ "display": [
1815
+ "grid",
1816
+ "flex"
1817
+ ],
1818
+ "justifyContent": [
1819
+ "flex-start",
1820
+ "flex-end"
1821
+ ]
1822
+ },
1823
+ "Text": {
1824
+ "variant": [
1825
+ "inherit"
1826
+ ],
1827
+ "color": [
1828
+ "inherit"
1829
+ ],
1830
+ "textAlign": [
1578
1831
  "center"
1832
+ ],
1833
+ "className": [
1834
+ "w-full"
1579
1835
  ]
1580
1836
  }
1581
1837
  },
1582
1838
  "propToVariantKeys": {
1583
- "size": [
1584
- "inputSizeHelperText",
1585
- "inputSizeHelperIcon"
1586
- ],
1587
- "startIcon": [
1588
- "icon"
1589
- ],
1590
- "endIcon": [
1591
- "icon"
1839
+ "variant": [
1840
+ "bottomsheetVariantHeader"
1592
1841
  ]
1593
1842
  },
1594
1843
  "motionVarPrefixes": []
1595
1844
  },
1596
- "Menu.Content": {
1597
- "name": "Menu.Content",
1598
- "defaultProps": {
1599
- "size": "default",
1600
- "variant": "default",
1601
- "gutter": "1"
1602
- },
1603
- "getStylesLiterals": {},
1604
- "cxLiterals": [
1605
- "uds-menu-content",
1606
- "transition-shadow",
1607
- "duration-200",
1608
- "ease-in-out",
1609
- "min-w-60",
1610
- "max-w-lg",
1611
- "max-h-96",
1612
- "overflow-auto",
1613
- "uds-ring",
1614
- "z-10",
1615
- "group"
1845
+ "BottomSheetTrigger": {
1846
+ "name": "BottomSheetTrigger",
1847
+ "defaultProps": {},
1848
+ "getStylesLiterals": {},
1849
+ "cxLiterals": [],
1850
+ "internalComponents": [
1851
+ "AriakitDialogDisclosure"
1616
1852
  ],
1853
+ "internalComponentProps": {},
1854
+ "propToVariantKeys": {},
1855
+ "motionVarPrefixes": []
1856
+ },
1857
+ "BottomSheetProvider": {
1858
+ "name": "BottomSheetProvider",
1859
+ "defaultProps": {},
1860
+ "getStylesLiterals": {},
1861
+ "cxLiterals": [],
1617
1862
  "internalComponents": [
1618
- "AriakitMenu",
1619
- "AnimatePresence",
1620
- "MotionVStack"
1863
+ "AriakitDialogProvider"
1621
1864
  ],
1622
1865
  "internalComponentProps": {},
1623
- "propToVariantKeys": {
1624
- "size": [
1625
- "menucontentSizeRoot"
1626
- ],
1627
- "variant": [
1628
- "menucontentVariantRoot"
1629
- ]
1630
- },
1866
+ "propToVariantKeys": {},
1631
1867
  "motionVarPrefixes": []
1632
1868
  },
1633
- "Menu.Divider": {
1634
- "name": "Menu.Divider",
1635
- "defaultProps": {
1636
- "role": "separator",
1637
- "contentPosition": "start",
1638
- "gap": "4"
1639
- },
1640
- "getStylesLiterals": {
1641
- "menuitemDividerVariantRoot": "default",
1642
- "menuitemDividerVariantText": "default",
1643
- "menuitemDividerVariantLine": "default"
1644
- },
1869
+ "UDSBottomSheetConfigProvider": {
1870
+ "name": "UDSBottomSheetConfigProvider",
1871
+ "defaultProps": {},
1872
+ "getStylesLiterals": {},
1645
1873
  "cxLiterals": [],
1646
1874
  "internalComponents": [
1647
- "DividerInternal"
1875
+ "BottomSheetContext.Provider"
1648
1876
  ],
1649
- "internalComponentProps": {
1650
- "DividerInternal": {
1651
- "variant": [
1652
- "inherit"
1653
- ]
1654
- }
1655
- },
1877
+ "internalComponentProps": {},
1656
1878
  "propToVariantKeys": {},
1657
1879
  "motionVarPrefixes": []
1658
1880
  },
1659
- "Menu.Item": {
1660
- "name": "Menu.Item",
1881
+ "UDSToastConfigProvider": {
1882
+ "name": "UDSToastConfigProvider",
1661
1883
  "defaultProps": {},
1662
- "getStylesLiterals": {
1663
- "menuitemItemVariantRoot": "default",
1664
- "menuitemItemVariantActiveRoot": "on",
1665
- "menuitemItemVariantActiveRoot:1": "off",
1666
- "menuitemItemVariantText": "default",
1667
- "menuitemItemVariantActiveText": "on",
1668
- "menuitemItemVariantActiveText:1": "off",
1669
- "menuitemItemVariantIcon": "default",
1670
- "menuitemItemVariantActiveIcon": "on",
1671
- "menuitemItemVariantActiveIcon:1": "off"
1672
- },
1884
+ "getStylesLiterals": {},
1673
1885
  "cxLiterals": [],
1674
1886
  "internalComponents": [
1675
- "MenuItemBase"
1887
+ "ToastContext.Provider"
1676
1888
  ],
1677
1889
  "internalComponentProps": {},
1678
1890
  "propToVariantKeys": {},
1679
1891
  "motionVarPrefixes": []
1680
1892
  },
1681
- "Menu.ItemBase": {
1682
- "name": "Menu.ItemBase",
1683
- "defaultProps": {
1684
- "spacing": "0",
1685
- "spacingHorizontal": "4",
1686
- "spacingVertical": "3.5",
1687
- "columnGap": "2",
1688
- "alignItems": "center",
1689
- "justifyContent": "space-between"
1690
- },
1893
+ "Toast": {
1894
+ "name": "Toast",
1895
+ "defaultProps": {},
1691
1896
  "getStylesLiterals": {
1692
- "textAlign": "start",
1693
- "menuitemSizeRoot": "default",
1694
- "flexDirection": "row",
1695
- "menuitemSizeStartIcon": "default",
1696
- "menuitemSizeEndIcon": "default"
1897
+ "className": "flex-none",
1898
+ "spacing": "2",
1899
+ "borderRadius": "full"
1697
1900
  },
1698
1901
  "cxLiterals": [
1699
- "flex",
1700
- "focus-visible:text-brand",
1701
- "focus-visible:bg-brand-secondary",
1702
- "focus-visible:z-10",
1703
- "uds-ring",
1704
- "!-outline-offset-2",
1705
- "[&:not([aria-checked])]:cursor-default",
1706
- "opacity-25",
1707
- "cursor-not-allowed",
1708
- "duration-20",
1709
- "transition-[font-variation-settings]",
1710
- "ease-in-out",
1711
- "z-0",
1712
- "uds-start-icon",
1713
- "uds-end-icon"
1902
+ "duration-0",
1903
+ "duration-120",
1904
+ "transition-[background-color]",
1905
+ "bg-carbon-15/0",
1906
+ "hover:bg-carbon-15/10",
1907
+ "active:bg-carbon-15/15",
1908
+ "uds-ring"
1714
1909
  ],
1715
1910
  "internalComponents": [
1716
- "Pressable",
1717
1911
  "IconSlot",
1718
- "RootComponent",
1719
- "HStack",
1720
- "AnimatePresence"
1912
+ "ToastContainer",
1913
+ "Text",
1914
+ "Button",
1915
+ "Pressable"
1721
1916
  ],
1722
- "internalComponentProps": {
1723
- "HStack": {
1724
- "alignItems": [
1725
- "center"
1726
- ],
1727
- "width": [
1728
- "full"
1729
- ]
1730
- },
1731
- "AnimatePresence": {
1732
- "mode": [
1733
- "popLayout"
1734
- ]
1735
- }
1736
- },
1917
+ "internalComponentProps": {},
1737
1918
  "propToVariantKeys": {
1738
- "startIcon": [
1739
- "icon"
1919
+ "size": [
1920
+ "toastSizeLabel",
1921
+ "toastSizeIcon",
1922
+ "toastSizeActionButton",
1923
+ "toastSizeCloseIcon"
1740
1924
  ],
1741
- "endIcon": [
1925
+ "variant": [
1926
+ "toastVariantIcon",
1927
+ "toastVariantActionButton",
1928
+ "toastVariantCloseIcon"
1929
+ ],
1930
+ "closeIcon": [
1742
1931
  "icon"
1743
1932
  ],
1744
- "columnGap": [
1745
- "gap"
1933
+ "onClickActionButton": [
1934
+ "onClick"
1746
1935
  ]
1747
1936
  },
1748
1937
  "motionVarPrefixes": []
1749
1938
  },
1750
- "Menu.ItemCheckbox": {
1751
- "name": "Menu.ItemCheckbox",
1939
+ "ToastContainer": {
1940
+ "name": "ToastContainer",
1752
1941
  "defaultProps": {},
1753
1942
  "getStylesLiterals": {
1754
- "menuitemItemCheckboxVariantRoot": "default",
1755
- "menuitemItemCheckboxVariantActiveRoot": "on",
1756
- "menuitemItemCheckboxVariantActiveRoot:1": "off",
1757
- "menuitemItemCheckboxVariantText": "default",
1758
- "menuitemItemCheckboxVariantActiveText": "on",
1759
- "menuitemItemCheckboxVariantActiveText:1": "off",
1760
- "menuitemItemCheckboxVariantStartIcon": "default",
1761
- "menuitemItemCheckboxVariantActiveStartIcon": "on",
1762
- "menuitemItemCheckboxVariantActiveStartIcon:1": "off",
1763
- "menuitemItemCheckboxVariantEndIcon": "default",
1764
- "menuitemItemCheckboxVariantActiveEndIcon": "on",
1765
- "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
1943
+ "position": "relative",
1944
+ "alignItems": "center",
1945
+ "display": "flex",
1946
+ "className": "box-border touch-none z-0 w-full break-words mb-2 last:mb-0"
1766
1947
  },
1767
1948
  "cxLiterals": [
1768
- "uds-menu-item-checkbox"
1949
+ "w-full"
1769
1950
  ],
1770
1951
  "internalComponents": [
1771
- "MenuItemBase"
1952
+ "HStack"
1772
1953
  ],
1773
- "internalComponentProps": {},
1774
- "propToVariantKeys": {},
1954
+ "internalComponentProps": {
1955
+ "HStack": {
1956
+ "alignItems": [
1957
+ "center"
1958
+ ],
1959
+ "justifyContent": [
1960
+ "space-between"
1961
+ ],
1962
+ "overflow": [
1963
+ "hidden"
1964
+ ],
1965
+ "position": [
1966
+ "relative"
1967
+ ]
1968
+ }
1969
+ },
1970
+ "propToVariantKeys": {
1971
+ "variant": [
1972
+ "toastVariantRoot"
1973
+ ],
1974
+ "size": [
1975
+ "toastSizeRoot"
1976
+ ]
1977
+ },
1775
1978
  "motionVarPrefixes": []
1776
1979
  },
1777
- "Menu.Provider": {
1778
- "name": "Menu.Provider",
1980
+ "ToastPortal": {
1981
+ "name": "ToastPortal",
1779
1982
  "defaultProps": {},
1780
1983
  "getStylesLiterals": {},
1781
1984
  "cxLiterals": [],
1782
1985
  "internalComponents": [
1783
- "AriakitMenuProvider",
1784
- "SpringMotionConfig"
1986
+ "ReactToastifyToastContainer"
1785
1987
  ],
1786
1988
  "internalComponentProps": {},
1787
1989
  "propToVariantKeys": {},
1788
- "motionVarPrefixes": [
1789
- "--uds-motion-subtle-3-",
1790
- "--uds-motion-smooth-3-"
1791
- ]
1792
- },
1793
- "Menu.Trigger": {
1794
- "name": "Menu.Trigger",
1795
- "defaultProps": {},
1796
- "getStylesLiterals": {},
1797
- "cxLiterals": [
1798
- "uds-menu-trigger"
1799
- ],
1800
- "internalComponents": [
1801
- "AriakitMenuTrigger",
1802
- "Box"
1803
- ],
1804
- "internalComponentProps": {
1805
- "Box": {
1806
- "className": [
1807
- "uds-ring h-fit w-fit"
1808
- ]
1809
- }
1810
- },
1811
- "propToVariantKeys": {},
1812
1990
  "motionVarPrefixes": []
1813
1991
  },
1814
- "Menu.index": {
1815
- "name": "Menu.index",
1992
+ "RadioGroupStore": {
1993
+ "name": "RadioGroupStore",
1816
1994
  "defaultProps": {},
1817
1995
  "getStylesLiterals": {},
1818
1996
  "cxLiterals": [],
@@ -1821,13 +1999,23 @@
1821
1999
  "propToVariantKeys": {},
1822
2000
  "motionVarPrefixes": []
1823
2001
  },
1824
- "Menu": {
1825
- "name": "Menu",
2002
+ "RadioGroupProvider": {
2003
+ "name": "RadioGroupProvider",
1826
2004
  "defaultProps": {},
1827
2005
  "getStylesLiterals": {},
1828
2006
  "cxLiterals": [],
1829
- "internalComponents": [],
1830
- "internalComponentProps": {},
2007
+ "internalComponents": [
2008
+ "DivProps",
2009
+ "Comp",
2010
+ "RadioGroupContext.Provider"
2011
+ ],
2012
+ "internalComponentProps": {
2013
+ "Comp": {
2014
+ "role": [
2015
+ "radiogroup"
2016
+ ]
2017
+ }
2018
+ },
1831
2019
  "propToVariantKeys": {},
1832
2020
  "motionVarPrefixes": []
1833
2021
  },
@@ -1943,382 +2131,450 @@
1943
2131
  "--uds-motion-smooth-3-"
1944
2132
  ]
1945
2133
  },
1946
- "RadioGroupProvider": {
1947
- "name": "RadioGroupProvider",
2134
+ "UDSTooltipConfigProvider": {
2135
+ "name": "UDSTooltipConfigProvider",
1948
2136
  "defaultProps": {},
1949
2137
  "getStylesLiterals": {},
1950
2138
  "cxLiterals": [],
1951
2139
  "internalComponents": [
1952
- "DivProps",
1953
- "Comp",
1954
- "RadioGroupContext.Provider"
2140
+ "TooltipContext.Provider"
1955
2141
  ],
1956
- "internalComponentProps": {
1957
- "Comp": {
1958
- "role": [
1959
- "radiogroup"
1960
- ]
1961
- }
1962
- },
2142
+ "internalComponentProps": {},
1963
2143
  "propToVariantKeys": {},
1964
2144
  "motionVarPrefixes": []
1965
2145
  },
1966
- "RadioGroupStore": {
1967
- "name": "RadioGroupStore",
2146
+ "TooltipTrigger": {
2147
+ "name": "TooltipTrigger",
1968
2148
  "defaultProps": {},
1969
2149
  "getStylesLiterals": {},
1970
2150
  "cxLiterals": [],
1971
- "internalComponents": [],
1972
- "internalComponentProps": {},
1973
- "propToVariantKeys": {},
1974
- "motionVarPrefixes": []
1975
- },
1976
- "Toast": {
1977
- "name": "Toast",
1978
- "defaultProps": {},
1979
- "getStylesLiterals": {
1980
- "className": "flex-none",
1981
- "spacing": "2",
1982
- "borderRadius": "full"
1983
- },
1984
- "cxLiterals": [
1985
- "transition-[background-color]",
1986
- "bg-carbon-15/0",
1987
- "hover:bg-carbon-15/10",
1988
- "active:bg-carbon-15/15",
1989
- "uds-ring"
1990
- ],
1991
2151
  "internalComponents": [
1992
- "IconSlot",
1993
- "ToastContainer",
1994
- "Text",
1995
- "Button",
1996
- "Pressable"
2152
+ "TooltipAnchor"
1997
2153
  ],
1998
- "internalComponentProps": {},
2154
+ "internalComponentProps": {
2155
+ "TooltipAnchor": {
2156
+ "className": [
2157
+ "inline"
2158
+ ]
2159
+ }
2160
+ },
1999
2161
  "propToVariantKeys": {
2000
- "size": [
2001
- "toastSizeLabel",
2002
- "toastSizeIcon",
2003
- "toastSizeActionButton",
2004
- "toastSizeCloseIcon"
2005
- ],
2006
- "variant": [
2007
- "toastVariantIcon",
2008
- "toastVariantActionButton",
2009
- "toastVariantCloseIcon"
2010
- ],
2011
- "closeIcon": [
2012
- "icon"
2013
- ],
2014
- "onClickActionButton": [
2015
- "onClick"
2162
+ "children": [
2163
+ "render"
2016
2164
  ]
2017
2165
  },
2018
2166
  "motionVarPrefixes": []
2019
2167
  },
2020
- "ToastContainer": {
2021
- "name": "ToastContainer",
2168
+ "TooltipContent": {
2169
+ "name": "TooltipContent",
2022
2170
  "defaultProps": {},
2023
2171
  "getStylesLiterals": {
2024
- "position": "relative",
2025
- "alignItems": "center",
2026
- "display": "flex",
2027
- "className": "box-border touch-none z-0 w-full break-words mb-2 last:mb-0"
2172
+ "tooltipSizeRoot": "default",
2173
+ "tooltipVariantRoot": "default",
2174
+ "tooltipSizeSvg": "default",
2175
+ "tooltipVariantSvg": "default",
2176
+ "tooltipVariantBlur": "default",
2177
+ "position": "absolute",
2178
+ "width": "full",
2179
+ "height": "full",
2180
+ "tooltipSizeTitle": "default",
2181
+ "tooltipSizeBody": "default",
2182
+ "tooltipSizeEndContent": "default",
2183
+ "tooltipSizeIcon": "default",
2184
+ "tooltipVariantIcon": "default"
2028
2185
  },
2029
2186
  "cxLiterals": [
2030
- "w-full"
2187
+ "max-w-lg",
2188
+ "flex",
2189
+ "z-[9999]",
2190
+ "uds-bgBlurFillFallback",
2191
+ "uds-bgBlurFallback",
2192
+ "top-0",
2193
+ "left-0",
2194
+ "z-[1]"
2031
2195
  ],
2032
2196
  "internalComponents": [
2033
- "HStack"
2197
+ "IconSlot",
2198
+ "TooltipArrow",
2199
+ "Tooltip",
2200
+ "SvgFloatingOverlay",
2201
+ "VStack",
2202
+ "Box",
2203
+ "Text"
2034
2204
  ],
2035
2205
  "internalComponentProps": {
2036
- "HStack": {
2206
+ "VStack": {
2207
+ "className": [
2208
+ "gap-[inherit]"
2209
+ ]
2210
+ },
2211
+ "Box": {
2037
2212
  "alignItems": [
2038
2213
  "center"
2039
2214
  ],
2040
- "justifyContent": [
2041
- "space-between"
2042
- ],
2043
- "overflow": [
2044
- "hidden"
2045
- ],
2046
- "position": [
2047
- "relative"
2215
+ "columnGap": [
2216
+ "1",
2217
+ "1.5"
2218
+ ]
2219
+ },
2220
+ "Text": {
2221
+ "color": [
2222
+ "inherit"
2048
2223
  ]
2049
2224
  }
2050
2225
  },
2051
2226
  "propToVariantKeys": {
2052
- "variant": [
2053
- "toastVariantRoot"
2054
- ],
2055
- "size": [
2056
- "toastSizeRoot"
2227
+ "startTitleIcon": [
2228
+ "icon"
2057
2229
  ]
2058
2230
  },
2059
2231
  "motionVarPrefixes": []
2060
2232
  },
2061
- "ToastPortal": {
2062
- "name": "ToastPortal",
2233
+ "Tooltip": {
2234
+ "name": "Tooltip",
2063
2235
  "defaultProps": {},
2064
2236
  "getStylesLiterals": {},
2065
2237
  "cxLiterals": [],
2066
2238
  "internalComponents": [
2067
- "ReactToastifyToastContainer"
2239
+ "TooltipInternalContext.Provider",
2240
+ "TooltipProvider"
2068
2241
  ],
2069
2242
  "internalComponentProps": {},
2070
2243
  "propToVariantKeys": {},
2071
2244
  "motionVarPrefixes": []
2072
2245
  },
2073
- "UDSToastConfigProvider": {
2074
- "name": "UDSToastConfigProvider",
2246
+ "UDSConfigProvider": {
2247
+ "name": "UDSConfigProvider",
2075
2248
  "defaultProps": {},
2076
2249
  "getStylesLiterals": {},
2077
2250
  "cxLiterals": [],
2078
2251
  "internalComponents": [
2079
- "ToastContext.Provider"
2252
+ "UDSBreakpointsConfigProvider",
2253
+ "UDSBottomSheetConfigProvider",
2254
+ "UDSToastConfigProvider",
2255
+ "UDSTooltipConfigProvider",
2256
+ "UDSPopoverConfigProvider"
2080
2257
  ],
2081
2258
  "internalComponentProps": {},
2082
2259
  "propToVariantKeys": {},
2083
2260
  "motionVarPrefixes": []
2084
2261
  },
2085
- "Tooltip": {
2086
- "name": "Tooltip",
2262
+ "UDSBreakpointsConfigProvider": {
2263
+ "name": "UDSBreakpointsConfigProvider",
2087
2264
  "defaultProps": {},
2088
2265
  "getStylesLiterals": {},
2089
2266
  "cxLiterals": [],
2090
2267
  "internalComponents": [
2091
- "TooltipInternalContext.Provider",
2092
- "TooltipProvider"
2268
+ "UDSBreakpointsConfigContext.Provider"
2093
2269
  ],
2094
2270
  "internalComponentProps": {},
2095
2271
  "propToVariantKeys": {},
2096
2272
  "motionVarPrefixes": []
2097
2273
  },
2098
- "TooltipContent": {
2099
- "name": "TooltipContent",
2100
- "defaultProps": {},
2274
+ "Input": {
2275
+ "name": "Input",
2276
+ "defaultProps": {
2277
+ "type": "text",
2278
+ "size": "md",
2279
+ "width": "full"
2280
+ },
2101
2281
  "getStylesLiterals": {
2102
- "tooltipSizeRoot": "default",
2103
- "tooltipVariantRoot": "default",
2104
- "tooltipSizeSvg": "default",
2105
- "tooltipVariantSvg": "default",
2106
- "tooltipVariantBlur": "default",
2107
- "position": "absolute",
2108
- "width": "full",
2109
- "height": "full",
2110
- "tooltipSizeTitle": "default",
2111
- "tooltipSizeBody": "default",
2112
- "tooltipSizeEndContent": "default",
2113
- "tooltipSizeIcon": "default",
2114
- "tooltipVariantIcon": "default"
2282
+ "inputVariantRoot": "default",
2283
+ "inputVariantValueRoot": "empty",
2284
+ "inputVariantValueRoot:1": "filled",
2285
+ "inputVariantInputWrapper": "default",
2286
+ "inputVariantValueInputWrapper": "empty",
2287
+ "inputVariantValueInputWrapper:1": "filled",
2288
+ "inputVariantInput": "default",
2289
+ "inputVariantValueInput": "empty",
2290
+ "inputVariantValueInput:1": "filled",
2291
+ "inputVariantInputPlaceholder": "default",
2292
+ "inputVariantValueInputPlaceholder": "empty",
2293
+ "inputVariantValueInputPlaceholder:1": "filled",
2294
+ "inputVariantLabel": "default",
2295
+ "inputVariantValueLabel": "empty",
2296
+ "inputVariantValueLabel:1": "filled",
2297
+ "inputVariantLabelRequired": "default",
2298
+ "inputVariantValueLabelRequired": "empty",
2299
+ "inputVariantValueLabelRequired:1": "filled",
2300
+ "inputVariantStartIcon": "default",
2301
+ "inputVariantValueStartIcon": "empty",
2302
+ "inputVariantValueStartIcon:1": "filled",
2303
+ "inputVariantEndIcon": "default",
2304
+ "inputVariantValueEndIcon": "empty",
2305
+ "inputVariantValueEndIcon:1": "filled"
2115
2306
  },
2116
2307
  "cxLiterals": [
2117
- "flex",
2118
- "z-[9999]",
2119
- "stroke-1",
2120
- "uds-bgBlurFillFallback",
2121
- "uds-bgBlurFallback",
2122
- "top-0",
2123
- "left-0",
2124
- "z-[1]",
2125
- "transition-opacity",
2126
- "ease-in-out",
2127
- "absolute",
2128
- "w-full",
2129
- "h-full",
2130
- "overflow-visible",
2131
- "pointer-events-none",
2132
- "z-[2]"
2308
+ "opacity-50",
2309
+ "min-w-[200px]",
2310
+ "grow",
2311
+ "uds-hit-target",
2312
+ "bg-clip-text",
2313
+ "focus:outline-none",
2314
+ "cursor-text",
2315
+ "cursor-not-allowed"
2133
2316
  ],
2134
2317
  "internalComponents": [
2135
- "Box",
2136
2318
  "IconSlot",
2137
- "TooltipArrow",
2138
- "Tooltip",
2139
- "Fragment",
2140
- "Text"
2319
+ "StartIcon",
2320
+ "EndIcon",
2321
+ "HelpTextContent",
2322
+ "Box",
2323
+ "InputHelpTextInternal",
2324
+ "VStack",
2325
+ "HStack",
2326
+ "AnimateHeightChange"
2141
2327
  ],
2142
2328
  "internalComponentProps": {
2329
+ "HelpTextContent": {
2330
+ "spacingTop": [
2331
+ "2"
2332
+ ]
2333
+ },
2143
2334
  "Box": {
2144
- "position": [
2145
- "relative"
2146
- ],
2147
- "flexDirection": [
2148
- "column"
2335
+ "spacingBottom": [
2336
+ "2"
2149
2337
  ],
2150
- "className": [
2151
- "z-[3] gap-[inherit]"
2338
+ "columnGap": [
2339
+ "0.5"
2152
2340
  ],
2153
2341
  "alignItems": [
2342
+ "flex-end",
2154
2343
  "center"
2155
2344
  ],
2156
- "columnGap": [
2157
- "1",
2158
- "1.5"
2345
+ "position": [
2346
+ "relative"
2159
2347
  ]
2160
2348
  },
2161
- "Text": {
2162
- "color": [
2163
- "inherit"
2349
+ "HStack": {
2350
+ "alignItems": [
2351
+ "center"
2352
+ ],
2353
+ "gap": [
2354
+ "1"
2164
2355
  ]
2165
2356
  }
2166
2357
  },
2167
2358
  "propToVariantKeys": {
2168
- "startTitleIcon": [
2359
+ "size": [
2360
+ "inputSizeRoot",
2361
+ "inputSizeInputWrapper",
2362
+ "inputSizeInput",
2363
+ "inputSizeLabel",
2364
+ "inputSizeStartIcon",
2365
+ "inputSizeEndIcon"
2366
+ ],
2367
+ "startIcon": [
2169
2368
  "icon"
2369
+ ],
2370
+ "endIcon": [
2371
+ "icon"
2372
+ ],
2373
+ "helperTextIcon": [
2374
+ "startIcon"
2170
2375
  ]
2171
2376
  },
2172
2377
  "motionVarPrefixes": []
2173
2378
  },
2174
- "TooltipTrigger": {
2175
- "name": "TooltipTrigger",
2176
- "defaultProps": {},
2177
- "getStylesLiterals": {},
2379
+ "InputHelpText": {
2380
+ "name": "InputHelpText",
2381
+ "defaultProps": {
2382
+ "size": "md"
2383
+ },
2384
+ "getStylesLiterals": {
2385
+ "inputVariantRoot": "default",
2386
+ "inputVariantValueRoot": "empty",
2387
+ "inputVariantValueRoot:1": "filled"
2388
+ },
2178
2389
  "cxLiterals": [],
2179
2390
  "internalComponents": [
2180
- "TooltipAnchor"
2391
+ "InputHelpTextInternal",
2392
+ "Box"
2181
2393
  ],
2182
2394
  "internalComponentProps": {
2183
- "TooltipAnchor": {
2184
- "className": [
2185
- "inline"
2395
+ "Box": {
2396
+ "spacingTop": [
2397
+ "2"
2186
2398
  ]
2187
2399
  }
2188
2400
  },
2189
2401
  "propToVariantKeys": {
2190
- "children": [
2191
- "render"
2402
+ "size": [
2403
+ "inputSizeRoot"
2192
2404
  ]
2193
2405
  },
2194
2406
  "motionVarPrefixes": []
2195
2407
  },
2196
- "UDSTooltipConfigProvider": {
2197
- "name": "UDSTooltipConfigProvider",
2408
+ "InputHelpTextInternal": {
2409
+ "name": "InputHelpTextInternal",
2198
2410
  "defaultProps": {},
2199
- "getStylesLiterals": {},
2411
+ "getStylesLiterals": {
2412
+ "inputVariantHelperText": "default",
2413
+ "inputVariantValueHelperText": "empty",
2414
+ "inputVariantValueHelperText:1": "filled",
2415
+ "inputVariantHelperIcon": "default",
2416
+ "inputVariantValueHelperIcon": "empty",
2417
+ "inputVariantValueHelperIcon:1": "filled"
2418
+ },
2200
2419
  "cxLiterals": [],
2201
2420
  "internalComponents": [
2202
- "TooltipContext.Provider"
2421
+ "IconSlot",
2422
+ "HStack"
2203
2423
  ],
2204
- "internalComponentProps": {},
2205
- "propToVariantKeys": {},
2424
+ "internalComponentProps": {
2425
+ "HStack": {
2426
+ "gap": [
2427
+ "1"
2428
+ ],
2429
+ "alignItems": [
2430
+ "center"
2431
+ ]
2432
+ }
2433
+ },
2434
+ "propToVariantKeys": {
2435
+ "size": [
2436
+ "inputSizeHelperText",
2437
+ "inputSizeHelperIcon"
2438
+ ],
2439
+ "startIcon": [
2440
+ "icon"
2441
+ ],
2442
+ "endIcon": [
2443
+ "icon"
2444
+ ]
2445
+ },
2206
2446
  "motionVarPrefixes": []
2207
2447
  },
2208
- "UDSBreakpointsConfigProvider": {
2209
- "name": "UDSBreakpointsConfigProvider",
2448
+ "Menu.Item": {
2449
+ "name": "Menu.Item",
2210
2450
  "defaultProps": {},
2211
- "getStylesLiterals": {},
2451
+ "getStylesLiterals": {
2452
+ "menuitemItemVariantRoot": "default",
2453
+ "menuitemItemVariantActiveRoot": "on",
2454
+ "menuitemItemVariantActiveRoot:1": "off",
2455
+ "menuitemItemVariantText": "default",
2456
+ "menuitemItemVariantActiveText": "on",
2457
+ "menuitemItemVariantActiveText:1": "off",
2458
+ "menuitemItemVariantIcon": "default",
2459
+ "menuitemItemVariantActiveIcon": "on",
2460
+ "menuitemItemVariantActiveIcon:1": "off"
2461
+ },
2212
2462
  "cxLiterals": [],
2213
2463
  "internalComponents": [
2214
- "UDSBreakpointsConfigContext.Provider"
2464
+ "MenuItemBase"
2215
2465
  ],
2216
2466
  "internalComponentProps": {},
2217
2467
  "propToVariantKeys": {},
2218
2468
  "motionVarPrefixes": []
2219
2469
  },
2220
- "UDSConfigProvider": {
2221
- "name": "UDSConfigProvider",
2470
+ "Menu.Provider": {
2471
+ "name": "Menu.Provider",
2222
2472
  "defaultProps": {},
2223
2473
  "getStylesLiterals": {},
2224
2474
  "cxLiterals": [],
2225
2475
  "internalComponents": [
2226
- "UDSBreakpointsConfigProvider",
2227
- "UDSBottomSheetConfigProvider",
2228
- "UDSToastConfigProvider",
2229
- "UDSTooltipConfigProvider"
2476
+ "AriakitMenuProvider",
2477
+ "SpringMotionConfig"
2230
2478
  ],
2231
2479
  "internalComponentProps": {},
2232
2480
  "propToVariantKeys": {},
2233
- "motionVarPrefixes": []
2481
+ "motionVarPrefixes": [
2482
+ "--uds-motion-subtle-3-",
2483
+ "--uds-motion-smooth-3-"
2484
+ ]
2234
2485
  },
2235
- "Accordion": {
2236
- "name": "Accordion",
2486
+ "Menu.ItemBase": {
2487
+ "name": "Menu.ItemBase",
2237
2488
  "defaultProps": {
2489
+ "spacing": "0",
2238
2490
  "spacingHorizontal": "4",
2239
- "spacingVertical": "4"
2491
+ "spacingVertical": "3.5",
2492
+ "columnGap": "2",
2493
+ "alignItems": "center",
2494
+ "justifyContent": "space-between"
2495
+ },
2496
+ "getStylesLiterals": {
2497
+ "textAlign": "start",
2498
+ "menuitemSizeRoot": "default",
2499
+ "flexDirection": "row",
2500
+ "menuitemSizeStartIcon": "default",
2501
+ "menuitemSizeEndIcon": "default"
2240
2502
  },
2241
- "getStylesLiterals": {},
2242
2503
  "cxLiterals": [
2243
- "hover:bg-secondary/80",
2244
- "w-full"
2504
+ "flex",
2505
+ "focus-visible:text-brand",
2506
+ "focus-visible:bg-brand-secondary",
2507
+ "focus-visible:z-10",
2508
+ "uds-ring",
2509
+ "!-outline-offset-2",
2510
+ "[&:not([aria-checked])]:cursor-default",
2511
+ "opacity-25",
2512
+ "cursor-not-allowed",
2513
+ "duration-20",
2514
+ "transition-[font-variation-settings]",
2515
+ "ease-in-out",
2516
+ "z-0",
2517
+ "uds-start-icon",
2518
+ "uds-end-icon"
2245
2519
  ],
2246
2520
  "internalComponents": [
2247
- "Icon",
2248
- "SpringMotionConfig",
2249
2521
  "Pressable",
2250
- "Text",
2522
+ "IconSlot",
2523
+ "RootComponent",
2251
2524
  "HStack",
2252
- "AnimatePresence",
2253
- "VStack"
2525
+ "AnimatePresence"
2254
2526
  ],
2255
2527
  "internalComponentProps": {
2256
- "Icon": {
2257
- "variant": [
2258
- "fill"
2259
- ],
2260
- "size": [
2261
- "sm"
2262
- ],
2263
- "color": [
2264
- "primary"
2265
- ]
2266
- },
2267
- "SpringMotionConfig": {
2268
- "layoutVariant": [
2269
- "smooth"
2270
- ],
2271
- "layoutSpeed": [
2272
- "3"
2273
- ]
2274
- },
2275
- "Pressable": {
2276
- "display": [
2277
- "flex"
2278
- ],
2279
- "flexDirection": [
2280
- "row"
2281
- ],
2528
+ "HStack": {
2282
2529
  "alignItems": [
2283
2530
  "center"
2284
2531
  ],
2285
- "justifyContent": [
2286
- "space-between"
2287
- ],
2288
- "borderRadius": [
2289
- "md"
2532
+ "width": [
2533
+ "full"
2290
2534
  ]
2291
2535
  },
2292
- "Text": {
2293
- "variant": [
2294
- "title4"
2295
- ],
2296
- "color": [
2297
- "primary"
2536
+ "AnimatePresence": {
2537
+ "mode": [
2538
+ "popLayout"
2298
2539
  ]
2299
- },
2300
- "HStack": {
2301
- "display": [
2302
- "flex"
2303
- ],
2304
- "alignItems": [
2305
- "center"
2306
- ],
2307
- "justifyContent": [
2308
- "space-between"
2309
- ],
2310
- "columnGap": [
2311
- "2.5"
2540
+ }
2541
+ },
2542
+ "propToVariantKeys": {
2543
+ "startIcon": [
2544
+ "icon"
2545
+ ],
2546
+ "endIcon": [
2547
+ "icon"
2548
+ ],
2549
+ "columnGap": [
2550
+ "gap"
2551
+ ]
2552
+ },
2553
+ "motionVarPrefixes": []
2554
+ },
2555
+ "Menu.Trigger": {
2556
+ "name": "Menu.Trigger",
2557
+ "defaultProps": {},
2558
+ "getStylesLiterals": {},
2559
+ "cxLiterals": [
2560
+ "uds-menu-trigger"
2561
+ ],
2562
+ "internalComponents": [
2563
+ "AriakitMenuTrigger",
2564
+ "Box"
2565
+ ],
2566
+ "internalComponentProps": {
2567
+ "Box": {
2568
+ "className": [
2569
+ "uds-ring h-fit w-fit"
2312
2570
  ]
2313
2571
  }
2314
2572
  },
2315
2573
  "propToVariantKeys": {},
2316
- "motionVarPrefixes": [
2317
- "--uds-motion-smooth-3-"
2318
- ]
2574
+ "motionVarPrefixes": []
2319
2575
  },
2320
- "AvoidMotionLibraryProvider": {
2321
- "name": "AvoidMotionLibraryProvider",
2576
+ "Menu.index": {
2577
+ "name": "Menu.index",
2322
2578
  "defaultProps": {},
2323
2579
  "getStylesLiterals": {},
2324
2580
  "cxLiterals": [],
@@ -2327,382 +2583,285 @@
2327
2583
  "propToVariantKeys": {},
2328
2584
  "motionVarPrefixes": []
2329
2585
  },
2330
- "Modal": {
2331
- "name": "Modal",
2332
- "defaultProps": {},
2586
+ "Menu.Content": {
2587
+ "name": "Menu.Content",
2588
+ "defaultProps": {
2589
+ "size": "default",
2590
+ "variant": "default",
2591
+ "gutter": "1"
2592
+ },
2333
2593
  "getStylesLiterals": {},
2334
2594
  "cxLiterals": [
2335
- "inset-8",
2336
- "top-[250px]",
2337
- "z-50",
2338
- "mx-auto",
2339
- "h-fit",
2340
- "w-[600px]",
2341
- "origin-center",
2342
- "scale-95",
2343
- "opacity-0",
2344
- "transition",
2345
- "duration-150",
2346
- "data-[enter]:scale-100",
2347
- "data-[enter]:opacity-100",
2348
- "data-[enter]:bg-primary",
2349
- "backdrop-blur-0",
2350
- "data-[enter]:opacity-60",
2351
- "data-[enter]:backdrop-blur-sm"
2595
+ "uds-menu-content",
2596
+ "transition-shadow",
2597
+ "duration-200",
2598
+ "ease-in-out",
2599
+ "min-w-60",
2600
+ "max-w-lg",
2601
+ "max-h-96",
2602
+ "overflow-auto",
2603
+ "uds-ring",
2604
+ "z-10",
2605
+ "group"
2352
2606
  ],
2353
2607
  "internalComponents": [
2354
- "IconButton",
2355
- "Dialog",
2356
- "HStack",
2357
- "Text",
2358
- "VStack"
2608
+ "AriakitMenu",
2609
+ "AnimatePresence",
2610
+ "MotionVStack"
2359
2611
  ],
2360
- "internalComponentProps": {
2361
- "IconButton": {
2362
- "aria-label": [
2363
- "Close"
2364
- ],
2365
- "size": [
2366
- "sm"
2367
- ],
2368
- "variant": [
2369
- "tertiary"
2370
- ]
2371
- },
2372
- "HStack": {
2373
- "alignItems": [
2374
- "center"
2375
- ],
2376
- "justifyContent": [
2377
- "space-between"
2378
- ]
2379
- },
2380
- "Text": {
2381
- "variant": [
2382
- "headline1"
2383
- ],
2384
- "color": [
2385
- "primary"
2386
- ]
2387
- },
2388
- "VStack": {
2389
- "borderRadius": [
2390
- "md"
2391
- ],
2392
- "position": [
2393
- "fixed"
2394
- ],
2395
- "backgroundColor": [
2396
- "primary"
2397
- ],
2398
- "dropShadow": [
2399
- "md"
2400
- ],
2401
- "spacing": [
2402
- "8"
2403
- ],
2404
- "overflow": [
2405
- "hidden"
2406
- ]
2407
- }
2408
- },
2612
+ "internalComponentProps": {},
2409
2613
  "propToVariantKeys": {
2410
- "handleClose": [
2411
- "onClick"
2614
+ "size": [
2615
+ "menucontentSizeRoot"
2616
+ ],
2617
+ "variant": [
2618
+ "menucontentVariantRoot"
2412
2619
  ]
2413
2620
  },
2414
2621
  "motionVarPrefixes": []
2415
2622
  },
2416
- "Popover": {
2417
- "name": "Popover",
2418
- "defaultProps": {},
2419
- "getStylesLiterals": {},
2623
+ "Menu.Divider": {
2624
+ "name": "Menu.Divider",
2625
+ "defaultProps": {
2626
+ "role": "separator",
2627
+ "contentPosition": "start",
2628
+ "gap": "4"
2629
+ },
2630
+ "getStylesLiterals": {
2631
+ "menuitemDividerVariantRoot": "default",
2632
+ "menuitemDividerVariantText": "default",
2633
+ "menuitemDividerVariantLine": "default"
2634
+ },
2420
2635
  "cxLiterals": [],
2421
2636
  "internalComponents": [
2422
- "HStack",
2423
- "Text",
2424
- "OriginalPopoverHeading"
2637
+ "DividerInternal"
2425
2638
  ],
2426
2639
  "internalComponentProps": {
2427
- "Text": {
2640
+ "DividerInternal": {
2428
2641
  "variant": [
2429
- "headline1"
2430
- ],
2431
- "color": [
2432
- "primary"
2642
+ "inherit"
2433
2643
  ]
2434
2644
  }
2435
2645
  },
2436
2646
  "propToVariantKeys": {},
2437
2647
  "motionVarPrefixes": []
2438
2648
  },
2439
- "SegmentedControl": {
2440
- "name": "SegmentedControl",
2649
+ "Menu": {
2650
+ "name": "Menu",
2651
+ "defaultProps": {},
2652
+ "getStylesLiterals": {},
2653
+ "cxLiterals": [],
2654
+ "internalComponents": [],
2655
+ "internalComponentProps": {},
2656
+ "propToVariantKeys": {},
2657
+ "motionVarPrefixes": []
2658
+ },
2659
+ "Menu.ItemCheckbox": {
2660
+ "name": "Menu.ItemCheckbox",
2441
2661
  "defaultProps": {},
2442
2662
  "getStylesLiterals": {
2443
- "display": "flex",
2444
- "alignItems": "center",
2445
- "backgroundColor": "primary",
2446
- "spacingVertical": "1",
2447
- "spacingHorizontal": "3",
2448
- "columnGap": "1.5",
2449
- "borderWidth": "thin",
2450
- "borderRadius": "full",
2451
- "borderColor": "muted",
2452
- "borderColor:1": "transparent",
2453
- "color": "primary",
2454
- "color:1": "tertiary",
2455
- "color:2": "muted"
2663
+ "menuitemItemCheckboxVariantRoot": "default",
2664
+ "menuitemItemCheckboxVariantActiveRoot": "on",
2665
+ "menuitemItemCheckboxVariantActiveRoot:1": "off",
2666
+ "menuitemItemCheckboxVariantText": "default",
2667
+ "menuitemItemCheckboxVariantActiveText": "on",
2668
+ "menuitemItemCheckboxVariantActiveText:1": "off",
2669
+ "menuitemItemCheckboxVariantStartIcon": "default",
2670
+ "menuitemItemCheckboxVariantActiveStartIcon": "on",
2671
+ "menuitemItemCheckboxVariantActiveStartIcon:1": "off",
2672
+ "menuitemItemCheckboxVariantEndIcon": "default",
2673
+ "menuitemItemCheckboxVariantActiveEndIcon": "on",
2674
+ "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
2456
2675
  },
2457
2676
  "cxLiterals": [
2458
- "uds-ring",
2459
- "cursor-not-allowed",
2460
- "opacity-50",
2461
- "pointer-events-none",
2462
- "hover:bg-primary"
2677
+ "uds-menu-item-checkbox"
2463
2678
  ],
2464
2679
  "internalComponents": [
2465
- "Radio",
2466
- "Icon",
2467
- "RadioProvider",
2468
- "HStack",
2469
- "RadioGroup",
2470
- "Pressable",
2471
- "Text"
2680
+ "MenuItemBase"
2681
+ ],
2682
+ "internalComponentProps": {},
2683
+ "propToVariantKeys": {},
2684
+ "motionVarPrefixes": []
2685
+ },
2686
+ "ChipLink": {
2687
+ "name": "ChipLink",
2688
+ "defaultProps": {
2689
+ "variant": "primary"
2690
+ },
2691
+ "getStylesLiterals": {},
2692
+ "cxLiterals": [
2693
+ "uds-ring"
2694
+ ],
2695
+ "internalComponents": [
2696
+ "ChipBase"
2472
2697
  ],
2473
2698
  "internalComponentProps": {
2474
- "Icon": {
2475
- "size": [
2476
- "sm"
2477
- ],
2478
- "color": [
2479
- "current"
2480
- ],
2481
- "aria-hidden": [
2482
- "true"
2483
- ]
2484
- },
2485
- "HStack": {
2486
- "spacing": [
2487
- "1"
2488
- ],
2489
- "gap": [
2490
- "1"
2491
- ],
2492
- "backgroundColor": [
2493
- "secondary"
2494
- ],
2495
- "borderRadius": [
2496
- "full"
2497
- ],
2498
- "display": [
2499
- "inline-flex"
2500
- ]
2501
- },
2502
- "Text": {
2503
- "variant": [
2504
- "label2"
2505
- ],
2506
- "color": [
2507
- "current"
2699
+ "ChipBase": {
2700
+ "as": [
2701
+ "a"
2508
2702
  ]
2509
2703
  }
2510
2704
  },
2511
2705
  "propToVariantKeys": {
2512
- "value": [
2513
- "key"
2706
+ "variant": [
2707
+ "chipLinkVariantRoot",
2708
+ "chipLinkVariantIcon"
2709
+ ]
2710
+ },
2711
+ "motionVarPrefixes": []
2712
+ },
2713
+ "ChipDismissible": {
2714
+ "name": "ChipDismissible",
2715
+ "defaultProps": {
2716
+ "variant": "primary"
2717
+ },
2718
+ "getStylesLiterals": {},
2719
+ "cxLiterals": [
2720
+ "uds-chip-dismissible-button",
2721
+ "uds-hit-target",
2722
+ "uds-ring",
2723
+ "rounded-full"
2724
+ ],
2725
+ "internalComponents": [
2726
+ "ChipBase",
2727
+ "IconSlot",
2728
+ "Pressable"
2729
+ ],
2730
+ "internalComponentProps": {},
2731
+ "propToVariantKeys": {
2732
+ "variant": [
2733
+ "chipDismissibleVariantRoot",
2734
+ "chipDismissibleVariantIcon"
2514
2735
  ],
2515
- "label": [
2736
+ "dismissButtonAriaLabel": [
2516
2737
  "aria-label"
2517
2738
  ]
2518
2739
  },
2519
2740
  "motionVarPrefixes": []
2520
2741
  },
2521
- "SwitchV2": {
2522
- "name": "SwitchV2",
2742
+ "ChipToggle": {
2743
+ "name": "ChipToggle",
2523
2744
  "defaultProps": {
2524
- "labelPosition": "start",
2525
- "size": "md"
2745
+ "variant": "primary",
2746
+ "role": "checkbox"
2526
2747
  },
2527
2748
  "getStylesLiterals": {
2528
- "switchVariantRoot": "default",
2529
- "switchVariantActiveRoot": "on",
2530
- "switchVariantActiveRoot:1": "off",
2531
- "switchVariantSwitch": "default",
2532
- "switchVariantActiveSwitch": "on",
2533
- "switchVariantActiveSwitch:1": "off",
2534
- "switchVariantActiveHandle": "on",
2535
- "switchVariantActiveHandle:1": "off",
2536
- "switchVariantHandle": "default",
2537
- "switchVariantHandleIcon": "default",
2538
- "switchVariantActiveHandleIcon": "on",
2539
- "switchVariantActiveHandleIcon:1": "off"
2749
+ "chipToggleVariantActiveRoot": "on",
2750
+ "chipToggleVariantActiveRoot:1": "off"
2540
2751
  },
2541
2752
  "cxLiterals": [
2542
- "group",
2543
- "flex",
2544
- "items-center",
2545
- "flex-row",
2546
- "flex-row-reverse",
2547
- "uds-ring",
2548
- "uds-ring-within",
2549
- "relative",
2550
- "uds-border-radius-full",
2551
- "transition-[background-color,box-shadow]",
2753
+ "uds-ring"
2754
+ ],
2755
+ "internalComponents": [
2756
+ "ChipBase"
2757
+ ],
2758
+ "internalComponentProps": {
2759
+ "ChipBase": {
2760
+ "as": [
2761
+ "button"
2762
+ ]
2763
+ }
2764
+ },
2765
+ "propToVariantKeys": {
2766
+ "variant": [
2767
+ "chipToggleVariantRoot",
2768
+ "chipToggleVariantIcon"
2769
+ ]
2770
+ },
2771
+ "motionVarPrefixes": []
2772
+ },
2773
+ "Chip": {
2774
+ "name": "Chip",
2775
+ "defaultProps": {},
2776
+ "getStylesLiterals": {},
2777
+ "cxLiterals": [],
2778
+ "internalComponents": [
2779
+ "ChipDismissible",
2780
+ "ChipToggle",
2781
+ "ChipLink",
2782
+ "ChipButton"
2783
+ ],
2784
+ "internalComponentProps": {},
2785
+ "propToVariantKeys": {},
2786
+ "motionVarPrefixes": []
2787
+ },
2788
+ "ChipBase": {
2789
+ "name": "ChipBase",
2790
+ "defaultProps": {
2791
+ "size": "md",
2792
+ "as": "div"
2793
+ },
2794
+ "getStylesLiterals": {},
2795
+ "cxLiterals": [
2552
2796
  "pointer-events-none",
2553
- "w-full",
2554
- "h-full",
2555
- "absolute",
2556
- "top-0",
2557
- "bottom-0",
2558
- "right-0",
2559
- "left-0",
2560
- "overflow-hidden",
2561
- "group-hover:scale-105",
2562
- "opacity-95",
2563
- "group-hover:opacity-100",
2564
- "transition-[transform,opacity]",
2565
- "opacity-0",
2566
- "top-1/2",
2567
- "left-1/2",
2568
- "transform",
2569
- "translate-x-[-50%]",
2570
- "translate-y-[-50%]",
2571
- "transition-opacity",
2572
- "cursor-[inherit]",
2573
- "w-[calc(100%+2px)]",
2574
- "h-[calc(100%+2px)]",
2575
- "text-start",
2576
- "text-end",
2577
- "opacity-100"
2797
+ "cursor-default",
2798
+ "opacity-50",
2799
+ "inline-flex",
2800
+ "items-center",
2801
+ "transition-[background-color,outline-color,box-shadow]",
2802
+ "truncate",
2803
+ "whitespace-nowrap",
2804
+ "text-center",
2805
+ "flex-1"
2578
2806
  ],
2579
2807
  "internalComponents": [
2580
2808
  "IconSlot",
2581
- "Box",
2582
- "FormLabel",
2583
- "SpringMotionConfig",
2584
- "RootElement",
2585
- "MotionBox"
2809
+ "HStack",
2810
+ "As",
2811
+ "Text"
2586
2812
  ],
2587
2813
  "internalComponentProps": {
2588
- "IconSlot": {
2589
- "data-testid": [
2590
- "on-icon",
2591
- "off-icon"
2592
- ]
2593
- },
2594
- "FormLabel": {
2814
+ "Text": {
2595
2815
  "as": [
2596
- "div"
2597
- ],
2598
- "variant": [
2599
- "inherit"
2816
+ "span"
2600
2817
  ],
2601
2818
  "color": [
2602
- "inherit"
2603
- ]
2604
- },
2605
- "SpringMotionConfig": {
2606
- "layoutVariant": [
2607
- "bouncy"
2819
+ "current"
2608
2820
  ],
2609
- "layoutSpeed": [
2610
- "4"
2611
- ]
2612
- },
2613
- "RootElement": {
2614
- "data-testid": [
2615
- "switch-root"
2616
- ]
2617
- },
2618
- "MotionBox": {
2619
- "layout": [
2620
- "position"
2821
+ "variant": [
2822
+ "inherit"
2621
2823
  ]
2622
2824
  }
2623
2825
  },
2624
2826
  "propToVariantKeys": {
2625
2827
  "size": [
2626
- "switchSizeRoot",
2627
- "switchSizeSwitch",
2628
- "switchSizeHandle",
2629
- "switchSizeHandleIcon"
2828
+ "chipSizeRoot",
2829
+ "chipSizeIcon"
2630
2830
  ],
2631
- "onIcon": [
2831
+ "startIcon": [
2632
2832
  "icon"
2633
2833
  ],
2634
- "offIcon": [
2834
+ "endIcon": [
2635
2835
  "icon"
2636
- ],
2637
- "reduceMotion": [
2638
- "reducedMotion"
2639
- ],
2640
- "isOn": [
2641
- "layoutDependency"
2642
2836
  ]
2643
2837
  },
2644
- "motionVarPrefixes": [
2645
- "--uds-motion-bouncy-4-",
2646
- "--uds-motion-smooth-3-"
2647
- ]
2838
+ "motionVarPrefixes": []
2648
2839
  },
2649
- "Tabs": {
2650
- "name": "Tabs",
2651
- "defaultProps": {},
2652
- "getStylesLiterals": {
2653
- "display": "flex",
2654
- "flexDirection": "row",
2655
- "columnGap": "6"
2840
+ "ChipButton": {
2841
+ "name": "ChipButton",
2842
+ "defaultProps": {
2843
+ "variant": "primary"
2656
2844
  },
2845
+ "getStylesLiterals": {},
2657
2846
  "cxLiterals": [
2658
- "text-tertiary",
2659
- "border-b-transparent",
2660
- "aria-selected:border-b-brand",
2661
- "aria-selected:text-secondary"
2847
+ "uds-ring"
2662
2848
  ],
2663
2849
  "internalComponents": [
2664
- "TabProvider",
2665
- "OriginalTabList",
2666
- "OriginalTab",
2667
- "Icon",
2668
- "OriginalTabPanel",
2669
- "Pressable",
2670
- "Comp",
2671
- "Text"
2850
+ "ChipBase"
2672
2851
  ],
2673
2852
  "internalComponentProps": {
2674
- "Icon": {
2675
- "className": [
2676
- "text-current"
2677
- ],
2678
- "size": [
2679
- "md"
2680
- ]
2681
- },
2682
- "Pressable": {
2683
- "borderBottomWidth": [
2684
- "medium"
2685
- ],
2686
- "spacingBottom": [
2687
- "1"
2688
- ],
2689
- "spacingTop": [
2690
- "4"
2691
- ]
2692
- },
2693
- "Text": {
2694
- "className": [
2695
- "text-current"
2696
- ],
2697
- "variant": [
2698
- "headline1"
2699
- ],
2853
+ "ChipBase": {
2700
2854
  "as": [
2701
- "span"
2855
+ "button"
2702
2856
  ]
2703
2857
  }
2704
2858
  },
2705
- "propToVariantKeys": {},
2859
+ "propToVariantKeys": {
2860
+ "variant": [
2861
+ "chipLinkVariantRoot",
2862
+ "chipLinkVariantIcon"
2863
+ ]
2864
+ },
2706
2865
  "motionVarPrefixes": []
2707
2866
  }
2708
2867
  }