@yahoo/uds 3.116.0-beta.1 → 3.116.0-beta.3

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.
@@ -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,14 +87,36 @@ 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": {},
145
107
  "getStylesLiterals": {},
146
108
  "cxLiterals": [
109
+ "absolute",
110
+ "top-0",
111
+ "left-0",
112
+ "w-full",
113
+ "h-full",
114
+ "overflow-visible",
115
+ "pointer-events-none",
147
116
  "z-[2]",
148
117
  "z-[3]",
149
- "max-h-full"
118
+ "max-h-full",
119
+ "gap-[inherit]"
150
120
  ],
151
121
  "internalComponents": ["Box", "Fragment"],
152
122
  "internalComponentProps": { "Box": {
@@ -154,11 +124,29 @@ var SvgFloatingOverlay = {
154
124
  "flexGrow": ["1"],
155
125
  "overflow": ["hidden", "auto"],
156
126
  "display": ["block"],
157
- "className": ["max-h-full"]
127
+ "className": ["max-h-full gap-[inherit]"]
158
128
  } },
159
129
  "propToVariantKeys": { "blurClassName": ["className"] },
160
130
  "motionVarPrefixes": []
161
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
+ };
162
150
  var Text = {
163
151
  "name": "Text",
164
152
  "defaultProps": {
@@ -179,26 +167,95 @@ var Text = {
179
167
  ] },
180
168
  "motionVarPrefixes": []
181
169
  };
182
- var VStack = {
183
- "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",
184
182
  "defaultProps": {},
185
183
  "getStylesLiterals": {},
186
184
  "cxLiterals": [],
187
185
  "internalComponents": ["Box"],
188
- "internalComponentProps": { "Box": { "flexDirection": ["column"] } },
189
- "propToVariantKeys": { "gap": ["columnGap", "rowGap"] },
186
+ "internalComponentProps": { "Box": { "flexDirection": ["row"] } },
187
+ "propToVariantKeys": { "gap": ["rowGap", "columnGap"] },
190
188
  "motionVarPrefixes": []
191
189
  };
192
- var Divider = {
193
- "name": "Divider",
190
+ var Image = {
191
+ "name": "Image",
194
192
  "defaultProps": {},
195
193
  "getStylesLiterals": {},
196
194
  "cxLiterals": [],
197
- "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": [],
198
206
  "internalComponentProps": {},
199
207
  "propToVariantKeys": {},
200
208
  "motionVarPrefixes": []
201
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
+ };
202
259
  var DividerCore = {
203
260
  "name": "DividerCore",
204
261
  "defaultProps": { "contentPosition": "center" },
@@ -242,105 +299,16 @@ var DividerInternal = {
242
299
  ] },
243
300
  "motionVarPrefixes": []
244
301
  };
