@yahoo/uds 3.140.0 → 3.141.0

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