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