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