@yahoo/uds 3.152.0 → 3.152.1

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