@yahoo/uds 3.119.0 → 3.119.1

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