@yahoo/uds 3.143.0 → 3.144.1

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