@yahoo/uds 3.137.0 → 3.137.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 (23) hide show
  1. package/dist/components/Scrim.cjs +1 -1
  2. package/dist/components/Scrim.js +1 -1
  3. package/dist/components/client/BottomSheet/BottomSheet.cjs +25 -5
  4. package/dist/components/client/BottomSheet/BottomSheet.d.cts +11 -1
  5. package/dist/components/client/BottomSheet/BottomSheet.d.ts +11 -1
  6. package/dist/components/client/BottomSheet/BottomSheet.js +25 -5
  7. package/dist/components/client/BottomSheet/BottomSheetHeader.cjs +11 -5
  8. package/dist/components/client/BottomSheet/BottomSheetHeader.js +11 -5
  9. package/dist/components/client/BottomSheet/getBottomSheetSnapTransition.cjs +13 -0
  10. package/dist/components/client/BottomSheet/getBottomSheetSnapTransition.d.cts +12 -0
  11. package/dist/components/client/BottomSheet/getBottomSheetSnapTransition.d.ts +13 -0
  12. package/dist/components/client/BottomSheet/getBottomSheetSnapTransition.js +12 -0
  13. package/dist/components/client/Menu/Menu.ItemCheckbox.d.cts +1 -1
  14. package/dist/components/client/Menu/Menu.ItemCheckbox.d.ts +1 -1
  15. package/dist/styles/styler.d.cts +16 -16
  16. package/dist/styles/styler.d.ts +16 -16
  17. package/dist/uds/generated/componentData.cjs +1183 -1176
  18. package/dist/uds/generated/componentData.js +1183 -1176
  19. package/dist/uds/generated/tailwindPurge.cjs +6 -6
  20. package/dist/uds/generated/tailwindPurge.js +6 -6
  21. package/generated/componentData.json +1496 -1486
  22. package/generated/tailwindPurge.ts +1 -1
  23. package/package.json +1 -1
package/generated/componentData.json CHANGED
@@ -201,6 +201,7 @@
201
201
  "z-40",
202
202
  "transition-opacity",
203
203
  "duration-150",
204
+ "motion-reduce:transition-none",
204
205
  "data-[enter]:opacity-100",
205
206
  "[&:not([data-enter])]:opacity-0",
206
207
  "opacity-100",
@@ -577,92 +578,6 @@
577
578
  "runtimeConfigInternalComponentProps": {},
578
579
  "motionVarPrefixes": []
579
580
  },
580
- "Spinner": {
581
- "name": "Spinner",
582
- "defaultProps": {
583
- "color": "primary",
584
- "size": "lg"
585
- },
586
- "getStylesLiterals": {},
587
- "cxLiterals": [
588
- "self-center",
589
- "relative",
590
- "sr-only"
591
- ],
592
- "internalComponents": [
593
- "Icon"
594
- ],
595
- "internalComponentProps": {
596
- "Icon": {
597
- "role": [
598
- "img"
599
- ],
600
- "className": [
601
- "animate-spin"
602
- ],
603
- "aria-hidden": [
604
- "true"
605
- ]
606
- }
607
- },
608
- "propToVariantKeys": {},
609
- "runtimeConfigDefaultProps": {},
610
- "runtimeConfigGetStyles": {},
611
- "runtimeConfigInternalComponentProps": {},
612
- "motionVarPrefixes": []
613
- },
614
- "Table.mocks": {
615
- "name": "Table.mocks",
616
- "defaultProps": {},
617
- "getStylesLiterals": {},
618
- "cxLiterals": [],
619
- "internalComponents": [],
620
- "internalComponentProps": {},
621
- "propToVariantKeys": {},
622
- "runtimeConfigDefaultProps": {},
623
- "runtimeConfigGetStyles": {},
624
- "runtimeConfigInternalComponentProps": {},
625
- "motionVarPrefixes": []
626
- },
627
- "Table": {
628
- "name": "Table",
629
- "defaultProps": {
630
- "display": "table-cell",
631
- "overflow": "hidden",
632
- "borderColor": "muted",
633
- "borderRadius": "md",
634
- "spacing": "3",
635
- "borderBottomColor": "muted",
636
- "borderBottomWidth": "thin",
637
- "color": "primary"
638
- },
639
- "getStylesLiterals": {
640
- "textAlign": "start"
641
- },
642
- "cxLiterals": [],
643
- "internalComponents": [
644
- "CellComponent",
645
- "Box",
646
- "Text",
647
- "Table.Root",
648
- "Table.Header",
649
- "Table.Row",
650
- "Table.Cell",
651
- "Table.Body"
652
- ],
653
- "internalComponentProps": {
654
- "Table.Cell": {
655
- "asHeaderCell": [
656
- "column"
657
- ]
658
- }
659
- },
660
- "propToVariantKeys": {},
661
- "runtimeConfigDefaultProps": {},
662
- "runtimeConfigGetStyles": {},
663
- "runtimeConfigInternalComponentProps": {},
664
- "motionVarPrefixes": []
665
- },
666
581
  "AnimateHeightChange": {
667
582
  "name": "AnimateHeightChange",
668
583
  "defaultProps": {},
@@ -1164,83 +1079,31 @@
1164
1079
  "--uds-motion-smooth-3-"
1165
1080
  ]
1166
1081
  },
