@yahoo/uds 3.150.0 → 3.151.0

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