@yahoo/uds 3.118.0 → 3.119.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 (13) hide show
  1. package/dist/cli/commands/sync.cjs +20 -10
  2. package/dist/cli/commands/sync.d.cts +3 -1
  3. package/dist/cli/commands/sync.d.ts +3 -1
  4. package/dist/cli/commands/sync.js +19 -11
  5. package/dist/cli/commands/version.js +2 -2
  6. package/dist/components/client/Toast/UDSToastConfigProvider.d.cts +1 -1
  7. package/dist/components/client/Toast/UDSToastConfigProvider.d.ts +1 -1
  8. package/dist/styles/styler.d.cts +8 -8
  9. package/dist/styles/styler.d.ts +8 -8
  10. package/dist/uds/generated/componentData.cjs +1252 -1252
  11. package/dist/uds/generated/componentData.js +1252 -1252
  12. package/generated/componentData.json +1675 -1675
  13. package/package.json +1 -1
package/dist/uds/generated/componentData.js CHANGED
@@ -1,85 +1,5 @@
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
- };
83
3
  var Link = {
84
4
  "name": "Link",
85
5
  "defaultProps": { "variant": "primary" },
@@ -115,6 +35,34 @@ var Link = {
115
35
  },
116
36
  "motionVarPrefixes": []
117
37
  };
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
+ };
118
66
  var Scrim = {
119
67
  "name": "Scrim",
120
68
  "defaultProps": {
@@ -139,6 +87,20 @@ var Scrim = {
139
87
  "propToVariantKeys": { "variant": ["scrimVariantRoot"] },
140
88
  "motionVarPrefixes": []
141
89
  };
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
+ };
142
104
  var SvgFloatingOverlay = {
143
105
  "name": "SvgFloatingOverlay",
144
106
  "defaultProps": {},
@@ -167,6 +129,24 @@ var SvgFloatingOverlay = {
167
129
  "propToVariantKeys": { "blurClassName": ["className"] },
168
130
  "motionVarPrefixes": []
169
131
  };
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
+ };
170
150
  var Text = {
171
151
  "name": "Text",
172
152
  "defaultProps": {
@@ -187,26 +167,95 @@ var Text = {
187
167
  ] },
188
168
  "motionVarPrefixes": []
189
169
  };
190
- var VStack = {
191
- "name": "VStack",
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",
192
182
  "defaultProps": {},
193
183
  "getStylesLiterals": {},
194
184
  "cxLiterals": [],
195
185
  "internalComponents": ["Box"],
196
- "internalComponentProps": { "Box": { "flexDirection": ["column"] } },
197
- "propToVariantKeys": { "gap": ["columnGap", "rowGap"] },
186
+ "internalComponentProps": { "Box": { "flexDirection": ["row"] } },
187
+ "propToVariantKeys": { "gap": ["rowGap", "columnGap"] },
198
188
  "motionVarPrefixes": []
199
189
  };
200
- var Divider = {
201
- "name": "Divider",
190
+ var Image = {
191
+ "name": "Image",
202
192
  "defaultProps": {},
203
193
  "getStylesLiterals": {},
204
194
  "cxLiterals": [],
205
- "internalComponents": ["DividerInternal"],
195
+ "internalComponents": [],
196
+ "internalComponentProps": {},
197
+ "propToVariantKeys": {},
198
+ "motionVarPrefixes": []
199
+ };
200
+ var Table_mocks = {
201
+ "name": "Table.mocks",
202
+ "defaultProps": {},
203
+ "getStylesLiterals": {},
204
+ "cxLiterals": [],
205
+ "internalComponents": [],
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
+ };
210
259
  var DividerCore = {
211
260
  "name": "DividerCore",
212
261
  "defaultProps": { "contentPosition": "center" },
@@ -250,57 +299,27 @@ var DividerInternal = {
250
299
  ] },
251
300
  "motionVarPrefixes": []
252
301
  };
253
- var AnimateHeightChange = {
254
- "name": "AnimateHeightChange",
302
+ var Divider = {
303
+ "name": "Divider",
255
304
  "defaultProps": {},
256
305
  "getStylesLiterals": {},
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-"]
306
+ "cxLiterals": [],
307
+ "internalComponents": ["DividerInternal"],
308
+ "internalComponentProps": {},
309
+ "propToVariantKeys": {},
310
+ "motionVarPrefixes": []
262
311
  };
263
- var Badge = {
264
- "name": "Badge",
265
- "defaultProps": {
266
- "variant": "primary",
267
- "size": "md"
268
- },
312
+ var Button = {
313
+ "name": "Button",
314
+ "defaultProps": { "type": "button" },
269
315
  "getStylesLiterals": {},
270
316
  "cxLiterals": [
271
- "flex-1",
272
- "truncate",
273
- "whitespace-nowrap",
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",
317
+ "uds-ring",
318
+ "uds-hit-target",
319
+ "inline-flex",
320
+ "overflow-hidden",
321
+ "justify-center",
322
+ "items-center",
304
323
  "whitespace-nowrap",
305
324
  "select-none",
306
325
  "[transform-origin:center]",
@@ -414,6 +433,16 @@ var Checkbox = {
414
433
  },
415
434
  "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
416
435
  };
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
+ };
417
446
  var IconButton = {
418
447
  "name": "IconButton",
419
448
  "defaultProps": { "type": "button" },
@@ -453,26 +482,6 @@ var IconButton = {
453
482
  },
454
483
  "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
455
484
  };
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
- };
476
485
  var Switch = {
477
486
  "name": "Switch",
478
487
  "defaultProps": {
@@ -563,286 +572,201 @@ var Switch = {
563
572
  },
564
573
  "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
565
574
  };
566
- var Spinner = {
567
- "name": "Spinner",
575
+ var Badge = {
576
+ "name": "Badge",
568
577
  "defaultProps": {
569
- "color": "primary",
570
- "size": "lg"
578
+ "variant": "primary",
579
+ "size": "md"
571
580
  },
572
581
  "getStylesLiterals": {},
573
582
  "cxLiterals": [
574
- "self-center",
575
- "relative",
576
- "sr-only"
583
+ "flex-1",
584
+ "truncate",
585
+ "whitespace-nowrap",
586
+ "text-center"
577
587
  ],
578
- "internalComponents": ["Icon"],
579
- "internalComponentProps": { "Icon": {
580
- "role": ["img"],
581
- "className": ["animate-spin"],
582
- "aria-hidden": ["true"]
583
- } },
584
- "propToVariantKeys": {},
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
+ },
585
603
  "motionVarPrefixes": []
586
604
  };
587
- var Table_mocks = {
588
- "name": "Table.mocks",
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",
589
617
  "defaultProps": {},
590
618
  "getStylesLiterals": {},
591
619
  "cxLiterals": [],
592
- "internalComponents": [],
620
+ "internalComponents": ["Comp"],
593
621
  "internalComponentProps": {},
594
622
  "propToVariantKeys": {},
595
623
  "motionVarPrefixes": []
596
624
  };
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" },
625
+ var ExperimentalPopover = {
626
+ "name": "ExperimentalPopover",
627
+ "defaultProps": {},
628
+ "getStylesLiterals": {},
610
629
  "cxLiterals": [],
611
630
  "internalComponents": [
612
- "CellComponent",
613
- "Box",
631
+ "HStack",
614
632
  "Text",
615
- "Table.Root",
616
- "Table.Header",
617
- "Table.Row",
618
- "Table.Cell",
619
- "Table.Body"
633
+ "ExperimentalPopoverHeadingBase"
620
634
  ],
621
- "internalComponentProps": { "Table.Cell": { "asHeaderCell": ["column"] } },
635
+ "internalComponentProps": { "Text": {
636
+ "variant": ["headline1"],
637
+ "color": ["primary"]
638
+ } },
622
639
  "propToVariantKeys": {},
623
640
  "motionVarPrefixes": []
624
641
  };
625
- var Avatar = {
626
- "name": "Avatar",
642
+ var AvoidMotionLibraryProvider = {
643
+ "name": "AvoidMotionLibraryProvider",
627
644
  "defaultProps": {},
628
645
  "getStylesLiterals": {},
629
646
  "cxLiterals": [],
630
- "internalComponents": ["AvatarImage"],
647
+ "internalComponents": [],
631
648
  "internalComponentProps": {},
632
649
  "propToVariantKeys": {},
633
650
  "motionVarPrefixes": []
634
651
  };
635
- var AvatarIcon = {
636
- "name": "AvatarIcon",
637
- "defaultProps": {
638
- "size": "md",
639
- "variant": "primary"
640
- },
641
- "getStylesLiterals": {},
642
- "cxLiterals": [
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"
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"
662
669
  },
663
- "getStylesLiterals": {},
664
670
  "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"
671
+ "uds-ring",
672
+ "cursor-not-allowed",
673
+ "opacity-50",
674
+ "pointer-events-none",
675
+ "hover:bg-primary"
674
676
  ],
675
677
  "internalComponents": [
676
- "UDSImage",
677
- "AvatarText",
678
- "AvatarIcon",
679
- "Box"
678
+ "Radio",
679
+ "Icon",
680
+ "RadioProvider",
681
+ "HStack",
682
+ "RadioGroup",
683
+ "Pressable",
684
+ "Text"
680
685
  ],
681
- "internalComponentProps": {},
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
+ },
682
704
  "propToVariantKeys": {
683
- "alt": ["name"],
684
- "fallback": ["initials"]
705
+ "value": ["key"],
706
+ "label": ["aria-label"]
685
707
  },
686
708
  "motionVarPrefixes": []
687
709
  };
688
- var AvatarText = {
689
- "name": "AvatarText",
710
+ var SwitchV2 = {
711
+ "name": "SwitchV2",
690
712
  "defaultProps": {
691
- "size": "md",
692
- "variant": "primary"
693
- },
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"
721
- },
722
- "cxLiterals": [
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": ""
713
+ "labelPosition": "start",
714
+ "size": "md"
806
715
  },
807
716
  "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"
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"
818
729
  },
819
730
  "cxLiterals": [
820
- "cursor-pointer",
821
- "cursor-default",
822
- "opacity-50",
823
- "border",
731
+ "group",
732
+ "flex",
733
+ "items-center",
734
+ "flex-row",
735
+ "flex-row-reverse",
824
736
  "uds-ring",
825
737
  "uds-ring-within",
826
- "transition-[background-color,border-color]",
827
- "transition-shadow",
738
+ "relative",
739
+ "uds-border-radius-full",
740
+ "transition-[background-color,box-shadow]",
828
741
  "pointer-events-none",
829
- "w-[8px]",
830
- "h-[8px]",
831
- "transition-opacity",
832
- "cursor-[inherit]",
742
+ "w-full",
743
+ "h-full",
833
744
  "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]",
834
754
  "opacity-0",
835
755
  "top-1/2",
836
756
  "left-1/2",
837
- "w-[calc(100%+2px)]",
838
- "h-[calc(100%+2px)]",
839
757
  "transform",
840
758
  "translate-x-[-50%]",
841
759
  "translate-y-[-50%]",
760
+ "transition-opacity",
761
+ "cursor-[inherit]",
762
+ "w-[calc(100%+2px)]",
763
+ "h-[calc(100%+2px)]",
842
764
  "text-start",
843
- "text-end"
765
+ "text-end",
766
+ "opacity-100"
844
767
  ],
845
768
  "internalComponents": [
769
+ "IconSlot",
846
770
  "Box",
847
771
  "FormLabel",
848
772
  "SpringMotionConfig",
@@ -850,58 +774,281 @@ var Radio = {
850
774
  "MotionBox"
851
775
  ],
852
776
  "internalComponentProps": {
853
- "Box": { "borderRadius": ["full"] },
777
+ "IconSlot": { "data-testid": ["on-icon", "off-icon"] },
854
778
  "FormLabel": {
855
779
  "as": ["div"],
856
780
  "variant": ["inherit"],
857
781
  "color": ["inherit"]
858
782
  },
859
- "RootElement": { "data-testid": ["container"] },
860
- "MotionBox": {
861
- "position": ["relative"],
862
- "borderRadius": ["full"],
863
- "alignItems": ["center"],
864
- "justifyContent": ["center"],
865
- "flex": ["none"]
866
- }
783
+ "SpringMotionConfig": {
784
+ "layoutVariant": ["bouncy"],
785
+ "layoutSpeed": ["4"]
786
+ },
787
+ "RootElement": { "data-testid": ["switch-root"] },
788
+ "MotionBox": { "layout": ["position"] }
867
789
  },
868
790
  "propToVariantKeys": {
869
- "size": ["radioSizeRoot", "radioSizeRadio"],
870
- "variant": [
871
- "radioVariantRoot",
872
- "radioVariantRadio",
873
- "radioVariantRadioCircle"
791
+ "size": [
792
+ "switchSizeRoot",
793
+ "switchSizeSwitch",
794
+ "switchSizeHandle",
795
+ "switchSizeHandleIcon"
874
796
  ],
875
- "reduceMotion": ["reducedMotion"]
797
+ "onIcon": ["icon"],
798
+ "offIcon": ["icon"],
799
+ "reduceMotion": ["reducedMotion"],
800
+ "isOn": ["layoutDependency"]
876
801
  },
877
- "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
802
+ "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
878
803
  };
879
- var RadioGroupProvider = {
880
- "name": "RadioGroupProvider",
804
+ var Tabs = {
805
+ "name": "Tabs",
881
806
  "defaultProps": {},
882
- "getStylesLiterals": {},
883
- "cxLiterals": [],
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
+ ],
884
818
  "internalComponents": [
885
- "DivProps",
819
+ "TabProvider",
820
+ "OriginalTabList",
821
+ "OriginalTab",
822
+ "Icon",
823
+ "OriginalTabPanel",
824
+ "Pressable",
886
825
  "Comp",
887
- "RadioGroupContext.Provider"
826
+ "Text"
888
827
  ],
889
- "internalComponentProps": { "Comp": { "role": ["radiogroup"] } },
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
+ },
890
844
  "propToVariantKeys": {},
891
845
  "motionVarPrefixes": []
892
846
  };
893
- var RadioGroupStore = {
894
- "name": "RadioGroupStore",
847
+ var Modal = {
848
+ "name": "Modal",
895
849
  "defaultProps": {},
896
850
  "getStylesLiterals": {},
897
- "cxLiterals": [],
898
- "internalComponents": [],
899
- "internalComponentProps": {},
900
- "propToVariantKeys": {},
901
- "motionVarPrefixes": []
902
- };
903
- var Popover = {
904
- "name": "Popover",
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",
1042
+ "defaultProps": {},
1043
+ "getStylesLiterals": {},
1044
+ "cxLiterals": [],
1045
+ "internalComponents": ["PopoverContext.Provider"],
1046
+ "internalComponentProps": {},
1047
+ "propToVariantKeys": {},
1048
+ "motionVarPrefixes": []
1049
+ };
1050
+ var Popover = {
1051
+ "name": "Popover",
905
1052
  "defaultProps": {},
906
1053
  "getStylesLiterals": {},
907
1054
  "cxLiterals": [],
@@ -910,6 +1057,26 @@ var Popover = {
910
1057
  "propToVariantKeys": {},
911
1058
  "motionVarPrefixes": []
912
1059
  };
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
+ };
913
1080
  var PopoverContent = {
914
1081
  "name": "PopoverContent",
915
1082
  "defaultProps": {},
@@ -968,627 +1135,377 @@ var PopoverContent = {
968
1135
  "propToVariantKeys": { "closeIcon": ["icon"] },
969
1136
  "motionVarPrefixes": []
970
1137
  };
971
- var PopoverContext = {
972
- "name": "PopoverContext",
1138
+ var BottomSheetContent = {
1139
+ "name": "BottomSheetContent",
973
1140
  "defaultProps": {},
974
1141
  "getStylesLiterals": {},
975
- "cxLiterals": [],
976
- "internalComponents": [],
977
- "internalComponentProps": {},
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
+ },
978
1151
  "propToVariantKeys": {},
979
1152
  "motionVarPrefixes": []
980
1153
  };
981
- var PopoverTrigger = {
982
- "name": "PopoverTrigger",
983
- "defaultProps": {},
984
- "getStylesLiterals": {},
985
- "cxLiterals": [],
986
- "internalComponents": ["PopoverDisclosure"],
987
- "internalComponentProps": { "PopoverDisclosure": { "className": ["inline"] } },
988
- "propToVariantKeys": { "children": ["render"] },
989
- "motionVarPrefixes": []
990
- };
991
- var UDSPopoverConfigProvider = {
992
- "name": "UDSPopoverConfigProvider",
1154
+ var BottomSheetDismiss = {
1155
+ "name": "BottomSheetDismiss",
993
1156
  "defaultProps": {},
994
1157
  "getStylesLiterals": {},
995
1158
  "cxLiterals": [],
996
- "internalComponents": ["PopoverContext.Provider"],
1159
+ "internalComponents": ["AriakitDialogDismiss"],
997
1160
  "internalComponentProps": {},
998
1161
  "propToVariantKeys": {},
999
1162
  "motionVarPrefixes": []
1000
1163
  };
1001
- var Menu_Content = {
1002
- "name": "Menu.Content",
1003
- "defaultProps": {
1004
- "size": "default",
1005
- "variant": "default",
1006
- "gutter": "1"
1007
- },
1164
+ var BottomSheet = {
1165
+ "name": "BottomSheet",
1166
+ "defaultProps": { "variant": "default" },
1008
1167
  "getStylesLiterals": {},
1009
1168
  "cxLiterals": [
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"
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"
1021
1185
  ],
1022
1186
  "internalComponents": [
1023
- "AriakitMenu",
1024
- "AnimatePresence",
1025
- "MotionVStack"
1187
+ "Scrim",
1188
+ "BottomSheetHandle",
1189
+ "Dialog",
1190
+ "Box",
1191
+ "BottomSheetInternalContext.Provider"
1026
1192
  ],
1027
- "internalComponentProps": {},
1028
- "propToVariantKeys": {
1029
- "size": ["menucontentSizeRoot"],
1030
- "variant": ["menucontentVariantRoot"]
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
+ }
1031
1202
  },
1203
+ "propToVariantKeys": { "variant": ["bottomsheetVariantRoot"] },
1032
1204
  "motionVarPrefixes": []
1033
1205
  };
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"] } },
1049
- "propToVariantKeys": {},
1206
+ var BottomSheetHandle = {
1207
+ "name": "BottomSheetHandle",
1208
+ "defaultProps": { "variant": "default" },
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
+ ],
1226
+ "internalComponents": ["Box"],
1227
+ "internalComponentProps": { "Box": {
1228
+ "display": ["block", "flex"],
1229
+ "justifyContent": ["center"]
1230
+ } },
1231
+ "propToVariantKeys": { "variant": ["bottomsheetVariantHandleIndicator"] },
1050
1232
  "motionVarPrefixes": []
1051
1233
  };
1052
- var Menu_Item = {
1053
- "name": "Menu.Item",
1234
+ var BottomSheetInternalContext = {
1235
+ "name": "BottomSheetInternalContext",
1054
1236
  "defaultProps": {},
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
- },
1237
+ "getStylesLiterals": {},
1066
1238
  "cxLiterals": [],
1067
- "internalComponents": ["MenuItemBase"],
1239
+ "internalComponents": [],
1068
1240
  "internalComponentProps": {},
1069
1241
  "propToVariantKeys": {},
1070
1242
  "motionVarPrefixes": []
1071
1243
  };
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
- },
1244
+ var BottomSheetHeader = {
1245
+ "name": "BottomSheetHeader",
1246
+ "defaultProps": { "variant": "default" },
1247
+ "getStylesLiterals": {},
1089
1248
  "cxLiterals": [
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"
1249
+ "grid-cols-[40px_1fr_40px]",
1250
+ "items-center",
1251
+ "w-full",
1252
+ "min-h-10",
1253
+ "mt-2"
1112
1254
  ],
1255
+ "internalComponents": ["Box", "Text"],
1113
1256
  "internalComponentProps": {
1114
- "HStack": {
1115
- "alignItems": ["center"],
1116
- "width": ["full"]
1257
+ "Box": {
1258
+ "className": ["h-10 w-10 opacity-0 pointer-events-none"],
1259
+ "display": ["grid", "flex"],
1260
+ "justifyContent": ["flex-start", "flex-end"]
1117
1261
  },
1118
- "AnimatePresence": { "mode": ["popLayout"] }
1119
- },
1120
- "propToVariantKeys": {
1121
- "startIcon": ["icon"],
1122
- "endIcon": ["icon"],
1123
- "columnGap": ["gap"]
1262
+ "Text": {
1263
+ "variant": ["inherit"],
1264
+ "color": ["inherit"],
1265
+ "textAlign": ["center"],
1266
+ "className": ["w-full"]
1267
+ }
1124
1268
  },
1269
+ "propToVariantKeys": { "variant": ["bottomsheetVariantHeader"] },
1125
1270
  "motionVarPrefixes": []
1126
1271
  };
1127
- var Menu_ItemCheckbox = {
1128
- "name": "Menu.ItemCheckbox",
1272
+ var BottomSheetTrigger = {
1273
+ "name": "BottomSheetTrigger",
1129
1274
  "defaultProps": {},
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"],
1275
+ "getStylesLiterals": {},
1276
+ "cxLiterals": [],
1277
+ "internalComponents": ["AriakitDialogDisclosure"],
1146
1278
  "internalComponentProps": {},
1147
1279
  "propToVariantKeys": {},
1148
1280
  "motionVarPrefixes": []
1149
1281
  };
1150
- var Menu_Provider = {
1151
- "name": "Menu.Provider",
1282
+ var BottomSheetProvider = {
1283
+ "name": "BottomSheetProvider",
1152
1284
  "defaultProps": {},
1153
1285
  "getStylesLiterals": {},
1154
1286
  "cxLiterals": [],
1155
- "internalComponents": ["AriakitMenuProvider", "SpringMotionConfig"],
1287
+ "internalComponents": ["AriakitDialogProvider"],
1156
1288
  "internalComponentProps": {},
1157
1289
  "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": {},
1168
1290
  "motionVarPrefixes": []
1169
1291
  };
1170
- var Menu_index = {
1171
- "name": "Menu.index",
1292
+ var UDSBottomSheetConfigProvider = {
1293
+ "name": "UDSBottomSheetConfigProvider",
1172
1294
  "defaultProps": {},
1173
1295
  "getStylesLiterals": {},
1174
1296
  "cxLiterals": [],
1175
- "internalComponents": [],
1297
+ "internalComponents": ["BottomSheetContext.Provider"],
1176
1298
  "internalComponentProps": {},
1177
1299
  "propToVariantKeys": {},
1178
1300
  "motionVarPrefixes": []
1179
1301
  };
1180
- var Menu = {
1181
- "name": "Menu",
1302
+ var UDSToastConfigProvider = {
1303
+ "name": "UDSToastConfigProvider",
1182
1304
  "defaultProps": {},
1183
1305
  "getStylesLiterals": {},
1184
1306
  "cxLiterals": [],
1185
- "internalComponents": [],
1307
+ "internalComponents": ["ToastContext.Provider"],
1186
1308
  "internalComponentProps": {},
1187
1309
  "propToVariantKeys": {},
1188
1310
  "motionVarPrefixes": []
1189
1311
  };
1190
- var Input = {
1191
- "name": "Input",
1192
- "defaultProps": {
1193
- "type": "text",
1194
- "size": "md",
1195
- "width": "full"
1196
- },
1312
+ var Toast = {
1313
+ "name": "Toast",
1314
+ "defaultProps": {},
1197
1315
  "getStylesLiterals": {
1198
- "inputVariantRoot": "default",
1199
- "inputVariantValueRoot": "empty",
1200
- "inputVariantValueRoot:1": "filled",
1201
- "inputVariantInputWrapper": "default",
1202
- "inputVariantValueInputWrapper": "empty",
1203
- "inputVariantValueInputWrapper:1": "filled",
1204
- "inputVariantInput": "default",
1205
- "inputVariantValueInput": "empty",
1206
- "inputVariantValueInput:1": "filled",
1207
- "inputVariantInputPlaceholder": "default",
1208
- "inputVariantValueInputPlaceholder": "empty",
1209
- "inputVariantValueInputPlaceholder:1": "filled",
1210
- "inputVariantLabel": "default",
1211
- "inputVariantValueLabel": "empty",
1212
- "inputVariantValueLabel:1": "filled",
1213
- "inputVariantLabelRequired": "default",
1214
- "inputVariantValueLabelRequired": "empty",
1215
- "inputVariantValueLabelRequired:1": "filled",
1216
- "inputVariantStartIcon": "default",
1217
- "inputVariantValueStartIcon": "empty",
1218
- "inputVariantValueStartIcon:1": "filled",
1219
- "inputVariantEndIcon": "default",
1220
- "inputVariantValueEndIcon": "empty",
1221
- "inputVariantValueEndIcon:1": "filled"
1316
+ "className": "flex-none",
1317
+ "spacing": "2",
1318
+ "borderRadius": "full"
1222
1319
  },
1223
1320
  "cxLiterals": [
1224
- "opacity-50",
1225
- "min-w-[200px]",
1226
- "grow",
1227
- "uds-hit-target",
1228
- "bg-clip-text",
1229
- "focus:outline-none",
1230
- "cursor-text",
1231
- "cursor-not-allowed"
1321
+ "duration-0",
1322
+ "duration-120",
1323
+ "transition-[background-color]",
1324
+ "bg-carbon-15/0",
1325
+ "hover:bg-carbon-15/10",
1326
+ "active:bg-carbon-15/15",
1327
+ "uds-ring"
1232
1328
  ],
1233
1329
  "internalComponents": [
1234
1330
  "IconSlot",
1235
- "StartIcon",
1236
- "EndIcon",
1237
- "HelpTextContent",
1238
- "Box",
1239
- "InputHelpTextInternal",
1240
- "VStack",
1241
- "HStack",
1242
- "AnimateHeightChange"
1331
+ "ToastContainer",
1332
+ "Text",
1333
+ "Button",
1334
+ "Pressable"
1243
1335
  ],
1244
- "internalComponentProps": {
1245
- "HelpTextContent": { "spacingTop": ["2"] },
1246
- "Box": {
1247
- "spacingBottom": ["2"],
1248
- "columnGap": ["0.5"],
1249
- "alignItems": ["flex-end", "center"],
1250
- "position": ["relative"]
1251
- },
1252
- "HStack": {
1253
- "alignItems": ["center"],
1254
- "gap": ["1"]
1255
- }
1256
- },
1336
+ "internalComponentProps": {},
1257
1337
  "propToVariantKeys": {
1258
1338
  "size": [
1259
- "inputSizeRoot",
1260
- "inputSizeInputWrapper",
1261
- "inputSizeInput",
1262
- "inputSizeLabel",
1263
- "inputSizeStartIcon",
1264
- "inputSizeEndIcon"
1339
+ "toastSizeLabel",
1340
+ "toastSizeIcon",
1341
+ "toastSizeActionButton",
1342
+ "toastSizeCloseIcon"
1265
1343
  ],
1266
- "startIcon": ["icon"],
1267
- "endIcon": ["icon"],
1268
- "helperTextIcon": ["startIcon"]
1269
- },
1270
- "motionVarPrefixes": []
1271
- };
1272
- var InputHelpText = {
1273
- "name": "InputHelpText",
1274
- "defaultProps": { "size": "md" },
1275
- "getStylesLiterals": {
1276
- "inputVariantRoot": "default",
1277
- "inputVariantValueRoot": "empty",
1278
- "inputVariantValueRoot:1": "filled"
1344
+ "variant": [
1345
+ "toastVariantIcon",
1346
+ "toastVariantActionButton",
1347
+ "toastVariantCloseIcon"
1348
+ ],
1349
+ "closeIcon": ["icon"],
1350
+ "onClickActionButton": ["onClick"]
1279
1351
  },
1280
- "cxLiterals": [],
1281
- "internalComponents": ["InputHelpTextInternal", "Box"],
1282
- "internalComponentProps": { "Box": { "spacingTop": ["2"] } },
1283
- "propToVariantKeys": { "size": ["inputSizeRoot"] },
1284
1352
  "motionVarPrefixes": []
1285
1353
  };
1286
- var InputHelpTextInternal = {
1287
- "name": "InputHelpTextInternal",
1354
+ var ToastContainer = {
1355
+ "name": "ToastContainer",
1288
1356
  "defaultProps": {},
1289
1357
  "getStylesLiterals": {
1290
- "inputVariantHelperText": "default",
1291
- "inputVariantValueHelperText": "empty",
1292
- "inputVariantValueHelperText:1": "filled",
1293
- "inputVariantHelperIcon": "default",
1294
- "inputVariantValueHelperIcon": "empty",
1295
- "inputVariantValueHelperIcon:1": "filled"
1358
+ "position": "relative",
1359
+ "alignItems": "center",
1360
+ "display": "flex",
1361
+ "className": "box-border touch-none z-0 w-full break-words mb-2 last:mb-0"
1296
1362
  },
1297
- "cxLiterals": [],
1298
- "internalComponents": ["IconSlot", "HStack"],
1363
+ "cxLiterals": ["w-full"],
1364
+ "internalComponents": ["HStack"],
1299
1365
  "internalComponentProps": { "HStack": {
1300
- "gap": ["1"],
1301
- "alignItems": ["center"]
1366
+ "alignItems": ["center"],
1367
+ "justifyContent": ["space-between"],
1368
+ "overflow": ["hidden"],
1369
+ "position": ["relative"]
1302
1370
  } },
1303
1371
  "propToVariantKeys": {
1304
- "size": ["inputSizeHelperText", "inputSizeHelperIcon"],
1305
- "startIcon": ["icon"],
1306
- "endIcon": ["icon"]
1372
+ "variant": ["toastVariantRoot"],
1373
+ "size": ["toastSizeRoot"]
1307
1374
  },
1308
1375
  "motionVarPrefixes": []
1309
1376
  };
1310
- var Chip = {
1311
- "name": "Chip",
1377
+ var ToastPortal = {
1378
+ "name": "ToastPortal",
1312
1379
  "defaultProps": {},
1313
1380
  "getStylesLiterals": {},
1314
1381
  "cxLiterals": [],
1315
- "internalComponents": [
1316
- "ChipDismissible",
1317
- "ChipToggle",
1318
- "ChipLink",
1319
- "ChipButton"
1320
- ],
1382
+ "internalComponents": ["ReactToastifyToastContainer"],
1321
1383
  "internalComponentProps": {},
1322
1384
  "propToVariantKeys": {},
1323
1385
  "motionVarPrefixes": []
1324
1386
  };
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
- },
1360
- "motionVarPrefixes": []
1361
- };
1362
- var ChipButton = {
1363
- "name": "ChipButton",
1364
- "defaultProps": { "variant": "primary" },
1387
+ var RadioGroupStore = {
1388
+ "name": "RadioGroupStore",
1389
+ "defaultProps": {},
1365
1390
  "getStylesLiterals": {},
1366
- "cxLiterals": ["uds-ring"],
1367
- "internalComponents": ["ChipBase"],
1368
- "internalComponentProps": { "ChipBase": { "as": ["button"] } },
1369
- "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
1391
+ "cxLiterals": [],
1392
+ "internalComponents": [],
1393
+ "internalComponentProps": {},
1394
+ "propToVariantKeys": {},
1370
1395
  "motionVarPrefixes": []
1371
1396
  };
1372
- var ChipDismissible = {
1373
- "name": "ChipDismissible",
1374
- "defaultProps": { "variant": "primary" },
1397
+ var RadioGroupProvider = {
1398
+ "name": "RadioGroupProvider",
1399
+ "defaultProps": {},
1375
1400
  "getStylesLiterals": {},
1376
- "cxLiterals": [
1377
- "uds-chip-dismissible-button",
1378
- "uds-hit-target",
1379
- "uds-ring",
1380
- "rounded-full"
1381
- ],
1401
+ "cxLiterals": [],
1382
1402
  "internalComponents": [
1383
- "ChipBase",
1384
- "IconSlot",
1385
- "Pressable"
1403
+ "DivProps",
1404
+ "Comp",
1405
+ "RadioGroupContext.Provider"
1386
1406
  ],
1387
- "internalComponentProps": {},
1388
- "propToVariantKeys": {
1389
- "variant": ["chipDismissibleVariantRoot", "chipDismissibleVariantIcon"],
1390
- "dismissButtonAriaLabel": ["aria-label"]
1391
- },
1392
- "motionVarPrefixes": []
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"] },
1407
+ "internalComponentProps": { "Comp": { "role": ["radiogroup"] } },
1408
+ "propToVariantKeys": {},
1402
1409
  "motionVarPrefixes": []
1403
1410
  };
1404
- var ChipToggle = {
1405
- "name": "ChipToggle",
1411
+ var Radio = {
1412
+ "name": "Radio",
1406
1413
  "defaultProps": {
1414
+ "labelPosition": "start",
1407
1415
  "variant": "primary",
1408
- "role": "checkbox"
1416
+ "size": "md",
1417
+ "value": ""
1409
1418
  },
1410
1419
  "getStylesLiterals": {
1411
- "chipToggleVariantActiveRoot": "on",
1412
- "chipToggleVariantActiveRoot:1": "off"
1420
+ "radioVariantValueRoot": "checked",
1421
+ "radioVariantValueRoot:1": "unchecked",
1422
+ "display": "flex",
1423
+ "flexDirection": "row",
1424
+ "flexDirection:1": "row-reverse",
1425
+ "alignItems": "center",
1426
+ "radioVariantValueRadio": "checked",
1427
+ "radioVariantValueRadio:1": "unchecked",
1428
+ "radioVariantValueRadioCircle": "checked",
1429
+ "radioVariantValueRadioCircle:1": "unchecked"
1413
1430
  },
1414
- "cxLiterals": ["uds-ring"],
1415
- "internalComponents": ["ChipBase"],
1416
- "internalComponentProps": { "ChipBase": { "as": ["button"] } },
1417
- "propToVariantKeys": { "variant": ["chipToggleVariantRoot", "chipToggleVariantIcon"] },
1418
- "motionVarPrefixes": []
1419
- };
1420
- var BottomSheet = {
1421
- "name": "BottomSheet",
1422
- "defaultProps": { "variant": "default" },
1423
- "getStylesLiterals": {},
1424
1431
  "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
- ],
1442
- "internalComponents": [
1443
- "Scrim",
1444
- "BottomSheetHandle",
1445
- "Dialog",
1446
- "Box",
1447
- "BottomSheetInternalContext.Provider"
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"],
1484
- "internalComponentProps": {},
1485
- "propToVariantKeys": {},
1486
- "motionVarPrefixes": []
1487
- };
1488
- var BottomSheetHandle = {
1489
- "name": "BottomSheetHandle",
1490
- "defaultProps": { "variant": "default" },
1491
- "getStylesLiterals": {},
1492
- "cxLiterals": [
1493
- "relative",
1494
- "h-5",
1495
- "w-16",
1496
- "outline-none",
1497
- "focus-visible:outline-none",
1498
- "[touch-action:pan-y]",
1432
+ "cursor-pointer",
1433
+ "cursor-default",
1434
+ "opacity-50",
1435
+ "border",
1436
+ "uds-ring",
1437
+ "uds-ring-within",
1438
+ "transition-[background-color,border-color]",
1439
+ "transition-shadow",
1440
+ "pointer-events-none",
1441
+ "w-[8px]",
1442
+ "h-[8px]",
1443
+ "transition-opacity",
1444
+ "cursor-[inherit]",
1499
1445
  "absolute",
1500
- "left-1/2",
1446
+ "opacity-0",
1501
1447
  "top-1/2",
1502
- "-translate-x-1/2",
1503
- "-translate-y-1/2",
1504
- "h-1",
1505
- "w-8",
1506
- "rounded-full"
1448
+ "left-1/2",
1449
+ "w-[calc(100%+2px)]",
1450
+ "h-[calc(100%+2px)]",
1451
+ "transform",
1452
+ "translate-x-[-50%]",
1453
+ "translate-y-[-50%]",
1454
+ "text-start",
1455
+ "text-end"
1507
1456
  ],
1508
- "internalComponents": ["Box"],
1509
- "internalComponentProps": { "Box": {
1510
- "display": ["block", "flex"],
1511
- "justifyContent": ["center"]
1512
- } },
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"
1457
+ "internalComponents": [
1458
+ "Box",
1459
+ "FormLabel",
1460
+ "SpringMotionConfig",
1461
+ "RootElement",
1462
+ "MotionBox"
1526
1463
  ],
1527
- "internalComponents": ["Box", "Text"],
1528
1464
  "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": {
1465
+ "Box": { "borderRadius": ["full"] },
1466
+ "FormLabel": {
1467
+ "as": ["div"],
1535
1468
  "variant": ["inherit"],
1536
- "color": ["inherit"],
1537
- "textAlign": ["center"],
1538
- "className": ["w-full"]
1469
+ "color": ["inherit"]
1470
+ },
1471
+ "RootElement": { "data-testid": ["container"] },
1472
+ "MotionBox": {
1473
+ "position": ["relative"],
1474
+ "borderRadius": ["full"],
1475
+ "alignItems": ["center"],
1476
+ "justifyContent": ["center"],
1477
+ "flex": ["none"]
1539
1478
  }
1540
1479
  },
1541
- "propToVariantKeys": { "variant": ["bottomsheetVariantHeader"] },
1542
- "motionVarPrefixes": []
1543
- };
1544
- var BottomSheetInternalContext = {
1545
- "name": "BottomSheetInternalContext",
1546
- "defaultProps": {},
1547
- "getStylesLiterals": {},
1548
- "cxLiterals": [],
1549
- "internalComponents": [],
1550
- "internalComponentProps": {},
1551
- "propToVariantKeys": {},
1552
- "motionVarPrefixes": []
1553
- };
1554
- var BottomSheetProvider = {
1555
- "name": "BottomSheetProvider",
1556
- "defaultProps": {},
1557
- "getStylesLiterals": {},
1558
- "cxLiterals": [],
1559
- "internalComponents": ["AriakitDialogProvider"],
1560
- "internalComponentProps": {},
1561
- "propToVariantKeys": {},
1562
- "motionVarPrefixes": []
1563
- };
1564
- var BottomSheetTrigger = {
1565
- "name": "BottomSheetTrigger",
1566
- "defaultProps": {},
1567
- "getStylesLiterals": {},
1568
- "cxLiterals": [],
1569
- "internalComponents": ["AriakitDialogDisclosure"],
1570
- "internalComponentProps": {},
1571
- "propToVariantKeys": {},
1572
- "motionVarPrefixes": []
1480
+ "propToVariantKeys": {
1481
+ "size": ["radioSizeRoot", "radioSizeRadio"],
1482
+ "variant": [
1483
+ "radioVariantRoot",
1484
+ "radioVariantRadio",
1485
+ "radioVariantRadioCircle"
1486
+ ],
1487
+ "reduceMotion": ["reducedMotion"]
1488
+ },
1489
+ "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
1573
1490
  };
1574
- var UDSBottomSheetConfigProvider = {
1575
- "name": "UDSBottomSheetConfigProvider",
1491
+ var UDSTooltipConfigProvider = {
1492
+ "name": "UDSTooltipConfigProvider",
1576
1493
  "defaultProps": {},
1577
1494
  "getStylesLiterals": {},
1578
1495
  "cxLiterals": [],
1579
- "internalComponents": ["BottomSheetContext.Provider"],
1496
+ "internalComponents": ["TooltipContext.Provider"],
1580
1497
  "internalComponentProps": {},
1581
1498
  "propToVariantKeys": {},
1582
1499
  "motionVarPrefixes": []
1583
1500
  };
1584
- var Tooltip = {
1585
- "name": "Tooltip",
1501
+ var TooltipTrigger = {
1502
+ "name": "TooltipTrigger",
1586
1503
  "defaultProps": {},
1587
1504
  "getStylesLiterals": {},
1588
1505
  "cxLiterals": [],
1589
- "internalComponents": ["TooltipInternalContext.Provider", "TooltipProvider"],
1590
- "internalComponentProps": {},
1591
- "propToVariantKeys": {},
1506
+ "internalComponents": ["TooltipAnchor"],
1507
+ "internalComponentProps": { "TooltipAnchor": { "className": ["inline"] } },
1508
+ "propToVariantKeys": { "children": ["render"] },
1592
1509
  "motionVarPrefixes": []
1593
1510
  };
1594
1511
  var TooltipContent = {
@@ -1639,460 +1556,543 @@ var TooltipContent = {
1639
1556
  "propToVariantKeys": { "startTitleIcon": ["icon"] },
1640
1557
  "motionVarPrefixes": []
1641
1558
  };
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",
1559
+ var Tooltip = {
1560
+ "name": "Tooltip",
1654
1561
  "defaultProps": {},
1655
1562
  "getStylesLiterals": {},
1656
1563
  "cxLiterals": [],
1657
- "internalComponents": ["TooltipContext.Provider"],
1564
+ "internalComponents": ["TooltipInternalContext.Provider", "TooltipProvider"],
1658
1565
  "internalComponentProps": {},
1659
1566
  "propToVariantKeys": {},
1660
1567
  "motionVarPrefixes": []
1661
1568
  };
1662
- var Accordion = {
1663
- "name": "Accordion",
1569
+ var Input = {
1570
+ "name": "Input",
1664
1571
  "defaultProps": {
1665
- "spacingHorizontal": "4",
1666
- "spacingVertical": "4"
1572
+ "type": "text",
1573
+ "size": "md",
1574
+ "width": "full"
1667
1575
  },
1668
- "getStylesLiterals": {},
1669
- "cxLiterals": ["hover:bg-secondary/80", "w-full"],
1670
- "internalComponents": [
1671
- "Icon",
1672
- "SpringMotionConfig",
1673
- "Pressable",
1674
- "Text",
1675
- "HStack",
1676
- "AnimatePresence",
1677
- "VStack"
1678
- ],
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
- },
1576
+ "getStylesLiterals": {
1577
+ "inputVariantRoot": "default",
1578
+ "inputVariantValueRoot": "empty",
1579
+ "inputVariantValueRoot:1": "filled",
1580
+ "inputVariantInputWrapper": "default",
1581
+ "inputVariantValueInputWrapper": "empty",
1582
+ "inputVariantValueInputWrapper:1": "filled",
1583
+ "inputVariantInput": "default",
1584
+ "inputVariantValueInput": "empty",
1585
+ "inputVariantValueInput:1": "filled",
1586
+ "inputVariantInputPlaceholder": "default",
1587
+ "inputVariantValueInputPlaceholder": "empty",
1588
+ "inputVariantValueInputPlaceholder:1": "filled",
1589
+ "inputVariantLabel": "default",
1590
+ "inputVariantValueLabel": "empty",
1591
+ "inputVariantValueLabel:1": "filled",
1592
+ "inputVariantLabelRequired": "default",
1593
+ "inputVariantValueLabelRequired": "empty",
1594
+ "inputVariantValueLabelRequired:1": "filled",
1595
+ "inputVariantStartIcon": "default",
1596
+ "inputVariantValueStartIcon": "empty",
1597
+ "inputVariantValueStartIcon:1": "filled",
1598
+ "inputVariantEndIcon": "default",
1599
+ "inputVariantValueEndIcon": "empty",
1600
+ "inputVariantValueEndIcon:1": "filled"
1601
+ },
1602
+ "cxLiterals": [
1603
+ "opacity-50",
1604
+ "min-w-[200px]",
1605
+ "grow",
1606
+ "uds-hit-target",
1607
+ "bg-clip-text",
1608
+ "focus:outline-none",
1609
+ "cursor-text",
1610
+ "cursor-not-allowed"
1611
+ ],
1612
+ "internalComponents": [
1613
+ "IconSlot",
1614
+ "StartIcon",
1615
+ "EndIcon",
1616
+ "HelpTextContent",
1617
+ "Box",
1618
+ "InputHelpTextInternal",
1619
+ "VStack",
1620
+ "HStack",
1621
+ "AnimateHeightChange"
1622
+ ],
1623
+ "internalComponentProps": {
1624
+ "HelpTextContent": { "spacingTop": ["2"] },
1625
+ "Box": {
1626
+ "spacingBottom": ["2"],
1627
+ "columnGap": ["0.5"],
1628
+ "alignItems": ["flex-end", "center"],
1629
+ "position": ["relative"]
1630
+ },
1700
1631
  "HStack": {
1701
- "display": ["flex"],
1702
1632
  "alignItems": ["center"],
1703
- "justifyContent": ["space-between"],
1704
- "columnGap": ["2.5"]
1633
+ "gap": ["1"]
1705
1634
  }
1706
1635
  },
1707
- "propToVariantKeys": {},
1708
- "motionVarPrefixes": ["--uds-motion-smooth-3-"]
1636
+ "propToVariantKeys": {
1637
+ "size": [
1638
+ "inputSizeRoot",
1639
+ "inputSizeInputWrapper",
1640
+ "inputSizeInput",
1641
+ "inputSizeLabel",
1642
+ "inputSizeStartIcon",
1643
+ "inputSizeEndIcon"
1644
+ ],
1645
+ "startIcon": ["icon"],
1646
+ "endIcon": ["icon"],
1647
+ "helperTextIcon": ["startIcon"]
1648
+ },
1649
+ "motionVarPrefixes": []
1709
1650
  };
1710
- var AvoidMotionLibraryProvider = {
1711
- "name": "AvoidMotionLibraryProvider",
1651
+ var InputHelpText = {
1652
+ "name": "InputHelpText",
1653
+ "defaultProps": { "size": "md" },
1654
+ "getStylesLiterals": {
1655
+ "inputVariantRoot": "default",
1656
+ "inputVariantValueRoot": "empty",
1657
+ "inputVariantValueRoot:1": "filled"
1658
+ },
1659
+ "cxLiterals": [],
1660
+ "internalComponents": ["InputHelpTextInternal", "Box"],
1661
+ "internalComponentProps": { "Box": { "spacingTop": ["2"] } },
1662
+ "propToVariantKeys": { "size": ["inputSizeRoot"] },
1663
+ "motionVarPrefixes": []
1664
+ };
1665
+ var InputHelpTextInternal = {
1666
+ "name": "InputHelpTextInternal",
1712
1667
  "defaultProps": {},
1713
- "getStylesLiterals": {},
1668
+ "getStylesLiterals": {
1669
+ "inputVariantHelperText": "default",
1670
+ "inputVariantValueHelperText": "empty",
1671
+ "inputVariantValueHelperText:1": "filled",
1672
+ "inputVariantHelperIcon": "default",
1673
+ "inputVariantValueHelperIcon": "empty",
1674
+ "inputVariantValueHelperIcon:1": "filled"
1675
+ },
1714
1676
  "cxLiterals": [],
1715
- "internalComponents": [],
1716
- "internalComponentProps": {},
1717
- "propToVariantKeys": {},
1677
+ "internalComponents": ["IconSlot", "HStack"],
1678
+ "internalComponentProps": { "HStack": {
1679
+ "gap": ["1"],
1680
+ "alignItems": ["center"]
1681
+ } },
1682
+ "propToVariantKeys": {
1683
+ "size": ["inputSizeHelperText", "inputSizeHelperIcon"],
1684
+ "startIcon": ["icon"],
1685
+ "endIcon": ["icon"]
1686
+ },
1718
1687
  "motionVarPrefixes": []
1719
1688
  };
1720
- var ExperimentalPopover = {
1721
- "name": "ExperimentalPopover",
1689
+ var UDSConfigProvider = {
1690
+ "name": "UDSConfigProvider",
1722
1691
  "defaultProps": {},
1723
1692
  "getStylesLiterals": {},
1724
1693
  "cxLiterals": [],
1725
1694
  "internalComponents": [
1726
- "HStack",
1727
- "Text",
1728
- "ExperimentalPopoverHeadingBase"
1695
+ "UDSBreakpointsConfigProvider",
1696
+ "UDSBottomSheetConfigProvider",
1697
+ "UDSToastConfigProvider",
1698
+ "UDSTooltipConfigProvider",
1699
+ "UDSPopoverConfigProvider"
1729
1700
  ],
1730
- "internalComponentProps": { "Text": {
1731
- "variant": ["headline1"],
1732
- "color": ["primary"]
1733
- } },
1701
+ "internalComponentProps": {},
1734
1702
  "propToVariantKeys": {},
1735
1703
  "motionVarPrefixes": []
1736
1704
  };
1737
- var Modal = {
1738
- "name": "Modal",
1705
+ var UDSBreakpointsConfigProvider = {
1706
+ "name": "UDSBreakpointsConfigProvider",
1739
1707
  "defaultProps": {},
1740
1708
  "getStylesLiterals": {},
1709
+ "cxLiterals": [],
1710
+ "internalComponents": ["UDSBreakpointsConfigContext.Provider"],
1711
+ "internalComponentProps": {},
1712
+ "propToVariantKeys": {},
1713
+ "motionVarPrefixes": []
1714
+ };
1715
+ var ChipLink = {
1716
+ "name": "ChipLink",
1717
+ "defaultProps": { "variant": "primary" },
1718
+ "getStylesLiterals": {},
1719
+ "cxLiterals": ["uds-ring"],
1720
+ "internalComponents": ["ChipBase"],
1721
+ "internalComponentProps": { "ChipBase": { "as": ["a"] } },
1722
+ "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
1723
+ "motionVarPrefixes": []
1724
+ };
1725
+ var ChipDismissible = {
1726
+ "name": "ChipDismissible",
1727
+ "defaultProps": { "variant": "primary" },
1728
+ "getStylesLiterals": {},
1741
1729
  "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"
1730
+ "uds-chip-dismissible-button",
1731
+ "uds-hit-target",
1732
+ "uds-ring",
1733
+ "rounded-full"
1759
1734
  ],
1760
1735
  "internalComponents": [
1761
- "IconButton",
1762
- "Dialog",
1763
- "HStack",
1764
- "Text",
1765
- "VStack"
1736
+ "ChipBase",
1737
+ "IconSlot",
1738
+ "Pressable"
1766
1739
  ],
1767
- "internalComponentProps": {
1768
- "IconButton": {
1769
- "aria-label": ["Close"],
1770
- "size": ["sm"],
1771
- "variant": ["tertiary"]
1772
- },
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
- }
1740
+ "internalComponentProps": {},
1741
+ "propToVariantKeys": {
1742
+ "variant": ["chipDismissibleVariantRoot", "chipDismissibleVariantIcon"],
1743
+ "dismissButtonAriaLabel": ["aria-label"]
1789
1744
  },
1790
- "propToVariantKeys": { "handleClose": ["onClick"] },
1791
1745
  "motionVarPrefixes": []
1792
1746
  };
1793
- var SegmentedControl = {
1794
- "name": "SegmentedControl",
1795
- "defaultProps": {},
1747
+ var ChipToggle = {
1748
+ "name": "ChipToggle",
1749
+ "defaultProps": {
1750
+ "variant": "primary",
1751
+ "role": "checkbox"
1752
+ },
1796
1753
  "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"
1754
+ "chipToggleVariantActiveRoot": "on",
1755
+ "chipToggleVariantActiveRoot:1": "off"
1810
1756
  },
1757
+ "cxLiterals": ["uds-ring"],
1758
+ "internalComponents": ["ChipBase"],
1759
+ "internalComponentProps": { "ChipBase": { "as": ["button"] } },
1760
+ "propToVariantKeys": { "variant": ["chipToggleVariantRoot", "chipToggleVariantIcon"] },
1761
+ "motionVarPrefixes": []
1762
+ };
1763
+ var Chip = {
1764
+ "name": "Chip",
1765
+ "defaultProps": {},
1766
+ "getStylesLiterals": {},
1767
+ "cxLiterals": [],
1768
+ "internalComponents": [
1769
+ "ChipDismissible",
1770
+ "ChipToggle",
1771
+ "ChipLink",
1772
+ "ChipButton"
1773
+ ],
1774
+ "internalComponentProps": {},
1775
+ "propToVariantKeys": {},
1776
+ "motionVarPrefixes": []
1777
+ };
1778
+ var ChipBase = {
1779
+ "name": "ChipBase",
1780
+ "defaultProps": {
1781
+ "size": "md",
1782
+ "as": "div"
1783
+ },
1784
+ "getStylesLiterals": {},
1811
1785
  "cxLiterals": [
1812
- "uds-ring",
1813
- "cursor-not-allowed",
1814
- "opacity-50",
1815
1786
  "pointer-events-none",
1816
- "hover:bg-primary"
1787
+ "cursor-default",
1788
+ "opacity-50",
1789
+ "inline-flex",
1790
+ "items-center",
1791
+ "transition-[background-color,outline-color,box-shadow]",
1792
+ "truncate",
1793
+ "whitespace-nowrap",
1794
+ "text-center",
1795
+ "flex-1"
1817
1796
  ],
1818
1797
  "internalComponents": [
1819
- "Radio",
1820
- "Icon",
1821
- "RadioProvider",
1798
+ "IconSlot",
1822
1799
  "HStack",
1823
- "RadioGroup",
1824
- "Pressable",
1800
+ "As",
1825
1801
  "Text"
1826
1802
  ],
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
- },
1803
+ "internalComponentProps": { "Text": {
1804
+ "as": ["span"],
1805
+ "color": ["current"],
1806
+ "variant": ["inherit"]
1807
+ } },
1845
1808
  "propToVariantKeys": {
1846
- "value": ["key"],
1847
- "label": ["aria-label"]
1809
+ "size": ["chipSizeRoot", "chipSizeIcon"],
1810
+ "startIcon": ["icon"],
1811
+ "endIcon": ["icon"]
1848
1812
  },
1849
1813
  "motionVarPrefixes": []
1850
1814
  };
1851
- var SwitchV2 = {
1852
- "name": "SwitchV2",
1815
+ var ChipButton = {
1816
+ "name": "ChipButton",
1817
+ "defaultProps": { "variant": "primary" },
1818
+ "getStylesLiterals": {},
1819
+ "cxLiterals": ["uds-ring"],
1820
+ "internalComponents": ["ChipBase"],
1821
+ "internalComponentProps": { "ChipBase": { "as": ["button"] } },
1822
+ "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
1823
+ "motionVarPrefixes": []
1824
+ };
1825
+ var Menu_Item = {
1826
+ "name": "Menu.Item",
1827
+ "defaultProps": {},
1828
+ "getStylesLiterals": {
1829
+ "menuitemItemVariantRoot": "default",
1830
+ "menuitemItemVariantActiveRoot": "on",
1831
+ "menuitemItemVariantActiveRoot:1": "off",
1832
+ "menuitemItemVariantText": "default",
1833
+ "menuitemItemVariantActiveText": "on",
1834
+ "menuitemItemVariantActiveText:1": "off",
1835
+ "menuitemItemVariantIcon": "default",
1836
+ "menuitemItemVariantActiveIcon": "on",
1837
+ "menuitemItemVariantActiveIcon:1": "off"
1838
+ },
1839
+ "cxLiterals": [],
1840
+ "internalComponents": ["MenuItemBase"],
1841
+ "internalComponentProps": {},
1842
+ "propToVariantKeys": {},
1843
+ "motionVarPrefixes": []
1844
+ };
1845
+ var Menu_Provider = {
1846
+ "name": "Menu.Provider",
1847
+ "defaultProps": {},
1848
+ "getStylesLiterals": {},
1849
+ "cxLiterals": [],
1850
+ "internalComponents": ["AriakitMenuProvider", "SpringMotionConfig"],
1851
+ "internalComponentProps": {},
1852
+ "propToVariantKeys": {},
1853
+ "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
1854
+ };
1855
+ var Menu_ItemBase = {
1856
+ "name": "Menu.ItemBase",
1853
1857
  "defaultProps": {
1854
- "labelPosition": "start",
1855
- "size": "md"
1858
+ "spacing": "0",
1859
+ "spacingHorizontal": "4",
1860
+ "spacingVertical": "3.5",
1861
+ "columnGap": "2",
1862
+ "alignItems": "center",
1863
+ "justifyContent": "space-between"
1856
1864
  },
1857
1865
  "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"
1866
+ "textAlign": "start",
1867
+ "menuitemSizeRoot": "default",
1868
+ "flexDirection": "row",
1869
+ "menuitemSizeStartIcon": "default",
1870
+ "menuitemSizeEndIcon": "default"
1870
1871
  },
1871
1872
  "cxLiterals": [
1872
- "group",
1873
1873
  "flex",
1874
- "items-center",
1875
- "flex-row",
1876
- "flex-row-reverse",
1874
+ "focus-visible:text-brand",
1875
+ "focus-visible:bg-brand-secondary",
1876
+ "focus-visible:z-10",
1877
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"
1878
+ "!-outline-offset-2",
1879
+ "[&:not([aria-checked])]:cursor-default",
1880
+ "opacity-25",
1881
+ "cursor-not-allowed",
1882
+ "duration-20",
1883
+ "transition-[font-variation-settings]",
1884
+ "ease-in-out",
1885
+ "z-0",
1886
+ "uds-start-icon",
1887
+ "uds-end-icon"
1908
1888
  ],
1909
1889
  "internalComponents": [
1890
+ "Pressable",
1910
1891
  "IconSlot",
1911
- "Box",
1912
- "FormLabel",
1913
- "SpringMotionConfig",
1914
- "RootElement",
1915
- "MotionBox"
1892
+ "RootComponent",
1893
+ "HStack",
1894
+ "AnimatePresence"
1916
1895
  ],
1917
1896
  "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"]
1897
+ "HStack": {
1898
+ "alignItems": ["center"],
1899
+ "width": ["full"]
1927
1900
  },
1928
- "RootElement": { "data-testid": ["switch-root"] },
1929
- "MotionBox": { "layout": ["position"] }
1901
+ "AnimatePresence": { "mode": ["popLayout"] }
1930
1902
  },
1931
1903
  "propToVariantKeys": {
1932
- "size": [
1933
- "switchSizeRoot",
1934
- "switchSizeSwitch",
1935
- "switchSizeHandle",
1936
- "switchSizeHandleIcon"
1937
- ],
1938
- "onIcon": ["icon"],
1939
- "offIcon": ["icon"],
1940
- "reduceMotion": ["reducedMotion"],
1941
- "isOn": ["layoutDependency"]
1904
+ "startIcon": ["icon"],
1905
+ "endIcon": ["icon"],
1906
+ "columnGap": ["gap"]
1942
1907
  },
1943
- "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
1908
+ "motionVarPrefixes": []
1944
1909
  };
1945
- var Tabs = {
1946
- "name": "Tabs",
1910
+ var Menu_Trigger = {
1911
+ "name": "Menu.Trigger",
1947
1912
  "defaultProps": {},
1948
- "getStylesLiterals": {
1949
- "display": "flex",
1950
- "flexDirection": "row",
1951
- "columnGap": "6"
1913
+ "getStylesLiterals": {},
1914
+ "cxLiterals": ["uds-menu-trigger"],
1915
+ "internalComponents": ["AriakitMenuTrigger", "Box"],
1916
+ "internalComponentProps": { "Box": { "className": ["uds-ring h-fit w-fit"] } },
1917
+ "propToVariantKeys": {},
1918
+ "motionVarPrefixes": []
1919
+ };
1920
+ var Menu_index = {
1921
+ "name": "Menu.index",
1922
+ "defaultProps": {},
1923
+ "getStylesLiterals": {},
1924
+ "cxLiterals": [],
1925
+ "internalComponents": [],
1926
+ "internalComponentProps": {},
1927
+ "propToVariantKeys": {},
1928
+ "motionVarPrefixes": []
1929
+ };
1930
+ var Menu_Content = {
1931
+ "name": "Menu.Content",
1932
+ "defaultProps": {
1933
+ "size": "default",
1934
+ "variant": "default",
1935
+ "gutter": "1"
1952
1936
  },
1937
+ "getStylesLiterals": {},
1953
1938
  "cxLiterals": [
1954
- "text-tertiary",
1955
- "border-b-transparent",
1956
- "aria-selected:border-b-brand",
1957
- "aria-selected:text-secondary"
1939
+ "uds-menu-content",
1940
+ "transition-shadow",
1941
+ "duration-200",
1942
+ "ease-in-out",
1943
+ "min-w-60",
1944
+ "max-w-lg",
1945
+ "max-h-96",
1946
+ "overflow-auto",
1947
+ "uds-ring",
1948
+ "z-10",
1949
+ "group"
1958
1950
  ],
1959
1951
  "internalComponents": [
1960
- "TabProvider",
1961
- "OriginalTabList",
1962
- "OriginalTab",
1963
- "Icon",
1964
- "OriginalTabPanel",
1965
- "Pressable",
1966
- "Comp",
1967
- "Text"
1952
+ "AriakitMenu",
1953
+ "AnimatePresence",
1954
+ "MotionVStack"
1968
1955
  ],
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
- }
1956
+ "internalComponentProps": {},
1957
+ "propToVariantKeys": {
1958
+ "size": ["menucontentSizeRoot"],
1959
+ "variant": ["menucontentVariantRoot"]
1960
+ },
1961
+ "motionVarPrefixes": []
1962
+ };
1963
+ var Menu_Divider = {
1964
+ "name": "Menu.Divider",
1965
+ "defaultProps": {
1966
+ "role": "separator",
1967
+ "contentPosition": "start",
1968
+ "gap": "4"
1969
+ },
1970
+ "getStylesLiterals": {
1971
+ "menuitemDividerVariantRoot": "default",
1972
+ "menuitemDividerVariantText": "default",
1973
+ "menuitemDividerVariantLine": "default"
1984
1974
  },
1975
+ "cxLiterals": [],
1976
+ "internalComponents": ["DividerInternal"],
1977
+ "internalComponentProps": { "DividerInternal": { "variant": ["inherit"] } },
1985
1978
  "propToVariantKeys": {},
1986
1979
  "motionVarPrefixes": []
1987
1980
  };
1988
- var UDSBreakpointsConfigProvider = {
1989
- "name": "UDSBreakpointsConfigProvider",
1981
+ var Menu = {
1982
+ "name": "Menu",
1990
1983
  "defaultProps": {},
1991
1984
  "getStylesLiterals": {},
1992
1985
  "cxLiterals": [],
1993
- "internalComponents": ["UDSBreakpointsConfigContext.Provider"],
1986
+ "internalComponents": [],
1994
1987
  "internalComponentProps": {},
1995
1988
  "propToVariantKeys": {},
1996
1989
  "motionVarPrefixes": []
1997
1990
  };
1998
- var UDSConfigProvider = {
1999
- "name": "UDSConfigProvider",
1991
+ var Menu_ItemCheckbox = {
1992
+ "name": "Menu.ItemCheckbox",
2000
1993
  "defaultProps": {},
2001
- "getStylesLiterals": {},
2002
- "cxLiterals": [],
2003
- "internalComponents": [
2004
- "UDSBreakpointsConfigProvider",
2005
- "UDSBottomSheetConfigProvider",
2006
- "UDSToastConfigProvider",
2007
- "UDSTooltipConfigProvider",
2008
- "UDSPopoverConfigProvider"
2009
- ],
1994
+ "getStylesLiterals": {
1995
+ "menuitemItemCheckboxVariantRoot": "default",
1996
+ "menuitemItemCheckboxVariantActiveRoot": "on",
1997
+ "menuitemItemCheckboxVariantActiveRoot:1": "off",
1998
+ "menuitemItemCheckboxVariantText": "default",
1999
+ "menuitemItemCheckboxVariantActiveText": "on",
2000
+ "menuitemItemCheckboxVariantActiveText:1": "off",
2001
+ "menuitemItemCheckboxVariantStartIcon": "default",
2002
+ "menuitemItemCheckboxVariantActiveStartIcon": "on",
2003
+ "menuitemItemCheckboxVariantActiveStartIcon:1": "off",
2004
+ "menuitemItemCheckboxVariantEndIcon": "default",
2005
+ "menuitemItemCheckboxVariantActiveEndIcon": "on",
2006
+ "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
2007
+ },
2008
+ "cxLiterals": ["uds-menu-item-checkbox"],
2009
+ "internalComponents": ["MenuItemBase"],
2010
2010
  "internalComponentProps": {},
2011
2011
  "propToVariantKeys": {},
2012
2012
  "motionVarPrefixes": []
2013
2013
  };
2014
2014
  var componentData_default = {
2015
- Box,
2016
- FormLabel,
2017
- HStack,
2018
- Icon,
2019
- IconSlot,
2020
- Image,
2021
2015
  Link,
2016
+ VStack,
2017
+ Box,
2022
2018
  Scrim,
2019
+ Icon,
2023
2020
  SvgFloatingOverlay,
2021
+ FormLabel,
2024
2022
  Text,
2025
- VStack,
2026
- Divider,
2023
+ IconSlot,
2024
+ HStack,
2025
+ Image,
2026
+ "Table.mocks": Table_mocks,
2027
+ Table,
2028
+ Spinner,
2027
2029
  DividerCore,
2028
2030
  DividerInternal,
2029
- AnimateHeightChange,
2030
- Badge,
2031
+ Divider,
2031
2032
  Button,
2032
2033
  Checkbox,
2033
- IconButton,
2034
- Pressable,
2035
2034
  SpringMotionConfig,
2035
+ IconButton,
2036
2036
  Switch,
2037
- Spinner,
2038
- "Table.mocks": Table_mocks,
2039
- Table,
2040
- Avatar,
2041
- AvatarIcon,
2037
+ Badge,
2038
+ AnimateHeightChange,
2039
+ Pressable,
2040
+ ExperimentalPopover,
2041
+ AvoidMotionLibraryProvider,
2042
+ SegmentedControl,
2043
+ SwitchV2,
2044
+ Tabs,
2045
+ Modal,
2046
+ Accordion,
2042
2047
  AvatarImage,
2043
2048
  AvatarText,
2044
- Toast,
2045
- ToastContainer,
2046
- ToastPortal,
2047
- UDSToastConfigProvider,
2048
- Radio,
2049
- RadioGroupProvider,
2050
- RadioGroupStore,
2049
+ Avatar,
2050
+ AvatarIcon,
2051
+ UDSPopoverConfigProvider,
2051
2052
  Popover,
2052
- PopoverContent,
2053
2053
  PopoverContext,
2054
2054
  PopoverTrigger,
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,
2055
+ PopoverContent,
2075
2056
  BottomSheetContent,
2076
2057
  BottomSheetDismiss,
2058
+ BottomSheet,
2077
2059
  BottomSheetHandle,
2078
- BottomSheetHeader,
2079
2060
  BottomSheetInternalContext,
2080
- BottomSheetProvider,
2061
+ BottomSheetHeader,
2081
2062
  BottomSheetTrigger,
2063
+ BottomSheetProvider,
2082
2064
  UDSBottomSheetConfigProvider,
2083
- Tooltip,
2084
- TooltipContent,
2085
- TooltipTrigger,
2065
+ UDSToastConfigProvider,
2066
+ Toast,
2067
+ ToastContainer,
2068
+ ToastPortal,
2069
+ RadioGroupStore,
2070
+ RadioGroupProvider,
2071
+ Radio,
2086
2072
  UDSTooltipConfigProvider,
2087
- Accordion,
2088
- AvoidMotionLibraryProvider,
2089
- ExperimentalPopover,
2090
- Modal,
2091
- SegmentedControl,
2092
- SwitchV2,
2093
- Tabs,
2073
+ TooltipTrigger,
2074
+ TooltipContent,
2075
+ Tooltip,
2076
+ Input,
2077
+ InputHelpText,
2078
+ InputHelpTextInternal,
2079
+ UDSConfigProvider,
2094
2080
  UDSBreakpointsConfigProvider,
2095
- UDSConfigProvider
2081
+ ChipLink,
2082
+ ChipDismissible,
2083
+ ChipToggle,
2084
+ Chip,
2085
+ ChipBase,
2086
+ ChipButton,
2087
+ "Menu.Item": Menu_Item,
2088
+ "Menu.Provider": Menu_Provider,
2089
+ "Menu.ItemBase": Menu_ItemBase,
2090
+ "Menu.Trigger": Menu_Trigger,
2091
+ "Menu.index": Menu_index,
2092
+ "Menu.Content": Menu_Content,
2093
+ "Menu.Divider": Menu_Divider,
2094
+ Menu,
2095
+ "Menu.ItemCheckbox": Menu_ItemCheckbox
2096
2096
  };
2097
2097
 
2098
2098
  //#endregion