245
- var Spinner = {
246
- "name": "Spinner",
247
- "defaultProps": {
248
- "color": "primary",
249
- "size": "lg"
250
- },
251
- "getStylesLiterals": {},
252
- "cxLiterals": [
253
- "self-center",
254
- "relative",
255
- "sr-only"
256
- ],
257
- "internalComponents": ["Icon"],
258
- "internalComponentProps": { "Icon": {
259
- "role": ["img"],
260
- "className": ["animate-spin"],
261
- "aria-hidden": ["true"]
262
- } },
263
- "propToVariantKeys": {},
264
- "motionVarPrefixes": []
265
- };
266
- var Table_mocks = {
267
- "name": "Table.mocks",
302
+ var Divider = {
303
+ "name": "Divider",
268
304
  "defaultProps": {},
269
305
  "getStylesLiterals": {},
270
306
  "cxLiterals": [],
271
- "internalComponents": [],
307
+ "internalComponents": ["DividerInternal"],
272
308
  "internalComponentProps": {},
273
309
  "propToVariantKeys": {},
274
310
  "motionVarPrefixes": []
275
311
  };
276
- var Table = {
277
- "name": "Table",
278
- "defaultProps": {
279
- "display": "table-cell",
280
- "overflow": "hidden",
281
- "borderColor": "muted",
282
- "borderRadius": "md",
283
- "spacing": "3",
284
- "borderBottomColor": "muted",
285
- "borderBottomWidth": "thin",
286
- "color": "primary"
287
- },
288
- "getStylesLiterals": { "textAlign": "start" },
289
- "cxLiterals": [],
290
- "internalComponents": [
291
- "CellComponent",
292
- "Box",
293
- "Text",
294
- "Table.Root",
295
- "Table.Header",
296
- "Table.Row",
297
- "Table.Cell",
298
- "Table.Body"
299
- ],
300
- "internalComponentProps": { "Table.Cell": { "asHeaderCell": ["column"] } },
301
- "propToVariantKeys": {},
302
- "motionVarPrefixes": []
303
- };
304
- var AnimateHeightChange = {
305
- "name": "AnimateHeightChange",
306
- "defaultProps": {},
307
- "getStylesLiterals": {},
308
- "cxLiterals": ["overflow-hidden"],
309
- "internalComponents": ["SpringMotionConfig"],
310
- "internalComponentProps": { "SpringMotionConfig": { "layoutSpeed": ["4"] } },
311
- "propToVariantKeys": { "reduceMotion": ["reducedMotion"] },
312
- "motionVarPrefixes": ["--uds-motion-subtle-4-", "--uds-motion-smooth-3-"]
313
- };
314
- var Badge = {
315
- "name": "Badge",
316
- "defaultProps": {
317
- "variant": "primary",
318
- "size": "md"
319
- },
320
- "getStylesLiterals": {},
321
- "cxLiterals": [
322
- "flex-1",
323
- "truncate",
324
- "whitespace-nowrap",
325
- "text-center"
326
- ],
327
- "internalComponents": ["IconSlot", "HStack"],
328
- "internalComponentProps": {
329
- "IconSlot": { "data-testid": ["start-icon", "end-icon"] },
330
- "HStack": {
331
- "gap": ["2"],
332
- "display": ["inline-flex"],
333
- "alignItems": ["center"]
334
- }
335
- },
336
- "propToVariantKeys": {
337
- "size": ["badgeSizeRoot", "badgeSizeIcon"],
338
- "variant": ["badgeVariantRoot", "badgeVariantIcon"],
339
- "startIcon": ["icon"],
340
- "endIcon": ["icon"]
341
- },
342
- "motionVarPrefixes": []
343
- };
344
312
  var Button = {
345
313
  "name": "Button",
346
314
  "defaultProps": { "type": "button" },
@@ -465,6 +433,16 @@ var Checkbox = {
465
433
  },
466
434
  "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
467
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
+ };
468
446
  var IconButton = {
469
447
  "name": "IconButton",
470
448
  "defaultProps": { "type": "button" },
@@ -504,26 +482,6 @@ var IconButton = {
504
482
  },
505
483
  "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
506
484
  };
507
- var Pressable = {
508
- "name": "Pressable",
509
- "defaultProps": {},
510
- "getStylesLiterals": {},
511
- "cxLiterals": [],
512
- "internalComponents": ["Comp"],
513
- "internalComponentProps": {},
514
- "propToVariantKeys": {},
515
- "motionVarPrefixes": []
516
- };
517
- var SpringMotionConfig = {
518
- "name": "SpringMotionConfig",
519
- "defaultProps": { "reducedMotion": "user" },
520
- "getStylesLiterals": {},
521
- "cxLiterals": [],
522
- "internalComponents": ["LazyMotion", "MotionConfig"],
523
- "internalComponentProps": {},
524
- "propToVariantKeys": { "loadFeatures": ["features"] },
525
- "motionVarPrefixes": []
526
- };
527
485
  var Switch = {
528
486
  "name": "Switch",
529
487
  "defaultProps": {
@@ -614,60 +572,52 @@ var Switch = {
614
572
  },
615
573
  "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
616
574
  };
617
- var Accordion = {
618
- "name": "Accordion",
575
+ var Badge = {
576
+ "name": "Badge",
619
577
  "defaultProps": {
620
- "spacingHorizontal": "4",
621
- "spacingVertical": "4"
578
+ "variant": "primary",
579
+ "size": "md"
622
580
  },
623
581
  "getStylesLiterals": {},
624
- "cxLiterals": ["hover:bg-secondary/80", "w-full"],
625
- "internalComponents": [
626
- "Icon",
627
- "SpringMotionConfig",
628
- "Pressable",
629
- "Text",
630
- "HStack",
631
- "AnimatePresence",
632
- "VStack"
582
+ "cxLiterals": [
583
+ "flex-1",
584
+ "truncate",
585
+ "whitespace-nowrap",
586
+ "text-center"
633
587
  ],
588
+ "internalComponents": ["IconSlot", "HStack"],
634
589
  "internalComponentProps": {
635
- "Icon": {
636
- "variant": ["fill"],
637
- "size": ["sm"],
638
- "color": ["primary"]
639
- },
640
- "SpringMotionConfig": {
641
- "layoutVariant": ["smooth"],
642
- "layoutSpeed": ["3"]
643
- },
644
- "Pressable": {
645
- "display": ["flex"],
646
- "flexDirection": ["row"],
647
- "alignItems": ["center"],
648
- "justifyContent": ["space-between"],
649
- "borderRadius": ["md"]
650
- },
651
- "Text": {
652
- "variant": ["title4"],
653
- "color": ["primary"]
654
- },
590
+ "IconSlot": { "data-testid": ["start-icon", "end-icon"] },
655
591
  "HStack": {
656
- "display": ["flex"],
657
- "alignItems": ["center"],
658
- "justifyContent": ["space-between"],
659
- "columnGap": ["2.5"]
592
+ "gap": ["2"],
593
+ "display": ["inline-flex"],
594
+ "alignItems": ["center"]
660
595
  }
661
596
  },
662
- "propToVariantKeys": {},
663
- "motionVarPrefixes": ["--uds-motion-smooth-3-"]
597
+ "propToVariantKeys": {
598
+ "size": ["badgeSizeRoot", "badgeSizeIcon"],
599
+ "variant": ["badgeVariantRoot", "badgeVariantIcon"],
600
+ "startIcon": ["icon"],
601
+ "endIcon": ["icon"]
602
+ },
603
+ "motionVarPrefixes": []
664
604
  };
665
- var AvoidMotionLibraryProvider = {
666
- "name": "AvoidMotionLibraryProvider",
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",
667
617
  "defaultProps": {},
668
618
  "getStylesLiterals": {},
669
619
  "cxLiterals": [],
670
- "internalComponents": [],
620
+ "internalComponents": ["Comp"],
671
621
  "internalComponentProps": {},
672
622
  "propToVariantKeys": {},
673
623
  "motionVarPrefixes": []
@@ -689,60 +639,14 @@ var ExperimentalPopover = {
689
639
  "propToVariantKeys": {},
690
640
  "motionVarPrefixes": []
691
641
  };
692
- var Modal = {
693
- "name": "Modal",
642
+ var AvoidMotionLibraryProvider = {
643
+ "name": "AvoidMotionLibraryProvider",
694
644
  "defaultProps": {},
695
645
  "getStylesLiterals": {},
696
- "cxLiterals": [
697
- "inset-8",
698
- "top-[250px]",
699
- "z-50",
700
- "mx-auto",
701
- "h-fit",
702
- "w-[600px]",
703
- "origin-center",
704
- "scale-95",
705
- "opacity-0",
706
- "transition",
707
- "duration-150",
708
- "data-[enter]:scale-100",
709
- "data-[enter]:opacity-100",
710
- "data-[enter]:bg-primary",
711
- "backdrop-blur-0",
712
- "data-[enter]:opacity-60",
713
- "data-[enter]:backdrop-blur-sm"
714
- ],
715
- "internalComponents": [
716
- "IconButton",
717
- "Dialog",
718
- "HStack",
719
- "Text",
720
- "VStack"
721
- ],
722
- "internalComponentProps": {
723
- "IconButton": {
724
- "aria-label": ["Close"],
725
- "size": ["sm"],
726
- "variant": ["tertiary"]
727
- },
728
- "HStack": {
729
- "alignItems": ["center"],
730
- "justifyContent": ["space-between"]
731
- },
732
- "Text": {
733
- "variant": ["headline1"],
734
- "color": ["primary"]
735
- },
736
- "VStack": {
737
- "borderRadius": ["md"],
738
- "position": ["fixed"],
739
- "backgroundColor": ["primary"],
740
- "dropShadow": ["md"],
741
- "spacing": ["8"],
742
- "overflow": ["hidden"]
743
- }
744
- },
745
- "propToVariantKeys": { "handleClose": ["onClick"] },
646
+ "cxLiterals": [],
647
+ "internalComponents": [],
648
+ "internalComponentProps": {},
649
+ "propToVariantKeys": {},
746
650
  "motionVarPrefixes": []
747
651
  };
748
652
  var SegmentedControl = {
@@ -940,92 +844,231 @@ var Tabs = {
940
844
  "propToVariantKeys": {},
941
845
  "motionVarPrefixes": []
942
846
  };
943
- var Avatar = {
944
- "name": "Avatar",
847
+ var Modal = {
848
+ "name": "Modal",
945
849
  "defaultProps": {},
946
850
  "getStylesLiterals": {},
947
- "cxLiterals": [],
948
- "internalComponents": ["AvatarImage"],
949
- "internalComponentProps": {},
950
- "propToVariantKeys": {},
951
- "motionVarPrefixes": []
952
- };
953
- var AvatarIcon = {
954
- "name": "AvatarIcon",
955
- "defaultProps": {
956
- "size": "md",
957
- "variant": "primary"
958
- },
959
- "getStylesLiterals": {},
960
851
  "cxLiterals": [
961
- "overflow-hidden",
962
- "w-full",
963
- "h-full",
964
- "shrink-0",
965
- "text-center",
966
- "inline-flex",
967
- "justify-center",
968
- "items-center"
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"
969
869
  ],
970
- "internalComponents": ["IconSlot", "Box"],
971
- "internalComponentProps": {},
972
- "propToVariantKeys": { "size": ["avatarSizeIcon"] },
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"] },
973
901
  "motionVarPrefixes": []
974
902
  };
975
- var AvatarImage = {
976
- "name": "AvatarImage",
903
+ var Accordion = {
904
+ "name": "Accordion",
977
905
  "defaultProps": {
978
- "size": "md",
979
- "variant": "primary"
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
+ }
980
947
  },
948
+ "propToVariantKeys": {},
949
+ "motionVarPrefixes": ["--uds-motion-smooth-3-"]
950
+ };
951
+ var UDSPopoverConfigProvider = {
952
+ "name": "UDSPopoverConfigProvider",
953
+ "defaultProps": {},
954
+ "getStylesLiterals": {},
955
+ "cxLiterals": [],
956
+ "internalComponents": ["PopoverContext.Provider"],
957
+ "internalComponentProps": {},
958
+ "propToVariantKeys": {},
959
+ "motionVarPrefixes": []
960
+ };
961
+ var Popover = {
962
+ "name": "Popover",
963
+ "defaultProps": {},
964
+ "getStylesLiterals": {},
965
+ "cxLiterals": [],
966
+ "internalComponents": ["PopoverInternalContext.Provider", "PopoverProvider"],
967
+ "internalComponentProps": {},
968
+ "propToVariantKeys": {},
969
+ "motionVarPrefixes": []
970
+ };
971
+ var PopoverContext = {
972
+ "name": "PopoverContext",
973
+ "defaultProps": {},
974
+ "getStylesLiterals": {},
975
+ "cxLiterals": [],
976
+ "internalComponents": [],
977
+ "internalComponentProps": {},
978
+ "propToVariantKeys": {},
979
+ "motionVarPrefixes": []
980
+ };
981
+ var PopoverTrigger = {
982
+ "name": "PopoverTrigger",
983
+ "defaultProps": {},
981
984
  "getStylesLiterals": {},
985
+ "cxLiterals": [],
986
+ "internalComponents": ["PopoverDisclosure"],
987
+ "internalComponentProps": { "PopoverDisclosure": { "className": ["inline"] } },
988
+ "propToVariantKeys": { "children": ["render"] },
989
+ "motionVarPrefixes": []
990
+ };
991
+ var PopoverContent = {
992
+ "name": "PopoverContent",
993
+ "defaultProps": {},
994
+ "getStylesLiterals": {
995
+ "popoverSizeRoot": "default",
996
+ "popoverVariantRoot": "default",
997
+ "display": "flex",
998
+ "position": "absolute",
999
+ "spacingTop": "0",
1000
+ "spacingStart": "0",
1001
+ "spacingBottom": "0",
1002
+ "spacingEnd": "0",
1003
+ "popoverSizeSvgBase": "default",
1004
+ "popoverVariantSvgBase": "default",
1005
+ "popoverSizeSvgBorder": "default",
1006
+ "popoverVariantSvgBorder": "default",
1007
+ "popoverVariantBlur": "default",
1008
+ "width": "full",
1009
+ "height": "full",
1010
+ "flexShrink": "0",
1011
+ "borderRadius": "full",
1012
+ "alignItems": "center",
1013
+ "justifyContent": "center",
1014
+ "popoverVariantCloseIcon": "default",
1015
+ "popoverSizeCloseIcon": "default"
1016
+ },
982
1017
  "cxLiterals": [
983
- "overflow-hidden",
984
- "w-full",
985
- "h-full",
986
- "shrink-0",
987
- "text-center",
988
- "inline-flex",
989
- "justify-center",
990
- "items-center",
991
- "object-cover"
1018
+ "z-[9999]",
1019
+ "outline-none",
1020
+ "focus-visible:outline-none",
1021
+ "uds-bgBlurFillFallback",
1022
+ "uds-bgBlurFallback",
1023
+ "top-0",
1024
+ "left-0",
1025
+ "z-[1]",
1026
+ "duration-0",
1027
+ "duration-120",
1028
+ "transition-[background-color]",
1029
+ "bg-carbon-15/0",
1030
+ "hover:bg-carbon-15/10",
1031
+ "active:bg-carbon-15/15",
1032
+ "absolute",
1033
+ "z-[4]"
992
1034
  ],
993
1035
  "internalComponents": [
994
- "UDSImage",
995
- "AvatarText",
996
- "AvatarIcon",
997
- "Box"
1036
+ "PopoverDismiss",
1037
+ "IconSlot",
1038
+ "PopoverArrow",
1039
+ "Popover",
1040
+ "SvgFloatingOverlay",
1041
+ "Box",
1042
+ "Pressable"
998
1043
  ],
999
1044
  "internalComponentProps": {},
1000
- "propToVariantKeys": {
1001
- "alt": ["name"],
1002
- "fallback": ["initials"]
1003
- },
1045
+ "propToVariantKeys": { "closeIcon": ["icon"] },
1004
1046
  "motionVarPrefixes": []
1005
1047
  };
1006
- var AvatarText = {
1007
- "name": "AvatarText",
1008
- "defaultProps": {
1009
- "size": "md",
1010
- "variant": "primary"
1048
+ var BottomSheetContent = {
1049
+ "name": "BottomSheetContent",
1050
+ "defaultProps": {},
1051
+ "getStylesLiterals": {},
1052
+ "cxLiterals": ["min-h-0", "touch-pan-y"],
1053
+ "internalComponents": ["Box", "VStack"],
1054
+ "internalComponentProps": {
1055
+ "Box": {
1056
+ "display": ["block"],
1057
+ "overflowY": ["auto"],
1058
+ "flex": ["1"]
1059
+ },
1060
+ "VStack": { "className": ["pb-[calc(env(safe-area-inset-bottom))]"] }
1011
1061
  },
1062
+ "propToVariantKeys": {},
1063
+ "motionVarPrefixes": []
1064
+ };
1065
+ var BottomSheetDismiss = {
1066
+ "name": "BottomSheetDismiss",
1067
+ "defaultProps": {},
1012
1068
  "getStylesLiterals": {},
1013
- "cxLiterals": [
1014
- "overflow-hidden",
1015
- "truncate",
1016
- "w-full",
1017
- "h-full",
1018
- "shrink-0",
1019
- "text-center",
1020
- "inline-flex",
1021
- "justify-center",
1022
- "items-center"
1023
- ],
1024
- "internalComponents": ["Box", "Text"],
1025
- "internalComponentProps": { "Text": {
1026
- "color": ["inherit"],
1027
- "variant": ["inherit"]
1028
- } },
1069
+ "cxLiterals": [],
1070
+ "internalComponents": ["AriakitDialogDismiss"],
1071
+ "internalComponentProps": {},
1029
1072
  "propToVariantKeys": {},
1030
1073
  "motionVarPrefixes": []
1031
1074
  };
@@ -1068,35 +1111,8 @@ var BottomSheet = {
1068
1111
  "propToVariantKeys": { "variant": ["bottomsheetVariantRoot"] },
1069
1112
  "motionVarPrefixes": []
1070
1113
  };
1071
- var BottomSheetContent = {
1072
- "name": "BottomSheetContent",
1073
- "defaultProps": {},
1074
- "getStylesLiterals": {},
1075
- "cxLiterals": ["min-h-0", "touch-pan-y"],
1076
- "internalComponents": ["Box", "VStack"],
1077
- "internalComponentProps": {
1078
- "Box": {
1079
- "display": ["block"],
1080
- "overflowY": ["auto"],
1081
- "flex": ["1"]
1082
- },
1083
- "VStack": { "className": ["pb-[calc(env(safe-area-inset-bottom))]"] }
1084
- },
1085
- "propToVariantKeys": {},
1086
- "motionVarPrefixes": []
1087
- };
1088
- var BottomSheetDismiss = {
1089
- "name": "BottomSheetDismiss",
1090
- "defaultProps": {},
1091
- "getStylesLiterals": {},
1092
- "cxLiterals": [],
1093
- "internalComponents": ["AriakitDialogDismiss"],
1094
- "internalComponentProps": {},
1095
- "propToVariantKeys": {},
1096
- "motionVarPrefixes": []
1097
- };
1098
- var BottomSheetHandle = {
1099
- "name": "BottomSheetHandle",
1114
+ var BottomSheetHandle = {
1115
+ "name": "BottomSheetHandle",
1100
1116
  "defaultProps": {},
1101
1117
  "getStylesLiterals": {},
1102
1118
  "cxLiterals": [
@@ -1152,22 +1168,22 @@ var BottomSheetHeader = {
1152
1168
  "propToVariantKeys": { "variant": ["bottomsheetVariantHeader"] },
1153
1169
  "motionVarPrefixes": []
1154
1170
  };
1155
- var BottomSheetProvider = {
1156
- "name": "BottomSheetProvider",
1171
+ var BottomSheetTrigger = {
1172
+ "name": "BottomSheetTrigger",
1157
1173
  "defaultProps": {},
1158
1174
  "getStylesLiterals": {},
1159
1175
  "cxLiterals": [],
1160
- "internalComponents": ["AriakitDialogProvider"],
1176
+ "internalComponents": ["AriakitDialogDisclosure"],
1161
1177
  "internalComponentProps": {},
1162
1178
  "propToVariantKeys": {},
1163
1179
  "motionVarPrefixes": []
1164
1180
  };
1165
- var BottomSheetTrigger = {
1166
- "name": "BottomSheetTrigger",
1181
+ var BottomSheetProvider = {
1182
+ "name": "BottomSheetProvider",
1167
1183
  "defaultProps": {},
1168
1184
  "getStylesLiterals": {},
1169
1185
  "cxLiterals": [],
1170
- "internalComponents": ["AriakitDialogDisclosure"],
1186
+ "internalComponents": ["AriakitDialogProvider"],
1171
1187
  "internalComponentProps": {},
1172
1188
  "propToVariantKeys": {},
1173
1189
  "motionVarPrefixes": []
@@ -1182,122 +1198,394 @@ var UDSBottomSheetConfigProvider = {
1182
1198
  "propToVariantKeys": {},
1183
1199
  "motionVarPrefixes": []
1184
1200
  };
1185
- var Chip = {
1186
- "name": "Chip",
1187
- "defaultProps": {},
1201
+ var AvatarImage = {
1202
+ "name": "AvatarImage",
1203
+ "defaultProps": {
1204
+ "size": "md",
1205
+ "variant": "primary"
1206
+ },
1188
1207
  "getStylesLiterals": {},
1189
- "cxLiterals": [],
1208
+ "cxLiterals": [
1209
+ "overflow-hidden",
1210
+ "w-full",
1211
+ "h-full",
1212
+ "shrink-0",
1213
+ "text-center",
1214
+ "inline-flex",
1215
+ "justify-center",
1216
+ "items-center",
1217
+ "object-cover"
1218
+ ],
1190
1219
  "internalComponents": [
1191
- "ChipDismissible",
1192
- "ChipToggle",
1193
- "ChipLink",
1194
- "ChipButton"
1220
+ "UDSImage",
1221
+ "AvatarText",
1222
+ "AvatarIcon",
1223
+ "Box"
1195
1224
  ],
1196
1225
  "internalComponentProps": {},
1197
- "propToVariantKeys": {},
1226
+ "propToVariantKeys": {
1227
+ "alt": ["name"],
1228
+ "fallback": ["initials"]
1229
+ },
1198
1230
  "motionVarPrefixes": []
1199
1231
  };
1200
- var ChipBase = {
1201
- "name": "ChipBase",
1232
+ var AvatarText = {
1233
+ "name": "AvatarText",
1202
1234
  "defaultProps": {
1203
1235
  "size": "md",
1204
- "as": "div"
1236
+ "variant": "primary"
1205
1237
  },
1206
1238
  "getStylesLiterals": {},
1207
1239
  "cxLiterals": [
1208
- "pointer-events-none",
1209
- "cursor-default",
1210
- "opacity-50",
1211
- "inline-flex",
1212
- "items-center",
1213
- "transition-[background-color,outline-color,box-shadow]",
1240
+ "overflow-hidden",
1214
1241
  "truncate",
1215
- "whitespace-nowrap",
1242
+ "w-full",
1243
+ "h-full",
1244
+ "shrink-0",
1216
1245
  "text-center",
1217
- "flex-1"
1218
- ],
1219
- "internalComponents": [
1220
- "IconSlot",
1221
- "HStack",
1222
- "As",
1223
- "Text"
1246
+ "inline-flex",
1247
+ "justify-center",
1248
+ "items-center"
1224
1249
  ],
1250
+ "internalComponents": ["Box", "Text"],
1225
1251
  "internalComponentProps": { "Text": {
1226
- "as": ["span"],
1227
- "color": ["current"],
1252
+ "color": ["inherit"],
1228
1253
  "variant": ["inherit"]
1229
1254
  } },
1230
- "propToVariantKeys": {
1231
- "size": ["chipSizeRoot", "chipSizeIcon"],
1232
- "startIcon": ["icon"],
1233
- "endIcon": ["icon"]
1234
- },
1255
+ "propToVariantKeys": {},
1235
1256
  "motionVarPrefixes": []
1236
1257
  };
1237
- var ChipButton = {
1238
- "name": "ChipButton",
1239
- "defaultProps": { "variant": "primary" },
1258
+ var Avatar = {
1259
+ "name": "Avatar",
1260
+ "defaultProps": {},
1240
1261
  "getStylesLiterals": {},
1241
- "cxLiterals": ["uds-ring"],
1242
- "internalComponents": ["ChipBase"],
1243
- "internalComponentProps": { "ChipBase": { "as": ["button"] } },
1244
- "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
1262
+ "cxLiterals": [],
1263
+ "internalComponents": ["AvatarImage"],
1264
+ "internalComponentProps": {},
1265
+ "propToVariantKeys": {},
1245
1266
  "motionVarPrefixes": []
1246
1267
  };
1247
- var ChipDismissible = {
1248
- "name": "ChipDismissible",
1249
- "defaultProps": { "variant": "primary" },
1268
+ var AvatarIcon = {
1269
+ "name": "AvatarIcon",
1270
+ "defaultProps": {
1271
+ "size": "md",
1272
+ "variant": "primary"
1273
+ },
1250
1274
  "getStylesLiterals": {},
1251
1275
  "cxLiterals": [
1252
- "uds-chip-dismissible-button",
1253
- "uds-hit-target",
1254
- "uds-ring",
1255
- "rounded-full"
1276
+ "overflow-hidden",
1277
+ "w-full",
1278
+ "h-full",
1279
+ "shrink-0",
1280
+ "text-center",
1281
+ "inline-flex",
1282
+ "justify-center",
1283
+ "items-center"
1284
+ ],
1285
+ "internalComponents": ["IconSlot", "Box"],
1286
+ "internalComponentProps": {},
1287
+ "propToVariantKeys": { "size": ["avatarSizeIcon"] },
1288
+ "motionVarPrefixes": []
1289
+ };
1290
+ var UDSToastConfigProvider = {
1291
+ "name": "UDSToastConfigProvider",
1292
+ "defaultProps": {},
1293
+ "getStylesLiterals": {},
1294
+ "cxLiterals": [],
1295
+ "internalComponents": ["ToastContext.Provider"],
1296
+ "internalComponentProps": {},
1297
+ "propToVariantKeys": {},
1298
+ "motionVarPrefixes": []
1299
+ };
1300
+ var Toast = {
1301
+ "name": "Toast",
1302
+ "defaultProps": {},
1303
+ "getStylesLiterals": {
1304
+ "className": "flex-none",
1305
+ "spacing": "2",
1306
+ "borderRadius": "full"
1307
+ },
1308
+ "cxLiterals": [
1309
+ "duration-0",
1310
+ "duration-120",
1311
+ "transition-[background-color]",
1312
+ "bg-carbon-15/0",
1313
+ "hover:bg-carbon-15/10",
1314
+ "active:bg-carbon-15/15",
1315
+ "uds-ring"
1256
1316
  ],
1257
1317
  "internalComponents": [
1258
- "ChipBase",
1259
1318
  "IconSlot",
1319
+ "ToastContainer",
1320
+ "Text",
1321
+ "Button",
1260
1322
  "Pressable"
1261
1323
  ],
1262
1324
  "internalComponentProps": {},
1263
1325
  "propToVariantKeys": {
1264
- "variant": ["chipDismissibleVariantRoot", "chipDismissibleVariantIcon"],
1265
- "dismissButtonAriaLabel": ["aria-label"]
1326
+ "size": [
1327
+ "toastSizeLabel",
1328
+ "toastSizeIcon",
1329
+ "toastSizeActionButton",
1330
+ "toastSizeCloseIcon"
1331
+ ],
1332
+ "variant": [
1333
+ "toastVariantIcon",
1334
+ "toastVariantActionButton",
1335
+ "toastVariantCloseIcon"
1336
+ ],
1337
+ "closeIcon": ["icon"],
1338
+ "onClickActionButton": ["onClick"]
1266
1339
  },
1267
1340
  "motionVarPrefixes": []
1268
1341
  };
1269
- var ChipLink = {
1270
- "name": "ChipLink",
1271
- "defaultProps": { "variant": "primary" },
1342
+ var ToastContainer = {
1343
+ "name": "ToastContainer",
1344
+ "defaultProps": {},
1345
+ "getStylesLiterals": {
1346
+ "position": "relative",
1347
+ "alignItems": "center",
1348
+ "display": "flex",
1349
+ "className": "box-border touch-none z-0 w-full break-words mb-2 last:mb-0"
1350
+ },
1351
+ "cxLiterals": ["w-full"],
1352
+ "internalComponents": ["HStack"],
1353
+ "internalComponentProps": { "HStack": {
1354
+ "alignItems": ["center"],
1355
+ "justifyContent": ["space-between"],
1356
+ "overflow": ["hidden"],
1357
+ "position": ["relative"]
1358
+ } },
1359
+ "propToVariantKeys": {
1360
+ "variant": ["toastVariantRoot"],
1361
+ "size": ["toastSizeRoot"]
1362
+ },
1363
+ "motionVarPrefixes": []
1364
+ };
1365
+ var ToastPortal = {
1366
+ "name": "ToastPortal",
1367
+ "defaultProps": {},
1272
1368
  "getStylesLiterals": {},
1273
- "cxLiterals": ["uds-ring"],
1274
- "internalComponents": ["ChipBase"],
1275
- "internalComponentProps": { "ChipBase": { "as": ["a"] } },
1276
- "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
1369
+ "cxLiterals": [],
1370
+ "internalComponents": ["ReactToastifyToastContainer"],
1371
+ "internalComponentProps": {},
1372
+ "propToVariantKeys": {},
1277
1373
  "motionVarPrefixes": []
1278
1374
  };
1279
- var ChipToggle = {
1280
- "name": "ChipToggle",
1281
- "defaultProps": {
1282
- "variant": "primary",
1283
- "role": "checkbox"
1284
- },
1285
- "getStylesLiterals": {
1286
- "chipToggleVariantActiveRoot": "on",
1287
- "chipToggleVariantActiveRoot:1": "off"
1288
- },
1289
- "cxLiterals": ["uds-ring"],
1290
- "internalComponents": ["ChipBase"],
1291
- "internalComponentProps": { "ChipBase": { "as": ["button"] } },
1292
- "propToVariantKeys": { "variant": ["chipToggleVariantRoot", "chipToggleVariantIcon"] },
1375
+ var RadioGroupStore = {
1376
+ "name": "RadioGroupStore",
1377
+ "defaultProps": {},
1378
+ "getStylesLiterals": {},
1379
+ "cxLiterals": [],
1380
+ "internalComponents": [],
1381
+ "internalComponentProps": {},
1382
+ "propToVariantKeys": {},
1293
1383
  "motionVarPrefixes": []
1294
1384
  };
1295
- var Input = {
1296
- "name": "Input",
1297
- "defaultProps": {
1298
- "type": "text",
1299
- "size": "md",
1300
- "width": "full"
1385
+ var RadioGroupProvider = {
1386
+ "name": "RadioGroupProvider",
1387
+ "defaultProps": {},
1388
+ "getStylesLiterals": {},
1389
+ "cxLiterals": [],
1390
+ "internalComponents": [
1391
+ "DivProps",
1392
+ "Comp",
1393
+ "RadioGroupContext.Provider"
1394
+ ],
1395
+ "internalComponentProps": { "Comp": { "role": ["radiogroup"] } },
1396
+ "propToVariantKeys": {},
1397
+ "motionVarPrefixes": []
1398
+ };
1399
+ var Radio = {
1400
+ "name": "Radio",
1401
+ "defaultProps": {
1402
+ "labelPosition": "start",
1403
+ "variant": "primary",
1404
+ "size": "md",
1405
+ "value": ""
1406
+ },
1407
+ "getStylesLiterals": {
1408
+ "radioVariantValueRoot": "checked",
1409
+ "radioVariantValueRoot:1": "unchecked",
1410
+ "display": "flex",
1411
+ "flexDirection": "row",
1412
+ "flexDirection:1": "row-reverse",
1413
+ "alignItems": "center",
1414
+ "radioVariantValueRadio": "checked",
1415
+ "radioVariantValueRadio:1": "unchecked",
1416
+ "radioVariantValueRadioCircle": "checked",
1417
+ "radioVariantValueRadioCircle:1": "unchecked"
1418
+ },
1419
+ "cxLiterals": [
1420
+ "cursor-pointer",
1421
+ "cursor-default",
1422
+ "opacity-50",
1423
+ "border",
1424
+ "uds-ring",
1425
+ "uds-ring-within",
1426
+ "transition-[background-color,border-color]",
1427
+ "transition-shadow",
1428
+ "pointer-events-none",
1429
+ "w-[8px]",
1430
+ "h-[8px]",
1431
+ "transition-opacity",
1432
+ "cursor-[inherit]",
1433
+ "absolute",
1434
+ "opacity-0",
1435
+ "top-1/2",
1436
+ "left-1/2",
1437
+ "w-[calc(100%+2px)]",
1438
+ "h-[calc(100%+2px)]",
1439
+ "transform",
1440
+ "translate-x-[-50%]",
1441
+ "translate-y-[-50%]",
1442
+ "text-start",
1443
+ "text-end"
1444
+ ],
1445
+ "internalComponents": [
1446
+ "Box",
1447
+ "FormLabel",
1448
+ "SpringMotionConfig",
1449
+ "RootElement",
1450
+ "MotionBox"
1451
+ ],
1452
+ "internalComponentProps": {
1453
+ "Box": { "borderRadius": ["full"] },
1454
+ "FormLabel": {
1455
+ "as": ["div"],
1456
+ "variant": ["inherit"],
1457
+ "color": ["inherit"]
1458
+ },
1459
+ "RootElement": { "data-testid": ["container"] },
1460
+ "MotionBox": {
1461
+ "position": ["relative"],
1462
+ "borderRadius": ["full"],
1463
+ "alignItems": ["center"],
1464
+ "justifyContent": ["center"],
1465
+ "flex": ["none"]
1466
+ }
1467
+ },
1468
+ "propToVariantKeys": {
1469
+ "size": ["radioSizeRoot", "radioSizeRadio"],
1470
+ "variant": [
1471
+ "radioVariantRoot",
1472
+ "radioVariantRadio",
1473
+ "radioVariantRadioCircle"
1474
+ ],
1475
+ "reduceMotion": ["reducedMotion"]
1476
+ },
1477
+ "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
1478
+ };
1479
+ var UDSTooltipConfigProvider = {
1480
+ "name": "UDSTooltipConfigProvider",
1481
+ "defaultProps": {},
1482
+ "getStylesLiterals": {},
1483
+ "cxLiterals": [],
1484
+ "internalComponents": ["TooltipContext.Provider"],
1485
+ "internalComponentProps": {},
1486
+ "propToVariantKeys": {},
1487
+ "motionVarPrefixes": []
1488
+ };
1489
+ var TooltipTrigger = {
1490
+ "name": "TooltipTrigger",
1491
+ "defaultProps": {},
1492
+ "getStylesLiterals": {},
1493
+ "cxLiterals": [],
1494
+ "internalComponents": ["TooltipAnchor"],
1495
+ "internalComponentProps": { "TooltipAnchor": { "className": ["inline"] } },
1496
+ "propToVariantKeys": { "children": ["render"] },
1497
+ "motionVarPrefixes": []
1498
+ };
1499
+ var TooltipContent = {
1500
+ "name": "TooltipContent",
1501
+ "defaultProps": {},
1502
+ "getStylesLiterals": {
1503
+ "tooltipSizeRoot": "default",
1504
+ "tooltipVariantRoot": "default",
1505
+ "tooltipSizeSvg": "default",
1506
+ "tooltipVariantSvg": "default",
1507
+ "tooltipVariantBlur": "default",
1508
+ "position": "absolute",
1509
+ "width": "full",
1510
+ "height": "full",
1511
+ "tooltipSizeTitle": "default",
1512
+ "tooltipSizeBody": "default",
1513
+ "tooltipSizeEndContent": "default",
1514
+ "tooltipSizeIcon": "default",
1515
+ "tooltipVariantIcon": "default"
1516
+ },
1517
+ "cxLiterals": [
1518
+ "max-w-lg",
1519
+ "flex",
1520
+ "z-[9999]",
1521
+ "uds-bgBlurFillFallback",
1522
+ "uds-bgBlurFallback",
1523
+ "top-0",
1524
+ "left-0",
1525
+ "z-[1]"
1526
+ ],
1527
+ "internalComponents": [
1528
+ "IconSlot",
1529
+ "TooltipArrow",
1530
+ "Tooltip",
1531
+ "SvgFloatingOverlay",
1532
+ "VStack",
1533
+ "Box",
1534
+ "Text"
1535
+ ],
1536
+ "internalComponentProps": {
1537
+ "VStack": { "className": ["gap-[inherit]"] },
1538
+ "Box": {
1539
+ "alignItems": ["center"],
1540
+ "columnGap": ["1", "1.5"]
1541
+ },
1542
+ "Text": { "color": ["inherit"] }
1543
+ },
1544
+ "propToVariantKeys": { "startTitleIcon": ["icon"] },
1545
+ "motionVarPrefixes": []
1546
+ };
1547
+ var Tooltip = {
1548
+ "name": "Tooltip",
1549
+ "defaultProps": {},
1550
+ "getStylesLiterals": {},
1551
+ "cxLiterals": [],
1552
+ "internalComponents": ["TooltipInternalContext.Provider", "TooltipProvider"],
1553
+ "internalComponentProps": {},
1554
+ "propToVariantKeys": {},
1555
+ "motionVarPrefixes": []
1556
+ };
1557
+ var UDSConfigProvider = {
1558
+ "name": "UDSConfigProvider",
1559
+ "defaultProps": {},
1560
+ "getStylesLiterals": {},
1561
+ "cxLiterals": [],
1562
+ "internalComponents": [
1563
+ "UDSBreakpointsConfigProvider",
1564
+ "UDSBottomSheetConfigProvider",
1565
+ "UDSToastConfigProvider",
1566
+ "UDSTooltipConfigProvider",
1567
+ "UDSPopoverConfigProvider"
1568
+ ],
1569
+ "internalComponentProps": {},
1570
+ "propToVariantKeys": {},
1571
+ "motionVarPrefixes": []
1572
+ };
1573
+ var UDSBreakpointsConfigProvider = {
1574
+ "name": "UDSBreakpointsConfigProvider",
1575
+ "defaultProps": {},
1576
+ "getStylesLiterals": {},
1577
+ "cxLiterals": [],
1578
+ "internalComponents": ["UDSBreakpointsConfigContext.Provider"],
1579
+ "internalComponentProps": {},
1580
+ "propToVariantKeys": {},
1581
+ "motionVarPrefixes": []
1582
+ };
1583
+ var Input = {
1584
+ "name": "Input",
1585
+ "defaultProps": {
1586
+ "type": "text",
1587
+ "size": "md",
1588
+ "width": "full"
1301
1589
  },
1302
1590
  "getStylesLiterals": {
1303
1591
  "inputVariantRoot": "default",
@@ -1412,650 +1700,375 @@ var InputHelpTextInternal = {
1412
1700
  },
1413
1701
  "motionVarPrefixes": []
1414
1702
  };
1415
- var Menu_Content = {
1416
- "name": "Menu.Content",
1417
- "defaultProps": {
1418
- "size": "default",
1419
- "variant": "default",
1420
- "gutter": "1"
1421
- },
1703
+ var ChipLink = {
1704
+ "name": "ChipLink",
1705
+ "defaultProps": { "variant": "primary" },
1706
+ "getStylesLiterals": {},
1707
+ "cxLiterals": ["uds-ring"],
1708
+ "internalComponents": ["ChipBase"],
1709
+ "internalComponentProps": { "ChipBase": { "as": ["a"] } },
1710
+ "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
1711
+ "motionVarPrefixes": []
1712
+ };
1713
+ var ChipDismissible = {
1714
+ "name": "ChipDismissible",
1715
+ "defaultProps": { "variant": "primary" },
1422
1716
  "getStylesLiterals": {},
1423
1717
  "cxLiterals": [
1424
- "uds-menu-content",
1425
- "transition-shadow",
1426
- "duration-200",
1427
- "ease-in-out",
1428
- "min-w-60",
1429
- "max-w-lg",
1430
- "max-h-96",
1431
- "overflow-auto",
1718
+ "uds-chip-dismissible-button",
1719
+ "uds-hit-target",
1432
1720
  "uds-ring",
1433
- "z-10",
1434
- "group"
1721
+ "rounded-full"
1435
1722
  ],
1436
1723
  "internalComponents": [
1437
- "AriakitMenu",
1438
- "AnimatePresence",
1439
- "MotionVStack"
1724
+ "ChipBase",
1725
+ "IconSlot",
1726
+ "Pressable"
1440
1727
  ],
1441
1728
  "internalComponentProps": {},
1442
1729
  "propToVariantKeys": {
1443
- "size": ["menucontentSizeRoot"],
1444
- "variant": ["menucontentVariantRoot"]
1730
+ "variant": ["chipDismissibleVariantRoot", "chipDismissibleVariantIcon"],
1731
+ "dismissButtonAriaLabel": ["aria-label"]
1445
1732
  },
1446
1733
  "motionVarPrefixes": []
1447
1734
  };
1448
- var Menu_Divider = {
1449
- "name": "Menu.Divider",
1735
+ var ChipToggle = {
1736
+ "name": "ChipToggle",
1450
1737
  "defaultProps": {
1451
- "role": "separator",
1452
- "contentPosition": "start",
1453
- "gap": "4"
1738
+ "variant": "primary",
1739
+ "role": "checkbox"
1454
1740
  },
1455
1741
  "getStylesLiterals": {
1456
- "menuitemDividerVariantRoot": "default",
1457
- "menuitemDividerVariantText": "default",
1458
- "menuitemDividerVariantLine": "default"
1459
- },
1460
- "cxLiterals": [],
1461
- "internalComponents": ["DividerInternal"],
1462
- "internalComponentProps": { "DividerInternal": { "variant": ["inherit"] } },
1463
- "propToVariantKeys": {},
1464
- "motionVarPrefixes": []
1465
- };
1466
- var Menu_Item = {
1467
- "name": "Menu.Item",
1468
- "defaultProps": {},
1469
- "getStylesLiterals": {
1470
- "menuitemItemVariantRoot": "default",
1471
- "menuitemItemVariantActiveRoot": "on",
1472
- "menuitemItemVariantActiveRoot:1": "off",
1473
- "menuitemItemVariantText": "default",
1474
- "menuitemItemVariantActiveText": "on",
1475
- "menuitemItemVariantActiveText:1": "off",
1476
- "menuitemItemVariantIcon": "default",
1477
- "menuitemItemVariantActiveIcon": "on",
1478
- "menuitemItemVariantActiveIcon:1": "off"
1479
- },
1480
- "cxLiterals": [],
1481
- "internalComponents": ["MenuItemBase"],
1482
- "internalComponentProps": {},
1483
- "propToVariantKeys": {},
1484
- "motionVarPrefixes": []
1485
- };
1486
- var Menu_ItemBase = {
1487
- "name": "Menu.ItemBase",
1488
- "defaultProps": {
1489
- "spacing": "0",
1490
- "spacingHorizontal": "4",
1491
- "spacingVertical": "3.5",
1492
- "columnGap": "2",
1493
- "alignItems": "center",
1494
- "justifyContent": "space-between"
1495
- },
1496
- "getStylesLiterals": {
1497
- "textAlign": "start",
1498
- "menuitemSizeRoot": "default",
1499
- "flexDirection": "row",
1500
- "menuitemSizeStartIcon": "default",
1501
- "menuitemSizeEndIcon": "default"
1502
- },
1503
- "cxLiterals": [
1504
- "flex",
1505
- "focus-visible:text-brand",
1506
- "focus-visible:bg-brand-secondary",
1507
- "focus-visible:z-10",
1508
- "uds-ring",
1509
- "!-outline-offset-2",
1510
- "[&:not([aria-checked])]:cursor-default",
1511
- "opacity-25",
1512
- "cursor-not-allowed",
1513
- "duration-20",
1514
- "transition-[font-variation-settings]",
1515
- "ease-in-out",
1516
- "z-0",
1517
- "uds-start-icon",
1518
- "uds-end-icon"
1519
- ],
1520
- "internalComponents": [
1521
- "Pressable",
1522
- "IconSlot",
1523
- "RootComponent",
1524
- "HStack",
1525
- "AnimatePresence"
1526
- ],
1527
- "internalComponentProps": {
1528
- "HStack": {
1529
- "alignItems": ["center"],
1530
- "width": ["full"]
1531
- },
1532
- "AnimatePresence": { "mode": ["popLayout"] }
1533
- },
1534
- "propToVariantKeys": {
1535
- "startIcon": ["icon"],
1536
- "endIcon": ["icon"],
1537
- "columnGap": ["gap"]
1538
- },
1539
- "motionVarPrefixes": []
1540
- };
1541
- var Menu_ItemCheckbox = {
1542
- "name": "Menu.ItemCheckbox",
1543
- "defaultProps": {},
1544
- "getStylesLiterals": {
1545
- "menuitemItemCheckboxVariantRoot": "default",
1546
- "menuitemItemCheckboxVariantActiveRoot": "on",
1547
- "menuitemItemCheckboxVariantActiveRoot:1": "off",
1548
- "menuitemItemCheckboxVariantText": "default",
1549
- "menuitemItemCheckboxVariantActiveText": "on",
1550
- "menuitemItemCheckboxVariantActiveText:1": "off",
1551
- "menuitemItemCheckboxVariantStartIcon": "default",
1552
- "menuitemItemCheckboxVariantActiveStartIcon": "on",
1553
- "menuitemItemCheckboxVariantActiveStartIcon:1": "off",
1554
- "menuitemItemCheckboxVariantEndIcon": "default",
1555
- "menuitemItemCheckboxVariantActiveEndIcon": "on",
1556
- "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
1742
+ "chipToggleVariantActiveRoot": "on",
1743
+ "chipToggleVariantActiveRoot:1": "off"
1557
1744
  },
1558
- "cxLiterals": ["uds-menu-item-checkbox"],
1559
- "internalComponents": ["MenuItemBase"],
1560
- "internalComponentProps": {},
1561
- "propToVariantKeys": {},
1562
- "motionVarPrefixes": []
1563
- };
1564
- var Menu_Provider = {
1565
- "name": "Menu.Provider",
1566
- "defaultProps": {},
1567
- "getStylesLiterals": {},
1568
- "cxLiterals": [],
1569
- "internalComponents": ["AriakitMenuProvider", "SpringMotionConfig"],
1570
- "internalComponentProps": {},
1571
- "propToVariantKeys": {},
1572
- "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
1573
- };
1574
- var Menu_Trigger = {
1575
- "name": "Menu.Trigger",
1576
- "defaultProps": {},
1577
- "getStylesLiterals": {},
1578
- "cxLiterals": ["uds-menu-trigger"],
1579
- "internalComponents": ["AriakitMenuTrigger", "Box"],
1580
- "internalComponentProps": { "Box": { "className": ["uds-ring h-fit w-fit"] } },
1581
- "propToVariantKeys": {},
1582
- "motionVarPrefixes": []
1583
- };
1584
- var Menu = {
1585
- "name": "Menu",
1586
- "defaultProps": {},
1587
- "getStylesLiterals": {},
1588
- "cxLiterals": [],
1589
- "internalComponents": [],
1590
- "internalComponentProps": {},
1591
- "propToVariantKeys": {},
1745
+ "cxLiterals": ["uds-ring"],
1746
+ "internalComponents": ["ChipBase"],
1747
+ "internalComponentProps": { "ChipBase": { "as": ["button"] } },
1748
+ "propToVariantKeys": { "variant": ["chipToggleVariantRoot", "chipToggleVariantIcon"] },
1592
1749
  "motionVarPrefixes": []
1593
1750
  };
1594
- var Popover = {
1595
- "name": "Popover",
1751
+ var Chip = {
1752
+ "name": "Chip",
1596
1753
  "defaultProps": {},
1597
1754
  "getStylesLiterals": {},
1598
1755
  "cxLiterals": [],
1599
- "internalComponents": ["PopoverInternalContext.Provider", "PopoverProvider"],
1600
- "internalComponentProps": {},
1601
- "propToVariantKeys": {},
1602
- "motionVarPrefixes": []
1603
- };
1604
- var PopoverContent = {
1605
- "name": "PopoverContent",
1606
- "defaultProps": {},
1607
- "getStylesLiterals": {
1608
- "popoverSizeRoot": "default",
1609
- "popoverVariantRoot": "default",
1610
- "display": "flex",
1611
- "position": "absolute",
1612
- "spacingTop": "0",
1613
- "spacingStart": "0",
1614
- "spacingBottom": "0",
1615
- "spacingEnd": "0",
1616
- "popoverSizeSvgBase": "default",
1617
- "popoverVariantSvgBase": "default",
1618
- "popoverSizeSvgBorder": "default",
1619
- "popoverVariantSvgBorder": "default",
1620
- "popoverVariantBlur": "default",
1621
- "width": "full",
1622
- "height": "full",
1623
- "flexShrink": "0",
1624
- "borderRadius": "full",
1625
- "alignItems": "center",
1626
- "justifyContent": "center",
1627
- "popoverVariantCloseIcon": "default",
1628
- "popoverSizeCloseIcon": "default"
1629
- },
1630
- "cxLiterals": [
1631
- "z-[9999]",
1632
- "outline-none",
1633
- "focus-visible:outline-none",
1634
- "uds-bgBlurFillFallback",
1635
- "uds-bgBlurFallback",
1636
- "top-0",
1637
- "left-0",
1638
- "z-[1]",
1639
- "transition-[background-color]",
1640
- "bg-carbon-15/0",
1641
- "hover:bg-carbon-15/10",
1642
- "active:bg-carbon-15/15",
1643
- "absolute",
1644
- "z-[4]"
1645
- ],
1646
1756
  "internalComponents": [
1647
- "PopoverDismiss",
1648
- "IconSlot",
1649
- "PopoverArrow",
1650
- "Popover",
1651
- "SvgFloatingOverlay",
1652
- "Box",
1653
- "Pressable"
1757
+ "ChipDismissible",
1758
+ "ChipToggle",
1759
+ "ChipLink",
1760
+ "ChipButton"
1654
1761
  ],
1655
1762
  "internalComponentProps": {},
1656
- "propToVariantKeys": { "closeIcon": ["icon"] },
1657
- "motionVarPrefixes": []
1658
- };
1659
- var PopoverContext = {
1660
- "name": "PopoverContext",
1661
- "defaultProps": {},
1662
- "getStylesLiterals": {},
1663
- "cxLiterals": [],
1664
- "internalComponents": [],
1665
- "internalComponentProps": {},
1666
- "propToVariantKeys": {},
1667
- "motionVarPrefixes": []
1668
- };
1669
- var PopoverTrigger = {
1670
- "name": "PopoverTrigger",
1671
- "defaultProps": {},
1672
- "getStylesLiterals": {},
1673
- "cxLiterals": [],
1674
- "internalComponents": ["PopoverDisclosure"],
1675
- "internalComponentProps": { "PopoverDisclosure": { "className": ["inline"] } },
1676
- "propToVariantKeys": { "children": ["render"] },
1677
- "motionVarPrefixes": []
1678
- };
1679
- var UDSPopoverConfigProvider = {
1680
- "name": "UDSPopoverConfigProvider",
1681
- "defaultProps": {},
1682
- "getStylesLiterals": {},
1683
- "cxLiterals": [],
1684
- "internalComponents": ["PopoverContext.Provider"],
1685
- "internalComponentProps": {},
1686
1763
  "propToVariantKeys": {},
1687
1764
  "motionVarPrefixes": []
1688
1765
  };
1689
- var Radio = {
1690
- "name": "Radio",
1766
+ var ChipBase = {
1767
+ "name": "ChipBase",
1691
1768
  "defaultProps": {
1692
- "labelPosition": "start",
1693
- "variant": "primary",
1694
1769
  "size": "md",
1695
- "value": ""
1696
- },
1697
- "getStylesLiterals": {
1698
- "radioVariantValueRoot": "checked",
1699
- "radioVariantValueRoot:1": "unchecked",
1700
- "display": "flex",
1701
- "flexDirection": "row",
1702
- "flexDirection:1": "row-reverse",
1703
- "alignItems": "center",
1704
- "radioVariantValueRadio": "checked",
1705
- "radioVariantValueRadio:1": "unchecked",
1706
- "radioVariantValueRadioCircle": "checked",
1707
- "radioVariantValueRadioCircle:1": "unchecked"
1770
+ "as": "div"
1708
1771
  },
1772
+ "getStylesLiterals": {},
1709
1773
  "cxLiterals": [
1710
- "cursor-pointer",
1774
+ "pointer-events-none",
1711
1775
  "cursor-default",
1712
1776
  "opacity-50",
1713
- "border",
1714
- "uds-ring",
1715
- "uds-ring-within",
1716
- "transition-[background-color,border-color]",
1717
- "transition-shadow",
1718
- "pointer-events-none",
1719
- "w-[8px]",
1720
- "h-[8px]",
1721
- "transition-opacity",
1722
- "cursor-[inherit]",
1723
- "absolute",
1724
- "opacity-0",
1725
- "top-1/2",
1726
- "left-1/2",
1727
- "w-[calc(100%+2px)]",
1728
- "h-[calc(100%+2px)]",
1729
- "transform",
1730
- "translate-x-[-50%]",
1731
- "translate-y-[-50%]",
1732
- "text-start",
1733
- "text-end"
1734
- ],
1735
- "internalComponents": [
1736
- "Box",
1737
- "FormLabel",
1738
- "SpringMotionConfig",
1739
- "RootElement",
1740
- "MotionBox"
1741
- ],
1742
- "internalComponentProps": {
1743
- "Box": { "borderRadius": ["full"] },
1744
- "FormLabel": {
1745
- "as": ["div"],
1746
- "variant": ["inherit"],
1747
- "color": ["inherit"]
1748
- },
1749
- "RootElement": { "data-testid": ["container"] },
1750
- "MotionBox": {
1751
- "position": ["relative"],
1752
- "borderRadius": ["full"],
1753
- "alignItems": ["center"],
1754
- "justifyContent": ["center"],
1755
- "flex": ["none"]
1756
- }
1757
- },
1758
- "propToVariantKeys": {
1759
- "size": ["radioSizeRoot", "radioSizeRadio"],
1760
- "variant": [
1761
- "radioVariantRoot",
1762
- "radioVariantRadio",
1763
- "radioVariantRadioCircle"
1764
- ],
1765
- "reduceMotion": ["reducedMotion"]
1766
- },
1767
- "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
1768
- };
1769
- var RadioGroupProvider = {
1770
- "name": "RadioGroupProvider",
1771
- "defaultProps": {},
1772
- "getStylesLiterals": {},
1773
- "cxLiterals": [],
1774
- "internalComponents": [
1775
- "DivProps",
1776
- "Comp",
1777
- "RadioGroupContext.Provider"
1778
- ],
1779
- "internalComponentProps": { "Comp": { "role": ["radiogroup"] } },
1780
- "propToVariantKeys": {},
1781
- "motionVarPrefixes": []
1782
- };
1783
- var RadioGroupStore = {
1784
- "name": "RadioGroupStore",
1785
- "defaultProps": {},
1786
- "getStylesLiterals": {},
1787
- "cxLiterals": [],
1788
- "internalComponents": [],
1789
- "internalComponentProps": {},
1790
- "propToVariantKeys": {},
1791
- "motionVarPrefixes": []
1792
- };
1793
- var Toast = {
1794
- "name": "Toast",
1795
- "defaultProps": {},
1796
- "getStylesLiterals": {
1797
- "className": "flex-none",
1798
- "spacing": "2",
1799
- "borderRadius": "full"
1800
- },
1801
- "cxLiterals": [
1802
- "transition-[background-color]",
1803
- "bg-carbon-15/0",
1804
- "hover:bg-carbon-15/10",
1805
- "active:bg-carbon-15/15",
1806
- "uds-ring"
1777
+ "inline-flex",
1778
+ "items-center",
1779
+ "transition-[background-color,outline-color,box-shadow]",
1780
+ "truncate",
1781
+ "whitespace-nowrap",
1782
+ "text-center",
1783
+ "flex-1"
1807
1784
  ],
1808
1785
  "internalComponents": [
1809
1786
  "IconSlot",
1810
- "ToastContainer",
1811
- "Text",
1812
- "Button",
1813
- "Pressable"
1787
+ "HStack",
1788
+ "As",
1789
+ "Text"
1814
1790
  ],
1815
- "internalComponentProps": {},
1816
- "propToVariantKeys": {
1817
- "size": [
1818
- "toastSizeLabel",
1819
- "toastSizeIcon",
1820
- "toastSizeActionButton",
1821
- "toastSizeCloseIcon"
1822
- ],
1823
- "variant": [
1824
- "toastVariantIcon",
1825
- "toastVariantActionButton",
1826
- "toastVariantCloseIcon"
1827
- ],
1828
- "closeIcon": ["icon"],
1829
- "onClickActionButton": ["onClick"]
1830
- },
1831
- "motionVarPrefixes": []
1832
- };
1833
- var ToastContainer = {
1834
- "name": "ToastContainer",
1835
- "defaultProps": {},
1836
- "getStylesLiterals": {
1837
- "position": "relative",
1838
- "alignItems": "center",
1839
- "display": "flex",
1840
- "className": "box-border touch-none z-0 w-full break-words mb-2 last:mb-0"
1841
- },
1842
- "cxLiterals": ["w-full"],
1843
- "internalComponents": ["HStack"],
1844
- "internalComponentProps": { "HStack": {
1845
- "alignItems": ["center"],
1846
- "justifyContent": ["space-between"],
1847
- "overflow": ["hidden"],
1848
- "position": ["relative"]
1791
+ "internalComponentProps": { "Text": {
1792
+ "as": ["span"],
1793
+ "color": ["current"],
1794
+ "variant": ["inherit"]
1849
1795
  } },
1850
1796
  "propToVariantKeys": {
1851
- "variant": ["toastVariantRoot"],
1852
- "size": ["toastSizeRoot"]
1797
+ "size": ["chipSizeRoot", "chipSizeIcon"],
1798
+ "startIcon": ["icon"],
1799
+ "endIcon": ["icon"]
1853
1800
  },
1854
1801
  "motionVarPrefixes": []
1855
1802
  };
1856
- var ToastPortal = {
1857
- "name": "ToastPortal",
1858
- "defaultProps": {},
1803
+ var ChipButton = {
1804
+ "name": "ChipButton",
1805
+ "defaultProps": { "variant": "primary" },
1859
1806
  "getStylesLiterals": {},
1860
- "cxLiterals": [],
1861
- "internalComponents": ["ReactToastifyToastContainer"],
1862
- "internalComponentProps": {},
1863
- "propToVariantKeys": {},
1807
+ "cxLiterals": ["uds-ring"],
1808
+ "internalComponents": ["ChipBase"],
1809
+ "internalComponentProps": { "ChipBase": { "as": ["button"] } },
1810
+ "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
1864
1811
  "motionVarPrefixes": []
1865
1812
  };
1866
- var UDSToastConfigProvider = {
1867
- "name": "UDSToastConfigProvider",
1813
+ var Menu_Item = {
1814
+ "name": "Menu.Item",
1868
1815
  "defaultProps": {},
1869
- "getStylesLiterals": {},
1816
+ "getStylesLiterals": {
1817
+ "menuitemItemVariantRoot": "default",
1818
+ "menuitemItemVariantActiveRoot": "on",
1819
+ "menuitemItemVariantActiveRoot:1": "off",
1820
+ "menuitemItemVariantText": "default",
1821
+ "menuitemItemVariantActiveText": "on",
1822
+ "menuitemItemVariantActiveText:1": "off",
1823
+ "menuitemItemVariantIcon": "default",
1824
+ "menuitemItemVariantActiveIcon": "on",
1825
+ "menuitemItemVariantActiveIcon:1": "off"
1826
+ },
1870
1827
  "cxLiterals": [],
1871
- "internalComponents": ["ToastContext.Provider"],
1828
+ "internalComponents": ["MenuItemBase"],
1872
1829
  "internalComponentProps": {},
1873
1830
  "propToVariantKeys": {},
1874
1831
  "motionVarPrefixes": []
1875
1832
  };
1876
- var Tooltip = {
1877
- "name": "Tooltip",
1833
+ var Menu_Provider = {
1834
+ "name": "Menu.Provider",
1878
1835
  "defaultProps": {},
1879
1836
  "getStylesLiterals": {},
1880
1837
  "cxLiterals": [],
1881
- "internalComponents": ["TooltipInternalContext.Provider", "TooltipProvider"],
1838
+ "internalComponents": ["AriakitMenuProvider", "SpringMotionConfig"],
1882
1839
  "internalComponentProps": {},
1883
1840
  "propToVariantKeys": {},
1884
- "motionVarPrefixes": []
1841
+ "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
1885
1842
  };
1886
- var TooltipContent = {
1887
- "name": "TooltipContent",
1888
- "defaultProps": {},
1889
- "getStylesLiterals": {
1890
- "tooltipSizeRoot": "default",
1891
- "tooltipVariantRoot": "default",
1892
- "tooltipSizeSvg": "default",
1893
- "tooltipVariantSvg": "default",
1894
- "tooltipVariantBlur": "default",
1895
- "position": "absolute",
1896
- "width": "full",
1897
- "height": "full",
1898
- "tooltipSizeTitle": "default",
1899
- "tooltipSizeBody": "default",
1900
- "tooltipSizeEndContent": "default",
1901
- "tooltipSizeIcon": "default",
1902
- "tooltipVariantIcon": "default"
1843
+ var Menu_ItemBase = {
1844
+ "name": "Menu.ItemBase",
1845
+ "defaultProps": {
1846
+ "spacing": "0",
1847
+ "spacingHorizontal": "4",
1848
+ "spacingVertical": "3.5",
1849
+ "columnGap": "2",
1850
+ "alignItems": "center",
1851
+ "justifyContent": "space-between"
1852
+ },
1853
+ "getStylesLiterals": {
1854
+ "textAlign": "start",
1855
+ "menuitemSizeRoot": "default",
1856
+ "flexDirection": "row",
1857
+ "menuitemSizeStartIcon": "default",
1858
+ "menuitemSizeEndIcon": "default"
1903
1859
  },
1904
1860
  "cxLiterals": [
1905
1861
  "flex",
1906
- "z-[9999]",
1907
- "uds-bgBlurFillFallback",
1908
- "uds-bgBlurFallback",
1909
- "top-0",
1910
- "left-0",
1911
- "z-[1]",
1912
- "transition-opacity",
1913
- "ease-in-out"
1862
+ "focus-visible:text-brand",
1863
+ "focus-visible:bg-brand-secondary",
1864
+ "focus-visible:z-10",
1865
+ "uds-ring",
1866
+ "!-outline-offset-2",
1867
+ "[&:not([aria-checked])]:cursor-default",
1868
+ "opacity-25",
1869
+ "cursor-not-allowed",
1870
+ "duration-20",
1871
+ "transition-[font-variation-settings]",
1872
+ "ease-in-out",
1873
+ "z-0",
1874
+ "uds-start-icon",
1875
+ "uds-end-icon"
1914
1876
  ],
1915
1877
  "internalComponents": [
1878
+ "Pressable",
1916
1879
  "IconSlot",
1917
- "TooltipArrow",
1918
- "Tooltip",
1919
- "SvgFloatingOverlay",
1920
- "Box",
1921
- "Text"
1880
+ "RootComponent",
1881
+ "HStack",
1882
+ "AnimatePresence"
1922
1883
  ],
1923
1884
  "internalComponentProps": {
1924
- "Box": {
1885
+ "HStack": {
1925
1886
  "alignItems": ["center"],
1926
- "columnGap": ["1", "1.5"]
1887
+ "width": ["full"]
1927
1888
  },
1928
- "Text": { "color": ["inherit"] }
1889
+ "AnimatePresence": { "mode": ["popLayout"] }
1890
+ },
1891
+ "propToVariantKeys": {
1892
+ "startIcon": ["icon"],
1893
+ "endIcon": ["icon"],
1894
+ "columnGap": ["gap"]
1929
1895
  },
1930
- "propToVariantKeys": { "startTitleIcon": ["icon"] },
1931
1896
  "motionVarPrefixes": []
1932
1897
  };
1933
- var TooltipTrigger = {
1934
- "name": "TooltipTrigger",
1898
+ var Menu_Trigger = {
1899
+ "name": "Menu.Trigger",
1935
1900
  "defaultProps": {},
1936
1901
  "getStylesLiterals": {},
1937
- "cxLiterals": [],
1938
- "internalComponents": ["TooltipAnchor"],
1939
- "internalComponentProps": { "TooltipAnchor": { "className": ["inline"] } },
1940
- "propToVariantKeys": { "children": ["render"] },
1902
+ "cxLiterals": ["uds-menu-trigger"],
1903
+ "internalComponents": ["AriakitMenuTrigger", "Box"],
1904
+ "internalComponentProps": { "Box": { "className": ["uds-ring h-fit w-fit"] } },
1905
+ "propToVariantKeys": {},
1941
1906
  "motionVarPrefixes": []
1942
1907
  };
1943
- var UDSTooltipConfigProvider = {
1944
- "name": "UDSTooltipConfigProvider",
1945
- "defaultProps": {},
1908
+ var Menu_Content = {
1909
+ "name": "Menu.Content",
1910
+ "defaultProps": {
1911
+ "size": "default",
1912
+ "variant": "default",
1913
+ "gutter": "1"
1914
+ },
1946
1915
  "getStylesLiterals": {},
1947
- "cxLiterals": [],
1948
- "internalComponents": ["TooltipContext.Provider"],
1916
+ "cxLiterals": [
1917
+ "uds-menu-content",
1918
+ "transition-shadow",
1919
+ "duration-200",
1920
+ "ease-in-out",
1921
+ "min-w-60",
1922
+ "max-w-lg",
1923
+ "max-h-96",
1924
+ "overflow-auto",
1925
+ "uds-ring",
1926
+ "z-10",
1927
+ "group"
1928
+ ],
1929
+ "internalComponents": [
1930
+ "AriakitMenu",
1931
+ "AnimatePresence",
1932
+ "MotionVStack"
1933
+ ],
1949
1934
  "internalComponentProps": {},
1935
+ "propToVariantKeys": {
1936
+ "size": ["menucontentSizeRoot"],
1937
+ "variant": ["menucontentVariantRoot"]
1938
+ },
1939
+ "motionVarPrefixes": []
1940
+ };
1941
+ var Menu_Divider = {
1942
+ "name": "Menu.Divider",
1943
+ "defaultProps": {
1944
+ "role": "separator",
1945
+ "contentPosition": "start",
1946
+ "gap": "4"
1947
+ },
1948
+ "getStylesLiterals": {
1949
+ "menuitemDividerVariantRoot": "default",
1950
+ "menuitemDividerVariantText": "default",
1951
+ "menuitemDividerVariantLine": "default"
1952
+ },
1953
+ "cxLiterals": [],
1954
+ "internalComponents": ["DividerInternal"],
1955
+ "internalComponentProps": { "DividerInternal": { "variant": ["inherit"] } },
1950
1956
  "propToVariantKeys": {},
1951
1957
  "motionVarPrefixes": []
1952
1958
  };
1953
- var UDSBreakpointsConfigProvider = {
1954
- "name": "UDSBreakpointsConfigProvider",
1959
+ var Menu = {
1960
+ "name": "Menu",
1955
1961
  "defaultProps": {},
1956
1962
  "getStylesLiterals": {},
1957
1963
  "cxLiterals": [],
1958
- "internalComponents": ["UDSBreakpointsConfigContext.Provider"],
1964
+ "internalComponents": [],
1959
1965
  "internalComponentProps": {},
1960
1966
  "propToVariantKeys": {},
1961
1967
  "motionVarPrefixes": []
1962
1968
  };
1963
- var UDSConfigProvider = {
1964
- "name": "UDSConfigProvider",
1969
+ var Menu_ItemCheckbox = {
1970
+ "name": "Menu.ItemCheckbox",
1965
1971
  "defaultProps": {},
1966
- "getStylesLiterals": {},
1967
- "cxLiterals": [],
1968
- "internalComponents": [
1969
- "UDSBreakpointsConfigProvider",
1970
- "UDSBottomSheetConfigProvider",
1971
- "UDSToastConfigProvider",
1972
- "UDSTooltipConfigProvider",
1973
- "UDSPopoverConfigProvider"
1974
- ],
1972
+ "getStylesLiterals": {
1973
+ "menuitemItemCheckboxVariantRoot": "default",
1974
+ "menuitemItemCheckboxVariantActiveRoot": "on",
1975
+ "menuitemItemCheckboxVariantActiveRoot:1": "off",
1976
+ "menuitemItemCheckboxVariantText": "default",
1977
+ "menuitemItemCheckboxVariantActiveText": "on",
1978
+ "menuitemItemCheckboxVariantActiveText:1": "off",
1979
+ "menuitemItemCheckboxVariantStartIcon": "default",
1980
+ "menuitemItemCheckboxVariantActiveStartIcon": "on",
1981
+ "menuitemItemCheckboxVariantActiveStartIcon:1": "off",
1982
+ "menuitemItemCheckboxVariantEndIcon": "default",
1983
+ "menuitemItemCheckboxVariantActiveEndIcon": "on",
1984
+ "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
1985
+ },
1986
+ "cxLiterals": ["uds-menu-item-checkbox"],
1987
+ "internalComponents": ["MenuItemBase"],
1975
1988
  "internalComponentProps": {},
1976
1989
  "propToVariantKeys": {},
1977
1990
  "motionVarPrefixes": []
1978
1991
  };
1979
1992
  var componentData_default = {
1980
- Box,
1981
- FormLabel,
1982
- HStack,
1983
- Icon,
1984
- IconSlot,
1985
- Image,
1986
1993
  Link,
1994
+ VStack,
1995
+ Box,
1987
1996
  Scrim,
1997
+ Icon,
1988
1998
  SvgFloatingOverlay,
1999
+ FormLabel,
1989
2000
  Text,
1990
- VStack,
1991
- Divider,
1992
- DividerCore,
1993
- DividerInternal,
1994
- Spinner,
2001
+ IconSlot,
2002
+ HStack,
2003
+ Image,
1995
2004
  "Table.mocks": Table_mocks,
1996
2005
  Table,
1997
- AnimateHeightChange,
1998
- Badge,
2006
+ Spinner,
2007
+ DividerCore,
2008
+ DividerInternal,
2009
+ Divider,
1999
2010
  Button,
2000
2011
  Checkbox,
2001
- IconButton,
2002
- Pressable,
2003
2012
  SpringMotionConfig,
2013
+ IconButton,
2004
2014
  Switch,
2005
- Accordion,
2006
- AvoidMotionLibraryProvider,
2015
+ Badge,
2016
+ AnimateHeightChange,
2017
+ Pressable,
2007
2018
  ExperimentalPopover,
2008
- Modal,
2019
+ AvoidMotionLibraryProvider,
2009
2020
  SegmentedControl,
2010
2021
  SwitchV2,
2011
2022
  Tabs,
2012
- Avatar,
2013
- AvatarIcon,
2014
- AvatarImage,
2015
- AvatarText,
2016
- BottomSheet,
2023
+ Modal,
2024
+ Accordion,
2025
+ UDSPopoverConfigProvider,
2026
+ Popover,
2027
+ PopoverContext,
2028
+ PopoverTrigger,
2029
+ PopoverContent,
2017
2030
  BottomSheetContent,
2018
2031
  BottomSheetDismiss,
2032
+ BottomSheet,
2019
2033
  BottomSheetHandle,
2020
2034
  BottomSheetHeader,
2021
- BottomSheetProvider,
2022
2035
  BottomSheetTrigger,
2036
+ BottomSheetProvider,
2023
2037
  UDSBottomSheetConfigProvider,
2024
- Chip,
2025
- ChipBase,
2026
- ChipButton,
2027
- ChipDismissible,
2028
- ChipLink,
2029
- ChipToggle,
2038
+ AvatarImage,
2039
+ AvatarText,
2040
+ Avatar,
2041
+ AvatarIcon,
2042
+ UDSToastConfigProvider,
2043
+ Toast,
2044
+ ToastContainer,
2045
+ ToastPortal,
2046
+ RadioGroupStore,
2047
+ RadioGroupProvider,
2048
+ Radio,
2049
+ UDSTooltipConfigProvider,
2050
+ TooltipTrigger,
2051
+ TooltipContent,
2052
+ Tooltip,
2053
+ UDSConfigProvider,
2054
+ UDSBreakpointsConfigProvider,
2030
2055
  Input,
2031
2056
  InputHelpText,
2032
2057
  InputHelpTextInternal,
2033
- "Menu.Content": Menu_Content,
2034
- "Menu.Divider": Menu_Divider,
2058
+ ChipLink,
2059
+ ChipDismissible,
2060
+ ChipToggle,
2061
+ Chip,
2062
+ ChipBase,
2063
+ ChipButton,
2035
2064
  "Menu.Item": Menu_Item,
2036
- "Menu.ItemBase": Menu_ItemBase,
2037
- "Menu.ItemCheckbox": Menu_ItemCheckbox,
2038
2065
  "Menu.Provider": Menu_Provider,
2066
+ "Menu.ItemBase": Menu_ItemBase,
2039
2067
  "Menu.Trigger": Menu_Trigger,
2068
+ "Menu.Content": Menu_Content,
2069
+ "Menu.Divider": Menu_Divider,
2040
2070
  Menu,
2041
- Popover,
2042
- PopoverContent,
2043
- PopoverContext,
2044
- PopoverTrigger,
2045
- UDSPopoverConfigProvider,
2046
- Radio,
2047
- RadioGroupProvider,
2048
- RadioGroupStore,
2049
- Toast,
2050
- ToastContainer,
2051
- ToastPortal,
2052
- UDSToastConfigProvider,
2053
- Tooltip,
2054
- TooltipContent,
2055
- TooltipTrigger,
2056
- UDSTooltipConfigProvider,
2057
- UDSBreakpointsConfigProvider,
2058
- UDSConfigProvider
2071
+ "Menu.ItemCheckbox": Menu_ItemCheckbox
2059
2072
  };
2060
2073
 
2061
2074
  //#endregion