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