@yahoo/uds 3.119.1 → 3.119.2

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