@yahoo/uds 3.117.6 → 3.118.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 (42) hide show
  1. package/dist/automated-config/dist/generated/autoVariants.cjs +1 -0
  2. package/dist/automated-config/dist/generated/autoVariants.d.cts +1 -0
  3. package/dist/automated-config/dist/generated/autoVariants.d.ts +1 -0
  4. package/dist/automated-config/dist/generated/autoVariants.js +1 -0
  5. package/dist/automated-config/dist/generated/generatedConfigs.cjs +370 -1
  6. package/dist/automated-config/dist/generated/generatedConfigs.d.cts +16 -2
  7. package/dist/automated-config/dist/generated/generatedConfigs.d.ts +16 -2
  8. package/dist/automated-config/dist/generated/generatedConfigs.js +370 -1
  9. package/dist/automated-config/dist/generated/universalTokensConfigAuto.cjs +5 -0
  10. package/dist/automated-config/dist/generated/universalTokensConfigAuto.js +5 -0
  11. package/dist/automated-config/dist/utils/getConfigVariantProperties.d.cts +2 -2
  12. package/dist/automated-config/dist/utils/getConfigVariantProperties.d.ts +2 -2
  13. package/dist/components/client/BottomSheet/BottomSheet.cjs +2 -1
  14. package/dist/components/client/BottomSheet/BottomSheet.js +2 -1
  15. package/dist/components/client/BottomSheet/BottomSheetHandle.cjs +3 -2
  16. package/dist/components/client/BottomSheet/BottomSheetHandle.d.cts +4 -1
  17. package/dist/components/client/BottomSheet/BottomSheetHandle.d.ts +4 -1
  18. package/dist/components/client/BottomSheet/BottomSheetHandle.js +4 -3
  19. package/dist/components/client/Toast/UDSToastConfigProvider.d.cts +1 -1
  20. package/dist/components/client/Toast/UDSToastConfigProvider.d.ts +1 -1
  21. package/dist/config/dist/index.cjs +7 -2
  22. package/dist/config/dist/index.js +7 -2
  23. package/dist/styles/styler.d.cts +10 -9
  24. package/dist/styles/styler.d.ts +10 -9
  25. package/dist/styles/variants.d.cts +3 -0
  26. package/dist/styles/variants.d.ts +3 -0
  27. package/dist/tailwind/dist/automated-config/dist/generated/autoVariants.cjs +1 -0
  28. package/dist/tailwind/dist/automated-config/dist/generated/autoVariants.js +1 -0
  29. package/dist/tailwind/dist/automated-config/dist/generated/autoVariants.js.map +1 -1
  30. package/dist/tailwind/dist/automated-config/dist/generated/generatedConfigs.cjs +370 -1
  31. package/dist/tailwind/dist/automated-config/dist/generated/generatedConfigs.js +370 -1
  32. package/dist/tailwind/dist/automated-config/dist/generated/generatedConfigs.js.map +1 -1
  33. package/dist/tailwind/dist/config/dist/index.cjs +7 -2
  34. package/dist/tailwind/dist/config/dist/index.js +7 -2
  35. package/dist/tailwind/dist/config/dist/index.js.map +1 -1
  36. package/dist/uds/generated/componentData.cjs +1209 -1210
  37. package/dist/uds/generated/componentData.js +1209 -1210
  38. package/dist/uds/generated/tailwindPurge.cjs +7 -6
  39. package/dist/uds/generated/tailwindPurge.js +7 -6
  40. package/generated/componentData.json +1685 -1680
  41. package/generated/tailwindPurge.ts +2 -2
  42. package/package.json +1 -1
@@ -1,5 +1,85 @@
1
1
  /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
2
2
  //#region generated/componentData.json
3
+ var Box = {
4
+ "name": "Box",
5
+ "defaultProps": {
6
+ "as": "div",
7
+ "display": "flex"
8
+ },
9
+ "getStylesLiterals": {},
10
+ "cxLiterals": [],
11
+ "internalComponents": ["Comp"],
12
+ "internalComponentProps": {},
13
+ "propToVariantKeys": { "elevationAlias": [
14
+ "backgroundColor",
15
+ "borderColor",
16
+ "borderWidth",
17
+ "dropShadow"
18
+ ] },
19
+ "motionVarPrefixes": []
20
+ };
21
+ var FormLabel = {
22
+ "name": "FormLabel",
23
+ "defaultProps": {
24
+ "color": "muted",
25
+ "variant": "label3",
26
+ "as": "label"
27
+ },
28
+ "getStylesLiterals": {},
29
+ "cxLiterals": ["cursor-[inherit]"],
30
+ "internalComponents": ["Text"],
31
+ "internalComponentProps": { "Text": {
32
+ "as": ["sup"],
33
+ "variant": ["inherit"],
34
+ "spacingStart": ["0.5"]
35
+ } },
36
+ "propToVariantKeys": {},
37
+ "motionVarPrefixes": []
38
+ };
39
+ var HStack = {
40
+ "name": "HStack",
41
+ "defaultProps": {},
42
+ "getStylesLiterals": {},
43
+ "cxLiterals": [],
44
+ "internalComponents": ["Box"],
45
+ "internalComponentProps": { "Box": { "flexDirection": ["row"] } },
46
+ "propToVariantKeys": { "gap": ["rowGap", "columnGap"] },
47
+ "motionVarPrefixes": []
48
+ };
49
+ var Icon = {
50
+ "name": "Icon",
51
+ "defaultProps": {
52
+ "size": "md",
53
+ "variant": "outline",
54
+ "color": "primary"
55
+ },
56
+ "getStylesLiterals": { "flex": "none" },
57
+ "cxLiterals": ["[&_path]:fill-current"],
58
+ "internalComponents": ["SVGIcon"],
59
+ "internalComponentProps": {},
60
+ "propToVariantKeys": {},
61
+ "motionVarPrefixes": []
62
+ };
63
+ var IconSlot = {
64
+ "name": "IconSlot",
65
+ "defaultProps": {},
66
+ "getStylesLiterals": {},
67
+ "cxLiterals": [],
68
+ "internalComponents": ["Icon"],
69
+ "internalComponentProps": {},
70
+ "propToVariantKeys": {},
71
+ "motionVarPrefixes": []
72
+ };
73
+ var Image = {
74
+ "name": "Image",
75
+ "defaultProps": {},
76
+ "getStylesLiterals": {},
77
+ "cxLiterals": [],
78
+ "internalComponents": [],
79
+ "internalComponentProps": {},
80
+ "propToVariantKeys": {},
81
+ "motionVarPrefixes": []
82
+ };
3
83
  var Link = {
4
84
  "name": "Link",
5
85
  "defaultProps": { "variant": "primary" },
@@ -35,34 +115,6 @@ var Link = {
35
115
  },
36
116
  "motionVarPrefixes": []
37
117
  };
