@yahoo/uds 3.137.1 → 3.137.2

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