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