@yahoo/uds 3.147.0 → 3.149.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 (36) hide show
  1. package/dist/components/client/Menu/Menu.ItemBase.cjs +2 -2
  2. package/dist/components/client/Menu/Menu.ItemBase.js +2 -2
  3. package/dist/components/client/Toast/UDSToastConfigProvider.d.cts +5 -5
  4. package/dist/components/client/Toast/UDSToastConfigProvider.d.ts +5 -5
  5. package/dist/styles/styler.d.cts +6 -6
  6. package/dist/styles/styler.d.ts +6 -6
  7. package/dist/tailwind/utils/index.d.cts +2 -2
  8. package/dist/tailwind/utils/index.d.ts +2 -2
  9. package/dist/tailwind-internal/dist/base/addFontFaceDeclarations.cjs +2 -2
  10. package/dist/tailwind-internal/dist/base/addFontFaceDeclarations.js +2 -2
  11. package/dist/tailwind-internal/dist/base/addFontVars.cjs +2 -2
  12. package/dist/tailwind-internal/dist/base/addFontVars.js +2 -2
  13. package/dist/tailwind-internal/dist/index.d.cts +1 -1
  14. package/dist/tailwind-internal/dist/index.d.ts +1 -1
  15. package/dist/tailwind-internal/dist/plugins/typography.cjs +3 -3
  16. package/dist/tailwind-internal/dist/plugins/typography.js +3 -3
  17. package/dist/tailwind-internal/dist/utils/addFontsPlugin.cjs +2 -2
  18. package/dist/tailwind-internal/dist/utils/addFontsPlugin.d.cts +6 -0
  19. package/dist/tailwind-internal/dist/utils/addFontsPlugin.d.ts +6 -0
  20. package/dist/tailwind-internal/dist/utils/addFontsPlugin.js +2 -2
  21. package/dist/tailwind-internal/dist/utils/composeTailwindPlugins.d.cts +7 -0
  22. package/dist/tailwind-internal/dist/utils/composeTailwindPlugins.d.ts +7 -0
  23. package/dist/tailwind-internal/dist/utils/getFontFaceDeclarations.cjs +3 -2
  24. package/dist/tailwind-internal/dist/utils/getFontFaceDeclarations.d.cts +59 -58
  25. package/dist/tailwind-internal/dist/utils/getFontFaceDeclarations.d.ts +59 -58
  26. package/dist/tailwind-internal/dist/utils/getFontFaceDeclarations.js +3 -2
  27. package/dist/tailwind-internal/dist/utils/getFontStyles.cjs +2 -2
  28. package/dist/tailwind-internal/dist/utils/getFontStyles.d.cts +2 -1
  29. package/dist/tailwind-internal/dist/utils/getFontStyles.d.ts +2 -1
  30. package/dist/tailwind-internal/dist/utils/getFontStyles.js +2 -2
  31. package/dist/types/dist/index.d.cts +2 -0
  32. package/dist/types/dist/index.d.ts +2 -0
  33. package/dist/uds/generated/componentData.cjs +1730 -1729
  34. package/dist/uds/generated/componentData.js +1730 -1729
  35. package/generated/componentData.json +2187 -2186
  36. package/package.json +1 -1
package/dist/uds/generated/componentData.js CHANGED
@@ -1,6 +1,28 @@
1
1
  /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
2
2
  //#region generated/componentData.json