1167
- "Accordion": {
1168
- "name": "Accordion",
1082
+ "Spinner": {
1083
+ "name": "Spinner",
1169
1084
  "defaultProps": {
1170
- "spacingHorizontal": "4",
1171
- "spacingVertical": "4"
1085
+ "color": "primary",
1086
+ "size": "lg"
1172
1087
  },
1173
1088
  "getStylesLiterals": {},
1174
1089
  "cxLiterals": [
1175
- "hover:bg-secondary/80",
1176
- "w-full"
1090
+ "self-center",
1091
+ "relative",
1092
+ "sr-only"
1177
1093
  ],
1178
1094
  "internalComponents": [
1179
- "Icon",
1180
- "SpringMotionConfig",
1181
- "Pressable",
1182
- "Text",
1183
- "HStack",
1184
- "AnimatePresence",
1185
- "VStack"
1095
+ "Icon"
1186
1096
  ],
1187
1097
  "internalComponentProps": {
1188
1098
  "Icon": {
1189
- "variant": [
1190
- "fill"
1191
- ],
1192
- "size": [
1193
- "sm"
1194
- ],
1195
- "color": [
1196
- "primary"
1197
- ]
1198
- },
1199
- "SpringMotionConfig": {
1200
- "layoutVariant": [
1201
- "smooth"
1202
- ],
1203
- "layoutSpeed": [
1204
- "3"
1205
- ]
1206
- },
1207
- "Pressable": {
1208
- "display": [
1209
- "flex"
1210
- ],
1211
- "flexDirection": [
1212
- "row"
1213
- ],
1214
- "alignItems": [
1215
- "center"
1216
- ],
1217
- "justifyContent": [
1218
- "space-between"
1219
- ],
1220
- "borderRadius": [
1221
- "md"
1222
- ]
1223
- },
1224
- "Text": {
1225
- "variant": [
1226
- "title4"
1227
- ],
1228
- "color": [
1229
- "primary"
1230
- ]
1231
- },
1232
- "HStack": {
1233
- "display": [
1234
- "flex"
1235
- ],
1236
- "alignItems": [
1237
- "center"
1099
+ "role": [
1100
+ "img"
1238
1101
  ],
1239
- "justifyContent": [
1240
- "space-between"
1102
+ "className": [
1103
+ "animate-spin"
1241
1104
  ],
1242
- "columnGap": [
1243
- "2.5"
1105
+ "aria-hidden": [
1106
+ "true"
1244
1107
  ]
1245
1108
  }
1246
1109
  },
@@ -1248,12 +1111,10 @@
1248
1111
  "runtimeConfigDefaultProps": {},
1249
1112
  "runtimeConfigGetStyles": {},
1250
1113
  "runtimeConfigInternalComponentProps": {},
1251
- "motionVarPrefixes": [
1252
- "--uds-motion-smooth-3-"
1253
- ]
1114
+ "motionVarPrefixes": []
1254
1115
  },
1255
- "AvoidMotionLibraryProvider": {
1256
- "name": "AvoidMotionLibraryProvider",
1116
+ "Table.mocks": {
1117
+ "name": "Table.mocks",
1257
1118
  "defaultProps": {},
1258
1119
  "getStylesLiterals": {},
1259
1120
  "cxLiterals": [],
@@ -1265,718 +1126,229 @@
1265
1126
  "runtimeConfigInternalComponentProps": {},
1266
1127
  "motionVarPrefixes": []
1267
1128
  },
1268
- "SegmentedControl": {
1269
- "name": "SegmentedControl",
1129
+ "Table": {
1130
+ "name": "Table",
1270
1131
  "defaultProps": {
1271
- "textVariant": "label2"
1132
+ "display": "table-cell",
1133
+ "overflow": "hidden",
1134
+ "borderColor": "muted",
1135
+ "borderRadius": "md",
1136
+ "spacing": "3",
1137
+ "borderBottomColor": "muted",
1138
+ "borderBottomWidth": "thin",
1139
+ "color": "primary"
1272
1140
  },
1273
1141
  "getStylesLiterals": {
1274
- "display": "flex",
1275
- "alignItems": "center",
1276
- "backgroundColor": "primary",
1277
- "spacingVertical": "1",
1278
- "spacingHorizontal": "3",
1279
- "columnGap": "1.5",
1280
- "borderWidth": "thin",
1281
- "borderRadius": "full",
1282
- "borderColor": "muted",
1283
- "borderColor:1": "transparent",
1284
- "color": "primary",
1285
- "color:1": "tertiary",
1286
- "color:2": "muted"
1142
+ "textAlign": "start"
1287
1143
  },
1288
- "cxLiterals": [
1289
- "uds-ring",
1290
- "cursor-not-allowed",
1291
- "opacity-50",
1292
- "pointer-events-none",
1293
- "hover:bg-primary"
1294
- ],
1144
+ "cxLiterals": [],
1295
1145
  "internalComponents": [
1296
- "TextVariant",
1297
- "Radio",
1298
- "Icon",
1299
- "RadioProvider",
1300
- "HStack",
1301
- "RadioGroup",
1302
- "Pressable",
1303
- "Text"
1146
+ "CellComponent",
1147
+ "Box",
1148
+ "Text",
1149
+ "Table.Root",
1150
+ "Table.Header",
1151
+ "Table.Row",
1152
+ "Table.Cell",
1153
+ "Table.Body"
1304
1154
  ],
1305
1155
  "internalComponentProps": {
1306
- "Icon": {
1307
- "size": [
1308
- "sm"
1309
- ],
1310
- "color": [
1311
- "current"
1312
- ],
1313
- "aria-hidden": [
1314
- "true"
1315
- ]
1316
- },
1317
- "HStack": {
1318
- "spacing": [
1319
- "1"
1320
- ],
1321
- "gap": [
1322
- "1"
1323
- ],
1324
- "backgroundColor": [
1325
- "secondary"
1326
- ],
1327
- "borderRadius": [
1328
- "full"
1329
- ],
1330
- "display": [
1331
- "inline-flex"
1156
+ "Table.Cell": {
1157
+ "asHeaderCell": [
1158
+ "column"
1332
1159
  ]
1333
- },
1334
- "Text": {
1335
- "color": [
1336
- "current"
1337
- ]
1338
- }
1339
- },
1340
- "propToVariantKeys": {
1341
- "value": [
1342
- "key"
1343
- ],
1344
- "label": [
1345
- "aria-label"
1346
- ],
1347
- "textVariant": [
1348
- "variant"
1349
- ]
1350
- },
1351
- "runtimeConfigDefaultProps": {},
1352
- "runtimeConfigGetStyles": {},
1353
- "runtimeConfigInternalComponentProps": {},
1354
- "motionVarPrefixes": []
1355
- },
1356
- "SwitchV2": {
1357
- "name": "SwitchV2",
1358
- "defaultProps": {
1359
- "labelPosition": "start",
1360
- "size": "md"
1361
- },
1362
- "getStylesLiterals": {
1363
- "switchVariantRoot": "default",
1364
- "switchVariantActiveRoot": "on",
1365
- "switchVariantActiveRoot:1": "off",
1366
- "switchVariantSwitch": "default",
1367
- "switchVariantActiveSwitch": "on",
1368
- "switchVariantActiveSwitch:1": "off",
1369
- "switchVariantActiveHandle": "on",
1370
- "switchVariantActiveHandle:1": "off",
1371
- "switchVariantHandle": "default",
1372
- "switchVariantHandleIcon": "default",
1373
- "switchVariantActiveHandleIcon": "on",
1374
- "switchVariantActiveHandleIcon:1": "off"
1375
- },
1376
- "cxLiterals": [
1377
- "group",
1378
- "flex",
1379
- "items-center",
1380
- "flex-row",
1381
- "flex-row-reverse",
1382
- "uds-ring",
1383
- "uds-ring-within",
1384
- "relative",
1385
- "uds-border-radius-full",
1386
- "transition-[background-color,box-shadow]",
1387
- "pointer-events-none",
1388
- "w-full",
1389
- "h-full",
1390
- "absolute",
1391
- "top-0",
1392
- "bottom-0",
1393
- "right-0",
1394
- "left-0",
1395
- "overflow-hidden",
1396
- "group-hover:scale-105",
1397
- "opacity-95",
1398
- "group-hover:opacity-100",
1399
- "transition-[transform,opacity]",
1400
- "opacity-0",
1401
- "top-1/2",
1402
- "left-1/2",
1403
- "transform",
1404
- "translate-x-[-50%]",
1405
- "translate-y-[-50%]",
1406
- "transition-opacity",
1407
- "cursor-[inherit]",
1408
- "w-[calc(100%+2px)]",
1409
- "h-[calc(100%+2px)]",
1410
- "text-start",
1411
- "text-end",
1412
- "opacity-100"
1413
- ],
1414
- "internalComponents": [
1415
- "IconSlot",
1416
- "Box",
1417
- "FormLabel",
1418
- "SpringMotionConfig",
1419
- "RootElement",
1420
- "MotionBox"
1421
- ],
1422
- "internalComponentProps": {
1423
- "IconSlot": {
1424
- "data-testid": [
1425
- "on-icon",
1426
- "off-icon"
1427
- ]
1428
- },
1429
- "FormLabel": {
1430
- "as": [
1431
- "div"
1432
- ],
1433
- "variant": [
1434
- "inherit"
1435
- ],
1436
- "color": [
1437
- "inherit"
1438
- ]
1439
- },
1440
- "SpringMotionConfig": {
1441
- "layoutVariant": [
1442
- "bouncy"
1443
- ],
1444
- "layoutSpeed": [
1445
- "4"
1446
- ]
1447
- },
1448
- "RootElement": {
1449
- "data-testid": [
1450
- "switch-root"
1451
- ]
1452
- },
1453
- "MotionBox": {
1454
- "layout": [
1455
- "position"
1456
- ]
1457
- }
1458
- },
1459
- "propToVariantKeys": {
1460
- "size": [
1461
- "switchSizeRoot",
1462
- "switchSizeSwitch",
1463
- "switchSizeHandle",
1464
- "switchSizeHandleIcon"
1465
- ],
1466
- "onIcon": [
1467
- "icon"
1468
- ],
1469
- "offIcon": [
1470
- "icon"
1471
- ],
1472
- "reduceMotion": [
1473
- "reducedMotion"
1474
- ],
1475
- "isOn": [
1476
- "layoutDependency"
1477
- ]
1478
- },
1479
- "runtimeConfigDefaultProps": {},
1480
- "runtimeConfigGetStyles": {},
1481
- "runtimeConfigInternalComponentProps": {},
1482
- "motionVarPrefixes": [
1483
- "--uds-motion-bouncy-4-",
1484
- "--uds-motion-smooth-3-"
1485
- ]
1486
- },
1487
- "Popover": {
1488
- "name": "Popover",
1489
- "defaultProps": {},
1490
- "getStylesLiterals": {},
1491
- "cxLiterals": [],
1492
- "internalComponents": [
1493
- "PopoverInternalContext.Provider",
1494
- "PopoverProvider"
1495
- ],
1496
- "internalComponentProps": {},
1497
- "propToVariantKeys": {},
1498
- "runtimeConfigDefaultProps": {
1499
- "size": "popover.defaultSize",
1500
- "variant": "popover.defaultVariant"
1501
- },
1502
- "runtimeConfigGetStyles": {},
1503
- "runtimeConfigInternalComponentProps": {},
1504
- "motionVarPrefixes": []
1505
- },
1506
- "PopoverContent": {
1507
- "name": "PopoverContent",
1508
- "defaultProps": {},
1509
- "getStylesLiterals": {
1510
- "popoverSizeRoot": "default",
1511
- "popoverVariantRoot": "default",
1512
- "display": "flex",
1513
- "position": "relative",
1514
- "display:1": "block",
1515
- "spacingTop": "0",
1516
- "spacingStart": "0",
1517
- "spacingBottom": "0",
1518
- "spacingEnd": "0",
1519
- "popoverSizeSvgBase": "default",
1520
- "popoverVariantSvgBase": "default",
1521
- "popoverSizeSvgBorder": "default",
1522
- "popoverVariantSvgBorder": "default",
1523
- "popoverVariantBlur": "default",
1524
- "position:1": "absolute",
1525
- "width": "full",
1526
- "height": "full",
1527
- "flexShrink": "0",
1528
- "borderRadius": "full",
1529
- "alignItems": "center",
1530
- "justifyContent": "center",
1531
- "popoverVariantCloseIcon": "default",
1532
- "popoverSizeCloseIcon": "default"
1533
- },
1534
- "cxLiterals": [
1535
- "z-[9999]",
1536
- "outline-none",
1537
- "focus-visible:outline-none",
1538
- "uds-bgBlurFillFallback",
1539
- "uds-bgBlurFallback",
1540
- "top-0",
1541
- "left-0",
1542
- "z-[1]",
1543
- "duration-0",
1544
- "duration-120",
1545
- "transition-[background-color]",
1546
- "bg-carbon-15/0",
1547
- "hover:bg-carbon-15/10",
1548
- "active:bg-carbon-15/15",
1549
- "uds-ring",
1550
- "absolute",
1551
- "z-[4]"
1552
- ],
1553
- "internalComponents": [
1554
- "PopoverDismiss",
1555
- "IconSlot",
1556
- "PopoverArrow",
1557
- "Popover",
1558
- "SvgFloatingOverlay",
1559
- "Box",
1560
- "Pressable"
1561
- ],
1562
- "internalComponentProps": {},
1563
- "propToVariantKeys": {
1564
- "closeIcon": [
1565
- "icon"
1566
- ]
1567
- },
1568
- "runtimeConfigDefaultProps": {
1569
- "size": "popover.defaultSize",
1570
- "variant": "popover.defaultVariant"
1571
- },
1572
- "runtimeConfigGetStyles": {
1573
- "spacingTop": [
1574
- "popover.spacingVertical.${size}"
1575
- ],
1576
- "spacingStart": [
1577
- "popover.spacingHorizontal.${size}"
1578
- ],
1579
- "spacingBottom": [
1580
- "popover.spacingVertical.${size}"
1581
- ],
1582
- "spacingEnd": [
1583
- "popover.spacingHorizontal.${size}"
1584
- ]
1585
- },
1586
- "runtimeConfigInternalComponentProps": {
1587
- "SvgFloatingOverlay": {
1588
- "borderRadius": [
1589
- "popover.borderRadius.${size}"
1590
- ]
1591
- }
1592
- },
1593
- "motionVarPrefixes": []
1594
- },
1595
- "PopoverContext": {
1596
- "name": "PopoverContext",
1597
- "defaultProps": {},
1598
- "getStylesLiterals": {},
1599
- "cxLiterals": [],
1600
- "internalComponents": [],
1601
- "internalComponentProps": {},
1602
- "propToVariantKeys": {},
1603
- "runtimeConfigDefaultProps": {},
1604
- "runtimeConfigGetStyles": {},
1605
- "runtimeConfigInternalComponentProps": {},
1606
- "motionVarPrefixes": []
1607
- },
1608
- "PopoverTrigger": {
1609
- "name": "PopoverTrigger",
1610
- "defaultProps": {},
1611
- "getStylesLiterals": {},
1612
- "cxLiterals": [],
1613
- "internalComponents": [
1614
- "PopoverDisclosure"
1615
- ],
1616
- "internalComponentProps": {
1617
- "PopoverDisclosure": {
1618
- "className": [
1619
- "inline"
1620
- ]
1621
- }
1622
- },
1623
- "propToVariantKeys": {
1624
- "children": [
1625
- "render"
1626
- ]
1627
- },
1628
- "runtimeConfigDefaultProps": {},
1629
- "runtimeConfigGetStyles": {},
1630
- "runtimeConfigInternalComponentProps": {},
1631
- "motionVarPrefixes": []
1632
- },
1633
- "UDSPopoverConfigProvider": {
1634
- "name": "UDSPopoverConfigProvider",
1635
- "defaultProps": {},
1636
- "getStylesLiterals": {},
1637
- "cxLiterals": [],
1638
- "internalComponents": [
1639
- "PopoverContext.Provider"
1640
- ],
1641
- "internalComponentProps": {},
1642
- "propToVariantKeys": {},
1643
- "runtimeConfigDefaultProps": {},
1644
- "runtimeConfigGetStyles": {},
1645
- "runtimeConfigInternalComponentProps": {},
1646
- "motionVarPrefixes": []
1647
- },
1648
- "Modal": {
1649
- "name": "Modal",
1650
- "defaultProps": {
1651
- "closeAriaLabel": "Close",
1652
- "maxWidth": "auto",
1653
- "maxHeight": "auto",
1654
- "scrollBehavior": "outside"
1655
- },
1656
- "getStylesLiterals": {
1657
- "flexDirection": "row-reverse",
1658
- "justifyContent": "space-between",
1659
- "alignItems": "flex-end",
1660
- "alignItems:1": "flex-start",
1661
- "borderRadius": "full"
1662
- },
1663
- "cxLiterals": [
1664
- "fixed",
1665
- "inset-0",
1666
- "z-40",
1667
- "overflow-y-auto",
1668
- "overflow-hidden",
1669
- "transition-[opacity,visibility]",
1670
- "visible",
1671
- "opacity-100",
1672
- "invisible",
1673
- "opacity-0",
1674
- "pointer-events-none",
1675
- "uds-bgBlurFallback",
1676
- "w-full",
1677
- "w-fit",
1678
- "h-full",
1679
- "h-fit",
1680
- "m-auto",
1681
- "pointer-events-auto",
1682
- "inside",
1683
- "max-h-full",
1684
- "transition-transform",
1685
- "duration-0",
1686
- "duration-120",
1687
- "transition-[background-color]",
1688
- "bg-carbon-15/0",
1689
- "hover:bg-carbon-15/10",
1690
- "active:bg-carbon-15/15",
1691
- "uds-ring",
1692
- "[translate:50%_-50%]"
1693
- ],
1694
- "internalComponents": [
1695
- "Scrim",
1696
- "VStack",
1697
- "Pressable",
1698
- "IconSlot",
1699
- "Box",
1700
- "Dialog",
1701
- "ModalContext.Provider",
1702
- "HStack",
1703
- "DialogDismiss",
1704
- "ModalTitle",
1705
- "ModalDescription",
1706
- "ModalContent",
1707
- "ModalActions"
1708
- ],
1709
- "internalComponentProps": {
1710
- "Box": {
1711
- "flexGrow": [
1712
- "1"
1713
- ]
1714
- }
1715
- },
1716
- "propToVariantKeys": {
1717
- "gutter": [
1718
- "spacing"
1719
- ],
1720
- "size": [
1721
- "modalSizeRoot",
1722
- "modalSizeSpacingHorizontal",
1723
- "modalSizeHeader",
1724
- "modalSizeTitleDescriptionWrapper",
1725
- "modalSizeCloseIconContainer",
1726
- "modalSizeCloseIcon"
1727
- ],
1728
- "variant": [
1729
- "modalVariantRoot",
1730
- "modalVariantCloseIcon"
1731
- ],
1732
- "closeAriaLabel": [
1733
- "aria-label"
1734
- ],
1735
- "closeIcon": [
1736
- "icon"
1737
- ]
1738
- },
1739
- "runtimeConfigDefaultProps": {
1740
- "size": "modal.defaultSize",
1741
- "variant": "modal.defaultVariant"
1742
- },
1743
- "runtimeConfigGetStyles": {
1744
- "spacing": [
1745
- "modal.gutter.${size}"
1746
- ],
1747
- "modalSizeRoot": [
1748
- "modal.defaultSize"
1749
- ],
1750
- "modalVariantRoot": [
1751
- "modal.defaultVariant"
1752
- ],
1753
- "modalSizeSpacingHorizontal": [
1754
- "modal.defaultSize"
1755
- ],
1756
- "modalSizeHeader": [
1757
- "modal.defaultSize"
1758
- ],
1759
- "modalSizeTitleDescriptionWrapper": [
1760
- "modal.defaultSize"
1761
- ],
1762
- "modalSizeCloseIconContainer": [
1763
- "modal.defaultSize"
1764
- ],
1765
- "modalSizeCloseIcon": [
1766
- "modal.defaultSize"
1767
- ],
1768
- "modalVariantCloseIcon": [
1769
- "modal.defaultVariant"
1770
- ]
1160
+ }
1771
1161
  },
1162
+ "propToVariantKeys": {},
1163
+ "runtimeConfigDefaultProps": {},
1164
+ "runtimeConfigGetStyles": {},
1772
1165
  "runtimeConfigInternalComponentProps": {},
1773
1166
  "motionVarPrefixes": []
1774
1167
  },
1775
- "ModalActions": {
1776
- "name": "ModalActions",
1168
+ "Avatar": {
1169
+ "name": "Avatar",
1777
1170
  "defaultProps": {},
1778
- "getStylesLiterals": {
1779
- "flexDirection": "row-reverse",
1780
- "justifyContent": "space-between",
1781
- "alignItems": "center"
1782
- },
1783
- "cxLiterals": [
1784
- "gap-[inherit]"
1785
- ],
1171
+ "getStylesLiterals": {},
1172
+ "cxLiterals": [],
1786
1173
  "internalComponents": [
1787
- "HStack"
1174
+ "AvatarImage"
1788
1175
  ],
1789
1176
  "internalComponentProps": {},
1790
- "propToVariantKeys": {
1791
- "size": [
1792
- "modalSizeSpacingHorizontal",
1793
- "modalSizeActions"
1794
- ]
1795
- },
1796
- "runtimeConfigDefaultProps": {
1797
- "size": "modal.defaultSize",
1798
- "variant": "modal.defaultVariant"
1799
- },
1800
- "runtimeConfigGetStyles": {
1801
- "modalSizeSpacingHorizontal": [
1802
- "modal.defaultSize"
1803
- ],
1804
- "modalSizeActions": [
1805
- "modal.defaultSize"
1806
- ]
1807
- },
1177
+ "propToVariantKeys": {},
1178
+ "runtimeConfigDefaultProps": {},
1179
+ "runtimeConfigGetStyles": {},
1808
1180
  "runtimeConfigInternalComponentProps": {},
1809
1181
  "motionVarPrefixes": []
1810
1182
  },
1811
- "ModalContent": {
1812
- "name": "ModalContent",
1813
- "defaultProps": {},
1814
- "getStylesLiterals": {
1815
- "overflowY": "auto",
1816
- "display": "block",
1817
- "flexGrow": "1"
1183
+ "AvatarIcon": {
1184
+ "name": "AvatarIcon",
1185
+ "defaultProps": {
1186
+ "size": "md",
1187
+ "variant": "primary"
1818
1188
  },
1819
- "cxLiterals": [],
1189
+ "getStylesLiterals": {},
1190
+ "cxLiterals": [
1191
+ "overflow-hidden",
1192
+ "w-full",
1193
+ "h-full",
1194
+ "shrink-0",
1195
+ "text-center",
1196
+ "inline-flex",
1197
+ "justify-center",
1198
+ "items-center"
1199
+ ],
1820
1200
  "internalComponents": [
1201
+ "IconSlot",
1821
1202
  "Box"
1822
1203
  ],
1823
1204
  "internalComponentProps": {},
1824
1205
  "propToVariantKeys": {
1825
1206
  "size": [
1826
- "modalSizeSpacingHorizontal"
1827
- ]
1828
- },
1829
- "runtimeConfigDefaultProps": {
1830
- "size": "modal.defaultSize",
1831
- "variant": "modal.defaultVariant"
1832
- },
1833
- "runtimeConfigGetStyles": {
1834
- "modalSizeSpacingHorizontal": [
1835
- "modal.defaultSize"
1207
+ "avatarSizeIcon"
1836
1208
  ]
1837
1209
  },
1838
- "runtimeConfigInternalComponentProps": {},
1839
- "motionVarPrefixes": []
1840
- },
1841
- "ModalContext": {
1842
- "name": "ModalContext",
1843
- "defaultProps": {},
1844
- "getStylesLiterals": {},
1845
- "cxLiterals": [],
1846
- "internalComponents": [],
1847
- "internalComponentProps": {},
1848
- "propToVariantKeys": {},
1849
1210
  "runtimeConfigDefaultProps": {},
1850
1211
  "runtimeConfigGetStyles": {},
1851
1212
  "runtimeConfigInternalComponentProps": {},
1852
1213
  "motionVarPrefixes": []
1853
1214
  },
1854
- "ModalDescription": {
1855
- "name": "ModalDescription",
1856
- "defaultProps": {},
1215
+ "AvatarImage": {
1216
+ "name": "AvatarImage",
1217
+ "defaultProps": {
1218
+ "size": "md",
1219
+ "variant": "primary"
1220
+ },
1857
1221
  "getStylesLiterals": {},
1858
- "cxLiterals": [],
1222
+ "cxLiterals": [
1223
+ "overflow-hidden",
1224
+ "w-full",
1225
+ "h-full",
1226
+ "shrink-0",
1227
+ "text-center",
1228
+ "inline-flex",
1229
+ "justify-center",
1230
+ "items-center",
1231
+ "object-cover"
1232
+ ],
1859
1233
  "internalComponents": [
1860
- "Text",
1861
- "DialogDescription"
1234
+ "UDSImage",
1235
+ "AvatarText",
1236
+ "AvatarIcon",
1237
+ "Box"
1862
1238
  ],
1863
- "internalComponentProps": {
1864
- "Text": {
1865
- "as": [
1866
- "span"
1867
- ]
1868
- }
1869
- },
1239
+ "internalComponentProps": {},
1870
1240
  "propToVariantKeys": {
1871
- "size": [
1872
- "modalSizeDescription"
1873
- ],
1874
- "variant": [
1875
- "modalVariantDescription"
1876
- ]
1877
- },
1878
- "runtimeConfigDefaultProps": {
1879
- "size": "modal.defaultSize",
1880
- "variant": "modal.defaultVariant"
1881
- },
1882
- "runtimeConfigGetStyles": {
1883
- "modalSizeDescription": [
1884
- "modal.defaultSize"
1241
+ "alt": [
1242
+ "name"
1885
1243
  ],
1886
- "modalVariantDescription": [
1887
- "modal.defaultVariant"
1244
+ "fallback": [
1245
+ "initials"
1888
1246
  ]
1889
1247
  },
1248
+ "runtimeConfigDefaultProps": {},
1249
+ "runtimeConfigGetStyles": {},
1890
1250
  "runtimeConfigInternalComponentProps": {},
1891
1251
  "motionVarPrefixes": []
1892
1252
  },
1893
- "ModalTitle": {
1894
- "name": "ModalTitle",
1895
- "defaultProps": {},
1253
+ "AvatarText": {
1254
+ "name": "AvatarText",
1255
+ "defaultProps": {
1256
+ "size": "md",
1257
+ "variant": "primary"
1258
+ },
1896
1259
  "getStylesLiterals": {},
1897
- "cxLiterals": [],
1260
+ "cxLiterals": [
1261
+ "overflow-hidden",
1262
+ "truncate",
1263
+ "w-full",
1264
+ "h-full",
1265
+ "shrink-0",
1266
+ "text-center",
1267
+ "inline-flex",
1268
+ "justify-center",
1269
+ "items-center"
1270
+ ],
1898
1271
  "internalComponents": [
1899
- "Text",
1900
- "DialogHeading"
1272
+ "Box",
1273
+ "Text"
1901
1274
  ],
1902
1275
  "internalComponentProps": {
1903
1276
  "Text": {
1904
- "as": [
1905
- "span"
1277
+ "color": [
1278
+ "inherit"
1279
+ ],
1280
+ "variant": [
1281
+ "inherit"
1906
1282
  ]
1907
1283
  }
1908
1284
  },
1909
- "propToVariantKeys": {
1910
- "size": [
1911
- "modalSizeTitle"
1912
- ],
1913
- "variant": [
1914
- "modalVariantTitle"
1915
- ]
1916
- },
1917
- "runtimeConfigDefaultProps": {
1918
- "size": "modal.defaultSize",
1919
- "variant": "modal.defaultVariant"
1920
- },
1921
- "runtimeConfigGetStyles": {
1922
- "modalSizeTitle": [
1923
- "modal.defaultSize"
1924
- ],
1925
- "modalVariantTitle": [
1926
- "modal.defaultVariant"
1927
- ]
1928
- },
1929
- "runtimeConfigInternalComponentProps": {},
1930
- "motionVarPrefixes": []
1931
- },
1932
- "UDSModalConfigProvider": {
1933
- "name": "UDSModalConfigProvider",
1934
- "defaultProps": {},
1935
- "getStylesLiterals": {},
1936
- "cxLiterals": [],
1937
- "internalComponents": [
1938
- "ModalContext.Provider"
1939
- ],
1940
- "internalComponentProps": {},
1941
1285
  "propToVariantKeys": {},
1942
1286
  "runtimeConfigDefaultProps": {},
1943
1287
  "runtimeConfigGetStyles": {},
1944
1288
  "runtimeConfigInternalComponentProps": {},
1945
1289
  "motionVarPrefixes": []
1946
1290
  },
1947
- "Menu.Content": {
1948
- "name": "Menu.Content",
1291
+ "BottomSheet": {
1292
+ "name": "BottomSheet",
1949
1293
  "defaultProps": {
1950
- "size": "default",
1951
- "variant": "default",
1952
- "gutter": "1"
1294
+ "variant": "default"
1953
1295
  },
1954
1296
  "getStylesLiterals": {},
1955
1297
  "cxLiterals": [
1956
- "uds-menu-content",
1957
- "transition-shadow",
1958
- "duration-200",
1959
- "ease-in-out",
1960
- "min-w-60",
1961
- "max-w-lg",
1962
- "max-h-96",
1963
- "overflow-auto",
1964
- "uds-ring",
1965
- "z-10",
1966
- "group"
1298
+ "fixed",
1299
+ "overflow-hidden",
1300
+ "inset-x-0",
1301
+ "bottom-0",
1302
+ "z-50",
1303
+ "[will-change:transform]",
1304
+ "touch-none",
1305
+ "[transform:translate3d(0,var(--uds-bottomsheet-hidden-translate),0)]",
1306
+ "data-[enter]:[transform:translate3d(0,var(--uds-bottomsheet-visible-translate),0)]",
1307
+ "transition-transform",
1308
+ "duration-500",
1309
+ "ease-[cubic-bezier(0.32,0.72,0,1)]",
1310
+ "motion-reduce:transition-none",
1311
+ "top-[-4px]",
1312
+ "z-[1]",
1313
+ "touch-pan-y"
1967
1314
  ],
1968
1315
  "internalComponents": [
1969
- "AriakitMenu",
1970
- "AnimatePresence",
1971
- "MotionVStack"
1316
+ "Scrim",
1317
+ "BottomSheetHandle",
1318
+ "Dialog",
1319
+ "Box",
1320
+ "BottomSheetInternalContext.Provider"
1972
1321
  ],
1973
- "internalComponentProps": {},
1322
+ "internalComponentProps": {
1323
+ "BottomSheetHandle": {
1324
+ "ariaLabel": [
1325
+ "Resize sheet"
1326
+ ]
1327
+ },
1328
+ "Dialog": {
1329
+ "data-testid": [
1330
+ "bottom-sheet"
1331
+ ]
1332
+ },
1333
+ "Box": {
1334
+ "display": [
1335
+ "block",
1336
+ "flex"
1337
+ ],
1338
+ "position": [
1339
+ "absolute"
1340
+ ],
1341
+ "flexDirection": [
1342
+ "column"
1343
+ ],
1344
+ "className": [
1345
+ "absolute inset-0 min-h-0 p-[inherit]"
1346
+ ]
1347
+ }
1348
+ },
1974
1349
  "propToVariantKeys": {
1975
- "size": [
1976
- "menucontentSizeRoot"
1977
- ],
1978
1350
  "variant": [
1979
- "menucontentVariantRoot"
1351
+ "bottomsheetVariantRoot"
1980
1352
  ]
1981
1353
  },
1982
1354
  "runtimeConfigDefaultProps": {},
@@ -1984,26 +1356,30 @@
1984
1356
  "runtimeConfigInternalComponentProps": {},
1985
1357
  "motionVarPrefixes": []
1986
1358
  },
1987
- "Menu.Divider": {
1988
- "name": "Menu.Divider",
1989
- "defaultProps": {
1990
- "role": "separator",
1991
- "contentPosition": "start",
1992
- "gap": "4"
1993
- },
1994
- "getStylesLiterals": {
1995
- "menuitemDividerVariantRoot": "default",
1996
- "menuitemDividerVariantText": "default",
1997
- "menuitemDividerVariantLine": "default"
1998
- },
1999
- "cxLiterals": [],
1359
+ "BottomSheetContent": {
1360
+ "name": "BottomSheetContent",
1361
+ "defaultProps": {},
1362
+ "getStylesLiterals": {},
1363
+ "cxLiterals": [
1364
+ "min-h-0",
1365
+ "touch-pan-y"
1366
+ ],
2000
1367
  "internalComponents": [
2001
- "DividerInternal"
1368
+ "Box",
1369
+ "VStack"
2002
1370
  ],
2003
1371
  "internalComponentProps": {
2004
- "DividerInternal": {
2005
- "variant": [
2006
- "inherit"
1372
+ "Box": {
1373
+ "display": [
1374
+ "block"
1375
+ ],
1376
+ "flex": [
1377
+ "1"
1378
+ ]
1379
+ },
1380
+ "VStack": {
1381
+ "className": [
1382
+ "pb-[calc(env(safe-area-inset-bottom))]"
2007
1383
  ]
2008
1384
  }
2009
1385
  },
@@ -2013,23 +1389,13 @@
2013
1389
  "runtimeConfigInternalComponentProps": {},
2014
1390
  "motionVarPrefixes": []
2015
1391
  },
2016
- "Menu.Item": {
2017
- "name": "Menu.Item",
1392
+ "BottomSheetDismiss": {
1393
+ "name": "BottomSheetDismiss",
2018
1394
  "defaultProps": {},
2019
- "getStylesLiterals": {
2020
- "menuitemItemVariantRoot": "default",
2021
- "menuitemItemVariantActiveRoot": "on",
2022
- "menuitemItemVariantActiveRoot:1": "off",
2023
- "menuitemItemVariantText": "default",
2024
- "menuitemItemVariantActiveText": "on",
2025
- "menuitemItemVariantActiveText:1": "off",
2026
- "menuitemItemVariantIcon": "default",
2027
- "menuitemItemVariantActiveIcon": "on",
2028
- "menuitemItemVariantActiveIcon:1": "off"
2029
- },
1395
+ "getStylesLiterals": {},
2030
1396
  "cxLiterals": [],
2031
1397
  "internalComponents": [
2032
- "MenuItemBase"
1398
+ "AriakitDialogDismiss"
2033
1399
  ],
2034
1400
  "internalComponentProps": {},
2035
1401
  "propToVariantKeys": {},
@@ -2038,77 +1404,45 @@
2038
1404
  "runtimeConfigInternalComponentProps": {},
2039
1405
  "motionVarPrefixes": []
2040
1406
  },
2041
- "Menu.ItemBase": {
2042
- "name": "Menu.ItemBase",
1407
+ "BottomSheetHandle": {
1408
+ "name": "BottomSheetHandle",
2043
1409
  "defaultProps": {
2044
- "spacing": "0",
2045
- "spacingHorizontal": "4",
2046
- "spacingVertical": "3.5",
2047
- "columnGap": "2",
2048
- "alignItems": "center",
2049
- "justifyContent": "space-between"
2050
- },
2051
- "getStylesLiterals": {
2052
- "textAlign": "start",
2053
- "menuitemSizeRoot": "default",
2054
- "flexDirection": "row",
2055
- "menuitemSizeStartIcon": "default",
2056
- "menuitemSizeEndIcon": "default"
1410
+ "variant": "default"
2057
1411
  },
1412
+ "getStylesLiterals": {},
2058
1413
  "cxLiterals": [
2059
- "flex",
2060
- "focus-visible:text-brand",
2061
- "focus-visible:bg-brand-secondary",
2062
- "focus-visible:z-10",
2063
- "uds-ring",
2064
- "!-outline-offset-2",
2065
- "[&:not([aria-checked])]:cursor-default",
2066
- "opacity-25",
2067
- "cursor-not-allowed",
2068
- "duration-20",
2069
- "transition-[font-variation-settings]",
2070
- "ease-in-out",
2071
- "z-0",
2072
- "uds-start-icon",
2073
- "uds-end-icon"
1414
+ "relative",
1415
+ "h-5",
1416
+ "w-16",
1417
+ "outline-none",
1418
+ "focus-visible:outline-none",
1419
+ "[touch-action:pan-y]",
1420
+ "absolute",
1421
+ "left-1/2",
1422
+ "top-1/2",
1423
+ "-translate-x-1/2",
1424
+ "-translate-y-1/2",
1425
+ "h-1",
1426
+ "w-8",
1427
+ "rounded-full"
2074
1428
  ],
2075
1429
  "internalComponents": [
2076
- "Pressable",
2077
- "IconSlot",
2078
- "RootComponent",
2079
- "HStack",
2080
- "AnimatePresence"
1430
+ "Box"
2081
1431
  ],
2082
1432
  "internalComponentProps": {
2083
- "HStack": {
2084
- "alignItems": [
2085
- "center"
1433
+ "Box": {
1434
+ "display": [
1435
+ "block",
1436
+ "flex"
2086
1437
  ],
2087
- "width": [
2088
- "full"
2089
- ]
2090
- },
2091
- "AnimatePresence": {
2092
- "mode": [
2093
- "popLayout"
1438
+ "justifyContent": [
1439
+ "center"
2094
1440
  ]
2095
1441
  }
2096
1442
  },
2097
1443
  "propToVariantKeys": {
2098
- "startIconClassName": [
2099
- "className"
2100
- ],
2101
- "endIconClassName": [
2102
- "className"
2103
- ],
2104
- "startIcon": [
2105
- "icon"
2106
- ],
2107
- "endIcon": [
2108
- "icon"
2109
- ],
2110
- "columnGap": [
2111
- "gap"
1444
+ "variant": [
1445
+ "bottomsheetVariantHandleIndicator"
2112
1446
  ]
2113
1447
  },
2114
1448
  "runtimeConfigDefaultProps": {},
@@ -2116,85 +1450,107 @@
2116
1450
  "runtimeConfigInternalComponentProps": {},
2117
1451
  "motionVarPrefixes": []
2118
1452
  },
2119
- "Menu.ItemCheckbox": {
2120
- "name": "Menu.ItemCheckbox",
2121
- "defaultProps": {},
2122
- "getStylesLiterals": {
2123
- "menuitemItemCheckboxVariantRoot": "default",
2124
- "menuitemItemCheckboxVariantActiveRoot": "on",
2125
- "menuitemItemCheckboxVariantActiveRoot:1": "off",
2126
- "menuitemItemCheckboxVariantText": "default",
2127
- "menuitemItemCheckboxVariantActiveText": "on",
2128
- "menuitemItemCheckboxVariantActiveText:1": "off",
2129
- "menuitemItemCheckboxVariantStartIcon": "default",
2130
- "menuitemItemCheckboxVariantActiveStartIcon": "on",
2131
- "menuitemItemCheckboxVariantActiveStartIcon:1": "off",
2132
- "menuitemItemCheckboxVariantEndIcon": "default",
2133
- "menuitemItemCheckboxVariantActiveEndIcon": "on",
2134
- "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
1453
+ "BottomSheetHeader": {
1454
+ "name": "BottomSheetHeader",
1455
+ "defaultProps": {
1456
+ "variant": "default"
2135
1457
  },
1458
+ "getStylesLiterals": {},
2136
1459
  "cxLiterals": [
2137
- "uds-menu-item-checkbox"
1460
+ "grid-cols-[40px_1fr_40px]",
1461
+ "items-center",
1462
+ "w-full",
1463
+ "min-h-10",
1464
+ "mt-2"
2138
1465
  ],
2139
1466
  "internalComponents": [
2140
- "MenuItemBase"
1467
+ "Box",
1468
+ "Text",
1469
+ "DialogHeading"
2141
1470
  ],
2142
- "internalComponentProps": {},
2143
- "propToVariantKeys": {},
1471
+ "internalComponentProps": {
1472
+ "Box": {
1473
+ "className": [
1474
+ "h-10 w-10 opacity-0 pointer-events-none"
1475
+ ],
1476
+ "display": [
1477
+ "grid",
1478
+ "flex"
1479
+ ],
1480
+ "justifyContent": [
1481
+ "flex-start",
1482
+ "flex-end"
1483
+ ]
1484
+ },
1485
+ "Text": {
1486
+ "as": [
1487
+ "p"
1488
+ ],
1489
+ "variant": [
1490
+ "inherit"
1491
+ ],
1492
+ "color": [
1493
+ "inherit"
1494
+ ],
1495
+ "textAlign": [
1496
+ "center"
1497
+ ],
1498
+ "className": [
1499
+ "m-0 w-full"
1500
+ ]
1501
+ },
1502
+ "DialogHeading": {
1503
+ "role": [
1504
+ "heading"
1505
+ ]
1506
+ }
1507
+ },
1508
+ "propToVariantKeys": {
1509
+ "variant": [
1510
+ "bottomsheetVariantHeader"
1511
+ ]
1512
+ },
2144
1513
  "runtimeConfigDefaultProps": {},
2145
1514
  "runtimeConfigGetStyles": {},
2146
1515
  "runtimeConfigInternalComponentProps": {},
2147
1516
  "motionVarPrefixes": []
2148
1517
  },
2149
- "Menu.Provider": {
2150
- "name": "Menu.Provider",
1518
+ "BottomSheetInternalContext": {
1519
+ "name": "BottomSheetInternalContext",
2151
1520
  "defaultProps": {},
2152
1521
  "getStylesLiterals": {},
2153
1522
  "cxLiterals": [],
2154
- "internalComponents": [
2155
- "AriakitMenuProvider",
2156
- "SpringMotionConfig"
2157
- ],
1523
+ "internalComponents": [],
2158
1524
  "internalComponentProps": {},
2159
1525
  "propToVariantKeys": {},
2160
1526
  "runtimeConfigDefaultProps": {},
2161
1527
  "runtimeConfigGetStyles": {},
2162
1528
  "runtimeConfigInternalComponentProps": {},
2163
- "motionVarPrefixes": [
2164
- "--uds-motion-subtle-3-",
2165
- "--uds-motion-smooth-3-"
2166
- ]
1529
+ "motionVarPrefixes": []
2167
1530
  },
2168
- "Menu.Trigger": {
2169
- "name": "Menu.Trigger",
1531
+ "BottomSheetProvider": {
1532
+ "name": "BottomSheetProvider",
2170
1533
  "defaultProps": {},
2171
1534
  "getStylesLiterals": {},
2172
- "cxLiterals": [
2173
- "uds-menu-trigger"
2174
- ],
1535
+ "cxLiterals": [],
2175
1536
  "internalComponents": [
2176
- "AriakitMenuTrigger",
2177
- "Box"
1537
+ "AriakitDialogProvider"
2178
1538
  ],
2179
- "internalComponentProps": {
2180
- "Box": {
2181
- "className": [
2182
- "uds-ring h-fit w-fit"
2183
- ]
2184
- }
2185
- },
1539
+ "internalComponentProps": {},
2186
1540
  "propToVariantKeys": {},
2187
1541
  "runtimeConfigDefaultProps": {},
2188
1542
  "runtimeConfigGetStyles": {},
2189
1543
  "runtimeConfigInternalComponentProps": {},
2190
1544
  "motionVarPrefixes": []
2191
1545
  },
2192
- "Menu.index": {
2193
- "name": "Menu.index",
1546
+ "BottomSheetTrigger": {
1547
+ "name": "BottomSheetTrigger",
2194
1548
  "defaultProps": {},
2195
1549
  "getStylesLiterals": {},
2196
1550
  "cxLiterals": [],
2197
- "internalComponents": [],
1551
+ "internalComponents": [
1552
+ "AriakitDialogDisclosure"
1553
+ ],
2198
1554
  "internalComponentProps": {},
2199
1555
  "propToVariantKeys": {},
2200
1556
  "runtimeConfigDefaultProps": {},
@@ -2202,12 +1558,14 @@
2202
1558
  "runtimeConfigInternalComponentProps": {},
2203
1559
  "motionVarPrefixes": []
2204
1560
  },
2205
- "Menu": {
2206
- "name": "Menu",
1561
+ "UDSBottomSheetConfigProvider": {
1562
+ "name": "UDSBottomSheetConfigProvider",
2207
1563
  "defaultProps": {},
2208
1564
  "getStylesLiterals": {},
2209
1565
  "cxLiterals": [],
2210
- "internalComponents": [],
1566
+ "internalComponents": [
1567
+ "BottomSheetContext.Provider"
1568
+ ],
2211
1569
  "internalComponentProps": {},
2212
1570
  "propToVariantKeys": {},
2213
1571
  "runtimeConfigDefaultProps": {},
@@ -2600,67 +1958,171 @@
2600
1958
  "runtimeConfigInternalComponentProps": {},
2601
1959
  "motionVarPrefixes": []
2602
1960
  },
2603
- "BottomSheet": {
2604
- "name": "BottomSheet",
1961
+ "Menu.Content": {
1962
+ "name": "Menu.Content",
2605
1963
  "defaultProps": {
2606
- "variant": "default"
1964
+ "size": "default",
1965
+ "variant": "default",
1966
+ "gutter": "1"
2607
1967
  },
2608
1968
  "getStylesLiterals": {},
2609
1969
  "cxLiterals": [
2610
- "fixed",
2611
- "overflow-hidden",
2612
- "inset-x-0",
2613
- "bottom-0",
2614
- "z-50",
2615
- "[will-change:transform]",
2616
- "touch-none",
2617
- "[transform:translate3d(0,var(--uds-bottomsheet-hidden-translate),0)]",
2618
- "data-[enter]:[transform:translate3d(0,var(--uds-bottomsheet-visible-translate),0)]",
2619
- "transition-transform",
2620
- "duration-500",
2621
- "ease-[cubic-bezier(0.32,0.72,0,1)]",
2622
- "motion-reduce:transition-none",
2623
- "top-[-4px]",
2624
- "z-[1]",
2625
- "touch-pan-y"
1970
+ "uds-menu-content",
1971
+ "transition-shadow",
1972
+ "duration-200",
1973
+ "ease-in-out",
1974
+ "min-w-60",
1975
+ "max-w-lg",
1976
+ "max-h-96",
1977
+ "overflow-auto",
1978
+ "uds-ring",
1979
+ "z-10",
1980
+ "group"
2626
1981
  ],
2627
1982
  "internalComponents": [
2628
- "Scrim",
2629
- "BottomSheetHandle",
2630
- "Dialog",
2631
- "Box",
2632
- "BottomSheetInternalContext.Provider"
1983
+ "AriakitMenu",
1984
+ "AnimatePresence",
1985
+ "MotionVStack"
1986
+ ],
1987
+ "internalComponentProps": {},
1988
+ "propToVariantKeys": {
1989
+ "size": [
1990
+ "menucontentSizeRoot"
1991
+ ],
1992
+ "variant": [
1993
+ "menucontentVariantRoot"
1994
+ ]
1995
+ },
1996
+ "runtimeConfigDefaultProps": {},
1997
+ "runtimeConfigGetStyles": {},
1998
+ "runtimeConfigInternalComponentProps": {},
1999
+ "motionVarPrefixes": []
2000
+ },
2001
+ "Menu.Divider": {
2002
+ "name": "Menu.Divider",
2003
+ "defaultProps": {
2004
+ "role": "separator",
2005
+ "contentPosition": "start",
2006
+ "gap": "4"
2007
+ },
2008
+ "getStylesLiterals": {
2009
+ "menuitemDividerVariantRoot": "default",
2010
+ "menuitemDividerVariantText": "default",
2011
+ "menuitemDividerVariantLine": "default"
2012
+ },
2013
+ "cxLiterals": [],
2014
+ "internalComponents": [
2015
+ "DividerInternal"
2633
2016
  ],
2634
2017
  "internalComponentProps": {
2635
- "BottomSheetHandle": {
2636
- "ariaLabel": [
2637
- "Resize sheet"
2018
+ "DividerInternal": {
2019
+ "variant": [
2020
+ "inherit"
2638
2021
  ]
2639
- },
2640
- "Dialog": {
2641
- "data-testid": [
2642
- "bottom-sheet"
2022
+ }
2023
+ },
2024
+ "propToVariantKeys": {},
2025
+ "runtimeConfigDefaultProps": {},
2026
+ "runtimeConfigGetStyles": {},
2027
+ "runtimeConfigInternalComponentProps": {},
2028
+ "motionVarPrefixes": []
2029
+ },
2030
+ "Menu.Item": {
2031
+ "name": "Menu.Item",
2032
+ "defaultProps": {},
2033
+ "getStylesLiterals": {
2034
+ "menuitemItemVariantRoot": "default",
2035
+ "menuitemItemVariantActiveRoot": "on",
2036
+ "menuitemItemVariantActiveRoot:1": "off",
2037
+ "menuitemItemVariantText": "default",
2038
+ "menuitemItemVariantActiveText": "on",
2039
+ "menuitemItemVariantActiveText:1": "off",
2040
+ "menuitemItemVariantIcon": "default",
2041
+ "menuitemItemVariantActiveIcon": "on",
2042
+ "menuitemItemVariantActiveIcon:1": "off"
2043
+ },
2044
+ "cxLiterals": [],
2045
+ "internalComponents": [
2046
+ "MenuItemBase"
2047
+ ],
2048
+ "internalComponentProps": {},
2049
+ "propToVariantKeys": {},
2050
+ "runtimeConfigDefaultProps": {},
2051
+ "runtimeConfigGetStyles": {},
2052
+ "runtimeConfigInternalComponentProps": {},
2053
+ "motionVarPrefixes": []
2054
+ },
2055
+ "Menu.ItemBase": {
2056
+ "name": "Menu.ItemBase",
2057
+ "defaultProps": {
2058
+ "spacing": "0",
2059
+ "spacingHorizontal": "4",
2060
+ "spacingVertical": "3.5",
2061
+ "columnGap": "2",
2062
+ "alignItems": "center",
2063
+ "justifyContent": "space-between"
2064
+ },
2065
+ "getStylesLiterals": {
2066
+ "textAlign": "start",
2067
+ "menuitemSizeRoot": "default",
2068
+ "flexDirection": "row",
2069
+ "menuitemSizeStartIcon": "default",
2070
+ "menuitemSizeEndIcon": "default"
2071
+ },
2072
+ "cxLiterals": [
2073
+ "flex",
2074
+ "focus-visible:text-brand",
2075
+ "focus-visible:bg-brand-secondary",
2076
+ "focus-visible:z-10",
2077
+ "uds-ring",
2078
+ "!-outline-offset-2",
2079
+ "[&:not([aria-checked])]:cursor-default",
2080
+ "opacity-25",
2081
+ "cursor-not-allowed",
2082
+ "duration-20",
2083
+ "transition-[font-variation-settings]",
2084
+ "ease-in-out",
2085
+ "z-0",
2086
+ "uds-start-icon",
2087
+ "uds-end-icon"
2088
+ ],
2089
+ "internalComponents": [
2090
+ "Pressable",
2091
+ "IconSlot",
2092
+ "RootComponent",
2093
+ "HStack",
2094
+ "AnimatePresence"
2095
+ ],
2096
+ "internalComponentProps": {
2097
+ "HStack": {
2098
+ "alignItems": [
2099
+ "center"
2100
+ ],
2101
+ "width": [
2102
+ "full"
2643
2103
  ]
2644
2104
  },
2645
- "Box": {
2646
- "display": [
2647
- "block",
2648
- "flex"
2649
- ],
2650
- "position": [
2651
- "absolute"
2652
- ],
2653
- "flexDirection": [
2654
- "column"
2655
- ],
2656
- "className": [
2657
- "absolute inset-0 min-h-0 p-[inherit]"
2105
+ "AnimatePresence": {
2106
+ "mode": [
2107
+ "popLayout"
2658
2108
  ]
2659
2109
  }
2660
2110
  },
2661
2111
  "propToVariantKeys": {
2662
- "variant": [
2663
- "bottomsheetVariantRoot"
2112
+ "startIconClassName": [
2113
+ "className"
2114
+ ],
2115
+ "endIconClassName": [
2116
+ "className"
2117
+ ],
2118
+ "startIcon": [
2119
+ "icon"
2120
+ ],
2121
+ "endIcon": [
2122
+ "icon"
2123
+ ],
2124
+ "columnGap": [
2125
+ "gap"
2664
2126
  ]
2665
2127
  },
2666
2128
  "runtimeConfigDefaultProps": {},
@@ -2668,30 +2130,70 @@
2668
2130
  "runtimeConfigInternalComponentProps": {},
2669
2131
  "motionVarPrefixes": []
2670
2132
  },
2671
- "BottomSheetContent": {
2672
- "name": "BottomSheetContent",
2133
+ "Menu.ItemCheckbox": {
2134
+ "name": "Menu.ItemCheckbox",
2135
+ "defaultProps": {},
2136
+ "getStylesLiterals": {
2137
+ "menuitemItemCheckboxVariantRoot": "default",
2138
+ "menuitemItemCheckboxVariantActiveRoot": "on",
2139
+ "menuitemItemCheckboxVariantActiveRoot:1": "off",
2140
+ "menuitemItemCheckboxVariantText": "default",
2141
+ "menuitemItemCheckboxVariantActiveText": "on",
2142
+ "menuitemItemCheckboxVariantActiveText:1": "off",
2143
+ "menuitemItemCheckboxVariantStartIcon": "default",
2144
+ "menuitemItemCheckboxVariantActiveStartIcon": "on",
2145
+ "menuitemItemCheckboxVariantActiveStartIcon:1": "off",
2146
+ "menuitemItemCheckboxVariantEndIcon": "default",
2147
+ "menuitemItemCheckboxVariantActiveEndIcon": "on",
2148
+ "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
2149
+ },
2150
+ "cxLiterals": [
2151
+ "uds-menu-item-checkbox"
2152
+ ],
2153
+ "internalComponents": [
2154
+ "MenuItemBase"
2155
+ ],
2156
+ "internalComponentProps": {},
2157
+ "propToVariantKeys": {},
2158
+ "runtimeConfigDefaultProps": {},
2159
+ "runtimeConfigGetStyles": {},
2160
+ "runtimeConfigInternalComponentProps": {},
2161
+ "motionVarPrefixes": []
2162
+ },
2163
+ "Menu.Provider": {
2164
+ "name": "Menu.Provider",
2165
+ "defaultProps": {},
2166
+ "getStylesLiterals": {},
2167
+ "cxLiterals": [],
2168
+ "internalComponents": [
2169
+ "AriakitMenuProvider",
2170
+ "SpringMotionConfig"
2171
+ ],
2172
+ "internalComponentProps": {},
2173
+ "propToVariantKeys": {},
2174
+ "runtimeConfigDefaultProps": {},
2175
+ "runtimeConfigGetStyles": {},
2176
+ "runtimeConfigInternalComponentProps": {},
2177
+ "motionVarPrefixes": [
2178
+ "--uds-motion-subtle-3-",
2179
+ "--uds-motion-smooth-3-"
2180
+ ]
2181
+ },
2182
+ "Menu.Trigger": {
2183
+ "name": "Menu.Trigger",
2673
2184
  "defaultProps": {},
2674
2185
  "getStylesLiterals": {},
2675
2186
  "cxLiterals": [
2676
- "min-h-0",
2677
- "touch-pan-y"
2187
+ "uds-menu-trigger"
2678
2188
  ],
2679
2189
  "internalComponents": [
2680
- "Box",
2681
- "VStack"
2190
+ "AriakitMenuTrigger",
2191
+ "Box"
2682
2192
  ],
2683
2193
  "internalComponentProps": {
2684
2194
  "Box": {
2685
- "display": [
2686
- "block"
2687
- ],
2688
- "flex": [
2689
- "1"
2690
- ]
2691
- },
2692
- "VStack": {
2693
2195
  "className": [
2694
- "pb-[calc(env(safe-area-inset-bottom))]"
2196
+ "uds-ring h-fit w-fit"
2695
2197
  ]
2696
2198
  }
2697
2199
  },
@@ -2701,14 +2203,12 @@
2701
2203
  "runtimeConfigInternalComponentProps": {},
2702
2204
  "motionVarPrefixes": []
2703
2205
  },
2704
- "BottomSheetDismiss": {
2705
- "name": "BottomSheetDismiss",
2206
+ "Menu.index": {
2207
+ "name": "Menu.index",
2706
2208
  "defaultProps": {},
2707
2209
  "getStylesLiterals": {},
2708
2210
  "cxLiterals": [],
2709
- "internalComponents": [
2710
- "AriakitDialogDismiss"
2711
- ],
2211
+ "internalComponents": [],
2712
2212
  "internalComponentProps": {},
2713
2213
  "propToVariantKeys": {},
2714
2214
  "runtimeConfigDefaultProps": {},
@@ -2716,110 +2216,214 @@
2716
2216
  "runtimeConfigInternalComponentProps": {},
2717
2217
  "motionVarPrefixes": []
2718
2218
  },
2719
- "BottomSheetHandle": {
2720
- "name": "BottomSheetHandle",
2219
+ "Menu": {
2220
+ "name": "Menu",
2221
+ "defaultProps": {},
2222
+ "getStylesLiterals": {},
2223
+ "cxLiterals": [],
2224
+ "internalComponents": [],
2225
+ "internalComponentProps": {},
2226
+ "propToVariantKeys": {},
2227
+ "runtimeConfigDefaultProps": {},
2228
+ "runtimeConfigGetStyles": {},
2229
+ "runtimeConfigInternalComponentProps": {},
2230
+ "motionVarPrefixes": []
2231
+ },
2232
+ "Modal": {
2233
+ "name": "Modal",
2721
2234
  "defaultProps": {
2722
- "variant": "default"
2235
+ "closeAriaLabel": "Close",
2236
+ "maxWidth": "auto",
2237
+ "maxHeight": "auto",
2238
+ "scrollBehavior": "outside"
2239
+ },
2240
+ "getStylesLiterals": {
2241
+ "flexDirection": "row-reverse",
2242
+ "justifyContent": "space-between",
2243
+ "alignItems": "flex-end",
2244
+ "alignItems:1": "flex-start",
2245
+ "borderRadius": "full"
2723
2246
  },
2724
- "getStylesLiterals": {},
2725
2247
  "cxLiterals": [
2726
- "relative",
2727
- "h-5",
2728
- "w-16",
2729
- "outline-none",
2730
- "focus-visible:outline-none",
2731
- "[touch-action:pan-y]",
2732
- "absolute",
2733
- "left-1/2",
2734
- "top-1/2",
2735
- "-translate-x-1/2",
2736
- "-translate-y-1/2",
2737
- "h-1",
2738
- "w-8",
2739
- "rounded-full"
2248
+ "fixed",
2249
+ "inset-0",
2250
+ "z-40",
2251
+ "overflow-y-auto",
2252
+ "overflow-hidden",
2253
+ "transition-[opacity,visibility]",
2254
+ "visible",
2255
+ "opacity-100",
2256
+ "invisible",
2257
+ "opacity-0",
2258
+ "pointer-events-none",
2259
+ "uds-bgBlurFallback",
2260
+ "w-full",
2261
+ "w-fit",
2262
+ "h-full",
2263
+ "h-fit",
2264
+ "m-auto",
2265
+ "pointer-events-auto",
2266
+ "inside",
2267
+ "max-h-full",
2268
+ "transition-transform",
2269
+ "duration-0",
2270
+ "duration-120",
2271
+ "transition-[background-color]",
2272
+ "bg-carbon-15/0",
2273
+ "hover:bg-carbon-15/10",
2274
+ "active:bg-carbon-15/15",
2275
+ "uds-ring",
2276
+ "[translate:50%_-50%]"
2740
2277
  ],
2741
2278
  "internalComponents": [
2742
- "Box"
2279
+ "Scrim",
2280
+ "VStack",
2281
+ "Pressable",
2282
+ "IconSlot",
2283
+ "Box",
2284
+ "Dialog",
2285
+ "ModalContext.Provider",
2286
+ "HStack",
2287
+ "DialogDismiss",
2288
+ "ModalTitle",
2289
+ "ModalDescription",
2290
+ "ModalContent",
2291
+ "ModalActions"
2743
2292
  ],
2744
2293
  "internalComponentProps": {
2745
2294
  "Box": {
2746
- "display": [
2747
- "block",
2748
- "flex"
2749
- ],
2750
- "justifyContent": [
2751
- "center"
2295
+ "flexGrow": [
2296
+ "1"
2752
2297
  ]
2753
2298
  }
2754
2299
  },
2755
2300
  "propToVariantKeys": {
2301
+ "gutter": [
2302
+ "spacing"
2303
+ ],
2304
+ "size": [
2305
+ "modalSizeRoot",
2306
+ "modalSizeSpacingHorizontal",
2307
+ "modalSizeHeader",
2308
+ "modalSizeTitleDescriptionWrapper",
2309
+ "modalSizeCloseIconContainer",
2310
+ "modalSizeCloseIcon"
2311
+ ],
2756
2312
  "variant": [
2757
- "bottomsheetVariantHandleIndicator"
2313
+ "modalVariantRoot",
2314
+ "modalVariantCloseIcon"
2315
+ ],
2316
+ "closeAriaLabel": [
2317
+ "aria-label"
2318
+ ],
2319
+ "closeIcon": [
2320
+ "icon"
2321
+ ]
2322
+ },
2323
+ "runtimeConfigDefaultProps": {
2324
+ "size": "modal.defaultSize",
2325
+ "variant": "modal.defaultVariant"
2326
+ },
2327
+ "runtimeConfigGetStyles": {
2328
+ "spacing": [
2329
+ "modal.gutter.${size}"
2330
+ ],
2331
+ "modalSizeRoot": [
2332
+ "modal.defaultSize"
2333
+ ],
2334
+ "modalVariantRoot": [
2335
+ "modal.defaultVariant"
2336
+ ],
2337
+ "modalSizeSpacingHorizontal": [
2338
+ "modal.defaultSize"
2339
+ ],
2340
+ "modalSizeHeader": [
2341
+ "modal.defaultSize"
2342
+ ],
2343
+ "modalSizeTitleDescriptionWrapper": [
2344
+ "modal.defaultSize"
2345
+ ],
2346
+ "modalSizeCloseIconContainer": [
2347
+ "modal.defaultSize"
2348
+ ],
2349
+ "modalSizeCloseIcon": [
2350
+ "modal.defaultSize"
2351
+ ],
2352
+ "modalVariantCloseIcon": [
2353
+ "modal.defaultVariant"
2354
+ ]
2355
+ },
2356
+ "runtimeConfigInternalComponentProps": {},
2357
+ "motionVarPrefixes": []
2358
+ },
2359
+ "ModalActions": {
2360
+ "name": "ModalActions",
2361
+ "defaultProps": {},
2362
+ "getStylesLiterals": {
2363
+ "flexDirection": "row-reverse",
2364
+ "justifyContent": "space-between",
2365
+ "alignItems": "center"
2366
+ },
2367
+ "cxLiterals": [
2368
+ "gap-[inherit]"
2369
+ ],
2370
+ "internalComponents": [
2371
+ "HStack"
2372
+ ],
2373
+ "internalComponentProps": {},
2374
+ "propToVariantKeys": {
2375
+ "size": [
2376
+ "modalSizeSpacingHorizontal",
2377
+ "modalSizeActions"
2378
+ ]
2379
+ },
2380
+ "runtimeConfigDefaultProps": {
2381
+ "size": "modal.defaultSize",
2382
+ "variant": "modal.defaultVariant"
2383
+ },
2384
+ "runtimeConfigGetStyles": {
2385
+ "modalSizeSpacingHorizontal": [
2386
+ "modal.defaultSize"
2387
+ ],
2388
+ "modalSizeActions": [
2389
+ "modal.defaultSize"
2758
2390
  ]
2759
2391
  },
2760
- "runtimeConfigDefaultProps": {},
2761
- "runtimeConfigGetStyles": {},
2762
2392
  "runtimeConfigInternalComponentProps": {},
2763
2393
  "motionVarPrefixes": []
2764
2394
  },
2765
- "BottomSheetHeader": {
2766
- "name": "BottomSheetHeader",
2767
- "defaultProps": {
2768
- "variant": "default"
2395
+ "ModalContent": {
2396
+ "name": "ModalContent",
2397
+ "defaultProps": {},
2398
+ "getStylesLiterals": {
2399
+ "overflowY": "auto",
2400
+ "display": "block",
2401
+ "flexGrow": "1"
2769
2402
  },
2770
- "getStylesLiterals": {},
2771
- "cxLiterals": [
2772
- "grid-cols-[40px_1fr_40px]",
2773
- "items-center",
2774
- "w-full",
2775
- "min-h-10",
2776
- "mt-2"
2777
- ],
2403
+ "cxLiterals": [],
2778
2404
  "internalComponents": [
2779
- "Box",
2780
- "Text"
2405
+ "Box"
2781
2406
  ],
2782
- "internalComponentProps": {
2783
- "Box": {
2784
- "className": [
2785
- "h-10 w-10 opacity-0 pointer-events-none"
2786
- ],
2787
- "display": [
2788
- "grid",
2789
- "flex"
2790
- ],
2791
- "justifyContent": [
2792
- "flex-start",
2793
- "flex-end"
2794
- ]
2795
- },
2796
- "Text": {
2797
- "variant": [
2798
- "inherit"
2799
- ],
2800
- "color": [
2801
- "inherit"
2802
- ],
2803
- "textAlign": [
2804
- "center"
2805
- ],
2806
- "className": [
2807
- "w-full"
2808
- ]
2809
- }
2810
- },
2407
+ "internalComponentProps": {},
2811
2408
  "propToVariantKeys": {
2812
- "variant": [
2813
- "bottomsheetVariantHeader"
2409
+ "size": [
2410
+ "modalSizeSpacingHorizontal"
2411
+ ]
2412
+ },
2413
+ "runtimeConfigDefaultProps": {
2414
+ "size": "modal.defaultSize",
2415
+ "variant": "modal.defaultVariant"
2416
+ },
2417
+ "runtimeConfigGetStyles": {
2418
+ "modalSizeSpacingHorizontal": [
2419
+ "modal.defaultSize"
2814
2420
  ]
2815
2421
  },
2816
- "runtimeConfigDefaultProps": {},
2817
- "runtimeConfigGetStyles": {},
2818
2422
  "runtimeConfigInternalComponentProps": {},
2819
2423
  "motionVarPrefixes": []
2820
2424
  },
2821
- "BottomSheetInternalContext": {
2822
- "name": "BottomSheetInternalContext",
2425
+ "ModalContext": {
2426
+ "name": "ModalContext",
2823
2427
  "defaultProps": {},
2824
2428
  "getStylesLiterals": {},
2825
2429
  "cxLiterals": [],
@@ -2831,43 +2435,91 @@
2831
2435
  "runtimeConfigInternalComponentProps": {},
2832
2436
  "motionVarPrefixes": []
2833
2437
  },
2834
- "BottomSheetProvider": {
2835
- "name": "BottomSheetProvider",
2438
+ "ModalDescription": {
2439
+ "name": "ModalDescription",
2836
2440
  "defaultProps": {},
2837
2441
  "getStylesLiterals": {},
2838
2442
  "cxLiterals": [],
2839
2443
  "internalComponents": [
2840
- "AriakitDialogProvider"
2444
+ "Text",
2445
+ "DialogDescription"
2841
2446
  ],
2842
- "internalComponentProps": {},
2843
- "propToVariantKeys": {},
2844
- "runtimeConfigDefaultProps": {},
2845
- "runtimeConfigGetStyles": {},
2447
+ "internalComponentProps": {
2448
+ "Text": {
2449
+ "as": [
2450
+ "span"
2451
+ ]
2452
+ }
2453
+ },
2454
+ "propToVariantKeys": {
2455
+ "size": [
2456
+ "modalSizeDescription"
2457
+ ],
2458
+ "variant": [
2459
+ "modalVariantDescription"
2460
+ ]
2461
+ },
2462
+ "runtimeConfigDefaultProps": {
2463
+ "size": "modal.defaultSize",
2464
+ "variant": "modal.defaultVariant"
2465
+ },
2466
+ "runtimeConfigGetStyles": {
2467
+ "modalSizeDescription": [
2468
+ "modal.defaultSize"
2469
+ ],
2470
+ "modalVariantDescription": [
2471
+ "modal.defaultVariant"
2472
+ ]
2473
+ },
2846
2474
  "runtimeConfigInternalComponentProps": {},
2847
2475
  "motionVarPrefixes": []
2848
2476
  },
2849
- "BottomSheetTrigger": {
2850
- "name": "BottomSheetTrigger",
2477
+ "ModalTitle": {
2478
+ "name": "ModalTitle",
2851
2479
  "defaultProps": {},
2852
2480
  "getStylesLiterals": {},
2853
2481
  "cxLiterals": [],
2854
2482
  "internalComponents": [
2855
- "AriakitDialogDisclosure"
2483
+ "Text",
2484
+ "DialogHeading"
2856
2485
  ],
2857
- "internalComponentProps": {},
2858
- "propToVariantKeys": {},
2859
- "runtimeConfigDefaultProps": {},
2860
- "runtimeConfigGetStyles": {},
2486
+ "internalComponentProps": {
2487
+ "Text": {
2488
+ "as": [
2489
+ "span"
2490
+ ]
2491
+ }
2492
+ },
2493
+ "propToVariantKeys": {
2494
+ "size": [
2495
+ "modalSizeTitle"
2496
+ ],
2497
+ "variant": [
2498
+ "modalVariantTitle"
2499
+ ]
2500
+ },
2501
+ "runtimeConfigDefaultProps": {
2502
+ "size": "modal.defaultSize",
2503
+ "variant": "modal.defaultVariant"
2504
+ },
2505
+ "runtimeConfigGetStyles": {
2506
+ "modalSizeTitle": [
2507
+ "modal.defaultSize"
2508
+ ],
2509
+ "modalVariantTitle": [
2510
+ "modal.defaultVariant"
2511
+ ]
2512
+ },
2861
2513
  "runtimeConfigInternalComponentProps": {},
2862
2514
  "motionVarPrefixes": []
2863
2515
  },
2864
- "UDSBottomSheetConfigProvider": {
2865
- "name": "UDSBottomSheetConfigProvider",
2516
+ "UDSModalConfigProvider": {
2517
+ "name": "UDSModalConfigProvider",
2866
2518
  "defaultProps": {},
2867
2519
  "getStylesLiterals": {},
2868
2520
  "cxLiterals": [],
2869
2521
  "internalComponents": [
2870
- "BottomSheetContext.Provider"
2522
+ "ModalContext.Provider"
2871
2523
  ],
2872
2524
  "internalComponentProps": {},
2873
2525
  "propToVariantKeys": {},
@@ -2876,84 +2528,145 @@
2876
2528
  "runtimeConfigInternalComponentProps": {},
2877
2529
  "motionVarPrefixes": []
2878
2530
  },
2879
- "Avatar": {
2880
- "name": "Avatar",
2531
+ "Popover": {
2532
+ "name": "Popover",
2881
2533
  "defaultProps": {},
2882
2534
  "getStylesLiterals": {},
2883
2535
  "cxLiterals": [],
2884
2536
  "internalComponents": [
2885
- "AvatarImage"
2537
+ "PopoverInternalContext.Provider",
2538
+ "PopoverProvider"
2886
2539
  ],
2887
2540
  "internalComponentProps": {},
2888
2541
  "propToVariantKeys": {},
2889
- "runtimeConfigDefaultProps": {},
2542
+ "runtimeConfigDefaultProps": {
2543
+ "size": "popover.defaultSize",
2544
+ "variant": "popover.defaultVariant"
2545
+ },
2890
2546
  "runtimeConfigGetStyles": {},
2891
2547
  "runtimeConfigInternalComponentProps": {},
2892
2548
  "motionVarPrefixes": []
2893
2549
  },
2894
- "AvatarIcon": {
2895
- "name": "AvatarIcon",
2896
- "defaultProps": {
2897
- "size": "md",
2898
- "variant": "primary"
2550
+ "PopoverContent": {
2551
+ "name": "PopoverContent",
2552
+ "defaultProps": {},
2553
+ "getStylesLiterals": {
2554
+ "popoverSizeRoot": "default",
2555
+ "popoverVariantRoot": "default",
2556
+ "display": "flex",
2557
+ "position": "relative",
2558
+ "display:1": "block",
2559
+ "spacingTop": "0",
2560
+ "spacingStart": "0",
2561
+ "spacingBottom": "0",
2562
+ "spacingEnd": "0",
2563
+ "popoverSizeSvgBase": "default",
2564
+ "popoverVariantSvgBase": "default",
2565
+ "popoverSizeSvgBorder": "default",
2566
+ "popoverVariantSvgBorder": "default",
2567
+ "popoverVariantBlur": "default",
2568
+ "position:1": "absolute",
2569
+ "width": "full",
2570
+ "height": "full",
2571
+ "flexShrink": "0",
2572
+ "borderRadius": "full",
2573
+ "alignItems": "center",
2574
+ "justifyContent": "center",
2575
+ "popoverVariantCloseIcon": "default",
2576
+ "popoverSizeCloseIcon": "default"
2577
+ },
2578
+ "cxLiterals": [
2579
+ "z-[9999]",
2580
+ "outline-none",
2581
+ "focus-visible:outline-none",
2582
+ "uds-bgBlurFillFallback",
2583
+ "uds-bgBlurFallback",
2584
+ "top-0",
2585
+ "left-0",
2586
+ "z-[1]",
2587
+ "duration-0",
2588
+ "duration-120",
2589
+ "transition-[background-color]",
2590
+ "bg-carbon-15/0",
2591
+ "hover:bg-carbon-15/10",
2592
+ "active:bg-carbon-15/15",
2593
+ "uds-ring",
2594
+ "absolute",
2595
+ "z-[4]"
2596
+ ],
2597
+ "internalComponents": [
2598
+ "PopoverDismiss",
2599
+ "IconSlot",
2600
+ "PopoverArrow",
2601
+ "Popover",
2602
+ "SvgFloatingOverlay",
2603
+ "Box",
2604
+ "Pressable"
2605
+ ],
2606
+ "internalComponentProps": {},
2607
+ "propToVariantKeys": {
2608
+ "closeIcon": [
2609
+ "icon"
2610
+ ]
2611
+ },
2612
+ "runtimeConfigDefaultProps": {
2613
+ "size": "popover.defaultSize",
2614
+ "variant": "popover.defaultVariant"
2615
+ },
2616
+ "runtimeConfigGetStyles": {
2617
+ "spacingTop": [
2618
+ "popover.spacingVertical.${size}"
2619
+ ],
2620
+ "spacingStart": [
2621
+ "popover.spacingHorizontal.${size}"
2622
+ ],
2623
+ "spacingBottom": [
2624
+ "popover.spacingVertical.${size}"
2625
+ ],
2626
+ "spacingEnd": [
2627
+ "popover.spacingHorizontal.${size}"
2628
+ ]
2629
+ },
2630
+ "runtimeConfigInternalComponentProps": {
2631
+ "SvgFloatingOverlay": {
2632
+ "borderRadius": [
2633
+ "popover.borderRadius.${size}"
2634
+ ]
2635
+ }
2899
2636
  },
2637
+ "motionVarPrefixes": []
2638
+ },
2639
+ "PopoverContext": {
2640
+ "name": "PopoverContext",
2641
+ "defaultProps": {},
2900
2642
  "getStylesLiterals": {},
2901
- "cxLiterals": [
2902
- "overflow-hidden",
2903
- "w-full",
2904
- "h-full",
2905
- "shrink-0",
2906
- "text-center",
2907
- "inline-flex",
2908
- "justify-center",
2909
- "items-center"
2910
- ],
2911
- "internalComponents": [
2912
- "IconSlot",
2913
- "Box"
2914
- ],
2643
+ "cxLiterals": [],
2644
+ "internalComponents": [],
2915
2645
  "internalComponentProps": {},
2916
- "propToVariantKeys": {
2917
- "size": [
2918
- "avatarSizeIcon"
2919
- ]
2920
- },
2646
+ "propToVariantKeys": {},
2921
2647
  "runtimeConfigDefaultProps": {},
2922
2648
  "runtimeConfigGetStyles": {},
2923
2649
  "runtimeConfigInternalComponentProps": {},
2924
2650
  "motionVarPrefixes": []
2925
2651
  },
2926
- "AvatarImage": {
2927
- "name": "AvatarImage",
2928
- "defaultProps": {
2929
- "size": "md",
2930
- "variant": "primary"
2931
- },
2652
+ "PopoverTrigger": {
2653
+ "name": "PopoverTrigger",
2654
+ "defaultProps": {},
2932
2655
  "getStylesLiterals": {},
2933
- "cxLiterals": [
2934
- "overflow-hidden",
2935
- "w-full",
2936
- "h-full",
2937
- "shrink-0",
2938
- "text-center",
2939
- "inline-flex",
2940
- "justify-center",
2941
- "items-center",
2942
- "object-cover"
2943
- ],
2656
+ "cxLiterals": [],
2944
2657
  "internalComponents": [
2945
- "UDSImage",
2946
- "AvatarText",
2947
- "AvatarIcon",
2948
- "Box"
2658
+ "PopoverDisclosure"
2949
2659
  ],
2950
- "internalComponentProps": {},
2660
+ "internalComponentProps": {
2661
+ "PopoverDisclosure": {
2662
+ "className": [
2663
+ "inline"
2664
+ ]
2665
+ }
2666
+ },
2951
2667
  "propToVariantKeys": {
2952
- "alt": [
2953
- "name"
2954
- ],
2955
- "fallback": [
2956
- "initials"
2668
+ "children": [
2669
+ "render"
2957
2670
  ]
2958
2671
  },
2959
2672
  "runtimeConfigDefaultProps": {},
@@ -2961,38 +2674,15 @@
2961
2674
  "runtimeConfigInternalComponentProps": {},
2962
2675
  "motionVarPrefixes": []
2963
2676
  },
2964
- "AvatarText": {
2965
- "name": "AvatarText",
2966
- "defaultProps": {
2967
- "size": "md",
2968
- "variant": "primary"
2969
- },
2677
+ "UDSPopoverConfigProvider": {
2678
+ "name": "UDSPopoverConfigProvider",
2679
+ "defaultProps": {},
2970
2680
  "getStylesLiterals": {},
2971
- "cxLiterals": [
2972
- "overflow-hidden",
2973
- "truncate",
2974
- "w-full",
2975
- "h-full",
2976
- "shrink-0",
2977
- "text-center",
2978
- "inline-flex",
2979
- "justify-center",
2980
- "items-center"
2981
- ],
2681
+ "cxLiterals": [],
2982
2682
  "internalComponents": [
2983
- "Box",
2984
- "Text"
2683
+ "PopoverContext.Provider"
2985
2684
  ],
2986
- "internalComponentProps": {
2987
- "Text": {
2988
- "color": [
2989
- "inherit"
2990
- ],
2991
- "variant": [
2992
- "inherit"
2993
- ]
2994
- }
2995
- },
2685
+ "internalComponentProps": {},
2996
2686
  "propToVariantKeys": {},
2997
2687
  "runtimeConfigDefaultProps": {},
2998
2688
  "runtimeConfigGetStyles": {},
@@ -3150,130 +2840,94 @@
3150
2840
  "runtimeConfigInternalComponentProps": {},
3151
2841
  "motionVarPrefixes": []
3152
2842
  },
3153
- "Tab": {
3154
- "name": "Tab",
3155
- "defaultProps": {
3156
- "variant": "primary"
3157
- },
3158
- "getStylesLiterals": {
3159
- "tabSizeRoot": "default",
3160
- "tabVariantActiveRoot": "off",
3161
- "tabVariantActiveRoot:1": "on",
3162
- "tabSizeIcon": "default"
3163
- },
3164
- "cxLiterals": [
3165
- "pointer-events-none",
3166
- "absolute",
3167
- "bottom-0",
3168
- "left-0",
3169
- "right-0",
3170
- "h-[var(--uds-tab-underline-width,0px)]",
3171
- "bg-[var(--uds-tab-underline-color,transparent)]",
3172
- "transition-[height,background-color]",
3173
- "duration-[240ms]",
3174
- "ease-[cubic-bezier(0.2,0,0,1)]",
3175
- "!bg-transparent",
3176
- "!shadow-none",
3177
- "inline-flex",
3178
- "items-center",
3179
- "shrink-0",
3180
- "box-border",
3181
- "relative",
3182
- "z-[1]",
3183
- "cursor-pointer",
3184
- "select-none",
3185
- "whitespace-nowrap",
3186
- "uds-ring",
3187
- "opacity-50",
3188
- "cursor-default",
3189
- "border-solid",
3190
- "border-b-solid",
3191
- "transition-colors"
3192
- ],
2843
+ "Tooltip": {
2844
+ "name": "Tooltip",
2845
+ "defaultProps": {},
2846
+ "getStylesLiterals": {},
2847
+ "cxLiterals": [],
3193
2848
  "internalComponents": [
3194
- "IconSlot",
3195
- "AriakitTab",
3196
- "Text"
2849
+ "TooltipInternalContext.Provider",
2850
+ "TooltipProvider"
3197
2851
  ],
3198
- "internalComponentProps": {
3199
- "Text": {
3200
- "variant": [
3201
- "inherit"
3202
- ],
3203
- "as": [
3204
- "span"
3205
- ],
3206
- "color": [
3207
- "current"
2852
+ "internalComponentProps": {},
2853
+ "propToVariantKeys": {},
2854
+ "runtimeConfigDefaultProps": {},
2855
+ "runtimeConfigGetStyles": {},
2856
+ "runtimeConfigInternalComponentProps": {
2857
+ "TooltipProvider": {
2858
+ "animated": [
2859
+ "tooltip.animationDuration"
3208
2860
  ]
3209
2861
  }
3210
2862
  },
3211
- "propToVariantKeys": {
3212
- "variant": [
3213
- "tabVariantRoot",
3214
- "tabVariantIcon"
3215
- ],
3216
- "activeState": [
3217
- "tabVariantActiveIcon"
3218
- ],
3219
- "startIcon": [
3220
- "icon"
3221
- ],
3222
- "endIcon": [
3223
- "icon"
3224
- ]
3225
- },
3226
- "runtimeConfigDefaultProps": {},
3227
- "runtimeConfigGetStyles": {},
3228
- "runtimeConfigInternalComponentProps": {},
3229
2863
  "motionVarPrefixes": []
3230
2864
  },
3231
- "TabList": {
3232
- "name": "TabList",
3233
- "defaultProps": {
3234
- "variant": "primary"
3235
- },
2865
+ "TooltipContent": {
2866
+ "name": "TooltipContent",
2867
+ "defaultProps": {},
3236
2868
  "getStylesLiterals": {
3237
- "tabSizeRoot": "default",
3238
- "tabVariantActiveRoot": "on"
2869
+ "tooltipSizeRoot": "default",
2870
+ "tooltipVariantRoot": "default",
2871
+ "tooltipSizeSvg": "default",
2872
+ "tooltipVariantSvg": "default",
2873
+ "tooltipVariantBlur": "default",
2874
+ "position": "absolute",
2875
+ "width": "full",
2876
+ "height": "full",
2877
+ "tooltipSizeTitle": "default",
2878
+ "tooltipSizeBody": "default",
2879
+ "tooltipSizeEndContent": "default",
2880
+ "tooltipSizeIcon": "default",
2881
+ "tooltipVariantIcon": "default"
3239
2882
  },
3240
2883
  "cxLiterals": [
3241
- "pointer-events-none",
3242
- "absolute",
3243
- "bottom-0",
3244
- "left-0",
3245
- "right-0",
3246
- "h-[var(--uds-tab-underline-width,0px)]",
3247
- "bg-[var(--uds-tab-underline-color,transparent)]",
3248
- "transition-[height,background-color]",
3249
- "duration-[240ms]",
3250
- "ease-[cubic-bezier(0.2,0,0,1)]",
3251
- "!m-0",
3252
- "!p-0",
3253
- "!gap-0",
3254
- "box-border",
3255
- "z-0",
3256
- "min-w-0",
3257
- "min-h-0",
2884
+ "max-w-lg",
3258
2885
  "flex",
3259
- "flex-row",
3260
- "items-center",
3261
- "overflow-x-auto",
3262
- "overflow-y-clip",
3263
- "scrollbar-none",
3264
- "[overflow-clip-margin:6px]",
3265
- "overflow-clip",
3266
- "[overflow-clip-margin:8px]",
3267
- "relative"
2886
+ "z-[9999]",
2887
+ "uds-bgBlurFillFallback",
2888
+ "uds-bgBlurFallback",
2889
+ "top-0",
2890
+ "left-0",
2891
+ "z-[1]"
3268
2892
  ],
3269
2893
  "internalComponents": [
3270
- "AriakitTabList"
2894
+ "IconSlot",
2895
+ "TooltipArrow",
2896
+ "Tooltip",
2897
+ "SvgFloatingOverlay",
2898
+ "VStack",
2899
+ "Box",
2900
+ "Text"
3271
2901
  ],
3272
- "internalComponentProps": {},
2902
+ "internalComponentProps": {
2903
+ "SvgFloatingOverlay": {
2904
+ "contentOverflow": [
2905
+ "visible"
2906
+ ]
2907
+ },
2908
+ "VStack": {
2909
+ "className": [
2910
+ "gap-[inherit]"
2911
+ ]
2912
+ },
2913
+ "Box": {
2914
+ "alignItems": [
2915
+ "center"
2916
+ ],
2917
+ "columnGap": [
2918
+ "1",
2919
+ "1.5"
2920
+ ]
2921
+ },
2922
+ "Text": {
2923
+ "color": [
2924
+ "inherit"
2925
+ ]
2926
+ }
2927
+ },
3273
2928
  "propToVariantKeys": {
3274
- "variant": [
3275
- "tabsVariantRoot",
3276
- "tabVariantRoot"
2929
+ "startTitleIcon": [
2930
+ "icon"
3277
2931
  ]
3278
2932
  },
3279
2933
  "runtimeConfigDefaultProps": {},
@@ -3281,38 +2935,41 @@
3281
2935
  "runtimeConfigInternalComponentProps": {},
3282
2936
  "motionVarPrefixes": []
3283
2937
  },
3284
- "TabPanel": {
3285
- "name": "TabPanel",
2938
+ "TooltipTrigger": {
2939
+ "name": "TooltipTrigger",
3286
2940
  "defaultProps": {},
3287
2941
  "getStylesLiterals": {},
3288
2942
  "cxLiterals": [],
3289
2943
  "internalComponents": [
3290
- "AriakitTabPanel"
2944
+ "TooltipAnchor"
3291
2945
  ],
3292
- "internalComponentProps": {},
3293
- "propToVariantKeys": {},
2946
+ "internalComponentProps": {
2947
+ "TooltipAnchor": {
2948
+ "className": [
2949
+ "inline"
2950
+ ]
2951
+ }
2952
+ },
2953
+ "propToVariantKeys": {
2954
+ "children": [
2955
+ "render"
2956
+ ]
2957
+ },
3294
2958
  "runtimeConfigDefaultProps": {},
3295
2959
  "runtimeConfigGetStyles": {},
3296
2960
  "runtimeConfigInternalComponentProps": {},
3297
2961
  "motionVarPrefixes": []
3298
2962
  },
3299
- "Tabs": {
3300
- "name": "Tabs",
3301
- "defaultProps": {
3302
- "variant": "primary"
3303
- },
2963
+ "UDSTooltipConfigProvider": {
2964
+ "name": "UDSTooltipConfigProvider",
2965
+ "defaultProps": {},
3304
2966
  "getStylesLiterals": {},
3305
2967
  "cxLiterals": [],
3306
2968
  "internalComponents": [
3307
- "TabsContext.Provider",
3308
- "TabProvider"
2969
+ "TooltipContext.Provider"
3309
2970
  ],
3310
2971
  "internalComponentProps": {},
3311
- "propToVariantKeys": {
3312
- "onSelectionChange": [
3313
- "setSelectedId"
3314
- ]
3315
- },
2972
+ "propToVariantKeys": {},
3316
2973
  "runtimeConfigDefaultProps": {},
3317
2974
  "runtimeConfigGetStyles": {},
3318
2975
  "runtimeConfigInternalComponentProps": {},
@@ -3431,84 +3088,267 @@
3431
3088
  "w-full"
3432
3089
  ],
3433
3090
  "internalComponents": [
3434
- "HStack"
3091
+ "HStack"
3092
+ ],
3093
+ "internalComponentProps": {
3094
+ "HStack": {
3095
+ "alignItems": [
3096
+ "center"
3097
+ ],
3098
+ "justifyContent": [
3099
+ "space-between"
3100
+ ],
3101
+ "overflow": [
3102
+ "hidden"
3103
+ ],
3104
+ "position": [
3105
+ "relative"
3106
+ ]
3107
+ }
3108
+ },
3109
+ "propToVariantKeys": {
3110
+ "variant": [
3111
+ "toastVariantRoot"
3112
+ ],
3113
+ "size": [
3114
+ "toastSizeRoot"
3115
+ ]
3116
+ },
3117
+ "runtimeConfigDefaultProps": {
3118
+ "size": "toast.defaultSize",
3119
+ "variant": "toast.defaultVariant"
3120
+ },
3121
+ "runtimeConfigGetStyles": {
3122
+ "toastVariantRoot": [
3123
+ "toast.defaultVariant"
3124
+ ],
3125
+ "toastSizeRoot": [
3126
+ "toast.defaultSize"
3127
+ ]
3128
+ },
3129
+ "runtimeConfigInternalComponentProps": {
3130
+ "HStack": {
3131
+ "backgroundColor": [
3132
+ "toast.backgroundColor.${variant}"
3133
+ ]
3134
+ }
3135
+ },
3136
+ "motionVarPrefixes": []
3137
+ },
3138
+ "ToastPortal": {
3139
+ "name": "ToastPortal",
3140
+ "defaultProps": {},
3141
+ "getStylesLiterals": {},
3142
+ "cxLiterals": [],
3143
+ "internalComponents": [
3144
+ "ReactToastifyToastContainer"
3145
+ ],
3146
+ "internalComponentProps": {},
3147
+ "propToVariantKeys": {},
3148
+ "runtimeConfigDefaultProps": {
3149
+ "size": "toast.defaultSize",
3150
+ "variant": "toast.defaultVariant"
3151
+ },
3152
+ "runtimeConfigGetStyles": {},
3153
+ "runtimeConfigInternalComponentProps": {
3154
+ "ReactToastifyToastContainer": {
3155
+ "autoClose": [
3156
+ "toast.autoClose"
3157
+ ]
3158
+ }
3159
+ },
3160
+ "motionVarPrefixes": []
3161
+ },
3162
+ "UDSToastConfigProvider": {
3163
+ "name": "UDSToastConfigProvider",
3164
+ "defaultProps": {},
3165
+ "getStylesLiterals": {},
3166
+ "cxLiterals": [],
3167
+ "internalComponents": [
3168
+ "ToastContext.Provider"
3169
+ ],
3170
+ "internalComponentProps": {},
3171
+ "propToVariantKeys": {},
3172
+ "runtimeConfigDefaultProps": {},
3173
+ "runtimeConfigGetStyles": {},
3174
+ "runtimeConfigInternalComponentProps": {},
3175
+ "motionVarPrefixes": []
3176
+ },
3177
+ "Tab": {
3178
+ "name": "Tab",
3179
+ "defaultProps": {
3180
+ "variant": "primary"
3181
+ },
3182
+ "getStylesLiterals": {
3183
+ "tabSizeRoot": "default",
3184
+ "tabVariantActiveRoot": "off",
3185
+ "tabVariantActiveRoot:1": "on",
3186
+ "tabSizeIcon": "default"
3187
+ },
3188
+ "cxLiterals": [
3189
+ "pointer-events-none",
3190
+ "absolute",
3191
+ "bottom-0",
3192
+ "left-0",
3193
+ "right-0",
3194
+ "h-[var(--uds-tab-underline-width,0px)]",
3195
+ "bg-[var(--uds-tab-underline-color,transparent)]",
3196
+ "transition-[height,background-color]",
3197
+ "duration-[240ms]",
3198
+ "ease-[cubic-bezier(0.2,0,0,1)]",
3199
+ "!bg-transparent",
3200
+ "!shadow-none",
3201
+ "inline-flex",
3202
+ "items-center",
3203
+ "shrink-0",
3204
+ "box-border",
3205
+ "relative",
3206
+ "z-[1]",
3207
+ "cursor-pointer",
3208
+ "select-none",
3209
+ "whitespace-nowrap",
3210
+ "uds-ring",
3211
+ "opacity-50",
3212
+ "cursor-default",
3213
+ "border-solid",
3214
+ "border-b-solid",
3215
+ "transition-colors"
3216
+ ],
3217
+ "internalComponents": [
3218
+ "IconSlot",
3219
+ "AriakitTab",
3220
+ "Text"
3221
+ ],
3222
+ "internalComponentProps": {
3223
+ "Text": {
3224
+ "variant": [
3225
+ "inherit"
3226
+ ],
3227
+ "as": [
3228
+ "span"
3229
+ ],
3230
+ "color": [
3231
+ "current"
3232
+ ]
3233
+ }
3234
+ },
3235
+ "propToVariantKeys": {
3236
+ "variant": [
3237
+ "tabVariantRoot",
3238
+ "tabVariantIcon"
3239
+ ],
3240
+ "activeState": [
3241
+ "tabVariantActiveIcon"
3242
+ ],
3243
+ "startIcon": [
3244
+ "icon"
3245
+ ],
3246
+ "endIcon": [
3247
+ "icon"
3248
+ ]
3249
+ },
3250
+ "runtimeConfigDefaultProps": {},
3251
+ "runtimeConfigGetStyles": {},
3252
+ "runtimeConfigInternalComponentProps": {},
3253
+ "motionVarPrefixes": []
3254
+ },
3255
+ "TabList": {
3256
+ "name": "TabList",
3257
+ "defaultProps": {
3258
+ "variant": "primary"
3259
+ },
3260
+ "getStylesLiterals": {
3261
+ "tabSizeRoot": "default",
3262
+ "tabVariantActiveRoot": "on"
3263
+ },
3264
+ "cxLiterals": [
3265
+ "pointer-events-none",
3266
+ "absolute",
3267
+ "bottom-0",
3268
+ "left-0",
3269
+ "right-0",
3270
+ "h-[var(--uds-tab-underline-width,0px)]",
3271
+ "bg-[var(--uds-tab-underline-color,transparent)]",
3272
+ "transition-[height,background-color]",
3273
+ "duration-[240ms]",
3274
+ "ease-[cubic-bezier(0.2,0,0,1)]",
3275
+ "!m-0",
3276
+ "!p-0",
3277
+ "!gap-0",
3278
+ "box-border",
3279
+ "z-0",
3280
+ "min-w-0",
3281
+ "min-h-0",
3282
+ "flex",
3283
+ "flex-row",
3284
+ "items-center",
3285
+ "overflow-x-auto",
3286
+ "overflow-y-clip",
3287
+ "scrollbar-none",
3288
+ "[overflow-clip-margin:6px]",
3289
+ "overflow-clip",
3290
+ "[overflow-clip-margin:8px]",
3291
+ "relative"
3292
+ ],
3293
+ "internalComponents": [
3294
+ "AriakitTabList"
3435
3295
  ],
3436
- "internalComponentProps": {
3437
- "HStack": {
3438
- "alignItems": [
3439
- "center"
3440
- ],
3441
- "justifyContent": [
3442
- "space-between"
3443
- ],
3444
- "overflow": [
3445
- "hidden"
3446
- ],
3447
- "position": [
3448
- "relative"
3449
- ]
3450
- }
3451
- },
3296
+ "internalComponentProps": {},
3452
3297
  "propToVariantKeys": {
3453
3298
  "variant": [
3454
- "toastVariantRoot"
3455
- ],
3456
- "size": [
3457
- "toastSizeRoot"
3458
- ]
3459
- },
3460
- "runtimeConfigDefaultProps": {
3461
- "size": "toast.defaultSize",
3462
- "variant": "toast.defaultVariant"
3463
- },
3464
- "runtimeConfigGetStyles": {
3465
- "toastVariantRoot": [
3466
- "toast.defaultVariant"
3467
- ],
3468
- "toastSizeRoot": [
3469
- "toast.defaultSize"
3299
+ "tabsVariantRoot",
3300
+ "tabVariantRoot"
3470
3301
  ]
3471
3302
  },
3472
- "runtimeConfigInternalComponentProps": {
3473
- "HStack": {
3474
- "backgroundColor": [
3475
- "toast.backgroundColor.${variant}"
3476
- ]
3477
- }
3478
- },
3303
+ "runtimeConfigDefaultProps": {},
3304
+ "runtimeConfigGetStyles": {},
3305
+ "runtimeConfigInternalComponentProps": {},
3479
3306
  "motionVarPrefixes": []
3480
3307
  },
3481
- "ToastPortal": {
3482
- "name": "ToastPortal",
3308
+ "TabPanel": {
3309
+ "name": "TabPanel",
3483
3310
  "defaultProps": {},
3484
3311
  "getStylesLiterals": {},
3485
3312
  "cxLiterals": [],
3486
3313
  "internalComponents": [
3487
- "ReactToastifyToastContainer"
3314
+ "AriakitTabPanel"
3488
3315
  ],
3489
3316
  "internalComponentProps": {},
3490
3317
  "propToVariantKeys": {},
3491
- "runtimeConfigDefaultProps": {
3492
- "size": "toast.defaultSize",
3493
- "variant": "toast.defaultVariant"
3494
- },
3318
+ "runtimeConfigDefaultProps": {},
3495
3319
  "runtimeConfigGetStyles": {},
3496
- "runtimeConfigInternalComponentProps": {
3497
- "ReactToastifyToastContainer": {
3498
- "autoClose": [
3499
- "toast.autoClose"
3500
- ]
3501
- }
3320
+ "runtimeConfigInternalComponentProps": {},
3321
+ "motionVarPrefixes": []
3322
+ },
3323
+ "Tabs": {
3324
+ "name": "Tabs",
3325
+ "defaultProps": {
3326
+ "variant": "primary"
3327
+ },
3328
+ "getStylesLiterals": {},
3329
+ "cxLiterals": [],
3330
+ "internalComponents": [
3331
+ "TabsContext.Provider",
3332
+ "TabProvider"
3333
+ ],
3334
+ "internalComponentProps": {},
3335
+ "propToVariantKeys": {
3336
+ "onSelectionChange": [
3337
+ "setSelectedId"
3338
+ ]
3502
3339
  },
3340
+ "runtimeConfigDefaultProps": {},
3341
+ "runtimeConfigGetStyles": {},
3342
+ "runtimeConfigInternalComponentProps": {},
3503
3343
  "motionVarPrefixes": []
3504
3344
  },
3505
- "UDSToastConfigProvider": {
3506
- "name": "UDSToastConfigProvider",
3345
+ "UDSBreakpointsConfigProvider": {
3346
+ "name": "UDSBreakpointsConfigProvider",
3507
3347
  "defaultProps": {},
3508
3348
  "getStylesLiterals": {},
3509
3349
  "cxLiterals": [],
3510
3350
  "internalComponents": [
3511
- "ToastContext.Provider"
3351
+ "UDSBreakpointsConfigContext.Provider"
3512
3352
  ],
3513
3353
  "internalComponentProps": {},
3514
3354
  "propToVariantKeys": {},
@@ -3517,94 +3357,208 @@
3517
3357
  "runtimeConfigInternalComponentProps": {},
3518
3358
  "motionVarPrefixes": []
3519
3359
  },
3520
- "Tooltip": {
3521
- "name": "Tooltip",
3360
+ "UDSConfigProvider": {
3361
+ "name": "UDSConfigProvider",
3522
3362
  "defaultProps": {},
3523
3363
  "getStylesLiterals": {},
3524
3364
  "cxLiterals": [],
3525
3365
  "internalComponents": [
3526
- "TooltipInternalContext.Provider",
3527
- "TooltipProvider"
3366
+ "UDSBreakpointsConfigProvider",
3367
+ "UDSBottomSheetConfigProvider",
3368
+ "UDSToastConfigProvider",
3369
+ "UDSTooltipConfigProvider",
3370
+ "UDSPopoverConfigProvider",
3371
+ "UDSModalConfigProvider"
3528
3372
  ],
3529
3373
  "internalComponentProps": {},
3530
3374
  "propToVariantKeys": {},
3531
3375
  "runtimeConfigDefaultProps": {},
3532
3376
  "runtimeConfigGetStyles": {},
3533
- "runtimeConfigInternalComponentProps": {
3534
- "TooltipProvider": {
3535
- "animated": [
3536
- "tooltip.animationDuration"
3377
+ "runtimeConfigInternalComponentProps": {},
3378
+ "motionVarPrefixes": []
3379
+ },
3380
+ "Accordion": {
3381
+ "name": "Accordion",
3382
+ "defaultProps": {
3383
+ "spacingHorizontal": "4",
3384
+ "spacingVertical": "4"
3385
+ },
3386
+ "getStylesLiterals": {},
3387
+ "cxLiterals": [
3388
+ "hover:bg-secondary/80",
3389
+ "w-full"
3390
+ ],
3391
+ "internalComponents": [
3392
+ "Icon",
3393
+ "SpringMotionConfig",
3394
+ "Pressable",
3395
+ "Text",
3396
+ "HStack",
3397
+ "AnimatePresence",
3398
+ "VStack"
3399
+ ],
3400
+ "internalComponentProps": {
3401
+ "Icon": {
3402
+ "variant": [
3403
+ "fill"
3404
+ ],
3405
+ "size": [
3406
+ "sm"
3407
+ ],
3408
+ "color": [
3409
+ "primary"
3410
+ ]
3411
+ },
3412
+ "SpringMotionConfig": {
3413
+ "layoutVariant": [
3414
+ "smooth"
3415
+ ],
3416
+ "layoutSpeed": [
3417
+ "3"
3418
+ ]
3419
+ },
3420
+ "Pressable": {
3421
+ "display": [
3422
+ "flex"
3423
+ ],
3424
+ "flexDirection": [
3425
+ "row"
3426
+ ],
3427
+ "alignItems": [
3428
+ "center"
3429
+ ],
3430
+ "justifyContent": [
3431
+ "space-between"
3432
+ ],
3433
+ "borderRadius": [
3434
+ "md"
3435
+ ]
3436
+ },
3437
+ "Text": {
3438
+ "variant": [
3439
+ "title4"
3440
+ ],
3441
+ "color": [
3442
+ "primary"
3443
+ ]
3444
+ },
3445
+ "HStack": {
3446
+ "display": [
3447
+ "flex"
3448
+ ],
3449
+ "alignItems": [
3450
+ "center"
3451
+ ],
3452
+ "justifyContent": [
3453
+ "space-between"
3454
+ ],
3455
+ "columnGap": [
3456
+ "2.5"
3537
3457
  ]
3538
3458
  }
3539
3459
  },
3540
- "motionVarPrefixes": []
3460
+ "propToVariantKeys": {},
3461
+ "runtimeConfigDefaultProps": {},
3462
+ "runtimeConfigGetStyles": {},
3463
+ "runtimeConfigInternalComponentProps": {},
3464
+ "motionVarPrefixes": [
3465
+ "--uds-motion-smooth-3-"
3466
+ ]
3541
3467
  },
3542
- "TooltipContent": {
3543
- "name": "TooltipContent",
3468
+ "AvoidMotionLibraryProvider": {
3469
+ "name": "AvoidMotionLibraryProvider",
3544
3470
  "defaultProps": {},
3471
+ "getStylesLiterals": {},
3472
+ "cxLiterals": [],
3473
+ "internalComponents": [],
3474
+ "internalComponentProps": {},
3475
+ "propToVariantKeys": {},
3476
+ "runtimeConfigDefaultProps": {},
3477
+ "runtimeConfigGetStyles": {},
3478
+ "runtimeConfigInternalComponentProps": {},
3479
+ "motionVarPrefixes": []
3480
+ },
3481
+ "SegmentedControl": {
3482
+ "name": "SegmentedControl",
3483
+ "defaultProps": {
3484
+ "textVariant": "label2"
3485
+ },
3545
3486
  "getStylesLiterals": {
3546
- "tooltipSizeRoot": "default",
3547
- "tooltipVariantRoot": "default",
3548
- "tooltipSizeSvg": "default",
3549
- "tooltipVariantSvg": "default",
3550
- "tooltipVariantBlur": "default",
3551
- "position": "absolute",
3552
- "width": "full",
3553
- "height": "full",
3554
- "tooltipSizeTitle": "default",
3555
- "tooltipSizeBody": "default",
3556
- "tooltipSizeEndContent": "default",
3557
- "tooltipSizeIcon": "default",
3558
- "tooltipVariantIcon": "default"
3487
+ "display": "flex",
3488
+ "alignItems": "center",
3489
+ "backgroundColor": "primary",
3490
+ "spacingVertical": "1",
3491
+ "spacingHorizontal": "3",
3492
+ "columnGap": "1.5",
3493
+ "borderWidth": "thin",
3494
+ "borderRadius": "full",
3495
+ "borderColor": "muted",
3496
+ "borderColor:1": "transparent",
3497
+ "color": "primary",
3498
+ "color:1": "tertiary",
3499
+ "color:2": "muted"
3559
3500
  },
3560
3501
  "cxLiterals": [
3561
- "max-w-lg",
3562
- "flex",
3563
- "z-[9999]",
3564
- "uds-bgBlurFillFallback",
3565
- "uds-bgBlurFallback",
3566
- "top-0",
3567
- "left-0",
3568
- "z-[1]"
3502
+ "uds-ring",
3503
+ "cursor-not-allowed",
3504
+ "opacity-50",
3505
+ "pointer-events-none",
3506
+ "hover:bg-primary"
3569
3507
  ],
3570
3508
  "internalComponents": [
3571
- "IconSlot",
3572
- "TooltipArrow",
3573
- "Tooltip",
3574
- "SvgFloatingOverlay",
3575
- "VStack",
3576
- "Box",
3509
+ "TextVariant",
3510
+ "Radio",
3511
+ "Icon",
3512
+ "RadioProvider",
3513
+ "HStack",
3514
+ "RadioGroup",
3515
+ "Pressable",
3577
3516
  "Text"
3578
3517
  ],
3579
3518
  "internalComponentProps": {
3580
- "SvgFloatingOverlay": {
3581
- "contentOverflow": [
3582
- "visible"
3583
- ]
3584
- },
3585
- "VStack": {
3586
- "className": [
3587
- "gap-[inherit]"
3519
+ "Icon": {
3520
+ "size": [
3521
+ "sm"
3522
+ ],
3523
+ "color": [
3524
+ "current"
3525
+ ],
3526
+ "aria-hidden": [
3527
+ "true"
3588
3528
  ]
3589
3529
  },
3590
- "Box": {
3591
- "alignItems": [
3592
- "center"
3530
+ "HStack": {
3531
+ "spacing": [
3532
+ "1"
3593
3533
  ],
3594
- "columnGap": [
3595
- "1",
3596
- "1.5"
3534
+ "gap": [
3535
+ "1"
3536
+ ],
3537
+ "backgroundColor": [
3538
+ "secondary"
3539
+ ],
3540
+ "borderRadius": [
3541
+ "full"
3542
+ ],
3543
+ "display": [
3544
+ "inline-flex"
3597
3545
  ]
3598
3546
  },
3599
3547
  "Text": {
3600
3548
  "color": [
3601
- "inherit"
3549
+ "current"
3602
3550
  ]
3603
3551
  }
3604
3552
  },
3605
3553
  "propToVariantKeys": {
3606
- "startTitleIcon": [
3607
- "icon"
3554
+ "value": [
3555
+ "key"
3556
+ ],
3557
+ "label": [
3558
+ "aria-label"
3559
+ ],
3560
+ "textVariant": [
3561
+ "variant"
3608
3562
  ]
3609
3563
  },
3610
3564
  "runtimeConfigDefaultProps": {},
@@ -3612,79 +3566,135 @@
3612
3566
  "runtimeConfigInternalComponentProps": {},
3613
3567
  "motionVarPrefixes": []
3614
3568
  },
3615
- "TooltipTrigger": {
3616
- "name": "TooltipTrigger",
3617
- "defaultProps": {},
3618
- "getStylesLiterals": {},
3619
- "cxLiterals": [],
3569
+ "SwitchV2": {
3570
+ "name": "SwitchV2",
3571
+ "defaultProps": {
3572
+ "labelPosition": "start",
3573
+ "size": "md"
3574
+ },
3575
+ "getStylesLiterals": {
3576
+ "switchVariantRoot": "default",
3577
+ "switchVariantActiveRoot": "on",
3578
+ "switchVariantActiveRoot:1": "off",
3579
+ "switchVariantSwitch": "default",
3580
+ "switchVariantActiveSwitch": "on",
3581
+ "switchVariantActiveSwitch:1": "off",
3582
+ "switchVariantActiveHandle": "on",
3583
+ "switchVariantActiveHandle:1": "off",
3584
+ "switchVariantHandle": "default",
3585
+ "switchVariantHandleIcon": "default",
3586
+ "switchVariantActiveHandleIcon": "on",
3587
+ "switchVariantActiveHandleIcon:1": "off"
3588
+ },
3589
+ "cxLiterals": [
3590
+ "group",
3591
+ "flex",
3592
+ "items-center",
3593
+ "flex-row",
3594
+ "flex-row-reverse",
3595
+ "uds-ring",
3596
+ "uds-ring-within",
3597
+ "relative",
3598
+ "uds-border-radius-full",
3599
+ "transition-[background-color,box-shadow]",
3600
+ "pointer-events-none",
3601
+ "w-full",
3602
+ "h-full",
3603
+ "absolute",
3604
+ "top-0",
3605
+ "bottom-0",
3606
+ "right-0",
3607
+ "left-0",
3608
+ "overflow-hidden",
3609
+ "group-hover:scale-105",
3610
+ "opacity-95",
3611
+ "group-hover:opacity-100",
3612
+ "transition-[transform,opacity]",
3613
+ "opacity-0",
3614
+ "top-1/2",
3615
+ "left-1/2",
3616
+ "transform",
3617
+ "translate-x-[-50%]",
3618
+ "translate-y-[-50%]",
3619
+ "transition-opacity",
3620
+ "cursor-[inherit]",
3621
+ "w-[calc(100%+2px)]",
3622
+ "h-[calc(100%+2px)]",
3623
+ "text-start",
3624
+ "text-end",
3625
+ "opacity-100"
3626
+ ],
3620
3627
  "internalComponents": [
3621
- "TooltipAnchor"
3628
+ "IconSlot",
3629
+ "Box",
3630
+ "FormLabel",
3631
+ "SpringMotionConfig",
3632
+ "RootElement",
3633
+ "MotionBox"
3622
3634
  ],
3623
3635
  "internalComponentProps": {
3624
- "TooltipAnchor": {
3625
- "className": [
3626
- "inline"
3636
+ "IconSlot": {
3637
+ "data-testid": [
3638
+ "on-icon",
3639
+ "off-icon"
3640
+ ]
3641
+ },
3642
+ "FormLabel": {
3643
+ "as": [
3644
+ "div"
3645
+ ],
3646
+ "variant": [
3647
+ "inherit"
3648
+ ],
3649
+ "color": [
3650
+ "inherit"
3651
+ ]
3652
+ },
3653
+ "SpringMotionConfig": {
3654
+ "layoutVariant": [
3655
+ "bouncy"
3656
+ ],
3657
+ "layoutSpeed": [
3658
+ "4"
3659
+ ]
3660
+ },
3661
+ "RootElement": {
3662
+ "data-testid": [
3663
+ "switch-root"
3664
+ ]
3665
+ },
3666
+ "MotionBox": {
3667
+ "layout": [
3668
+ "position"
3627
3669
  ]
3628
3670
  }
3629
3671
  },
3630
3672
  "propToVariantKeys": {
3631
- "children": [
3632
- "render"
3673
+ "size": [
3674
+ "switchSizeRoot",
3675
+ "switchSizeSwitch",
3676
+ "switchSizeHandle",
3677
+ "switchSizeHandleIcon"
3678
+ ],
3679
+ "onIcon": [
3680
+ "icon"
3681
+ ],
3682
+ "offIcon": [
3683
+ "icon"
3684
+ ],
3685
+ "reduceMotion": [
3686
+ "reducedMotion"
3687
+ ],
3688
+ "isOn": [
3689
+ "layoutDependency"
3633
3690
  ]
3634
3691
  },
3635
3692
  "runtimeConfigDefaultProps": {},
3636
3693
  "runtimeConfigGetStyles": {},
3637
3694
  "runtimeConfigInternalComponentProps": {},
3638
- "motionVarPrefixes": []
3639
- },
3640
- "UDSTooltipConfigProvider": {
3641
- "name": "UDSTooltipConfigProvider",
3642
- "defaultProps": {},
3643
- "getStylesLiterals": {},
3644
- "cxLiterals": [],
3645
- "internalComponents": [
3646
- "TooltipContext.Provider"
3647
- ],
3648
- "internalComponentProps": {},
3649
- "propToVariantKeys": {},
3650
- "runtimeConfigDefaultProps": {},
3651
- "runtimeConfigGetStyles": {},
3652
- "runtimeConfigInternalComponentProps": {},
3653
- "motionVarPrefixes": []
3654
- },
3655
- "UDSBreakpointsConfigProvider": {
3656
- "name": "UDSBreakpointsConfigProvider",
3657
- "defaultProps": {},
3658
- "getStylesLiterals": {},
3659
- "cxLiterals": [],
3660
- "internalComponents": [
3661
- "UDSBreakpointsConfigContext.Provider"
3662
- ],
3663
- "internalComponentProps": {},
3664
- "propToVariantKeys": {},
3665
- "runtimeConfigDefaultProps": {},
3666
- "runtimeConfigGetStyles": {},
3667
- "runtimeConfigInternalComponentProps": {},
3668
- "motionVarPrefixes": []
3669
- },
3670
- "UDSConfigProvider": {
3671
- "name": "UDSConfigProvider",
3672
- "defaultProps": {},
3673
- "getStylesLiterals": {},
3674
- "cxLiterals": [],
3675
- "internalComponents": [
3676
- "UDSBreakpointsConfigProvider",
3677
- "UDSBottomSheetConfigProvider",
3678
- "UDSToastConfigProvider",
3679
- "UDSTooltipConfigProvider",
3680
- "UDSPopoverConfigProvider",
3681
- "UDSModalConfigProvider"
3682
- ],
3683
- "internalComponentProps": {},
3684
- "propToVariantKeys": {},
3685
- "runtimeConfigDefaultProps": {},
3686
- "runtimeConfigGetStyles": {},
3687
- "runtimeConfigInternalComponentProps": {},
3688
- "motionVarPrefixes": []
3695
+ "motionVarPrefixes": [
3696
+ "--uds-motion-bouncy-4-",
3697
+ "--uds-motion-smooth-3-"
3698
+ ]
3689
3699
  }
3690
3700
  }