38
- var VStack = {
39
- "name": "VStack",
40
- "defaultProps": {},
41
- "getStylesLiterals": {},
42
- "cxLiterals": [],
43
- "internalComponents": ["Box"],
44
- "internalComponentProps": { "Box": { "flexDirection": ["column"] } },
45
- "propToVariantKeys": { "gap": ["columnGap", "rowGap"] },
46
- "motionVarPrefixes": []
47
- };
48
- var Box = {
49
- "name": "Box",
50
- "defaultProps": {
51
- "as": "div",
52
- "display": "flex"
53
- },
54
- "getStylesLiterals": {},
55
- "cxLiterals": [],
56
- "internalComponents": ["Comp"],
57
- "internalComponentProps": {},
58
- "propToVariantKeys": { "elevationAlias": [
59
- "backgroundColor",
60
- "borderColor",
61
- "borderWidth",
62
- "dropShadow"
63
- ] },
64
- "motionVarPrefixes": []
65
- };
66
118
  var Scrim = {
67
119
  "name": "Scrim",
68
120
  "defaultProps": {
@@ -87,20 +139,6 @@ var Scrim = {
87
139
  "propToVariantKeys": { "variant": ["scrimVariantRoot"] },
88
140
  "motionVarPrefixes": []
89
141
  };
90
- var Icon = {
91
- "name": "Icon",
92
- "defaultProps": {
93
- "size": "md",
94
- "variant": "outline",
95
- "color": "primary"
96
- },
97
- "getStylesLiterals": { "flex": "none" },
98
- "cxLiterals": ["[&_path]:fill-current"],
99
- "internalComponents": ["SVGIcon"],
100
- "internalComponentProps": {},
101
- "propToVariantKeys": {},
102
- "motionVarPrefixes": []
103
- };
104
142
  var SvgFloatingOverlay = {
105
143
  "name": "SvgFloatingOverlay",
106
144
  "defaultProps": {},
@@ -129,24 +167,6 @@ var SvgFloatingOverlay = {
129
167
  "propToVariantKeys": { "blurClassName": ["className"] },
130
168
  "motionVarPrefixes": []
131
169
  };
132
- var FormLabel = {
133
- "name": "FormLabel",
134
- "defaultProps": {
135
- "color": "muted",
136
- "variant": "label3",
137
- "as": "label"
138
- },
139
- "getStylesLiterals": {},
140
- "cxLiterals": ["cursor-[inherit]"],
141
- "internalComponents": ["Text"],
142
- "internalComponentProps": { "Text": {
143
- "as": ["sup"],
144
- "variant": ["inherit"],
145
- "spacingStart": ["0.5"]
146
- } },
147
- "propToVariantKeys": {},
148
- "motionVarPrefixes": []
149
- };
150
170
  var Text = {
151
171
  "name": "Text",
152
172
  "defaultProps": {
@@ -167,95 +187,26 @@ var Text = {
167
187
  ] },
168
188
  "motionVarPrefixes": []
169
189
  };
170
- var IconSlot = {
171
- "name": "IconSlot",
172
- "defaultProps": {},
173
- "getStylesLiterals": {},
174
- "cxLiterals": [],
175
- "internalComponents": ["Icon"],
176
- "internalComponentProps": {},
177
- "propToVariantKeys": {},
178
- "motionVarPrefixes": []
179
- };
180
- var HStack = {
181
- "name": "HStack",
190
+ var VStack = {
191
+ "name": "VStack",
182
192
  "defaultProps": {},
183
193
  "getStylesLiterals": {},
184
194
  "cxLiterals": [],
185
195
  "internalComponents": ["Box"],
186
- "internalComponentProps": { "Box": { "flexDirection": ["row"] } },
187
- "propToVariantKeys": { "gap": ["rowGap", "columnGap"] },
188
- "motionVarPrefixes": []
189
- };
190
- var Image = {
191
- "name": "Image",
192
- "defaultProps": {},
193
- "getStylesLiterals": {},
194
- "cxLiterals": [],
195
- "internalComponents": [],
196
- "internalComponentProps": {},
197
- "propToVariantKeys": {},
196
+ "internalComponentProps": { "Box": { "flexDirection": ["column"] } },
197
+ "propToVariantKeys": { "gap": ["columnGap", "rowGap"] },
198
198
  "motionVarPrefixes": []
199
199
  };
200
- var Table_mocks = {
201
- "name": "Table.mocks",
200
+ var Divider = {
201
+ "name": "Divider",
202
202
  "defaultProps": {},
203
203
  "getStylesLiterals": {},
204
204
  "cxLiterals": [],
205
- "internalComponents": [],
205
+ "internalComponents": ["DividerInternal"],
206
206
  "internalComponentProps": {},
207
207
  "propToVariantKeys": {},
208
208
  "motionVarPrefixes": []
209
209
  };
210
- var Table = {
211
- "name": "Table",
212
- "defaultProps": {
213
- "display": "table-cell",
214
- "overflow": "hidden",
215
- "borderColor": "muted",
216
- "borderRadius": "md",
217
- "spacing": "3",
218
- "borderBottomColor": "muted",
219
- "borderBottomWidth": "thin",
220
- "color": "primary"
221
- },
222
- "getStylesLiterals": { "textAlign": "start" },
223
- "cxLiterals": [],
224
- "internalComponents": [
225
- "CellComponent",
226
- "Box",
227
- "Text",
228
- "Table.Root",
229
- "Table.Header",
230
- "Table.Row",
231
- "Table.Cell",
232
- "Table.Body"
233
- ],
234
- "internalComponentProps": { "Table.Cell": { "asHeaderCell": ["column"] } },
235
- "propToVariantKeys": {},
236
- "motionVarPrefixes": []
237
- };
238
- var Spinner = {
239
- "name": "Spinner",
240
- "defaultProps": {
241
- "color": "primary",
242
- "size": "lg"
243
- },
244
- "getStylesLiterals": {},
245
- "cxLiterals": [
246
- "self-center",
247
- "relative",
248
- "sr-only"
249
- ],
250
- "internalComponents": ["Icon"],
251
- "internalComponentProps": { "Icon": {
252
- "role": ["img"],
253
- "className": ["animate-spin"],
254
- "aria-hidden": ["true"]
255
- } },
256
- "propToVariantKeys": {},
257
- "motionVarPrefixes": []
258
- };
259
210
  var DividerCore = {
260
211
  "name": "DividerCore",
261
212
  "defaultProps": { "contentPosition": "center" },
@@ -299,30 +250,60 @@ var DividerInternal = {
299
250
  ] },
300
251
  "motionVarPrefixes": []
301
252
  };
302
- var Divider = {
303
- "name": "Divider",
253
+ var AnimateHeightChange = {
254
+ "name": "AnimateHeightChange",
304
255
  "defaultProps": {},
305
256
  "getStylesLiterals": {},
306
- "cxLiterals": [],
307
- "internalComponents": ["DividerInternal"],
308
- "internalComponentProps": {},
309
- "propToVariantKeys": {},
310
- "motionVarPrefixes": []
257
+ "cxLiterals": ["overflow-hidden"],
258
+ "internalComponents": ["SpringMotionConfig"],
259
+ "internalComponentProps": { "SpringMotionConfig": { "layoutSpeed": ["4"] } },
260
+ "propToVariantKeys": { "reduceMotion": ["reducedMotion"] },
261
+ "motionVarPrefixes": ["--uds-motion-subtle-4-", "--uds-motion-smooth-3-"]
311
262
  };
312
- var Button = {
313
- "name": "Button",
314
- "defaultProps": { "type": "button" },
263
+ var Badge = {
264
+ "name": "Badge",
265
+ "defaultProps": {
266
+ "variant": "primary",
267
+ "size": "md"
268
+ },
315
269
  "getStylesLiterals": {},
316
270
  "cxLiterals": [
317
- "uds-ring",
318
- "uds-hit-target",
319
- "inline-flex",
320
- "overflow-hidden",
321
- "justify-center",
322
- "items-center",
271
+ "flex-1",
272
+ "truncate",
323
273
  "whitespace-nowrap",
324
- "select-none",
325
- "[transform-origin:center]",
274
+ "text-center"
275
+ ],
276
+ "internalComponents": ["IconSlot", "HStack"],
277
+ "internalComponentProps": {
278
+ "IconSlot": { "data-testid": ["start-icon", "end-icon"] },
279
+ "HStack": {
280
+ "gap": ["2"],
281
+ "display": ["inline-flex"],
282
+ "alignItems": ["center"]
283
+ }
284
+ },
285
+ "propToVariantKeys": {
286
+ "size": ["badgeSizeRoot", "badgeSizeIcon"],
287
+ "variant": ["badgeVariantRoot", "badgeVariantIcon"],
288
+ "startIcon": ["icon"],
289
+ "endIcon": ["icon"]
290
+ },
291
+ "motionVarPrefixes": []
292
+ };
293
+ var Button = {
294
+ "name": "Button",
295
+ "defaultProps": { "type": "button" },
296
+ "getStylesLiterals": {},
297
+ "cxLiterals": [
298
+ "uds-ring",
299
+ "uds-hit-target",
300
+ "inline-flex",
301
+ "overflow-hidden",
302
+ "justify-center",
303
+ "items-center",
304
+ "whitespace-nowrap",
305
+ "select-none",
306
+ "[transform-origin:center]",
326
307
  "[backface-visibility:hidden]",
327
308
  "[transition-property:color,background-color,border-color,box-shadow,text-decoration-color,fill,stroke]",
328
309
  "[transition-timing-function:cubic-bezier(0,0,0.2,1)]",
@@ -433,16 +414,6 @@ var Checkbox = {
433
414
  },
434
415
  "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
435
416
  };
436
- var SpringMotionConfig = {
437
- "name": "SpringMotionConfig",
438
- "defaultProps": { "reducedMotion": "user" },
439
- "getStylesLiterals": {},
440
- "cxLiterals": [],
441
- "internalComponents": ["LazyMotion", "MotionConfig"],
442
- "internalComponentProps": {},
443
- "propToVariantKeys": { "loadFeatures": ["features"] },
444
- "motionVarPrefixes": []
445
- };
446
417
  var IconButton = {
447
418
  "name": "IconButton",
448
419
  "defaultProps": { "type": "button" },
@@ -482,6 +453,26 @@ var IconButton = {
482
453
  },
483
454
  "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
484
455
  };
456
+ var Pressable = {
457
+ "name": "Pressable",
458
+ "defaultProps": {},
459
+ "getStylesLiterals": {},
460
+ "cxLiterals": [],
461
+ "internalComponents": ["Comp"],
462
+ "internalComponentProps": {},
463
+ "propToVariantKeys": {},
464
+ "motionVarPrefixes": []
465
+ };
466
+ var SpringMotionConfig = {
467
+ "name": "SpringMotionConfig",
468
+ "defaultProps": { "reducedMotion": "user" },
469
+ "getStylesLiterals": {},
470
+ "cxLiterals": [],
471
+ "internalComponents": ["LazyMotion", "MotionConfig"],
472
+ "internalComponentProps": {},
473
+ "propToVariantKeys": { "loadFeatures": ["features"] },
474
+ "motionVarPrefixes": []
475
+ };
485
476
  var Switch = {
486
477
  "name": "Switch",
487
478
  "defaultProps": {
@@ -572,201 +563,286 @@ var Switch = {
572
563
  },
573
564
  "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
574
565
  };
575
- var Badge = {
576
- "name": "Badge",
566
+ var Spinner = {
567
+ "name": "Spinner",
577
568
  "defaultProps": {
578
- "variant": "primary",
579
- "size": "md"
569
+ "color": "primary",
570
+ "size": "lg"
580
571
  },
581
572
  "getStylesLiterals": {},
582
573
  "cxLiterals": [
583
- "flex-1",
584
- "truncate",
585
- "whitespace-nowrap",
586
- "text-center"
574
+ "self-center",
575
+ "relative",
576
+ "sr-only"
587
577
  ],
588
- "internalComponents": ["IconSlot", "HStack"],
589
- "internalComponentProps": {
590
- "IconSlot": { "data-testid": ["start-icon", "end-icon"] },
591
- "HStack": {
592
- "gap": ["2"],
593
- "display": ["inline-flex"],
594
- "alignItems": ["center"]
595
- }
596
- },
597
- "propToVariantKeys": {
598
- "size": ["badgeSizeRoot", "badgeSizeIcon"],
599
- "variant": ["badgeVariantRoot", "badgeVariantIcon"],
600
- "startIcon": ["icon"],
601
- "endIcon": ["icon"]
602
- },
578
+ "internalComponents": ["Icon"],
579
+ "internalComponentProps": { "Icon": {
580
+ "role": ["img"],
581
+ "className": ["animate-spin"],
582
+ "aria-hidden": ["true"]
583
+ } },
584
+ "propToVariantKeys": {},
603
585
  "motionVarPrefixes": []
604
586
  };
605
- var AnimateHeightChange = {
606
- "name": "AnimateHeightChange",
607
- "defaultProps": {},
608
- "getStylesLiterals": {},
609
- "cxLiterals": ["overflow-hidden"],
610
- "internalComponents": ["SpringMotionConfig"],
611
- "internalComponentProps": { "SpringMotionConfig": { "layoutSpeed": ["4"] } },
612
- "propToVariantKeys": { "reduceMotion": ["reducedMotion"] },
613
- "motionVarPrefixes": ["--uds-motion-subtle-4-", "--uds-motion-smooth-3-"]
614
- };
615
- var Pressable = {
616
- "name": "Pressable",
587
+ var Table_mocks = {
588
+ "name": "Table.mocks",
617
589
  "defaultProps": {},
618
590
  "getStylesLiterals": {},
619
591
  "cxLiterals": [],
620
- "internalComponents": ["Comp"],
592
+ "internalComponents": [],
621
593
  "internalComponentProps": {},
622
594
  "propToVariantKeys": {},
623
595
  "motionVarPrefixes": []
624
596
  };
625
- var ExperimentalPopover = {
626
- "name": "ExperimentalPopover",
627
- "defaultProps": {},
628
- "getStylesLiterals": {},
597
+ var Table = {
598
+ "name": "Table",
599
+ "defaultProps": {
600
+ "display": "table-cell",
601
+ "overflow": "hidden",
602
+ "borderColor": "muted",
603
+ "borderRadius": "md",
604
+ "spacing": "3",
605
+ "borderBottomColor": "muted",
606
+ "borderBottomWidth": "thin",
607
+ "color": "primary"
608
+ },
609
+ "getStylesLiterals": { "textAlign": "start" },
629
610
  "cxLiterals": [],
630
611
  "internalComponents": [
631
- "HStack",
612
+ "CellComponent",
613
+ "Box",
632
614
  "Text",
633
- "ExperimentalPopoverHeadingBase"
615
+ "Table.Root",
616
+ "Table.Header",
617
+ "Table.Row",
618
+ "Table.Cell",
619
+ "Table.Body"
634
620
  ],
635
- "internalComponentProps": { "Text": {
636
- "variant": ["headline1"],
637
- "color": ["primary"]
638
- } },
621
+ "internalComponentProps": { "Table.Cell": { "asHeaderCell": ["column"] } },
639
622
  "propToVariantKeys": {},
640
623
  "motionVarPrefixes": []
641
624
  };
642
- var AvoidMotionLibraryProvider = {
643
- "name": "AvoidMotionLibraryProvider",
625
+ var Avatar = {
626
+ "name": "Avatar",
644
627
  "defaultProps": {},
645
628
  "getStylesLiterals": {},
646
629
  "cxLiterals": [],
647
- "internalComponents": [],
630
+ "internalComponents": ["AvatarImage"],
648
631
  "internalComponentProps": {},
649
632
  "propToVariantKeys": {},
650
633
  "motionVarPrefixes": []
651
634
  };
652
- var SegmentedControl = {
653
- "name": "SegmentedControl",
654
- "defaultProps": {},
655
- "getStylesLiterals": {
656
- "display": "flex",
657
- "alignItems": "center",
658
- "backgroundColor": "primary",
659
- "spacingVertical": "1",
660
- "spacingHorizontal": "3",
661
- "columnGap": "1.5",
662
- "borderWidth": "thin",
663
- "borderRadius": "full",
664
- "borderColor": "muted",
665
- "borderColor:1": "transparent",
666
- "color": "primary",
667
- "color:1": "tertiary",
668
- "color:2": "muted"
635
+ var AvatarIcon = {
636
+ "name": "AvatarIcon",
637
+ "defaultProps": {
638
+ "size": "md",
639
+ "variant": "primary"
669
640
  },
641
+ "getStylesLiterals": {},
670
642
  "cxLiterals": [
671
- "uds-ring",
672
- "cursor-not-allowed",
673
- "opacity-50",
674
- "pointer-events-none",
675
- "hover:bg-primary"
643
+ "overflow-hidden",
644
+ "w-full",
645
+ "h-full",
646
+ "shrink-0",
647
+ "text-center",
648
+ "inline-flex",
649
+ "justify-center",
650
+ "items-center"
651
+ ],
652
+ "internalComponents": ["IconSlot", "Box"],
653
+ "internalComponentProps": {},
654
+ "propToVariantKeys": { "size": ["avatarSizeIcon"] },
655
+ "motionVarPrefixes": []
656
+ };
657
+ var AvatarImage = {
658
+ "name": "AvatarImage",
659
+ "defaultProps": {
660
+ "size": "md",
661
+ "variant": "primary"
662
+ },
663
+ "getStylesLiterals": {},
664
+ "cxLiterals": [
665
+ "overflow-hidden",
666
+ "w-full",
667
+ "h-full",
668
+ "shrink-0",
669
+ "text-center",
670
+ "inline-flex",
671
+ "justify-center",
672
+ "items-center",
673
+ "object-cover"
676
674
  ],
677
675
  "internalComponents": [
678
- "Radio",
679
- "Icon",
680
- "RadioProvider",
681
- "HStack",
682
- "RadioGroup",
683
- "Pressable",
684
- "Text"
676
+ "UDSImage",
677
+ "AvatarText",
678
+ "AvatarIcon",
679
+ "Box"
685
680
  ],
686
- "internalComponentProps": {
687
- "Icon": {
688
- "size": ["sm"],
689
- "color": ["current"],
690
- "aria-hidden": ["true"]
691
- },
692
- "HStack": {
693
- "spacing": ["1"],
694
- "gap": ["1"],
695
- "backgroundColor": ["secondary"],
696
- "borderRadius": ["full"],
697
- "display": ["inline-flex"]
698
- },
699
- "Text": {
700
- "variant": ["label2"],
701
- "color": ["current"]
702
- }
703
- },
681
+ "internalComponentProps": {},
704
682
  "propToVariantKeys": {
705
- "value": ["key"],
706
- "label": ["aria-label"]
683
+ "alt": ["name"],
684
+ "fallback": ["initials"]
707
685
  },
708
686
  "motionVarPrefixes": []
709
687
  };
710
- var SwitchV2 = {
711
- "name": "SwitchV2",
688
+ var AvatarText = {
689
+ "name": "AvatarText",
712
690
  "defaultProps": {
713
- "labelPosition": "start",
714
- "size": "md"
691
+ "size": "md",
692
+ "variant": "primary"
715
693
  },
716
- "getStylesLiterals": {
717
- "switchVariantRoot": "default",
718
- "switchVariantActiveRoot": "on",
719
- "switchVariantActiveRoot:1": "off",
720
- "switchVariantSwitch": "default",
721
- "switchVariantActiveSwitch": "on",
722
- "switchVariantActiveSwitch:1": "off",
723
- "switchVariantActiveHandle": "on",
724
- "switchVariantActiveHandle:1": "off",
725
- "switchVariantHandle": "default",
726
- "switchVariantHandleIcon": "default",
727
- "switchVariantActiveHandleIcon": "on",
728
- "switchVariantActiveHandleIcon:1": "off"
694
+ "getStylesLiterals": {},
695
+ "cxLiterals": [
696
+ "overflow-hidden",
697
+ "truncate",
698
+ "w-full",
699
+ "h-full",
700
+ "shrink-0",
701
+ "text-center",
702
+ "inline-flex",
703
+ "justify-center",
704
+ "items-center"
705
+ ],
706
+ "internalComponents": ["Box", "Text"],
707
+ "internalComponentProps": { "Text": {
708
+ "color": ["inherit"],
709
+ "variant": ["inherit"]
710
+ } },
711
+ "propToVariantKeys": {},
712
+ "motionVarPrefixes": []
713
+ };
714
+ var Toast = {
715
+ "name": "Toast",
716
+ "defaultProps": {},
717
+ "getStylesLiterals": {
718
+ "className": "flex-none",
719
+ "spacing": "2",
720
+ "borderRadius": "full"
729
721
  },
730
722
  "cxLiterals": [
731
- "group",
732
- "flex",
733
- "items-center",
734
- "flex-row",
735
- "flex-row-reverse",
723
+ "duration-0",
724
+ "duration-120",
725
+ "transition-[background-color]",
726
+ "bg-carbon-15/0",
727
+ "hover:bg-carbon-15/10",
728
+ "active:bg-carbon-15/15",
729
+ "uds-ring"
730
+ ],
731
+ "internalComponents": [
732
+ "IconSlot",
733
+ "ToastContainer",
734
+ "Text",
735
+ "Button",
736
+ "Pressable"
737
+ ],
738
+ "internalComponentProps": {},
739
+ "propToVariantKeys": {
740
+ "size": [
741
+ "toastSizeLabel",
742
+ "toastSizeIcon",
743
+ "toastSizeActionButton",
744
+ "toastSizeCloseIcon"
745
+ ],
746
+ "variant": [
747
+ "toastVariantIcon",
748
+ "toastVariantActionButton",
749
+ "toastVariantCloseIcon"
750
+ ],
751
+ "closeIcon": ["icon"],
752
+ "onClickActionButton": ["onClick"]
753
+ },
754
+ "motionVarPrefixes": []
755
+ };
756
+ var ToastContainer = {
757
+ "name": "ToastContainer",
758
+ "defaultProps": {},
759
+ "getStylesLiterals": {
760
+ "position": "relative",
761
+ "alignItems": "center",
762
+ "display": "flex",
763
+ "className": "box-border touch-none z-0 w-full break-words mb-2 last:mb-0"
764
+ },
765
+ "cxLiterals": ["w-full"],
766
+ "internalComponents": ["HStack"],
767
+ "internalComponentProps": { "HStack": {
768
+ "alignItems": ["center"],
769
+ "justifyContent": ["space-between"],
770
+ "overflow": ["hidden"],
771
+ "position": ["relative"]
772
+ } },
773
+ "propToVariantKeys": {
774
+ "variant": ["toastVariantRoot"],
775
+ "size": ["toastSizeRoot"]
776
+ },
777
+ "motionVarPrefixes": []
778
+ };
779
+ var ToastPortal = {
780
+ "name": "ToastPortal",
781
+ "defaultProps": {},
782
+ "getStylesLiterals": {},
783
+ "cxLiterals": [],
784
+ "internalComponents": ["ReactToastifyToastContainer"],
785
+ "internalComponentProps": {},
786
+ "propToVariantKeys": {},
787
+ "motionVarPrefixes": []
788
+ };
789
+ var UDSToastConfigProvider = {
790
+ "name": "UDSToastConfigProvider",
791
+ "defaultProps": {},
792
+ "getStylesLiterals": {},
793
+ "cxLiterals": [],
794
+ "internalComponents": ["ToastContext.Provider"],
795
+ "internalComponentProps": {},
796
+ "propToVariantKeys": {},
797
+ "motionVarPrefixes": []
798
+ };
799
+ var Radio = {
800
+ "name": "Radio",
801
+ "defaultProps": {
802
+ "labelPosition": "start",
803
+ "variant": "primary",
804
+ "size": "md",
805
+ "value": ""
806
+ },
807
+ "getStylesLiterals": {
808
+ "radioVariantValueRoot": "checked",
809
+ "radioVariantValueRoot:1": "unchecked",
810
+ "display": "flex",
811
+ "flexDirection": "row",
812
+ "flexDirection:1": "row-reverse",
813
+ "alignItems": "center",
814
+ "radioVariantValueRadio": "checked",
815
+ "radioVariantValueRadio:1": "unchecked",
816
+ "radioVariantValueRadioCircle": "checked",
817
+ "radioVariantValueRadioCircle:1": "unchecked"
818
+ },
819
+ "cxLiterals": [
820
+ "cursor-pointer",
821
+ "cursor-default",
822
+ "opacity-50",
823
+ "border",
736
824
  "uds-ring",
737
825
  "uds-ring-within",
738
- "relative",
739
- "uds-border-radius-full",
740
- "transition-[background-color,box-shadow]",
826
+ "transition-[background-color,border-color]",
827
+ "transition-shadow",
741
828
  "pointer-events-none",
742
- "w-full",
743
- "h-full",
829
+ "w-[8px]",
830
+ "h-[8px]",
831
+ "transition-opacity",
832
+ "cursor-[inherit]",
744
833
  "absolute",
745
- "top-0",
746
- "bottom-0",
747
- "right-0",
748
- "left-0",
749
- "overflow-hidden",
750
- "group-hover:scale-105",
751
- "opacity-95",
752
- "group-hover:opacity-100",
753
- "transition-[transform,opacity]",
754
834
  "opacity-0",
755
835
  "top-1/2",
756
836
  "left-1/2",
837
+ "w-[calc(100%+2px)]",
838
+ "h-[calc(100%+2px)]",
757
839
  "transform",
758
840
  "translate-x-[-50%]",
759
841
  "translate-y-[-50%]",
760
- "transition-opacity",
761
- "cursor-[inherit]",
762
- "w-[calc(100%+2px)]",
763
- "h-[calc(100%+2px)]",
764
842
  "text-start",
765
- "text-end",
766
- "opacity-100"
843
+ "text-end"
767
844
  ],
768
845
  "internalComponents": [
769
- "IconSlot",
770
846
  "Box",
771
847
  "FormLabel",
772
848
  "SpringMotionConfig",
@@ -774,275 +850,52 @@ var SwitchV2 = {
774
850
  "MotionBox"
775
851
  ],
776
852
  "internalComponentProps": {
777
- "IconSlot": { "data-testid": ["on-icon", "off-icon"] },
853
+ "Box": { "borderRadius": ["full"] },
778
854
  "FormLabel": {
779
855
  "as": ["div"],
780
856
  "variant": ["inherit"],
781
857
  "color": ["inherit"]
782
858
  },
783
- "SpringMotionConfig": {
784
- "layoutVariant": ["bouncy"],
785
- "layoutSpeed": ["4"]
786
- },
787
- "RootElement": { "data-testid": ["switch-root"] },
788
- "MotionBox": { "layout": ["position"] }
859
+ "RootElement": { "data-testid": ["container"] },
860
+ "MotionBox": {
861
+ "position": ["relative"],
862
+ "borderRadius": ["full"],
863
+ "alignItems": ["center"],
864
+ "justifyContent": ["center"],
865
+ "flex": ["none"]
866
+ }
789
867
  },
790
868
  "propToVariantKeys": {
791
- "size": [
792
- "switchSizeRoot",
793
- "switchSizeSwitch",
794
- "switchSizeHandle",
795
- "switchSizeHandleIcon"
869
+ "size": ["radioSizeRoot", "radioSizeRadio"],
870
+ "variant": [
871
+ "radioVariantRoot",
872
+ "radioVariantRadio",
873
+ "radioVariantRadioCircle"
796
874
  ],
797
- "onIcon": ["icon"],
798
- "offIcon": ["icon"],
799
- "reduceMotion": ["reducedMotion"],
800
- "isOn": ["layoutDependency"]
875
+ "reduceMotion": ["reducedMotion"]
801
876
  },
802
- "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
877
+ "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
803
878
  };
804
- var Tabs = {
805
- "name": "Tabs",
879
+ var RadioGroupProvider = {
880
+ "name": "RadioGroupProvider",
806
881
  "defaultProps": {},
807
- "getStylesLiterals": {
808
- "display": "flex",
809
- "flexDirection": "row",
810
- "columnGap": "6"
811
- },
812
- "cxLiterals": [
813
- "text-tertiary",
814
- "border-b-transparent",
815
- "aria-selected:border-b-brand",
816
- "aria-selected:text-secondary"
817
- ],
882
+ "getStylesLiterals": {},
883
+ "cxLiterals": [],
818
884
  "internalComponents": [
819
- "TabProvider",
820
- "OriginalTabList",
821
- "OriginalTab",
822
- "Icon",
823
- "OriginalTabPanel",
824
- "Pressable",
885
+ "DivProps",
825
886
  "Comp",
826
- "Text"
887
+ "RadioGroupContext.Provider"
827
888
  ],
828
- "internalComponentProps": {
829
- "Icon": {
830
- "className": ["text-current"],
831
- "size": ["md"]
832
- },
833
- "Pressable": {
834
- "borderBottomWidth": ["medium"],
835
- "spacingBottom": ["1"],
836
- "spacingTop": ["4"]
837
- },
838
- "Text": {
839
- "className": ["text-current"],
840
- "variant": ["headline1"],
841
- "as": ["span"]
842
- }
843
- },
889
+ "internalComponentProps": { "Comp": { "role": ["radiogroup"] } },
844
890
  "propToVariantKeys": {},
845
891
  "motionVarPrefixes": []
846
892
  };
847
- var Modal = {
848
- "name": "Modal",
849
- "defaultProps": {},
850
- "getStylesLiterals": {},
851
- "cxLiterals": [
852
- "inset-8",
853
- "top-[250px]",
854
- "z-50",
855
- "mx-auto",
856
- "h-fit",
857
- "w-[600px]",
858
- "origin-center",
859
- "scale-95",
860
- "opacity-0",
861
- "transition",
862
- "duration-150",
863
- "data-[enter]:scale-100",
864
- "data-[enter]:opacity-100",
865
- "data-[enter]:bg-primary",
866
- "backdrop-blur-0",
867
- "data-[enter]:opacity-60",
868
- "data-[enter]:backdrop-blur-sm"
869
- ],
870
- "internalComponents": [
871
- "IconButton",
872
- "Dialog",
873
- "HStack",
874
- "Text",
875
- "VStack"
876
- ],
877
- "internalComponentProps": {
878
- "IconButton": {
879
- "aria-label": ["Close"],
880
- "size": ["sm"],
881
- "variant": ["tertiary"]
882
- },
883
- "HStack": {
884
- "alignItems": ["center"],
885
- "justifyContent": ["space-between"]
886
- },
887
- "Text": {
888
- "variant": ["headline1"],
889
- "color": ["primary"]
890
- },
891
- "VStack": {
892
- "borderRadius": ["md"],
893
- "position": ["fixed"],
894
- "backgroundColor": ["primary"],
895
- "dropShadow": ["md"],
896
- "spacing": ["8"],
897
- "overflow": ["hidden"]
898
- }
899
- },
900
- "propToVariantKeys": { "handleClose": ["onClick"] },
901
- "motionVarPrefixes": []
902
- };
903
- var Accordion = {
904
- "name": "Accordion",
905
- "defaultProps": {
906
- "spacingHorizontal": "4",
907
- "spacingVertical": "4"
908
- },
909
- "getStylesLiterals": {},
910
- "cxLiterals": ["hover:bg-secondary/80", "w-full"],
911
- "internalComponents": [
912
- "Icon",
913
- "SpringMotionConfig",
914
- "Pressable",
915
- "Text",
916
- "HStack",
917
- "AnimatePresence",
918
- "VStack"
919
- ],
920
- "internalComponentProps": {
921
- "Icon": {
922
- "variant": ["fill"],
923
- "size": ["sm"],
924
- "color": ["primary"]
925
- },
926
- "SpringMotionConfig": {
927
- "layoutVariant": ["smooth"],
928
- "layoutSpeed": ["3"]
929
- },
930
- "Pressable": {
931
- "display": ["flex"],
932
- "flexDirection": ["row"],
933
- "alignItems": ["center"],
934
- "justifyContent": ["space-between"],
935
- "borderRadius": ["md"]
936
- },
937
- "Text": {
938
- "variant": ["title4"],
939
- "color": ["primary"]
940
- },
941
- "HStack": {
942
- "display": ["flex"],
943
- "alignItems": ["center"],
944
- "justifyContent": ["space-between"],
945
- "columnGap": ["2.5"]
946
- }
947
- },
948
- "propToVariantKeys": {},
949
- "motionVarPrefixes": ["--uds-motion-smooth-3-"]
950
- };
951
- var AvatarImage = {
952
- "name": "AvatarImage",
953
- "defaultProps": {
954
- "size": "md",
955
- "variant": "primary"
956
- },
957
- "getStylesLiterals": {},
958
- "cxLiterals": [
959
- "overflow-hidden",
960
- "w-full",
961
- "h-full",
962
- "shrink-0",
963
- "text-center",
964
- "inline-flex",
965
- "justify-center",
966
- "items-center",
967
- "object-cover"
968
- ],
969
- "internalComponents": [
970
- "UDSImage",
971
- "AvatarText",
972
- "AvatarIcon",
973
- "Box"
974
- ],
975
- "internalComponentProps": {},
976
- "propToVariantKeys": {
977
- "alt": ["name"],
978
- "fallback": ["initials"]
979
- },
980
- "motionVarPrefixes": []
981
- };
982
- var AvatarText = {
983
- "name": "AvatarText",
984
- "defaultProps": {
985
- "size": "md",
986
- "variant": "primary"
987
- },
988
- "getStylesLiterals": {},
989
- "cxLiterals": [
990
- "overflow-hidden",
991
- "truncate",
992
- "w-full",
993
- "h-full",
994
- "shrink-0",
995
- "text-center",
996
- "inline-flex",
997
- "justify-center",
998
- "items-center"
999
- ],
1000
- "internalComponents": ["Box", "Text"],
1001
- "internalComponentProps": { "Text": {
1002
- "color": ["inherit"],
1003
- "variant": ["inherit"]
1004
- } },
1005
- "propToVariantKeys": {},
1006
- "motionVarPrefixes": []
1007
- };
1008
- var Avatar = {
1009
- "name": "Avatar",
1010
- "defaultProps": {},
1011
- "getStylesLiterals": {},
1012
- "cxLiterals": [],
1013
- "internalComponents": ["AvatarImage"],
1014
- "internalComponentProps": {},
1015
- "propToVariantKeys": {},
1016
- "motionVarPrefixes": []
1017
- };
1018
- var AvatarIcon = {
1019
- "name": "AvatarIcon",
1020
- "defaultProps": {
1021
- "size": "md",
1022
- "variant": "primary"
1023
- },
1024
- "getStylesLiterals": {},
1025
- "cxLiterals": [
1026
- "overflow-hidden",
1027
- "w-full",
1028
- "h-full",
1029
- "shrink-0",
1030
- "text-center",
1031
- "inline-flex",
1032
- "justify-center",
1033
- "items-center"
1034
- ],
1035
- "internalComponents": ["IconSlot", "Box"],
1036
- "internalComponentProps": {},
1037
- "propToVariantKeys": { "size": ["avatarSizeIcon"] },
1038
- "motionVarPrefixes": []
1039
- };
1040
- var UDSPopoverConfigProvider = {
1041
- "name": "UDSPopoverConfigProvider",
893
+ var RadioGroupStore = {
894
+ "name": "RadioGroupStore",
1042
895
  "defaultProps": {},
1043
896
  "getStylesLiterals": {},
1044
897
  "cxLiterals": [],
1045
- "internalComponents": ["PopoverContext.Provider"],
898
+ "internalComponents": [],
1046
899
  "internalComponentProps": {},
1047
900
  "propToVariantKeys": {},
1048
901
  "motionVarPrefixes": []
@@ -1057,26 +910,6 @@ var Popover = {
1057
910
  "propToVariantKeys": {},
1058
911
  "motionVarPrefixes": []
1059
912
  };
1060
- var PopoverContext = {
1061
- "name": "PopoverContext",
1062
- "defaultProps": {},
1063
- "getStylesLiterals": {},
1064
- "cxLiterals": [],
1065
- "internalComponents": [],
1066
- "internalComponentProps": {},
1067
- "propToVariantKeys": {},
1068
- "motionVarPrefixes": []
1069
- };
1070
- var PopoverTrigger = {
1071
- "name": "PopoverTrigger",
1072
- "defaultProps": {},
1073
- "getStylesLiterals": {},
1074
- "cxLiterals": [],
1075
- "internalComponents": ["PopoverDisclosure"],
1076
- "internalComponentProps": { "PopoverDisclosure": { "className": ["inline"] } },
1077
- "propToVariantKeys": { "children": ["render"] },
1078
- "motionVarPrefixes": []
1079
- };
1080
913
  var PopoverContent = {
1081
914
  "name": "PopoverContent",
1082
915
  "defaultProps": {},
@@ -1135,444 +968,231 @@ var PopoverContent = {
1135
968
  "propToVariantKeys": { "closeIcon": ["icon"] },
1136
969
  "motionVarPrefixes": []
1137
970
  };
1138
- var BottomSheetContent = {
1139
- "name": "BottomSheetContent",
971
+ var PopoverContext = {
972
+ "name": "PopoverContext",
1140
973
  "defaultProps": {},
1141
974
  "getStylesLiterals": {},
1142
- "cxLiterals": ["min-h-0", "touch-pan-y"],
1143
- "internalComponents": ["Box", "VStack"],
1144
- "internalComponentProps": {
1145
- "Box": {
1146
- "display": ["block"],
1147
- "flex": ["1"]
1148
- },
1149
- "VStack": { "className": ["pb-[calc(env(safe-area-inset-bottom))]"] }
1150
- },
975
+ "cxLiterals": [],
976
+ "internalComponents": [],
977
+ "internalComponentProps": {},
1151
978
  "propToVariantKeys": {},
1152
979
  "motionVarPrefixes": []
1153
980
  };
1154
- var BottomSheetDismiss = {
1155
- "name": "BottomSheetDismiss",
981
+ var PopoverTrigger = {
982
+ "name": "PopoverTrigger",
1156
983
  "defaultProps": {},
1157
984
  "getStylesLiterals": {},
1158
985
  "cxLiterals": [],
1159
- "internalComponents": ["AriakitDialogDismiss"],
986
+ "internalComponents": ["PopoverDisclosure"],
987
+ "internalComponentProps": { "PopoverDisclosure": { "className": ["inline"] } },
988
+ "propToVariantKeys": { "children": ["render"] },
989
+ "motionVarPrefixes": []
990
+ };
991
+ var UDSPopoverConfigProvider = {
992
+ "name": "UDSPopoverConfigProvider",
993
+ "defaultProps": {},
994
+ "getStylesLiterals": {},
995
+ "cxLiterals": [],
996
+ "internalComponents": ["PopoverContext.Provider"],
1160
997
  "internalComponentProps": {},
1161
998
  "propToVariantKeys": {},
1162
999
  "motionVarPrefixes": []
1163
1000
  };
1164
- var BottomSheet = {
1165
- "name": "BottomSheet",
1166
- "defaultProps": { "variant": "default" },
1001
+ var Menu_Content = {
1002
+ "name": "Menu.Content",
1003
+ "defaultProps": {
1004
+ "size": "default",
1005
+ "variant": "default",
1006
+ "gutter": "1"
1007
+ },
1167
1008
  "getStylesLiterals": {},
1168
1009
  "cxLiterals": [
1169
- "fixed",
1170
- "overflow-hidden",
1171
- "inset-x-0",
1172
- "bottom-0",
1173
- "z-50",
1174
- "[will-change:transform]",
1175
- "touch-none",
1176
- "[transform:translate3d(0,var(--uds-bottomsheet-hidden-translate),0)]",
1177
- "data-[enter]:[transform:translate3d(0,var(--uds-bottomsheet-visible-translate),0)]",
1178
- "transition-transform",
1179
- "duration-500",
1180
- "ease-[cubic-bezier(0.32,0.72,0,1)]",
1181
- "motion-reduce:transition-none",
1182
- "top-[-4px]",
1183
- "z-[1]",
1184
- "touch-pan-y"
1010
+ "uds-menu-content",
1011
+ "transition-shadow",
1012
+ "duration-200",
1013
+ "ease-in-out",
1014
+ "min-w-60",
1015
+ "max-w-lg",
1016
+ "max-h-96",
1017
+ "overflow-auto",
1018
+ "uds-ring",
1019
+ "z-10",
1020
+ "group"
1185
1021
  ],
1186
1022
  "internalComponents": [
1187
- "Scrim",
1188
- "BottomSheetHandle",
1189
- "Dialog",
1190
- "Box",
1191
- "BottomSheetInternalContext.Provider"
1023
+ "AriakitMenu",
1024
+ "AnimatePresence",
1025
+ "MotionVStack"
1192
1026
  ],
1193
- "internalComponentProps": {
1194
- "BottomSheetHandle": { "ariaLabel": ["Resize sheet"] },
1195
- "Dialog": { "data-testid": ["bottom-sheet"] },
1196
- "Box": {
1197
- "display": ["block", "flex"],
1198
- "position": ["absolute"],
1199
- "flexDirection": ["column"],
1200
- "className": ["absolute inset-0 min-h-0 p-[inherit]"]
1201
- }
1027
+ "internalComponentProps": {},
1028
+ "propToVariantKeys": {
1029
+ "size": ["menucontentSizeRoot"],
1030
+ "variant": ["menucontentVariantRoot"]
1202
1031
  },
1203
- "propToVariantKeys": { "variant": ["bottomsheetVariantRoot"] },
1204
1032
  "motionVarPrefixes": []
1205
1033
  };
1206
- var BottomSheetHandle = {
1207
- "name": "BottomSheetHandle",
1208
- "defaultProps": {},
1209
- "getStylesLiterals": {},
1210
- "cxLiterals": [
1211
- "relative",
1212
- "h-5",
1213
- "w-16",
1214
- "outline-none",
1215
- "focus-visible:outline-none",
1216
- "[touch-action:pan-y]",
1217
- "absolute",
1218
- "left-1/2",
1219
- "top-1/2",
1220
- "-translate-x-1/2",
1221
- "-translate-y-1/2",
1222
- "h-1",
1223
- "w-8",
1224
- "rounded-full",
1225
- "bg-accent"
1226
- ],
1227
- "internalComponents": ["Box"],
1228
- "internalComponentProps": { "Box": {
1229
- "display": ["block", "flex"],
1230
- "justifyContent": ["center"]
1231
- } },
1034
+ var Menu_Divider = {
1035
+ "name": "Menu.Divider",
1036
+ "defaultProps": {
1037
+ "role": "separator",
1038
+ "contentPosition": "start",
1039
+ "gap": "4"
1040
+ },
1041
+ "getStylesLiterals": {
1042
+ "menuitemDividerVariantRoot": "default",
1043
+ "menuitemDividerVariantText": "default",
1044
+ "menuitemDividerVariantLine": "default"
1045
+ },
1046
+ "cxLiterals": [],
1047
+ "internalComponents": ["DividerInternal"],
1048
+ "internalComponentProps": { "DividerInternal": { "variant": ["inherit"] } },
1232
1049
  "propToVariantKeys": {},
1233
1050
  "motionVarPrefixes": []
1234
1051
  };
1235
- var BottomSheetInternalContext = {
1236
- "name": "BottomSheetInternalContext",
1052
+ var Menu_Item = {
1053
+ "name": "Menu.Item",
1237
1054
  "defaultProps": {},
1238
- "getStylesLiterals": {},
1055
+ "getStylesLiterals": {
1056
+ "menuitemItemVariantRoot": "default",
1057
+ "menuitemItemVariantActiveRoot": "on",
1058
+ "menuitemItemVariantActiveRoot:1": "off",
1059
+ "menuitemItemVariantText": "default",
1060
+ "menuitemItemVariantActiveText": "on",
1061
+ "menuitemItemVariantActiveText:1": "off",
1062
+ "menuitemItemVariantIcon": "default",
1063
+ "menuitemItemVariantActiveIcon": "on",
1064
+ "menuitemItemVariantActiveIcon:1": "off"
1065
+ },
1239
1066
  "cxLiterals": [],
1240
- "internalComponents": [],
1067
+ "internalComponents": ["MenuItemBase"],
1241
1068
  "internalComponentProps": {},
1242
1069
  "propToVariantKeys": {},
1243
1070
  "motionVarPrefixes": []
1244
1071
  };
1245
- var BottomSheetHeader = {
1246
- "name": "BottomSheetHeader",
1247
- "defaultProps": { "variant": "default" },
1248
- "getStylesLiterals": {},
1072
+ var Menu_ItemBase = {
1073
+ "name": "Menu.ItemBase",
1074
+ "defaultProps": {
1075
+ "spacing": "0",
1076
+ "spacingHorizontal": "4",
1077
+ "spacingVertical": "3.5",
1078
+ "columnGap": "2",
1079
+ "alignItems": "center",
1080
+ "justifyContent": "space-between"
1081
+ },
1082
+ "getStylesLiterals": {
1083
+ "textAlign": "start",
1084
+ "menuitemSizeRoot": "default",
1085
+ "flexDirection": "row",
1086
+ "menuitemSizeStartIcon": "default",
1087
+ "menuitemSizeEndIcon": "default"
1088
+ },
1249
1089
  "cxLiterals": [
1250
- "grid-cols-[40px_1fr_40px]",
1251
- "items-center",
1252
- "w-full",
1253
- "min-h-10",
1254
- "mt-2"
1090
+ "flex",
1091
+ "focus-visible:text-brand",
1092
+ "focus-visible:bg-brand-secondary",
1093
+ "focus-visible:z-10",
1094
+ "uds-ring",
1095
+ "!-outline-offset-2",
1096
+ "[&:not([aria-checked])]:cursor-default",
1097
+ "opacity-25",
1098
+ "cursor-not-allowed",
1099
+ "duration-20",
1100
+ "transition-[font-variation-settings]",
1101
+ "ease-in-out",
1102
+ "z-0",
1103
+ "uds-start-icon",
1104
+ "uds-end-icon"
1105
+ ],
1106
+ "internalComponents": [
1107
+ "Pressable",
1108
+ "IconSlot",
1109
+ "RootComponent",
1110
+ "HStack",
1111
+ "AnimatePresence"
1255
1112
  ],
1256
- "internalComponents": ["Box", "Text"],
1257
1113
  "internalComponentProps": {
1258
- "Box": {
1259
- "className": ["h-10 w-10 opacity-0 pointer-events-none"],
1260
- "display": ["grid", "flex"],
1261
- "justifyContent": ["flex-start", "flex-end"]
1114
+ "HStack": {
1115
+ "alignItems": ["center"],
1116
+ "width": ["full"]
1262
1117
  },
1263
- "Text": {
1264
- "variant": ["inherit"],
1265
- "color": ["inherit"],
1266
- "textAlign": ["center"],
1267
- "className": ["w-full"]
1268
- }
1118
+ "AnimatePresence": { "mode": ["popLayout"] }
1119
+ },
1120
+ "propToVariantKeys": {
1121
+ "startIcon": ["icon"],
1122
+ "endIcon": ["icon"],
1123
+ "columnGap": ["gap"]
1269
1124
  },
1270
- "propToVariantKeys": { "variant": ["bottomsheetVariantHeader"] },
1271
1125
  "motionVarPrefixes": []
1272
1126
  };
1273
- var BottomSheetTrigger = {
1274
- "name": "BottomSheetTrigger",
1127
+ var Menu_ItemCheckbox = {
1128
+ "name": "Menu.ItemCheckbox",
1275
1129
  "defaultProps": {},
1276
- "getStylesLiterals": {},
1277
- "cxLiterals": [],
1278
- "internalComponents": ["AriakitDialogDisclosure"],
1130
+ "getStylesLiterals": {
1131
+ "menuitemItemCheckboxVariantRoot": "default",
1132
+ "menuitemItemCheckboxVariantActiveRoot": "on",
1133
+ "menuitemItemCheckboxVariantActiveRoot:1": "off",
1134
+ "menuitemItemCheckboxVariantText": "default",
1135
+ "menuitemItemCheckboxVariantActiveText": "on",
1136
+ "menuitemItemCheckboxVariantActiveText:1": "off",
1137
+ "menuitemItemCheckboxVariantStartIcon": "default",
1138
+ "menuitemItemCheckboxVariantActiveStartIcon": "on",
1139
+ "menuitemItemCheckboxVariantActiveStartIcon:1": "off",
1140
+ "menuitemItemCheckboxVariantEndIcon": "default",
1141
+ "menuitemItemCheckboxVariantActiveEndIcon": "on",
1142
+ "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
1143
+ },
1144
+ "cxLiterals": ["uds-menu-item-checkbox"],
1145
+ "internalComponents": ["MenuItemBase"],
1279
1146
  "internalComponentProps": {},
1280
1147
  "propToVariantKeys": {},
1281
1148
  "motionVarPrefixes": []
1282
1149
  };
1283
- var BottomSheetProvider = {
1284
- "name": "BottomSheetProvider",
1150
+ var Menu_Provider = {
1151
+ "name": "Menu.Provider",
1285
1152
  "defaultProps": {},
1286
1153
  "getStylesLiterals": {},
1287
1154
  "cxLiterals": [],
1288
- "internalComponents": ["AriakitDialogProvider"],
1155
+ "internalComponents": ["AriakitMenuProvider", "SpringMotionConfig"],
1289
1156
  "internalComponentProps": {},
1290
1157
  "propToVariantKeys": {},
1158
+ "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
1159
+ };
1160
+ var Menu_Trigger = {
1161
+ "name": "Menu.Trigger",
1162
+ "defaultProps": {},
1163
+ "getStylesLiterals": {},
1164
+ "cxLiterals": ["uds-menu-trigger"],
1165
+ "internalComponents": ["AriakitMenuTrigger", "Box"],
1166
+ "internalComponentProps": { "Box": { "className": ["uds-ring h-fit w-fit"] } },
1167
+ "propToVariantKeys": {},
1291
1168
  "motionVarPrefixes": []
1292
1169
  };
1293
- var UDSBottomSheetConfigProvider = {
1294
- "name": "UDSBottomSheetConfigProvider",
1170
+ var Menu_index = {
1171
+ "name": "Menu.index",
1295
1172
  "defaultProps": {},
1296
1173
  "getStylesLiterals": {},
1297
1174
  "cxLiterals": [],
1298
- "internalComponents": ["BottomSheetContext.Provider"],
1175
+ "internalComponents": [],
1299
1176
  "internalComponentProps": {},
1300
1177
  "propToVariantKeys": {},
1301
1178
  "motionVarPrefixes": []
1302
1179
  };
1303
- var UDSToastConfigProvider = {
1304
- "name": "UDSToastConfigProvider",
1180
+ var Menu = {
1181
+ "name": "Menu",
1305
1182
  "defaultProps": {},
1306
1183
  "getStylesLiterals": {},
1307
1184
  "cxLiterals": [],
1308
- "internalComponents": ["ToastContext.Provider"],
1185
+ "internalComponents": [],
1309
1186
  "internalComponentProps": {},
1310
1187
  "propToVariantKeys": {},
1311
1188
  "motionVarPrefixes": []
1312
1189
  };
1313
- var Toast = {
1314
- "name": "Toast",
1315
- "defaultProps": {},
1316
- "getStylesLiterals": {
1317
- "className": "flex-none",
1318
- "spacing": "2",
1319
- "borderRadius": "full"
1320
- },
1321
- "cxLiterals": [
1322
- "duration-0",
1323
- "duration-120",
1324
- "transition-[background-color]",
1325
- "bg-carbon-15/0",
1326
- "hover:bg-carbon-15/10",
1327
- "active:bg-carbon-15/15",
1328
- "uds-ring"
1329
- ],
1330
- "internalComponents": [
1331
- "IconSlot",
1332
- "ToastContainer",
1333
- "Text",
1334
- "Button",
1335
- "Pressable"
1336
- ],
1337
- "internalComponentProps": {},
1338
- "propToVariantKeys": {
1339
- "size": [
1340
- "toastSizeLabel",
1341
- "toastSizeIcon",
1342
- "toastSizeActionButton",
1343
- "toastSizeCloseIcon"
1344
- ],
1345
- "variant": [
1346
- "toastVariantIcon",
1347
- "toastVariantActionButton",
1348
- "toastVariantCloseIcon"
1349
- ],
1350
- "closeIcon": ["icon"],
1351
- "onClickActionButton": ["onClick"]
1352
- },
1353
- "motionVarPrefixes": []
1354
- };
1355
- var ToastContainer = {
1356
- "name": "ToastContainer",
1357
- "defaultProps": {},
1358
- "getStylesLiterals": {
1359
- "position": "relative",
1360
- "alignItems": "center",
1361
- "display": "flex",
1362
- "className": "box-border touch-none z-0 w-full break-words mb-2 last:mb-0"
1363
- },
1364
- "cxLiterals": ["w-full"],
1365
- "internalComponents": ["HStack"],
1366
- "internalComponentProps": { "HStack": {
1367
- "alignItems": ["center"],
1368
- "justifyContent": ["space-between"],
1369
- "overflow": ["hidden"],
1370
- "position": ["relative"]
1371
- } },
1372
- "propToVariantKeys": {
1373
- "variant": ["toastVariantRoot"],
1374
- "size": ["toastSizeRoot"]
1375
- },
1376
- "motionVarPrefixes": []
1377
- };
1378
- var ToastPortal = {
1379
- "name": "ToastPortal",
1380
- "defaultProps": {},
1381
- "getStylesLiterals": {},
1382
- "cxLiterals": [],
1383
- "internalComponents": ["ReactToastifyToastContainer"],
1384
- "internalComponentProps": {},
1385
- "propToVariantKeys": {},
1386
- "motionVarPrefixes": []
1387
- };
1388
- var RadioGroupStore = {
1389
- "name": "RadioGroupStore",
1390
- "defaultProps": {},
1391
- "getStylesLiterals": {},
1392
- "cxLiterals": [],
1393
- "internalComponents": [],
1394
- "internalComponentProps": {},
1395
- "propToVariantKeys": {},
1396
- "motionVarPrefixes": []
1397
- };
1398
- var RadioGroupProvider = {
1399
- "name": "RadioGroupProvider",
1400
- "defaultProps": {},
1401
- "getStylesLiterals": {},
1402
- "cxLiterals": [],
1403
- "internalComponents": [
1404
- "DivProps",
1405
- "Comp",
1406
- "RadioGroupContext.Provider"
1407
- ],
1408
- "internalComponentProps": { "Comp": { "role": ["radiogroup"] } },
1409
- "propToVariantKeys": {},
1410
- "motionVarPrefixes": []
1411
- };
1412
- var Radio = {
1413
- "name": "Radio",
1414
- "defaultProps": {
1415
- "labelPosition": "start",
1416
- "variant": "primary",
1417
- "size": "md",
1418
- "value": ""
1419
- },
1420
- "getStylesLiterals": {
1421
- "radioVariantValueRoot": "checked",
1422
- "radioVariantValueRoot:1": "unchecked",
1423
- "display": "flex",
1424
- "flexDirection": "row",
1425
- "flexDirection:1": "row-reverse",
1426
- "alignItems": "center",
1427
- "radioVariantValueRadio": "checked",
1428
- "radioVariantValueRadio:1": "unchecked",
1429
- "radioVariantValueRadioCircle": "checked",
1430
- "radioVariantValueRadioCircle:1": "unchecked"
1431
- },
1432
- "cxLiterals": [
1433
- "cursor-pointer",
1434
- "cursor-default",
1435
- "opacity-50",
1436
- "border",
1437
- "uds-ring",
1438
- "uds-ring-within",
1439
- "transition-[background-color,border-color]",
1440
- "transition-shadow",
1441
- "pointer-events-none",
1442
- "w-[8px]",
1443
- "h-[8px]",
1444
- "transition-opacity",
1445
- "cursor-[inherit]",
1446
- "absolute",
1447
- "opacity-0",
1448
- "top-1/2",
1449
- "left-1/2",
1450
- "w-[calc(100%+2px)]",
1451
- "h-[calc(100%+2px)]",
1452
- "transform",
1453
- "translate-x-[-50%]",
1454
- "translate-y-[-50%]",
1455
- "text-start",
1456
- "text-end"
1457
- ],
1458
- "internalComponents": [
1459
- "Box",
1460
- "FormLabel",
1461
- "SpringMotionConfig",
1462
- "RootElement",
1463
- "MotionBox"
1464
- ],
1465
- "internalComponentProps": {
1466
- "Box": { "borderRadius": ["full"] },
1467
- "FormLabel": {
1468
- "as": ["div"],
1469
- "variant": ["inherit"],
1470
- "color": ["inherit"]
1471
- },
1472
- "RootElement": { "data-testid": ["container"] },
1473
- "MotionBox": {
1474
- "position": ["relative"],
1475
- "borderRadius": ["full"],
1476
- "alignItems": ["center"],
1477
- "justifyContent": ["center"],
1478
- "flex": ["none"]
1479
- }
1480
- },
1481
- "propToVariantKeys": {
1482
- "size": ["radioSizeRoot", "radioSizeRadio"],
1483
- "variant": [
1484
- "radioVariantRoot",
1485
- "radioVariantRadio",
1486
- "radioVariantRadioCircle"
1487
- ],
1488
- "reduceMotion": ["reducedMotion"]
1489
- },
1490
- "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
1491
- };
1492
- var UDSTooltipConfigProvider = {
1493
- "name": "UDSTooltipConfigProvider",
1494
- "defaultProps": {},
1495
- "getStylesLiterals": {},
1496
- "cxLiterals": [],
1497
- "internalComponents": ["TooltipContext.Provider"],
1498
- "internalComponentProps": {},
1499
- "propToVariantKeys": {},
1500
- "motionVarPrefixes": []
1501
- };
1502
- var TooltipTrigger = {
1503
- "name": "TooltipTrigger",
1504
- "defaultProps": {},
1505
- "getStylesLiterals": {},
1506
- "cxLiterals": [],
1507
- "internalComponents": ["TooltipAnchor"],
1508
- "internalComponentProps": { "TooltipAnchor": { "className": ["inline"] } },
1509
- "propToVariantKeys": { "children": ["render"] },
1510
- "motionVarPrefixes": []
1511
- };
1512
- var TooltipContent = {
1513
- "name": "TooltipContent",
1514
- "defaultProps": {},
1515
- "getStylesLiterals": {
1516
- "tooltipSizeRoot": "default",
1517
- "tooltipVariantRoot": "default",
1518
- "tooltipSizeSvg": "default",
1519
- "tooltipVariantSvg": "default",
1520
- "tooltipVariantBlur": "default",
1521
- "position": "absolute",
1522
- "width": "full",
1523
- "height": "full",
1524
- "tooltipSizeTitle": "default",
1525
- "tooltipSizeBody": "default",
1526
- "tooltipSizeEndContent": "default",
1527
- "tooltipSizeIcon": "default",
1528
- "tooltipVariantIcon": "default"
1529
- },
1530
- "cxLiterals": [
1531
- "max-w-lg",
1532
- "flex",
1533
- "z-[9999]",
1534
- "uds-bgBlurFillFallback",
1535
- "uds-bgBlurFallback",
1536
- "top-0",
1537
- "left-0",
1538
- "z-[1]"
1539
- ],
1540
- "internalComponents": [
1541
- "IconSlot",
1542
- "TooltipArrow",
1543
- "Tooltip",
1544
- "SvgFloatingOverlay",
1545
- "VStack",
1546
- "Box",
1547
- "Text"
1548
- ],
1549
- "internalComponentProps": {
1550
- "VStack": { "className": ["gap-[inherit]"] },
1551
- "Box": {
1552
- "alignItems": ["center"],
1553
- "columnGap": ["1", "1.5"]
1554
- },
1555
- "Text": { "color": ["inherit"] }
1556
- },
1557
- "propToVariantKeys": { "startTitleIcon": ["icon"] },
1558
- "motionVarPrefixes": []
1559
- };
1560
- var Tooltip = {
1561
- "name": "Tooltip",
1562
- "defaultProps": {},
1563
- "getStylesLiterals": {},
1564
- "cxLiterals": [],
1565
- "internalComponents": ["TooltipInternalContext.Provider", "TooltipProvider"],
1566
- "internalComponentProps": {},
1567
- "propToVariantKeys": {},
1568
- "motionVarPrefixes": []
1569
- };
1570
- var Input = {
1571
- "name": "Input",
1572
- "defaultProps": {
1573
- "type": "text",
1574
- "size": "md",
1575
- "width": "full"
1190
+ var Input = {
1191
+ "name": "Input",
1192
+ "defaultProps": {
1193
+ "type": "text",
1194
+ "size": "md",
1195
+ "width": "full"
1576
1196
  },
1577
1197
  "getStylesLiterals": {
1578
1198
  "inputVariantRoot": "default",
@@ -1687,39 +1307,65 @@ var InputHelpTextInternal = {
1687
1307
  },
1688
1308
  "motionVarPrefixes": []
1689
1309
  };
1690
- var UDSConfigProvider = {
1691
- "name": "UDSConfigProvider",
1310
+ var Chip = {
1311
+ "name": "Chip",
1692
1312
  "defaultProps": {},
1693
1313
  "getStylesLiterals": {},
1694
1314
  "cxLiterals": [],
1695
1315
  "internalComponents": [
1696
- "UDSBreakpointsConfigProvider",
1697
- "UDSBottomSheetConfigProvider",
1698
- "UDSToastConfigProvider",
1699
- "UDSTooltipConfigProvider",
1700
- "UDSPopoverConfigProvider"
1316
+ "ChipDismissible",
1317
+ "ChipToggle",
1318
+ "ChipLink",
1319
+ "ChipButton"
1701
1320
  ],
1702
1321
  "internalComponentProps": {},
1703
1322
  "propToVariantKeys": {},
1704
1323
  "motionVarPrefixes": []
1705
1324
  };
1706
- var UDSBreakpointsConfigProvider = {
1707
- "name": "UDSBreakpointsConfigProvider",
1708
- "defaultProps": {},
1709
- "getStylesLiterals": {},
1710
- "cxLiterals": [],
1711
- "internalComponents": ["UDSBreakpointsConfigContext.Provider"],
1712
- "internalComponentProps": {},
1713
- "propToVariantKeys": {},
1325
+ var ChipBase = {
1326
+ "name": "ChipBase",
1327
+ "defaultProps": {
1328
+ "size": "md",
1329
+ "as": "div"
1330
+ },
1331
+ "getStylesLiterals": {},
1332
+ "cxLiterals": [
1333
+ "pointer-events-none",
1334
+ "cursor-default",
1335
+ "opacity-50",
1336
+ "inline-flex",
1337
+ "items-center",
1338
+ "transition-[background-color,outline-color,box-shadow]",
1339
+ "truncate",
1340
+ "whitespace-nowrap",
1341
+ "text-center",
1342
+ "flex-1"
1343
+ ],
1344
+ "internalComponents": [
1345
+ "IconSlot",
1346
+ "HStack",
1347
+ "As",
1348
+ "Text"
1349
+ ],
1350
+ "internalComponentProps": { "Text": {
1351
+ "as": ["span"],
1352
+ "color": ["current"],
1353
+ "variant": ["inherit"]
1354
+ } },
1355
+ "propToVariantKeys": {
1356
+ "size": ["chipSizeRoot", "chipSizeIcon"],
1357
+ "startIcon": ["icon"],
1358
+ "endIcon": ["icon"]
1359
+ },
1714
1360
  "motionVarPrefixes": []
1715
1361
  };
1716
- var ChipLink = {
1717
- "name": "ChipLink",
1362
+ var ChipButton = {
1363
+ "name": "ChipButton",
1718
1364
  "defaultProps": { "variant": "primary" },
1719
1365
  "getStylesLiterals": {},
1720
1366
  "cxLiterals": ["uds-ring"],
1721
1367
  "internalComponents": ["ChipBase"],
1722
- "internalComponentProps": { "ChipBase": { "as": ["a"] } },
1368
+ "internalComponentProps": { "ChipBase": { "as": ["button"] } },
1723
1369
  "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
1724
1370
  "motionVarPrefixes": []
1725
1371
  };
@@ -1745,6 +1391,16 @@ var ChipDismissible = {
1745
1391
  },
1746
1392
  "motionVarPrefixes": []
1747
1393
  };
1394
+ var ChipLink = {
1395
+ "name": "ChipLink",
1396
+ "defaultProps": { "variant": "primary" },
1397
+ "getStylesLiterals": {},
1398
+ "cxLiterals": ["uds-ring"],
1399
+ "internalComponents": ["ChipBase"],
1400
+ "internalComponentProps": { "ChipBase": { "as": ["a"] } },
1401
+ "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
1402
+ "motionVarPrefixes": []
1403
+ };
1748
1404
  var ChipToggle = {
1749
1405
  "name": "ChipToggle",
1750
1406
  "defaultProps": {
@@ -1761,339 +1417,682 @@ var ChipToggle = {
1761
1417
  "propToVariantKeys": { "variant": ["chipToggleVariantRoot", "chipToggleVariantIcon"] },
1762
1418
  "motionVarPrefixes": []
1763
1419
  };
1764
- var Chip = {
1765
- "name": "Chip",
1766
- "defaultProps": {},
1420
+ var BottomSheet = {
1421
+ "name": "BottomSheet",
1422
+ "defaultProps": { "variant": "default" },
1767
1423
  "getStylesLiterals": {},
1768
- "cxLiterals": [],
1424
+ "cxLiterals": [
1425
+ "fixed",
1426
+ "overflow-hidden",
1427
+ "inset-x-0",
1428
+ "bottom-0",
1429
+ "z-50",
1430
+ "[will-change:transform]",
1431
+ "touch-none",
1432
+ "[transform:translate3d(0,var(--uds-bottomsheet-hidden-translate),0)]",
1433
+ "data-[enter]:[transform:translate3d(0,var(--uds-bottomsheet-visible-translate),0)]",
1434
+ "transition-transform",
1435
+ "duration-500",
1436
+ "ease-[cubic-bezier(0.32,0.72,0,1)]",
1437
+ "motion-reduce:transition-none",
1438
+ "top-[-4px]",
1439
+ "z-[1]",
1440
+ "touch-pan-y"
1441
+ ],
1769
1442
  "internalComponents": [
1770
- "ChipDismissible",
1771
- "ChipToggle",
1772
- "ChipLink",
1773
- "ChipButton"
1443
+ "Scrim",
1444
+ "BottomSheetHandle",
1445
+ "Dialog",
1446
+ "Box",
1447
+ "BottomSheetInternalContext.Provider"
1774
1448
  ],
1449
+ "internalComponentProps": {
1450
+ "BottomSheetHandle": { "ariaLabel": ["Resize sheet"] },
1451
+ "Dialog": { "data-testid": ["bottom-sheet"] },
1452
+ "Box": {
1453
+ "display": ["block", "flex"],
1454
+ "position": ["absolute"],
1455
+ "flexDirection": ["column"],
1456
+ "className": ["absolute inset-0 min-h-0 p-[inherit]"]
1457
+ }
1458
+ },
1459
+ "propToVariantKeys": { "variant": ["bottomsheetVariantRoot"] },
1460
+ "motionVarPrefixes": []
1461
+ };
1462
+ var BottomSheetContent = {
1463
+ "name": "BottomSheetContent",
1464
+ "defaultProps": {},
1465
+ "getStylesLiterals": {},
1466
+ "cxLiterals": ["min-h-0", "touch-pan-y"],
1467
+ "internalComponents": ["Box", "VStack"],
1468
+ "internalComponentProps": {
1469
+ "Box": {
1470
+ "display": ["block"],
1471
+ "flex": ["1"]
1472
+ },
1473
+ "VStack": { "className": ["pb-[calc(env(safe-area-inset-bottom))]"] }
1474
+ },
1475
+ "propToVariantKeys": {},
1476
+ "motionVarPrefixes": []
1477
+ };
1478
+ var BottomSheetDismiss = {
1479
+ "name": "BottomSheetDismiss",
1480
+ "defaultProps": {},
1481
+ "getStylesLiterals": {},
1482
+ "cxLiterals": [],
1483
+ "internalComponents": ["AriakitDialogDismiss"],
1775
1484
  "internalComponentProps": {},
1776
1485
  "propToVariantKeys": {},
1777
1486
  "motionVarPrefixes": []
1778
1487
  };
1779
- var ChipBase = {
1780
- "name": "ChipBase",
1781
- "defaultProps": {
1782
- "size": "md",
1783
- "as": "div"
1784
- },
1488
+ var BottomSheetHandle = {
1489
+ "name": "BottomSheetHandle",
1490
+ "defaultProps": { "variant": "default" },
1785
1491
  "getStylesLiterals": {},
1786
1492
  "cxLiterals": [
1787
- "pointer-events-none",
1788
- "cursor-default",
1789
- "opacity-50",
1790
- "inline-flex",
1791
- "items-center",
1792
- "transition-[background-color,outline-color,box-shadow]",
1793
- "truncate",
1794
- "whitespace-nowrap",
1795
- "text-center",
1796
- "flex-1"
1797
- ],
1798
- "internalComponents": [
1799
- "IconSlot",
1800
- "HStack",
1801
- "As",
1802
- "Text"
1493
+ "relative",
1494
+ "h-5",
1495
+ "w-16",
1496
+ "outline-none",
1497
+ "focus-visible:outline-none",
1498
+ "[touch-action:pan-y]",
1499
+ "absolute",
1500
+ "left-1/2",
1501
+ "top-1/2",
1502
+ "-translate-x-1/2",
1503
+ "-translate-y-1/2",
1504
+ "h-1",
1505
+ "w-8",
1506
+ "rounded-full"
1803
1507
  ],
1804
- "internalComponentProps": { "Text": {
1805
- "as": ["span"],
1806
- "color": ["current"],
1807
- "variant": ["inherit"]
1508
+ "internalComponents": ["Box"],
1509
+ "internalComponentProps": { "Box": {
1510
+ "display": ["block", "flex"],
1511
+ "justifyContent": ["center"]
1808
1512
  } },
1809
- "propToVariantKeys": {
1810
- "size": ["chipSizeRoot", "chipSizeIcon"],
1811
- "startIcon": ["icon"],
1812
- "endIcon": ["icon"]
1513
+ "propToVariantKeys": { "variant": ["bottomsheetVariantHandleIndicator"] },
1514
+ "motionVarPrefixes": []
1515
+ };
1516
+ var BottomSheetHeader = {
1517
+ "name": "BottomSheetHeader",
1518
+ "defaultProps": { "variant": "default" },
1519
+ "getStylesLiterals": {},
1520
+ "cxLiterals": [
1521
+ "grid-cols-[40px_1fr_40px]",
1522
+ "items-center",
1523
+ "w-full",
1524
+ "min-h-10",
1525
+ "mt-2"
1526
+ ],
1527
+ "internalComponents": ["Box", "Text"],
1528
+ "internalComponentProps": {
1529
+ "Box": {
1530
+ "className": ["h-10 w-10 opacity-0 pointer-events-none"],
1531
+ "display": ["grid", "flex"],
1532
+ "justifyContent": ["flex-start", "flex-end"]
1533
+ },
1534
+ "Text": {
1535
+ "variant": ["inherit"],
1536
+ "color": ["inherit"],
1537
+ "textAlign": ["center"],
1538
+ "className": ["w-full"]
1539
+ }
1813
1540
  },
1541
+ "propToVariantKeys": { "variant": ["bottomsheetVariantHeader"] },
1814
1542
  "motionVarPrefixes": []
1815
1543
  };
1816
- var ChipButton = {
1817
- "name": "ChipButton",
1818
- "defaultProps": { "variant": "primary" },
1544
+ var BottomSheetInternalContext = {
1545
+ "name": "BottomSheetInternalContext",
1546
+ "defaultProps": {},
1819
1547
  "getStylesLiterals": {},
1820
- "cxLiterals": ["uds-ring"],
1821
- "internalComponents": ["ChipBase"],
1822
- "internalComponentProps": { "ChipBase": { "as": ["button"] } },
1823
- "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
1548
+ "cxLiterals": [],
1549
+ "internalComponents": [],
1550
+ "internalComponentProps": {},
1551
+ "propToVariantKeys": {},
1824
1552
  "motionVarPrefixes": []
1825
1553
  };
1826
- var Menu_Item = {
1827
- "name": "Menu.Item",
1554
+ var BottomSheetProvider = {
1555
+ "name": "BottomSheetProvider",
1828
1556
  "defaultProps": {},
1829
- "getStylesLiterals": {
1830
- "menuitemItemVariantRoot": "default",
1831
- "menuitemItemVariantActiveRoot": "on",
1832
- "menuitemItemVariantActiveRoot:1": "off",
1833
- "menuitemItemVariantText": "default",
1834
- "menuitemItemVariantActiveText": "on",
1835
- "menuitemItemVariantActiveText:1": "off",
1836
- "menuitemItemVariantIcon": "default",
1837
- "menuitemItemVariantActiveIcon": "on",
1838
- "menuitemItemVariantActiveIcon:1": "off"
1839
- },
1557
+ "getStylesLiterals": {},
1840
1558
  "cxLiterals": [],
1841
- "internalComponents": ["MenuItemBase"],
1559
+ "internalComponents": ["AriakitDialogProvider"],
1842
1560
  "internalComponentProps": {},
1843
1561
  "propToVariantKeys": {},
1844
1562
  "motionVarPrefixes": []
1845
1563
  };
1846
- var Menu_Provider = {
1847
- "name": "Menu.Provider",
1564
+ var BottomSheetTrigger = {
1565
+ "name": "BottomSheetTrigger",
1848
1566
  "defaultProps": {},
1849
1567
  "getStylesLiterals": {},
1850
1568
  "cxLiterals": [],
1851
- "internalComponents": ["AriakitMenuProvider", "SpringMotionConfig"],
1569
+ "internalComponents": ["AriakitDialogDisclosure"],
1852
1570
  "internalComponentProps": {},
1853
1571
  "propToVariantKeys": {},
1854
- "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
1572
+ "motionVarPrefixes": []
1855
1573
  };
1856
- var Menu_ItemBase = {
1857
- "name": "Menu.ItemBase",
1858
- "defaultProps": {
1859
- "spacing": "0",
1860
- "spacingHorizontal": "4",
1861
- "spacingVertical": "3.5",
1862
- "columnGap": "2",
1863
- "alignItems": "center",
1864
- "justifyContent": "space-between"
1865
- },
1866
- "getStylesLiterals": {
1867
- "textAlign": "start",
1868
- "menuitemSizeRoot": "default",
1869
- "flexDirection": "row",
1870
- "menuitemSizeStartIcon": "default",
1871
- "menuitemSizeEndIcon": "default"
1574
+ var UDSBottomSheetConfigProvider = {
1575
+ "name": "UDSBottomSheetConfigProvider",
1576
+ "defaultProps": {},
1577
+ "getStylesLiterals": {},
1578
+ "cxLiterals": [],
1579
+ "internalComponents": ["BottomSheetContext.Provider"],
1580
+ "internalComponentProps": {},
1581
+ "propToVariantKeys": {},
1582
+ "motionVarPrefixes": []
1583
+ };
1584
+ var Tooltip = {
1585
+ "name": "Tooltip",
1586
+ "defaultProps": {},
1587
+ "getStylesLiterals": {},
1588
+ "cxLiterals": [],
1589
+ "internalComponents": ["TooltipInternalContext.Provider", "TooltipProvider"],
1590
+ "internalComponentProps": {},
1591
+ "propToVariantKeys": {},
1592
+ "motionVarPrefixes": []
1593
+ };
1594
+ var TooltipContent = {
1595
+ "name": "TooltipContent",
1596
+ "defaultProps": {},
1597
+ "getStylesLiterals": {
1598
+ "tooltipSizeRoot": "default",
1599
+ "tooltipVariantRoot": "default",
1600
+ "tooltipSizeSvg": "default",
1601
+ "tooltipVariantSvg": "default",
1602
+ "tooltipVariantBlur": "default",
1603
+ "position": "absolute",
1604
+ "width": "full",
1605
+ "height": "full",
1606
+ "tooltipSizeTitle": "default",
1607
+ "tooltipSizeBody": "default",
1608
+ "tooltipSizeEndContent": "default",
1609
+ "tooltipSizeIcon": "default",
1610
+ "tooltipVariantIcon": "default"
1872
1611
  },
1873
1612
  "cxLiterals": [
1613
+ "max-w-lg",
1874
1614
  "flex",
1875
- "focus-visible:text-brand",
1876
- "focus-visible:bg-brand-secondary",
1877
- "focus-visible:z-10",
1878
- "uds-ring",
1879
- "!-outline-offset-2",
1880
- "[&:not([aria-checked])]:cursor-default",
1881
- "opacity-25",
1882
- "cursor-not-allowed",
1883
- "duration-20",
1884
- "transition-[font-variation-settings]",
1885
- "ease-in-out",
1886
- "z-0",
1887
- "uds-start-icon",
1888
- "uds-end-icon"
1615
+ "z-[9999]",
1616
+ "uds-bgBlurFillFallback",
1617
+ "uds-bgBlurFallback",
1618
+ "top-0",
1619
+ "left-0",
1620
+ "z-[1]"
1889
1621
  ],
1890
1622
  "internalComponents": [
1891
- "Pressable",
1892
1623
  "IconSlot",
1893
- "RootComponent",
1624
+ "TooltipArrow",
1625
+ "Tooltip",
1626
+ "SvgFloatingOverlay",
1627
+ "VStack",
1628
+ "Box",
1629
+ "Text"
1630
+ ],
1631
+ "internalComponentProps": {
1632
+ "VStack": { "className": ["gap-[inherit]"] },
1633
+ "Box": {
1634
+ "alignItems": ["center"],
1635
+ "columnGap": ["1", "1.5"]
1636
+ },
1637
+ "Text": { "color": ["inherit"] }
1638
+ },
1639
+ "propToVariantKeys": { "startTitleIcon": ["icon"] },
1640
+ "motionVarPrefixes": []
1641
+ };
1642
+ var TooltipTrigger = {
1643
+ "name": "TooltipTrigger",
1644
+ "defaultProps": {},
1645
+ "getStylesLiterals": {},
1646
+ "cxLiterals": [],
1647
+ "internalComponents": ["TooltipAnchor"],
1648
+ "internalComponentProps": { "TooltipAnchor": { "className": ["inline"] } },
1649
+ "propToVariantKeys": { "children": ["render"] },
1650
+ "motionVarPrefixes": []
1651
+ };
1652
+ var UDSTooltipConfigProvider = {
1653
+ "name": "UDSTooltipConfigProvider",
1654
+ "defaultProps": {},
1655
+ "getStylesLiterals": {},
1656
+ "cxLiterals": [],
1657
+ "internalComponents": ["TooltipContext.Provider"],
1658
+ "internalComponentProps": {},
1659
+ "propToVariantKeys": {},
1660
+ "motionVarPrefixes": []
1661
+ };
1662
+ var Accordion = {
1663
+ "name": "Accordion",
1664
+ "defaultProps": {
1665
+ "spacingHorizontal": "4",
1666
+ "spacingVertical": "4"
1667
+ },
1668
+ "getStylesLiterals": {},
1669
+ "cxLiterals": ["hover:bg-secondary/80", "w-full"],
1670
+ "internalComponents": [
1671
+ "Icon",
1672
+ "SpringMotionConfig",
1673
+ "Pressable",
1674
+ "Text",
1894
1675
  "HStack",
1895
- "AnimatePresence"
1676
+ "AnimatePresence",
1677
+ "VStack"
1896
1678
  ],
1897
1679
  "internalComponentProps": {
1680
+ "Icon": {
1681
+ "variant": ["fill"],
1682
+ "size": ["sm"],
1683
+ "color": ["primary"]
1684
+ },
1685
+ "SpringMotionConfig": {
1686
+ "layoutVariant": ["smooth"],
1687
+ "layoutSpeed": ["3"]
1688
+ },
1689
+ "Pressable": {
1690
+ "display": ["flex"],
1691
+ "flexDirection": ["row"],
1692
+ "alignItems": ["center"],
1693
+ "justifyContent": ["space-between"],
1694
+ "borderRadius": ["md"]
1695
+ },
1696
+ "Text": {
1697
+ "variant": ["title4"],
1698
+ "color": ["primary"]
1699
+ },
1898
1700
  "HStack": {
1701
+ "display": ["flex"],
1899
1702
  "alignItems": ["center"],
1900
- "width": ["full"]
1703
+ "justifyContent": ["space-between"],
1704
+ "columnGap": ["2.5"]
1705
+ }
1706
+ },
1707
+ "propToVariantKeys": {},
1708
+ "motionVarPrefixes": ["--uds-motion-smooth-3-"]
1709
+ };
1710
+ var AvoidMotionLibraryProvider = {
1711
+ "name": "AvoidMotionLibraryProvider",
1712
+ "defaultProps": {},
1713
+ "getStylesLiterals": {},
1714
+ "cxLiterals": [],
1715
+ "internalComponents": [],
1716
+ "internalComponentProps": {},
1717
+ "propToVariantKeys": {},
1718
+ "motionVarPrefixes": []
1719
+ };
1720
+ var ExperimentalPopover = {
1721
+ "name": "ExperimentalPopover",
1722
+ "defaultProps": {},
1723
+ "getStylesLiterals": {},
1724
+ "cxLiterals": [],
1725
+ "internalComponents": [
1726
+ "HStack",
1727
+ "Text",
1728
+ "ExperimentalPopoverHeadingBase"
1729
+ ],
1730
+ "internalComponentProps": { "Text": {
1731
+ "variant": ["headline1"],
1732
+ "color": ["primary"]
1733
+ } },
1734
+ "propToVariantKeys": {},
1735
+ "motionVarPrefixes": []
1736
+ };
1737
+ var Modal = {
1738
+ "name": "Modal",
1739
+ "defaultProps": {},
1740
+ "getStylesLiterals": {},
1741
+ "cxLiterals": [
1742
+ "inset-8",
1743
+ "top-[250px]",
1744
+ "z-50",
1745
+ "mx-auto",
1746
+ "h-fit",
1747
+ "w-[600px]",
1748
+ "origin-center",
1749
+ "scale-95",
1750
+ "opacity-0",
1751
+ "transition",
1752
+ "duration-150",
1753
+ "data-[enter]:scale-100",
1754
+ "data-[enter]:opacity-100",
1755
+ "data-[enter]:bg-primary",
1756
+ "backdrop-blur-0",
1757
+ "data-[enter]:opacity-60",
1758
+ "data-[enter]:backdrop-blur-sm"
1759
+ ],
1760
+ "internalComponents": [
1761
+ "IconButton",
1762
+ "Dialog",
1763
+ "HStack",
1764
+ "Text",
1765
+ "VStack"
1766
+ ],
1767
+ "internalComponentProps": {
1768
+ "IconButton": {
1769
+ "aria-label": ["Close"],
1770
+ "size": ["sm"],
1771
+ "variant": ["tertiary"]
1901
1772
  },
1902
- "AnimatePresence": { "mode": ["popLayout"] }
1773
+ "HStack": {
1774
+ "alignItems": ["center"],
1775
+ "justifyContent": ["space-between"]
1776
+ },
1777
+ "Text": {
1778
+ "variant": ["headline1"],
1779
+ "color": ["primary"]
1780
+ },
1781
+ "VStack": {
1782
+ "borderRadius": ["md"],
1783
+ "position": ["fixed"],
1784
+ "backgroundColor": ["primary"],
1785
+ "dropShadow": ["md"],
1786
+ "spacing": ["8"],
1787
+ "overflow": ["hidden"]
1788
+ }
1789
+ },
1790
+ "propToVariantKeys": { "handleClose": ["onClick"] },
1791
+ "motionVarPrefixes": []
1792
+ };
1793
+ var SegmentedControl = {
1794
+ "name": "SegmentedControl",
1795
+ "defaultProps": {},
1796
+ "getStylesLiterals": {
1797
+ "display": "flex",
1798
+ "alignItems": "center",
1799
+ "backgroundColor": "primary",
1800
+ "spacingVertical": "1",
1801
+ "spacingHorizontal": "3",
1802
+ "columnGap": "1.5",
1803
+ "borderWidth": "thin",
1804
+ "borderRadius": "full",
1805
+ "borderColor": "muted",
1806
+ "borderColor:1": "transparent",
1807
+ "color": "primary",
1808
+ "color:1": "tertiary",
1809
+ "color:2": "muted"
1810
+ },
1811
+ "cxLiterals": [
1812
+ "uds-ring",
1813
+ "cursor-not-allowed",
1814
+ "opacity-50",
1815
+ "pointer-events-none",
1816
+ "hover:bg-primary"
1817
+ ],
1818
+ "internalComponents": [
1819
+ "Radio",
1820
+ "Icon",
1821
+ "RadioProvider",
1822
+ "HStack",
1823
+ "RadioGroup",
1824
+ "Pressable",
1825
+ "Text"
1826
+ ],
1827
+ "internalComponentProps": {
1828
+ "Icon": {
1829
+ "size": ["sm"],
1830
+ "color": ["current"],
1831
+ "aria-hidden": ["true"]
1832
+ },
1833
+ "HStack": {
1834
+ "spacing": ["1"],
1835
+ "gap": ["1"],
1836
+ "backgroundColor": ["secondary"],
1837
+ "borderRadius": ["full"],
1838
+ "display": ["inline-flex"]
1839
+ },
1840
+ "Text": {
1841
+ "variant": ["label2"],
1842
+ "color": ["current"]
1843
+ }
1844
+ },
1845
+ "propToVariantKeys": {
1846
+ "value": ["key"],
1847
+ "label": ["aria-label"]
1848
+ },
1849
+ "motionVarPrefixes": []
1850
+ };
1851
+ var SwitchV2 = {
1852
+ "name": "SwitchV2",
1853
+ "defaultProps": {
1854
+ "labelPosition": "start",
1855
+ "size": "md"
1856
+ },
1857
+ "getStylesLiterals": {
1858
+ "switchVariantRoot": "default",
1859
+ "switchVariantActiveRoot": "on",
1860
+ "switchVariantActiveRoot:1": "off",
1861
+ "switchVariantSwitch": "default",
1862
+ "switchVariantActiveSwitch": "on",
1863
+ "switchVariantActiveSwitch:1": "off",
1864
+ "switchVariantActiveHandle": "on",
1865
+ "switchVariantActiveHandle:1": "off",
1866
+ "switchVariantHandle": "default",
1867
+ "switchVariantHandleIcon": "default",
1868
+ "switchVariantActiveHandleIcon": "on",
1869
+ "switchVariantActiveHandleIcon:1": "off"
1870
+ },
1871
+ "cxLiterals": [
1872
+ "group",
1873
+ "flex",
1874
+ "items-center",
1875
+ "flex-row",
1876
+ "flex-row-reverse",
1877
+ "uds-ring",
1878
+ "uds-ring-within",
1879
+ "relative",
1880
+ "uds-border-radius-full",
1881
+ "transition-[background-color,box-shadow]",
1882
+ "pointer-events-none",
1883
+ "w-full",
1884
+ "h-full",
1885
+ "absolute",
1886
+ "top-0",
1887
+ "bottom-0",
1888
+ "right-0",
1889
+ "left-0",
1890
+ "overflow-hidden",
1891
+ "group-hover:scale-105",
1892
+ "opacity-95",
1893
+ "group-hover:opacity-100",
1894
+ "transition-[transform,opacity]",
1895
+ "opacity-0",
1896
+ "top-1/2",
1897
+ "left-1/2",
1898
+ "transform",
1899
+ "translate-x-[-50%]",
1900
+ "translate-y-[-50%]",
1901
+ "transition-opacity",
1902
+ "cursor-[inherit]",
1903
+ "w-[calc(100%+2px)]",
1904
+ "h-[calc(100%+2px)]",
1905
+ "text-start",
1906
+ "text-end",
1907
+ "opacity-100"
1908
+ ],
1909
+ "internalComponents": [
1910
+ "IconSlot",
1911
+ "Box",
1912
+ "FormLabel",
1913
+ "SpringMotionConfig",
1914
+ "RootElement",
1915
+ "MotionBox"
1916
+ ],
1917
+ "internalComponentProps": {
1918
+ "IconSlot": { "data-testid": ["on-icon", "off-icon"] },
1919
+ "FormLabel": {
1920
+ "as": ["div"],
1921
+ "variant": ["inherit"],
1922
+ "color": ["inherit"]
1923
+ },
1924
+ "SpringMotionConfig": {
1925
+ "layoutVariant": ["bouncy"],
1926
+ "layoutSpeed": ["4"]
1927
+ },
1928
+ "RootElement": { "data-testid": ["switch-root"] },
1929
+ "MotionBox": { "layout": ["position"] }
1903
1930
  },
1904
1931
  "propToVariantKeys": {
1905
- "startIcon": ["icon"],
1906
- "endIcon": ["icon"],
1907
- "columnGap": ["gap"]
1932
+ "size": [
1933
+ "switchSizeRoot",
1934
+ "switchSizeSwitch",
1935
+ "switchSizeHandle",
1936
+ "switchSizeHandleIcon"
1937
+ ],
1938
+ "onIcon": ["icon"],
1939
+ "offIcon": ["icon"],
1940
+ "reduceMotion": ["reducedMotion"],
1941
+ "isOn": ["layoutDependency"]
1908
1942
  },
1909
- "motionVarPrefixes": []
1910
- };
1911
- var Menu_Trigger = {
1912
- "name": "Menu.Trigger",
1913
- "defaultProps": {},
1914
- "getStylesLiterals": {},
1915
- "cxLiterals": ["uds-menu-trigger"],
1916
- "internalComponents": ["AriakitMenuTrigger", "Box"],
1917
- "internalComponentProps": { "Box": { "className": ["uds-ring h-fit w-fit"] } },
1918
- "propToVariantKeys": {},
1919
- "motionVarPrefixes": []
1943
+ "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
1920
1944
  };
1921
- var Menu_index = {
1922
- "name": "Menu.index",
1945
+ var Tabs = {
1946
+ "name": "Tabs",
1923
1947
  "defaultProps": {},
1924
- "getStylesLiterals": {},
1925
- "cxLiterals": [],
1926
- "internalComponents": [],
1927
- "internalComponentProps": {},
1928
- "propToVariantKeys": {},
1929
- "motionVarPrefixes": []
1930
- };
1931
- var Menu_Content = {
1932
- "name": "Menu.Content",
1933
- "defaultProps": {
1934
- "size": "default",
1935
- "variant": "default",
1936
- "gutter": "1"
1948
+ "getStylesLiterals": {
1949
+ "display": "flex",
1950
+ "flexDirection": "row",
1951
+ "columnGap": "6"
1937
1952
  },
1938
- "getStylesLiterals": {},
1939
1953
  "cxLiterals": [
1940
- "uds-menu-content",
1941
- "transition-shadow",
1942
- "duration-200",
1943
- "ease-in-out",
1944
- "min-w-60",
1945
- "max-w-lg",
1946
- "max-h-96",
1947
- "overflow-auto",
1948
- "uds-ring",
1949
- "z-10",
1950
- "group"
1954
+ "text-tertiary",
1955
+ "border-b-transparent",
1956
+ "aria-selected:border-b-brand",
1957
+ "aria-selected:text-secondary"
1951
1958
  ],
1952
1959
  "internalComponents": [
1953
- "AriakitMenu",
1954
- "AnimatePresence",
1955
- "MotionVStack"
1960
+ "TabProvider",
1961
+ "OriginalTabList",
1962
+ "OriginalTab",
1963
+ "Icon",
1964
+ "OriginalTabPanel",
1965
+ "Pressable",
1966
+ "Comp",
1967
+ "Text"
1956
1968
  ],
1957
- "internalComponentProps": {},
1958
- "propToVariantKeys": {
1959
- "size": ["menucontentSizeRoot"],
1960
- "variant": ["menucontentVariantRoot"]
1961
- },
1962
- "motionVarPrefixes": []
1963
- };
1964
- var Menu_Divider = {
1965
- "name": "Menu.Divider",
1966
- "defaultProps": {
1967
- "role": "separator",
1968
- "contentPosition": "start",
1969
- "gap": "4"
1970
- },
1971
- "getStylesLiterals": {
1972
- "menuitemDividerVariantRoot": "default",
1973
- "menuitemDividerVariantText": "default",
1974
- "menuitemDividerVariantLine": "default"
1969
+ "internalComponentProps": {
1970
+ "Icon": {
1971
+ "className": ["text-current"],
1972
+ "size": ["md"]
1973
+ },
1974
+ "Pressable": {
1975
+ "borderBottomWidth": ["medium"],
1976
+ "spacingBottom": ["1"],
1977
+ "spacingTop": ["4"]
1978
+ },
1979
+ "Text": {
1980
+ "className": ["text-current"],
1981
+ "variant": ["headline1"],
1982
+ "as": ["span"]
1983
+ }
1975
1984
  },
1976
- "cxLiterals": [],
1977
- "internalComponents": ["DividerInternal"],
1978
- "internalComponentProps": { "DividerInternal": { "variant": ["inherit"] } },
1979
1985
  "propToVariantKeys": {},
1980
1986
  "motionVarPrefixes": []
1981
1987
  };
1982
- var Menu = {
1983
- "name": "Menu",
1988
+ var UDSBreakpointsConfigProvider = {
1989
+ "name": "UDSBreakpointsConfigProvider",
1984
1990
  "defaultProps": {},
1985
1991
  "getStylesLiterals": {},
1986
1992
  "cxLiterals": [],
1987
- "internalComponents": [],
1993
+ "internalComponents": ["UDSBreakpointsConfigContext.Provider"],
1988
1994
  "internalComponentProps": {},
1989
1995
  "propToVariantKeys": {},
1990
1996
  "motionVarPrefixes": []
1991
1997
  };
1992
- var Menu_ItemCheckbox = {
1993
- "name": "Menu.ItemCheckbox",
1998
+ var UDSConfigProvider = {
1999
+ "name": "UDSConfigProvider",
1994
2000
  "defaultProps": {},
1995
- "getStylesLiterals": {
1996
- "menuitemItemCheckboxVariantRoot": "default",
1997
- "menuitemItemCheckboxVariantActiveRoot": "on",
1998
- "menuitemItemCheckboxVariantActiveRoot:1": "off",
1999
- "menuitemItemCheckboxVariantText": "default",
2000
- "menuitemItemCheckboxVariantActiveText": "on",
2001
- "menuitemItemCheckboxVariantActiveText:1": "off",
2002
- "menuitemItemCheckboxVariantStartIcon": "default",
2003
- "menuitemItemCheckboxVariantActiveStartIcon": "on",
2004
- "menuitemItemCheckboxVariantActiveStartIcon:1": "off",
2005
- "menuitemItemCheckboxVariantEndIcon": "default",
2006
- "menuitemItemCheckboxVariantActiveEndIcon": "on",
2007
- "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
2008
- },
2009
- "cxLiterals": ["uds-menu-item-checkbox"],
2010
- "internalComponents": ["MenuItemBase"],
2001
+ "getStylesLiterals": {},
2002
+ "cxLiterals": [],
2003
+ "internalComponents": [
2004
+ "UDSBreakpointsConfigProvider",
2005
+ "UDSBottomSheetConfigProvider",
2006
+ "UDSToastConfigProvider",
2007
+ "UDSTooltipConfigProvider",
2008
+ "UDSPopoverConfigProvider"
2009
+ ],
2011
2010
  "internalComponentProps": {},
2012
2011
  "propToVariantKeys": {},
2013
2012
  "motionVarPrefixes": []
2014
2013
  };
2015
2014
  var componentData_default = {
2016
- Link,
2017
- VStack,
2018
2015
  Box,
2019
- Scrim,
2020
- Icon,
2021
- SvgFloatingOverlay,
2022
2016
  FormLabel,
2023
- Text,
2024
- IconSlot,
2025
2017
  HStack,
2018
+ Icon,
2019
+ IconSlot,
2026
2020
  Image,
2027
- "Table.mocks": Table_mocks,
2028
- Table,
2029
- Spinner,
2021
+ Link,
2022
+ Scrim,
2023
+ SvgFloatingOverlay,
2024
+ Text,
2025
+ VStack,
2026
+ Divider,
2030
2027
  DividerCore,
2031
2028
  DividerInternal,
2032
- Divider,
2029
+ AnimateHeightChange,
2030
+ Badge,
2033
2031
  Button,
2034
2032
  Checkbox,
2035
- SpringMotionConfig,
2036
2033
  IconButton,
2037
- Switch,
2038
- Badge,
2039
- AnimateHeightChange,
2040
2034
  Pressable,
2041
- ExperimentalPopover,
2042
- AvoidMotionLibraryProvider,
2043
- SegmentedControl,
2044
- SwitchV2,
2045
- Tabs,
2046
- Modal,
2047
- Accordion,
2048
- AvatarImage,
2049
- AvatarText,
2035
+ SpringMotionConfig,
2036
+ Switch,
2037
+ Spinner,
2038
+ "Table.mocks": Table_mocks,
2039
+ Table,
2050
2040
  Avatar,
2051
2041
  AvatarIcon,
2052
- UDSPopoverConfigProvider,
2042
+ AvatarImage,
2043
+ AvatarText,
2044
+ Toast,
2045
+ ToastContainer,
2046
+ ToastPortal,
2047
+ UDSToastConfigProvider,
2048
+ Radio,
2049
+ RadioGroupProvider,
2050
+ RadioGroupStore,
2053
2051
  Popover,
2052
+ PopoverContent,
2054
2053
  PopoverContext,
2055
2054
  PopoverTrigger,
2056
- PopoverContent,
2055
+ UDSPopoverConfigProvider,
2056
+ "Menu.Content": Menu_Content,
2057
+ "Menu.Divider": Menu_Divider,
2058
+ "Menu.Item": Menu_Item,
2059
+ "Menu.ItemBase": Menu_ItemBase,
2060
+ "Menu.ItemCheckbox": Menu_ItemCheckbox,
2061
+ "Menu.Provider": Menu_Provider,
2062
+ "Menu.Trigger": Menu_Trigger,
2063
+ "Menu.index": Menu_index,
2064
+ Menu,
2065
+ Input,
2066
+ InputHelpText,
2067
+ InputHelpTextInternal,
2068
+ Chip,
2069
+ ChipBase,
2070
+ ChipButton,
2071
+ ChipDismissible,
2072
+ ChipLink,
2073
+ ChipToggle,
2074
+ BottomSheet,
2057
2075
  BottomSheetContent,
2058
2076
  BottomSheetDismiss,
2059
- BottomSheet,
2060
2077
  BottomSheetHandle,
2061
- BottomSheetInternalContext,
2062
2078
  BottomSheetHeader,
2063
- BottomSheetTrigger,
2079
+ BottomSheetInternalContext,
2064
2080
  BottomSheetProvider,
2081
+ BottomSheetTrigger,
2065
2082
  UDSBottomSheetConfigProvider,
2066
- UDSToastConfigProvider,
2067
- Toast,
2068
- ToastContainer,
2069
- ToastPortal,
2070
- RadioGroupStore,
2071
- RadioGroupProvider,
2072
- Radio,
2073
- UDSTooltipConfigProvider,
2074
- TooltipTrigger,
2075
- TooltipContent,
2076
2083
  Tooltip,
2077
- Input,
2078
- InputHelpText,
2079
- InputHelpTextInternal,
2080
- UDSConfigProvider,
2084
+ TooltipContent,
2085
+ TooltipTrigger,
2086
+ UDSTooltipConfigProvider,
2087
+ Accordion,
2088
+ AvoidMotionLibraryProvider,
2089
+ ExperimentalPopover,
2090
+ Modal,
2091
+ SegmentedControl,
2092
+ SwitchV2,
2093
+ Tabs,
2081
2094
  UDSBreakpointsConfigProvider,
2082
- ChipLink,
2083
- ChipDismissible,
2084
- ChipToggle,
2085
- Chip,
2086
- ChipBase,
2087
- ChipButton,
2088
- "Menu.Item": Menu_Item,
2089
- "Menu.Provider": Menu_Provider,
2090
- "Menu.ItemBase": Menu_ItemBase,
2091
- "Menu.Trigger": Menu_Trigger,
2092
- "Menu.index": Menu_index,
2093
- "Menu.Content": Menu_Content,
2094
- "Menu.Divider": Menu_Divider,
2095
- Menu,
2096
- "Menu.ItemCheckbox": Menu_ItemCheckbox
2095
+ UDSConfigProvider
2097
2096
  };
2098
2097
 
2099
2098
  //#endregion