@yahoo/uds 3.135.0-beta.1 → 3.135.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (16) hide show
  1. package/dist/components/client/Menu/Menu.ItemCheckbox.d.cts +1 -1
  2. package/dist/components/client/Menu/Menu.ItemCheckbox.d.ts +1 -1
  3. package/dist/components/client/Popover/UDSPopoverConfigProvider.d.cts +1 -1
  4. package/dist/components/client/Popover/UDSPopoverConfigProvider.d.ts +1 -1
  5. package/dist/index.d.cts +2 -2
  6. package/dist/index.d.ts +2 -2
  7. package/dist/styles/styler.d.cts +24 -24
  8. package/dist/styles/styler.d.ts +24 -24
  9. package/dist/tailwind/dist/css/theme.d.cts +1 -1
  10. package/dist/tailwind/dist/css/theme.d.ts +1 -1
  11. package/dist/tailwind/dist/index.d.cts +2 -2
  12. package/dist/tailwind/dist/index.d.ts +2 -2
  13. package/dist/uds/generated/componentData.cjs +1489 -1489
  14. package/dist/uds/generated/componentData.js +1489 -1489
  15. package/generated/componentData.json +2200 -2200
  16. package/package.json +1 -1
package/dist/uds/generated/componentData.cjs CHANGED
@@ -1,104 +1,21 @@
1
1
  /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
2
2
  //#region generated/componentData.json