3
3
  var componentData_default = {
4
+ Box: {
5
+ "name": "Box",
6
+ "defaultProps": {
7
+ "as": "div",
8
+ "display": "flex"
9
+ },
10
+ "getStylesLiterals": {},
11
+ "cxLiterals": [],
12
+ "internalComponents": ["Comp"],
13
+ "internalComponentProps": {},
14
+ "propToVariantKeys": { "elevationAlias": [
15
+ "backgroundColor",
16
+ "borderColor",
17
+ "borderWidth",
18
+ "dropShadow",
19
+ "insetShadow"
20
+ ] },
21
+ "runtimeConfigDefaultProps": {},
22
+ "runtimeConfigGetStyles": {},
23
+ "runtimeConfigInternalComponentProps": {},
24
+ "motionVarPrefixes": []
25
+ },
4
26
  FormLabel: {
5
27
  "name": "FormLabel",
6
28
  "defaultProps": {
@@ -22,63 +44,14 @@ var componentData_default = {
22
44
  "runtimeConfigInternalComponentProps": {},
23
45
  "motionVarPrefixes": []
24
46
  },
25
- SvgFloatingOverlay: {
26
- "name": "SvgFloatingOverlay",
27
- "defaultProps": { "contentOverflow": "auto" },
28
- "getStylesLiterals": {},
29
- "cxLiterals": [
30
- "absolute",
31
- "top-0",
32
- "left-0",
33
- "w-full",
34
- "h-full",
35
- "overflow-visible",
36
- "pointer-events-none",
37
- "z-[2]",
38
- "z-[3]",
39
- "max-h-full",
40
- "gap-[inherit]"
41
- ],
42
- "internalComponents": ["Box", "Fragment"],
43
- "internalComponentProps": { "Box": {
44
- "position": ["relative"],
45
- "flexGrow": ["1"],
46
- "overflow": ["hidden"],
47
- "display": ["block"],
48
- "className": ["max-h-full gap-[inherit]"]
49
- } },
50
- "propToVariantKeys": {
51
- "blurClassName": ["className"],
52
- "contentOverflow": ["overflow"]
53
- },
54
- "runtimeConfigDefaultProps": {},
55
- "runtimeConfigGetStyles": {},
56
- "runtimeConfigInternalComponentProps": {},
57
- "motionVarPrefixes": []
58
- },
59
- Scrim: {
60
- "name": "Scrim",
61
- "defaultProps": {
62
- "variant": "default",
63
- "position": "fixed"
64
- },
47
+ HStack: {
48
+ "name": "HStack",
49
+ "defaultProps": {},
65
50
  "getStylesLiterals": {},
66
- "cxLiterals": [
67
- "fixed",
68
- "absolute",
69
- "inset-0",
70
- "z-40",
71
- "transition-opacity",
72
- "duration-150",
73
- "motion-reduce:transition-none",
74
- "data-[enter]:opacity-100",
75
- "[&:not([data-enter])]:opacity-0",
76
- "opacity-100",
77
- "uds-bgBlurFallback"
78
- ],
51
+ "cxLiterals": [],
79
52
  "internalComponents": ["Box"],
80
- "internalComponentProps": { "Box": { "display": ["block"] } },
81
- "propToVariantKeys": { "variant": ["scrimVariantRoot"] },
53
+ "internalComponentProps": { "Box": { "flexDirection": ["row"] } },
54
+ "propToVariantKeys": { "gap": ["rowGap", "columnGap"] },
82
55
  "runtimeConfigDefaultProps": {},
83
56
  "runtimeConfigGetStyles": {},
84
57
  "runtimeConfigInternalComponentProps": {},
@@ -101,59 +74,27 @@ var componentData_default = {
101
74
  "runtimeConfigInternalComponentProps": {},
102
75
  "motionVarPrefixes": []
103
76
  },
104
- Text: {
105
- "name": "Text",
106
- "defaultProps": {
107
- "color": "primary",
108
- "variant": "body1"
109
- },
77
+ IconSlot: {
78
+ "name": "IconSlot",
79
+ "defaultProps": {},
110
80
  "getStylesLiterals": {},
111
81
  "cxLiterals": [],
112
- "internalComponents": ["Comp"],
82
+ "internalComponents": ["Icon"],
113
83
  "internalComponentProps": {},
114
- "propToVariantKeys": { "variant": [
115
- "fontFamily",
116
- "fontSize",
117
- "fontWeight",
118
- "lineHeight",
119
- "textTransform",
120
- "letterSpacing"
121
- ] },
84
+ "propToVariantKeys": {},
122
85
  "runtimeConfigDefaultProps": {},
123
86
  "runtimeConfigGetStyles": {},
124
87
  "runtimeConfigInternalComponentProps": {},
125
88
  "motionVarPrefixes": []
126
89
  },
127
- VStack: {
128
- "name": "VStack",
90
+ Image: {
91
+ "name": "Image",
129
92
  "defaultProps": {},
130
93
  "getStylesLiterals": {},
131
94
  "cxLiterals": [],
132
- "internalComponents": ["Box"],
133
- "internalComponentProps": { "Box": { "flexDirection": ["column"] } },
134
- "propToVariantKeys": { "gap": ["columnGap", "rowGap"] },
135
- "runtimeConfigDefaultProps": {},
136
- "runtimeConfigGetStyles": {},
137
- "runtimeConfigInternalComponentProps": {},
138
- "motionVarPrefixes": []
139
- },
140
- Box: {
141
- "name": "Box",
142
- "defaultProps": {
143
- "as": "div",
144
- "display": "flex"
145
- },
146
- "getStylesLiterals": {},
147
- "cxLiterals": [],
148
- "internalComponents": ["Comp"],
95
+ "internalComponents": [],
149
96
  "internalComponentProps": {},
150
- "propToVariantKeys": { "elevationAlias": [
151
- "backgroundColor",
152
- "borderColor",
153
- "borderWidth",
154
- "dropShadow",
155
- "insetShadow"
156
- ] },
97
+ "propToVariantKeys": {},
157
98
  "runtimeConfigDefaultProps": {},
158
99
  "runtimeConfigGetStyles": {},
159
100
  "runtimeConfigInternalComponentProps": {},
@@ -197,332 +138,345 @@ var componentData_default = {
197
138
  "runtimeConfigInternalComponentProps": {},
198
139
  "motionVarPrefixes": []
199
140
  },
200
- IconSlot: {
201
- "name": "IconSlot",
202
- "defaultProps": {},
141
+ Scrim: {
142
+ "name": "Scrim",
143
+ "defaultProps": {
144
+ "variant": "default",
145
+ "position": "fixed"
146
+ },
203
147
  "getStylesLiterals": {},
204
- "cxLiterals": [],
205
- "internalComponents": ["Icon"],
206
- "internalComponentProps": {},
207
- "propToVariantKeys": {},
148
+ "cxLiterals": [
149
+ "fixed",
150
+ "absolute",
151
+ "inset-0",
152
+ "z-40",
153
+ "transition-opacity",
154
+ "duration-150",
155
+ "motion-reduce:transition-none",
156
+ "data-[enter]:opacity-100",
157
+ "[&:not([data-enter])]:opacity-0",
158
+ "opacity-100",
159
+ "uds-bgBlurFallback"
160
+ ],
161
+ "internalComponents": ["Box"],
162
+ "internalComponentProps": { "Box": { "display": ["block"] } },
163
+ "propToVariantKeys": { "variant": ["scrimVariantRoot"] },
208
164
  "runtimeConfigDefaultProps": {},
209
165
  "runtimeConfigGetStyles": {},
210
166
  "runtimeConfigInternalComponentProps": {},
211
167
  "motionVarPrefixes": []
212
168
  },
213
- Image: {
214
- "name": "Image",
215
- "defaultProps": {},
169
+ SvgFloatingOverlay: {
170
+ "name": "SvgFloatingOverlay",
171
+ "defaultProps": { "contentOverflow": "auto" },
172
+ "getStylesLiterals": {},
173
+ "cxLiterals": [
174
+ "absolute",
175
+ "top-0",
176
+ "left-0",
177
+ "w-full",
178
+ "h-full",
179
+ "overflow-visible",
180
+ "pointer-events-none",
181
+ "z-[2]",
182
+ "z-[3]",
183
+ "max-h-full",
184
+ "gap-[inherit]"
185
+ ],
186
+ "internalComponents": ["Box", "Fragment"],
187
+ "internalComponentProps": { "Box": {
188
+ "position": ["relative"],
189
+ "flexGrow": ["1"],
190
+ "overflow": ["hidden"],
191
+ "display": ["block"],
192
+ "className": ["max-h-full gap-[inherit]"]
193
+ } },
194
+ "propToVariantKeys": {
195
+ "blurClassName": ["className"],
196
+ "contentOverflow": ["overflow"]
197
+ },
198
+ "runtimeConfigDefaultProps": {},
199
+ "runtimeConfigGetStyles": {},
200
+ "runtimeConfigInternalComponentProps": {},
201
+ "motionVarPrefixes": []
202
+ },
203
+ Text: {
204
+ "name": "Text",
205
+ "defaultProps": {
206
+ "color": "primary",
207
+ "variant": "body1"
208
+ },
216
209
  "getStylesLiterals": {},
217
210
  "cxLiterals": [],
218
- "internalComponents": [],
211
+ "internalComponents": ["Comp"],
219
212
  "internalComponentProps": {},
220
- "propToVariantKeys": {},
213
+ "propToVariantKeys": { "variant": [
214
+ "fontFamily",
215
+ "fontSize",
216
+ "fontWeight",
217
+ "lineHeight",
218
+ "textTransform",
219
+ "letterSpacing"
220
+ ] },
221
221
  "runtimeConfigDefaultProps": {},
222
222
  "runtimeConfigGetStyles": {},
223
223
  "runtimeConfigInternalComponentProps": {},
224
224
  "motionVarPrefixes": []
225
225
  },
226
- HStack: {
227
- "name": "HStack",
226
+ VStack: {
227
+ "name": "VStack",
228
228
  "defaultProps": {},
229
229
  "getStylesLiterals": {},
230
230
  "cxLiterals": [],
231
231
  "internalComponents": ["Box"],
232
- "internalComponentProps": { "Box": { "flexDirection": ["row"] } },
233
- "propToVariantKeys": { "gap": ["rowGap", "columnGap"] },
232
+ "internalComponentProps": { "Box": { "flexDirection": ["column"] } },
233
+ "propToVariantKeys": { "gap": ["columnGap", "rowGap"] },
234
234
  "runtimeConfigDefaultProps": {},
235
235
  "runtimeConfigGetStyles": {},
236
236
  "runtimeConfigInternalComponentProps": {},
237
237
  "motionVarPrefixes": []
238
238
  },
239
- Checkbox: {
240
- "name": "Checkbox",
239
+ Banner: {
240
+ "name": "Banner",
241
241
  "defaultProps": {
242
- "labelPosition": "start",
243
242
  "variant": "primary",
244
- "size": "md"
243
+ "size": "default",
244
+ "dismissAriaLabel": "Dismiss"
245
245
  },
246
246
  "getStylesLiterals": {
247
- "display": "flex",
248
- "flexDirection": "row",
249
- "flexDirection:1": "row-reverse",
250
- "alignItems": "center"
247
+ "className": "truncate",
248
+ "className:1": "line-clamp-3",
249
+ "spacing": "2",
250
+ "borderRadius": "full",
251
+ "color": "primary"
251
252
  },
252
253
  "cxLiterals": [
253
- "cursor-pointer",
254
- "cursor-default",
255
- "opacity-50",
254
+ "uds-banner",
255
+ "flex",
256
+ "flex-row",
257
+ "items-center",
258
+ "items-start",
259
+ "min-w-[300px]",
260
+ "transition-[background-color]",
261
+ "motion-safe:duration-120",
262
+ "bg-carbon-15/0",
263
+ "hover:bg-carbon-15/10",
264
+ "active:bg-carbon-15/15",
256
265
  "uds-ring",
257
- "uds-ring-within",
258
- "transition-[background-color,border-color,box-shadow]",
259
- "pointer-events-none",
260
- "transition-opacity",
261
- "cursor-[inherit]",
262
- "absolute",
263
- "opacity-0",
264
- "top-1/2",
265
- "left-1/2",
266
- "w-[calc(100%+2px)]",
267
- "h-[calc(100%+2px)]",
268
- "transform",
269
- "translate-x-[-50%]",
270
- "translate-y-[-50%]",
271
- "text-start",
272
- "text-end"
266
+ "shrink-0",
267
+ "self-start",
268
+ "flex-1",
269
+ "min-w-0",
270
+ "flex-col",
271
+ "gap-[inherit]",
272
+ "uds-sm:flex-row",
273
+ "uds-sm:items-center",
274
+ "self-stretch",
275
+ "gap-0.5",
276
+ "w-full",
277
+ "truncate",
278
+ "leading-none",
279
+ "line-clamp-3",
280
+ "gap-1.5",
281
+ "uds-sm:self-center",
282
+ "uds-sm:shrink-0"
273
283
  ],
274
284
  "internalComponents": [
275
- "Icon",
276
- "FormLabel",
277
- "SpringMotionConfig",
278
- "RootElement",
279
- "MotionBox"
285
+ "IconSlot",
286
+ "Text",
287
+ "Pressable"
280
288
  ],
281
289
  "internalComponentProps": {
282
- "Icon": { "size": ["sm"] },
283
- "FormLabel": {
284
- "as": ["div"],
285
- "variant": ["inherit"],
286
- "color": ["inherit"]
287
- },
288
- "RootElement": { "data-testid": ["container"] },
289
- "MotionBox": {
290
- "position": ["relative"],
291
- "alignItems": ["center"],
292
- "justifyContent": ["center"],
293
- "flex": ["none"]
294
- }
290
+ "IconSlot": { "data-testid": ["banner-start-icon"] },
291
+ "Text": { "data-testid": ["banner-title", "banner-description"] },
292
+ "Pressable": { "data-testid": ["banner-dismiss"] }
295
293
  },
296
294
  "propToVariantKeys": {
297
- "size": ["checkboxSizeRoot", "checkboxSizeCheckbox"],
298
295
  "variant": [
299
- "checkboxVariantRoot",
300
- "checkboxVariantCheckbox",
301
- "checkboxVariantCheckboxIcon"
296
+ "bannerVariantRoot",
297
+ "bannerVariantIcon",
298
+ "bannerVariantTitle",
299
+ "bannerVariantDescription"
302
300
  ],
303
- "valueState": [
304
- "checkboxVariantValueRoot",
305
- "checkboxVariantValueCheckbox",
306
- "checkboxVariantValueCheckboxIcon"
301
+ "size": [
302
+ "bannerSizeRoot",
303
+ "bannerSizeIcon",
304
+ "bannerSizeTitle",
305
+ "bannerSizeDescription",
306
+ "bannerSizeClose"
307
307
  ],
308
- "reduceMotion": ["reducedMotion"]
308
+ "startIcon": ["icon"],
309
+ "dismissAriaLabel": ["aria-label"],
310
+ "onDismiss": ["onClick"]
309
311
  },
310
312
  "runtimeConfigDefaultProps": {},
311
313
  "runtimeConfigGetStyles": {},
312
314
  "runtimeConfigInternalComponentProps": {},
313
- "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
315
+ "motionVarPrefixes": []
314
316
  },
315
- SpringMotionConfig: {
316
- "name": "SpringMotionConfig",
317
- "defaultProps": { "reducedMotion": "user" },
317
+ BannerContent: {
318
+ "name": "BannerContent",
319
+ "defaultProps": {},
318
320
  "getStylesLiterals": {},
321
+ "cxLiterals": [
322
+ "flex",
323
+ "flex-col",
324
+ "items-start",
325
+ "self-stretch",
326
+ "flex-1",
327
+ "min-w-0"
328
+ ],
329
+ "internalComponents": [],
330
+ "internalComponentProps": {},
331
+ "propToVariantKeys": {},
332
+ "runtimeConfigDefaultProps": {},
333
+ "runtimeConfigGetStyles": {},
334
+ "runtimeConfigInternalComponentProps": {},
335
+ "motionVarPrefixes": []
336
+ },
337
+ BannerDescription: {
338
+ "name": "BannerDescription",
339
+ "defaultProps": {},
340
+ "getStylesLiterals": {
341
+ "bannerSizeDescription": "default",
342
+ "className": "w-full line-clamp-3"
343
+ },
319
344
  "cxLiterals": [],
320
- "internalComponents": ["LazyMotion", "MotionConfig"],
345
+ "internalComponents": ["Text"],
321
346
  "internalComponentProps": {},
322
- "propToVariantKeys": { "loadFeatures": ["features"] },
347
+ "propToVariantKeys": {},
323
348
  "runtimeConfigDefaultProps": {},
324
349
  "runtimeConfigGetStyles": {},
325
350
  "runtimeConfigInternalComponentProps": {},
326
351
  "motionVarPrefixes": []
327
352
  },
328
- AnimateHeightChange: {
329
- "name": "AnimateHeightChange",
353
+ BannerTitle: {
354
+ "name": "BannerTitle",
330
355
  "defaultProps": {},
331
- "getStylesLiterals": {},
332
- "cxLiterals": ["overflow-hidden"],
333
- "internalComponents": ["SpringMotionConfig"],
334
- "internalComponentProps": { "SpringMotionConfig": { "layoutSpeed": ["4"] } },
335
- "propToVariantKeys": { "reduceMotion": ["reducedMotion"] },
356
+ "getStylesLiterals": { "bannerSizeTitle": "default" },
357
+ "cxLiterals": ["w-full", "truncate"],
358
+ "internalComponents": ["Text"],
359
+ "internalComponentProps": {},
360
+ "propToVariantKeys": {},
336
361
  "runtimeConfigDefaultProps": {},
337
362
  "runtimeConfigGetStyles": {},
338
363
  "runtimeConfigInternalComponentProps": {},
339
- "motionVarPrefixes": ["--uds-motion-subtle-4-", "--uds-motion-smooth-3-"]
364
+ "motionVarPrefixes": []
340
365
  },
341
- Switch: {
342
- "name": "Switch",
366
+ Divider: {
367
+ "name": "Divider",
343
368
  "defaultProps": {
344
- "labelPosition": "start",
345
- "size": "md"
346
- },
347
- "getStylesLiterals": {
348
- "switchVariantRoot": "default",
349
- "switchVariantActiveRoot": "on",
350
- "switchVariantActiveRoot:1": "off",
351
- "display": "flex",
352
- "flexDirection": "row",
353
- "flexDirection:1": "row-reverse",
354
- "alignItems": "center",
355
- "switchVariantSwitch": "default",
356
- "switchVariantActiveSwitch": "on",
357
- "switchVariantActiveSwitch:1": "off",
358
- "borderRadius": "full",
359
- "position": "relative",
360
- "switchVariantActiveHandle": "on",
361
- "switchVariantActiveHandle:1": "off",
362
- "switchVariantHandle": "default",
363
- "switchVariantHandleIcon": "default",
364
- "switchVariantActiveHandleIcon": "on",
365
- "switchVariantActiveHandleIcon:1": "off"
369
+ "variant": "primary",
370
+ "contentPosition": "center"
366
371
  },
367
- "cxLiterals": [
368
- "group",
369
- "cursor-pointer",
370
- "cursor-default",
371
- "opacity-50",
372
- "uds-ring",
373
- "uds-ring-within",
374
- "transition-[background-color,box-shadow]",
375
- "relative",
376
- "pointer-events-none",
377
- "uds-border-radius-full",
378
- "overflow-hidden",
379
- "absolute",
380
- "top-0",
381
- "left-0",
382
- "right-0",
383
- "bottom-0",
384
- "opacity-95",
385
- "group-hover:opacity-100",
386
- "transition-[background-color,box-shadow,opacity]",
387
- "opacity-0",
388
- "top-1/2",
389
- "left-1/2",
390
- "transform",
391
- "translate-x-[-50%]",
392
- "translate-y-[-50%]",
393
- "transition-opacity",
394
- "cursor-[inherit]",
395
- "w-[calc(100%+2px)]",
396
- "h-[calc(100%+2px)]",
397
- "text-start",
398
- "text-end",
399
- "opacity-100"
400
- ],
372
+ "getStylesLiterals": {},
373
+ "cxLiterals": ["inherit"],
401
374
  "internalComponents": [
402
- "IconSlot",
403
- "Box",
404
- "FormLabel",
405
- "SpringMotionConfig",
406
- "RootElement",
407
- "MotionBox"
375
+ "DividerLine",
376
+ "DividerLabel",
377
+ "InternalComponent",
378
+ "Box"
408
379
  ],
409
380
  "internalComponentProps": {
410
- "IconSlot": { "data-testid": ["on-icon", "off-icon"] },
411
- "FormLabel": {
412
- "as": ["div"],
413
- "variant": ["inherit"],
414
- "color": ["inherit"]
381
+ "InternalComponent": {
382
+ "alignItems": ["center"],
383
+ "flex": ["1"]
415
384
  },
416
- "RootElement": { "data-testid": ["container"] }
417
- },
418
- "propToVariantKeys": {
419
- "size": [
420
- "switchSizeRoot",
421
- "switchSizeSwitch",
422
- "switchSizeHandle",
423
- "switchSizeHandleIcon"
424
- ],
425
- "onIcon": ["icon"],
426
- "offIcon": ["icon"],
427
- "reduceMotion": ["reducedMotion"]
385
+ "Box": {
386
+ "display": ["flex"],
387
+ "flex": ["none"]
388
+ }
428
389
  },
390
+ "propToVariantKeys": { "variant": ["dividerVariantRoot"] },
429
391
  "runtimeConfigDefaultProps": {},
430
392
  "runtimeConfigGetStyles": {},
431
393
  "runtimeConfigInternalComponentProps": {},
432
- "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
394
+ "motionVarPrefixes": []
433
395
  },
434
- Badge: {
435
- "name": "Badge",
396
+ DividerLabel: {
397
+ "name": "DividerLabel",
436
398
  "defaultProps": {
437
399
  "variant": "primary",
438
- "size": "md"
400
+ "textVariant": "inherit",
401
+ "color": "inherit",
402
+ "as": "span"
439
403
  },
440
404
  "getStylesLiterals": {},
441
- "cxLiterals": [
442
- "uds-badge",
443
- "uds-badge-variant",
444
- "uds-badge-size",
445
- "uds-badge-iconSize",
446
- "uds-badge-iconColor",
447
- "flex-1",
448
- "truncate",
449
- "whitespace-nowrap",
450
- "text-center"
451
- ],
452
- "internalComponents": ["IconSlot", "HStack"],
453
- "internalComponentProps": {
454
- "IconSlot": { "data-testid": ["start-icon", "end-icon"] },
455
- "HStack": {
456
- "gap": ["2"],
457
- "display": ["inline-flex"],
458
- "alignItems": ["center"]
459
- }
460
- },
405
+ "cxLiterals": ["inherit"],
406
+ "internalComponents": ["Text"],
407
+ "internalComponentProps": {},
461
408
  "propToVariantKeys": {
462
- "size": ["badgeSizeRoot", "badgeSizeIcon"],
463
- "variant": ["badgeVariantRoot", "badgeVariantIcon"],
464
- "startIcon": ["icon"],
465
- "endIcon": ["icon"]
409
+ "variant": ["dividerVariantLabel"],
410
+ "textVariant": ["variant"]
466
411
  },
467
412
  "runtimeConfigDefaultProps": {},
468
413
  "runtimeConfigGetStyles": {},
469
414
  "runtimeConfigInternalComponentProps": {},
470
415
  "motionVarPrefixes": []
471
416
  },
472
- Pressable: {
473
- "name": "Pressable",
474
- "defaultProps": {},
417
+ DividerLine: {
418
+ "name": "DividerLine",
419
+ "defaultProps": { "variant": "primary" },
475
420
  "getStylesLiterals": {},
476
- "cxLiterals": [],
477
- "internalComponents": ["Comp"],
478
- "internalComponentProps": {},
479
- "propToVariantKeys": {},
421
+ "cxLiterals": ["inherit"],
422
+ "internalComponents": ["Box"],
423
+ "internalComponentProps": { "Box": { "flex": ["1"] } },
424
+ "propToVariantKeys": { "variant": ["dividerVariantLine"] },
480
425
  "runtimeConfigDefaultProps": {},
481
426
  "runtimeConfigGetStyles": {},
482
427
  "runtimeConfigInternalComponentProps": {},
483
428
  "motionVarPrefixes": []
484
429
  },
485
- IconButton: {
486
- "name": "IconButton",
487
- "defaultProps": { "type": "button" },
430
+ AnimateHeightChange: {
431
+ "name": "AnimateHeightChange",
432
+ "defaultProps": {},
433
+ "getStylesLiterals": {},
434
+ "cxLiterals": ["overflow-hidden"],
435
+ "internalComponents": ["SpringMotionConfig"],
436
+ "internalComponentProps": { "SpringMotionConfig": { "layoutSpeed": ["4"] } },
437
+ "propToVariantKeys": { "reduceMotion": ["reducedMotion"] },
438
+ "runtimeConfigDefaultProps": {},
439
+ "runtimeConfigGetStyles": {},
440
+ "runtimeConfigInternalComponentProps": {},
441
+ "motionVarPrefixes": ["--uds-motion-subtle-4-", "--uds-motion-smooth-3-"]
442
+ },
443
+ Badge: {
444
+ "name": "Badge",
445
+ "defaultProps": {
446
+ "variant": "primary",
447
+ "size": "md"
448
+ },
488
449
  "getStylesLiterals": {},
489
450
  "cxLiterals": [
490
- "uds-ring",
491
- "uds-hit-target",
492
- "inline-flex",
493
- "overflow-hidden",
494
- "justify-center",
495
- "items-center",
496
- "[transform-origin:center]",
497
- "[backface-visibility:hidden]",
498
- "[transition-property:color,background-color,border-color,",
499
- "box-shadow,text-decoration-color,fill,stroke]",
500
- "[transition-timing-function:cubic-bezier(0,0,0.2,1)]",
501
- "[transition-duration:220ms]",
502
- "cursor-not-allowed",
503
- "uds-button-loading",
504
- "uds-button-without-effects",
505
- "animate-spin"
506
- ],
507
- "internalComponents": [
508
- "Icon",
509
- "SpringMotionConfig",
510
- "AnimatePresence"
451
+ "uds-badge",
452
+ "uds-badge-variant",
453
+ "uds-badge-size",
454
+ "uds-badge-iconSize",
455
+ "uds-badge-iconColor",
456
+ "flex-1",
457
+ "truncate",
458
+ "whitespace-nowrap",
459
+ "text-center"
511
460
  ],
461
+ "internalComponents": ["IconSlot", "HStack"],
512
462
  "internalComponentProps": {
513
- "Icon": { "color": ["current"] },
514
- "SpringMotionConfig": { "layoutSpeed": ["3"] },
515
- "AnimatePresence": { "mode": ["popLayout"] }
463
+ "IconSlot": { "data-testid": ["start-icon", "end-icon"] },
464
+ "HStack": {
465
+ "gap": ["2"],
466
+ "display": ["inline-flex"],
467
+ "alignItems": ["center"]
468
+ }
516
469
  },
517
470
  "propToVariantKeys": {
518
- "size": ["iconbuttonSizeRoot", "iconbuttonSizeIcon"],
519
- "variant": ["buttonVariantRoot", "buttonVariantIcon"],
520
- "iconVariant": ["variant"]
471
+ "size": ["badgeSizeRoot", "badgeSizeIcon"],
472
+ "variant": ["badgeVariantRoot", "badgeVariantIcon"],
473
+ "startIcon": ["icon"],
474
+ "endIcon": ["icon"]
521
475
  },
522
476
  "runtimeConfigDefaultProps": {},
523
477
  "runtimeConfigGetStyles": {},
524
478
  "runtimeConfigInternalComponentProps": {},
525
- "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
479
+ "motionVarPrefixes": []
526
480
  },
527
481
  Button: {
528
482
  "name": "Button",
@@ -578,209 +532,242 @@ var componentData_default = {
578
532
  "runtimeConfigInternalComponentProps": {},
579
533
  "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
580
534
  },
581
- Divider: {
582
- "name": "Divider",
535
+ Checkbox: {
536
+ "name": "Checkbox",
583
537
  "defaultProps": {
538
+ "labelPosition": "start",
584
539
  "variant": "primary",
585
- "contentPosition": "center"
540
+ "size": "md"
586
541
  },
587
- "getStylesLiterals": {},
588
- "cxLiterals": ["inherit"],
542
+ "getStylesLiterals": {
543
+ "display": "flex",
544
+ "flexDirection": "row",
545
+ "flexDirection:1": "row-reverse",
546
+ "alignItems": "center"
547
+ },
548
+ "cxLiterals": [
549
+ "cursor-pointer",
550
+ "cursor-default",
551
+ "opacity-50",
552
+ "uds-ring",
553
+ "uds-ring-within",
554
+ "transition-[background-color,border-color,box-shadow]",
555
+ "pointer-events-none",
556
+ "transition-opacity",
557
+ "cursor-[inherit]",
558
+ "absolute",
559
+ "opacity-0",
560
+ "top-1/2",
561
+ "left-1/2",
562
+ "w-[calc(100%+2px)]",
563
+ "h-[calc(100%+2px)]",
564
+ "transform",
565
+ "translate-x-[-50%]",
566
+ "translate-y-[-50%]",
567
+ "text-start",
568
+ "text-end"
569
+ ],
589
570
  "internalComponents": [
590
- "DividerLine",
591
- "DividerLabel",
592
- "InternalComponent",
593
- "Box"
571
+ "Icon",
572
+ "FormLabel",
573
+ "SpringMotionConfig",
574
+ "RootElement",
575
+ "MotionBox"
594
576
  ],
595
577
  "internalComponentProps": {
596
- "InternalComponent": {
597
- "alignItems": ["center"],
598
- "flex": ["1"]
578
+ "Icon": { "size": ["sm"] },
579
+ "FormLabel": {
580
+ "as": ["div"],
581
+ "variant": ["inherit"],
582
+ "color": ["inherit"]
599
583
  },
600
- "Box": {
601
- "display": ["flex"],
584
+ "RootElement": { "data-testid": ["container"] },
585
+ "MotionBox": {
586
+ "position": ["relative"],
587
+ "alignItems": ["center"],
588
+ "justifyContent": ["center"],
602
589
  "flex": ["none"]
603
590
  }
604
591
  },
605
- "propToVariantKeys": { "variant": ["dividerVariantRoot"] },
592
+ "propToVariantKeys": {
593
+ "size": ["checkboxSizeRoot", "checkboxSizeCheckbox"],
594
+ "variant": [
595
+ "checkboxVariantRoot",
596
+ "checkboxVariantCheckbox",
597
+ "checkboxVariantCheckboxIcon"
598
+ ],
599
+ "valueState": [
600
+ "checkboxVariantValueRoot",
601
+ "checkboxVariantValueCheckbox",
602
+ "checkboxVariantValueCheckboxIcon"
603
+ ],
604
+ "reduceMotion": ["reducedMotion"]
605
+ },
606
606
  "runtimeConfigDefaultProps": {},
607
607
  "runtimeConfigGetStyles": {},
608
608
  "runtimeConfigInternalComponentProps": {},
609
- "motionVarPrefixes": []
609
+ "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
610
610
  },
611
- DividerLine: {
612
- "name": "DividerLine",
613
- "defaultProps": { "variant": "primary" },
611
+ IconButton: {
612
+ "name": "IconButton",
613
+ "defaultProps": { "type": "button" },
614
614
  "getStylesLiterals": {},
615
- "cxLiterals": ["inherit"],
616
- "internalComponents": ["Box"],
617
- "internalComponentProps": { "Box": { "flex": ["1"] } },
618
- "propToVariantKeys": { "variant": ["dividerVariantLine"] },
615
+ "cxLiterals": [
616
+ "uds-ring",
617
+ "uds-hit-target",
618
+ "inline-flex",
619
+ "overflow-hidden",
620
+ "justify-center",
621
+ "items-center",
622
+ "[transform-origin:center]",
623
+ "[backface-visibility:hidden]",
624
+ "[transition-property:color,background-color,border-color,",
625
+ "box-shadow,text-decoration-color,fill,stroke]",
626
+ "[transition-timing-function:cubic-bezier(0,0,0.2,1)]",
627
+ "[transition-duration:220ms]",
628
+ "cursor-not-allowed",
629
+ "uds-button-loading",
630
+ "uds-button-without-effects",
631
+ "animate-spin"
632
+ ],
633
+ "internalComponents": [
634
+ "Icon",
635
+ "SpringMotionConfig",
636
+ "AnimatePresence"
637
+ ],
638
+ "internalComponentProps": {
639
+ "Icon": { "color": ["current"] },
640
+ "SpringMotionConfig": { "layoutSpeed": ["3"] },
641
+ "AnimatePresence": { "mode": ["popLayout"] }
642
+ },
643
+ "propToVariantKeys": {
644
+ "size": ["iconbuttonSizeRoot", "iconbuttonSizeIcon"],
645
+ "variant": ["buttonVariantRoot", "buttonVariantIcon"],
646
+ "iconVariant": ["variant"]
647
+ },
619
648
  "runtimeConfigDefaultProps": {},
620
649
  "runtimeConfigGetStyles": {},
621
650
  "runtimeConfigInternalComponentProps": {},
622
- "motionVarPrefixes": []
651
+ "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
623
652
  },
624
- DividerLabel: {
625
- "name": "DividerLabel",
626
- "defaultProps": {
627
- "variant": "primary",
628
- "textVariant": "inherit",
629
- "color": "inherit",
630
- "as": "span"
631
- },
653
+ Pressable: {
654
+ "name": "Pressable",
655
+ "defaultProps": {},
632
656
  "getStylesLiterals": {},
633
- "cxLiterals": ["inherit"],
634
- "internalComponents": ["Text"],
657
+ "cxLiterals": [],
658
+ "internalComponents": ["Comp"],
635
659
  "internalComponentProps": {},
636
- "propToVariantKeys": {
637
- "variant": ["dividerVariantLabel"],
638
- "textVariant": ["variant"]
639
- },
660
+ "propToVariantKeys": {},
640
661
  "runtimeConfigDefaultProps": {},
641
662
  "runtimeConfigGetStyles": {},
642
663
  "runtimeConfigInternalComponentProps": {},
643
664
  "motionVarPrefixes": []
644
665
  },
645
- BannerDescription: {
646
- "name": "BannerDescription",
647
- "defaultProps": {},
648
- "getStylesLiterals": {
649
- "bannerSizeDescription": "default",
650
- "className": "w-full line-clamp-3"
651
- },
666
+ SpringMotionConfig: {
667
+ "name": "SpringMotionConfig",
668
+ "defaultProps": { "reducedMotion": "user" },
669
+ "getStylesLiterals": {},
652
670
  "cxLiterals": [],
653
- "internalComponents": ["Text"],
671
+ "internalComponents": ["LazyMotion", "MotionConfig"],
654
672
  "internalComponentProps": {},
655
- "propToVariantKeys": {},
673
+ "propToVariantKeys": { "loadFeatures": ["features"] },
656
674
  "runtimeConfigDefaultProps": {},
657
675
  "runtimeConfigGetStyles": {},
658
676
  "runtimeConfigInternalComponentProps": {},
659
677
  "motionVarPrefixes": []
660
678
  },
661
- BannerTitle: {
662
- "name": "BannerTitle",
663
- "defaultProps": {},
664
- "getStylesLiterals": { "bannerSizeTitle": "default" },
665
- "cxLiterals": ["w-full", "truncate"],
666
- "internalComponents": ["Text"],
667
- "internalComponentProps": {},
668
- "propToVariantKeys": {},
669
- "runtimeConfigDefaultProps": {},
670
- "runtimeConfigGetStyles": {},
671
- "runtimeConfigInternalComponentProps": {},
672
- "motionVarPrefixes": []
673
- },
674
- Banner: {
675
- "name": "Banner",
679
+ Switch: {
680
+ "name": "Switch",
676
681
  "defaultProps": {
677
- "variant": "primary",
678
- "size": "default",
679
- "dismissAriaLabel": "Dismiss"
682
+ "labelPosition": "start",
683
+ "size": "md"
680
684
  },
681
685
  "getStylesLiterals": {
682
- "className": "truncate",
683
- "className:1": "line-clamp-3",
684
- "spacing": "2",
686
+ "switchVariantRoot": "default",
687
+ "switchVariantActiveRoot": "on",
688
+ "switchVariantActiveRoot:1": "off",
689
+ "display": "flex",
690
+ "flexDirection": "row",
691
+ "flexDirection:1": "row-reverse",
692
+ "alignItems": "center",
693
+ "switchVariantSwitch": "default",
694
+ "switchVariantActiveSwitch": "on",
695
+ "switchVariantActiveSwitch:1": "off",
685
696
  "borderRadius": "full",
686
- "color": "primary"
697
+ "position": "relative",
698
+ "switchVariantActiveHandle": "on",
699
+ "switchVariantActiveHandle:1": "off",
700
+ "switchVariantHandle": "default",
701
+ "switchVariantHandleIcon": "default",
702
+ "switchVariantActiveHandleIcon": "on",
703
+ "switchVariantActiveHandleIcon:1": "off"
687
704
  },
688
705
  "cxLiterals": [
689
- "uds-banner",
690
- "flex",
691
- "flex-row",
692
- "items-center",
693
- "items-start",
694
- "min-w-[300px]",
695
- "transition-[background-color]",
696
- "motion-safe:duration-120",
697
- "bg-carbon-15/0",
698
- "hover:bg-carbon-15/10",
699
- "active:bg-carbon-15/15",
706
+ "group",
707
+ "cursor-pointer",
708
+ "cursor-default",
709
+ "opacity-50",
700
710
  "uds-ring",
701
- "shrink-0",
702
- "self-start",
703
- "flex-1",
704
- "min-w-0",
705
- "flex-col",
706
- "gap-[inherit]",
707
- "uds-sm:flex-row",
708
- "uds-sm:items-center",
709
- "self-stretch",
710
- "gap-0.5",
711
- "w-full",
712
- "truncate",
713
- "leading-none",
714
- "line-clamp-3",
715
- "gap-1.5",
716
- "uds-sm:self-center",
717
- "uds-sm:shrink-0"
711
+ "uds-ring-within",
712
+ "transition-[background-color,box-shadow]",
713
+ "relative",
714
+ "pointer-events-none",
715
+ "uds-border-radius-full",
716
+ "overflow-hidden",
717
+ "absolute",
718
+ "top-0",
719
+ "left-0",
720
+ "right-0",
721
+ "bottom-0",
722
+ "opacity-95",
723
+ "group-hover:opacity-100",
724
+ "transition-[background-color,box-shadow,opacity]",
725
+ "opacity-0",
726
+ "top-1/2",
727
+ "left-1/2",
728
+ "transform",
729
+ "translate-x-[-50%]",
730
+ "translate-y-[-50%]",
731
+ "transition-opacity",
732
+ "cursor-[inherit]",
733
+ "w-[calc(100%+2px)]",
734
+ "h-[calc(100%+2px)]",
735
+ "text-start",
736
+ "text-end",
737
+ "opacity-100"
718
738
  ],
719
739
  "internalComponents": [
720
740
  "IconSlot",
721
- "Text",
722
- "Pressable"
741
+ "Box",
742
+ "FormLabel",
743
+ "SpringMotionConfig",
744
+ "RootElement",
745
+ "MotionBox"
723
746
  ],
724
747
  "internalComponentProps": {
725
- "IconSlot": { "data-testid": ["banner-start-icon"] },
726
- "Text": { "data-testid": ["banner-title", "banner-description"] },
727
- "Pressable": { "data-testid": ["banner-dismiss"] }
748
+ "IconSlot": { "data-testid": ["on-icon", "off-icon"] },
749
+ "FormLabel": {
750
+ "as": ["div"],
751
+ "variant": ["inherit"],
752
+ "color": ["inherit"]
753
+ },
754
+ "RootElement": { "data-testid": ["container"] }
728
755
  },
729
756
  "propToVariantKeys": {
730
- "variant": [
731
- "bannerVariantRoot",
732
- "bannerVariantIcon",
733
- "bannerVariantTitle",
734
- "bannerVariantDescription"
735
- ],
736
757
  "size": [
737
- "bannerSizeRoot",
738
- "bannerSizeIcon",
739
- "bannerSizeTitle",
740
- "bannerSizeDescription",
741
- "bannerSizeClose"
758
+ "switchSizeRoot",
759
+ "switchSizeSwitch",
760
+ "switchSizeHandle",
761
+ "switchSizeHandleIcon"
742
762
  ],
743
- "startIcon": ["icon"],
744
- "dismissAriaLabel": ["aria-label"],
745
- "onDismiss": ["onClick"]
763
+ "onIcon": ["icon"],
764
+ "offIcon": ["icon"],
765
+ "reduceMotion": ["reducedMotion"]
746
766
  },
747
767
  "runtimeConfigDefaultProps": {},
748
768
  "runtimeConfigGetStyles": {},
749
769
  "runtimeConfigInternalComponentProps": {},
750
- "motionVarPrefixes": []
751
- },
752
- BannerContent: {
753
- "name": "BannerContent",
754
- "defaultProps": {},
755
- "getStylesLiterals": {},
756
- "cxLiterals": [
757
- "flex",
758
- "flex-col",
759
- "items-start",
760
- "self-stretch",
761
- "flex-1",
762
- "min-w-0"
763
- ],
764
- "internalComponents": [],
765
- "internalComponentProps": {},
766
- "propToVariantKeys": {},
767
- "runtimeConfigDefaultProps": {},
768
- "runtimeConfigGetStyles": {},
769
- "runtimeConfigInternalComponentProps": {},
770
- "motionVarPrefixes": []
771
- },
772
- "Table.mocks": {
773
- "name": "Table.mocks",
774
- "defaultProps": {},
775
- "getStylesLiterals": {},
776
- "cxLiterals": [],
777
- "internalComponents": [],
778
- "internalComponentProps": {},
779
- "propToVariantKeys": {},
780
- "runtimeConfigDefaultProps": {},
781
- "runtimeConfigGetStyles": {},
782
- "runtimeConfigInternalComponentProps": {},
783
- "motionVarPrefixes": []
770
+ "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
784
771
  },
785
772
  Spinner: {
786
773
  "name": "Spinner",
@@ -806,6 +793,19 @@ var componentData_default = {
806
793
  "runtimeConfigInternalComponentProps": {},
807
794
  "motionVarPrefixes": []
808
795
  },
796
+ "Table.mocks": {
797
+ "name": "Table.mocks",
798
+ "defaultProps": {},
799
+ "getStylesLiterals": {},
800
+ "cxLiterals": [],
801
+ "internalComponents": [],
802
+ "internalComponentProps": {},
803
+ "propToVariantKeys": {},
804
+ "runtimeConfigDefaultProps": {},
805
+ "runtimeConfigGetStyles": {},
806
+ "runtimeConfigInternalComponentProps": {},
807
+ "motionVarPrefixes": []
808
+ },
809
809
  Table: {
810
810
  "name": "Table",
811
811
  "defaultProps": {
@@ -837,12 +837,12 @@ var componentData_default = {
837
837
  "runtimeConfigInternalComponentProps": {},
838
838
  "motionVarPrefixes": []
839
839
  },
840
- BottomSheetProvider: {
841
- "name": "BottomSheetProvider",
840
+ Avatar: {
841
+ "name": "Avatar",
842
842
  "defaultProps": {},
843
843
  "getStylesLiterals": {},
844
844
  "cxLiterals": [],
845
- "internalComponents": ["AriakitDialogProvider"],
845
+ "internalComponents": ["AvatarImage"],
846
846
  "internalComponentProps": {},
847
847
  "propToVariantKeys": {},
848
848
  "runtimeConfigDefaultProps": {},
@@ -850,60 +850,111 @@ var componentData_default = {
850
850
  "runtimeConfigInternalComponentProps": {},
851
851
  "motionVarPrefixes": []
852
852
  },
853
- BottomSheetHeader: {
854
- "name": "BottomSheetHeader",
855
- "defaultProps": { "variant": "default" },
853
+ AvatarIcon: {
854
+ "name": "AvatarIcon",
855
+ "defaultProps": {
856
+ "size": "md",
857
+ "variant": "primary"
858
+ },
856
859
  "getStylesLiterals": {},
857
860
  "cxLiterals": [
858
- "grid-cols-[40px_1fr_40px]",
859
- "items-center",
861
+ "overflow-hidden",
860
862
  "w-full",
861
- "min-h-10",
862
- "mt-2"
863
- ],
864
- "internalComponents": [
865
- "Box",
866
- "Text",
867
- "DialogHeading"
863
+ "h-full",
864
+ "shrink-0",
865
+ "text-center",
866
+ "inline-flex",
867
+ "justify-center",
868
+ "items-center"
868
869
  ],
869
- "internalComponentProps": {
870
- "Box": {
871
- "className": ["h-10 w-10 opacity-0 pointer-events-none"],
872
- "display": ["grid", "flex"],
873
- "justifyContent": ["flex-start", "flex-end"]
874
- },
875
- "Text": {
876
- "as": ["p"],
877
- "variant": ["inherit"],
878
- "color": ["inherit"],
879
- "textAlign": ["center"],
880
- "className": ["m-0 w-full"]
881
- },
882
- "DialogHeading": { "role": ["heading"] }
883
- },
884
- "propToVariantKeys": { "variant": ["bottomsheetVariantHeader"] },
870
+ "internalComponents": ["IconSlot", "Box"],
871
+ "internalComponentProps": {},
872
+ "propToVariantKeys": { "size": ["avatarSizeIcon"] },
885
873
  "runtimeConfigDefaultProps": {},
886
874
  "runtimeConfigGetStyles": {},
887
875
  "runtimeConfigInternalComponentProps": {},
888
876
  "motionVarPrefixes": []
889
877
  },
890
- BottomSheet: {
891
- "name": "BottomSheet",
892
- "defaultProps": { "variant": "default" },
878
+ AvatarImage: {
879
+ "name": "AvatarImage",
880
+ "defaultProps": {
881
+ "size": "md",
882
+ "variant": "primary"
883
+ },
893
884
  "getStylesLiterals": {},
894
885
  "cxLiterals": [
895
- "fixed",
896
886
  "overflow-hidden",
897
- "inset-x-0",
898
- "bottom-0",
899
- "z-50",
900
- "[will-change:transform]",
901
- "touch-none",
902
- "[transform:translate3d(0,var(--uds-bottomsheet-hidden-translate),0)]",
903
- "data-[enter]:[transform:translate3d(0,var(--uds-bottomsheet-visible-translate),0)]",
904
- "transition-transform",
905
- "duration-500",
906
- "ease-[cubic-bezier(0.32,0.72,0,1)]",
887
+ "w-full",
888
+ "h-full",
889
+ "shrink-0",
890
+ "text-center",
891
+ "inline-flex",
892
+ "justify-center",
893
+ "items-center",
894
+ "object-cover"
895
+ ],
896
+ "internalComponents": [
897
+ "UDSImage",
898
+ "AvatarText",
899
+ "AvatarIcon",
900
+ "Box"
901
+ ],
902
+ "internalComponentProps": {},
903
+ "propToVariantKeys": {
904
+ "alt": ["name"],
905
+ "fallback": ["initials"]
906
+ },
907
+ "runtimeConfigDefaultProps": {},
908
+ "runtimeConfigGetStyles": {},
909
+ "runtimeConfigInternalComponentProps": {},
910
+ "motionVarPrefixes": []
911
+ },
912
+ AvatarText: {
913
+ "name": "AvatarText",
914
+ "defaultProps": {
915
+ "size": "md",
916
+ "variant": "primary"
917
+ },
918
+ "getStylesLiterals": {},
919
+ "cxLiterals": [
920
+ "overflow-hidden",
921
+ "truncate",
922
+ "w-full",
923
+ "h-full",
924
+ "shrink-0",
925
+ "text-center",
926
+ "inline-flex",
927
+ "justify-center",
928
+ "items-center"
929
+ ],
930
+ "internalComponents": ["Box", "Text"],
931
+ "internalComponentProps": { "Text": {
932
+ "color": ["inherit"],
933
+ "variant": ["inherit"]
934
+ } },
935
+ "propToVariantKeys": {},
936
+ "runtimeConfigDefaultProps": {},
937
+ "runtimeConfigGetStyles": {},
938
+ "runtimeConfigInternalComponentProps": {},
939
+ "motionVarPrefixes": []
940
+ },
941
+ BottomSheet: {
942
+ "name": "BottomSheet",
943
+ "defaultProps": { "variant": "default" },
944
+ "getStylesLiterals": {},
945
+ "cxLiterals": [
946
+ "fixed",
947
+ "overflow-hidden",
948
+ "inset-x-0",
949
+ "bottom-0",
950
+ "z-50",
951
+ "[will-change:transform]",
952
+ "touch-none",
953
+ "[transform:translate3d(0,var(--uds-bottomsheet-hidden-translate),0)]",
954
+ "data-[enter]:[transform:translate3d(0,var(--uds-bottomsheet-visible-translate),0)]",
955
+ "transition-transform",
956
+ "duration-500",
957
+ "ease-[cubic-bezier(0.32,0.72,0,1)]",
907
958
  "motion-reduce:transition-none",
908
959
  "top-[-4px]",
909
960
  "z-[1]",
@@ -932,19 +983,6 @@ var componentData_default = {
932
983
  "runtimeConfigInternalComponentProps": {},
933
984
  "motionVarPrefixes": []
934
985
  },
935
- BottomSheetTrigger: {
936
- "name": "BottomSheetTrigger",
937
- "defaultProps": {},
938
- "getStylesLiterals": {},
939
- "cxLiterals": [],
940
- "internalComponents": ["AriakitDialogDisclosure"],
941
- "internalComponentProps": {},
942
- "propToVariantKeys": {},
943
- "runtimeConfigDefaultProps": {},
944
- "runtimeConfigGetStyles": {},
945
- "runtimeConfigInternalComponentProps": {},
946
- "motionVarPrefixes": []
947
- },
948
986
  BottomSheetContent: {
949
987
  "name": "BottomSheetContent",
950
988
  "defaultProps": {},
@@ -964,19 +1002,6 @@ var componentData_default = {
964
1002
  "runtimeConfigInternalComponentProps": {},
965
1003
  "motionVarPrefixes": []
966
1004
  },
967
- UDSBottomSheetConfigProvider: {
968
- "name": "UDSBottomSheetConfigProvider",
969
- "defaultProps": {},
970
- "getStylesLiterals": {},
971
- "cxLiterals": [],
972
- "internalComponents": ["BottomSheetContext.Provider"],
973
- "internalComponentProps": {},
974
- "propToVariantKeys": {},
975
- "runtimeConfigDefaultProps": {},
976
- "runtimeConfigGetStyles": {},
977
- "runtimeConfigInternalComponentProps": {},
978
- "motionVarPrefixes": []
979
- },
980
1005
  BottomSheetDismiss: {
981
1006
  "name": "BottomSheetDismiss",
982
1007
  "defaultProps": {},
@@ -1021,6 +1046,43 @@ var componentData_default = {
1021
1046
  "runtimeConfigInternalComponentProps": {},
1022
1047
  "motionVarPrefixes": []
1023
1048
  },
1049
+ BottomSheetHeader: {
1050
+ "name": "BottomSheetHeader",
1051
+ "defaultProps": { "variant": "default" },
1052
+ "getStylesLiterals": {},
1053
+ "cxLiterals": [
1054
+ "grid-cols-[40px_1fr_40px]",
1055
+ "items-center",
1056
+ "w-full",
1057
+ "min-h-10",
1058
+ "mt-2"
1059
+ ],
1060
+ "internalComponents": [
1061
+ "Box",
1062
+ "Text",
1063
+ "DialogHeading"
1064
+ ],
1065
+ "internalComponentProps": {
1066
+ "Box": {
1067
+ "className": ["h-10 w-10 opacity-0 pointer-events-none"],
1068
+ "display": ["grid", "flex"],
1069
+ "justifyContent": ["flex-start", "flex-end"]
1070
+ },
1071
+ "Text": {
1072
+ "as": ["p"],
1073
+ "variant": ["inherit"],
1074
+ "color": ["inherit"],
1075
+ "textAlign": ["center"],
1076
+ "className": ["m-0 w-full"]
1077
+ },
1078
+ "DialogHeading": { "role": ["heading"] }
1079
+ },
1080
+ "propToVariantKeys": { "variant": ["bottomsheetVariantHeader"] },
1081
+ "runtimeConfigDefaultProps": {},
1082
+ "runtimeConfigGetStyles": {},
1083
+ "runtimeConfigInternalComponentProps": {},
1084
+ "motionVarPrefixes": []
1085
+ },
1024
1086
  BottomSheetInternalContext: {
1025
1087
  "name": "BottomSheetInternalContext",
1026
1088
  "defaultProps": {},
@@ -1034,34 +1096,25 @@ var componentData_default = {
1034
1096
  "runtimeConfigInternalComponentProps": {},
1035
1097
  "motionVarPrefixes": []
1036
1098
  },
1037
- ModalDescription: {
1038
- "name": "ModalDescription",
1099
+ BottomSheetProvider: {
1100
+ "name": "BottomSheetProvider",
1039
1101
  "defaultProps": {},
1040
1102
  "getStylesLiterals": {},
1041
1103
  "cxLiterals": [],
1042
- "internalComponents": ["Text", "DialogDescription"],
1043
- "internalComponentProps": { "Text": { "as": ["span"] } },
1044
- "propToVariantKeys": {
1045
- "size": ["modalSizeDescription"],
1046
- "variant": ["modalVariantDescription"]
1047
- },
1048
- "runtimeConfigDefaultProps": {
1049
- "size": "modal.defaultSize",
1050
- "variant": "modal.defaultVariant"
1051
- },
1052
- "runtimeConfigGetStyles": {
1053
- "modalSizeDescription": ["modal.defaultSize"],
1054
- "modalVariantDescription": ["modal.defaultVariant"]
1055
- },
1104
+ "internalComponents": ["AriakitDialogProvider"],
1105
+ "internalComponentProps": {},
1106
+ "propToVariantKeys": {},
1107
+ "runtimeConfigDefaultProps": {},
1108
+ "runtimeConfigGetStyles": {},
1056
1109
  "runtimeConfigInternalComponentProps": {},
1057
1110
  "motionVarPrefixes": []
1058
1111
  },
1059
- ModalContext: {
1060
- "name": "ModalContext",
1112
+ BottomSheetTrigger: {
1113
+ "name": "BottomSheetTrigger",
1061
1114
  "defaultProps": {},
1062
1115
  "getStylesLiterals": {},
1063
1116
  "cxLiterals": [],
1064
- "internalComponents": [],
1117
+ "internalComponents": ["AriakitDialogDisclosure"],
1065
1118
  "internalComponentProps": {},
1066
1119
  "propToVariantKeys": {},
1067
1120
  "runtimeConfigDefaultProps": {},
@@ -1069,356 +1122,274 @@ var componentData_default = {
1069
1122
  "runtimeConfigInternalComponentProps": {},
1070
1123
  "motionVarPrefixes": []
1071
1124
  },
1072
- ModalContent: {
1073
- "name": "ModalContent",
1125
+ UDSBottomSheetConfigProvider: {
1126
+ "name": "UDSBottomSheetConfigProvider",
1074
1127
  "defaultProps": {},
1075
- "getStylesLiterals": {
1076
- "overflowY": "auto",
1077
- "display": "block",
1078
- "flexGrow": "1"
1079
- },
1128
+ "getStylesLiterals": {},
1080
1129
  "cxLiterals": [],
1081
- "internalComponents": ["Box"],
1130
+ "internalComponents": ["BottomSheetContext.Provider"],
1082
1131
  "internalComponentProps": {},
1083
- "propToVariantKeys": { "size": ["modalSizeSpacingHorizontal"] },
1084
- "runtimeConfigDefaultProps": {
1085
- "size": "modal.defaultSize",
1086
- "variant": "modal.defaultVariant"
1087
- },
1088
- "runtimeConfigGetStyles": { "modalSizeSpacingHorizontal": ["modal.defaultSize"] },
1132
+ "propToVariantKeys": {},
1133
+ "runtimeConfigDefaultProps": {},
1134
+ "runtimeConfigGetStyles": {},
1089
1135
  "runtimeConfigInternalComponentProps": {},
1090
1136
  "motionVarPrefixes": []
1091
1137
  },
1092
- Modal: {
1093
- "name": "Modal",
1138
+ Chip: {
1139
+ "name": "Chip",
1140
+ "defaultProps": {},
1141
+ "getStylesLiterals": {},
1142
+ "cxLiterals": [],
1143
+ "internalComponents": [
1144
+ "ChipDismissible",
1145
+ "ChipToggle",
1146
+ "ChipLink",
1147
+ "ChipButton"
1148
+ ],
1149
+ "internalComponentProps": {},
1150
+ "propToVariantKeys": {},
1151
+ "runtimeConfigDefaultProps": {},
1152
+ "runtimeConfigGetStyles": {},
1153
+ "runtimeConfigInternalComponentProps": {},
1154
+ "motionVarPrefixes": []
1155
+ },
1156
+ ChipBase: {
1157
+ "name": "ChipBase",
1094
1158
  "defaultProps": {
1095
- "closeAriaLabel": "Close",
1096
- "maxWidth": "auto",
1097
- "maxHeight": "auto",
1098
- "scrollBehavior": "outside"
1099
- },
1100
- "getStylesLiterals": {
1101
- "flexDirection": "row-reverse",
1102
- "justifyContent": "space-between",
1103
- "alignItems": "flex-end",
1104
- "alignItems:1": "flex-start",
1105
- "borderRadius": "full"
1159
+ "size": "md",
1160
+ "as": "div"
1106
1161
  },
1162
+ "getStylesLiterals": {},
1107
1163
  "cxLiterals": [
1108
- "fixed",
1109
- "inset-0",
1110
- "z-40",
1111
- "overflow-y-auto",
1112
- "overflow-hidden",
1113
- "transition-[opacity,visibility]",
1114
- "visible",
1115
- "opacity-100",
1116
- "invisible",
1117
- "opacity-0",
1118
1164
  "pointer-events-none",
1119
- "uds-bgBlurFallback",
1120
- "w-full",
1121
- "w-fit",
1122
- "h-full",
1123
- "h-fit",
1124
- "m-auto",
1125
- "pointer-events-auto",
1126
- "inside",
1127
- "max-h-full",
1128
- "transition-transform",
1129
- "duration-0",
1130
- "duration-120",
1131
- "transition-[background-color]",
1132
- "bg-carbon-15/0",
1133
- "hover:bg-carbon-15/10",
1134
- "active:bg-carbon-15/15",
1135
- "uds-ring",
1136
- "[translate:50%_-50%]"
1137
- ],
1138
- "internalComponents": [
1139
- "Scrim",
1140
- "VStack",
1141
- "Pressable",
1142
- "IconSlot",
1143
- "Box",
1144
- "Dialog",
1145
- "ModalContext.Provider",
1165
+ "cursor-default",
1166
+ "opacity-50",
1167
+ "inline-flex",
1168
+ "items-center",
1169
+ "transition-[background-color,outline-color,box-shadow]",
1170
+ "truncate",
1171
+ "whitespace-nowrap",
1172
+ "text-center",
1173
+ "flex-1",
1174
+ "md",
1175
+ "primary"
1176
+ ],
1177
+ "internalComponents": [
1178
+ "IconSlot",
1146
1179
  "HStack",
1147
- "DialogDismiss",
1148
- "ModalTitle",
1149
- "ModalDescription",
1150
- "ModalContent",
1151
- "ModalActions"
1180
+ "As",
1181
+ "Text"
1152
1182
  ],
1153
- "internalComponentProps": { "Box": { "flexGrow": ["1"] } },
1183
+ "internalComponentProps": { "Text": {
1184
+ "as": ["span"],
1185
+ "color": ["current"],
1186
+ "variant": ["inherit"]
1187
+ } },
1154
1188
  "propToVariantKeys": {
1155
- "gutter": ["spacing"],
1156
- "size": [
1157
- "modalSizeRoot",
1158
- "modalSizeSpacingHorizontal",
1159
- "modalSizeHeader",
1160
- "modalSizeTitleDescriptionWrapper",
1161
- "modalSizeCloseIconContainer",
1162
- "modalSizeCloseIcon"
1163
- ],
1164
- "variant": ["modalVariantRoot", "modalVariantCloseIcon"],
1165
- "closeAriaLabel": ["aria-label"],
1166
- "closeIcon": ["icon"]
1167
- },
1168
- "runtimeConfigDefaultProps": {
1169
- "size": "modal.defaultSize",
1170
- "variant": "modal.defaultVariant"
1171
- },
1172
- "runtimeConfigGetStyles": {
1173
- "spacing": ["modal.gutter.${size}"],
1174
- "modalSizeRoot": ["modal.defaultSize"],
1175
- "modalVariantRoot": ["modal.defaultVariant"],
1176
- "modalSizeSpacingHorizontal": ["modal.defaultSize"],
1177
- "modalSizeHeader": ["modal.defaultSize"],
1178
- "modalSizeTitleDescriptionWrapper": ["modal.defaultSize"],
1179
- "modalSizeCloseIconContainer": ["modal.defaultSize"],
1180
- "modalSizeCloseIcon": ["modal.defaultSize"],
1181
- "modalVariantCloseIcon": ["modal.defaultVariant"]
1189
+ "size": ["chipSizeRoot", "chipSizeIcon"],
1190
+ "startIcon": ["icon"],
1191
+ "endIcon": ["icon"]
1182
1192
  },
1183
- "runtimeConfigInternalComponentProps": {},
1184
- "motionVarPrefixes": []
1185
- },
1186
- UDSModalConfigProvider: {
1187
- "name": "UDSModalConfigProvider",
1188
- "defaultProps": {},
1189
- "getStylesLiterals": {},
1190
- "cxLiterals": [],
1191
- "internalComponents": ["ModalContext.Provider"],
1192
- "internalComponentProps": {},
1193
- "propToVariantKeys": {},
1194
1193
  "runtimeConfigDefaultProps": {},
1195
1194
  "runtimeConfigGetStyles": {},
1196
1195
  "runtimeConfigInternalComponentProps": {},
1197
1196
  "motionVarPrefixes": []
1198
1197
  },
1199
- ModalTitle: {
1200
- "name": "ModalTitle",
1201
- "defaultProps": {},
1198
+ ChipButton: {
1199
+ "name": "ChipButton",
1200
+ "defaultProps": { "variant": "primary" },
1202
1201
  "getStylesLiterals": {},
1203
- "cxLiterals": [],
1204
- "internalComponents": ["Text", "DialogHeading"],
1205
- "internalComponentProps": { "Text": { "as": ["span"] } },
1206
- "propToVariantKeys": {
1207
- "size": ["modalSizeTitle"],
1208
- "variant": ["modalVariantTitle"]
1209
- },
1210
- "runtimeConfigDefaultProps": {
1211
- "size": "modal.defaultSize",
1212
- "variant": "modal.defaultVariant"
1213
- },
1214
- "runtimeConfigGetStyles": {
1215
- "modalSizeTitle": ["modal.defaultSize"],
1216
- "modalVariantTitle": ["modal.defaultVariant"]
1217
- },
1218
- "runtimeConfigInternalComponentProps": {},
1219
- "motionVarPrefixes": []
1220
- },
1221
- ModalActions: {
1222
- "name": "ModalActions",
1223
- "defaultProps": {},
1224
- "getStylesLiterals": {
1225
- "flexDirection": "row-reverse",
1226
- "justifyContent": "space-between",
1227
- "alignItems": "center"
1228
- },
1229
- "cxLiterals": ["gap-[inherit]"],
1230
- "internalComponents": ["HStack"],
1231
- "internalComponentProps": {},
1232
- "propToVariantKeys": { "size": ["modalSizeSpacingHorizontal", "modalSizeActions"] },
1233
- "runtimeConfigDefaultProps": {
1234
- "size": "modal.defaultSize",
1235
- "variant": "modal.defaultVariant"
1236
- },
1237
- "runtimeConfigGetStyles": {
1238
- "modalSizeSpacingHorizontal": ["modal.defaultSize"],
1239
- "modalSizeActions": ["modal.defaultSize"]
1240
- },
1241
- "runtimeConfigInternalComponentProps": {},
1242
- "motionVarPrefixes": []
1243
- },
1244
- "Menu.ItemCheckbox": {
1245
- "name": "Menu.ItemCheckbox",
1246
- "defaultProps": {},
1247
- "getStylesLiterals": {
1248
- "menuitemItemCheckboxVariantRoot": "default",
1249
- "menuitemItemCheckboxVariantActiveRoot": "on",
1250
- "menuitemItemCheckboxVariantActiveRoot:1": "off",
1251
- "menuitemItemCheckboxVariantText": "default",
1252
- "menuitemItemCheckboxVariantActiveText": "on",
1253
- "menuitemItemCheckboxVariantActiveText:1": "off",
1254
- "menuitemItemCheckboxVariantStartIcon": "default",
1255
- "menuitemItemCheckboxVariantActiveStartIcon": "on",
1256
- "menuitemItemCheckboxVariantActiveStartIcon:1": "off",
1257
- "menuitemItemCheckboxVariantEndIcon": "default",
1258
- "menuitemItemCheckboxVariantActiveEndIcon": "on",
1259
- "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
1260
- },
1261
- "cxLiterals": ["uds-menu-item-checkbox"],
1262
- "internalComponents": ["MenuItemBase"],
1263
- "internalComponentProps": {},
1264
- "propToVariantKeys": {},
1202
+ "cxLiterals": ["uds-ring"],
1203
+ "internalComponents": ["ChipBase"],
1204
+ "internalComponentProps": { "ChipBase": { "as": ["button"] } },
1205
+ "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
1265
1206
  "runtimeConfigDefaultProps": {},
1266
1207
  "runtimeConfigGetStyles": {},
1267
1208
  "runtimeConfigInternalComponentProps": {},
1268
1209
  "motionVarPrefixes": []
1269
1210
  },
1270
- Menu: {
1271
- "name": "Menu",
1272
- "defaultProps": {},
1211
+ ChipDismissible: {
1212
+ "name": "ChipDismissible",
1213
+ "defaultProps": { "variant": "primary" },
1273
1214
  "getStylesLiterals": {},
1274
- "cxLiterals": [],
1275
- "internalComponents": [],
1215
+ "cxLiterals": [
1216
+ "uds-chip-dismissible-button",
1217
+ "uds-hit-target",
1218
+ "uds-ring",
1219
+ "rounded-full"
1220
+ ],
1221
+ "internalComponents": [
1222
+ "ChipBase",
1223
+ "IconSlot",
1224
+ "Pressable"
1225
+ ],
1276
1226
  "internalComponentProps": {},
1277
- "propToVariantKeys": {},
1227
+ "propToVariantKeys": {
1228
+ "variant": ["chipDismissibleVariantRoot", "chipDismissibleVariantIcon"],
1229
+ "dismissButtonAriaLabel": ["aria-label"]
1230
+ },
1278
1231
  "runtimeConfigDefaultProps": {},
1279
1232
  "runtimeConfigGetStyles": {},
1280
1233
  "runtimeConfigInternalComponentProps": {},
1281
1234
  "motionVarPrefixes": []
1282
1235
  },
1283
- "Menu.Trigger": {
1284
- "name": "Menu.Trigger",
1285
- "defaultProps": {},
1236
+ ChipLink: {
1237
+ "name": "ChipLink",
1238
+ "defaultProps": { "variant": "primary" },
1286
1239
  "getStylesLiterals": {},
1287
- "cxLiterals": ["uds-menu-trigger"],
1288
- "internalComponents": ["AriakitMenuTrigger", "Box"],
1289
- "internalComponentProps": { "Box": { "className": ["uds-ring h-fit w-fit"] } },
1290
- "propToVariantKeys": {},
1240
+ "cxLiterals": ["uds-ring"],
1241
+ "internalComponents": ["ChipBase"],
1242
+ "internalComponentProps": { "ChipBase": { "as": ["a"] } },
1243
+ "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
1291
1244
  "runtimeConfigDefaultProps": {},
1292
1245
  "runtimeConfigGetStyles": {},
1293
1246
  "runtimeConfigInternalComponentProps": {},
1294
1247
  "motionVarPrefixes": []
1295
1248
  },
1296
- "Menu.Provider": {
1297
- "name": "Menu.Provider",
1298
- "defaultProps": {},
1299
- "getStylesLiterals": {},
1300
- "cxLiterals": [],
1301
- "internalComponents": ["AriakitMenuProvider", "SpringMotionConfig"],
1302
- "internalComponentProps": {},
1303
- "propToVariantKeys": {},
1304
- "runtimeConfigDefaultProps": {},
1305
- "runtimeConfigGetStyles": {},
1306
- "runtimeConfigInternalComponentProps": {},
1307
- "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
1308
- },
1309
- "Menu.Item": {
1310
- "name": "Menu.Item",
1311
- "defaultProps": {},
1249
+ ChipToggle: {
1250
+ "name": "ChipToggle",
1251
+ "defaultProps": {
1252
+ "variant": "primary",
1253
+ "role": "checkbox"
1254
+ },
1312
1255
  "getStylesLiterals": {
1313
- "menuitemItemVariantRoot": "default",
1314
- "menuitemItemVariantActiveRoot": "on",
1315
- "menuitemItemVariantActiveRoot:1": "off",
1316
- "menuitemItemVariantText": "default",
1317
- "menuitemItemVariantActiveText": "on",
1318
- "menuitemItemVariantActiveText:1": "off",
1319
- "menuitemItemVariantIcon": "default",
1320
- "menuitemItemVariantActiveIcon": "on",
1321
- "menuitemItemVariantActiveIcon:1": "off"
1256
+ "chipToggleVariantActiveRoot": "on",
1257
+ "chipToggleVariantActiveRoot:1": "off"
1322
1258
  },
1323
- "cxLiterals": [],
1324
- "internalComponents": ["MenuItemBase"],
1325
- "internalComponentProps": {},
1326
- "propToVariantKeys": {},
1327
- "runtimeConfigDefaultProps": {},
1328
- "runtimeConfigGetStyles": {},
1329
- "runtimeConfigInternalComponentProps": {},
1330
- "motionVarPrefixes": []
1331
- },
1332
- "Menu.index": {
1333
- "name": "Menu.index",
1334
- "defaultProps": {},
1335
- "getStylesLiterals": {},
1336
- "cxLiterals": [],
1337
- "internalComponents": [],
1338
- "internalComponentProps": {},
1339
- "propToVariantKeys": {},
1259
+ "cxLiterals": ["uds-ring"],
1260
+ "internalComponents": ["ChipBase"],
1261
+ "internalComponentProps": { "ChipBase": { "as": ["button"] } },
1262
+ "propToVariantKeys": { "variant": ["chipToggleVariantRoot", "chipToggleVariantIcon"] },
1340
1263
  "runtimeConfigDefaultProps": {},
1341
1264
  "runtimeConfigGetStyles": {},
1342
1265
  "runtimeConfigInternalComponentProps": {},
1343
1266
  "motionVarPrefixes": []
1344
1267
  },
1345
- "Menu.ItemBase": {
1346
- "name": "Menu.ItemBase",
1268
+ Input: {
1269
+ "name": "Input",
1347
1270
  "defaultProps": {
1348
- "spacing": "0",
1349
- "spacingHorizontal": "4",
1350
- "spacingVertical": "3.5",
1351
- "columnGap": "2",
1352
- "alignItems": "center",
1353
- "justifyContent": "space-between"
1271
+ "type": "text",
1272
+ "size": "md",
1273
+ "width": "full"
1354
1274
  },
1355
1275
  "getStylesLiterals": {
1356
- "textAlign": "start",
1357
- "menuitemSizeRoot": "default",
1358
- "flexDirection": "row",
1359
- "menuitemSizeStartIcon": "default",
1360
- "menuitemSizeEndIcon": "default"
1361
- },
1362
- "cxLiterals": [
1363
- "uds-menu-item",
1364
- "flex",
1365
- "focus-visible:text-brand",
1366
- "focus-visible:bg-brand-secondary",
1367
- "focus-visible:z-10",
1368
- "uds-ring",
1369
- "!-outline-offset-2",
1370
- "[&:not([aria-checked])]:cursor-default",
1371
- "opacity-25",
1372
- "cursor-not-allowed",
1373
- "duration-20",
1374
- "transition-[font-variation-settings]",
1375
- "ease-in-out",
1376
- "z-0",
1377
- "uds-start-icon",
1378
- "uds-end-icon"
1276
+ "inputVariantRoot": "default",
1277
+ "inputVariantValueRoot": "empty",
1278
+ "inputVariantValueRoot:1": "filled",
1279
+ "inputVariantInputWrapper": "default",
1280
+ "inputVariantValueInputWrapper": "empty",
1281
+ "inputVariantValueInputWrapper:1": "filled",
1282
+ "inputVariantInput": "default",
1283
+ "inputVariantValueInput": "empty",
1284
+ "inputVariantValueInput:1": "filled",
1285
+ "inputVariantInputPlaceholder": "default",
1286
+ "inputVariantValueInputPlaceholder": "empty",
1287
+ "inputVariantValueInputPlaceholder:1": "filled",
1288
+ "inputVariantLabel": "default",
1289
+ "inputVariantValueLabel": "empty",
1290
+ "inputVariantValueLabel:1": "filled",
1291
+ "inputVariantLabelRequired": "default",
1292
+ "inputVariantValueLabelRequired": "empty",
1293
+ "inputVariantValueLabelRequired:1": "filled",
1294
+ "inputVariantStartIcon": "default",
1295
+ "inputVariantValueStartIcon": "empty",
1296
+ "inputVariantValueStartIcon:1": "filled",
1297
+ "inputVariantEndIcon": "default",
1298
+ "inputVariantValueEndIcon": "empty",
1299
+ "inputVariantValueEndIcon:1": "filled"
1300
+ },
1301
+ "cxLiterals": [
1302
+ "opacity-50",
1303
+ "min-w-[200px]",
1304
+ "grow",
1305
+ "uds-hit-target",
1306
+ "bg-clip-text",
1307
+ "focus:outline-none",
1308
+ "cursor-text",
1309
+ "cursor-not-allowed"
1379
1310
  ],
1380
1311
  "internalComponents": [
1381
- "Pressable",
1382
1312
  "IconSlot",
1383
- "RootComponent",
1313
+ "StartIcon",
1314
+ "EndIcon",
1315
+ "HelpTextContent",
1316
+ "Box",
1317
+ "InputHelpTextInternal",
1318
+ "VStack",
1384
1319
  "HStack",
1385
- "AnimatePresence"
1320
+ "AnimateHeightChange"
1386
1321
  ],
1387
1322
  "internalComponentProps": {
1323
+ "HelpTextContent": { "spacingTop": ["2"] },
1324
+ "Box": {
1325
+ "spacingBottom": ["2"],
1326
+ "columnGap": ["0.5"],
1327
+ "alignItems": ["flex-end", "center"],
1328
+ "position": ["relative"]
1329
+ },
1388
1330
  "HStack": {
1389
1331
  "alignItems": ["center"],
1390
- "width": ["full"]
1391
- },
1392
- "AnimatePresence": { "mode": ["popLayout"] }
1332
+ "gap": ["1"]
1333
+ }
1393
1334
  },
1394
1335
  "propToVariantKeys": {
1395
- "startIconClassName": ["className"],
1396
- "endIconClassName": ["className"],
1336
+ "size": [
1337
+ "inputSizeRoot",
1338
+ "inputSizeInputWrapper",
1339
+ "inputSizeInput",
1340
+ "inputSizeLabel",
1341
+ "inputSizeStartIcon",
1342
+ "inputSizeEndIcon"
1343
+ ],
1397
1344
  "startIcon": ["icon"],
1398
1345
  "endIcon": ["icon"],
1399
- "columnGap": ["gap"]
1346
+ "slotProps": ["helperTextSlotProps"],
1347
+ "helperTextIcon": ["startIcon"]
1400
1348
  },
1401
1349
  "runtimeConfigDefaultProps": {},
1402
1350
  "runtimeConfigGetStyles": {},
1403
1351
  "runtimeConfigInternalComponentProps": {},
1404
1352
  "motionVarPrefixes": []
1405
1353
  },
1406
- "Menu.Divider": {
1407
- "name": "Menu.Divider",
1408
- "defaultProps": {
1409
- "role": "separator",
1410
- "contentPosition": "start",
1411
- "gap": "4"
1354
+ InputHelpText: {
1355
+ "name": "InputHelpText",
1356
+ "defaultProps": { "size": "md" },
1357
+ "getStylesLiterals": {
1358
+ "inputVariantRoot": "default",
1359
+ "inputVariantValueRoot": "empty",
1360
+ "inputVariantValueRoot:1": "filled"
1412
1361
  },
1362
+ "cxLiterals": [],
1363
+ "internalComponents": ["InputHelpTextInternal", "Box"],
1364
+ "internalComponentProps": { "Box": { "spacingTop": ["2"] } },
1365
+ "propToVariantKeys": { "size": ["inputSizeRoot"] },
1366
+ "runtimeConfigDefaultProps": {},
1367
+ "runtimeConfigGetStyles": {},
1368
+ "runtimeConfigInternalComponentProps": {},
1369
+ "motionVarPrefixes": []
1370
+ },
1371
+ InputHelpTextInternal: {
1372
+ "name": "InputHelpTextInternal",
1373
+ "defaultProps": {},
1413
1374
  "getStylesLiterals": {
1414
- "menuitemDividerVariantRoot": "default",
1415
- "menuitemDividerVariantText": "default",
1416
- "menuitemDividerVariantLine": "default"
1375
+ "inputVariantHelperText": "default",
1376
+ "inputVariantValueHelperText": "empty",
1377
+ "inputVariantValueHelperText:1": "filled",
1378
+ "inputVariantHelperIcon": "default",
1379
+ "inputVariantValueHelperIcon": "empty",
1380
+ "inputVariantValueHelperIcon:1": "filled"
1417
1381
  },
1418
1382
  "cxLiterals": [],
1419
- "internalComponents": ["Divider"],
1420
- "internalComponentProps": { "Divider": { "variant": ["inherit"] } },
1421
- "propToVariantKeys": {},
1383
+ "internalComponents": ["IconSlot", "HStack"],
1384
+ "internalComponentProps": { "HStack": {
1385
+ "gap": ["1"],
1386
+ "alignItems": ["center"]
1387
+ } },
1388
+ "propToVariantKeys": {
1389
+ "size": ["inputSizeHelperText", "inputSizeHelperIcon"],
1390
+ "startIcon": ["icon"],
1391
+ "endIcon": ["icon"]
1392
+ },
1422
1393
  "runtimeConfigDefaultProps": {},
1423
1394
  "runtimeConfigGetStyles": {},
1424
1395
  "runtimeConfigInternalComponentProps": {},
@@ -1460,222 +1431,166 @@ var componentData_default = {
1460
1431
  "runtimeConfigInternalComponentProps": {},
1461
1432
  "motionVarPrefixes": []
1462
1433
  },
1463
- Avatar: {
1464
- "name": "Avatar",
1465
- "defaultProps": {},
1466
- "getStylesLiterals": {},
1434
+ "Menu.Divider": {
1435
+ "name": "Menu.Divider",
1436
+ "defaultProps": {
1437
+ "role": "separator",
1438
+ "contentPosition": "start",
1439
+ "gap": "4"
1440
+ },
1441
+ "getStylesLiterals": {
1442
+ "menuitemDividerVariantRoot": "default",
1443
+ "menuitemDividerVariantText": "default",
1444
+ "menuitemDividerVariantLine": "default"
1445
+ },
1467
1446
  "cxLiterals": [],
1468
- "internalComponents": ["AvatarImage"],
1469
- "internalComponentProps": {},
1447
+ "internalComponents": ["Divider"],
1448
+ "internalComponentProps": { "Divider": { "variant": ["inherit"] } },
1470
1449
  "propToVariantKeys": {},
1471
1450
  "runtimeConfigDefaultProps": {},
1472
1451
  "runtimeConfigGetStyles": {},
1473
1452
  "runtimeConfigInternalComponentProps": {},
1474
1453
  "motionVarPrefixes": []
1475
1454
  },
1476
- AvatarText: {
1477
- "name": "AvatarText",
1478
- "defaultProps": {
1479
- "size": "md",
1480
- "variant": "primary"
1455
+ "Menu.Item": {
1456
+ "name": "Menu.Item",
1457
+ "defaultProps": {},
1458
+ "getStylesLiterals": {
1459
+ "menuitemItemVariantRoot": "default",
1460
+ "menuitemItemVariantActiveRoot": "on",
1461
+ "menuitemItemVariantActiveRoot:1": "off",
1462
+ "menuitemItemVariantText": "default",
1463
+ "menuitemItemVariantActiveText": "on",
1464
+ "menuitemItemVariantActiveText:1": "off",
1465
+ "menuitemItemVariantIcon": "default",
1466
+ "menuitemItemVariantActiveIcon": "on",
1467
+ "menuitemItemVariantActiveIcon:1": "off"
1481
1468
  },
1482
- "getStylesLiterals": {},
1483
- "cxLiterals": [
1484
- "overflow-hidden",
1485
- "truncate",
1486
- "w-full",
1487
- "h-full",
1488
- "shrink-0",
1489
- "text-center",
1490
- "inline-flex",
1491
- "justify-center",
1492
- "items-center"
1493
- ],
1494
- "internalComponents": ["Box", "Text"],
1495
- "internalComponentProps": { "Text": {
1496
- "color": ["inherit"],
1497
- "variant": ["inherit"]
1498
- } },
1469
+ "cxLiterals": [],
1470
+ "internalComponents": ["MenuItemBase"],
1471
+ "internalComponentProps": {},
1499
1472
  "propToVariantKeys": {},
1500
1473
  "runtimeConfigDefaultProps": {},
1501
1474
  "runtimeConfigGetStyles": {},
1502
1475
  "runtimeConfigInternalComponentProps": {},
1503
1476
  "motionVarPrefixes": []
1504
1477
  },
1505
- AvatarIcon: {
1506
- "name": "AvatarIcon",
1478
+ "Menu.ItemBase": {
1479
+ "name": "Menu.ItemBase",
1507
1480
  "defaultProps": {
1508
- "size": "md",
1509
- "variant": "primary"
1481
+ "spacing": "0",
1482
+ "spacingHorizontal": "4",
1483
+ "spacingVertical": "3.5",
1484
+ "columnGap": "2",
1485
+ "alignItems": "center",
1486
+ "justifyContent": "space-between"
1487
+ },
1488
+ "getStylesLiterals": {
1489
+ "textAlign": "start",
1490
+ "menuitemSizeRoot": "default",
1491
+ "flexDirection": "row",
1492
+ "menuitemSizeStartIcon": "default",
1493
+ "menuitemSizeEndIcon": "default"
1510
1494
  },
1511
- "getStylesLiterals": {},
1512
1495
  "cxLiterals": [
1513
- "overflow-hidden",
1514
- "w-full",
1515
- "h-full",
1516
- "shrink-0",
1517
- "text-center",
1518
- "inline-flex",
1519
- "justify-center",
1520
- "items-center"
1496
+ "uds-menu-item",
1497
+ "flex",
1498
+ "focus-visible:text-brand",
1499
+ "focus-visible:bg-brand-secondary",
1500
+ "focus-visible:z-10",
1501
+ "uds-ring",
1502
+ "!-outline-offset-2",
1503
+ "[&:not([aria-checked])]:cursor-default",
1504
+ "opacity-25",
1505
+ "cursor-not-allowed",
1506
+ "duration-20",
1507
+ "transition-[font-variation-settings]",
1508
+ "ease-in-out",
1509
+ "z-0",
1510
+ "truncate",
1511
+ "uds-start-icon",
1512
+ "uds-end-icon"
1521
1513
  ],
1522
- "internalComponents": ["IconSlot", "Box"],
1523
- "internalComponentProps": {},
1524
- "propToVariantKeys": { "size": ["avatarSizeIcon"] },
1514
+ "internalComponents": [
1515
+ "Pressable",
1516
+ "IconSlot",
1517
+ "RootComponent",
1518
+ "HStack",
1519
+ "AnimatePresence"
1520
+ ],
1521
+ "internalComponentProps": {
1522
+ "HStack": {
1523
+ "alignItems": ["center"],
1524
+ "width": ["full"]
1525
+ },
1526
+ "AnimatePresence": { "mode": ["popLayout"] }
1527
+ },
1528
+ "propToVariantKeys": {
1529
+ "startIconClassName": ["className"],
1530
+ "endIconClassName": ["className"],
1531
+ "startIcon": ["icon"],
1532
+ "endIcon": ["icon"],
1533
+ "columnGap": ["gap"]
1534
+ },
1525
1535
  "runtimeConfigDefaultProps": {},
1526
1536
  "runtimeConfigGetStyles": {},
1527
1537
  "runtimeConfigInternalComponentProps": {},
1528
1538
  "motionVarPrefixes": []
1529
1539
  },
1530
- AvatarImage: {
1531
- "name": "AvatarImage",
1532
- "defaultProps": {
1533
- "size": "md",
1534
- "variant": "primary"
1540
+ "Menu.ItemCheckbox": {
1541
+ "name": "Menu.ItemCheckbox",
1542
+ "defaultProps": {},
1543
+ "getStylesLiterals": {
1544
+ "menuitemItemCheckboxVariantRoot": "default",
1545
+ "menuitemItemCheckboxVariantActiveRoot": "on",
1546
+ "menuitemItemCheckboxVariantActiveRoot:1": "off",
1547
+ "menuitemItemCheckboxVariantText": "default",
1548
+ "menuitemItemCheckboxVariantActiveText": "on",
1549
+ "menuitemItemCheckboxVariantActiveText:1": "off",
1550
+ "menuitemItemCheckboxVariantStartIcon": "default",
1551
+ "menuitemItemCheckboxVariantActiveStartIcon": "on",
1552
+ "menuitemItemCheckboxVariantActiveStartIcon:1": "off",
1553
+ "menuitemItemCheckboxVariantEndIcon": "default",
1554
+ "menuitemItemCheckboxVariantActiveEndIcon": "on",
1555
+ "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
1535
1556
  },
1536
- "getStylesLiterals": {},
1537
- "cxLiterals": [
1538
- "overflow-hidden",
1539
- "w-full",
1540
- "h-full",
1541
- "shrink-0",
1542
- "text-center",
1543
- "inline-flex",
1544
- "justify-center",
1545
- "items-center",
1546
- "object-cover"
1547
- ],
1548
- "internalComponents": [
1549
- "UDSImage",
1550
- "AvatarText",
1551
- "AvatarIcon",
1552
- "Box"
1553
- ],
1557
+ "cxLiterals": ["uds-menu-item-checkbox"],
1558
+ "internalComponents": ["MenuItemBase"],
1554
1559
  "internalComponentProps": {},
1555
- "propToVariantKeys": {
1556
- "alt": ["name"],
1557
- "fallback": ["initials"]
1558
- },
1560
+ "propToVariantKeys": {},
1559
1561
  "runtimeConfigDefaultProps": {},
1560
1562
  "runtimeConfigGetStyles": {},
1561
1563
  "runtimeConfigInternalComponentProps": {},
1562
1564
  "motionVarPrefixes": []
1563
1565
  },
1564
- Popover: {
1565
- "name": "Popover",
1566
+ "Menu.Provider": {
1567
+ "name": "Menu.Provider",
1566
1568
  "defaultProps": {},
1567
1569
  "getStylesLiterals": {},
1568
- "cxLiterals": ["uds:popover-open"],
1569
- "internalComponents": ["PopoverInternalContext.Provider", "PopoverProvider"],
1570
+ "cxLiterals": [],
1571
+ "internalComponents": ["AriakitMenuProvider", "SpringMotionConfig"],
1570
1572
  "internalComponentProps": {},
1571
1573
  "propToVariantKeys": {},
1572
- "runtimeConfigDefaultProps": {
1573
- "size": "popover.defaultSize",
1574
- "variant": "popover.defaultVariant"
1575
- },
1576
- "runtimeConfigGetStyles": {},
1577
- "runtimeConfigInternalComponentProps": {},
1578
- "motionVarPrefixes": []
1579
- },
1580
- PopoverContent: {
1581
- "name": "PopoverContent",
1582
- "defaultProps": {},
1583
- "getStylesLiterals": {
1584
- "popoverSizeRoot": "default",
1585
- "popoverVariantRoot": "default",
1586
- "display": "flex",
1587
- "position": "relative",
1588
- "display:1": "block",
1589
- "spacingTop": "0",
1590
- "spacingStart": "0",
1591
- "spacingBottom": "0",
1592
- "spacingEnd": "0",
1593
- "popoverSizeSvgBase": "default",
1594
- "popoverVariantSvgBase": "default",
1595
- "popoverSizeSvgBorder": "default",
1596
- "popoverVariantSvgBorder": "default",
1597
- "popoverVariantBlur": "default",
1598
- "position:1": "absolute",
1599
- "width": "full",
1600
- "height": "full",
1601
- "flexShrink": "0",
1602
- "borderRadius": "full",
1603
- "alignItems": "center",
1604
- "justifyContent": "center",
1605
- "popoverVariantCloseIcon": "default",
1606
- "popoverSizeCloseIcon": "default"
1607
- },
1608
- "cxLiterals": [
1609
- "z-[9999]",
1610
- "outline-none",
1611
- "focus-visible:outline-none",
1612
- "uds-bgBlurFillFallback",
1613
- "uds-bgBlurFallback",
1614
- "top-0",
1615
- "left-0",
1616
- "z-[1]",
1617
- "duration-0",
1618
- "duration-120",
1619
- "transition-[background-color]",
1620
- "bg-carbon-15/0",
1621
- "hover:bg-carbon-15/10",
1622
- "active:bg-carbon-15/15",
1623
- "uds-ring",
1624
- "absolute",
1625
- "z-[4]"
1626
- ],
1627
- "internalComponents": [
1628
- "PopoverDismiss",
1629
- "IconSlot",
1630
- "PopoverArrow",
1631
- "Popover",
1632
- "SvgFloatingOverlay",
1633
- "Box",
1634
- "Pressable"
1635
- ],
1636
- "internalComponentProps": {},
1637
- "propToVariantKeys": { "closeIcon": ["icon"] },
1638
- "runtimeConfigDefaultProps": {
1639
- "size": "popover.defaultSize",
1640
- "variant": "popover.defaultVariant"
1641
- },
1642
- "runtimeConfigGetStyles": {
1643
- "spacingTop": ["popover.spacingVertical.${size}"],
1644
- "spacingStart": ["popover.spacingHorizontal.${size}"],
1645
- "spacingBottom": ["popover.spacingVertical.${size}"],
1646
- "spacingEnd": ["popover.spacingHorizontal.${size}"]
1647
- },
1648
- "runtimeConfigInternalComponentProps": { "SvgFloatingOverlay": { "borderRadius": ["popover.borderRadius.${size}"] } },
1649
- "motionVarPrefixes": []
1650
- },
1651
- PopoverTrigger: {
1652
- "name": "PopoverTrigger",
1653
- "defaultProps": {},
1654
- "getStylesLiterals": {},
1655
- "cxLiterals": [],
1656
- "internalComponents": ["PopoverDisclosure"],
1657
- "internalComponentProps": { "PopoverDisclosure": { "className": ["inline"] } },
1658
- "propToVariantKeys": { "children": ["render"] },
1659
1574
  "runtimeConfigDefaultProps": {},
1660
1575
  "runtimeConfigGetStyles": {},
1661
1576
  "runtimeConfigInternalComponentProps": {},
1662
- "motionVarPrefixes": []
1577
+ "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
1663
1578
  },
1664
- UDSPopoverConfigProvider: {
1665
- "name": "UDSPopoverConfigProvider",
1579
+ "Menu.Trigger": {
1580
+ "name": "Menu.Trigger",
1666
1581
  "defaultProps": {},
1667
1582
  "getStylesLiterals": {},
1668
- "cxLiterals": [],
1669
- "internalComponents": ["PopoverContext.Provider"],
1670
- "internalComponentProps": {},
1583
+ "cxLiterals": ["uds-menu-trigger"],
1584
+ "internalComponents": ["AriakitMenuTrigger", "Box"],
1585
+ "internalComponentProps": { "Box": { "className": ["uds-ring h-fit w-fit"] } },
1671
1586
  "propToVariantKeys": {},
1672
1587
  "runtimeConfigDefaultProps": {},
1673
1588
  "runtimeConfigGetStyles": {},
1674
1589
  "runtimeConfigInternalComponentProps": {},
1675
1590
  "motionVarPrefixes": []
1676
1591
  },
1677
- PopoverContext: {
1678
- "name": "PopoverContext",
1592
+ "Menu.index": {
1593
+ "name": "Menu.index",
1679
1594
  "defaultProps": {},
1680
1595
  "getStylesLiterals": {},
1681
1596
  "cxLiterals": [],
@@ -1687,110 +1602,162 @@ var componentData_default = {
1687
1602
  "runtimeConfigInternalComponentProps": {},
1688
1603
  "motionVarPrefixes": []
1689
1604
  },
1690
- TooltipTrigger: {
1691
- "name": "TooltipTrigger",
1605
+ Menu: {
1606
+ "name": "Menu",
1692
1607
  "defaultProps": {},
1693
1608
  "getStylesLiterals": {},
1694
1609
  "cxLiterals": [],
1695
- "internalComponents": ["TooltipAnchor"],
1696
- "internalComponentProps": { "TooltipAnchor": { "className": ["inline"] } },
1697
- "propToVariantKeys": { "children": ["render"] },
1610
+ "internalComponents": [],
1611
+ "internalComponentProps": {},
1612
+ "propToVariantKeys": {},
1698
1613
  "runtimeConfigDefaultProps": {},
1699
1614
  "runtimeConfigGetStyles": {},
1700
1615
  "runtimeConfigInternalComponentProps": {},
1701
1616
  "motionVarPrefixes": []
1702
1617
  },
1703
- TooltipContent: {
1704
- "name": "TooltipContent",
1705
- "defaultProps": {},
1618
+ Modal: {
1619
+ "name": "Modal",
1620
+ "defaultProps": {
1621
+ "closeAriaLabel": "Close",
1622
+ "maxWidth": "auto",
1623
+ "maxHeight": "auto",
1624
+ "scrollBehavior": "outside"
1625
+ },
1706
1626
  "getStylesLiterals": {
1707
- "tooltipSizeRoot": "default",
1708
- "tooltipVariantRoot": "default",
1709
- "tooltipSizeSvg": "default",
1710
- "tooltipVariantSvg": "default",
1711
- "tooltipVariantBlur": "default",
1712
- "position": "absolute",
1713
- "width": "full",
1714
- "height": "full",
1715
- "tooltipSizeTitle": "default",
1716
- "tooltipSizeBody": "default",
1717
- "tooltipSizeEndContent": "default",
1718
- "tooltipSizeIcon": "default",
1719
- "tooltipVariantIcon": "default"
1627
+ "flexDirection": "row-reverse",
1628
+ "justifyContent": "space-between",
1629
+ "alignItems": "flex-end",
1630
+ "alignItems:1": "flex-start",
1631
+ "borderRadius": "full"
1720
1632
  },
1721
1633
  "cxLiterals": [
1722
- "max-w-lg",
1723
- "flex",
1724
- "z-[9999]",
1725
- "uds-bgBlurFillFallback",
1634
+ "fixed",
1635
+ "inset-0",
1636
+ "z-40",
1637
+ "overflow-y-auto",
1638
+ "overflow-hidden",
1639
+ "transition-[opacity,visibility]",
1640
+ "visible",
1641
+ "opacity-100",
1642
+ "invisible",
1643
+ "opacity-0",
1644
+ "pointer-events-none",
1726
1645
  "uds-bgBlurFallback",
1727
- "top-0",
1728
- "left-0",
1729
- "z-[1]"
1646
+ "w-full",
1647
+ "w-fit",
1648
+ "h-full",
1649
+ "h-fit",
1650
+ "m-auto",
1651
+ "pointer-events-auto",
1652
+ "inside",
1653
+ "max-h-full",
1654
+ "transition-transform",
1655
+ "duration-0",
1656
+ "duration-120",
1657
+ "transition-[background-color]",
1658
+ "bg-carbon-15/0",
1659
+ "hover:bg-carbon-15/10",
1660
+ "active:bg-carbon-15/15",
1661
+ "uds-ring",
1662
+ "[translate:50%_-50%]"
1730
1663
  ],
1731
1664
  "internalComponents": [
1732
- "IconSlot",
1733
- "TooltipArrow",
1734
- "Tooltip",
1735
- "SvgFloatingOverlay",
1665
+ "Scrim",
1736
1666
  "VStack",
1667
+ "Pressable",
1668
+ "IconSlot",
1737
1669
  "Box",
1738
- "Text"
1670
+ "Dialog",
1671
+ "ModalContext.Provider",
1672
+ "HStack",
1673
+ "DialogDismiss",
1674
+ "ModalTitle",
1675
+ "ModalDescription",
1676
+ "ModalContent",
1677
+ "ModalActions"
1739
1678
  ],
1740
- "internalComponentProps": {
1741
- "SvgFloatingOverlay": { "contentOverflow": ["visible"] },
1742
- "VStack": { "className": ["gap-[inherit]"] },
1743
- "Box": {
1744
- "alignItems": ["center"],
1745
- "columnGap": ["1", "1.5"]
1746
- },
1747
- "Text": { "color": ["inherit"] }
1748
- },
1749
- "propToVariantKeys": { "startTitleIcon": ["icon"] },
1750
- "runtimeConfigDefaultProps": {},
1751
- "runtimeConfigGetStyles": {},
1679
+ "internalComponentProps": { "Box": { "flexGrow": ["1"] } },
1680
+ "propToVariantKeys": {
1681
+ "gutter": ["spacing"],
1682
+ "size": [
1683
+ "modalSizeRoot",
1684
+ "modalSizeSpacingHorizontal",
1685
+ "modalSizeHeader",
1686
+ "modalSizeTitleDescriptionWrapper",
1687
+ "modalSizeCloseIconContainer",
1688
+ "modalSizeCloseIcon"
1689
+ ],
1690
+ "variant": ["modalVariantRoot", "modalVariantCloseIcon"],
1691
+ "closeAriaLabel": ["aria-label"],
1692
+ "closeIcon": ["icon"]
1693
+ },
1694
+ "runtimeConfigDefaultProps": {
1695
+ "size": "modal.defaultSize",
1696
+ "variant": "modal.defaultVariant"
1697
+ },
1698
+ "runtimeConfigGetStyles": {
1699
+ "spacing": ["modal.gutter.${size}"],
1700
+ "modalSizeRoot": ["modal.defaultSize"],
1701
+ "modalVariantRoot": ["modal.defaultVariant"],
1702
+ "modalSizeSpacingHorizontal": ["modal.defaultSize"],
1703
+ "modalSizeHeader": ["modal.defaultSize"],
1704
+ "modalSizeTitleDescriptionWrapper": ["modal.defaultSize"],
1705
+ "modalSizeCloseIconContainer": ["modal.defaultSize"],
1706
+ "modalSizeCloseIcon": ["modal.defaultSize"],
1707
+ "modalVariantCloseIcon": ["modal.defaultVariant"]
1708
+ },
1752
1709
  "runtimeConfigInternalComponentProps": {},
1753
1710
  "motionVarPrefixes": []
1754
1711
  },
1755
- UDSTooltipConfigProvider: {
1756
- "name": "UDSTooltipConfigProvider",
1712
+ ModalActions: {
1713
+ "name": "ModalActions",
1757
1714
  "defaultProps": {},
1758
- "getStylesLiterals": {},
1759
- "cxLiterals": [],
1760
- "internalComponents": ["TooltipContext.Provider"],
1715
+ "getStylesLiterals": {
1716
+ "flexDirection": "row-reverse",
1717
+ "justifyContent": "space-between",
1718
+ "alignItems": "center"
1719
+ },
1720
+ "cxLiterals": ["gap-[inherit]"],
1721
+ "internalComponents": ["HStack"],
1761
1722
  "internalComponentProps": {},
1762
- "propToVariantKeys": {},
1763
- "runtimeConfigDefaultProps": {},
1764
- "runtimeConfigGetStyles": {},
1723
+ "propToVariantKeys": { "size": ["modalSizeSpacingHorizontal", "modalSizeActions"] },
1724
+ "runtimeConfigDefaultProps": {
1725
+ "size": "modal.defaultSize",
1726
+ "variant": "modal.defaultVariant"
1727
+ },
1728
+ "runtimeConfigGetStyles": {
1729
+ "modalSizeSpacingHorizontal": ["modal.defaultSize"],
1730
+ "modalSizeActions": ["modal.defaultSize"]
1731
+ },
1765
1732
  "runtimeConfigInternalComponentProps": {},
1766
1733
  "motionVarPrefixes": []
1767
1734
  },
1768
- Tooltip: {
1769
- "name": "Tooltip",
1735
+ ModalContent: {
1736
+ "name": "ModalContent",
1770
1737
  "defaultProps": {},
1771
- "getStylesLiterals": {},
1738
+ "getStylesLiterals": {
1739
+ "overflowY": "auto",
1740
+ "display": "block",
1741
+ "flexGrow": "1"
1742
+ },
1772
1743
  "cxLiterals": [],
1773
- "internalComponents": ["TooltipInternalContext.Provider", "TooltipProvider"],
1744
+ "internalComponents": ["Box"],
1774
1745
  "internalComponentProps": {},
1775
- "propToVariantKeys": {},
1776
- "runtimeConfigDefaultProps": {},
1777
- "runtimeConfigGetStyles": {},
1778
- "runtimeConfigInternalComponentProps": { "TooltipProvider": { "animated": ["tooltip.animationDuration"] } },
1746
+ "propToVariantKeys": { "size": ["modalSizeSpacingHorizontal"] },
1747
+ "runtimeConfigDefaultProps": {
1748
+ "size": "modal.defaultSize",
1749
+ "variant": "modal.defaultVariant"
1750
+ },
1751
+ "runtimeConfigGetStyles": { "modalSizeSpacingHorizontal": ["modal.defaultSize"] },
1752
+ "runtimeConfigInternalComponentProps": {},
1779
1753
  "motionVarPrefixes": []
1780
1754
  },
1781
- UDSConfigProvider: {
1782
- "name": "UDSConfigProvider",
1755
+ ModalContext: {
1756
+ "name": "ModalContext",
1783
1757
  "defaultProps": {},
1784
1758
  "getStylesLiterals": {},
1785
1759
  "cxLiterals": [],
1786
- "internalComponents": [
1787
- "UDSBreakpointsConfigProvider",
1788
- "UDSBottomSheetConfigProvider",
1789
- "UDSToastConfigProvider",
1790
- "UDSTooltipConfigProvider",
1791
- "UDSPopoverConfigProvider",
1792
- "UDSModalConfigProvider"
1793
- ],
1760
+ "internalComponents": [],
1794
1761
  "internalComponentProps": {},
1795
1762
  "propToVariantKeys": {},
1796
1763
  "runtimeConfigDefaultProps": {},
@@ -1798,41 +1765,56 @@ var componentData_default = {
1798
1765
  "runtimeConfigInternalComponentProps": {},
1799
1766
  "motionVarPrefixes": []
1800
1767
  },
1801
- UDSBreakpointsConfigProvider: {
1802
- "name": "UDSBreakpointsConfigProvider",
1768
+ ModalDescription: {
1769
+ "name": "ModalDescription",
1803
1770
  "defaultProps": {},
1804
1771
  "getStylesLiterals": {},
1805
1772
  "cxLiterals": [],
1806
- "internalComponents": ["UDSBreakpointsConfigContext.Provider"],
1807
- "internalComponentProps": {},
1808
- "propToVariantKeys": {},
1809
- "runtimeConfigDefaultProps": {},
1810
- "runtimeConfigGetStyles": {},
1773
+ "internalComponents": ["Text", "DialogDescription"],
1774
+ "internalComponentProps": { "Text": { "as": ["span"] } },
1775
+ "propToVariantKeys": {
1776
+ "size": ["modalSizeDescription"],
1777
+ "variant": ["modalVariantDescription"]
1778
+ },
1779
+ "runtimeConfigDefaultProps": {
1780
+ "size": "modal.defaultSize",
1781
+ "variant": "modal.defaultVariant"
1782
+ },
1783
+ "runtimeConfigGetStyles": {
1784
+ "modalSizeDescription": ["modal.defaultSize"],
1785
+ "modalVariantDescription": ["modal.defaultVariant"]
1786
+ },
1811
1787
  "runtimeConfigInternalComponentProps": {},
1812
1788
  "motionVarPrefixes": []
1813
1789
  },
1814
- ToastPortal: {
1815
- "name": "ToastPortal",
1790
+ ModalTitle: {
1791
+ "name": "ModalTitle",
1816
1792
  "defaultProps": {},
1817
1793
  "getStylesLiterals": {},
1818
1794
  "cxLiterals": [],
1819
- "internalComponents": ["ReactToastifyToastContainer"],
1820
- "internalComponentProps": {},
1821
- "propToVariantKeys": {},
1795
+ "internalComponents": ["Text", "DialogHeading"],
1796
+ "internalComponentProps": { "Text": { "as": ["span"] } },
1797
+ "propToVariantKeys": {
1798
+ "size": ["modalSizeTitle"],
1799
+ "variant": ["modalVariantTitle"]
1800
+ },
1822
1801
  "runtimeConfigDefaultProps": {
1823
- "size": "toast.defaultSize",
1824
- "variant": "toast.defaultVariant"
1802
+ "size": "modal.defaultSize",
1803
+ "variant": "modal.defaultVariant"
1825
1804
  },
1826
- "runtimeConfigGetStyles": {},
1827
- "runtimeConfigInternalComponentProps": { "ReactToastifyToastContainer": { "autoClose": ["toast.autoClose"] } },
1805
+ "runtimeConfigGetStyles": {
1806
+ "modalSizeTitle": ["modal.defaultSize"],
1807
+ "modalVariantTitle": ["modal.defaultVariant"]
1808
+ },
1809
+ "runtimeConfigInternalComponentProps": {},
1828
1810
  "motionVarPrefixes": []
1829
1811
  },
1830
- UDSToastConfigProvider: {
1831
- "name": "UDSToastConfigProvider",
1812
+ UDSModalConfigProvider: {
1813
+ "name": "UDSModalConfigProvider",
1832
1814
  "defaultProps": {},
1833
1815
  "getStylesLiterals": {},
1834
1816
  "cxLiterals": [],
1835
- "internalComponents": ["ToastContext.Provider"],
1817
+ "internalComponents": ["ModalContext.Provider"],
1836
1818
  "internalComponentProps": {},
1837
1819
  "propToVariantKeys": {},
1838
1820
  "runtimeConfigDefaultProps": {},
@@ -1840,487 +1822,648 @@ var componentData_default = {
1840
1822
  "runtimeConfigInternalComponentProps": {},
1841
1823
  "motionVarPrefixes": []
1842
1824
  },
1843
- ToastContainer: {
1844
- "name": "ToastContainer",
1825
+ PaddleButton: {
1826
+ "name": "PaddleButton",
1845
1827
  "defaultProps": {},
1846
- "getStylesLiterals": {
1847
- "position": "relative",
1848
- "alignItems": "center",
1849
- "display": "flex",
1850
- "className": "box-border touch-none z-0 w-full break-words mb-2 last:mb-0"
1851
- },
1852
- "cxLiterals": ["w-full"],
1853
- "internalComponents": ["HStack"],
1854
- "internalComponentProps": { "HStack": {
1855
- "alignItems": ["center"],
1856
- "justifyContent": ["space-between"],
1857
- "overflow": ["hidden"],
1858
- "position": ["relative"]
1828
+ "getStylesLiterals": {},
1829
+ "cxLiterals": [
1830
+ "relative",
1831
+ "inline-flex",
1832
+ "items-center",
1833
+ "justify-center",
1834
+ "box-border",
1835
+ "overflow-hidden",
1836
+ "border-solid",
1837
+ "select-none",
1838
+ "uds-nested-radius",
1839
+ "transition-[color,border-color,box-shadow]",
1840
+ "duration-[180ms]",
1841
+ "ease-[cubic-bezier(0,0,0.2,1)]",
1842
+ "uds-ring",
1843
+ "cursor-pointer",
1844
+ "cursor-not-allowed",
1845
+ "opacity-50",
1846
+ "pointer-events-none",
1847
+ "hidden",
1848
+ "absolute",
1849
+ "inset-0",
1850
+ "-z-10",
1851
+ "rounded-[length:var(--uds-nested-radius)]",
1852
+ "transition-[background-color,opacity]"
1853
+ ],
1854
+ "internalComponents": ["Icon"],
1855
+ "internalComponentProps": { "Icon": {
1856
+ "size": ["md"],
1857
+ "color": ["current"]
1859
1858
  } },
1860
1859
  "propToVariantKeys": {
1861
- "variant": ["toastVariantRoot"],
1862
- "size": ["toastSizeRoot"]
1863
- },
1864
- "runtimeConfigDefaultProps": {
1865
- "size": "toast.defaultSize",
1866
- "variant": "toast.defaultVariant"
1867
- },
1868
- "runtimeConfigGetStyles": {
1869
- "toastVariantRoot": ["toast.defaultVariant"],
1870
- "toastSizeRoot": ["toast.defaultSize"]
1860
+ "size": ["paddlenavSizeRoot", "paddlenavSizeIcon"],
1861
+ "variant": [
1862
+ "paddlenavVariantRoot",
1863
+ "paddlenavVariantBackground",
1864
+ "paddlenavVariantIcon"
1865
+ ]
1871
1866
  },
1872
- "runtimeConfigInternalComponentProps": { "HStack": { "backgroundColor": ["toast.backgroundColor.${variant}"] } },
1867
+ "runtimeConfigDefaultProps": {},
1868
+ "runtimeConfigGetStyles": {},
1869
+ "runtimeConfigInternalComponentProps": {},
1873
1870
  "motionVarPrefixes": []
1874
1871
  },
1875
- Toast: {
1876
- "name": "Toast",
1872
+ PaddleButtonNext: {
1873
+ "name": "PaddleButtonNext",
1877
1874
  "defaultProps": {},
1878
- "getStylesLiterals": {
1879
- "className": "animate-spin",
1880
- "className:1": "flex-none",
1881
- "spacing": "2",
1882
- "borderRadius": "full"
1875
+ "getStylesLiterals": {},
1876
+ "cxLiterals": [],
1877
+ "internalComponents": ["PaddleButton"],
1878
+ "internalComponentProps": { "PaddleButton": { "paddleRole": ["next"] } },
1879
+ "propToVariantKeys": {},
1880
+ "runtimeConfigDefaultProps": {},
1881
+ "runtimeConfigGetStyles": {},
1882
+ "runtimeConfigInternalComponentProps": {},
1883
+ "motionVarPrefixes": []
1884
+ },
1885
+ PaddleButtonPrevious: {
1886
+ "name": "PaddleButtonPrevious",
1887
+ "defaultProps": {},
1888
+ "getStylesLiterals": {},
1889
+ "cxLiterals": [],
1890
+ "internalComponents": ["PaddleButton"],
1891
+ "internalComponentProps": { "PaddleButton": { "paddleRole": ["previous"] } },
1892
+ "propToVariantKeys": {},
1893
+ "runtimeConfigDefaultProps": {},
1894
+ "runtimeConfigGetStyles": {},
1895
+ "runtimeConfigInternalComponentProps": {},
1896
+ "motionVarPrefixes": []
1897
+ },
1898
+ PaddleNav: {
1899
+ "name": "PaddleNav",
1900
+ "defaultProps": {
1901
+ "orientation": "horizontal",
1902
+ "variant": "primary",
1903
+ "size": "md"
1883
1904
  },
1905
+ "getStylesLiterals": {},
1884
1906
  "cxLiterals": [
1885
- "duration-0",
1886
- "duration-120",
1907
+ "pointer-events-none",
1908
+ "inline-flex",
1909
+ "flex-row",
1910
+ "gap-2",
1911
+ "items-center",
1912
+ "pointer-events-auto",
1913
+ "flex-col",
1914
+ "relative",
1915
+ "min-w-0",
1916
+ "min-h-0",
1917
+ "flex-1",
1918
+ "inline-block",
1919
+ "absolute",
1920
+ "z-10",
1921
+ "top-2",
1922
+ "left-1/2",
1923
+ "-translate-x-1/2",
1924
+ "left-2",
1925
+ "top-1/2",
1926
+ "-translate-y-1/2",
1927
+ "bottom-2",
1928
+ "right-2",
1929
+ "-top-12",
1930
+ "left-0",
1931
+ "right-0",
1932
+ "-bottom-12"
1933
+ ],
1934
+ "internalComponents": ["PaddleNavContext.Provider", "Box"],
1935
+ "internalComponentProps": { "Box": {
1936
+ "display": ["inline-flex"],
1937
+ "alignItems": ["center"],
1938
+ "justifyContent": ["center"],
1939
+ "data-paddle-nav-outside": ["true"]
1940
+ } },
1941
+ "propToVariantKeys": { "orientation": ["data-paddle-nav-orientation"] },
1942
+ "runtimeConfigDefaultProps": {},
1943
+ "runtimeConfigGetStyles": {},
1944
+ "runtimeConfigInternalComponentProps": {},
1945
+ "motionVarPrefixes": []
1946
+ },
1947
+ PaddleNavContent: {
1948
+ "name": "PaddleNavContent",
1949
+ "defaultProps": {},
1950
+ "getStylesLiterals": {},
1951
+ "cxLiterals": [
1952
+ "min-w-0",
1953
+ "min-h-0",
1954
+ "relative"
1955
+ ],
1956
+ "internalComponents": [],
1957
+ "internalComponentProps": {},
1958
+ "propToVariantKeys": {},
1959
+ "runtimeConfigDefaultProps": {},
1960
+ "runtimeConfigGetStyles": {},
1961
+ "runtimeConfigInternalComponentProps": {},
1962
+ "motionVarPrefixes": []
1963
+ },
1964
+ Popover: {
1965
+ "name": "Popover",
1966
+ "defaultProps": {},
1967
+ "getStylesLiterals": {},
1968
+ "cxLiterals": ["uds:popover-open"],
1969
+ "internalComponents": ["PopoverInternalContext.Provider", "PopoverProvider"],
1970
+ "internalComponentProps": {},
1971
+ "propToVariantKeys": {},
1972
+ "runtimeConfigDefaultProps": {
1973
+ "size": "popover.defaultSize",
1974
+ "variant": "popover.defaultVariant"
1975
+ },
1976
+ "runtimeConfigGetStyles": {},
1977
+ "runtimeConfigInternalComponentProps": {},
1978
+ "motionVarPrefixes": []
1979
+ },
1980
+ PopoverContent: {
1981
+ "name": "PopoverContent",
1982
+ "defaultProps": {},
1983
+ "getStylesLiterals": {
1984
+ "popoverSizeRoot": "default",
1985
+ "popoverVariantRoot": "default",
1986
+ "display": "flex",
1987
+ "position": "relative",
1988
+ "display:1": "block",
1989
+ "spacingTop": "0",
1990
+ "spacingStart": "0",
1991
+ "spacingBottom": "0",
1992
+ "spacingEnd": "0",
1993
+ "popoverSizeSvgBase": "default",
1994
+ "popoverVariantSvgBase": "default",
1995
+ "popoverSizeSvgBorder": "default",
1996
+ "popoverVariantSvgBorder": "default",
1997
+ "popoverVariantBlur": "default",
1998
+ "position:1": "absolute",
1999
+ "width": "full",
2000
+ "height": "full",
2001
+ "flexShrink": "0",
2002
+ "borderRadius": "full",
2003
+ "alignItems": "center",
2004
+ "justifyContent": "center",
2005
+ "popoverVariantCloseIcon": "default",
2006
+ "popoverSizeCloseIcon": "default"
2007
+ },
2008
+ "cxLiterals": [
2009
+ "z-[9999]",
2010
+ "outline-none",
2011
+ "focus-visible:outline-none",
2012
+ "uds-bgBlurFillFallback",
2013
+ "uds-bgBlurFallback",
2014
+ "top-0",
2015
+ "left-0",
2016
+ "z-[1]",
2017
+ "duration-0",
2018
+ "duration-120",
1887
2019
  "transition-[background-color]",
1888
2020
  "bg-carbon-15/0",
1889
2021
  "hover:bg-carbon-15/10",
1890
2022
  "active:bg-carbon-15/15",
1891
- "uds-ring"
2023
+ "uds-ring",
2024
+ "absolute",
2025
+ "z-[4]"
1892
2026
  ],
1893
2027
  "internalComponents": [
2028
+ "PopoverDismiss",
1894
2029
  "IconSlot",
1895
- "ToastContainer",
1896
- "Text",
1897
- "Button",
2030
+ "PopoverArrow",
2031
+ "Popover",
2032
+ "SvgFloatingOverlay",
2033
+ "Box",
1898
2034
  "Pressable"
1899
2035
  ],
1900
2036
  "internalComponentProps": {},
1901
- "propToVariantKeys": {
1902
- "size": [
1903
- "toastSizeLabel",
1904
- "toastSizeIcon",
1905
- "toastSizeActionButton",
1906
- "toastSizeCloseIcon"
1907
- ],
1908
- "variant": [
1909
- "toastVariantIcon",
1910
- "toastVariantActionButton",
1911
- "toastVariantCloseIcon"
1912
- ],
1913
- "closeIcon": ["icon"],
1914
- "onClickActionButton": ["onClick"]
1915
- },
2037
+ "propToVariantKeys": { "closeIcon": ["icon"] },
1916
2038
  "runtimeConfigDefaultProps": {
1917
- "size": "toast.defaultSize",
1918
- "variant": "toast.defaultVariant"
2039
+ "size": "popover.defaultSize",
2040
+ "variant": "popover.defaultVariant"
1919
2041
  },
1920
2042
  "runtimeConfigGetStyles": {
1921
- "toastSizeLabel": ["toast.defaultSize"],
1922
- "toastVariantIcon": ["toast.defaultVariant"],
1923
- "toastSizeIcon": ["toast.defaultSize"],
1924
- "toastSizeActionButton": ["toast.defaultSize"],
1925
- "toastVariantActionButton": ["toast.defaultVariant"],
1926
- "toastVariantCloseIcon": ["toast.defaultVariant"],
1927
- "toastSizeCloseIcon": ["toast.defaultSize"]
1928
- },
1929
- "runtimeConfigInternalComponentProps": {
1930
- "ToastContainer": {
1931
- "size": ["toast.defaultSize"],
1932
- "variant": ["toast.defaultVariant"]
1933
- },
1934
- "Text": {
1935
- "variant": ["toast.textVariant.${size}"],
1936
- "color": ["toast.textColor.${variant}"]
1937
- },
1938
- "Button": {
1939
- "size": ["toast.buttonSize.${size}"],
1940
- "variant": ["toast.buttonVariant.${variant}"]
1941
- }
2043
+ "spacingTop": ["popover.spacingVertical.${size}"],
2044
+ "spacingStart": ["popover.spacingHorizontal.${size}"],
2045
+ "spacingBottom": ["popover.spacingVertical.${size}"],
2046
+ "spacingEnd": ["popover.spacingHorizontal.${size}"]
1942
2047
  },
2048
+ "runtimeConfigInternalComponentProps": { "SvgFloatingOverlay": { "borderRadius": ["popover.borderRadius.${size}"] } },
1943
2049
  "motionVarPrefixes": []
1944
2050
  },
1945
- ChipToggle: {
1946
- "name": "ChipToggle",
1947
- "defaultProps": {
1948
- "variant": "primary",
1949
- "role": "checkbox"
1950
- },
1951
- "getStylesLiterals": {
1952
- "chipToggleVariantActiveRoot": "on",
1953
- "chipToggleVariantActiveRoot:1": "off"
1954
- },
1955
- "cxLiterals": ["uds-ring"],
1956
- "internalComponents": ["ChipBase"],
1957
- "internalComponentProps": { "ChipBase": { "as": ["button"] } },
1958
- "propToVariantKeys": { "variant": ["chipToggleVariantRoot", "chipToggleVariantIcon"] },
2051
+ PopoverContext: {
2052
+ "name": "PopoverContext",
2053
+ "defaultProps": {},
2054
+ "getStylesLiterals": {},
2055
+ "cxLiterals": [],
2056
+ "internalComponents": [],
2057
+ "internalComponentProps": {},
2058
+ "propToVariantKeys": {},
1959
2059
  "runtimeConfigDefaultProps": {},
1960
2060
  "runtimeConfigGetStyles": {},
1961
2061
  "runtimeConfigInternalComponentProps": {},
1962
2062
  "motionVarPrefixes": []
1963
2063
  },
1964
- Chip: {
1965
- "name": "Chip",
2064
+ PopoverTrigger: {
2065
+ "name": "PopoverTrigger",
1966
2066
  "defaultProps": {},
1967
2067
  "getStylesLiterals": {},
1968
2068
  "cxLiterals": [],
1969
- "internalComponents": [
1970
- "ChipDismissible",
1971
- "ChipToggle",
1972
- "ChipLink",
1973
- "ChipButton"
1974
- ],
1975
- "internalComponentProps": {},
1976
- "propToVariantKeys": {},
2069
+ "internalComponents": ["PopoverDisclosure"],
2070
+ "internalComponentProps": { "PopoverDisclosure": { "className": ["inline"] } },
2071
+ "propToVariantKeys": { "children": ["render"] },
1977
2072
  "runtimeConfigDefaultProps": {},
1978
2073
  "runtimeConfigGetStyles": {},
1979
2074
  "runtimeConfigInternalComponentProps": {},
1980
2075
  "motionVarPrefixes": []
1981
2076
  },
1982
- ChipDismissible: {
1983
- "name": "ChipDismissible",
1984
- "defaultProps": { "variant": "primary" },
2077
+ UDSPopoverConfigProvider: {
2078
+ "name": "UDSPopoverConfigProvider",
2079
+ "defaultProps": {},
1985
2080
  "getStylesLiterals": {},
1986
- "cxLiterals": [
1987
- "uds-chip-dismissible-button",
1988
- "uds-hit-target",
1989
- "uds-ring",
1990
- "rounded-full"
1991
- ],
1992
- "internalComponents": [
1993
- "ChipBase",
1994
- "IconSlot",
1995
- "Pressable"
1996
- ],
2081
+ "cxLiterals": [],
2082
+ "internalComponents": ["PopoverContext.Provider"],
1997
2083
  "internalComponentProps": {},
1998
- "propToVariantKeys": {
1999
- "variant": ["chipDismissibleVariantRoot", "chipDismissibleVariantIcon"],
2000
- "dismissButtonAriaLabel": ["aria-label"]
2001
- },
2084
+ "propToVariantKeys": {},
2002
2085
  "runtimeConfigDefaultProps": {},
2003
2086
  "runtimeConfigGetStyles": {},
2004
2087
  "runtimeConfigInternalComponentProps": {},
2005
2088
  "motionVarPrefixes": []
2006
2089
  },
2007
- ChipBase: {
2008
- "name": "ChipBase",
2090
+ Radio: {
2091
+ "name": "Radio",
2009
2092
  "defaultProps": {
2093
+ "labelPosition": "start",
2094
+ "variant": "primary",
2010
2095
  "size": "md",
2011
- "as": "div"
2096
+ "value": ""
2097
+ },
2098
+ "getStylesLiterals": {
2099
+ "radioVariantValueRoot": "checked",
2100
+ "radioVariantValueRoot:1": "unchecked",
2101
+ "display": "flex",
2102
+ "flexDirection": "row",
2103
+ "flexDirection:1": "row-reverse",
2104
+ "alignItems": "center",
2105
+ "radioVariantValueRadio": "checked",
2106
+ "radioVariantValueRadio:1": "unchecked",
2107
+ "radioVariantValueRadioCircle": "checked",
2108
+ "radioVariantValueRadioCircle:1": "unchecked"
2012
2109
  },
2013
- "getStylesLiterals": {},
2014
2110
  "cxLiterals": [
2015
- "pointer-events-none",
2111
+ "cursor-pointer",
2016
2112
  "cursor-default",
2017
2113
  "opacity-50",
2018
- "inline-flex",
2019
- "items-center",
2020
- "transition-[background-color,outline-color,box-shadow]",
2021
- "truncate",
2022
- "whitespace-nowrap",
2023
- "text-center",
2024
- "flex-1",
2025
- "md",
2026
- "primary"
2114
+ "border",
2115
+ "uds-ring",
2116
+ "uds-ring-within",
2117
+ "transition-[background-color,border-color]",
2118
+ "transition-shadow",
2119
+ "pointer-events-none",
2120
+ "w-[8px]",
2121
+ "h-[8px]",
2122
+ "transition-opacity",
2123
+ "cursor-[inherit]",
2124
+ "absolute",
2125
+ "opacity-0",
2126
+ "top-1/2",
2127
+ "left-1/2",
2128
+ "w-[calc(100%+2px)]",
2129
+ "h-[calc(100%+2px)]",
2130
+ "transform",
2131
+ "translate-x-[-50%]",
2132
+ "translate-y-[-50%]",
2133
+ "text-start",
2134
+ "text-end"
2027
2135
  ],
2028
2136
  "internalComponents": [
2029
- "IconSlot",
2030
- "HStack",
2031
- "As",
2032
- "Text"
2137
+ "Box",
2138
+ "FormLabel",
2139
+ "SpringMotionConfig",
2140
+ "RootElement",
2141
+ "MotionBox"
2033
2142
  ],
2034
- "internalComponentProps": { "Text": {
2035
- "as": ["span"],
2036
- "color": ["current"],
2037
- "variant": ["inherit"]
2038
- } },
2143
+ "internalComponentProps": {
2144
+ "Box": { "borderRadius": ["full"] },
2145
+ "FormLabel": {
2146
+ "as": ["div"],
2147
+ "variant": ["inherit"],
2148
+ "color": ["inherit"]
2149
+ },
2150
+ "RootElement": { "data-testid": ["container"] },
2151
+ "MotionBox": {
2152
+ "position": ["relative"],
2153
+ "borderRadius": ["full"],
2154
+ "alignItems": ["center"],
2155
+ "justifyContent": ["center"],
2156
+ "flex": ["none"]
2157
+ }
2158
+ },
2039
2159
  "propToVariantKeys": {
2040
- "size": ["chipSizeRoot", "chipSizeIcon"],
2041
- "startIcon": ["icon"],
2042
- "endIcon": ["icon"]
2160
+ "size": ["radioSizeRoot", "radioSizeRadio"],
2161
+ "variant": [
2162
+ "radioVariantRoot",
2163
+ "radioVariantRadio",
2164
+ "radioVariantRadioCircle"
2165
+ ],
2166
+ "reduceMotion": ["reducedMotion"]
2043
2167
  },
2044
2168
  "runtimeConfigDefaultProps": {},
2045
2169
  "runtimeConfigGetStyles": {},
2046
2170
  "runtimeConfigInternalComponentProps": {},
2047
- "motionVarPrefixes": []
2171
+ "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
2048
2172
  },
2049
- ChipLink: {
2050
- "name": "ChipLink",
2051
- "defaultProps": { "variant": "primary" },
2173
+ RadioGroupProvider: {
2174
+ "name": "RadioGroupProvider",
2175
+ "defaultProps": {},
2052
2176
  "getStylesLiterals": {},
2053
- "cxLiterals": ["uds-ring"],
2054
- "internalComponents": ["ChipBase"],
2055
- "internalComponentProps": { "ChipBase": { "as": ["a"] } },
2056
- "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
2177
+ "cxLiterals": [],
2178
+ "internalComponents": [
2179
+ "DivProps",
2180
+ "Comp",
2181
+ "RadioGroupContext.Provider"
2182
+ ],
2183
+ "internalComponentProps": { "Comp": { "role": ["radiogroup"] } },
2184
+ "propToVariantKeys": {},
2057
2185
  "runtimeConfigDefaultProps": {},
2058
2186
  "runtimeConfigGetStyles": {},
2059
2187
  "runtimeConfigInternalComponentProps": {},
2060
2188
  "motionVarPrefixes": []
2061
2189
  },
2062
- ChipButton: {
2063
- "name": "ChipButton",
2064
- "defaultProps": { "variant": "primary" },
2190
+ RadioGroupStore: {
2191
+ "name": "RadioGroupStore",
2192
+ "defaultProps": {},
2065
2193
  "getStylesLiterals": {},
2066
- "cxLiterals": ["uds-ring"],
2067
- "internalComponents": ["ChipBase"],
2068
- "internalComponentProps": { "ChipBase": { "as": ["button"] } },
2069
- "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
2194
+ "cxLiterals": [],
2195
+ "internalComponents": [],
2196
+ "internalComponentProps": {},
2197
+ "propToVariantKeys": {},
2070
2198
  "runtimeConfigDefaultProps": {},
2071
2199
  "runtimeConfigGetStyles": {},
2072
2200
  "runtimeConfigInternalComponentProps": {},
2073
2201
  "motionVarPrefixes": []
2074
2202
  },
2075
- Input: {
2076
- "name": "Input",
2077
- "defaultProps": {
2078
- "type": "text",
2079
- "size": "md",
2080
- "width": "full"
2081
- },
2203
+ Tab: {
2204
+ "name": "Tab",
2205
+ "defaultProps": { "variant": "primary" },
2082
2206
  "getStylesLiterals": {
2083
- "inputVariantRoot": "default",
2084
- "inputVariantValueRoot": "empty",
2085
- "inputVariantValueRoot:1": "filled",
2086
- "inputVariantInputWrapper": "default",
2087
- "inputVariantValueInputWrapper": "empty",
2088
- "inputVariantValueInputWrapper:1": "filled",
2089
- "inputVariantInput": "default",
2090
- "inputVariantValueInput": "empty",
2091
- "inputVariantValueInput:1": "filled",
2092
- "inputVariantInputPlaceholder": "default",
2093
- "inputVariantValueInputPlaceholder": "empty",
2094
- "inputVariantValueInputPlaceholder:1": "filled",
2095
- "inputVariantLabel": "default",
2096
- "inputVariantValueLabel": "empty",
2097
- "inputVariantValueLabel:1": "filled",
2098
- "inputVariantLabelRequired": "default",
2099
- "inputVariantValueLabelRequired": "empty",
2100
- "inputVariantValueLabelRequired:1": "filled",
2101
- "inputVariantStartIcon": "default",
2102
- "inputVariantValueStartIcon": "empty",
2103
- "inputVariantValueStartIcon:1": "filled",
2104
- "inputVariantEndIcon": "default",
2105
- "inputVariantValueEndIcon": "empty",
2106
- "inputVariantValueEndIcon:1": "filled"
2207
+ "tabSizeRoot": "default",
2208
+ "tabVariantActiveRoot": "off",
2209
+ "tabVariantActiveRoot:1": "on",
2210
+ "tabSizeIcon": "default"
2107
2211
  },
2108
2212
  "cxLiterals": [
2213
+ "pointer-events-none",
2214
+ "absolute",
2215
+ "bottom-0",
2216
+ "left-0",
2217
+ "right-0",
2218
+ "h-[var(--uds-tab-underline-width,0px)]",
2219
+ "bg-[var(--uds-tab-underline-color,transparent)]",
2220
+ "transition-[height,background-color]",
2221
+ "duration-[240ms]",
2222
+ "ease-[cubic-bezier(0.2,0,0,1)]",
2223
+ "!bg-transparent",
2224
+ "!shadow-none",
2225
+ "inline-flex",
2226
+ "items-center",
2227
+ "shrink-0",
2228
+ "box-border",
2229
+ "relative",
2230
+ "z-[1]",
2231
+ "cursor-pointer",
2232
+ "select-none",
2233
+ "whitespace-nowrap",
2234
+ "uds-ring",
2109
2235
  "opacity-50",
2110
- "min-w-[200px]",
2111
- "grow",
2112
- "uds-hit-target",
2113
- "bg-clip-text",
2114
- "focus:outline-none",
2115
- "cursor-text",
2116
- "cursor-not-allowed"
2236
+ "cursor-default",
2237
+ "border-solid",
2238
+ "border-b-solid",
2239
+ "transition-colors"
2117
2240
  ],
2118
2241
  "internalComponents": [
2119
2242
  "IconSlot",
2120
- "StartIcon",
2121
- "EndIcon",
2122
- "HelpTextContent",
2123
- "Box",
2124
- "InputHelpTextInternal",
2125
- "VStack",
2126
- "HStack",
2127
- "AnimateHeightChange"
2243
+ "AriakitTab",
2244
+ "Text"
2128
2245
  ],
2129
- "internalComponentProps": {
2130
- "HelpTextContent": { "spacingTop": ["2"] },
2131
- "Box": {
2132
- "spacingBottom": ["2"],
2133
- "columnGap": ["0.5"],
2134
- "alignItems": ["flex-end", "center"],
2135
- "position": ["relative"]
2136
- },
2137
- "HStack": {
2138
- "alignItems": ["center"],
2139
- "gap": ["1"]
2140
- }
2141
- },
2246
+ "internalComponentProps": { "Text": {
2247
+ "variant": ["inherit"],
2248
+ "as": ["span"],
2249
+ "color": ["current"]
2250
+ } },
2142
2251
  "propToVariantKeys": {
2143
- "size": [
2144
- "inputSizeRoot",
2145
- "inputSizeInputWrapper",
2146
- "inputSizeInput",
2147
- "inputSizeLabel",
2148
- "inputSizeStartIcon",
2149
- "inputSizeEndIcon"
2150
- ],
2252
+ "variant": ["tabVariantRoot", "tabVariantIcon"],
2253
+ "activeState": ["tabVariantActiveIcon"],
2151
2254
  "startIcon": ["icon"],
2152
- "endIcon": ["icon"],
2153
- "slotProps": ["helperTextSlotProps"],
2154
- "helperTextIcon": ["startIcon"]
2255
+ "endIcon": ["icon"]
2155
2256
  },
2156
2257
  "runtimeConfigDefaultProps": {},
2157
2258
  "runtimeConfigGetStyles": {},
2158
2259
  "runtimeConfigInternalComponentProps": {},
2159
2260
  "motionVarPrefixes": []
2160
2261
  },
2161
- InputHelpText: {
2162
- "name": "InputHelpText",
2163
- "defaultProps": { "size": "md" },
2262
+ TabList: {
2263
+ "name": "TabList",
2264
+ "defaultProps": { "variant": "primary" },
2164
2265
  "getStylesLiterals": {
2165
- "inputVariantRoot": "default",
2166
- "inputVariantValueRoot": "empty",
2167
- "inputVariantValueRoot:1": "filled"
2266
+ "tabSizeRoot": "default",
2267
+ "tabVariantActiveRoot": "on"
2168
2268
  },
2169
- "cxLiterals": [],
2170
- "internalComponents": ["InputHelpTextInternal", "Box"],
2171
- "internalComponentProps": { "Box": { "spacingTop": ["2"] } },
2172
- "propToVariantKeys": { "size": ["inputSizeRoot"] },
2269
+ "cxLiterals": [
2270
+ "pointer-events-none",
2271
+ "absolute",
2272
+ "bottom-0",
2273
+ "left-0",
2274
+ "right-0",
2275
+ "h-[var(--uds-tab-underline-width,0px)]",
2276
+ "bg-[var(--uds-tab-underline-color,transparent)]",
2277
+ "transition-[height,background-color]",
2278
+ "duration-[240ms]",
2279
+ "ease-[cubic-bezier(0.2,0,0,1)]",
2280
+ "!m-0",
2281
+ "!p-0",
2282
+ "!gap-0",
2283
+ "box-border",
2284
+ "z-0",
2285
+ "min-w-0",
2286
+ "min-h-0",
2287
+ "flex",
2288
+ "flex-row",
2289
+ "items-center",
2290
+ "overflow-x-auto",
2291
+ "overflow-y-clip",
2292
+ "scrollbar-none",
2293
+ "[overflow-clip-margin:6px]",
2294
+ "overflow-clip",
2295
+ "[overflow-clip-margin:8px]",
2296
+ "relative",
2297
+ "left",
2298
+ "240ms",
2299
+ "cubic-bezier(0.2,",
2300
+ "0,",
2301
+ "1),",
2302
+ "top",
2303
+ "width",
2304
+ "height",
2305
+ "1)",
2306
+ "--uds-tab-underline-color",
2307
+ "--uds-tab-underline-width"
2308
+ ],
2309
+ "internalComponents": ["AriakitTabList"],
2310
+ "internalComponentProps": {},
2311
+ "propToVariantKeys": { "variant": ["tabsVariantRoot", "tabVariantRoot"] },
2173
2312
  "runtimeConfigDefaultProps": {},
2174
2313
  "runtimeConfigGetStyles": {},
2175
2314
  "runtimeConfigInternalComponentProps": {},
2176
2315
  "motionVarPrefixes": []
2177
2316
  },
2178
- InputHelpTextInternal: {
2179
- "name": "InputHelpTextInternal",
2317
+ TabPanel: {
2318
+ "name": "TabPanel",
2180
2319
  "defaultProps": {},
2181
- "getStylesLiterals": {
2182
- "inputVariantHelperText": "default",
2183
- "inputVariantValueHelperText": "empty",
2184
- "inputVariantValueHelperText:1": "filled",
2185
- "inputVariantHelperIcon": "default",
2186
- "inputVariantValueHelperIcon": "empty",
2187
- "inputVariantValueHelperIcon:1": "filled"
2188
- },
2320
+ "getStylesLiterals": {},
2189
2321
  "cxLiterals": [],
2190
- "internalComponents": ["IconSlot", "HStack"],
2191
- "internalComponentProps": { "HStack": {
2192
- "gap": ["1"],
2193
- "alignItems": ["center"]
2194
- } },
2195
- "propToVariantKeys": {
2196
- "size": ["inputSizeHelperText", "inputSizeHelperIcon"],
2197
- "startIcon": ["icon"],
2198
- "endIcon": ["icon"]
2199
- },
2322
+ "internalComponents": ["AriakitTabPanel"],
2323
+ "internalComponentProps": {},
2324
+ "propToVariantKeys": {},
2200
2325
  "runtimeConfigDefaultProps": {},
2201
2326
  "runtimeConfigGetStyles": {},
2202
2327
  "runtimeConfigInternalComponentProps": {},
2203
2328
  "motionVarPrefixes": []
2204
2329
  },
2205
- PaddleButtonPrevious: {
2206
- "name": "PaddleButtonPrevious",
2207
- "defaultProps": {},
2330
+ Tabs: {
2331
+ "name": "Tabs",
2332
+ "defaultProps": { "variant": "primary" },
2208
2333
  "getStylesLiterals": {},
2209
2334
  "cxLiterals": [],
2210
- "internalComponents": ["PaddleButton"],
2211
- "internalComponentProps": { "PaddleButton": { "paddleRole": ["previous"] } },
2212
- "propToVariantKeys": {},
2335
+ "internalComponents": ["TabsContext.Provider", "TabProvider"],
2336
+ "internalComponentProps": {},
2337
+ "propToVariantKeys": { "onSelectionChange": ["setSelectedId"] },
2213
2338
  "runtimeConfigDefaultProps": {},
2214
2339
  "runtimeConfigGetStyles": {},
2215
2340
  "runtimeConfigInternalComponentProps": {},
2216
2341
  "motionVarPrefixes": []
2217
2342
  },
2218
- PaddleNav: {
2219
- "name": "PaddleNav",
2220
- "defaultProps": {
2221
- "orientation": "horizontal",
2222
- "variant": "primary",
2223
- "size": "md"
2343
+ Toast: {
2344
+ "name": "Toast",
2345
+ "defaultProps": {},
2346
+ "getStylesLiterals": {
2347
+ "className": "animate-spin",
2348
+ "className:1": "flex-none",
2349
+ "spacing": "2",
2350
+ "borderRadius": "full"
2351
+ },
2352
+ "cxLiterals": [
2353
+ "duration-0",
2354
+ "duration-120",
2355
+ "transition-[background-color]",
2356
+ "bg-carbon-15/0",
2357
+ "hover:bg-carbon-15/10",
2358
+ "active:bg-carbon-15/15",
2359
+ "uds-ring"
2360
+ ],
2361
+ "internalComponents": [
2362
+ "IconSlot",
2363
+ "ToastContainer",
2364
+ "Text",
2365
+ "Button",
2366
+ "Pressable"
2367
+ ],
2368
+ "internalComponentProps": {},
2369
+ "propToVariantKeys": {
2370
+ "size": [
2371
+ "toastSizeLabel",
2372
+ "toastSizeIcon",
2373
+ "toastSizeActionButton",
2374
+ "toastSizeCloseIcon"
2375
+ ],
2376
+ "variant": [
2377
+ "toastVariantIcon",
2378
+ "toastVariantActionButton",
2379
+ "toastVariantCloseIcon"
2380
+ ],
2381
+ "closeIcon": ["icon"],
2382
+ "onClickActionButton": ["onClick"]
2383
+ },
2384
+ "runtimeConfigDefaultProps": {
2385
+ "size": "toast.defaultSize",
2386
+ "variant": "toast.defaultVariant"
2387
+ },
2388
+ "runtimeConfigGetStyles": {
2389
+ "toastSizeLabel": ["toast.defaultSize"],
2390
+ "toastVariantIcon": ["toast.defaultVariant"],
2391
+ "toastSizeIcon": ["toast.defaultSize"],
2392
+ "toastSizeActionButton": ["toast.defaultSize"],
2393
+ "toastVariantActionButton": ["toast.defaultVariant"],
2394
+ "toastVariantCloseIcon": ["toast.defaultVariant"],
2395
+ "toastSizeCloseIcon": ["toast.defaultSize"]
2396
+ },
2397
+ "runtimeConfigInternalComponentProps": {
2398
+ "ToastContainer": {
2399
+ "size": ["toast.defaultSize"],
2400
+ "variant": ["toast.defaultVariant"]
2401
+ },
2402
+ "Text": {
2403
+ "variant": ["toast.textVariant.${size}"],
2404
+ "color": ["toast.textColor.${variant}"]
2405
+ },
2406
+ "Button": {
2407
+ "size": ["toast.buttonSize.${size}"],
2408
+ "variant": ["toast.buttonVariant.${variant}"]
2409
+ }
2410
+ },
2411
+ "motionVarPrefixes": []
2412
+ },
2413
+ ToastContainer: {
2414
+ "name": "ToastContainer",
2415
+ "defaultProps": {},
2416
+ "getStylesLiterals": {
2417
+ "position": "relative",
2418
+ "alignItems": "center",
2419
+ "display": "flex",
2420
+ "className": "box-border touch-none z-0 w-full break-words mb-2 last:mb-0"
2224
2421
  },
2225
- "getStylesLiterals": {},
2226
- "cxLiterals": [
2227
- "pointer-events-none",
2228
- "inline-flex",
2229
- "flex-row",
2230
- "gap-2",
2231
- "items-center",
2232
- "pointer-events-auto",
2233
- "flex-col",
2234
- "relative",
2235
- "min-w-0",
2236
- "min-h-0",
2237
- "flex-1",
2238
- "inline-block",
2239
- "absolute",
2240
- "z-10",
2241
- "top-2",
2242
- "left-1/2",
2243
- "-translate-x-1/2",
2244
- "left-2",
2245
- "top-1/2",
2246
- "-translate-y-1/2",
2247
- "bottom-2",
2248
- "right-2",
2249
- "-top-12",
2250
- "left-0",
2251
- "right-0",
2252
- "-bottom-12"
2253
- ],
2254
- "internalComponents": ["PaddleNavContext.Provider", "Box"],
2255
- "internalComponentProps": { "Box": {
2256
- "display": ["inline-flex"],
2422
+ "cxLiterals": ["w-full"],
2423
+ "internalComponents": ["HStack"],
2424
+ "internalComponentProps": { "HStack": {
2257
2425
  "alignItems": ["center"],
2258
- "justifyContent": ["center"],
2259
- "data-paddle-nav-outside": ["true"]
2426
+ "justifyContent": ["space-between"],
2427
+ "overflow": ["hidden"],
2428
+ "position": ["relative"]
2260
2429
  } },
2261
- "propToVariantKeys": { "orientation": ["data-paddle-nav-orientation"] },
2262
- "runtimeConfigDefaultProps": {},
2263
- "runtimeConfigGetStyles": {},
2264
- "runtimeConfigInternalComponentProps": {},
2430
+ "propToVariantKeys": {
2431
+ "variant": ["toastVariantRoot"],
2432
+ "size": ["toastSizeRoot"]
2433
+ },
2434
+ "runtimeConfigDefaultProps": {
2435
+ "size": "toast.defaultSize",
2436
+ "variant": "toast.defaultVariant"
2437
+ },
2438
+ "runtimeConfigGetStyles": {
2439
+ "toastVariantRoot": ["toast.defaultVariant"],
2440
+ "toastSizeRoot": ["toast.defaultSize"]
2441
+ },
2442
+ "runtimeConfigInternalComponentProps": { "HStack": { "backgroundColor": ["toast.backgroundColor.${variant}"] } },
2265
2443
  "motionVarPrefixes": []
2266
2444
  },
2267
- PaddleButton: {
2268
- "name": "PaddleButton",
2445
+ ToastPortal: {
2446
+ "name": "ToastPortal",
2269
2447
  "defaultProps": {},
2270
2448
  "getStylesLiterals": {},
2271
- "cxLiterals": [
2272
- "relative",
2273
- "inline-flex",
2274
- "items-center",
2275
- "justify-center",
2276
- "box-border",
2277
- "overflow-hidden",
2278
- "border-solid",
2279
- "select-none",
2280
- "uds-nested-radius",
2281
- "transition-[color,border-color,box-shadow]",
2282
- "duration-[180ms]",
2283
- "ease-[cubic-bezier(0,0,0.2,1)]",
2284
- "uds-ring",
2285
- "cursor-pointer",
2286
- "cursor-not-allowed",
2287
- "opacity-50",
2288
- "pointer-events-none",
2289
- "hidden",
2290
- "absolute",
2291
- "inset-0",
2292
- "-z-10",
2293
- "rounded-[length:var(--uds-nested-radius)]",
2294
- "transition-[background-color,opacity]"
2295
- ],
2296
- "internalComponents": ["Icon"],
2297
- "internalComponentProps": { "Icon": {
2298
- "size": ["md"],
2299
- "color": ["current"]
2300
- } },
2301
- "propToVariantKeys": {
2302
- "size": ["paddlenavSizeRoot", "paddlenavSizeIcon"],
2303
- "variant": [
2304
- "paddlenavVariantRoot",
2305
- "paddlenavVariantBackground",
2306
- "paddlenavVariantIcon"
2307
- ]
2449
+ "cxLiterals": [],
2450
+ "internalComponents": ["ReactToastifyToastContainer"],
2451
+ "internalComponentProps": {},
2452
+ "propToVariantKeys": {},
2453
+ "runtimeConfigDefaultProps": {
2454
+ "size": "toast.defaultSize",
2455
+ "variant": "toast.defaultVariant"
2308
2456
  },
2309
- "runtimeConfigDefaultProps": {},
2310
2457
  "runtimeConfigGetStyles": {},
2311
- "runtimeConfigInternalComponentProps": {},
2458
+ "runtimeConfigInternalComponentProps": { "ReactToastifyToastContainer": { "autoClose": ["toast.autoClose"] } },
2312
2459
  "motionVarPrefixes": []
2313
2460
  },
2314
- PaddleNavContent: {
2315
- "name": "PaddleNavContent",
2461
+ UDSToastConfigProvider: {
2462
+ "name": "UDSToastConfigProvider",
2316
2463
  "defaultProps": {},
2317
2464
  "getStylesLiterals": {},
2318
- "cxLiterals": [
2319
- "min-w-0",
2320
- "min-h-0",
2321
- "relative"
2322
- ],
2323
- "internalComponents": [],
2465
+ "cxLiterals": [],
2466
+ "internalComponents": ["ToastContext.Provider"],
2324
2467
  "internalComponentProps": {},
2325
2468
  "propToVariantKeys": {},
2326
2469
  "runtimeConfigDefaultProps": {},
@@ -2328,108 +2471,90 @@ var componentData_default = {
2328
2471
  "runtimeConfigInternalComponentProps": {},
2329
2472
  "motionVarPrefixes": []
2330
2473
  },
2331
- PaddleButtonNext: {
2332
- "name": "PaddleButtonNext",
2474
+ Tooltip: {
2475
+ "name": "Tooltip",
2333
2476
  "defaultProps": {},
2334
2477
  "getStylesLiterals": {},
2335
2478
  "cxLiterals": [],
2336
- "internalComponents": ["PaddleButton"],
2337
- "internalComponentProps": { "PaddleButton": { "paddleRole": ["next"] } },
2479
+ "internalComponents": ["TooltipInternalContext.Provider", "TooltipProvider"],
2480
+ "internalComponentProps": {},
2338
2481
  "propToVariantKeys": {},
2339
2482
  "runtimeConfigDefaultProps": {},
2340
2483
  "runtimeConfigGetStyles": {},
2341
- "runtimeConfigInternalComponentProps": {},
2484
+ "runtimeConfigInternalComponentProps": { "TooltipProvider": { "animated": ["tooltip.animationDuration"] } },
2342
2485
  "motionVarPrefixes": []
2343
2486
  },
2344
- Radio: {
2345
- "name": "Radio",
2346
- "defaultProps": {
2347
- "labelPosition": "start",
2348
- "variant": "primary",
2349
- "size": "md",
2350
- "value": ""
2351
- },
2487
+ TooltipContent: {
2488
+ "name": "TooltipContent",
2489
+ "defaultProps": {},
2352
2490
  "getStylesLiterals": {
2353
- "radioVariantValueRoot": "checked",
2354
- "radioVariantValueRoot:1": "unchecked",
2355
- "display": "flex",
2356
- "flexDirection": "row",
2357
- "flexDirection:1": "row-reverse",
2358
- "alignItems": "center",
2359
- "radioVariantValueRadio": "checked",
2360
- "radioVariantValueRadio:1": "unchecked",
2361
- "radioVariantValueRadioCircle": "checked",
2362
- "radioVariantValueRadioCircle:1": "unchecked"
2491
+ "tooltipSizeRoot": "default",
2492
+ "tooltipVariantRoot": "default",
2493
+ "tooltipSizeSvg": "default",
2494
+ "tooltipVariantSvg": "default",
2495
+ "tooltipVariantBlur": "default",
2496
+ "position": "absolute",
2497
+ "width": "full",
2498
+ "height": "full",
2499
+ "tooltipSizeTitle": "default",
2500
+ "tooltipSizeBody": "default",
2501
+ "tooltipSizeEndContent": "default",
2502
+ "tooltipSizeIcon": "default",
2503
+ "tooltipVariantIcon": "default"
2363
2504
  },
2364
2505
  "cxLiterals": [
2365
- "cursor-pointer",
2366
- "cursor-default",
2367
- "opacity-50",
2368
- "border",
2369
- "uds-ring",
2370
- "uds-ring-within",
2371
- "transition-[background-color,border-color]",
2372
- "transition-shadow",
2373
- "pointer-events-none",
2374
- "w-[8px]",
2375
- "h-[8px]",
2376
- "transition-opacity",
2377
- "cursor-[inherit]",
2378
- "absolute",
2379
- "opacity-0",
2380
- "top-1/2",
2381
- "left-1/2",
2382
- "w-[calc(100%+2px)]",
2383
- "h-[calc(100%+2px)]",
2384
- "transform",
2385
- "translate-x-[-50%]",
2386
- "translate-y-[-50%]",
2387
- "text-start",
2388
- "text-end"
2506
+ "max-w-lg",
2507
+ "flex",
2508
+ "z-[9999]",
2509
+ "uds-bgBlurFillFallback",
2510
+ "uds-bgBlurFallback",
2511
+ "top-0",
2512
+ "left-0",
2513
+ "z-[1]"
2389
2514
  ],
2390
2515
  "internalComponents": [
2516
+ "IconSlot",
2517
+ "TooltipArrow",
2518
+ "Tooltip",
2519
+ "SvgFloatingOverlay",
2520
+ "VStack",
2391
2521
  "Box",
2392
- "FormLabel",
2393
- "SpringMotionConfig",
2394
- "RootElement",
2395
- "MotionBox"
2522
+ "Text"
2396
2523
  ],
2397
2524
  "internalComponentProps": {
2398
- "Box": { "borderRadius": ["full"] },
2399
- "FormLabel": {
2400
- "as": ["div"],
2401
- "variant": ["inherit"],
2402
- "color": ["inherit"]
2403
- },
2404
- "RootElement": { "data-testid": ["container"] },
2405
- "MotionBox": {
2406
- "position": ["relative"],
2407
- "borderRadius": ["full"],
2525
+ "SvgFloatingOverlay": { "contentOverflow": ["visible"] },
2526
+ "VStack": { "className": ["gap-[inherit]"] },
2527
+ "Box": {
2408
2528
  "alignItems": ["center"],
2409
- "justifyContent": ["center"],
2410
- "flex": ["none"]
2411
- }
2412
- },
2413
- "propToVariantKeys": {
2414
- "size": ["radioSizeRoot", "radioSizeRadio"],
2415
- "variant": [
2416
- "radioVariantRoot",
2417
- "radioVariantRadio",
2418
- "radioVariantRadioCircle"
2419
- ],
2420
- "reduceMotion": ["reducedMotion"]
2529
+ "columnGap": ["1", "1.5"]
2530
+ },
2531
+ "Text": { "color": ["inherit"] }
2421
2532
  },
2533
+ "propToVariantKeys": { "startTitleIcon": ["icon"] },
2534
+ "runtimeConfigDefaultProps": {},
2535
+ "runtimeConfigGetStyles": {},
2536
+ "runtimeConfigInternalComponentProps": {},
2537
+ "motionVarPrefixes": []
2538
+ },
2539
+ TooltipTrigger: {
2540
+ "name": "TooltipTrigger",
2541
+ "defaultProps": {},
2542
+ "getStylesLiterals": {},
2543
+ "cxLiterals": [],
2544
+ "internalComponents": ["TooltipAnchor"],
2545
+ "internalComponentProps": { "TooltipAnchor": { "className": ["inline"] } },
2546
+ "propToVariantKeys": { "children": ["render"] },
2422
2547
  "runtimeConfigDefaultProps": {},
2423
2548
  "runtimeConfigGetStyles": {},
2424
2549
  "runtimeConfigInternalComponentProps": {},
2425
- "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
2550
+ "motionVarPrefixes": []
2426
2551
  },
2427
- RadioGroupStore: {
2428
- "name": "RadioGroupStore",
2552
+ UDSTooltipConfigProvider: {
2553
+ "name": "UDSTooltipConfigProvider",
2429
2554
  "defaultProps": {},
2430
2555
  "getStylesLiterals": {},
2431
2556
  "cxLiterals": [],
2432
- "internalComponents": [],
2557
+ "internalComponents": ["TooltipContext.Provider"],
2433
2558
  "internalComponentProps": {},
2434
2559
  "propToVariantKeys": {},
2435
2560
  "runtimeConfigDefaultProps": {},
@@ -2437,156 +2562,96 @@ var componentData_default = {
2437
2562
  "runtimeConfigInternalComponentProps": {},
2438
2563
  "motionVarPrefixes": []
2439
2564
  },
2440
- RadioGroupProvider: {
2441
- "name": "RadioGroupProvider",
2565
+ UDSBreakpointsConfigProvider: {
2566
+ "name": "UDSBreakpointsConfigProvider",
2442
2567
  "defaultProps": {},
2443
2568
  "getStylesLiterals": {},
2444
2569
  "cxLiterals": [],
2445
- "internalComponents": [
2446
- "DivProps",
2447
- "Comp",
2448
- "RadioGroupContext.Provider"
2449
- ],
2450
- "internalComponentProps": { "Comp": { "role": ["radiogroup"] } },
2570
+ "internalComponents": ["UDSBreakpointsConfigContext.Provider"],
2571
+ "internalComponentProps": {},
2451
2572
  "propToVariantKeys": {},
2452
2573
  "runtimeConfigDefaultProps": {},
2453
2574
  "runtimeConfigGetStyles": {},
2454
2575
  "runtimeConfigInternalComponentProps": {},
2455
2576
  "motionVarPrefixes": []
2456
2577
  },
2457
- Tabs: {
2458
- "name": "Tabs",
2459
- "defaultProps": { "variant": "primary" },
2578
+ UDSConfigProvider: {
2579
+ "name": "UDSConfigProvider",
2580
+ "defaultProps": {},
2460
2581
  "getStylesLiterals": {},
2461
2582
  "cxLiterals": [],
2462
- "internalComponents": ["TabsContext.Provider", "TabProvider"],
2583
+ "internalComponents": [
2584
+ "UDSBreakpointsConfigProvider",
2585
+ "UDSBottomSheetConfigProvider",
2586
+ "UDSToastConfigProvider",
2587
+ "UDSTooltipConfigProvider",
2588
+ "UDSPopoverConfigProvider",
2589
+ "UDSModalConfigProvider"
2590
+ ],
2463
2591
  "internalComponentProps": {},
2464
- "propToVariantKeys": { "onSelectionChange": ["setSelectedId"] },
2592
+ "propToVariantKeys": {},
2465
2593
  "runtimeConfigDefaultProps": {},
2466
2594
  "runtimeConfigGetStyles": {},
2467
2595
  "runtimeConfigInternalComponentProps": {},
2468
2596
  "motionVarPrefixes": []
2469
2597
  },
2470
- Tab: {
2471
- "name": "Tab",
2472
- "defaultProps": { "variant": "primary" },
2473
- "getStylesLiterals": {
2474
- "tabSizeRoot": "default",
2475
- "tabVariantActiveRoot": "off",
2476
- "tabVariantActiveRoot:1": "on",
2477
- "tabSizeIcon": "default"
2598
+ Accordion: {
2599
+ "name": "Accordion",
2600
+ "defaultProps": {
2601
+ "spacingHorizontal": "4",
2602
+ "spacingVertical": "4"
2478
2603
  },
2479
- "cxLiterals": [
2480
- "pointer-events-none",
2481
- "absolute",
2482
- "bottom-0",
2483
- "left-0",
2484
- "right-0",
2485
- "h-[var(--uds-tab-underline-width,0px)]",
2486
- "bg-[var(--uds-tab-underline-color,transparent)]",
2487
- "transition-[height,background-color]",
2488
- "duration-[240ms]",
2489
- "ease-[cubic-bezier(0.2,0,0,1)]",
2490
- "!bg-transparent",
2491
- "!shadow-none",
2492
- "inline-flex",
2493
- "items-center",
2494
- "shrink-0",
2495
- "box-border",
2496
- "relative",
2497
- "z-[1]",
2498
- "cursor-pointer",
2499
- "select-none",
2500
- "whitespace-nowrap",
2501
- "uds-ring",
2502
- "opacity-50",
2503
- "cursor-default",
2504
- "border-solid",
2505
- "border-b-solid",
2506
- "transition-colors"
2507
- ],
2604
+ "getStylesLiterals": {},
2605
+ "cxLiterals": ["hover:bg-secondary/80", "w-full"],
2508
2606
  "internalComponents": [
2509
- "IconSlot",
2510
- "AriakitTab",
2511
- "Text"
2607
+ "Icon",
2608
+ "SpringMotionConfig",
2609
+ "Pressable",
2610
+ "Text",
2611
+ "HStack",
2612
+ "AnimatePresence",
2613
+ "VStack"
2512
2614
  ],
2513
- "internalComponentProps": { "Text": {
2514
- "variant": ["inherit"],
2515
- "as": ["span"],
2516
- "color": ["current"]
2517
- } },
2518
- "propToVariantKeys": {
2519
- "variant": ["tabVariantRoot", "tabVariantIcon"],
2520
- "activeState": ["tabVariantActiveIcon"],
2521
- "startIcon": ["icon"],
2522
- "endIcon": ["icon"]
2523
- },
2524
- "runtimeConfigDefaultProps": {},
2525
- "runtimeConfigGetStyles": {},
2526
- "runtimeConfigInternalComponentProps": {},
2527
- "motionVarPrefixes": []
2528
- },
2529
- TabList: {
2530
- "name": "TabList",
2531
- "defaultProps": { "variant": "primary" },
2532
- "getStylesLiterals": {
2533
- "tabSizeRoot": "default",
2534
- "tabVariantActiveRoot": "on"
2615
+ "internalComponentProps": {
2616
+ "Icon": {
2617
+ "variant": ["fill"],
2618
+ "size": ["sm"],
2619
+ "color": ["primary"]
2620
+ },
2621
+ "SpringMotionConfig": {
2622
+ "layoutVariant": ["smooth"],
2623
+ "layoutSpeed": ["3"]
2624
+ },
2625
+ "Pressable": {
2626
+ "display": ["flex"],
2627
+ "flexDirection": ["row"],
2628
+ "alignItems": ["center"],
2629
+ "justifyContent": ["space-between"],
2630
+ "borderRadius": ["md"]
2631
+ },
2632
+ "Text": {
2633
+ "variant": ["title4"],
2634
+ "color": ["primary"]
2635
+ },
2636
+ "HStack": {
2637
+ "display": ["flex"],
2638
+ "alignItems": ["center"],
2639
+ "justifyContent": ["space-between"],
2640
+ "columnGap": ["2.5"]
2641
+ }
2535
2642
  },
2536
- "cxLiterals": [
2537
- "pointer-events-none",
2538
- "absolute",
2539
- "bottom-0",
2540
- "left-0",
2541
- "right-0",
2542
- "h-[var(--uds-tab-underline-width,0px)]",
2543
- "bg-[var(--uds-tab-underline-color,transparent)]",
2544
- "transition-[height,background-color]",
2545
- "duration-[240ms]",
2546
- "ease-[cubic-bezier(0.2,0,0,1)]",
2547
- "!m-0",
2548
- "!p-0",
2549
- "!gap-0",
2550
- "box-border",
2551
- "z-0",
2552
- "min-w-0",
2553
- "min-h-0",
2554
- "flex",
2555
- "flex-row",
2556
- "items-center",
2557
- "overflow-x-auto",
2558
- "overflow-y-clip",
2559
- "scrollbar-none",
2560
- "[overflow-clip-margin:6px]",
2561
- "overflow-clip",
2562
- "[overflow-clip-margin:8px]",
2563
- "relative",
2564
- "left",
2565
- "240ms",
2566
- "cubic-bezier(0.2,",
2567
- "0,",
2568
- "1),",
2569
- "top",
2570
- "width",
2571
- "height",
2572
- "1)",
2573
- "--uds-tab-underline-color",
2574
- "--uds-tab-underline-width"
2575
- ],
2576
- "internalComponents": ["AriakitTabList"],
2577
- "internalComponentProps": {},
2578
- "propToVariantKeys": { "variant": ["tabsVariantRoot", "tabVariantRoot"] },
2643
+ "propToVariantKeys": {},
2579
2644
  "runtimeConfigDefaultProps": {},
2580
2645
  "runtimeConfigGetStyles": {},
2581
2646
  "runtimeConfigInternalComponentProps": {},
2582
- "motionVarPrefixes": []
2647
+ "motionVarPrefixes": ["--uds-motion-smooth-3-"]
2583
2648
  },
2584
- TabPanel: {
2585
- "name": "TabPanel",
2649
+ AvoidMotionLibraryProvider: {
2650
+ "name": "AvoidMotionLibraryProvider",
2586
2651
  "defaultProps": {},
2587
2652
  "getStylesLiterals": {},
2588
2653
  "cxLiterals": [],
2589
- "internalComponents": ["AriakitTabPanel"],
2654
+ "internalComponents": [],
2590
2655
  "internalComponentProps": {},
2591
2656
  "propToVariantKeys": {},
2592
2657
  "runtimeConfigDefaultProps": {},
@@ -2653,57 +2718,6 @@ var componentData_default = {
2653
2718
  "runtimeConfigInternalComponentProps": {},
2654
2719
  "motionVarPrefixes": []
2655
2720
  },
2656
- Accordion: {
2657
- "name": "Accordion",
2658
- "defaultProps": {
2659
- "spacingHorizontal": "4",
2660
- "spacingVertical": "4"
2661
- },
2662
- "getStylesLiterals": {},
2663
- "cxLiterals": ["hover:bg-secondary/80", "w-full"],
2664
- "internalComponents": [
2665
- "Icon",
2666
- "SpringMotionConfig",
2667
- "Pressable",
2668
- "Text",
2669
- "HStack",
2670
- "AnimatePresence",
2671
- "VStack"
2672
- ],
2673
- "internalComponentProps": {
2674
- "Icon": {
2675
- "variant": ["fill"],
2676
- "size": ["sm"],
2677
- "color": ["primary"]
2678
- },
2679
- "SpringMotionConfig": {
2680
- "layoutVariant": ["smooth"],
2681
- "layoutSpeed": ["3"]
2682
- },
2683
- "Pressable": {
2684
- "display": ["flex"],
2685
- "flexDirection": ["row"],
2686
- "alignItems": ["center"],
2687
- "justifyContent": ["space-between"],
2688
- "borderRadius": ["md"]
2689
- },
2690
- "Text": {
2691
- "variant": ["title4"],
2692
- "color": ["primary"]
2693
- },
2694
- "HStack": {
2695
- "display": ["flex"],
2696
- "alignItems": ["center"],
2697
- "justifyContent": ["space-between"],
2698
- "columnGap": ["2.5"]
2699
- }
2700
- },
2701
- "propToVariantKeys": {},
2702
- "runtimeConfigDefaultProps": {},
2703
- "runtimeConfigGetStyles": {},
2704
- "runtimeConfigInternalComponentProps": {},
2705
- "motionVarPrefixes": ["--uds-motion-smooth-3-"]
2706
- },
2707
2721
  SwitchV2: {
2708
2722
  "name": "SwitchV2",
2709
2723
  "defaultProps": {
@@ -2800,19 +2814,6 @@ var componentData_default = {
2800
2814
  "runtimeConfigGetStyles": {},
2801
2815
  "runtimeConfigInternalComponentProps": {},
2802
2816
  "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
2803
- },
2804
- AvoidMotionLibraryProvider: {
2805
- "name": "AvoidMotionLibraryProvider",
2806
- "defaultProps": {},
2807
- "getStylesLiterals": {},
2808
- "cxLiterals": [],
2809
- "internalComponents": [],
2810
- "internalComponentProps": {},
2811
- "propToVariantKeys": {},
2812
- "runtimeConfigDefaultProps": {},
2813
- "runtimeConfigGetStyles": {},
2814
- "runtimeConfigInternalComponentProps": {},
2815
- "motionVarPrefixes": []
2816
2817
  }
2817
2818
  };
2818
2819
  //#endregion