@yahoo/uds 3.156.1 → 3.156.2

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