3
- var VStack = {
4
- "name": "VStack",
5
- "defaultProps": {},
6
- "getStylesLiterals": {},
7
- "cxLiterals": [],
8
- "internalComponents": ["Box"],
9
- "internalComponentProps": { "Box": { "flexDirection": ["column"] } },
10
- "propToVariantKeys": { "gap": ["columnGap", "rowGap"] },
11
- "runtimeConfigDefaultProps": {},
12
- "runtimeConfigGetStyles": {},
13
- "runtimeConfigInternalComponentProps": {},
14
- "motionVarPrefixes": []
15
- };
16
- var Scrim = {
17
- "name": "Scrim",
3
+ var Box = {
4
+ "name": "Box",
18
5
  "defaultProps": {
19
- "variant": "default",
20
- "position": "fixed"
21
- },
22
- "getStylesLiterals": {},
23
- "cxLiterals": [
24
- "fixed",
25
- "absolute",
26
- "inset-0",
27
- "z-40",
28
- "transition-opacity",
29
- "duration-150",
30
- "data-[enter]:opacity-100",
31
- "[&:not([data-enter])]:opacity-0",
32
- "opacity-100",
33
- "uds-bgBlurFallback"
34
- ],
35
- "internalComponents": ["Box"],
36
- "internalComponentProps": { "Box": { "display": ["block"] } },
37
- "propToVariantKeys": { "variant": ["scrimVariantRoot"] },
38
- "runtimeConfigDefaultProps": {},
39
- "runtimeConfigGetStyles": {},
40
- "runtimeConfigInternalComponentProps": {},
41
- "motionVarPrefixes": []
42
- };
43
- var Link = {
44
- "name": "Link",
45
- "defaultProps": { "variant": "primary" },
46
- "getStylesLiterals": {
47
- "display": "inline-flex",
48
- "alignItems": "center"
49
- },
50
- "cxLiterals": [
51
- "uds-ring",
52
- "underline",
53
- "w-[0.7em]",
54
- "h-[0.7em]"
55
- ],
56
- "internalComponents": ["IconSlot"],
57
- "internalComponentProps": { "IconSlot": { "data-testid": ["start-icon", "end-icon"] } },
58
- "propToVariantKeys": {
59
- "textVariant": [
60
- "linkTextStyleRoot",
61
- "fontSize",
62
- "fontFamily",
63
- "fontWeight",
64
- "lineHeight",
65
- "textTransform",
66
- "linkTextStyleIcon"
67
- ],
68
- "variant": [
69
- "linkVariantRoot",
70
- "linkVariantIconStart",
71
- "linkVariantIconEnd"
72
- ],
73
- "startIcon": ["icon"],
74
- "endIcon": ["icon"]
6
+ "as": "div",
7
+ "display": "flex"
75
8
  },
76
- "runtimeConfigDefaultProps": {},
77
- "runtimeConfigGetStyles": {},
78
- "runtimeConfigInternalComponentProps": {},
79
- "motionVarPrefixes": []
80
- };
81
- var IconSlot = {
82
- "name": "IconSlot",
83
- "defaultProps": {},
84
- "getStylesLiterals": {},
85
- "cxLiterals": [],
86
- "internalComponents": ["Icon"],
87
- "internalComponentProps": {},
88
- "propToVariantKeys": {},
89
- "runtimeConfigDefaultProps": {},
90
- "runtimeConfigGetStyles": {},
91
- "runtimeConfigInternalComponentProps": {},
92
- "motionVarPrefixes": []
93
- };
94
- var Image = {
95
- "name": "Image",
96
- "defaultProps": {},
97
9
  "getStylesLiterals": {},
98
10
  "cxLiterals": [],
99
- "internalComponents": [],
11
+ "internalComponents": ["Comp"],
100
12
  "internalComponentProps": {},
101
- "propToVariantKeys": {},
13
+ "propToVariantKeys": { "elevationAlias": [
14
+ "backgroundColor",
15
+ "borderColor",
16
+ "borderWidth",
17
+ "dropShadow"
18
+ ] },
102
19
  "runtimeConfigDefaultProps": {},
103
20
  "runtimeConfigGetStyles": {},
104
21
  "runtimeConfigInternalComponentProps": {},
@@ -125,22 +42,14 @@ var FormLabel = {
125
42
  "runtimeConfigInternalComponentProps": {},
126
43
  "motionVarPrefixes": []
127
44
  };
128
- var Box = {
129
- "name": "Box",
130
- "defaultProps": {
131
- "as": "div",
132
- "display": "flex"
133
- },
45
+ var HStack = {
46
+ "name": "HStack",
47
+ "defaultProps": {},
134
48
  "getStylesLiterals": {},
135
49
  "cxLiterals": [],
136
- "internalComponents": ["Comp"],
137
- "internalComponentProps": {},
138
- "propToVariantKeys": { "elevationAlias": [
139
- "backgroundColor",
140
- "borderColor",
141
- "borderWidth",
142
- "dropShadow"
143
- ] },
50
+ "internalComponents": ["Box"],
51
+ "internalComponentProps": { "Box": { "flexDirection": ["row"] } },
52
+ "propToVariantKeys": { "gap": ["rowGap", "columnGap"] },
144
53
  "runtimeConfigDefaultProps": {},
145
54
  "runtimeConfigGetStyles": {},
146
55
  "runtimeConfigInternalComponentProps": {},
@@ -163,37 +72,92 @@ var Icon = {
163
72
  "runtimeConfigInternalComponentProps": {},
164
73
  "motionVarPrefixes": []
165
74
  };
166
- var HStack = {
167
- "name": "HStack",
75
+ var IconSlot = {
76
+ "name": "IconSlot",
168
77
  "defaultProps": {},
169
78
  "getStylesLiterals": {},
170
79
  "cxLiterals": [],
171
- "internalComponents": ["Box"],
172
- "internalComponentProps": { "Box": { "flexDirection": ["row"] } },
173
- "propToVariantKeys": { "gap": ["rowGap", "columnGap"] },
80
+ "internalComponents": ["Icon"],
81
+ "internalComponentProps": {},
82
+ "propToVariantKeys": {},
174
83
  "runtimeConfigDefaultProps": {},
175
84
  "runtimeConfigGetStyles": {},
176
85
  "runtimeConfigInternalComponentProps": {},
177
86
  "motionVarPrefixes": []
178
87
  };
179
- var Text = {
180
- "name": "Text",
181
- "defaultProps": {
182
- "color": "primary",
183
- "variant": "body1"
184
- },
88
+ var Image = {
89
+ "name": "Image",
90
+ "defaultProps": {},
185
91
  "getStylesLiterals": {},
186
92
  "cxLiterals": [],
187
- "internalComponents": ["Comp"],
93
+ "internalComponents": [],
188
94
  "internalComponentProps": {},
189
- "propToVariantKeys": { "variant": [
190
- "fontFamily",
191
- "fontSize",
192
- "fontWeight",
193
- "lineHeight",
194
- "textTransform",
195
- "letterSpacing"
196
- ] },
95
+ "propToVariantKeys": {},
96
+ "runtimeConfigDefaultProps": {},
97
+ "runtimeConfigGetStyles": {},
98
+ "runtimeConfigInternalComponentProps": {},
99
+ "motionVarPrefixes": []
100
+ };
101
+ var Link = {
102
+ "name": "Link",
103
+ "defaultProps": { "variant": "primary" },
104
+ "getStylesLiterals": {
105
+ "display": "inline-flex",
106
+ "alignItems": "center"
107
+ },
108
+ "cxLiterals": [
109
+ "uds-ring",
110
+ "underline",
111
+ "w-[0.7em]",
112
+ "h-[0.7em]"
113
+ ],
114
+ "internalComponents": ["IconSlot"],
115
+ "internalComponentProps": { "IconSlot": { "data-testid": ["start-icon", "end-icon"] } },
116
+ "propToVariantKeys": {
117
+ "textVariant": [
118
+ "linkTextStyleRoot",
119
+ "fontSize",
120
+ "fontFamily",
121
+ "fontWeight",
122
+ "lineHeight",
123
+ "textTransform",
124
+ "linkTextStyleIcon"
125
+ ],
126
+ "variant": [
127
+ "linkVariantRoot",
128
+ "linkVariantIconStart",
129
+ "linkVariantIconEnd"
130
+ ],
131
+ "startIcon": ["icon"],
132
+ "endIcon": ["icon"]
133
+ },
134
+ "runtimeConfigDefaultProps": {},
135
+ "runtimeConfigGetStyles": {},
136
+ "runtimeConfigInternalComponentProps": {},
137
+ "motionVarPrefixes": []
138
+ };
139
+ var Scrim = {
140
+ "name": "Scrim",
141
+ "defaultProps": {
142
+ "variant": "default",
143
+ "position": "fixed"
144
+ },
145
+ "getStylesLiterals": {},
146
+ "cxLiterals": [
147
+ "fixed",
148
+ "absolute",
149
+ "inset-0",
150
+ "z-40",
151
+ "transition-opacity",
152
+ "duration-150",
153
+ "data-[enter]:opacity-100",
154
+ "[&:not([data-enter])]:opacity-0",
155
+ "opacity-100",
156
+ "uds-bgBlurFallback"
157
+ ],
158
+ "internalComponents": ["Box"],
159
+ "internalComponentProps": { "Box": { "display": ["block"] } },
160
+ "propToVariantKeys": { "variant": ["scrimVariantRoot"] },
197
161
  "runtimeConfigDefaultProps": {},
198
162
  "runtimeConfigGetStyles": {},
199
163
  "runtimeConfigInternalComponentProps": {},
@@ -233,6 +197,42 @@ var SvgFloatingOverlay = {
233
197
  "runtimeConfigInternalComponentProps": {},
234
198
  "motionVarPrefixes": []
235
199
  };
200
+ var Text = {
201
+ "name": "Text",
202
+ "defaultProps": {
203
+ "color": "primary",
204
+ "variant": "body1"
205
+ },
206
+ "getStylesLiterals": {},
207
+ "cxLiterals": [],
208
+ "internalComponents": ["Comp"],
209
+ "internalComponentProps": {},
210
+ "propToVariantKeys": { "variant": [
211
+ "fontFamily",
212
+ "fontSize",
213
+ "fontWeight",
214
+ "lineHeight",
215
+ "textTransform",
216
+ "letterSpacing"
217
+ ] },
218
+ "runtimeConfigDefaultProps": {},
219
+ "runtimeConfigGetStyles": {},
220
+ "runtimeConfigInternalComponentProps": {},
221
+ "motionVarPrefixes": []
222
+ };
223
+ var VStack = {
224
+ "name": "VStack",
225
+ "defaultProps": {},
226
+ "getStylesLiterals": {},
227
+ "cxLiterals": [],
228
+ "internalComponents": ["Box"],
229
+ "internalComponentProps": { "Box": { "flexDirection": ["column"] } },
230
+ "propToVariantKeys": { "gap": ["columnGap", "rowGap"] },
231
+ "runtimeConfigDefaultProps": {},
232
+ "runtimeConfigGetStyles": {},
233
+ "runtimeConfigInternalComponentProps": {},
234
+ "motionVarPrefixes": []
235
+ };
236
236
  var Avatar = {
237
237
  "name": "Avatar",
238
238
  "defaultProps": {},
@@ -275,8 +275,8 @@ var AvatarIcon = {
275
275
  "runtimeConfigInternalComponentProps": {},
276
276
  "motionVarPrefixes": []
277
277
  };
278
- var AvatarText = {
279
- "name": "AvatarText",
278
+ var AvatarImageNoFallback = {
279
+ "name": "AvatarImageNoFallback",
280
280
  "defaultProps": {
281
281
  "size": "md",
282
282
  "variant": "primary"
@@ -284,28 +284,25 @@ var AvatarText = {
284
284
  "getStylesLiterals": {},
285
285
  "cxLiterals": [
286
286
  "overflow-hidden",
287
- "truncate",
288
287
  "w-full",
289
288
  "h-full",
290
289
  "shrink-0",
291
290
  "text-center",
292
291
  "inline-flex",
293
292
  "justify-center",
294
- "items-center"
293
+ "items-center",
294
+ "object-cover"
295
295
  ],
296
- "internalComponents": ["Box", "Text"],
297
- "internalComponentProps": { "Text": {
298
- "color": ["inherit"],
299
- "variant": ["inherit"]
300
- } },
296
+ "internalComponents": ["UDSImage", "Box"],
297
+ "internalComponentProps": {},
301
298
  "propToVariantKeys": {},
302
299
  "runtimeConfigDefaultProps": {},
303
300
  "runtimeConfigGetStyles": {},
304
301
  "runtimeConfigInternalComponentProps": {},
305
302
  "motionVarPrefixes": []
306
303
  };
307
- var AvatarImageNoFallback = {
308
- "name": "AvatarImageNoFallback",
304
+ var AvatarText = {
305
+ "name": "AvatarText",
309
306
  "defaultProps": {
310
307
  "size": "md",
311
308
  "variant": "primary"
@@ -313,30 +310,20 @@ var AvatarImageNoFallback = {
313
310
  "getStylesLiterals": {},
314
311
  "cxLiterals": [
315
312
  "overflow-hidden",
313
+ "truncate",
316
314
  "w-full",
317
315
  "h-full",
318
316
  "shrink-0",
319
317
  "text-center",
320
318
  "inline-flex",
321
319
  "justify-center",
322
- "items-center",
323
- "object-cover"
320
+ "items-center"
324
321
  ],
325
- "internalComponents": ["UDSImage", "Box"],
326
- "internalComponentProps": {},
327
- "propToVariantKeys": {},
328
- "runtimeConfigDefaultProps": {},
329
- "runtimeConfigGetStyles": {},
330
- "runtimeConfigInternalComponentProps": {},
331
- "motionVarPrefixes": []
332
- };
333
- var BannerTitle = {
334
- "name": "BannerTitle",
335
- "defaultProps": {},
336
- "getStylesLiterals": { "bannerSizeTitle": "default" },
337
- "cxLiterals": ["w-full", "truncate"],
338
- "internalComponents": ["Text"],
339
- "internalComponentProps": {},
322
+ "internalComponents": ["Box", "Text"],
323
+ "internalComponentProps": { "Text": {
324
+ "color": ["inherit"],
325
+ "variant": ["inherit"]
326
+ } },
340
327
  "propToVariantKeys": {},
341
328
  "runtimeConfigDefaultProps": {},
342
329
  "runtimeConfigGetStyles": {},
@@ -456,6 +443,81 @@ var BannerDescription = {
456
443
  "runtimeConfigInternalComponentProps": {},
457
444
  "motionVarPrefixes": []
458
445
  };
446
+ var BannerTitle = {
447
+ "name": "BannerTitle",
448
+ "defaultProps": {},
449
+ "getStylesLiterals": { "bannerSizeTitle": "default" },
450
+ "cxLiterals": ["w-full", "truncate"],
451
+ "internalComponents": ["Text"],
452
+ "internalComponentProps": {},
453
+ "propToVariantKeys": {},
454
+ "runtimeConfigDefaultProps": {},
455
+ "runtimeConfigGetStyles": {},
456
+ "runtimeConfigInternalComponentProps": {},
457
+ "motionVarPrefixes": []
458
+ };
459
+ var Divider = {
460
+ "name": "Divider",
461
+ "defaultProps": {},
462
+ "getStylesLiterals": {},
463
+ "cxLiterals": [],
464
+ "internalComponents": ["DividerInternal"],
465
+ "internalComponentProps": {},
466
+ "propToVariantKeys": {},
467
+ "runtimeConfigDefaultProps": {},
468
+ "runtimeConfigGetStyles": {},
469
+ "runtimeConfigInternalComponentProps": {},
470
+ "motionVarPrefixes": []
471
+ };
472
+ var DividerCore = {
473
+ "name": "DividerCore",
474
+ "defaultProps": { "contentPosition": "center" },
475
+ "getStylesLiterals": {},
476
+ "cxLiterals": [],
477
+ "internalComponents": [
478
+ "Box",
479
+ "Line",
480
+ "InternalComponent",
481
+ "Text"
482
+ ],
483
+ "internalComponentProps": {
484
+ "Box": {
485
+ "flex": ["1", "none"],
486
+ "display": ["flex"]
487
+ },
488
+ "InternalComponent": {
489
+ "flex": ["1"],
490
+ "alignItems": ["center"]
491
+ },
492
+ "Text": {
493
+ "as": ["span"],
494
+ "color": ["inherit"],
495
+ "variant": ["inherit"]
496
+ }
497
+ },
498
+ "propToVariantKeys": {},
499
+ "runtimeConfigDefaultProps": {},
500
+ "runtimeConfigGetStyles": {},
501
+ "runtimeConfigInternalComponentProps": {},
502
+ "motionVarPrefixes": []
503
+ };
504
+ var DividerInternal = {
505
+ "name": "DividerInternal",
506
+ "defaultProps": { "variant": "primary" },
507
+ "getStylesLiterals": {},
508
+ "cxLiterals": ["inherit"],
509
+ "internalComponents": ["DividerCore"],
510
+ "internalComponentProps": {},
511
+ "propToVariantKeys": { "variant": [
512
+ "dividerVariantRoot",
513
+ "dividerVariantLabel",
514
+ "dividerVariantLine"
515
+ ] },
516
+ "runtimeConfigDefaultProps": {},
517
+ "runtimeConfigGetStyles": {},
518
+ "runtimeConfigInternalComponentProps": {},
519
+ "motionVarPrefixes": []
520
+ };
459
521
  var Spinner = {
460
522
  "name": "Spinner",
461
523
  "defaultProps": {
@@ -480,6 +542,19 @@ var Spinner = {
480
542
  "runtimeConfigInternalComponentProps": {},
481
543
  "motionVarPrefixes": []
482
544
  };
545
+ var Table_mocks = {
546
+ "name": "Table.mocks",
547
+ "defaultProps": {},
548
+ "getStylesLiterals": {},
549
+ "cxLiterals": [],
550
+ "internalComponents": [],
551
+ "internalComponentProps": {},
552
+ "propToVariantKeys": {},
553
+ "runtimeConfigDefaultProps": {},
554
+ "runtimeConfigGetStyles": {},
555
+ "runtimeConfigInternalComponentProps": {},
556
+ "motionVarPrefixes": []
557
+ };
483
558
  var Table = {
484
559
  "name": "Table",
485
560
  "defaultProps": {
@@ -511,19 +586,106 @@ var Table = {
511
586
  "runtimeConfigInternalComponentProps": {},
512
587
  "motionVarPrefixes": []
513
588
  };
514
- var Table_mocks = {
515
- "name": "Table.mocks",
589
+ var AnimateHeightChange = {
590
+ "name": "AnimateHeightChange",
516
591
  "defaultProps": {},
517
592
  "getStylesLiterals": {},
518
- "cxLiterals": [],
519
- "internalComponents": [],
520
- "internalComponentProps": {},
521
- "propToVariantKeys": {},
593
+ "cxLiterals": ["overflow-hidden"],
594
+ "internalComponents": ["SpringMotionConfig"],
595
+ "internalComponentProps": { "SpringMotionConfig": { "layoutSpeed": ["4"] } },
596
+ "propToVariantKeys": { "reduceMotion": ["reducedMotion"] },
597
+ "runtimeConfigDefaultProps": {},
598
+ "runtimeConfigGetStyles": {},
599
+ "runtimeConfigInternalComponentProps": {},
600
+ "motionVarPrefixes": ["--uds-motion-subtle-4-", "--uds-motion-smooth-3-"]
601
+ };
602
+ var Badge = {
603
+ "name": "Badge",
604
+ "defaultProps": {
605
+ "variant": "primary",
606
+ "size": "md"
607
+ },
608
+ "getStylesLiterals": {},
609
+ "cxLiterals": [
610
+ "flex-1",
611
+ "truncate",
612
+ "whitespace-nowrap",
613
+ "text-center"
614
+ ],
615
+ "internalComponents": ["IconSlot", "HStack"],
616
+ "internalComponentProps": {
617
+ "IconSlot": { "data-testid": ["start-icon", "end-icon"] },
618
+ "HStack": {
619
+ "gap": ["2"],
620
+ "display": ["inline-flex"],
621
+ "alignItems": ["center"]
622
+ }
623
+ },
624
+ "propToVariantKeys": {
625
+ "size": ["badgeSizeRoot", "badgeSizeIcon"],
626
+ "variant": ["badgeVariantRoot", "badgeVariantIcon"],
627
+ "startIcon": ["icon"],
628
+ "endIcon": ["icon"]
629
+ },
522
630
  "runtimeConfigDefaultProps": {},
523
631
  "runtimeConfigGetStyles": {},
524
632
  "runtimeConfigInternalComponentProps": {},
525
633
  "motionVarPrefixes": []
526
634
  };
635
+ var Button = {
636
+ "name": "Button",
637
+ "defaultProps": { "type": "button" },
638
+ "getStylesLiterals": {},
639
+ "cxLiterals": [
640
+ "uds-ring",
641
+ "uds-hit-target",
642
+ "inline-flex",
643
+ "overflow-hidden",
644
+ "justify-center",
645
+ "items-center",
646
+ "whitespace-nowrap",
647
+ "select-none",
648
+ "[transform-origin:center]",
649
+ "[backface-visibility:hidden]",
650
+ "[transition-property:color,background-color,border-color,box-shadow,text-decoration-color,fill,stroke]",
651
+ "[transition-timing-function:cubic-bezier(0,0,0.2,1)]",
652
+ "[transition-duration:220ms]",
653
+ "cursor-not-allowed",
654
+ "uds-button-loading",
655
+ "uds-button-without-effects",
656
+ "withIcon",
657
+ "uds-button-with-gap",
658
+ "animate-spin",
659
+ "truncate"
660
+ ],
661
+ "internalComponents": [
662
+ "Icon",
663
+ "IconSlot",
664
+ "AnimatePresence",
665
+ "SpringMotionConfig",
666
+ "MotionSlot"
667
+ ],
668
+ "internalComponentProps": {
669
+ "Icon": { "color": ["current"] },
670
+ "AnimatePresence": { "mode": ["popLayout"] },
671
+ "SpringMotionConfig": { "layoutSpeed": ["3"] },
672
+ "MotionSlot": {
673
+ "whileHover": ["hover"],
674
+ "whileTap": ["pressed"]
675
+ }
676
+ },
677
+ "propToVariantKeys": {
678
+ "size": ["buttonSizeRoot", "buttonSizeIcon"],
679
+ "variant": ["buttonVariantRoot", "buttonVariantIcon"],
680
+ "iconVariant": ["variant"],
681
+ "startIcon": ["icon"],
682
+ "endIcon": ["icon"]
683
+ },
684
+ "runtimeConfigDefaultProps": {},
685
+ "runtimeConfigGetStyles": {},
686
+ "runtimeConfigInternalComponentProps": {},
687
+ "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
688
+ };
527
689
  var Checkbox = {
528
690
  "name": "Checkbox",
529
691
  "defaultProps": {
@@ -600,30 +762,85 @@ var Checkbox = {
600
762
  "runtimeConfigInternalComponentProps": {},
601
763
  "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
602
764
  };
603
- var Pressable = {
604
- "name": "Pressable",
605
- "defaultProps": {},
765
+ var IconButton = {
766
+ "name": "IconButton",
767
+ "defaultProps": { "type": "button" },
606
768
  "getStylesLiterals": {},
607
- "cxLiterals": [],
608
- "internalComponents": ["Comp"],
609
- "internalComponentProps": {},
610
- "propToVariantKeys": {},
611
- "runtimeConfigDefaultProps": {},
612
- "runtimeConfigGetStyles": {},
613
- "runtimeConfigInternalComponentProps": {},
614
- "motionVarPrefixes": []
615
- };
616
- var Switch = {
617
- "name": "Switch",
618
- "defaultProps": {
619
- "labelPosition": "start",
620
- "size": "md"
621
- },
622
- "getStylesLiterals": {
623
- "switchVariantRoot": "default",
624
- "switchVariantActiveRoot": "on",
625
- "switchVariantActiveRoot:1": "off",
626
- "display": "flex",
769
+ "cxLiterals": [
770
+ "uds-ring",
771
+ "uds-hit-target",
772
+ "inline-flex",
773
+ "overflow-hidden",
774
+ "justify-center",
775
+ "items-center",
776
+ "[transform-origin:center]",
777
+ "[backface-visibility:hidden]",
778
+ "[transition-property:color,background-color,border-color,",
779
+ "box-shadow,text-decoration-color,fill,stroke]",
780
+ "[transition-timing-function:cubic-bezier(0,0,0.2,1)]",
781
+ "[transition-duration:220ms]",
782
+ "cursor-not-allowed",
783
+ "uds-button-loading",
784
+ "uds-button-without-effects",
785
+ "animate-spin"
786
+ ],
787
+ "internalComponents": [
788
+ "Icon",
789
+ "SpringMotionConfig",
790
+ "AnimatePresence"
791
+ ],
792
+ "internalComponentProps": {
793
+ "Icon": { "color": ["current"] },
794
+ "SpringMotionConfig": { "layoutSpeed": ["3"] },
795
+ "AnimatePresence": { "mode": ["popLayout"] }
796
+ },
797
+ "propToVariantKeys": {
798
+ "size": ["iconbuttonSizeRoot", "iconbuttonSizeIcon"],
799
+ "variant": ["buttonVariantRoot", "buttonVariantIcon"],
800
+ "iconVariant": ["variant"]
801
+ },
802
+ "runtimeConfigDefaultProps": {},
803
+ "runtimeConfigGetStyles": {},
804
+ "runtimeConfigInternalComponentProps": {},
805
+ "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
806
+ };
807
+ var Pressable = {
808
+ "name": "Pressable",
809
+ "defaultProps": {},
810
+ "getStylesLiterals": {},
811
+ "cxLiterals": [],
812
+ "internalComponents": ["Comp"],
813
+ "internalComponentProps": {},
814
+ "propToVariantKeys": {},
815
+ "runtimeConfigDefaultProps": {},
816
+ "runtimeConfigGetStyles": {},
817
+ "runtimeConfigInternalComponentProps": {},
818
+ "motionVarPrefixes": []
819
+ };
820
+ var SpringMotionConfig = {
821
+ "name": "SpringMotionConfig",
822
+ "defaultProps": { "reducedMotion": "user" },
823
+ "getStylesLiterals": {},
824
+ "cxLiterals": [],
825
+ "internalComponents": ["LazyMotion", "MotionConfig"],
826
+ "internalComponentProps": {},
827
+ "propToVariantKeys": { "loadFeatures": ["features"] },
828
+ "runtimeConfigDefaultProps": {},
829
+ "runtimeConfigGetStyles": {},
830
+ "runtimeConfigInternalComponentProps": {},
831
+ "motionVarPrefixes": []
832
+ };
833
+ var Switch = {
834
+ "name": "Switch",
835
+ "defaultProps": {
836
+ "labelPosition": "start",
837
+ "size": "md"
838
+ },
839
+ "getStylesLiterals": {
840
+ "switchVariantRoot": "default",
841
+ "switchVariantActiveRoot": "on",
842
+ "switchVariantActiveRoot:1": "off",
843
+ "display": "flex",
627
844
  "flexDirection": "row",
628
845
  "flexDirection:1": "row-reverse",
629
846
  "alignItems": "center",
@@ -706,347 +923,130 @@ var Switch = {
706
923
  "runtimeConfigInternalComponentProps": {},
707
924
  "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
708
925
  };
709
- var IconButton = {
710
- "name": "IconButton",
711
- "defaultProps": { "type": "button" },
926
+ var Accordion = {
927
+ "name": "Accordion",
928
+ "defaultProps": {
929
+ "spacingHorizontal": "4",
930
+ "spacingVertical": "4"
931
+ },
712
932
  "getStylesLiterals": {},
713
- "cxLiterals": [
714
- "uds-ring",
715
- "uds-hit-target",
716
- "inline-flex",
717
- "overflow-hidden",
718
- "justify-center",
719
- "items-center",
720
- "[transform-origin:center]",
721
- "[backface-visibility:hidden]",
722
- "[transition-property:color,background-color,border-color,",
723
- "box-shadow,text-decoration-color,fill,stroke]",
724
- "[transition-timing-function:cubic-bezier(0,0,0.2,1)]",
725
- "[transition-duration:220ms]",
726
- "cursor-not-allowed",
727
- "uds-button-loading",
728
- "uds-button-without-effects",
729
- "animate-spin"
730
- ],
933
+ "cxLiterals": ["hover:bg-secondary/80", "w-full"],
731
934
  "internalComponents": [
732
935
  "Icon",
733
936
  "SpringMotionConfig",
734
- "AnimatePresence"
937
+ "Pressable",
938
+ "Text",
939
+ "HStack",
940
+ "AnimatePresence",
941
+ "VStack"
735
942
  ],
736
943
  "internalComponentProps": {
737
- "Icon": { "color": ["current"] },
738
- "SpringMotionConfig": { "layoutSpeed": ["3"] },
739
- "AnimatePresence": { "mode": ["popLayout"] }
740
- },
741
- "propToVariantKeys": {
742
- "size": ["iconbuttonSizeRoot", "iconbuttonSizeIcon"],
743
- "variant": ["buttonVariantRoot", "buttonVariantIcon"],
744
- "iconVariant": ["variant"]
944
+ "Icon": {
945
+ "variant": ["fill"],
946
+ "size": ["sm"],
947
+ "color": ["primary"]
948
+ },
949
+ "SpringMotionConfig": {
950
+ "layoutVariant": ["smooth"],
951
+ "layoutSpeed": ["3"]
952
+ },
953
+ "Pressable": {
954
+ "display": ["flex"],
955
+ "flexDirection": ["row"],
956
+ "alignItems": ["center"],
957
+ "justifyContent": ["space-between"],
958
+ "borderRadius": ["md"]
959
+ },
960
+ "Text": {
961
+ "variant": ["title4"],
962
+ "color": ["primary"]
963
+ },
964
+ "HStack": {
965
+ "display": ["flex"],
966
+ "alignItems": ["center"],
967
+ "justifyContent": ["space-between"],
968
+ "columnGap": ["2.5"]
969
+ }
745
970
  },
971
+ "propToVariantKeys": {},
746
972
  "runtimeConfigDefaultProps": {},
747
973
  "runtimeConfigGetStyles": {},
748
974
  "runtimeConfigInternalComponentProps": {},
749
- "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
975
+ "motionVarPrefixes": ["--uds-motion-smooth-3-"]
750
976
  };
751
- var SpringMotionConfig = {
752
- "name": "SpringMotionConfig",
753
- "defaultProps": { "reducedMotion": "user" },
977
+ var AvoidMotionLibraryProvider = {
978
+ "name": "AvoidMotionLibraryProvider",
979
+ "defaultProps": {},
754
980
  "getStylesLiterals": {},
755
981
  "cxLiterals": [],
756
- "internalComponents": ["LazyMotion", "MotionConfig"],
982
+ "internalComponents": [],
757
983
  "internalComponentProps": {},
758
- "propToVariantKeys": { "loadFeatures": ["features"] },
984
+ "propToVariantKeys": {},
759
985
  "runtimeConfigDefaultProps": {},
760
986
  "runtimeConfigGetStyles": {},
761
987
  "runtimeConfigInternalComponentProps": {},
762
988
  "motionVarPrefixes": []
763
989
  };
764
- var AnimateHeightChange = {
765
- "name": "AnimateHeightChange",
766
- "defaultProps": {},
767
- "getStylesLiterals": {},
768
- "cxLiterals": ["overflow-hidden"],
769
- "internalComponents": ["SpringMotionConfig"],
770
- "internalComponentProps": { "SpringMotionConfig": { "layoutSpeed": ["4"] } },
771
- "propToVariantKeys": { "reduceMotion": ["reducedMotion"] },
772
- "runtimeConfigDefaultProps": {},
773
- "runtimeConfigGetStyles": {},
774
- "runtimeConfigInternalComponentProps": {},
775
- "motionVarPrefixes": ["--uds-motion-subtle-4-", "--uds-motion-smooth-3-"]
776
- };
777
- var Badge = {
778
- "name": "Badge",
779
- "defaultProps": {
780
- "variant": "primary",
781
- "size": "md"
990
+ var SegmentedControl = {
991
+ "name": "SegmentedControl",
992
+ "defaultProps": { "textVariant": "label2" },
993
+ "getStylesLiterals": {
994
+ "display": "flex",
995
+ "alignItems": "center",
996
+ "backgroundColor": "primary",
997
+ "spacingVertical": "1",
998
+ "spacingHorizontal": "3",
999
+ "columnGap": "1.5",
1000
+ "borderWidth": "thin",
1001
+ "borderRadius": "full",
1002
+ "borderColor": "muted",
1003
+ "borderColor:1": "transparent",
1004
+ "color": "primary",
1005
+ "color:1": "tertiary",
1006
+ "color:2": "muted"
782
1007
  },
783
- "getStylesLiterals": {},
784
1008
  "cxLiterals": [
785
- "flex-1",
786
- "truncate",
787
- "whitespace-nowrap",
788
- "text-center"
1009
+ "uds-ring",
1010
+ "cursor-not-allowed",
1011
+ "opacity-50",
1012
+ "pointer-events-none",
1013
+ "hover:bg-primary"
1014
+ ],
1015
+ "internalComponents": [
1016
+ "TextVariant",
1017
+ "Radio",
1018
+ "Icon",
1019
+ "RadioProvider",
1020
+ "HStack",
1021
+ "RadioGroup",
1022
+ "Pressable",
1023
+ "Text"
789
1024
  ],
790
- "internalComponents": ["IconSlot", "HStack"],
791
1025
  "internalComponentProps": {
792
- "IconSlot": { "data-testid": ["start-icon", "end-icon"] },
1026
+ "Icon": {
1027
+ "size": ["sm"],
1028
+ "color": ["current"],
1029
+ "aria-hidden": ["true"]
1030
+ },
793
1031
  "HStack": {
794
- "gap": ["2"],
795
- "display": ["inline-flex"],
796
- "alignItems": ["center"]
797
- }
1032
+ "spacing": ["1"],
1033
+ "gap": ["1"],
1034
+ "backgroundColor": ["secondary"],
1035
+ "borderRadius": ["full"],
1036
+ "display": ["inline-flex"]
1037
+ },
1038
+ "Text": { "color": ["current"] }
798
1039
  },
799
1040
  "propToVariantKeys": {
800
- "size": ["badgeSizeRoot", "badgeSizeIcon"],
801
- "variant": ["badgeVariantRoot", "badgeVariantIcon"],
802
- "startIcon": ["icon"],
803
- "endIcon": ["icon"]
1041
+ "value": ["key"],
1042
+ "label": ["aria-label"],
1043
+ "textVariant": ["variant"]
804
1044
  },
805
1045
  "runtimeConfigDefaultProps": {},
806
1046
  "runtimeConfigGetStyles": {},
807
1047
  "runtimeConfigInternalComponentProps": {},
808
1048
  "motionVarPrefixes": []
809
1049
  };
810
- var Button = {
811
- "name": "Button",
812
- "defaultProps": { "type": "button" },
813
- "getStylesLiterals": {},
814
- "cxLiterals": [
815
- "uds-ring",
816
- "uds-hit-target",
817
- "inline-flex",
818
- "overflow-hidden",
819
- "justify-center",
820
- "items-center",
821
- "whitespace-nowrap",
822
- "select-none",
823
- "[transform-origin:center]",
824
- "[backface-visibility:hidden]",
825
- "[transition-property:color,background-color,border-color,box-shadow,text-decoration-color,fill,stroke]",
826
- "[transition-timing-function:cubic-bezier(0,0,0.2,1)]",
827
- "[transition-duration:220ms]",
828
- "cursor-not-allowed",
829
- "uds-button-loading",
830
- "uds-button-without-effects",
831
- "withIcon",
832
- "uds-button-with-gap",
833
- "animate-spin",
834
- "truncate"
835
- ],
836
- "internalComponents": [
837
- "Icon",
838
- "IconSlot",
839
- "AnimatePresence",
840
- "SpringMotionConfig",
841
- "MotionSlot"
842
- ],
843
- "internalComponentProps": {
844
- "Icon": { "color": ["current"] },
845
- "AnimatePresence": { "mode": ["popLayout"] },
846
- "SpringMotionConfig": { "layoutSpeed": ["3"] },
847
- "MotionSlot": {
848
- "whileHover": ["hover"],
849
- "whileTap": ["pressed"]
850
- }
851
- },
852
- "propToVariantKeys": {
853
- "size": ["buttonSizeRoot", "buttonSizeIcon"],
854
- "variant": ["buttonVariantRoot", "buttonVariantIcon"],
855
- "iconVariant": ["variant"],
856
- "startIcon": ["icon"],
857
- "endIcon": ["icon"]
858
- },
859
- "runtimeConfigDefaultProps": {},
860
- "runtimeConfigGetStyles": {},
861
- "runtimeConfigInternalComponentProps": {},
862
- "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
863
- };
864
- var DividerInternal = {
865
- "name": "DividerInternal",
866
- "defaultProps": { "variant": "primary" },
867
- "getStylesLiterals": {},
868
- "cxLiterals": ["inherit"],
869
- "internalComponents": ["DividerCore"],
870
- "internalComponentProps": {},
871
- "propToVariantKeys": { "variant": [
872
- "dividerVariantRoot",
873
- "dividerVariantLabel",
874
- "dividerVariantLine"
875
- ] },
876
- "runtimeConfigDefaultProps": {},
877
- "runtimeConfigGetStyles": {},
878
- "runtimeConfigInternalComponentProps": {},
879
- "motionVarPrefixes": []
880
- };
881
- var DividerCore = {
882
- "name": "DividerCore",
883
- "defaultProps": { "contentPosition": "center" },
884
- "getStylesLiterals": {},
885
- "cxLiterals": [],
886
- "internalComponents": [
887
- "Box",
888
- "Line",
889
- "InternalComponent",
890
- "Text"
891
- ],
892
- "internalComponentProps": {
893
- "Box": {
894
- "flex": ["1", "none"],
895
- "display": ["flex"]
896
- },
897
- "InternalComponent": {
898
- "flex": ["1"],
899
- "alignItems": ["center"]
900
- },
901
- "Text": {
902
- "as": ["span"],
903
- "color": ["inherit"],
904
- "variant": ["inherit"]
905
- }
906
- },
907
- "propToVariantKeys": {},
908
- "runtimeConfigDefaultProps": {},
909
- "runtimeConfigGetStyles": {},
910
- "runtimeConfigInternalComponentProps": {},
911
- "motionVarPrefixes": []
912
- };
913
- var Divider = {
914
- "name": "Divider",
915
- "defaultProps": {},
916
- "getStylesLiterals": {},
917
- "cxLiterals": [],
918
- "internalComponents": ["DividerInternal"],
919
- "internalComponentProps": {},
920
- "propToVariantKeys": {},
921
- "runtimeConfigDefaultProps": {},
922
- "runtimeConfigGetStyles": {},
923
- "runtimeConfigInternalComponentProps": {},
924
- "motionVarPrefixes": []
925
- };
926
- var AvoidMotionLibraryProvider = {
927
- "name": "AvoidMotionLibraryProvider",
928
- "defaultProps": {},
929
- "getStylesLiterals": {},
930
- "cxLiterals": [],
931
- "internalComponents": [],
932
- "internalComponentProps": {},
933
- "propToVariantKeys": {},
934
- "runtimeConfigDefaultProps": {},
935
- "runtimeConfigGetStyles": {},
936
- "runtimeConfigInternalComponentProps": {},
937
- "motionVarPrefixes": []
938
- };
939
- var SegmentedControl = {
940
- "name": "SegmentedControl",
941
- "defaultProps": { "textVariant": "label2" },
942
- "getStylesLiterals": {
943
- "display": "flex",
944
- "alignItems": "center",
945
- "backgroundColor": "primary",
946
- "spacingVertical": "1",
947
- "spacingHorizontal": "3",
948
- "columnGap": "1.5",
949
- "borderWidth": "thin",
950
- "borderRadius": "full",
951
- "borderColor": "muted",
952
- "borderColor:1": "transparent",
953
- "color": "primary",
954
- "color:1": "tertiary",
955
- "color:2": "muted"
956
- },
957
- "cxLiterals": [
958
- "uds-ring",
959
- "cursor-not-allowed",
960
- "opacity-50",
961
- "pointer-events-none",
962
- "hover:bg-primary"
963
- ],
964
- "internalComponents": [
965
- "TextVariant",
966
- "Radio",
967
- "Icon",
968
- "RadioProvider",
969
- "HStack",
970
- "RadioGroup",
971
- "Pressable",
972
- "Text"
973
- ],
974
- "internalComponentProps": {
975
- "Icon": {
976
- "size": ["sm"],
977
- "color": ["current"],
978
- "aria-hidden": ["true"]
979
- },
980
- "HStack": {
981
- "spacing": ["1"],
982
- "gap": ["1"],
983
- "backgroundColor": ["secondary"],
984
- "borderRadius": ["full"],
985
- "display": ["inline-flex"]
986
- },
987
- "Text": { "color": ["current"] }
988
- },
989
- "propToVariantKeys": {
990
- "value": ["key"],
991
- "label": ["aria-label"],
992
- "textVariant": ["variant"]
993
- },
994
- "runtimeConfigDefaultProps": {},
995
- "runtimeConfigGetStyles": {},
996
- "runtimeConfigInternalComponentProps": {},
997
- "motionVarPrefixes": []
998
- };
999
- var Accordion = {
1000
- "name": "Accordion",
1001
- "defaultProps": {
1002
- "spacingHorizontal": "4",
1003
- "spacingVertical": "4"
1004
- },
1005
- "getStylesLiterals": {},
1006
- "cxLiterals": ["hover:bg-secondary/80", "w-full"],
1007
- "internalComponents": [
1008
- "Icon",
1009
- "SpringMotionConfig",
1010
- "Pressable",
1011
- "Text",
1012
- "HStack",
1013
- "AnimatePresence",
1014
- "VStack"
1015
- ],
1016
- "internalComponentProps": {
1017
- "Icon": {
1018
- "variant": ["fill"],
1019
- "size": ["sm"],
1020
- "color": ["primary"]
1021
- },
1022
- "SpringMotionConfig": {
1023
- "layoutVariant": ["smooth"],
1024
- "layoutSpeed": ["3"]
1025
- },
1026
- "Pressable": {
1027
- "display": ["flex"],
1028
- "flexDirection": ["row"],
1029
- "alignItems": ["center"],
1030
- "justifyContent": ["space-between"],
1031
- "borderRadius": ["md"]
1032
- },
1033
- "Text": {
1034
- "variant": ["title4"],
1035
- "color": ["primary"]
1036
- },
1037
- "HStack": {
1038
- "display": ["flex"],
1039
- "alignItems": ["center"],
1040
- "justifyContent": ["space-between"],
1041
- "columnGap": ["2.5"]
1042
- }
1043
- },
1044
- "propToVariantKeys": {},
1045
- "runtimeConfigDefaultProps": {},
1046
- "runtimeConfigGetStyles": {},
1047
- "runtimeConfigInternalComponentProps": {},
1048
- "motionVarPrefixes": ["--uds-motion-smooth-3-"]
1049
- };
1050
1050
  var SwitchV2 = {
1051
1051
  "name": "SwitchV2",
1052
1052
  "defaultProps": {
@@ -1144,204 +1144,27 @@ var SwitchV2 = {
1144
1144
  "runtimeConfigInternalComponentProps": {},
1145
1145
  "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
1146
1146
  };
1147
- var ToastPortal = {
1148
- "name": "ToastPortal",
1147
+ var AvatarImage = {
1148
+ "name": "AvatarImage",
1149
1149
  "defaultProps": {},
1150
1150
  "getStylesLiterals": {},
1151
1151
  "cxLiterals": [],
1152
- "internalComponents": ["ReactToastifyToastContainer"],
1152
+ "internalComponents": [
1153
+ "AvatarImageNoFallback",
1154
+ "AvatarText",
1155
+ "AvatarIcon"
1156
+ ],
1153
1157
  "internalComponentProps": {},
1154
1158
  "propToVariantKeys": {},
1155
- "runtimeConfigDefaultProps": {
1156
- "size": "toast.defaultSize",
1157
- "variant": "toast.defaultVariant"
1158
- },
1159
+ "runtimeConfigDefaultProps": {},
1159
1160
  "runtimeConfigGetStyles": {},
1160
- "runtimeConfigInternalComponentProps": { "ReactToastifyToastContainer": { "autoClose": ["toast.autoClose"] } },
1161
+ "runtimeConfigInternalComponentProps": {},
1161
1162
  "motionVarPrefixes": []
1162
1163
  };
1163
- var Toast = {
1164
- "name": "Toast",
1165
- "defaultProps": {},
1166
- "getStylesLiterals": {
1167
- "className": "animate-spin",
1168
- "className:1": "flex-none",
1169
- "spacing": "2",
1170
- "borderRadius": "full"
1171
- },
1172
- "cxLiterals": [
1173
- "duration-0",
1174
- "duration-120",
1175
- "transition-[background-color]",
1176
- "bg-carbon-15/0",
1177
- "hover:bg-carbon-15/10",
1178
- "active:bg-carbon-15/15",
1179
- "uds-ring"
1180
- ],
1181
- "internalComponents": [
1182
- "IconSlot",
1183
- "ToastContainer",
1184
- "Text",
1185
- "Button",
1186
- "Pressable"
1187
- ],
1188
- "internalComponentProps": {},
1189
- "propToVariantKeys": {
1190
- "size": [
1191
- "toastSizeLabel",
1192
- "toastSizeIcon",
1193
- "toastSizeActionButton",
1194
- "toastSizeCloseIcon"
1195
- ],
1196
- "variant": [
1197
- "toastVariantIcon",
1198
- "toastVariantActionButton",
1199
- "toastVariantCloseIcon"
1200
- ],
1201
- "closeIcon": ["icon"],
1202
- "onClickActionButton": ["onClick"]
1203
- },
1204
- "runtimeConfigDefaultProps": {
1205
- "size": "toast.defaultSize",
1206
- "variant": "toast.defaultVariant"
1207
- },
1208
- "runtimeConfigGetStyles": {
1209
- "toastSizeLabel": ["toast.defaultSize"],
1210
- "toastVariantIcon": ["toast.defaultVariant"],
1211
- "toastSizeIcon": ["toast.defaultSize"],
1212
- "toastSizeActionButton": ["toast.defaultSize"],
1213
- "toastVariantActionButton": ["toast.defaultVariant"],
1214
- "toastVariantCloseIcon": ["toast.defaultVariant"],
1215
- "toastSizeCloseIcon": ["toast.defaultSize"]
1216
- },
1217
- "runtimeConfigInternalComponentProps": {
1218
- "ToastContainer": {
1219
- "size": ["toast.defaultSize"],
1220
- "variant": ["toast.defaultVariant"]
1221
- },
1222
- "Text": {
1223
- "variant": ["toast.textVariant.${size}"],
1224
- "color": ["toast.textColor.${variant}"]
1225
- },
1226
- "Button": {
1227
- "size": ["toast.buttonSize.${size}"],
1228
- "variant": ["toast.buttonVariant.${variant}"]
1229
- }
1230
- },
1231
- "motionVarPrefixes": []
1232
- };
1233
- var UDSToastConfigProvider = {
1234
- "name": "UDSToastConfigProvider",
1235
- "defaultProps": {},
1236
- "getStylesLiterals": {},
1237
- "cxLiterals": [],
1238
- "internalComponents": ["ToastContext.Provider"],
1239
- "internalComponentProps": {},
1240
- "propToVariantKeys": {},
1241
- "runtimeConfigDefaultProps": {},
1242
- "runtimeConfigGetStyles": {},
1243
- "runtimeConfigInternalComponentProps": {},
1244
- "motionVarPrefixes": []
1245
- };
1246
- var ToastContainer = {
1247
- "name": "ToastContainer",
1248
- "defaultProps": {},
1249
- "getStylesLiterals": {
1250
- "position": "relative",
1251
- "alignItems": "center",
1252
- "display": "flex",
1253
- "className": "box-border touch-none z-0 w-full break-words mb-2 last:mb-0"
1254
- },
1255
- "cxLiterals": ["w-full"],
1256
- "internalComponents": ["HStack"],
1257
- "internalComponentProps": { "HStack": {
1258
- "alignItems": ["center"],
1259
- "justifyContent": ["space-between"],
1260
- "overflow": ["hidden"],
1261
- "position": ["relative"]
1262
- } },
1263
- "propToVariantKeys": {
1264
- "variant": ["toastVariantRoot"],
1265
- "size": ["toastSizeRoot"]
1266
- },
1267
- "runtimeConfigDefaultProps": {
1268
- "size": "toast.defaultSize",
1269
- "variant": "toast.defaultVariant"
1270
- },
1271
- "runtimeConfigGetStyles": {
1272
- "toastVariantRoot": ["toast.defaultVariant"],
1273
- "toastSizeRoot": ["toast.defaultSize"]
1274
- },
1275
- "runtimeConfigInternalComponentProps": { "HStack": { "backgroundColor": ["toast.backgroundColor.${variant}"] } },
1276
- "motionVarPrefixes": []
1277
- };
1278
- var BottomSheetHeader = {
1279
- "name": "BottomSheetHeader",
1280
- "defaultProps": { "variant": "default" },
1281
- "getStylesLiterals": {},
1282
- "cxLiterals": [
1283
- "grid-cols-[40px_1fr_40px]",
1284
- "items-center",
1285
- "w-full",
1286
- "min-h-10",
1287
- "mt-2"
1288
- ],
1289
- "internalComponents": ["Box", "Text"],
1290
- "internalComponentProps": {
1291
- "Box": {
1292
- "className": ["h-10 w-10 opacity-0 pointer-events-none"],
1293
- "display": ["grid", "flex"],
1294
- "justifyContent": ["flex-start", "flex-end"]
1295
- },
1296
- "Text": {
1297
- "variant": ["inherit"],
1298
- "color": ["inherit"],
1299
- "textAlign": ["center"],
1300
- "className": ["w-full"]
1301
- }
1302
- },
1303
- "propToVariantKeys": { "variant": ["bottomsheetVariantHeader"] },
1304
- "runtimeConfigDefaultProps": {},
1305
- "runtimeConfigGetStyles": {},
1306
- "runtimeConfigInternalComponentProps": {},
1307
- "motionVarPrefixes": []
1308
- };
1309
- var BottomSheetInternalContext = {
1310
- "name": "BottomSheetInternalContext",
1311
- "defaultProps": {},
1312
- "getStylesLiterals": {},
1313
- "cxLiterals": [],
1314
- "internalComponents": [],
1315
- "internalComponentProps": {},
1316
- "propToVariantKeys": {},
1317
- "runtimeConfigDefaultProps": {},
1318
- "runtimeConfigGetStyles": {},
1319
- "runtimeConfigInternalComponentProps": {},
1320
- "motionVarPrefixes": []
1321
- };
1322
- var BottomSheetContent = {
1323
- "name": "BottomSheetContent",
1324
- "defaultProps": {},
1325
- "getStylesLiterals": {},
1326
- "cxLiterals": ["min-h-0", "touch-pan-y"],
1327
- "internalComponents": ["Box", "VStack"],
1328
- "internalComponentProps": {
1329
- "Box": {
1330
- "display": ["block"],
1331
- "flex": ["1"]
1332
- },
1333
- "VStack": { "className": ["pb-[calc(env(safe-area-inset-bottom))]"] }
1334
- },
1335
- "propToVariantKeys": {},
1336
- "runtimeConfigDefaultProps": {},
1337
- "runtimeConfigGetStyles": {},
1338
- "runtimeConfigInternalComponentProps": {},
1339
- "motionVarPrefixes": []
1340
- };
1341
- var BottomSheet = {
1342
- "name": "BottomSheet",
1343
- "defaultProps": { "variant": "default" },
1344
- "getStylesLiterals": {},
1164
+ var BottomSheet = {
1165
+ "name": "BottomSheet",
1166
+ "defaultProps": { "variant": "default" },
1167
+ "getStylesLiterals": {},
1345
1168
  "cxLiterals": [
1346
1169
  "fixed",
1347
1170
  "overflow-hidden",
@@ -1383,6 +1206,25 @@ var BottomSheet = {
1383
1206
  "runtimeConfigInternalComponentProps": {},
1384
1207
  "motionVarPrefixes": []
1385
1208
  };
1209
+ var BottomSheetContent = {
1210
+ "name": "BottomSheetContent",
1211
+ "defaultProps": {},
1212
+ "getStylesLiterals": {},
1213
+ "cxLiterals": ["min-h-0", "touch-pan-y"],
1214
+ "internalComponents": ["Box", "VStack"],
1215
+ "internalComponentProps": {
1216
+ "Box": {
1217
+ "display": ["block"],
1218
+ "flex": ["1"]
1219
+ },
1220
+ "VStack": { "className": ["pb-[calc(env(safe-area-inset-bottom))]"] }
1221
+ },
1222
+ "propToVariantKeys": {},
1223
+ "runtimeConfigDefaultProps": {},
1224
+ "runtimeConfigGetStyles": {},
1225
+ "runtimeConfigInternalComponentProps": {},
1226
+ "motionVarPrefixes": []
1227
+ };
1386
1228
  var BottomSheetDismiss = {
1387
1229
  "name": "BottomSheetDismiss",
1388
1230
  "defaultProps": {},
@@ -1427,12 +1269,43 @@ var BottomSheetHandle = {
1427
1269
  "runtimeConfigInternalComponentProps": {},
1428
1270
  "motionVarPrefixes": []
1429
1271
  };
1430
- var BottomSheetProvider = {
1431
- "name": "BottomSheetProvider",
1272
+ var BottomSheetHeader = {
1273
+ "name": "BottomSheetHeader",
1274
+ "defaultProps": { "variant": "default" },
1275
+ "getStylesLiterals": {},
1276
+ "cxLiterals": [
1277
+ "grid-cols-[40px_1fr_40px]",
1278
+ "items-center",
1279
+ "w-full",
1280
+ "min-h-10",
1281
+ "mt-2"
1282
+ ],
1283
+ "internalComponents": ["Box", "Text"],
1284
+ "internalComponentProps": {
1285
+ "Box": {
1286
+ "className": ["h-10 w-10 opacity-0 pointer-events-none"],
1287
+ "display": ["grid", "flex"],
1288
+ "justifyContent": ["flex-start", "flex-end"]
1289
+ },
1290
+ "Text": {
1291
+ "variant": ["inherit"],
1292
+ "color": ["inherit"],
1293
+ "textAlign": ["center"],
1294
+ "className": ["w-full"]
1295
+ }
1296
+ },
1297
+ "propToVariantKeys": { "variant": ["bottomsheetVariantHeader"] },
1298
+ "runtimeConfigDefaultProps": {},
1299
+ "runtimeConfigGetStyles": {},
1300
+ "runtimeConfigInternalComponentProps": {},
1301
+ "motionVarPrefixes": []
1302
+ };
1303
+ var BottomSheetInternalContext = {
1304
+ "name": "BottomSheetInternalContext",
1432
1305
  "defaultProps": {},
1433
1306
  "getStylesLiterals": {},
1434
1307
  "cxLiterals": [],
1435
- "internalComponents": ["AriakitDialogProvider"],
1308
+ "internalComponents": [],
1436
1309
  "internalComponentProps": {},
1437
1310
  "propToVariantKeys": {},
1438
1311
  "runtimeConfigDefaultProps": {},
@@ -1440,12 +1313,12 @@ var BottomSheetProvider = {
1440
1313
  "runtimeConfigInternalComponentProps": {},
1441
1314
  "motionVarPrefixes": []
1442
1315
  };
1443
- var UDSBottomSheetConfigProvider = {
1444
- "name": "UDSBottomSheetConfigProvider",
1316
+ var BottomSheetProvider = {
1317
+ "name": "BottomSheetProvider",
1445
1318
  "defaultProps": {},
1446
1319
  "getStylesLiterals": {},
1447
1320
  "cxLiterals": [],
1448
- "internalComponents": ["BottomSheetContext.Provider"],
1321
+ "internalComponents": ["AriakitDialogProvider"],
1449
1322
  "internalComponentProps": {},
1450
1323
  "propToVariantKeys": {},
1451
1324
  "runtimeConfigDefaultProps": {},
@@ -1466,16 +1339,12 @@ var BottomSheetTrigger = {
1466
1339
  "runtimeConfigInternalComponentProps": {},
1467
1340
  "motionVarPrefixes": []
1468
1341
  };
1469
- var AvatarImage = {
1470
- "name": "AvatarImage",
1342
+ var UDSBottomSheetConfigProvider = {
1343
+ "name": "UDSBottomSheetConfigProvider",
1471
1344
  "defaultProps": {},
1472
1345
  "getStylesLiterals": {},
1473
1346
  "cxLiterals": [],
1474
- "internalComponents": [
1475
- "AvatarImageNoFallback",
1476
- "AvatarText",
1477
- "AvatarIcon"
1478
- ],
1347
+ "internalComponents": ["BottomSheetContext.Provider"],
1479
1348
  "internalComponentProps": {},
1480
1349
  "propToVariantKeys": {},
1481
1350
  "runtimeConfigDefaultProps": {},
@@ -1483,108 +1352,328 @@ var AvatarImage = {
1483
1352
  "runtimeConfigInternalComponentProps": {},
1484
1353
  "motionVarPrefixes": []
1485
1354
  };
1486
- var RadioGroupProvider = {
1487
- "name": "RadioGroupProvider",
1355
+ var Chip = {
1356
+ "name": "Chip",
1488
1357
  "defaultProps": {},
1489
1358
  "getStylesLiterals": {},
1490
1359
  "cxLiterals": [],
1491
1360
  "internalComponents": [
1492
- "DivProps",
1493
- "Comp",
1494
- "RadioGroupContext.Provider"
1361
+ "ChipDismissible",
1362
+ "ChipToggle",
1363
+ "ChipLink",
1364
+ "ChipButton"
1495
1365
  ],
1496
- "internalComponentProps": { "Comp": { "role": ["radiogroup"] } },
1366
+ "internalComponentProps": {},
1497
1367
  "propToVariantKeys": {},
1498
1368
  "runtimeConfigDefaultProps": {},
1499
1369
  "runtimeConfigGetStyles": {},
1500
1370
  "runtimeConfigInternalComponentProps": {},
1501
1371
  "motionVarPrefixes": []
1502
1372
  };
1503
- var Radio = {
1504
- "name": "Radio",
1373
+ var ChipBase = {
1374
+ "name": "ChipBase",
1505
1375
  "defaultProps": {
1506
- "labelPosition": "start",
1507
- "variant": "primary",
1508
1376
  "size": "md",
1509
- "value": ""
1510
- },
1511
- "getStylesLiterals": {
1512
- "radioVariantValueRoot": "checked",
1513
- "radioVariantValueRoot:1": "unchecked",
1514
- "display": "flex",
1515
- "flexDirection": "row",
1516
- "flexDirection:1": "row-reverse",
1517
- "alignItems": "center",
1518
- "radioVariantValueRadio": "checked",
1519
- "radioVariantValueRadio:1": "unchecked",
1520
- "radioVariantValueRadioCircle": "checked",
1521
- "radioVariantValueRadioCircle:1": "unchecked"
1377
+ "as": "div"
1522
1378
  },
1379
+ "getStylesLiterals": {},
1523
1380
  "cxLiterals": [
1524
- "cursor-pointer",
1381
+ "pointer-events-none",
1525
1382
  "cursor-default",
1526
1383
  "opacity-50",
1527
- "border",
1384
+ "inline-flex",
1385
+ "items-center",
1386
+ "transition-[background-color,outline-color,box-shadow]",
1387
+ "truncate",
1388
+ "whitespace-nowrap",
1389
+ "text-center",
1390
+ "flex-1"
1391
+ ],
1392
+ "internalComponents": [
1393
+ "IconSlot",
1394
+ "HStack",
1395
+ "As",
1396
+ "Text"
1397
+ ],
1398
+ "internalComponentProps": { "Text": {
1399
+ "as": ["span"],
1400
+ "color": ["current"],
1401
+ "variant": ["inherit"]
1402
+ } },
1403
+ "propToVariantKeys": {
1404
+ "size": ["chipSizeRoot", "chipSizeIcon"],
1405
+ "startIcon": ["icon"],
1406
+ "endIcon": ["icon"]
1407
+ },
1408
+ "runtimeConfigDefaultProps": {},
1409
+ "runtimeConfigGetStyles": {},
1410
+ "runtimeConfigInternalComponentProps": {},
1411
+ "motionVarPrefixes": []
1412
+ };
1413
+ var ChipButton = {
1414
+ "name": "ChipButton",
1415
+ "defaultProps": { "variant": "primary" },
1416
+ "getStylesLiterals": {},
1417
+ "cxLiterals": ["uds-ring"],
1418
+ "internalComponents": ["ChipBase"],
1419
+ "internalComponentProps": { "ChipBase": { "as": ["button"] } },
1420
+ "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
1421
+ "runtimeConfigDefaultProps": {},
1422
+ "runtimeConfigGetStyles": {},
1423
+ "runtimeConfigInternalComponentProps": {},
1424
+ "motionVarPrefixes": []
1425
+ };
1426
+ var ChipDismissible = {
1427
+ "name": "ChipDismissible",
1428
+ "defaultProps": { "variant": "primary" },
1429
+ "getStylesLiterals": {},
1430
+ "cxLiterals": [
1431
+ "uds-chip-dismissible-button",
1432
+ "uds-hit-target",
1528
1433
  "uds-ring",
1529
- "uds-ring-within",
1530
- "transition-[background-color,border-color]",
1434
+ "rounded-full"
1435
+ ],
1436
+ "internalComponents": [
1437
+ "ChipBase",
1438
+ "IconSlot",
1439
+ "Pressable"
1440
+ ],
1441
+ "internalComponentProps": {},
1442
+ "propToVariantKeys": {
1443
+ "variant": ["chipDismissibleVariantRoot", "chipDismissibleVariantIcon"],
1444
+ "dismissButtonAriaLabel": ["aria-label"]
1445
+ },
1446
+ "runtimeConfigDefaultProps": {},
1447
+ "runtimeConfigGetStyles": {},
1448
+ "runtimeConfigInternalComponentProps": {},
1449
+ "motionVarPrefixes": []
1450
+ };
1451
+ var ChipLink = {
1452
+ "name": "ChipLink",
1453
+ "defaultProps": { "variant": "primary" },
1454
+ "getStylesLiterals": {},
1455
+ "cxLiterals": ["uds-ring"],
1456
+ "internalComponents": ["ChipBase"],
1457
+ "internalComponentProps": { "ChipBase": { "as": ["a"] } },
1458
+ "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
1459
+ "runtimeConfigDefaultProps": {},
1460
+ "runtimeConfigGetStyles": {},
1461
+ "runtimeConfigInternalComponentProps": {},
1462
+ "motionVarPrefixes": []
1463
+ };
1464
+ var ChipToggle = {
1465
+ "name": "ChipToggle",
1466
+ "defaultProps": {
1467
+ "variant": "primary",
1468
+ "role": "checkbox"
1469
+ },
1470
+ "getStylesLiterals": {
1471
+ "chipToggleVariantActiveRoot": "on",
1472
+ "chipToggleVariantActiveRoot:1": "off"
1473
+ },
1474
+ "cxLiterals": ["uds-ring"],
1475
+ "internalComponents": ["ChipBase"],
1476
+ "internalComponentProps": { "ChipBase": { "as": ["button"] } },
1477
+ "propToVariantKeys": { "variant": ["chipToggleVariantRoot", "chipToggleVariantIcon"] },
1478
+ "runtimeConfigDefaultProps": {},
1479
+ "runtimeConfigGetStyles": {},
1480
+ "runtimeConfigInternalComponentProps": {},
1481
+ "motionVarPrefixes": []
1482
+ };
1483
+ var Menu_Content = {
1484
+ "name": "Menu.Content",
1485
+ "defaultProps": {
1486
+ "size": "default",
1487
+ "variant": "default",
1488
+ "gutter": "1"
1489
+ },
1490
+ "getStylesLiterals": {},
1491
+ "cxLiterals": [
1492
+ "uds-menu-content",
1531
1493
  "transition-shadow",
1532
- "pointer-events-none",
1533
- "w-[8px]",
1534
- "h-[8px]",
1535
- "transition-opacity",
1536
- "cursor-[inherit]",
1537
- "absolute",
1538
- "opacity-0",
1539
- "top-1/2",
1540
- "left-1/2",
1541
- "w-[calc(100%+2px)]",
1542
- "h-[calc(100%+2px)]",
1543
- "transform",
1544
- "translate-x-[-50%]",
1545
- "translate-y-[-50%]",
1546
- "text-start",
1547
- "text-end"
1494
+ "duration-200",
1495
+ "ease-in-out",
1496
+ "min-w-60",
1497
+ "max-w-lg",
1498
+ "max-h-96",
1499
+ "overflow-auto",
1500
+ "uds-ring",
1501
+ "z-10",
1502
+ "group"
1548
1503
  ],
1549
1504
  "internalComponents": [
1550
- "Box",
1551
- "FormLabel",
1552
- "SpringMotionConfig",
1553
- "RootElement",
1554
- "MotionBox"
1505
+ "AriakitMenu",
1506
+ "AnimatePresence",
1507
+ "MotionVStack"
1508
+ ],
1509
+ "internalComponentProps": {},
1510
+ "propToVariantKeys": {
1511
+ "size": ["menucontentSizeRoot"],
1512
+ "variant": ["menucontentVariantRoot"]
1513
+ },
1514
+ "runtimeConfigDefaultProps": {},
1515
+ "runtimeConfigGetStyles": {},
1516
+ "runtimeConfigInternalComponentProps": {},
1517
+ "motionVarPrefixes": []
1518
+ };
1519
+ var Menu_Divider = {
1520
+ "name": "Menu.Divider",
1521
+ "defaultProps": {
1522
+ "role": "separator",
1523
+ "contentPosition": "start",
1524
+ "gap": "4"
1525
+ },
1526
+ "getStylesLiterals": {
1527
+ "menuitemDividerVariantRoot": "default",
1528
+ "menuitemDividerVariantText": "default",
1529
+ "menuitemDividerVariantLine": "default"
1530
+ },
1531
+ "cxLiterals": [],
1532
+ "internalComponents": ["DividerInternal"],
1533
+ "internalComponentProps": { "DividerInternal": { "variant": ["inherit"] } },
1534
+ "propToVariantKeys": {},
1535
+ "runtimeConfigDefaultProps": {},
1536
+ "runtimeConfigGetStyles": {},
1537
+ "runtimeConfigInternalComponentProps": {},
1538
+ "motionVarPrefixes": []
1539
+ };
1540
+ var Menu_Item = {
1541
+ "name": "Menu.Item",
1542
+ "defaultProps": {},
1543
+ "getStylesLiterals": {
1544
+ "menuitemItemVariantRoot": "default",
1545
+ "menuitemItemVariantActiveRoot": "on",
1546
+ "menuitemItemVariantActiveRoot:1": "off",
1547
+ "menuitemItemVariantText": "default",
1548
+ "menuitemItemVariantActiveText": "on",
1549
+ "menuitemItemVariantActiveText:1": "off",
1550
+ "menuitemItemVariantIcon": "default",
1551
+ "menuitemItemVariantActiveIcon": "on",
1552
+ "menuitemItemVariantActiveIcon:1": "off"
1553
+ },
1554
+ "cxLiterals": [],
1555
+ "internalComponents": ["MenuItemBase"],
1556
+ "internalComponentProps": {},
1557
+ "propToVariantKeys": {},
1558
+ "runtimeConfigDefaultProps": {},
1559
+ "runtimeConfigGetStyles": {},
1560
+ "runtimeConfigInternalComponentProps": {},
1561
+ "motionVarPrefixes": []
1562
+ };
1563
+ var Menu_ItemBase = {
1564
+ "name": "Menu.ItemBase",
1565
+ "defaultProps": {
1566
+ "spacing": "0",
1567
+ "spacingHorizontal": "4",
1568
+ "spacingVertical": "3.5",
1569
+ "columnGap": "2",
1570
+ "alignItems": "center",
1571
+ "justifyContent": "space-between"
1572
+ },
1573
+ "getStylesLiterals": {
1574
+ "textAlign": "start",
1575
+ "menuitemSizeRoot": "default",
1576
+ "flexDirection": "row",
1577
+ "menuitemSizeStartIcon": "default",
1578
+ "menuitemSizeEndIcon": "default"
1579
+ },
1580
+ "cxLiterals": [
1581
+ "flex",
1582
+ "focus-visible:text-brand",
1583
+ "focus-visible:bg-brand-secondary",
1584
+ "focus-visible:z-10",
1585
+ "uds-ring",
1586
+ "!-outline-offset-2",
1587
+ "[&:not([aria-checked])]:cursor-default",
1588
+ "opacity-25",
1589
+ "cursor-not-allowed",
1590
+ "duration-20",
1591
+ "transition-[font-variation-settings]",
1592
+ "ease-in-out",
1593
+ "z-0",
1594
+ "uds-start-icon",
1595
+ "uds-end-icon"
1596
+ ],
1597
+ "internalComponents": [
1598
+ "Pressable",
1599
+ "IconSlot",
1600
+ "RootComponent",
1601
+ "HStack",
1602
+ "AnimatePresence"
1555
1603
  ],
1556
1604
  "internalComponentProps": {
1557
- "Box": { "borderRadius": ["full"] },
1558
- "FormLabel": {
1559
- "as": ["div"],
1560
- "variant": ["inherit"],
1561
- "color": ["inherit"]
1562
- },
1563
- "RootElement": { "data-testid": ["container"] },
1564
- "MotionBox": {
1565
- "position": ["relative"],
1566
- "borderRadius": ["full"],
1605
+ "HStack": {
1567
1606
  "alignItems": ["center"],
1568
- "justifyContent": ["center"],
1569
- "flex": ["none"]
1570
- }
1607
+ "width": ["full"]
1608
+ },
1609
+ "AnimatePresence": { "mode": ["popLayout"] }
1571
1610
  },
1572
1611
  "propToVariantKeys": {
1573
- "size": ["radioSizeRoot", "radioSizeRadio"],
1574
- "variant": [
1575
- "radioVariantRoot",
1576
- "radioVariantRadio",
1577
- "radioVariantRadioCircle"
1578
- ],
1579
- "reduceMotion": ["reducedMotion"]
1612
+ "startIconClassName": ["className"],
1613
+ "endIconClassName": ["className"],
1614
+ "startIcon": ["icon"],
1615
+ "endIcon": ["icon"],
1616
+ "columnGap": ["gap"]
1580
1617
  },
1581
1618
  "runtimeConfigDefaultProps": {},
1582
1619
  "runtimeConfigGetStyles": {},
1583
1620
  "runtimeConfigInternalComponentProps": {},
1621
+ "motionVarPrefixes": []
1622
+ };
1623
+ var Menu_ItemCheckbox = {
1624
+ "name": "Menu.ItemCheckbox",
1625
+ "defaultProps": {},
1626
+ "getStylesLiterals": {
1627
+ "menuitemItemCheckboxVariantRoot": "default",
1628
+ "menuitemItemCheckboxVariantActiveRoot": "on",
1629
+ "menuitemItemCheckboxVariantActiveRoot:1": "off",
1630
+ "menuitemItemCheckboxVariantText": "default",
1631
+ "menuitemItemCheckboxVariantActiveText": "on",
1632
+ "menuitemItemCheckboxVariantActiveText:1": "off",
1633
+ "menuitemItemCheckboxVariantStartIcon": "default",
1634
+ "menuitemItemCheckboxVariantActiveStartIcon": "on",
1635
+ "menuitemItemCheckboxVariantActiveStartIcon:1": "off",
1636
+ "menuitemItemCheckboxVariantEndIcon": "default",
1637
+ "menuitemItemCheckboxVariantActiveEndIcon": "on",
1638
+ "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
1639
+ },
1640
+ "cxLiterals": ["uds-menu-item-checkbox"],
1641
+ "internalComponents": ["MenuItemBase"],
1642
+ "internalComponentProps": {},
1643
+ "propToVariantKeys": {},
1644
+ "runtimeConfigDefaultProps": {},
1645
+ "runtimeConfigGetStyles": {},
1646
+ "runtimeConfigInternalComponentProps": {},
1647
+ "motionVarPrefixes": []
1648
+ };
1649
+ var Menu_Provider = {
1650
+ "name": "Menu.Provider",
1651
+ "defaultProps": {},
1652
+ "getStylesLiterals": {},
1653
+ "cxLiterals": [],
1654
+ "internalComponents": ["AriakitMenuProvider", "SpringMotionConfig"],
1655
+ "internalComponentProps": {},
1656
+ "propToVariantKeys": {},
1657
+ "runtimeConfigDefaultProps": {},
1658
+ "runtimeConfigGetStyles": {},
1659
+ "runtimeConfigInternalComponentProps": {},
1584
1660
  "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
1585
1661
  };
1586
- var RadioGroupStore = {
1587
- "name": "RadioGroupStore",
1662
+ var Menu_Trigger = {
1663
+ "name": "Menu.Trigger",
1664
+ "defaultProps": {},
1665
+ "getStylesLiterals": {},
1666
+ "cxLiterals": ["uds-menu-trigger"],
1667
+ "internalComponents": ["AriakitMenuTrigger", "Box"],
1668
+ "internalComponentProps": { "Box": { "className": ["uds-ring h-fit w-fit"] } },
1669
+ "propToVariantKeys": {},
1670
+ "runtimeConfigDefaultProps": {},
1671
+ "runtimeConfigGetStyles": {},
1672
+ "runtimeConfigInternalComponentProps": {},
1673
+ "motionVarPrefixes": []
1674
+ };
1675
+ var Menu_index = {
1676
+ "name": "Menu.index",
1588
1677
  "defaultProps": {},
1589
1678
  "getStylesLiterals": {},
1590
1679
  "cxLiterals": [],
@@ -1596,83 +1685,146 @@ var RadioGroupStore = {
1596
1685
  "runtimeConfigInternalComponentProps": {},
1597
1686
  "motionVarPrefixes": []
1598
1687
  };
1599
- var ModalTitle = {
1600
- "name": "ModalTitle",
1688
+ var Menu = {
1689
+ "name": "Menu",
1601
1690
  "defaultProps": {},
1602
1691
  "getStylesLiterals": {},
1603
1692
  "cxLiterals": [],
1604
- "internalComponents": ["Text", "DialogHeading"],
1605
- "internalComponentProps": { "Text": { "as": ["span"] } },
1606
- "propToVariantKeys": {
1607
- "size": ["modalSizeTitle"],
1608
- "variant": ["modalVariantTitle"]
1693
+ "internalComponents": [],
1694
+ "internalComponentProps": {},
1695
+ "propToVariantKeys": {},
1696
+ "runtimeConfigDefaultProps": {},
1697
+ "runtimeConfigGetStyles": {},
1698
+ "runtimeConfigInternalComponentProps": {},
1699
+ "motionVarPrefixes": []
1700
+ };
1701
+ var Input = {
1702
+ "name": "Input",
1703
+ "defaultProps": {
1704
+ "type": "text",
1705
+ "size": "md",
1706
+ "width": "full"
1609
1707
  },
1610
- "runtimeConfigDefaultProps": {
1611
- "size": "modal.defaultSize",
1612
- "variant": "modal.defaultVariant"
1708
+ "getStylesLiterals": {
1709
+ "inputVariantRoot": "default",
1710
+ "inputVariantValueRoot": "empty",
1711
+ "inputVariantValueRoot:1": "filled",
1712
+ "inputVariantInputWrapper": "default",
1713
+ "inputVariantValueInputWrapper": "empty",
1714
+ "inputVariantValueInputWrapper:1": "filled",
1715
+ "inputVariantInput": "default",
1716
+ "inputVariantValueInput": "empty",
1717
+ "inputVariantValueInput:1": "filled",
1718
+ "inputVariantInputPlaceholder": "default",
1719
+ "inputVariantValueInputPlaceholder": "empty",
1720
+ "inputVariantValueInputPlaceholder:1": "filled",
1721
+ "inputVariantLabel": "default",
1722
+ "inputVariantValueLabel": "empty",
1723
+ "inputVariantValueLabel:1": "filled",
1724
+ "inputVariantLabelRequired": "default",
1725
+ "inputVariantValueLabelRequired": "empty",
1726
+ "inputVariantValueLabelRequired:1": "filled",
1727
+ "inputVariantStartIcon": "default",
1728
+ "inputVariantValueStartIcon": "empty",
1729
+ "inputVariantValueStartIcon:1": "filled",
1730
+ "inputVariantEndIcon": "default",
1731
+ "inputVariantValueEndIcon": "empty",
1732
+ "inputVariantValueEndIcon:1": "filled"
1733
+ },
1734
+ "cxLiterals": [
1735
+ "opacity-50",
1736
+ "min-w-[200px]",
1737
+ "grow",
1738
+ "uds-hit-target",
1739
+ "bg-clip-text",
1740
+ "focus:outline-none",
1741
+ "cursor-text",
1742
+ "cursor-not-allowed"
1743
+ ],
1744
+ "internalComponents": [
1745
+ "IconSlot",
1746
+ "StartIcon",
1747
+ "EndIcon",
1748
+ "HelpTextContent",
1749
+ "Box",
1750
+ "InputHelpTextInternal",
1751
+ "VStack",
1752
+ "HStack",
1753
+ "AnimateHeightChange"
1754
+ ],
1755
+ "internalComponentProps": {
1756
+ "HelpTextContent": { "spacingTop": ["2"] },
1757
+ "Box": {
1758
+ "spacingBottom": ["2"],
1759
+ "columnGap": ["0.5"],
1760
+ "alignItems": ["flex-end", "center"],
1761
+ "position": ["relative"]
1762
+ },
1763
+ "HStack": {
1764
+ "alignItems": ["center"],
1765
+ "gap": ["1"]
1766
+ }
1613
1767
  },
1614
- "runtimeConfigGetStyles": {
1615
- "modalSizeTitle": ["modal.defaultSize"],
1616
- "modalVariantTitle": ["modal.defaultVariant"]
1768
+ "propToVariantKeys": {
1769
+ "size": [
1770
+ "inputSizeRoot",
1771
+ "inputSizeInputWrapper",
1772
+ "inputSizeInput",
1773
+ "inputSizeLabel",
1774
+ "inputSizeStartIcon",
1775
+ "inputSizeEndIcon"
1776
+ ],
1777
+ "startIcon": ["icon"],
1778
+ "endIcon": ["icon"],
1779
+ "slotProps": ["helperTextSlotProps"],
1780
+ "helperTextIcon": ["startIcon"]
1617
1781
  },
1782
+ "runtimeConfigDefaultProps": {},
1783
+ "runtimeConfigGetStyles": {},
1618
1784
  "runtimeConfigInternalComponentProps": {},
1619
1785
  "motionVarPrefixes": []
1620
1786
  };
1621
- var ModalActions = {
1622
- "name": "ModalActions",
1623
- "defaultProps": {},
1787
+ var InputHelpText = {
1788
+ "name": "InputHelpText",
1789
+ "defaultProps": { "size": "md" },
1624
1790
  "getStylesLiterals": {
1625
- "flexDirection": "row-reverse",
1626
- "justifyContent": "space-between",
1627
- "alignItems": "center"
1628
- },
1629
- "cxLiterals": ["gap-[inherit]"],
1630
- "internalComponents": ["HStack"],
1631
- "internalComponentProps": {},
1632
- "propToVariantKeys": { "size": ["modalSizeSpacingHorizontal", "modalSizeActions"] },
1633
- "runtimeConfigDefaultProps": {
1634
- "size": "modal.defaultSize",
1635
- "variant": "modal.defaultVariant"
1636
- },
1637
- "runtimeConfigGetStyles": {
1638
- "modalSizeSpacingHorizontal": ["modal.defaultSize"],
1639
- "modalSizeActions": ["modal.defaultSize"]
1791
+ "inputVariantRoot": "default",
1792
+ "inputVariantValueRoot": "empty",
1793
+ "inputVariantValueRoot:1": "filled"
1640
1794
  },
1641
- "runtimeConfigInternalComponentProps": {},
1642
- "motionVarPrefixes": []
1643
- };
1644
- var UDSModalConfigProvider = {
1645
- "name": "UDSModalConfigProvider",
1646
- "defaultProps": {},
1647
- "getStylesLiterals": {},
1648
1795
  "cxLiterals": [],
1649
- "internalComponents": ["ModalContext.Provider"],
1650
- "internalComponentProps": {},
1651
- "propToVariantKeys": {},
1796
+ "internalComponents": ["InputHelpTextInternal", "Box"],
1797
+ "internalComponentProps": { "Box": { "spacingTop": ["2"] } },
1798
+ "propToVariantKeys": { "size": ["inputSizeRoot"] },
1652
1799
  "runtimeConfigDefaultProps": {},
1653
1800
  "runtimeConfigGetStyles": {},
1654
1801
  "runtimeConfigInternalComponentProps": {},
1655
1802
  "motionVarPrefixes": []
1656
1803
  };
1657
- var ModalDescription = {
1658
- "name": "ModalDescription",
1804
+ var InputHelpTextInternal = {
1805
+ "name": "InputHelpTextInternal",
1659
1806
  "defaultProps": {},
1660
- "getStylesLiterals": {},
1807
+ "getStylesLiterals": {
1808
+ "inputVariantHelperText": "default",
1809
+ "inputVariantValueHelperText": "empty",
1810
+ "inputVariantValueHelperText:1": "filled",
1811
+ "inputVariantHelperIcon": "default",
1812
+ "inputVariantValueHelperIcon": "empty",
1813
+ "inputVariantValueHelperIcon:1": "filled"
1814
+ },
1661
1815
  "cxLiterals": [],
1662
- "internalComponents": ["Text", "DialogDescription"],
1663
- "internalComponentProps": { "Text": { "as": ["span"] } },
1816
+ "internalComponents": ["IconSlot", "HStack"],
1817
+ "internalComponentProps": { "HStack": {
1818
+ "gap": ["1"],
1819
+ "alignItems": ["center"]
1820
+ } },
1664
1821
  "propToVariantKeys": {
1665
- "size": ["modalSizeDescription"],
1666
- "variant": ["modalVariantDescription"]
1667
- },
1668
- "runtimeConfigDefaultProps": {
1669
- "size": "modal.defaultSize",
1670
- "variant": "modal.defaultVariant"
1671
- },
1672
- "runtimeConfigGetStyles": {
1673
- "modalSizeDescription": ["modal.defaultSize"],
1674
- "modalVariantDescription": ["modal.defaultVariant"]
1822
+ "size": ["inputSizeHelperText", "inputSizeHelperIcon"],
1823
+ "startIcon": ["icon"],
1824
+ "endIcon": ["icon"]
1675
1825
  },
1826
+ "runtimeConfigDefaultProps": {},
1827
+ "runtimeConfigGetStyles": {},
1676
1828
  "runtimeConfigInternalComponentProps": {},
1677
1829
  "motionVarPrefixes": []
1678
1830
  };
@@ -1770,16 +1922,26 @@ var Modal = {
1770
1922
  "runtimeConfigInternalComponentProps": {},
1771
1923
  "motionVarPrefixes": []
1772
1924
  };
1773
- var ModalContext = {
1774
- "name": "ModalContext",
1925
+ var ModalActions = {
1926
+ "name": "ModalActions",
1775
1927
  "defaultProps": {},
1776
- "getStylesLiterals": {},
1777
- "cxLiterals": [],
1778
- "internalComponents": [],
1928
+ "getStylesLiterals": {
1929
+ "flexDirection": "row-reverse",
1930
+ "justifyContent": "space-between",
1931
+ "alignItems": "center"
1932
+ },
1933
+ "cxLiterals": ["gap-[inherit]"],
1934
+ "internalComponents": ["HStack"],
1779
1935
  "internalComponentProps": {},
1780
- "propToVariantKeys": {},
1781
- "runtimeConfigDefaultProps": {},
1782
- "runtimeConfigGetStyles": {},
1936
+ "propToVariantKeys": { "size": ["modalSizeSpacingHorizontal", "modalSizeActions"] },
1937
+ "runtimeConfigDefaultProps": {
1938
+ "size": "modal.defaultSize",
1939
+ "variant": "modal.defaultVariant"
1940
+ },
1941
+ "runtimeConfigGetStyles": {
1942
+ "modalSizeSpacingHorizontal": ["modal.defaultSize"],
1943
+ "modalSizeActions": ["modal.defaultSize"]
1944
+ },
1783
1945
  "runtimeConfigInternalComponentProps": {},
1784
1946
  "motionVarPrefixes": []
1785
1947
  };
@@ -1803,6 +1965,92 @@ var ModalContent = {
1803
1965
  "runtimeConfigInternalComponentProps": {},
1804
1966
  "motionVarPrefixes": []
1805
1967
  };
1968
+ var ModalContext = {
1969
+ "name": "ModalContext",
1970
+ "defaultProps": {},
1971
+ "getStylesLiterals": {},
1972
+ "cxLiterals": [],
1973
+ "internalComponents": [],
1974
+ "internalComponentProps": {},
1975
+ "propToVariantKeys": {},
1976
+ "runtimeConfigDefaultProps": {},
1977
+ "runtimeConfigGetStyles": {},
1978
+ "runtimeConfigInternalComponentProps": {},
1979
+ "motionVarPrefixes": []
1980
+ };
1981
+ var ModalDescription = {
1982
+ "name": "ModalDescription",
1983
+ "defaultProps": {},
1984
+ "getStylesLiterals": {},
1985
+ "cxLiterals": [],
1986
+ "internalComponents": ["Text", "DialogDescription"],
1987
+ "internalComponentProps": { "Text": { "as": ["span"] } },
1988
+ "propToVariantKeys": {
1989
+ "size": ["modalSizeDescription"],
1990
+ "variant": ["modalVariantDescription"]
1991
+ },
1992
+ "runtimeConfigDefaultProps": {
1993
+ "size": "modal.defaultSize",
1994
+ "variant": "modal.defaultVariant"
1995
+ },
1996
+ "runtimeConfigGetStyles": {
1997
+ "modalSizeDescription": ["modal.defaultSize"],
1998
+ "modalVariantDescription": ["modal.defaultVariant"]
1999
+ },
2000
+ "runtimeConfigInternalComponentProps": {},
2001
+ "motionVarPrefixes": []
2002
+ };
2003
+ var ModalTitle = {
2004
+ "name": "ModalTitle",
2005
+ "defaultProps": {},
2006
+ "getStylesLiterals": {},
2007
+ "cxLiterals": [],
2008
+ "internalComponents": ["Text", "DialogHeading"],
2009
+ "internalComponentProps": { "Text": { "as": ["span"] } },
2010
+ "propToVariantKeys": {
2011
+ "size": ["modalSizeTitle"],
2012
+ "variant": ["modalVariantTitle"]
2013
+ },
2014
+ "runtimeConfigDefaultProps": {
2015
+ "size": "modal.defaultSize",
2016
+ "variant": "modal.defaultVariant"
2017
+ },
2018
+ "runtimeConfigGetStyles": {
2019
+ "modalSizeTitle": ["modal.defaultSize"],
2020
+ "modalVariantTitle": ["modal.defaultVariant"]
2021
+ },
2022
+ "runtimeConfigInternalComponentProps": {},
2023
+ "motionVarPrefixes": []
2024
+ };
2025
+ var UDSModalConfigProvider = {
2026
+ "name": "UDSModalConfigProvider",
2027
+ "defaultProps": {},
2028
+ "getStylesLiterals": {},
2029
+ "cxLiterals": [],
2030
+ "internalComponents": ["ModalContext.Provider"],
2031
+ "internalComponentProps": {},
2032
+ "propToVariantKeys": {},
2033
+ "runtimeConfigDefaultProps": {},
2034
+ "runtimeConfigGetStyles": {},
2035
+ "runtimeConfigInternalComponentProps": {},
2036
+ "motionVarPrefixes": []
2037
+ };
2038
+ var Popover = {
2039
+ "name": "Popover",
2040
+ "defaultProps": {},
2041
+ "getStylesLiterals": {},
2042
+ "cxLiterals": [],
2043
+ "internalComponents": ["PopoverInternalContext.Provider", "PopoverProvider"],
2044
+ "internalComponentProps": {},
2045
+ "propToVariantKeys": {},
2046
+ "runtimeConfigDefaultProps": {
2047
+ "size": "popover.defaultSize",
2048
+ "variant": "popover.defaultVariant"
2049
+ },
2050
+ "runtimeConfigGetStyles": {},
2051
+ "runtimeConfigInternalComponentProps": {},
2052
+ "motionVarPrefixes": []
2053
+ };
1806
2054
  var PopoverContent = {
1807
2055
  "name": "PopoverContent",
1808
2056
  "defaultProps": {},
@@ -1871,93 +2119,41 @@ var PopoverContent = {
1871
2119
  "spacingBottom": ["popover.spacingVertical.${size}"],
1872
2120
  "spacingEnd": ["popover.spacingHorizontal.${size}"]
1873
2121
  },
1874
- "runtimeConfigInternalComponentProps": { "SvgFloatingOverlay": { "borderRadius": ["popover.borderRadius.${size}"] } },
1875
- "motionVarPrefixes": []
1876
- };
1877
- var PopoverContext = {
1878
- "name": "PopoverContext",
1879
- "defaultProps": {},
1880
- "getStylesLiterals": {},
1881
- "cxLiterals": [],
1882
- "internalComponents": [],
1883
- "internalComponentProps": {},
1884
- "propToVariantKeys": {},
1885
- "runtimeConfigDefaultProps": {},
1886
- "runtimeConfigGetStyles": {},
1887
- "runtimeConfigInternalComponentProps": {},
1888
- "motionVarPrefixes": []
1889
- };
1890
- var UDSPopoverConfigProvider = {
1891
- "name": "UDSPopoverConfigProvider",
1892
- "defaultProps": {},
1893
- "getStylesLiterals": {},
1894
- "cxLiterals": [],
1895
- "internalComponents": ["PopoverContext.Provider"],
1896
- "internalComponentProps": {},
1897
- "propToVariantKeys": {},
1898
- "runtimeConfigDefaultProps": {},
1899
- "runtimeConfigGetStyles": {},
1900
- "runtimeConfigInternalComponentProps": {},
1901
- "motionVarPrefixes": []
1902
- };
1903
- var PopoverTrigger = {
1904
- "name": "PopoverTrigger",
1905
- "defaultProps": {},
1906
- "getStylesLiterals": {},
1907
- "cxLiterals": [],
1908
- "internalComponents": ["PopoverDisclosure"],
1909
- "internalComponentProps": { "PopoverDisclosure": { "className": ["inline"] } },
1910
- "propToVariantKeys": { "children": ["render"] },
1911
- "runtimeConfigDefaultProps": {},
1912
- "runtimeConfigGetStyles": {},
1913
- "runtimeConfigInternalComponentProps": {},
2122
+ "runtimeConfigInternalComponentProps": { "SvgFloatingOverlay": { "borderRadius": ["popover.borderRadius.${size}"] } },
1914
2123
  "motionVarPrefixes": []
1915
2124
  };
1916
- var Popover = {
1917
- "name": "Popover",
2125
+ var PopoverContext = {
2126
+ "name": "PopoverContext",
1918
2127
  "defaultProps": {},
1919
2128
  "getStylesLiterals": {},
1920
2129
  "cxLiterals": [],
1921
- "internalComponents": ["PopoverInternalContext.Provider", "PopoverProvider"],
2130
+ "internalComponents": [],
1922
2131
  "internalComponentProps": {},
1923
2132
  "propToVariantKeys": {},
1924
- "runtimeConfigDefaultProps": {
1925
- "size": "popover.defaultSize",
1926
- "variant": "popover.defaultVariant"
1927
- },
2133
+ "runtimeConfigDefaultProps": {},
1928
2134
  "runtimeConfigGetStyles": {},
1929
2135
  "runtimeConfigInternalComponentProps": {},
1930
2136
  "motionVarPrefixes": []
1931
2137
  };
1932
- var Menu_Item = {
1933
- "name": "Menu.Item",
2138
+ var PopoverTrigger = {
2139
+ "name": "PopoverTrigger",
1934
2140
  "defaultProps": {},
1935
- "getStylesLiterals": {
1936
- "menuitemItemVariantRoot": "default",
1937
- "menuitemItemVariantActiveRoot": "on",
1938
- "menuitemItemVariantActiveRoot:1": "off",
1939
- "menuitemItemVariantText": "default",
1940
- "menuitemItemVariantActiveText": "on",
1941
- "menuitemItemVariantActiveText:1": "off",
1942
- "menuitemItemVariantIcon": "default",
1943
- "menuitemItemVariantActiveIcon": "on",
1944
- "menuitemItemVariantActiveIcon:1": "off"
1945
- },
2141
+ "getStylesLiterals": {},
1946
2142
  "cxLiterals": [],
1947
- "internalComponents": ["MenuItemBase"],
1948
- "internalComponentProps": {},
1949
- "propToVariantKeys": {},
2143
+ "internalComponents": ["PopoverDisclosure"],
2144
+ "internalComponentProps": { "PopoverDisclosure": { "className": ["inline"] } },
2145
+ "propToVariantKeys": { "children": ["render"] },
1950
2146
  "runtimeConfigDefaultProps": {},
1951
2147
  "runtimeConfigGetStyles": {},
1952
2148
  "runtimeConfigInternalComponentProps": {},
1953
2149
  "motionVarPrefixes": []
1954
2150
  };
1955
- var Menu = {
1956
- "name": "Menu",
2151
+ var UDSPopoverConfigProvider = {
2152
+ "name": "UDSPopoverConfigProvider",
1957
2153
  "defaultProps": {},
1958
2154
  "getStylesLiterals": {},
1959
2155
  "cxLiterals": [],
1960
- "internalComponents": [],
2156
+ "internalComponents": ["PopoverContext.Provider"],
1961
2157
  "internalComponentProps": {},
1962
2158
  "propToVariantKeys": {},
1963
2159
  "runtimeConfigDefaultProps": {},
@@ -1965,91 +2161,108 @@ var Menu = {
1965
2161
  "runtimeConfigInternalComponentProps": {},
1966
2162
  "motionVarPrefixes": []
1967
2163
  };
1968
- var Menu_Content = {
1969
- "name": "Menu.Content",
2164
+ var Radio = {
2165
+ "name": "Radio",
1970
2166
  "defaultProps": {
1971
- "size": "default",
1972
- "variant": "default",
1973
- "gutter": "1"
2167
+ "labelPosition": "start",
2168
+ "variant": "primary",
2169
+ "size": "md",
2170
+ "value": ""
2171
+ },
2172
+ "getStylesLiterals": {
2173
+ "radioVariantValueRoot": "checked",
2174
+ "radioVariantValueRoot:1": "unchecked",
2175
+ "display": "flex",
2176
+ "flexDirection": "row",
2177
+ "flexDirection:1": "row-reverse",
2178
+ "alignItems": "center",
2179
+ "radioVariantValueRadio": "checked",
2180
+ "radioVariantValueRadio:1": "unchecked",
2181
+ "radioVariantValueRadioCircle": "checked",
2182
+ "radioVariantValueRadioCircle:1": "unchecked"
1974
2183
  },
1975
- "getStylesLiterals": {},
1976
2184
  "cxLiterals": [
1977
- "uds-menu-content",
1978
- "transition-shadow",
1979
- "duration-200",
1980
- "ease-in-out",
1981
- "min-w-60",
1982
- "max-w-lg",
1983
- "max-h-96",
1984
- "overflow-auto",
2185
+ "cursor-pointer",
2186
+ "cursor-default",
2187
+ "opacity-50",
2188
+ "border",
1985
2189
  "uds-ring",
1986
- "z-10",
1987
- "group"
2190
+ "uds-ring-within",
2191
+ "transition-[background-color,border-color]",
2192
+ "transition-shadow",
2193
+ "pointer-events-none",
2194
+ "w-[8px]",
2195
+ "h-[8px]",
2196
+ "transition-opacity",
2197
+ "cursor-[inherit]",
2198
+ "absolute",
2199
+ "opacity-0",
2200
+ "top-1/2",
2201
+ "left-1/2",
2202
+ "w-[calc(100%+2px)]",
2203
+ "h-[calc(100%+2px)]",
2204
+ "transform",
2205
+ "translate-x-[-50%]",
2206
+ "translate-y-[-50%]",
2207
+ "text-start",
2208
+ "text-end"
1988
2209
  ],
1989
2210
  "internalComponents": [
1990
- "AriakitMenu",
1991
- "AnimatePresence",
1992
- "MotionVStack"
2211
+ "Box",
2212
+ "FormLabel",
2213
+ "SpringMotionConfig",
2214
+ "RootElement",
2215
+ "MotionBox"
1993
2216
  ],
1994
- "internalComponentProps": {},
1995
- "propToVariantKeys": {
1996
- "size": ["menucontentSizeRoot"],
1997
- "variant": ["menucontentVariantRoot"]
1998
- },
1999
- "runtimeConfigDefaultProps": {},
2000
- "runtimeConfigGetStyles": {},
2001
- "runtimeConfigInternalComponentProps": {},
2002
- "motionVarPrefixes": []
2003
- };
2004
- var Menu_Divider = {
2005
- "name": "Menu.Divider",
2006
- "defaultProps": {
2007
- "role": "separator",
2008
- "contentPosition": "start",
2009
- "gap": "4"
2217
+ "internalComponentProps": {
2218
+ "Box": { "borderRadius": ["full"] },
2219
+ "FormLabel": {
2220
+ "as": ["div"],
2221
+ "variant": ["inherit"],
2222
+ "color": ["inherit"]
2223
+ },
2224
+ "RootElement": { "data-testid": ["container"] },
2225
+ "MotionBox": {
2226
+ "position": ["relative"],
2227
+ "borderRadius": ["full"],
2228
+ "alignItems": ["center"],
2229
+ "justifyContent": ["center"],
2230
+ "flex": ["none"]
2231
+ }
2010
2232
  },
2011
- "getStylesLiterals": {
2012
- "menuitemDividerVariantRoot": "default",
2013
- "menuitemDividerVariantText": "default",
2014
- "menuitemDividerVariantLine": "default"
2233
+ "propToVariantKeys": {
2234
+ "size": ["radioSizeRoot", "radioSizeRadio"],
2235
+ "variant": [
2236
+ "radioVariantRoot",
2237
+ "radioVariantRadio",
2238
+ "radioVariantRadioCircle"
2239
+ ],
2240
+ "reduceMotion": ["reducedMotion"]
2015
2241
  },
2016
- "cxLiterals": [],
2017
- "internalComponents": ["DividerInternal"],
2018
- "internalComponentProps": { "DividerInternal": { "variant": ["inherit"] } },
2019
- "propToVariantKeys": {},
2020
2242
  "runtimeConfigDefaultProps": {},
2021
2243
  "runtimeConfigGetStyles": {},
2022
2244
  "runtimeConfigInternalComponentProps": {},
2023
- "motionVarPrefixes": []
2245
+ "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
2024
2246
  };
2025
- var Menu_ItemCheckbox = {
2026
- "name": "Menu.ItemCheckbox",
2247
+ var RadioGroupProvider = {
2248
+ "name": "RadioGroupProvider",
2027
2249
  "defaultProps": {},
2028
- "getStylesLiterals": {
2029
- "menuitemItemCheckboxVariantRoot": "default",
2030
- "menuitemItemCheckboxVariantActiveRoot": "on",
2031
- "menuitemItemCheckboxVariantActiveRoot:1": "off",
2032
- "menuitemItemCheckboxVariantText": "default",
2033
- "menuitemItemCheckboxVariantActiveText": "on",
2034
- "menuitemItemCheckboxVariantActiveText:1": "off",
2035
- "menuitemItemCheckboxVariantStartIcon": "default",
2036
- "menuitemItemCheckboxVariantActiveStartIcon": "on",
2037
- "menuitemItemCheckboxVariantActiveStartIcon:1": "off",
2038
- "menuitemItemCheckboxVariantEndIcon": "default",
2039
- "menuitemItemCheckboxVariantActiveEndIcon": "on",
2040
- "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
2041
- },
2042
- "cxLiterals": ["uds-menu-item-checkbox"],
2043
- "internalComponents": ["MenuItemBase"],
2044
- "internalComponentProps": {},
2250
+ "getStylesLiterals": {},
2251
+ "cxLiterals": [],
2252
+ "internalComponents": [
2253
+ "DivProps",
2254
+ "Comp",
2255
+ "RadioGroupContext.Provider"
2256
+ ],
2257
+ "internalComponentProps": { "Comp": { "role": ["radiogroup"] } },
2045
2258
  "propToVariantKeys": {},
2046
2259
  "runtimeConfigDefaultProps": {},
2047
2260
  "runtimeConfigGetStyles": {},
2048
2261
  "runtimeConfigInternalComponentProps": {},
2049
2262
  "motionVarPrefixes": []
2050
2263
  };
2051
- var Menu_index = {
2052
- "name": "Menu.index",
2264
+ var RadioGroupStore = {
2265
+ "name": "RadioGroupStore",
2053
2266
  "defaultProps": {},
2054
2267
  "getStylesLiterals": {},
2055
2268
  "cxLiterals": [],
@@ -2061,128 +2274,115 @@ var Menu_index = {
2061
2274
  "runtimeConfigInternalComponentProps": {},
2062
2275
  "motionVarPrefixes": []
2063
2276
  };
2064
- var Menu_Trigger = {
2065
- "name": "Menu.Trigger",
2066
- "defaultProps": {},
2067
- "getStylesLiterals": {},
2068
- "cxLiterals": ["uds-menu-trigger"],
2069
- "internalComponents": ["AriakitMenuTrigger", "Box"],
2070
- "internalComponentProps": { "Box": { "className": ["uds-ring h-fit w-fit"] } },
2071
- "propToVariantKeys": {},
2072
- "runtimeConfigDefaultProps": {},
2073
- "runtimeConfigGetStyles": {},
2074
- "runtimeConfigInternalComponentProps": {},
2075
- "motionVarPrefixes": []
2076
- };
2077
- var Menu_ItemBase = {
2078
- "name": "Menu.ItemBase",
2079
- "defaultProps": {
2080
- "spacing": "0",
2081
- "spacingHorizontal": "4",
2082
- "spacingVertical": "3.5",
2083
- "columnGap": "2",
2084
- "alignItems": "center",
2085
- "justifyContent": "space-between"
2086
- },
2277
+ var Tab = {
2278
+ "name": "Tab",
2279
+ "defaultProps": { "variant": "primary" },
2087
2280
  "getStylesLiterals": {
2088
- "textAlign": "start",
2089
- "menuitemSizeRoot": "default",
2090
- "flexDirection": "row",
2091
- "menuitemSizeStartIcon": "default",
2092
- "menuitemSizeEndIcon": "default"
2281
+ "tabSizeRoot": "default",
2282
+ "tabVariantActiveRoot": "off",
2283
+ "tabVariantActiveRoot:1": "on",
2284
+ "tabSizeIcon": "default"
2093
2285
  },
2094
2286
  "cxLiterals": [
2095
- "flex",
2096
- "focus-visible:text-brand",
2097
- "focus-visible:bg-brand-secondary",
2098
- "focus-visible:z-10",
2099
- "uds-ring",
2100
- "!-outline-offset-2",
2101
- "[&:not([aria-checked])]:cursor-default",
2102
- "opacity-25",
2103
- "cursor-not-allowed",
2104
- "duration-20",
2105
- "transition-[font-variation-settings]",
2106
- "ease-in-out",
2107
- "z-0",
2108
- "uds-start-icon",
2109
- "uds-end-icon"
2287
+ "pointer-events-none",
2288
+ "absolute",
2289
+ "bottom-0",
2290
+ "left-0",
2291
+ "right-0",
2292
+ "h-[var(--uds-tab-underline-width,0px)]",
2293
+ "bg-[var(--uds-tab-underline-color,transparent)]",
2294
+ "transition-[height,background-color]",
2295
+ "duration-[240ms]",
2296
+ "ease-[cubic-bezier(0.2,0,0,1)]",
2297
+ "!bg-transparent",
2298
+ "!shadow-none",
2299
+ "inline-flex",
2300
+ "items-center",
2301
+ "shrink-0",
2302
+ "box-border",
2303
+ "relative",
2304
+ "z-[1]",
2305
+ "cursor-pointer",
2306
+ "select-none",
2307
+ "whitespace-nowrap",
2308
+ "uds-ring",
2309
+ "opacity-50",
2310
+ "cursor-default",
2311
+ "border-solid",
2312
+ "border-b-solid",
2313
+ "transition-colors"
2110
2314
  ],
2111
2315
  "internalComponents": [
2112
- "Pressable",
2113
2316
  "IconSlot",
2114
- "RootComponent",
2115
- "HStack",
2116
- "AnimatePresence"
2317
+ "AriakitTab",
2318
+ "Text"
2117
2319
  ],
2118
- "internalComponentProps": {
2119
- "HStack": {
2120
- "alignItems": ["center"],
2121
- "width": ["full"]
2122
- },
2123
- "AnimatePresence": { "mode": ["popLayout"] }
2124
- },
2320
+ "internalComponentProps": { "Text": {
2321
+ "variant": ["inherit"],
2322
+ "as": ["span"],
2323
+ "color": ["current"]
2324
+ } },
2125
2325
  "propToVariantKeys": {
2126
- "startIconClassName": ["className"],
2127
- "endIconClassName": ["className"],
2326
+ "variant": ["tabVariantRoot", "tabVariantIcon"],
2327
+ "activeState": ["tabVariantActiveIcon"],
2128
2328
  "startIcon": ["icon"],
2129
- "endIcon": ["icon"],
2130
- "columnGap": ["gap"]
2329
+ "endIcon": ["icon"]
2131
2330
  },
2132
2331
  "runtimeConfigDefaultProps": {},
2133
2332
  "runtimeConfigGetStyles": {},
2134
2333
  "runtimeConfigInternalComponentProps": {},
2135
2334
  "motionVarPrefixes": []
2136
2335
  };
2137
- var Menu_Provider = {
2138
- "name": "Menu.Provider",
2139
- "defaultProps": {},
2140
- "getStylesLiterals": {},
2141
- "cxLiterals": [],
2142
- "internalComponents": ["AriakitMenuProvider", "SpringMotionConfig"],
2143
- "internalComponentProps": {},
2144
- "propToVariantKeys": {},
2145
- "runtimeConfigDefaultProps": {},
2146
- "runtimeConfigGetStyles": {},
2147
- "runtimeConfigInternalComponentProps": {},
2148
- "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
2149
- };
2150
- var ChipDismissible = {
2151
- "name": "ChipDismissible",
2336
+ var TabList = {
2337
+ "name": "TabList",
2152
2338
  "defaultProps": { "variant": "primary" },
2153
- "getStylesLiterals": {},
2339
+ "getStylesLiterals": {
2340
+ "tabSizeRoot": "default",
2341
+ "tabVariantActiveRoot": "on"
2342
+ },
2154
2343
  "cxLiterals": [
2155
- "uds-chip-dismissible-button",
2156
- "uds-hit-target",
2157
- "uds-ring",
2158
- "rounded-full"
2159
- ],
2160
- "internalComponents": [
2161
- "ChipBase",
2162
- "IconSlot",
2163
- "Pressable"
2344
+ "pointer-events-none",
2345
+ "absolute",
2346
+ "bottom-0",
2347
+ "left-0",
2348
+ "right-0",
2349
+ "h-[var(--uds-tab-underline-width,0px)]",
2350
+ "bg-[var(--uds-tab-underline-color,transparent)]",
2351
+ "transition-[height,background-color]",
2352
+ "duration-[240ms]",
2353
+ "ease-[cubic-bezier(0.2,0,0,1)]",
2354
+ "!m-0",
2355
+ "!p-0",
2356
+ "!gap-0",
2357
+ "box-border",
2358
+ "z-0",
2359
+ "min-w-0",
2360
+ "min-h-0",
2361
+ "flex",
2362
+ "flex-row",
2363
+ "items-center",
2364
+ "overflow-x-auto",
2365
+ "overflow-y-clip",
2366
+ "scrollbar-none",
2367
+ "[overflow-clip-margin:6px]",
2368
+ "overflow-clip",
2369
+ "[overflow-clip-margin:8px]",
2370
+ "relative"
2164
2371
  ],
2372
+ "internalComponents": ["AriakitTabList"],
2165
2373
  "internalComponentProps": {},
2166
- "propToVariantKeys": {
2167
- "variant": ["chipDismissibleVariantRoot", "chipDismissibleVariantIcon"],
2168
- "dismissButtonAriaLabel": ["aria-label"]
2169
- },
2374
+ "propToVariantKeys": { "variant": ["tabsVariantRoot", "tabVariantRoot"] },
2170
2375
  "runtimeConfigDefaultProps": {},
2171
2376
  "runtimeConfigGetStyles": {},
2172
2377
  "runtimeConfigInternalComponentProps": {},
2173
2378
  "motionVarPrefixes": []
2174
2379
  };
2175
- var Chip = {
2176
- "name": "Chip",
2380
+ var TabPanel = {
2381
+ "name": "TabPanel",
2177
2382
  "defaultProps": {},
2178
2383
  "getStylesLiterals": {},
2179
2384
  "cxLiterals": [],
2180
- "internalComponents": [
2181
- "ChipDismissible",
2182
- "ChipToggle",
2183
- "ChipLink",
2184
- "ChipButton"
2185
- ],
2385
+ "internalComponents": ["AriakitTabPanel"],
2186
2386
  "internalComponentProps": {},
2187
2387
  "propToVariantKeys": {},
2188
2388
  "runtimeConfigDefaultProps": {},
@@ -2190,104 +2390,143 @@ var Chip = {
2190
2390
  "runtimeConfigInternalComponentProps": {},
2191
2391
  "motionVarPrefixes": []
2192
2392
  };
2193
- var ChipLink = {
2194
- "name": "ChipLink",
2393
+ var Tabs = {
2394
+ "name": "Tabs",
2195
2395
  "defaultProps": { "variant": "primary" },
2196
2396
  "getStylesLiterals": {},
2197
- "cxLiterals": ["uds-ring"],
2198
- "internalComponents": ["ChipBase"],
2199
- "internalComponentProps": { "ChipBase": { "as": ["a"] } },
2200
- "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
2397
+ "cxLiterals": [],
2398
+ "internalComponents": ["TabsContext.Provider", "TabProvider"],
2399
+ "internalComponentProps": {},
2400
+ "propToVariantKeys": { "onSelectionChange": ["setSelectedId"] },
2201
2401
  "runtimeConfigDefaultProps": {},
2202
2402
  "runtimeConfigGetStyles": {},
2203
2403
  "runtimeConfigInternalComponentProps": {},
2204
2404
  "motionVarPrefixes": []
2205
2405
  };
2206
- var ChipToggle = {
2207
- "name": "ChipToggle",
2208
- "defaultProps": {
2209
- "variant": "primary",
2210
- "role": "checkbox"
2211
- },
2406
+ var Toast = {
2407
+ "name": "Toast",
2408
+ "defaultProps": {},
2212
2409
  "getStylesLiterals": {
2213
- "chipToggleVariantActiveRoot": "on",
2214
- "chipToggleVariantActiveRoot:1": "off"
2215
- },
2216
- "cxLiterals": ["uds-ring"],
2217
- "internalComponents": ["ChipBase"],
2218
- "internalComponentProps": { "ChipBase": { "as": ["button"] } },
2219
- "propToVariantKeys": { "variant": ["chipToggleVariantRoot", "chipToggleVariantIcon"] },
2220
- "runtimeConfigDefaultProps": {},
2221
- "runtimeConfigGetStyles": {},
2222
- "runtimeConfigInternalComponentProps": {},
2223
- "motionVarPrefixes": []
2224
- };
2225
- var ChipBase = {
2226
- "name": "ChipBase",
2227
- "defaultProps": {
2228
- "size": "md",
2229
- "as": "div"
2410
+ "className": "animate-spin",
2411
+ "className:1": "flex-none",
2412
+ "spacing": "2",
2413
+ "borderRadius": "full"
2230
2414
  },
2231
- "getStylesLiterals": {},
2232
2415
  "cxLiterals": [
2233
- "pointer-events-none",
2234
- "cursor-default",
2235
- "opacity-50",
2236
- "inline-flex",
2237
- "items-center",
2238
- "transition-[background-color,outline-color,box-shadow]",
2239
- "truncate",
2240
- "whitespace-nowrap",
2241
- "text-center",
2242
- "flex-1"
2416
+ "duration-0",
2417
+ "duration-120",
2418
+ "transition-[background-color]",
2419
+ "bg-carbon-15/0",
2420
+ "hover:bg-carbon-15/10",
2421
+ "active:bg-carbon-15/15",
2422
+ "uds-ring"
2243
2423
  ],
2244
2424
  "internalComponents": [
2245
2425
  "IconSlot",
2246
- "HStack",
2247
- "As",
2248
- "Text"
2426
+ "ToastContainer",
2427
+ "Text",
2428
+ "Button",
2429
+ "Pressable"
2249
2430
  ],
2250
- "internalComponentProps": { "Text": {
2251
- "as": ["span"],
2252
- "color": ["current"],
2253
- "variant": ["inherit"]
2431
+ "internalComponentProps": {},
2432
+ "propToVariantKeys": {
2433
+ "size": [
2434
+ "toastSizeLabel",
2435
+ "toastSizeIcon",
2436
+ "toastSizeActionButton",
2437
+ "toastSizeCloseIcon"
2438
+ ],
2439
+ "variant": [
2440
+ "toastVariantIcon",
2441
+ "toastVariantActionButton",
2442
+ "toastVariantCloseIcon"
2443
+ ],
2444
+ "closeIcon": ["icon"],
2445
+ "onClickActionButton": ["onClick"]
2446
+ },
2447
+ "runtimeConfigDefaultProps": {
2448
+ "size": "toast.defaultSize",
2449
+ "variant": "toast.defaultVariant"
2450
+ },
2451
+ "runtimeConfigGetStyles": {
2452
+ "toastSizeLabel": ["toast.defaultSize"],
2453
+ "toastVariantIcon": ["toast.defaultVariant"],
2454
+ "toastSizeIcon": ["toast.defaultSize"],
2455
+ "toastSizeActionButton": ["toast.defaultSize"],
2456
+ "toastVariantActionButton": ["toast.defaultVariant"],
2457
+ "toastVariantCloseIcon": ["toast.defaultVariant"],
2458
+ "toastSizeCloseIcon": ["toast.defaultSize"]
2459
+ },
2460
+ "runtimeConfigInternalComponentProps": {
2461
+ "ToastContainer": {
2462
+ "size": ["toast.defaultSize"],
2463
+ "variant": ["toast.defaultVariant"]
2464
+ },
2465
+ "Text": {
2466
+ "variant": ["toast.textVariant.${size}"],
2467
+ "color": ["toast.textColor.${variant}"]
2468
+ },
2469
+ "Button": {
2470
+ "size": ["toast.buttonSize.${size}"],
2471
+ "variant": ["toast.buttonVariant.${variant}"]
2472
+ }
2473
+ },
2474
+ "motionVarPrefixes": []
2475
+ };
2476
+ var ToastContainer = {
2477
+ "name": "ToastContainer",
2478
+ "defaultProps": {},
2479
+ "getStylesLiterals": {
2480
+ "position": "relative",
2481
+ "alignItems": "center",
2482
+ "display": "flex",
2483
+ "className": "box-border touch-none z-0 w-full break-words mb-2 last:mb-0"
2484
+ },
2485
+ "cxLiterals": ["w-full"],
2486
+ "internalComponents": ["HStack"],
2487
+ "internalComponentProps": { "HStack": {
2488
+ "alignItems": ["center"],
2489
+ "justifyContent": ["space-between"],
2490
+ "overflow": ["hidden"],
2491
+ "position": ["relative"]
2254
2492
  } },
2255
2493
  "propToVariantKeys": {
2256
- "size": ["chipSizeRoot", "chipSizeIcon"],
2257
- "startIcon": ["icon"],
2258
- "endIcon": ["icon"]
2494
+ "variant": ["toastVariantRoot"],
2495
+ "size": ["toastSizeRoot"]
2259
2496
  },
2260
- "runtimeConfigDefaultProps": {},
2261
- "runtimeConfigGetStyles": {},
2262
- "runtimeConfigInternalComponentProps": {},
2497
+ "runtimeConfigDefaultProps": {
2498
+ "size": "toast.defaultSize",
2499
+ "variant": "toast.defaultVariant"
2500
+ },
2501
+ "runtimeConfigGetStyles": {
2502
+ "toastVariantRoot": ["toast.defaultVariant"],
2503
+ "toastSizeRoot": ["toast.defaultSize"]
2504
+ },
2505
+ "runtimeConfigInternalComponentProps": { "HStack": { "backgroundColor": ["toast.backgroundColor.${variant}"] } },
2263
2506
  "motionVarPrefixes": []
2264
2507
  };
2265
- var ChipButton = {
2266
- "name": "ChipButton",
2267
- "defaultProps": { "variant": "primary" },
2508
+ var ToastPortal = {
2509
+ "name": "ToastPortal",
2510
+ "defaultProps": {},
2268
2511
  "getStylesLiterals": {},
2269
- "cxLiterals": ["uds-ring"],
2270
- "internalComponents": ["ChipBase"],
2271
- "internalComponentProps": { "ChipBase": { "as": ["button"] } },
2272
- "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
2273
- "runtimeConfigDefaultProps": {},
2512
+ "cxLiterals": [],
2513
+ "internalComponents": ["ReactToastifyToastContainer"],
2514
+ "internalComponentProps": {},
2515
+ "propToVariantKeys": {},
2516
+ "runtimeConfigDefaultProps": {
2517
+ "size": "toast.defaultSize",
2518
+ "variant": "toast.defaultVariant"
2519
+ },
2274
2520
  "runtimeConfigGetStyles": {},
2275
- "runtimeConfigInternalComponentProps": {},
2521
+ "runtimeConfigInternalComponentProps": { "ReactToastifyToastContainer": { "autoClose": ["toast.autoClose"] } },
2276
2522
  "motionVarPrefixes": []
2277
2523
  };
2278
- var UDSConfigProvider = {
2279
- "name": "UDSConfigProvider",
2524
+ var UDSToastConfigProvider = {
2525
+ "name": "UDSToastConfigProvider",
2280
2526
  "defaultProps": {},
2281
2527
  "getStylesLiterals": {},
2282
2528
  "cxLiterals": [],
2283
- "internalComponents": [
2284
- "UDSBreakpointsConfigProvider",
2285
- "UDSBottomSheetConfigProvider",
2286
- "UDSToastConfigProvider",
2287
- "UDSTooltipConfigProvider",
2288
- "UDSPopoverConfigProvider",
2289
- "UDSModalConfigProvider"
2290
- ],
2529
+ "internalComponents": ["ToastContext.Provider"],
2291
2530
  "internalComponentProps": {},
2292
2531
  "propToVariantKeys": {},
2293
2532
  "runtimeConfigDefaultProps": {},
@@ -2295,17 +2534,17 @@ var UDSConfigProvider = {
2295
2534
  "runtimeConfigInternalComponentProps": {},
2296
2535
  "motionVarPrefixes": []
2297
2536
  };
2298
- var UDSBreakpointsConfigProvider = {
2299
- "name": "UDSBreakpointsConfigProvider",
2537
+ var Tooltip = {
2538
+ "name": "Tooltip",
2300
2539
  "defaultProps": {},
2301
2540
  "getStylesLiterals": {},
2302
2541
  "cxLiterals": [],
2303
- "internalComponents": ["UDSBreakpointsConfigContext.Provider"],
2542
+ "internalComponents": ["TooltipInternalContext.Provider", "TooltipProvider"],
2304
2543
  "internalComponentProps": {},
2305
2544
  "propToVariantKeys": {},
2306
2545
  "runtimeConfigDefaultProps": {},
2307
2546
  "runtimeConfigGetStyles": {},
2308
- "runtimeConfigInternalComponentProps": {},
2547
+ "runtimeConfigInternalComponentProps": { "TooltipProvider": { "animated": ["tooltip.animationDuration"] } },
2309
2548
  "motionVarPrefixes": []
2310
2549
  };
2311
2550
  var TooltipContent = {
@@ -2329,315 +2568,69 @@ var TooltipContent = {
2329
2568
  "cxLiterals": [
2330
2569
  "max-w-lg",
2331
2570
  "flex",
2332
- "z-[9999]",
2333
- "uds-bgBlurFillFallback",
2334
- "uds-bgBlurFallback",
2335
- "top-0",
2336
- "left-0",
2337
- "z-[1]"
2338
- ],
2339
- "internalComponents": [
2340
- "IconSlot",
2341
- "TooltipArrow",
2342
- "Tooltip",
2343
- "SvgFloatingOverlay",
2344
- "VStack",
2345
- "Box",
2346
- "Text"
2347
- ],
2348
- "internalComponentProps": {
2349
- "SvgFloatingOverlay": { "contentOverflow": ["visible"] },
2350
- "VStack": { "className": ["gap-[inherit]"] },
2351
- "Box": {
2352
- "alignItems": ["center"],
2353
- "columnGap": ["1", "1.5"]
2354
- },
2355
- "Text": { "color": ["inherit"] }
2356
- },
2357
- "propToVariantKeys": { "startTitleIcon": ["icon"] },
2358
- "runtimeConfigDefaultProps": {},
2359
- "runtimeConfigGetStyles": {},
2360
- "runtimeConfigInternalComponentProps": {},
2361
- "motionVarPrefixes": []
2362
- };
2363
- var UDSTooltipConfigProvider = {
2364
- "name": "UDSTooltipConfigProvider",
2365
- "defaultProps": {},
2366
- "getStylesLiterals": {},
2367
- "cxLiterals": [],
2368
- "internalComponents": ["TooltipContext.Provider"],
2369
- "internalComponentProps": {},
2370
- "propToVariantKeys": {},
2371
- "runtimeConfigDefaultProps": {},
2372
- "runtimeConfigGetStyles": {},
2373
- "runtimeConfigInternalComponentProps": {},
2374
- "motionVarPrefixes": []
2375
- };
2376
- var TooltipTrigger = {
2377
- "name": "TooltipTrigger",
2378
- "defaultProps": {},
2379
- "getStylesLiterals": {},
2380
- "cxLiterals": [],
2381
- "internalComponents": ["TooltipAnchor"],
2382
- "internalComponentProps": { "TooltipAnchor": { "className": ["inline"] } },
2383
- "propToVariantKeys": { "children": ["render"] },
2384
- "runtimeConfigDefaultProps": {},
2385
- "runtimeConfigGetStyles": {},
2386
- "runtimeConfigInternalComponentProps": {},
2387
- "motionVarPrefixes": []
2388
- };
2389
- var Tooltip = {
2390
- "name": "Tooltip",
2391
- "defaultProps": {},
2392
- "getStylesLiterals": {},
2393
- "cxLiterals": [],
2394
- "internalComponents": ["TooltipInternalContext.Provider", "TooltipProvider"],
2395
- "internalComponentProps": {},
2396
- "propToVariantKeys": {},
2397
- "runtimeConfigDefaultProps": {},
2398
- "runtimeConfigGetStyles": {},
2399
- "runtimeConfigInternalComponentProps": { "TooltipProvider": { "animated": ["tooltip.animationDuration"] } },
2400
- "motionVarPrefixes": []
2401
- };
2402
- var InputHelpTextInternal = {
2403
- "name": "InputHelpTextInternal",
2404
- "defaultProps": {},
2405
- "getStylesLiterals": {
2406
- "inputVariantHelperText": "default",
2407
- "inputVariantValueHelperText": "empty",
2408
- "inputVariantValueHelperText:1": "filled",
2409
- "inputVariantHelperIcon": "default",
2410
- "inputVariantValueHelperIcon": "empty",
2411
- "inputVariantValueHelperIcon:1": "filled"
2412
- },
2413
- "cxLiterals": [],
2414
- "internalComponents": ["IconSlot", "HStack"],
2415
- "internalComponentProps": { "HStack": {
2416
- "gap": ["1"],
2417
- "alignItems": ["center"]
2418
- } },
2419
- "propToVariantKeys": {
2420
- "size": ["inputSizeHelperText", "inputSizeHelperIcon"],
2421
- "startIcon": ["icon"],
2422
- "endIcon": ["icon"]
2423
- },
2424
- "runtimeConfigDefaultProps": {},
2425
- "runtimeConfigGetStyles": {},
2426
- "runtimeConfigInternalComponentProps": {},
2427
- "motionVarPrefixes": []
2428
- };
2429
- var Input = {
2430
- "name": "Input",
2431
- "defaultProps": {
2432
- "type": "text",
2433
- "size": "md",
2434
- "width": "full"
2435
- },
2436
- "getStylesLiterals": {
2437
- "inputVariantRoot": "default",
2438
- "inputVariantValueRoot": "empty",
2439
- "inputVariantValueRoot:1": "filled",
2440
- "inputVariantInputWrapper": "default",
2441
- "inputVariantValueInputWrapper": "empty",
2442
- "inputVariantValueInputWrapper:1": "filled",
2443
- "inputVariantInput": "default",
2444
- "inputVariantValueInput": "empty",
2445
- "inputVariantValueInput:1": "filled",
2446
- "inputVariantInputPlaceholder": "default",
2447
- "inputVariantValueInputPlaceholder": "empty",
2448
- "inputVariantValueInputPlaceholder:1": "filled",
2449
- "inputVariantLabel": "default",
2450
- "inputVariantValueLabel": "empty",
2451
- "inputVariantValueLabel:1": "filled",
2452
- "inputVariantLabelRequired": "default",
2453
- "inputVariantValueLabelRequired": "empty",
2454
- "inputVariantValueLabelRequired:1": "filled",
2455
- "inputVariantStartIcon": "default",
2456
- "inputVariantValueStartIcon": "empty",
2457
- "inputVariantValueStartIcon:1": "filled",
2458
- "inputVariantEndIcon": "default",
2459
- "inputVariantValueEndIcon": "empty",
2460
- "inputVariantValueEndIcon:1": "filled"
2461
- },
2462
- "cxLiterals": [
2463
- "opacity-50",
2464
- "min-w-[200px]",
2465
- "grow",
2466
- "uds-hit-target",
2467
- "bg-clip-text",
2468
- "focus:outline-none",
2469
- "cursor-text",
2470
- "cursor-not-allowed"
2471
- ],
2472
- "internalComponents": [
2473
- "IconSlot",
2474
- "StartIcon",
2475
- "EndIcon",
2476
- "HelpTextContent",
2477
- "Box",
2478
- "InputHelpTextInternal",
2479
- "VStack",
2480
- "HStack",
2481
- "AnimateHeightChange"
2482
- ],
2483
- "internalComponentProps": {
2484
- "HelpTextContent": { "spacingTop": ["2"] },
2485
- "Box": {
2486
- "spacingBottom": ["2"],
2487
- "columnGap": ["0.5"],
2488
- "alignItems": ["flex-end", "center"],
2489
- "position": ["relative"]
2490
- },
2491
- "HStack": {
2492
- "alignItems": ["center"],
2493
- "gap": ["1"]
2494
- }
2495
- },
2496
- "propToVariantKeys": {
2497
- "size": [
2498
- "inputSizeRoot",
2499
- "inputSizeInputWrapper",
2500
- "inputSizeInput",
2501
- "inputSizeLabel",
2502
- "inputSizeStartIcon",
2503
- "inputSizeEndIcon"
2504
- ],
2505
- "startIcon": ["icon"],
2506
- "endIcon": ["icon"],
2507
- "slotProps": ["helperTextSlotProps"],
2508
- "helperTextIcon": ["startIcon"]
2509
- },
2510
- "runtimeConfigDefaultProps": {},
2511
- "runtimeConfigGetStyles": {},
2512
- "runtimeConfigInternalComponentProps": {},
2513
- "motionVarPrefixes": []
2514
- };
2515
- var InputHelpText = {
2516
- "name": "InputHelpText",
2517
- "defaultProps": { "size": "md" },
2518
- "getStylesLiterals": {
2519
- "inputVariantRoot": "default",
2520
- "inputVariantValueRoot": "empty",
2521
- "inputVariantValueRoot:1": "filled"
2522
- },
2523
- "cxLiterals": [],
2524
- "internalComponents": ["InputHelpTextInternal", "Box"],
2525
- "internalComponentProps": { "Box": { "spacingTop": ["2"] } },
2526
- "propToVariantKeys": { "size": ["inputSizeRoot"] },
2527
- "runtimeConfigDefaultProps": {},
2528
- "runtimeConfigGetStyles": {},
2529
- "runtimeConfigInternalComponentProps": {},
2530
- "motionVarPrefixes": []
2531
- };
2532
- var Tab = {
2533
- "name": "Tab",
2534
- "defaultProps": { "variant": "primary" },
2535
- "getStylesLiterals": {
2536
- "tabSizeRoot": "default",
2537
- "tabVariantActiveRoot": "off",
2538
- "tabVariantActiveRoot:1": "on",
2539
- "tabSizeIcon": "default"
2540
- },
2541
- "cxLiterals": [
2542
- "pointer-events-none",
2543
- "absolute",
2544
- "bottom-0",
2571
+ "z-[9999]",
2572
+ "uds-bgBlurFillFallback",
2573
+ "uds-bgBlurFallback",
2574
+ "top-0",
2545
2575
  "left-0",
2546
- "right-0",
2547
- "h-[var(--uds-tab-underline-width,0px)]",
2548
- "bg-[var(--uds-tab-underline-color,transparent)]",
2549
- "transition-[height,background-color]",
2550
- "duration-[240ms]",
2551
- "ease-[cubic-bezier(0.2,0,0,1)]",
2552
- "!bg-transparent",
2553
- "!shadow-none",
2554
- "inline-flex",
2555
- "items-center",
2556
- "shrink-0",
2557
- "box-border",
2558
- "relative",
2559
- "z-[1]",
2560
- "cursor-pointer",
2561
- "select-none",
2562
- "whitespace-nowrap",
2563
- "uds-ring",
2564
- "opacity-50",
2565
- "cursor-default",
2566
- "border-solid",
2567
- "border-b-solid",
2568
- "transition-colors"
2576
+ "z-[1]"
2569
2577
  ],
2570
2578
  "internalComponents": [
2571
2579
  "IconSlot",
2572
- "AriakitTab",
2580
+ "TooltipArrow",
2581
+ "Tooltip",
2582
+ "SvgFloatingOverlay",
2583
+ "VStack",
2584
+ "Box",
2573
2585
  "Text"
2574
2586
  ],
2575
- "internalComponentProps": { "Text": {
2576
- "variant": ["inherit"],
2577
- "as": ["span"],
2578
- "color": ["current"]
2579
- } },
2580
- "propToVariantKeys": {
2581
- "variant": ["tabVariantRoot", "tabVariantIcon"],
2582
- "activeState": ["tabVariantActiveIcon"],
2583
- "startIcon": ["icon"],
2584
- "endIcon": ["icon"]
2587
+ "internalComponentProps": {
2588
+ "SvgFloatingOverlay": { "contentOverflow": ["visible"] },
2589
+ "VStack": { "className": ["gap-[inherit]"] },
2590
+ "Box": {
2591
+ "alignItems": ["center"],
2592
+ "columnGap": ["1", "1.5"]
2593
+ },
2594
+ "Text": { "color": ["inherit"] }
2585
2595
  },
2596
+ "propToVariantKeys": { "startTitleIcon": ["icon"] },
2586
2597
  "runtimeConfigDefaultProps": {},
2587
2598
  "runtimeConfigGetStyles": {},
2588
2599
  "runtimeConfigInternalComponentProps": {},
2589
2600
  "motionVarPrefixes": []
2590
2601
  };
2591
- var TabList = {
2592
- "name": "TabList",
2593
- "defaultProps": { "variant": "primary" },
2594
- "getStylesLiterals": {
2595
- "tabSizeRoot": "default",
2596
- "tabVariantActiveRoot": "on"
2597
- },
2598
- "cxLiterals": [
2599
- "pointer-events-none",
2600
- "absolute",
2601
- "bottom-0",
2602
- "left-0",
2603
- "right-0",
2604
- "h-[var(--uds-tab-underline-width,0px)]",
2605
- "bg-[var(--uds-tab-underline-color,transparent)]",
2606
- "transition-[height,background-color]",
2607
- "duration-[240ms]",
2608
- "ease-[cubic-bezier(0.2,0,0,1)]",
2609
- "!m-0",
2610
- "!p-0",
2611
- "!gap-0",
2612
- "box-border",
2613
- "z-0",
2614
- "min-w-0",
2615
- "min-h-0",
2616
- "flex",
2617
- "flex-row",
2618
- "items-center",
2619
- "overflow-x-auto",
2620
- "overflow-y-clip",
2621
- "scrollbar-none",
2622
- "[overflow-clip-margin:6px]",
2623
- "overflow-clip",
2624
- "[overflow-clip-margin:8px]",
2625
- "relative"
2626
- ],
2627
- "internalComponents": ["AriakitTabList"],
2602
+ var TooltipTrigger = {
2603
+ "name": "TooltipTrigger",
2604
+ "defaultProps": {},
2605
+ "getStylesLiterals": {},
2606
+ "cxLiterals": [],
2607
+ "internalComponents": ["TooltipAnchor"],
2608
+ "internalComponentProps": { "TooltipAnchor": { "className": ["inline"] } },
2609
+ "propToVariantKeys": { "children": ["render"] },
2610
+ "runtimeConfigDefaultProps": {},
2611
+ "runtimeConfigGetStyles": {},
2612
+ "runtimeConfigInternalComponentProps": {},
2613
+ "motionVarPrefixes": []
2614
+ };
2615
+ var UDSTooltipConfigProvider = {
2616
+ "name": "UDSTooltipConfigProvider",
2617
+ "defaultProps": {},
2618
+ "getStylesLiterals": {},
2619
+ "cxLiterals": [],
2620
+ "internalComponents": ["TooltipContext.Provider"],
2628
2621
  "internalComponentProps": {},
2629
- "propToVariantKeys": { "variant": ["tabsVariantRoot", "tabVariantRoot"] },
2622
+ "propToVariantKeys": {},
2630
2623
  "runtimeConfigDefaultProps": {},
2631
2624
  "runtimeConfigGetStyles": {},
2632
2625
  "runtimeConfigInternalComponentProps": {},
2633
2626
  "motionVarPrefixes": []
2634
2627
  };
2635
- var TabPanel = {
2636
- "name": "TabPanel",
2628
+ var UDSBreakpointsConfigProvider = {
2629
+ "name": "UDSBreakpointsConfigProvider",
2637
2630
  "defaultProps": {},
2638
2631
  "getStylesLiterals": {},
2639
2632
  "cxLiterals": [],
2640
- "internalComponents": ["AriakitTabPanel"],
2633
+ "internalComponents": ["UDSBreakpointsConfigContext.Provider"],
2641
2634
  "internalComponentProps": {},
2642
2635
  "propToVariantKeys": {},
2643
2636
  "runtimeConfigDefaultProps": {},
@@ -2645,114 +2638,121 @@ var TabPanel = {
2645
2638
  "runtimeConfigInternalComponentProps": {},
2646
2639
  "motionVarPrefixes": []
2647
2640
  };
2648
- var Tabs = {
2649
- "name": "Tabs",
2650
- "defaultProps": { "variant": "primary" },
2641
+ var UDSConfigProvider = {
2642
+ "name": "UDSConfigProvider",
2643
+ "defaultProps": {},
2651
2644
  "getStylesLiterals": {},
2652
2645
  "cxLiterals": [],
2653
- "internalComponents": ["TabsContext.Provider", "TabProvider"],
2646
+ "internalComponents": [
2647
+ "UDSBreakpointsConfigProvider",
2648
+ "UDSBottomSheetConfigProvider",
2649
+ "UDSToastConfigProvider",
2650
+ "UDSTooltipConfigProvider",
2651
+ "UDSPopoverConfigProvider",
2652
+ "UDSModalConfigProvider"
2653
+ ],
2654
2654
  "internalComponentProps": {},
2655
- "propToVariantKeys": { "onSelectionChange": ["setSelectedId"] },
2655
+ "propToVariantKeys": {},
2656
2656
  "runtimeConfigDefaultProps": {},
2657
2657
  "runtimeConfigGetStyles": {},
2658
2658
  "runtimeConfigInternalComponentProps": {},
2659
2659
  "motionVarPrefixes": []
2660
2660
  };
2661
2661
  var componentData_default = {
2662
- VStack,
2663
- Scrim,
2664
- Link,
2665
- IconSlot,
2666
- Image,
2667
- FormLabel,
2668
2662
  Box,
2669
- Icon,
2663
+ FormLabel,
2670
2664
  HStack,
2671
- Text,
2665
+ Icon,
2666
+ IconSlot,
2667
+ Image,
2668
+ Link,
2669
+ Scrim,
2672
2670
  SvgFloatingOverlay,
2671
+ Text,
2672
+ VStack,
2673
2673
  Avatar,
2674
2674
  AvatarIcon,
2675
- AvatarText,
2676
2675
  AvatarImageNoFallback,
2677
- BannerTitle,
2676
+ AvatarText,
2678
2677
  Banner,
2679
2678
  BannerContent,
2680
2679
  BannerDescription,
2680
+ BannerTitle,
2681
+ Divider,
2682
+ DividerCore,
2683
+ DividerInternal,
2681
2684
  Spinner,
2682
- Table,
2683
2685
  "Table.mocks": Table_mocks,
2684
- Checkbox,
2685
- Pressable,
2686
- Switch,
2687
- IconButton,
2688
- SpringMotionConfig,
2686
+ Table,
2689
2687
  AnimateHeightChange,
2690
2688
  Badge,
2691
2689
  Button,
2692
- DividerInternal,
2693
- DividerCore,
2694
- Divider,
2690
+ Checkbox,
2691
+ IconButton,
2692
+ Pressable,
2693
+ SpringMotionConfig,
2694
+ Switch,
2695
+ Accordion,
2695
2696
  AvoidMotionLibraryProvider,
2696
2697
  SegmentedControl,
2697
- Accordion,
2698
2698
  SwitchV2,
2699
- ToastPortal,
2700
- Toast,
2701
- UDSToastConfigProvider,
2702
- ToastContainer,
2703
- BottomSheetHeader,
2704
- BottomSheetInternalContext,
2705
- BottomSheetContent,
2699
+ AvatarImage,
2706
2700
  BottomSheet,
2701
+ BottomSheetContent,
2707
2702
  BottomSheetDismiss,
2708
2703
  BottomSheetHandle,
2704
+ BottomSheetHeader,
2705
+ BottomSheetInternalContext,
2709
2706
  BottomSheetProvider,
2710
- UDSBottomSheetConfigProvider,
2711
2707
  BottomSheetTrigger,
2712
- AvatarImage,
2713
- RadioGroupProvider,
2714
- Radio,
2715
- RadioGroupStore,
2716
- ModalTitle,
2717
- ModalActions,
2718
- UDSModalConfigProvider,
2719
- ModalDescription,
2720
- Modal,
2721
- ModalContext,
2722
- ModalContent,
2723
- PopoverContent,
2724
- PopoverContext,
2725
- UDSPopoverConfigProvider,
2726
- PopoverTrigger,
2727
- Popover,
2728
- "Menu.Item": Menu_Item,
2729
- Menu,
2708
+ UDSBottomSheetConfigProvider,
2709
+ Chip,
2710
+ ChipBase,
2711
+ ChipButton,
2712
+ ChipDismissible,
2713
+ ChipLink,
2714
+ ChipToggle,
2730
2715
  "Menu.Content": Menu_Content,
2731
2716
  "Menu.Divider": Menu_Divider,
2732
- "Menu.ItemCheckbox": Menu_ItemCheckbox,
2733
- "Menu.index": Menu_index,
2734
- "Menu.Trigger": Menu_Trigger,
2717
+ "Menu.Item": Menu_Item,
2735
2718
  "Menu.ItemBase": Menu_ItemBase,
2719
+ "Menu.ItemCheckbox": Menu_ItemCheckbox,
2736
2720
  "Menu.Provider": Menu_Provider,
2737
- ChipDismissible,
2738
- Chip,
2739
- ChipLink,
2740
- ChipToggle,
2741
- ChipBase,
2742
- ChipButton,
2743
- UDSConfigProvider,
2744
- UDSBreakpointsConfigProvider,
2745
- TooltipContent,
2746
- UDSTooltipConfigProvider,
2747
- TooltipTrigger,
2748
- Tooltip,
2749
- InputHelpTextInternal,
2721
+ "Menu.Trigger": Menu_Trigger,
2722
+ "Menu.index": Menu_index,
2723
+ Menu,
2750
2724
  Input,
2751
2725
  InputHelpText,
2726
+ InputHelpTextInternal,
2727
+ Modal,
2728
+ ModalActions,
2729
+ ModalContent,
2730
+ ModalContext,
2731
+ ModalDescription,
2732
+ ModalTitle,
2733
+ UDSModalConfigProvider,
2734
+ Popover,
2735
+ PopoverContent,
2736
+ PopoverContext,
2737
+ PopoverTrigger,
2738
+ UDSPopoverConfigProvider,
2739
+ Radio,
2740
+ RadioGroupProvider,
2741
+ RadioGroupStore,
2752
2742
  Tab,
2753
2743
  TabList,
2754
2744
  TabPanel,
2755
- Tabs
2745
+ Tabs,
2746
+ Toast,
2747
+ ToastContainer,
2748
+ ToastPortal,
2749
+ UDSToastConfigProvider,
2750
+ Tooltip,
2751
+ TooltipContent,
2752
+ TooltipTrigger,
2753
+ UDSTooltipConfigProvider,
2754
+ UDSBreakpointsConfigProvider,
2755
+ UDSConfigProvider
2756
2756
  };
2757
2757
  //#endregion
2758
2758
  Object.defineProperty(exports, "Accordion", {