@yahoo/uds 3.153.0 → 3.153.1-beta.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/IconButton.cjs +1 -1
  2. package/dist/components/client/IconButton.js +1 -1
  3. package/dist/components/client/Menu/Menu.ItemCheckbox.d.cts +1 -1
  4. package/dist/components/client/Menu/Menu.ItemCheckbox.d.ts +1 -1
  5. package/dist/components/client/Popover/UDSPopoverConfigProvider.d.cts +1 -1
  6. package/dist/components/client/Popover/UDSPopoverConfigProvider.d.ts +1 -1
  7. package/dist/css/dist/purger/optimized/utils/safelist.cjs +7 -0
  8. package/dist/css/dist/purger/optimized/utils/safelist.js +7 -0
  9. package/dist/styles/styler.d.cts +38 -38
  10. package/dist/styles/styler.d.ts +38 -38
  11. package/dist/uds/generated/componentData.cjs +993 -994
  12. package/dist/uds/generated/componentData.js +993 -994
  13. package/dist/uds/generated/tailwindPurge.cjs +91 -91
  14. package/dist/uds/generated/tailwindPurge.js +91 -91
  15. package/dist/uds/package.cjs +1 -0
  16. package/dist/uds/package.js +1 -0
  17. package/generated/componentData.json +1303 -1304
  18. package/generated/tailwindPurge.ts +1 -1
  19. package/package.json +2 -1
package/generated/componentData.json CHANGED
@@ -593,92 +593,6 @@
593
593
  "runtimeConfigInternalComponentProps": {},
594
594
  "motionVarPrefixes": []
595
595
  },
596
- "Spinner": {
597
- "name": "Spinner",
598
- "defaultProps": {
599
- "color": "primary",
600
- "size": "lg"
601
- },
602
- "getStylesLiterals": {},
603
- "cxLiterals": [
604
- "self-center",
605
- "relative",
606
- "sr-only"
607
- ],
608
- "internalComponents": [
609
- "Icon"
610
- ],
611
- "internalComponentProps": {
612
- "Icon": {
613
- "role": [
614
- "img"
615
- ],
616
- "className": [
617
- "animate-spin"
618
- ],
619
- "aria-hidden": [
620
- "true"
621
- ]
622
- }
623
- },
624
- "propToVariantKeys": {},
625
- "runtimeConfigDefaultProps": {},
626
- "runtimeConfigGetStyles": {},
627
- "runtimeConfigInternalComponentProps": {},
628
- "motionVarPrefixes": []
629
- },
630
- "Table.mocks": {
631
- "name": "Table.mocks",
632
- "defaultProps": {},
633
- "getStylesLiterals": {},
634
- "cxLiterals": [],
635
- "internalComponents": [],
636
- "internalComponentProps": {},
637
- "propToVariantKeys": {},
638
- "runtimeConfigDefaultProps": {},
639
- "runtimeConfigGetStyles": {},
640
- "runtimeConfigInternalComponentProps": {},
641
- "motionVarPrefixes": []
642
- },
643
- "Table": {
644
- "name": "Table",
645
- "defaultProps": {
646
- "display": "table-cell",
647
- "overflow": "hidden",
648
- "borderColor": "muted",
649
- "borderRadius": "md",
650
- "spacing": "3",
651
- "borderBottomColor": "muted",
652
- "borderBottomWidth": "thin",
653
- "color": "primary"
654
- },
655
- "getStylesLiterals": {
656
- "textAlign": "start"
657
- },
658
- "cxLiterals": [],
659
- "internalComponents": [
660
- "CellComponent",
661
- "Box",
662
- "Text",
663
- "Table.Root",
664
- "Table.Header",
665
- "Table.Row",
666
- "Table.Cell",
667
- "Table.Body"
668
- ],
669
- "internalComponentProps": {
670
- "Table.Cell": {
671
- "asHeaderCell": [
672
- "column"
673
- ]
674
- }
675
- },
676
- "propToVariantKeys": {},
677
- "runtimeConfigDefaultProps": {},
678
- "runtimeConfigGetStyles": {},
679
- "runtimeConfigInternalComponentProps": {},
680
- "motionVarPrefixes": []
681
- },
682
596
  "AnimateHeightChange": {
683
597
  "name": "AnimateHeightChange",
684
598
  "defaultProps": {},
@@ -984,8 +898,7 @@
984
898
  "items-center",
985
899
  "[transform-origin:center]",
986
900
  "[backface-visibility:hidden]",
987
- "[transition-property:color,background-color,border-color,",
988
- "box-shadow,text-decoration-color,fill,stroke]",
901
+ "[transition-property:color,background-color,border-color,box-shadow,text-decoration-color,fill,stroke]",
989
902
  "[transition-timing-function:cubic-bezier(0,0,0.2,1)]",
990
903
  "[transition-duration:220ms]",
991
904
  "cursor-not-allowed",
@@ -1202,83 +1115,31 @@
1202
1115
  "--uds-motion-smooth-3-"
1203
1116
  ]
1204
1117
  },
1205
- "Accordion": {
1206
- "name": "Accordion",
1118
+ "Spinner": {
1119
+ "name": "Spinner",
1207
1120
  "defaultProps": {
1208
- "spacingHorizontal": "4",
1209
- "spacingVertical": "4"
1121
+ "color": "primary",
1122
+ "size": "lg"
1210
1123
  },
1211
1124
  "getStylesLiterals": {},
1212
1125
  "cxLiterals": [
1213
- "hover:bg-secondary/80",
1214
- "w-full"
1126
+ "self-center",
1127
+ "relative",
1128
+ "sr-only"
1215
1129
  ],
1216
1130
  "internalComponents": [
1217
- "Icon",
1218
- "SpringMotionConfig",
1219
- "Pressable",
1220
- "Text",
1221
- "HStack",
1222
- "AnimatePresence",
1223
- "VStack"
1131
+ "Icon"
1224
1132
  ],
1225
1133
  "internalComponentProps": {
1226
1134
  "Icon": {
1227
- "variant": [
1228
- "fill"
1229
- ],
1230
- "size": [
1231
- "sm"
1232
- ],
1233
- "color": [
1234
- "primary"
1235
- ]
1236
- },
1237
- "SpringMotionConfig": {
1238
- "layoutVariant": [
1239
- "smooth"
1240
- ],
1241
- "layoutSpeed": [
1242
- "3"
1243
- ]
1244
- },
1245
- "Pressable": {
1246
- "display": [
1247
- "flex"
1248
- ],
1249
- "flexDirection": [
1250
- "row"
1251
- ],
1252
- "alignItems": [
1253
- "center"
1254
- ],
1255
- "justifyContent": [
1256
- "space-between"
1257
- ],
1258
- "borderRadius": [
1259
- "md"
1260
- ]
1261
- },
1262
- "Text": {
1263
- "variant": [
1264
- "title4"
1265
- ],
1266
- "color": [
1267
- "primary"
1268
- ]
1269
- },
1270
- "HStack": {
1271
- "display": [
1272
- "flex"
1273
- ],
1274
- "alignItems": [
1275
- "center"
1135
+ "role": [
1136
+ "img"
1276
1137
  ],
1277
- "justifyContent": [
1278
- "space-between"
1138
+ "className": [
1139
+ "animate-spin"
1279
1140
  ],
1280
- "columnGap": [
1281
- "2.5"
1141
+ "aria-hidden": [
1142
+ "true"
1282
1143
  ]
1283
1144
  }
1284
1145
  },
@@ -1286,12 +1147,10 @@
1286
1147
  "runtimeConfigDefaultProps": {},
1287
1148
  "runtimeConfigGetStyles": {},
1288
1149
  "runtimeConfigInternalComponentProps": {},
1289
- "motionVarPrefixes": [
1290
- "--uds-motion-smooth-3-"
1291
- ]
1150
+ "motionVarPrefixes": []
1292
1151
  },
1293
- "AvoidMotionLibraryProvider": {
1294
- "name": "AvoidMotionLibraryProvider",
1152
+ "Table.mocks": {
1153
+ "name": "Table.mocks",
1295
1154
  "defaultProps": {},
1296
1155
  "getStylesLiterals": {},
1297
1156
  "cxLiterals": [],
@@ -1303,86 +1162,96 @@
1303
1162
  "runtimeConfigInternalComponentProps": {},
1304
1163
  "motionVarPrefixes": []
1305
1164
  },
1306
- "SegmentedControl": {
1307
- "name": "SegmentedControl",
1165
+ "Table": {
1166
+ "name": "Table",
1308
1167
  "defaultProps": {
1309
- "textVariant": "label2"
1168
+ "display": "table-cell",
1169
+ "overflow": "hidden",
1170
+ "borderColor": "muted",
1171
+ "borderRadius": "md",
1172
+ "spacing": "3",
1173
+ "borderBottomColor": "muted",
1174
+ "borderBottomWidth": "thin",
1175
+ "color": "primary"
1310
1176
  },
1311
1177
  "getStylesLiterals": {
1312
- "display": "flex",
1313
- "alignItems": "center",
1314
- "backgroundColor": "primary",
1315
- "spacingVertical": "1",
1316
- "spacingHorizontal": "3",
1317
- "columnGap": "1.5",
1318
- "borderWidth": "thin",
1319
- "borderRadius": "full",
1320
- "borderColor": "muted",
1321
- "borderColor:1": "transparent",
1322
- "color": "primary",
1323
- "color:1": "tertiary",
1324
- "color:2": "muted"
1178
+ "textAlign": "start"
1179
+ },
1180
+ "cxLiterals": [],
1181
+ "internalComponents": [
1182
+ "CellComponent",
1183
+ "Box",
1184
+ "Text",
1185
+ "Table.Root",
1186
+ "Table.Header",
1187
+ "Table.Row",
1188
+ "Table.Cell",
1189
+ "Table.Body"
1190
+ ],
1191
+ "internalComponentProps": {
1192
+ "Table.Cell": {
1193
+ "asHeaderCell": [
1194
+ "column"
1195
+ ]
1196
+ }
1325
1197
  },
1198
+ "propToVariantKeys": {},
1199
+ "runtimeConfigDefaultProps": {},
1200
+ "runtimeConfigGetStyles": {},
1201
+ "runtimeConfigInternalComponentProps": {},
1202
+ "motionVarPrefixes": []
1203
+ },
1204
+ "PaddleButton": {
1205
+ "name": "PaddleButton",
1206
+ "defaultProps": {},
1207
+ "getStylesLiterals": {},
1326
1208
  "cxLiterals": [
1209
+ "relative",
1210
+ "inline-flex",
1211
+ "items-center",
1212
+ "justify-center",
1213
+ "box-border",
1214
+ "overflow-hidden",
1215
+ "border-solid",
1216
+ "select-none",
1217
+ "uds-nested-radius",
1218
+ "transition-[color,border-color,box-shadow]",
1219
+ "duration-[180ms]",
1220
+ "ease-[cubic-bezier(0,0,0.2,1)]",
1327
1221
  "uds-ring",
1222
+ "cursor-pointer",
1328
1223
  "cursor-not-allowed",
1329
1224
  "opacity-50",
1330
1225
  "pointer-events-none",
1331
- "hover:bg-primary"
1226
+ "hidden",
1227
+ "absolute",
1228
+ "inset-0",
1229
+ "-z-10",
1230
+ "rounded-[var(--uds-nested-radius)]",
1231
+ "transition-[background-color,opacity]"
1332
1232
  ],
1333
1233
  "internalComponents": [
1334
- "Radio",
1335
- "Icon",
1336
- "RadioProvider",
1337
- "HStack",
1338
- "RadioGroup",
1339
- "Pressable",
1340
- "Text"
1234
+ "Icon"
1341
1235
  ],
1342
1236
  "internalComponentProps": {
1343
1237
  "Icon": {
1344
1238
  "size": [
1345
- "sm"
1346
- ],
1347
- "color": [
1348
- "current"
1349
- ],
1350
- "aria-hidden": [
1351
- "true"
1352
- ]
1353
- },
1354
- "HStack": {
1355
- "spacing": [
1356
- "1"
1357
- ],
1358
- "gap": [
1359
- "1"
1360
- ],
1361
- "backgroundColor": [
1362
- "secondary"
1363
- ],
1364
- "borderRadius": [
1365
- "full"
1239
+ "md"
1366
1240
  ],
1367
- "display": [
1368
- "inline-flex"
1369
- ]
1370
- },
1371
- "Text": {
1372
1241
  "color": [
1373
1242
  "current"
1374
1243
  ]
1375
1244
  }
1376
1245
  },
1377
1246
  "propToVariantKeys": {
1378
- "value": [
1379
- "key"
1380
- ],
1381
- "label": [
1382
- "aria-label"
1247
+ "size": [
1248
+ "paddlenavSizeRoot",
1249
+ "paddlenavSizeIcon"
1383
1250
  ],
1384
- "textVariant": [
1385
- "variant"
1251
+ "variant": [
1252
+ "paddlenavVariantRoot",
1253
+ "paddlenavVariantBackground",
1254
+ "paddlenavVariantIcon"
1386
1255
  ]
1387
1256
  },
1388
1257
  "runtimeConfigDefaultProps": {},
@@ -1390,177 +1259,107 @@
1390
1259
  "runtimeConfigInternalComponentProps": {},
1391
1260
  "motionVarPrefixes": []
1392
1261
  },
1393
- "SwitchV2": {
1394
- "name": "SwitchV2",
1395
- "defaultProps": {
1396
- "labelPosition": "start",
1397
- "size": "md"
1398
- },
1399
- "getStylesLiterals": {
1400
- "switchVariantRoot": "default",
1401
- "switchVariantActiveRoot": "on",
1402
- "switchVariantActiveRoot:1": "off",
1403
- "switchVariantSwitch": "default",
1404
- "switchVariantActiveSwitch": "on",
1405
- "switchVariantActiveSwitch:1": "off",
1406
- "switchVariantActiveHandle": "on",
1407
- "switchVariantActiveHandle:1": "off",
1408
- "switchVariantHandle": "default",
1409
- "switchVariantHandleIcon": "default",
1410
- "switchVariantActiveHandleIcon": "on",
1411
- "switchVariantActiveHandleIcon:1": "off"
1412
- },
1413
- "cxLiterals": [
1414
- "group",
1415
- "flex",
1416
- "items-center",
1417
- "flex-row",
1418
- "flex-row-reverse",
1419
- "uds-ring",
1420
- "uds-ring-within",
1421
- "relative",
1422
- "uds-border-radius-full",
1423
- "transition-[background-color,box-shadow]",
1424
- "pointer-events-none",
1425
- "w-full",
1426
- "h-full",
1427
- "absolute",
1428
- "top-0",
1429
- "bottom-0",
1430
- "right-0",
1431
- "left-0",
1432
- "overflow-hidden",
1433
- "group-hover:scale-105",
1434
- "opacity-95",
1435
- "group-hover:opacity-100",
1436
- "transition-[transform,opacity]",
1437
- "opacity-0",
1438
- "top-1/2",
1439
- "left-1/2",
1440
- "transform",
1441
- "translate-x-[-50%]",
1442
- "translate-y-[-50%]",
1443
- "transition-opacity",
1444
- "cursor-[inherit]",
1445
- "w-[calc(100%+2px)]",
1446
- "h-[calc(100%+2px)]",
1447
- "text-start",
1448
- "text-end",
1449
- "opacity-100"
1450
- ],
1262
+ "PaddleButtonNext": {
1263
+ "name": "PaddleButtonNext",
1264
+ "defaultProps": {},
1265
+ "getStylesLiterals": {},
1266
+ "cxLiterals": [],
1451
1267
  "internalComponents": [
1452
- "IconSlot",
1453
- "Box",
1454
- "FormLabel",
1455
- "SpringMotionConfig",
1456
- "RootElement",
1457
- "MotionBox"
1268
+ "PaddleButton"
1458
1269
  ],
1459
1270
  "internalComponentProps": {
1460
- "IconSlot": {
1461
- "data-testid": [
1462
- "on-icon",
1463
- "off-icon"
1464
- ]
1465
- },
1466
- "FormLabel": {
1467
- "as": [
1468
- "div"
1469
- ],
1470
- "variant": [
1471
- "inherit"
1472
- ],
1473
- "color": [
1474
- "inherit"
1475
- ]
1476
- },
1477
- "SpringMotionConfig": {
1478
- "layoutVariant": [
1479
- "bouncy"
1480
- ],
1481
- "layoutSpeed": [
1482
- "4"
1483
- ]
1484
- },
1485
- "RootElement": {
1486
- "data-testid": [
1487
- "switch-root"
1488
- ]
1489
- },
1490
- "MotionBox": {
1491
- "layout": [
1492
- "position"
1271
+ "PaddleButton": {
1272
+ "paddleRole": [
1273
+ "next"
1493
1274
  ]
1494
1275
  }
1495
1276
  },
1496
- "propToVariantKeys": {
1497
- "size": [
1498
- "switchSizeRoot",
1499
- "switchSizeSwitch",
1500
- "switchSizeHandle",
1501
- "switchSizeHandleIcon"
1502
- ],
1503
- "onIcon": [
1504
- "icon"
1505
- ],
1506
- "offIcon": [
1507
- "icon"
1508
- ],
1509
- "reduceMotion": [
1510
- "reducedMotion"
1511
- ],
1512
- "isOn": [
1513
- "layoutDependency"
1514
- ]
1515
- },
1277
+ "propToVariantKeys": {},
1516
1278
  "runtimeConfigDefaultProps": {},
1517
1279
  "runtimeConfigGetStyles": {},
1518
1280
  "runtimeConfigInternalComponentProps": {},
1519
- "motionVarPrefixes": [
1520
- "--uds-motion-bouncy-4-",
1521
- "--uds-motion-smooth-3-"
1522
- ]
1281
+ "motionVarPrefixes": []
1523
1282
  },
1524
- "Avatar": {
1525
- "name": "Avatar",
1283
+ "PaddleButtonPrevious": {
1284
+ "name": "PaddleButtonPrevious",
1526
1285
  "defaultProps": {},
1527
1286
  "getStylesLiterals": {},
1528
1287
  "cxLiterals": [],
1529
1288
  "internalComponents": [
1530
- "AvatarImage"
1289
+ "PaddleButton"
1531
1290
  ],
1532
- "internalComponentProps": {},
1291
+ "internalComponentProps": {
1292
+ "PaddleButton": {
1293
+ "paddleRole": [
1294
+ "previous"
1295
+ ]
1296
+ }
1297
+ },
1533
1298
  "propToVariantKeys": {},
1534
1299
  "runtimeConfigDefaultProps": {},
1535
1300
  "runtimeConfigGetStyles": {},
1536
1301
  "runtimeConfigInternalComponentProps": {},
1537
1302
  "motionVarPrefixes": []
1538
1303
  },
1539
- "AvatarIcon": {
1540
- "name": "AvatarIcon",
1304
+ "PaddleNav": {
1305
+ "name": "PaddleNav",
1541
1306
  "defaultProps": {
1542
- "size": "md",
1543
- "variant": "primary"
1307
+ "orientation": "horizontal",
1308
+ "variant": "primary",
1309
+ "size": "md"
1544
1310
  },
1545
1311
  "getStylesLiterals": {},
1546
1312
  "cxLiterals": [
1547
- "overflow-hidden",
1548
- "w-full",
1549
- "h-full",
1550
- "shrink-0",
1551
- "text-center",
1313
+ "pointer-events-none",
1552
1314
  "inline-flex",
1553
- "justify-center",
1554
- "items-center"
1315
+ "flex-row",
1316
+ "gap-2",
1317
+ "items-center",
1318
+ "pointer-events-auto",
1319
+ "flex-col",
1320
+ "relative",
1321
+ "min-w-0",
1322
+ "min-h-0",
1323
+ "flex-1",
1324
+ "inline-block",
1325
+ "absolute",
1326
+ "z-10",
1327
+ "top-2",
1328
+ "left-1/2",
1329
+ "-translate-x-1/2",
1330
+ "left-2",
1331
+ "top-1/2",
1332
+ "-translate-y-1/2",
1333
+ "bottom-2",
1334
+ "right-2",
1335
+ "-top-12",
1336
+ "left-0",
1337
+ "right-0",
1338
+ "-bottom-12"
1555
1339
  ],
1556
1340
  "internalComponents": [
1557
- "IconSlot",
1341
+ "PaddleNavContext.Provider",
1558
1342
  "Box"
1559
1343
  ],
1560
- "internalComponentProps": {},
1344
+ "internalComponentProps": {
1345
+ "Box": {
1346
+ "display": [
1347
+ "inline-flex"
1348
+ ],
1349
+ "alignItems": [
1350
+ "center"
1351
+ ],
1352
+ "justifyContent": [
1353
+ "center"
1354
+ ],
1355
+ "data-paddle-nav-outside": [
1356
+ "true"
1357
+ ]
1358
+ }
1359
+ },
1561
1360
  "propToVariantKeys": {
1562
- "size": [
1563
- "avatarSizeIcon"
1361
+ "orientation": [
1362
+ "data-paddle-nav-orientation"
1564
1363
  ]
1565
1364
  },
1566
1365
  "runtimeConfigDefaultProps": {},
@@ -1568,311 +1367,240 @@
1568
1367
  "runtimeConfigInternalComponentProps": {},
1569
1368
  "motionVarPrefixes": []
1570
1369
  },
1571
- "AvatarImage": {
1572
- "name": "AvatarImage",
1573
- "defaultProps": {
1574
- "size": "md",
1575
- "variant": "primary"
1576
- },
1370
+ "PaddleNavContent": {
1371
+ "name": "PaddleNavContent",
1372
+ "defaultProps": {},
1577
1373
  "getStylesLiterals": {},
1578
1374
  "cxLiterals": [
1579
- "overflow-hidden",
1580
- "w-full",
1581
- "h-full",
1582
- "shrink-0",
1583
- "text-center",
1584
- "inline-flex",
1585
- "justify-center",
1586
- "items-center",
1587
- "object-cover"
1588
- ],
1589
- "internalComponents": [
1590
- "UDSImage",
1591
- "AvatarText",
1592
- "AvatarIcon",
1593
- "Box"
1375
+ "min-w-0",
1376
+ "min-h-0",
1377
+ "relative"
1594
1378
  ],
1379
+ "internalComponents": [],
1595
1380
  "internalComponentProps": {},
1596
- "propToVariantKeys": {
1597
- "alt": [
1598
- "name"
1599
- ],
1600
- "fallback": [
1601
- "initials"
1602
- ]
1603
- },
1381
+ "propToVariantKeys": {},
1604
1382
  "runtimeConfigDefaultProps": {},
1605
1383
  "runtimeConfigGetStyles": {},
1606
1384
  "runtimeConfigInternalComponentProps": {},
1607
1385
  "motionVarPrefixes": []
1608
1386
  },
1609
- "AvatarText": {
1610
- "name": "AvatarText",
1611
- "defaultProps": {
1612
- "size": "md",
1613
- "variant": "primary"
1614
- },
1387
+ "ManagedModal": {
1388
+ "name": "ManagedModal",
1389
+ "defaultProps": {},
1615
1390
  "getStylesLiterals": {},
1616
- "cxLiterals": [
1617
- "overflow-hidden",
1618
- "truncate",
1619
- "w-full",
1620
- "h-full",
1621
- "shrink-0",
1622
- "text-center",
1623
- "inline-flex",
1624
- "justify-center",
1625
- "items-center"
1626
- ],
1391
+ "cxLiterals": [],
1627
1392
  "internalComponents": [
1628
- "Box",
1629
- "Text"
1393
+ "Modal",
1394
+ "ModalTitle",
1395
+ "ModalDescription",
1396
+ "ModalContent",
1397
+ "ModalActions"
1630
1398
  ],
1631
- "internalComponentProps": {
1632
- "Text": {
1633
- "color": [
1634
- "inherit"
1635
- ],
1636
- "variant": [
1637
- "inherit"
1638
- ]
1639
- }
1640
- },
1399
+ "internalComponentProps": {},
1641
1400
  "propToVariantKeys": {},
1642
- "runtimeConfigDefaultProps": {},
1401
+ "runtimeConfigDefaultProps": {
1402
+ "size": "modal.defaultSize",
1403
+ "variant": "modal.defaultVariant"
1404
+ },
1643
1405
  "runtimeConfigGetStyles": {},
1644
1406
  "runtimeConfigInternalComponentProps": {},
1645
1407
  "motionVarPrefixes": []
1646
1408
  },
1647
- "BottomSheet": {
1648
- "name": "BottomSheet",
1409
+ "Modal": {
1410
+ "name": "Modal",
1649
1411
  "defaultProps": {
1650
- "variant": "default"
1412
+ "closeAriaLabel": "Close",
1413
+ "maxWidth": "auto",
1414
+ "maxHeight": "auto",
1415
+ "scrollBehavior": "outside"
1416
+ },
1417
+ "getStylesLiterals": {
1418
+ "flexDirection": "row-reverse",
1419
+ "justifyContent": "space-between",
1420
+ "alignItems": "flex-end",
1421
+ "alignItems:1": "flex-start",
1422
+ "borderRadius": "full"
1651
1423
  },
1652
- "getStylesLiterals": {},
1653
1424
  "cxLiterals": [
1654
1425
  "fixed",
1426
+ "inset-0",
1427
+ "z-40",
1428
+ "overflow-y-auto",
1655
1429
  "overflow-hidden",
1656
- "inset-x-0",
1657
- "bottom-0",
1658
- "z-50",
1659
- "[will-change:transform]",
1660
- "touch-none",
1661
- "[transform:translate3d(0,var(--uds-bottomsheet-hidden-translate),0)]",
1662
- "data-[enter]:[transform:translate3d(0,var(--uds-bottomsheet-visible-translate),0)]",
1430
+ "transition-[opacity,visibility]",
1431
+ "visible",
1432
+ "opacity-100",
1433
+ "invisible",
1434
+ "opacity-0",
1435
+ "pointer-events-none",
1436
+ "uds-bgBlurFallback",
1437
+ "w-full",
1438
+ "w-fit",
1439
+ "h-full",
1440
+ "h-fit",
1441
+ "m-auto",
1442
+ "pointer-events-auto",
1443
+ "inside",
1444
+ "max-h-full",
1663
1445
  "transition-transform",
1664
- "duration-500",
1665
- "ease-[cubic-bezier(0.32,0.72,0,1)]",
1666
- "motion-reduce:transition-none",
1667
- "top-[-4px]",
1668
- "z-[1]",
1669
- "touch-pan-y"
1446
+ "duration-0",
1447
+ "duration-120",
1448
+ "transition-[background-color]",
1449
+ "bg-carbon-15/0",
1450
+ "hover:bg-carbon-15/10",
1451
+ "active:bg-carbon-15/15",
1452
+ "uds-ring",
1453
+ "[translate:50%_-50%]"
1670
1454
  ],
1671
1455
  "internalComponents": [
1672
1456
  "Scrim",
1673
- "BottomSheetHandle",
1674
- "Dialog",
1457
+ "VStack",
1458
+ "Pressable",
1459
+ "IconSlot",
1675
1460
  "Box",
1676
- "BottomSheetInternalContext.Provider"
1461
+ "Dialog",
1462
+ "ModalContext.Provider",
1463
+ "HStack",
1464
+ "DialogDismiss",
1465
+ "ModalTitle",
1466
+ "ModalDescription",
1467
+ "ModalContent",
1468
+ "ModalActions"
1677
1469
  ],
1678
1470
  "internalComponentProps": {
1679
- "BottomSheetHandle": {
1680
- "ariaLabel": [
1681
- "Resize sheet"
1682
- ]
1683
- },
1684
- "Dialog": {
1685
- "data-testid": [
1686
- "bottom-sheet"
1687
- ]
1688
- },
1689
1471
  "Box": {
1690
- "display": [
1691
- "block",
1692
- "flex"
1693
- ],
1694
- "position": [
1695
- "absolute"
1696
- ],
1697
- "flexDirection": [
1698
- "column"
1699
- ],
1700
- "className": [
1701
- "absolute inset-0 min-h-0 p-[inherit]"
1472
+ "flexGrow": [
1473
+ "1"
1702
1474
  ]
1703
1475
  }
1704
1476
  },
1705
1477
  "propToVariantKeys": {
1478
+ "gutter": [
1479
+ "spacing"
1480
+ ],
1481
+ "size": [
1482
+ "modalSizeRoot",
1483
+ "modalSizeSpacingHorizontal",
1484
+ "modalSizeHeader",
1485
+ "modalSizeTitleDescriptionWrapper",
1486
+ "modalSizeCloseIconContainer",
1487
+ "modalSizeCloseIcon"
1488
+ ],
1706
1489
  "variant": [
1707
- "bottomsheetVariantRoot"
1490
+ "modalVariantRoot",
1491
+ "modalVariantCloseIcon"
1492
+ ],
1493
+ "closeAriaLabel": [
1494
+ "aria-label"
1495
+ ],
1496
+ "closeIcon": [
1497
+ "icon"
1498
+ ]
1499
+ },
1500
+ "runtimeConfigDefaultProps": {
1501
+ "size": "modal.defaultSize",
1502
+ "variant": "modal.defaultVariant"
1503
+ },
1504
+ "runtimeConfigGetStyles": {
1505
+ "spacing": [
1506
+ "modal.gutter.${size}"
1507
+ ],
1508
+ "modalSizeRoot": [
1509
+ "modal.defaultSize"
1510
+ ],
1511
+ "modalVariantRoot": [
1512
+ "modal.defaultVariant"
1513
+ ],
1514
+ "modalSizeSpacingHorizontal": [
1515
+ "modal.defaultSize"
1516
+ ],
1517
+ "modalSizeHeader": [
1518
+ "modal.defaultSize"
1519
+ ],
1520
+ "modalSizeTitleDescriptionWrapper": [
1521
+ "modal.defaultSize"
1522
+ ],
1523
+ "modalSizeCloseIconContainer": [
1524
+ "modal.defaultSize"
1525
+ ],
1526
+ "modalSizeCloseIcon": [
1527
+ "modal.defaultSize"
1528
+ ],
1529
+ "modalVariantCloseIcon": [
1530
+ "modal.defaultVariant"
1708
1531
  ]
1709
1532
  },
1710
- "runtimeConfigDefaultProps": {},
1711
- "runtimeConfigGetStyles": {},
1712
1533
  "runtimeConfigInternalComponentProps": {},
1713
1534
  "motionVarPrefixes": []
1714
1535
  },
1715
- "BottomSheetContent": {
1716
- "name": "BottomSheetContent",
1536
+ "ModalActions": {
1537
+ "name": "ModalActions",
1717
1538
  "defaultProps": {},
1718
- "getStylesLiterals": {},
1539
+ "getStylesLiterals": {
1540
+ "flexDirection": "row-reverse",
1541
+ "justifyContent": "space-between",
1542
+ "alignItems": "center"
1543
+ },
1719
1544
  "cxLiterals": [
1720
- "min-h-0",
1721
- "touch-pan-y"
1545
+ "gap-[inherit]"
1722
1546
  ],
1723
1547
  "internalComponents": [
1724
- "Box",
1725
- "VStack"
1548
+ "HStack"
1726
1549
  ],
1727
- "internalComponentProps": {
1728
- "Box": {
1729
- "display": [
1730
- "block"
1731
- ],
1732
- "flex": [
1733
- "1"
1734
- ]
1735
- },
1736
- "VStack": {
1737
- "className": [
1738
- "pb-[calc(env(safe-area-inset-bottom))]"
1739
- ]
1740
- }
1550
+ "internalComponentProps": {},
1551
+ "propToVariantKeys": {
1552
+ "size": [
1553
+ "modalSizeSpacingHorizontal",
1554
+ "modalSizeActions"
1555
+ ]
1556
+ },
1557
+ "runtimeConfigDefaultProps": {
1558
+ "size": "modal.defaultSize",
1559
+ "variant": "modal.defaultVariant"
1560
+ },
1561
+ "runtimeConfigGetStyles": {
1562
+ "modalSizeSpacingHorizontal": [
1563
+ "modal.defaultSize"
1564
+ ],
1565
+ "modalSizeActions": [
1566
+ "modal.defaultSize"
1567
+ ]
1741
1568
  },
1742
- "propToVariantKeys": {},
1743
- "runtimeConfigDefaultProps": {},
1744
- "runtimeConfigGetStyles": {},
1745
1569
  "runtimeConfigInternalComponentProps": {},
1746
1570
  "motionVarPrefixes": []
1747
1571
  },
1748
- "BottomSheetDismiss": {
1749
- "name": "BottomSheetDismiss",
1572
+ "ModalContent": {
1573
+ "name": "ModalContent",
1750
1574
  "defaultProps": {},
1751
- "getStylesLiterals": {},
1752
- "cxLiterals": [],
1753
- "internalComponents": [
1754
- "AriakitDialogDismiss"
1755
- ],
1756
- "internalComponentProps": {},
1757
- "propToVariantKeys": {},
1758
- "runtimeConfigDefaultProps": {},
1759
- "runtimeConfigGetStyles": {},
1760
- "runtimeConfigInternalComponentProps": {},
1761
- "motionVarPrefixes": []
1762
- },
1763
- "BottomSheetHandle": {
1764
- "name": "BottomSheetHandle",
1765
- "defaultProps": {
1766
- "variant": "default"
1575
+ "getStylesLiterals": {
1576
+ "overflowY": "auto",
1577
+ "display": "block",
1578
+ "flexGrow": "1"
1767
1579
  },
1768
- "getStylesLiterals": {},
1769
- "cxLiterals": [
1770
- "relative",
1771
- "h-5",
1772
- "w-16",
1773
- "outline-none",
1774
- "focus-visible:outline-none",
1775
- "[touch-action:pan-y]",
1776
- "absolute",
1777
- "left-1/2",
1778
- "top-1/2",
1779
- "-translate-x-1/2",
1780
- "-translate-y-1/2",
1781
- "h-1",
1782
- "w-8",
1783
- "rounded-full"
1784
- ],
1580
+ "cxLiterals": [],
1785
1581
  "internalComponents": [
1786
1582
  "Box"
1787
1583
  ],
1788
- "internalComponentProps": {
1789
- "Box": {
1790
- "display": [
1791
- "block",
1792
- "flex"
1793
- ],
1794
- "justifyContent": [
1795
- "center"
1796
- ]
1797
- }
1798
- },
1584
+ "internalComponentProps": {},
1799
1585
  "propToVariantKeys": {
1800
- "variant": [
1801
- "bottomsheetVariantHandleIndicator"
1586
+ "size": [
1587
+ "modalSizeSpacingHorizontal"
1802
1588
  ]
1803
1589
  },
1804
- "runtimeConfigDefaultProps": {},
1805
- "runtimeConfigGetStyles": {},
1806
- "runtimeConfigInternalComponentProps": {},
1807
- "motionVarPrefixes": []
1808
- },
1809
- "BottomSheetHeader": {
1810
- "name": "BottomSheetHeader",
1811
- "defaultProps": {
1812
- "variant": "default"
1813
- },
1814
- "getStylesLiterals": {},
1815
- "cxLiterals": [
1816
- "grid-cols-[40px_1fr_40px]",
1817
- "items-center",
1818
- "w-full",
1819
- "min-h-10",
1820
- "mt-2"
1821
- ],
1822
- "internalComponents": [
1823
- "Box",
1824
- "Text",
1825
- "DialogHeading"
1826
- ],
1827
- "internalComponentProps": {
1828
- "Box": {
1829
- "className": [
1830
- "h-10 w-10 opacity-0 pointer-events-none"
1831
- ],
1832
- "display": [
1833
- "grid",
1834
- "flex"
1835
- ],
1836
- "justifyContent": [
1837
- "flex-start",
1838
- "flex-end"
1839
- ]
1840
- },
1841
- "Text": {
1842
- "as": [
1843
- "p"
1844
- ],
1845
- "variant": [
1846
- "inherit"
1847
- ],
1848
- "color": [
1849
- "inherit"
1850
- ],
1851
- "textAlign": [
1852
- "center"
1853
- ],
1854
- "className": [
1855
- "m-0 w-full"
1856
- ]
1857
- },
1858
- "DialogHeading": {
1859
- "role": [
1860
- "heading"
1861
- ]
1862
- }
1590
+ "runtimeConfigDefaultProps": {
1591
+ "size": "modal.defaultSize",
1592
+ "variant": "modal.defaultVariant"
1863
1593
  },
1864
- "propToVariantKeys": {
1865
- "variant": [
1866
- "bottomsheetVariantHeader"
1594
+ "runtimeConfigGetStyles": {
1595
+ "modalSizeSpacingHorizontal": [
1596
+ "modal.defaultSize"
1867
1597
  ]
1868
1598
  },
1869
- "runtimeConfigDefaultProps": {},
1870
- "runtimeConfigGetStyles": {},
1871
1599
  "runtimeConfigInternalComponentProps": {},
1872
1600
  "motionVarPrefixes": []
1873
1601
  },
1874
- "BottomSheetInternalContext": {
1875
- "name": "BottomSheetInternalContext",
1602
+ "ModalContext": {
1603
+ "name": "ModalContext",
1876
1604
  "defaultProps": {},
1877
1605
  "getStylesLiterals": {},
1878
1606
  "cxLiterals": [],
@@ -1884,28 +1612,52 @@
1884
1612
  "runtimeConfigInternalComponentProps": {},
1885
1613
  "motionVarPrefixes": []
1886
1614
  },
1887
- "BottomSheetProvider": {
1888
- "name": "BottomSheetProvider",
1615
+ "ModalDescription": {
1616
+ "name": "ModalDescription",
1889
1617
  "defaultProps": {},
1890
1618
  "getStylesLiterals": {},
1891
1619
  "cxLiterals": [],
1892
1620
  "internalComponents": [
1893
- "AriakitDialogProvider"
1621
+ "Text",
1622
+ "DialogDescription"
1894
1623
  ],
1895
- "internalComponentProps": {},
1896
- "propToVariantKeys": {},
1897
- "runtimeConfigDefaultProps": {},
1898
- "runtimeConfigGetStyles": {},
1624
+ "internalComponentProps": {
1625
+ "Text": {
1626
+ "as": [
1627
+ "span"
1628
+ ]
1629
+ }
1630
+ },
1631
+ "propToVariantKeys": {
1632
+ "size": [
1633
+ "modalSizeDescription"
1634
+ ],
1635
+ "variant": [
1636
+ "modalVariantDescription"
1637
+ ]
1638
+ },
1639
+ "runtimeConfigDefaultProps": {
1640
+ "size": "modal.defaultSize",
1641
+ "variant": "modal.defaultVariant"
1642
+ },
1643
+ "runtimeConfigGetStyles": {
1644
+ "modalSizeDescription": [
1645
+ "modal.defaultSize"
1646
+ ],
1647
+ "modalVariantDescription": [
1648
+ "modal.defaultVariant"
1649
+ ]
1650
+ },
1899
1651
  "runtimeConfigInternalComponentProps": {},
1900
1652
  "motionVarPrefixes": []
1901
1653
  },
1902
- "BottomSheetTrigger": {
1903
- "name": "BottomSheetTrigger",
1654
+ "ModalPortal": {
1655
+ "name": "ModalPortal",
1904
1656
  "defaultProps": {},
1905
1657
  "getStylesLiterals": {},
1906
1658
  "cxLiterals": [],
1907
1659
  "internalComponents": [
1908
- "AriakitDialogDisclosure"
1660
+ "ManagedModal"
1909
1661
  ],
1910
1662
  "internalComponentProps": {},
1911
1663
  "propToVariantKeys": {},
@@ -1914,31 +1666,52 @@
1914
1666
  "runtimeConfigInternalComponentProps": {},
1915
1667
  "motionVarPrefixes": []
1916
1668
  },
1917
- "UDSBottomSheetConfigProvider": {
1918
- "name": "UDSBottomSheetConfigProvider",
1669
+ "ModalTitle": {
1670
+ "name": "ModalTitle",
1919
1671
  "defaultProps": {},
1920
1672
  "getStylesLiterals": {},
1921
1673
  "cxLiterals": [],
1922
1674
  "internalComponents": [
1923
- "BottomSheetContext.Provider"
1675
+ "Text",
1676
+ "DialogHeading"
1924
1677
  ],
1925
- "internalComponentProps": {},
1926
- "propToVariantKeys": {},
1927
- "runtimeConfigDefaultProps": {},
1928
- "runtimeConfigGetStyles": {},
1678
+ "internalComponentProps": {
1679
+ "Text": {
1680
+ "as": [
1681
+ "span"
1682
+ ]
1683
+ }
1684
+ },
1685
+ "propToVariantKeys": {
1686
+ "size": [
1687
+ "modalSizeTitle"
1688
+ ],
1689
+ "variant": [
1690
+ "modalVariantTitle"
1691
+ ]
1692
+ },
1693
+ "runtimeConfigDefaultProps": {
1694
+ "size": "modal.defaultSize",
1695
+ "variant": "modal.defaultVariant"
1696
+ },
1697
+ "runtimeConfigGetStyles": {
1698
+ "modalSizeTitle": [
1699
+ "modal.defaultSize"
1700
+ ],
1701
+ "modalVariantTitle": [
1702
+ "modal.defaultVariant"
1703
+ ]
1704
+ },
1929
1705
  "runtimeConfigInternalComponentProps": {},
1930
1706
  "motionVarPrefixes": []
1931
1707
  },
1932
- "Chip": {
1933
- "name": "Chip",
1708
+ "UDSModalConfigProvider": {
1709
+ "name": "UDSModalConfigProvider",
1934
1710
  "defaultProps": {},
1935
1711
  "getStylesLiterals": {},
1936
1712
  "cxLiterals": [],
1937
1713
  "internalComponents": [
1938
- "ChipDismissible",
1939
- "ChipToggle",
1940
- "ChipLink",
1941
- "ChipButton"
1714
+ "ModalContext.Provider"
1942
1715
  ],
1943
1716
  "internalComponentProps": {},
1944
1717
  "propToVariantKeys": {},
@@ -1947,56 +1720,39 @@
1947
1720
  "runtimeConfigInternalComponentProps": {},
1948
1721
  "motionVarPrefixes": []
1949
1722
  },
1950
- "ChipBase": {
1951
- "name": "ChipBase",
1723
+ "Menu.Content": {
1724
+ "name": "Menu.Content",
1952
1725
  "defaultProps": {
1953
- "size": "md",
1954
- "as": "div"
1726
+ "size": "default",
1727
+ "variant": "default",
1728
+ "gutter": "1"
1955
1729
  },
1956
1730
  "getStylesLiterals": {},
1957
1731
  "cxLiterals": [
1958
- "pointer-events-none",
1959
- "cursor-default",
1960
- "opacity-50",
1961
- "inline-flex",
1962
- "items-center",
1963
- "transition-[background-color,outline-color,box-shadow]",
1964
- "truncate",
1965
- "whitespace-nowrap",
1966
- "text-center",
1967
- "flex-1",
1968
- "md",
1969
- "primary"
1732
+ "uds-menu-content",
1733
+ "transition-shadow",
1734
+ "duration-200",
1735
+ "ease-in-out",
1736
+ "min-w-60",
1737
+ "max-w-lg",
1738
+ "max-h-96",
1739
+ "overflow-auto",
1740
+ "uds-ring",
1741
+ "z-10",
1742
+ "group"
1970
1743
  ],
1971
1744
  "internalComponents": [
1972
- "IconSlot",
1973
- "HStack",
1974
- "As",
1975
- "Text"
1745
+ "AriakitMenu",
1746
+ "AnimatePresence",
1747
+ "MotionVStack"
1976
1748
  ],
1977
- "internalComponentProps": {
1978
- "Text": {
1979
- "as": [
1980
- "span"
1981
- ],
1982
- "color": [
1983
- "current"
1984
- ],
1985
- "variant": [
1986
- "inherit"
1987
- ]
1988
- }
1989
- },
1749
+ "internalComponentProps": {},
1990
1750
  "propToVariantKeys": {
1991
1751
  "size": [
1992
- "chipSizeRoot",
1993
- "chipSizeIcon"
1994
- ],
1995
- "startIcon": [
1996
- "icon"
1752
+ "menucontentSizeRoot"
1997
1753
  ],
1998
- "endIcon": [
1999
- "icon"
1754
+ "variant": [
1755
+ "menucontentVariantRoot"
2000
1756
  ]
2001
1757
  },
2002
1758
  "runtimeConfigDefaultProps": {},
@@ -2004,91 +1760,133 @@
2004
1760
  "runtimeConfigInternalComponentProps": {},
2005
1761
  "motionVarPrefixes": []
2006
1762
  },
2007
- "ChipButton": {
2008
- "name": "ChipButton",
1763
+ "Menu.Divider": {
1764
+ "name": "Menu.Divider",
2009
1765
  "defaultProps": {
2010
- "variant": "primary"
1766
+ "role": "separator",
1767
+ "contentPosition": "start",
1768
+ "gap": "4"
2011
1769
  },
2012
- "getStylesLiterals": {},
2013
- "cxLiterals": [
2014
- "uds-ring"
2015
- ],
1770
+ "getStylesLiterals": {
1771
+ "menuitemDividerVariantRoot": "default",
1772
+ "menuitemDividerVariantText": "default",
1773
+ "menuitemDividerVariantLine": "default"
1774
+ },
1775
+ "cxLiterals": [],
2016
1776
  "internalComponents": [
2017
- "ChipBase"
1777
+ "Divider"
2018
1778
  ],
2019
1779
  "internalComponentProps": {
2020
- "ChipBase": {
2021
- "as": [
2022
- "button"
1780
+ "Divider": {
1781
+ "variant": [
1782
+ "inherit"
2023
1783
  ]
2024
1784
  }
2025
1785
  },
2026
- "propToVariantKeys": {
2027
- "variant": [
2028
- "chipLinkVariantRoot",
2029
- "chipLinkVariantIcon"
2030
- ]
2031
- },
1786
+ "propToVariantKeys": {},
2032
1787
  "runtimeConfigDefaultProps": {},
2033
1788
  "runtimeConfigGetStyles": {},
2034
1789
  "runtimeConfigInternalComponentProps": {},
2035
1790
  "motionVarPrefixes": []
2036
1791
  },
2037
- "ChipDismissible": {
2038
- "name": "ChipDismissible",
2039
- "defaultProps": {
2040
- "variant": "primary"
1792
+ "Menu.Item": {
1793
+ "name": "Menu.Item",
1794
+ "defaultProps": {},
1795
+ "getStylesLiterals": {
1796
+ "menuitemItemVariantRoot": "default",
1797
+ "menuitemItemVariantActiveRoot": "on",
1798
+ "menuitemItemVariantActiveRoot:1": "off",
1799
+ "menuitemItemVariantText": "default",
1800
+ "menuitemItemVariantActiveText": "on",
1801
+ "menuitemItemVariantActiveText:1": "off",
1802
+ "menuitemItemVariantIcon": "default",
1803
+ "menuitemItemVariantActiveIcon": "on",
1804
+ "menuitemItemVariantActiveIcon:1": "off"
2041
1805
  },
2042
- "getStylesLiterals": {},
2043
- "cxLiterals": [
2044
- "uds-chip-dismissible-button",
2045
- "uds-hit-target",
2046
- "uds-ring",
2047
- "rounded-full"
2048
- ],
1806
+ "cxLiterals": [],
2049
1807
  "internalComponents": [
2050
- "ChipBase",
2051
- "IconSlot",
2052
- "Pressable"
1808
+ "MenuItemBase"
2053
1809
  ],
2054
1810
  "internalComponentProps": {},
2055
- "propToVariantKeys": {
2056
- "variant": [
2057
- "chipDismissibleVariantRoot",
2058
- "chipDismissibleVariantIcon"
2059
- ],
2060
- "dismissButtonAriaLabel": [
2061
- "aria-label"
2062
- ]
2063
- },
1811
+ "propToVariantKeys": {},
2064
1812
  "runtimeConfigDefaultProps": {},
2065
1813
  "runtimeConfigGetStyles": {},
2066
1814
  "runtimeConfigInternalComponentProps": {},
2067
1815
  "motionVarPrefixes": []
2068
1816
  },
2069
- "ChipLink": {
2070
- "name": "ChipLink",
1817
+ "Menu.ItemBase": {
1818
+ "name": "Menu.ItemBase",
2071
1819
  "defaultProps": {
2072
- "variant": "primary"
1820
+ "spacing": "0",
1821
+ "spacingHorizontal": "4",
1822
+ "spacingVertical": "3.5",
1823
+ "columnGap": "2",
1824
+ "alignItems": "center",
1825
+ "justifyContent": "space-between"
1826
+ },
1827
+ "getStylesLiterals": {
1828
+ "textAlign": "start",
1829
+ "menuitemSizeRoot": "default",
1830
+ "flexDirection": "row",
1831
+ "menuitemSizeStartIcon": "default",
1832
+ "menuitemSizeEndIcon": "default"
2073
1833
  },
2074
- "getStylesLiterals": {},
2075
1834
  "cxLiterals": [
2076
- "uds-ring"
1835
+ "uds-menu-item",
1836
+ "flex",
1837
+ "focus-visible:text-brand",
1838
+ "focus-visible:bg-brand-secondary",
1839
+ "focus-visible:z-10",
1840
+ "uds-ring",
1841
+ "!-outline-offset-2",
1842
+ "[&:not([aria-checked])]:cursor-default",
1843
+ "opacity-25",
1844
+ "cursor-not-allowed",
1845
+ "duration-20",
1846
+ "transition-[font-variation-settings]",
1847
+ "ease-in-out",
1848
+ "z-0",
1849
+ "truncate",
1850
+ "uds-start-icon",
1851
+ "uds-end-icon"
2077
1852
  ],
2078
1853
  "internalComponents": [
2079
- "ChipBase"
1854
+ "Pressable",
1855
+ "IconSlot",
1856
+ "RootComponent",
1857
+ "HStack",
1858
+ "AnimatePresence"
2080
1859
  ],
2081
1860
  "internalComponentProps": {
2082
- "ChipBase": {
2083
- "as": [
2084
- "a"
1861
+ "HStack": {
1862
+ "alignItems": [
1863
+ "center"
1864
+ ],
1865
+ "width": [
1866
+ "full"
1867
+ ]
1868
+ },
1869
+ "AnimatePresence": {
1870
+ "mode": [
1871
+ "popLayout"
2085
1872
  ]
2086
1873
  }
2087
1874
  },
2088
1875
  "propToVariantKeys": {
2089
- "variant": [
2090
- "chipLinkVariantRoot",
2091
- "chipLinkVariantIcon"
1876
+ "startIconClassName": [
1877
+ "className"
1878
+ ],
1879
+ "endIconClassName": [
1880
+ "className"
1881
+ ],
1882
+ "startIcon": [
1883
+ "icon"
1884
+ ],
1885
+ "endIcon": [
1886
+ "icon"
1887
+ ],
1888
+ "columnGap": [
1889
+ "gap"
2092
1890
  ]
2093
1891
  },
2094
1892
  "runtimeConfigDefaultProps": {},
@@ -2096,56 +1894,121 @@
2096
1894
  "runtimeConfigInternalComponentProps": {},
2097
1895
  "motionVarPrefixes": []
2098
1896
  },
2099
- "ChipToggle": {
2100
- "name": "ChipToggle",
2101
- "defaultProps": {
2102
- "variant": "primary",
2103
- "role": "checkbox"
2104
- },
1897
+ "Menu.ItemCheckbox": {
1898
+ "name": "Menu.ItemCheckbox",
1899
+ "defaultProps": {},
2105
1900
  "getStylesLiterals": {
2106
- "chipToggleVariantActiveRoot": "on",
2107
- "chipToggleVariantActiveRoot:1": "off"
1901
+ "menuitemItemCheckboxVariantRoot": "default",
1902
+ "menuitemItemCheckboxVariantActiveRoot": "on",
1903
+ "menuitemItemCheckboxVariantActiveRoot:1": "off",
1904
+ "menuitemItemCheckboxVariantText": "default",
1905
+ "menuitemItemCheckboxVariantActiveText": "on",
1906
+ "menuitemItemCheckboxVariantActiveText:1": "off",
1907
+ "menuitemItemCheckboxVariantStartIcon": "default",
1908
+ "menuitemItemCheckboxVariantActiveStartIcon": "on",
1909
+ "menuitemItemCheckboxVariantActiveStartIcon:1": "off",
1910
+ "menuitemItemCheckboxVariantEndIcon": "default",
1911
+ "menuitemItemCheckboxVariantActiveEndIcon": "on",
1912
+ "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
2108
1913
  },
2109
1914
  "cxLiterals": [
2110
- "uds-ring"
1915
+ "uds-menu-item-checkbox"
2111
1916
  ],
2112
1917
  "internalComponents": [
2113
- "ChipBase"
1918
+ "MenuItemBase"
2114
1919
  ],
2115
- "internalComponentProps": {
2116
- "ChipBase": {
2117
- "as": [
2118
- "button"
2119
- ]
2120
- }
2121
- },
2122
- "propToVariantKeys": {
2123
- "variant": [
2124
- "chipToggleVariantRoot",
2125
- "chipToggleVariantIcon"
2126
- ]
2127
- },
1920
+ "internalComponentProps": {},
1921
+ "propToVariantKeys": {},
2128
1922
  "runtimeConfigDefaultProps": {},
2129
1923
  "runtimeConfigGetStyles": {},
2130
1924
  "runtimeConfigInternalComponentProps": {},
2131
1925
  "motionVarPrefixes": []
2132
1926
  },
2133
- "Input": {
2134
- "name": "Input",
2135
- "defaultProps": {
2136
- "type": "text",
2137
- "size": "md",
2138
- "width": "full"
2139
- },
2140
- "getStylesLiterals": {
2141
- "inputVariantRoot": "default",
2142
- "inputVariantValueRoot": "empty",
2143
- "inputVariantValueRoot:1": "filled",
2144
- "inputVariantInputWrapper": "default",
2145
- "inputVariantValueInputWrapper": "empty",
2146
- "inputVariantValueInputWrapper:1": "filled",
2147
- "inputVariantInput": "default",
2148
- "inputVariantValueInput": "empty",
1927
+ "Menu.Provider": {
1928
+ "name": "Menu.Provider",
1929
+ "defaultProps": {},
1930
+ "getStylesLiterals": {},
1931
+ "cxLiterals": [],
1932
+ "internalComponents": [
1933
+ "AriakitMenuProvider",
1934
+ "SpringMotionConfig"
1935
+ ],
1936
+ "internalComponentProps": {},
1937
+ "propToVariantKeys": {},
1938
+ "runtimeConfigDefaultProps": {},
1939
+ "runtimeConfigGetStyles": {},
1940
+ "runtimeConfigInternalComponentProps": {},
1941
+ "motionVarPrefixes": [
1942
+ "--uds-motion-subtle-3-",
1943
+ "--uds-motion-smooth-3-"
1944
+ ]
1945
+ },
1946
+ "Menu.Trigger": {
1947
+ "name": "Menu.Trigger",
1948
+ "defaultProps": {},
1949
+ "getStylesLiterals": {},
1950
+ "cxLiterals": [
1951
+ "uds-menu-trigger"
1952
+ ],
1953
+ "internalComponents": [
1954
+ "AriakitMenuTrigger",
1955
+ "Box"
1956
+ ],
1957
+ "internalComponentProps": {
1958
+ "Box": {
1959
+ "className": [
1960
+ "uds-ring h-fit w-fit"
1961
+ ]
1962
+ }
1963
+ },
1964
+ "propToVariantKeys": {},
1965
+ "runtimeConfigDefaultProps": {},
1966
+ "runtimeConfigGetStyles": {},
1967
+ "runtimeConfigInternalComponentProps": {},
1968
+ "motionVarPrefixes": []
1969
+ },
1970
+ "Menu.index": {
1971
+ "name": "Menu.index",
1972
+ "defaultProps": {},
1973
+ "getStylesLiterals": {},
1974
+ "cxLiterals": [],
1975
+ "internalComponents": [],
1976
+ "internalComponentProps": {},
1977
+ "propToVariantKeys": {},
1978
+ "runtimeConfigDefaultProps": {},
1979
+ "runtimeConfigGetStyles": {},
1980
+ "runtimeConfigInternalComponentProps": {},
1981
+ "motionVarPrefixes": []
1982
+ },
1983
+ "Menu": {
1984
+ "name": "Menu",
1985
+ "defaultProps": {},
1986
+ "getStylesLiterals": {},
1987
+ "cxLiterals": [],
1988
+ "internalComponents": [],
1989
+ "internalComponentProps": {},
1990
+ "propToVariantKeys": {},
1991
+ "runtimeConfigDefaultProps": {},
1992
+ "runtimeConfigGetStyles": {},
1993
+ "runtimeConfigInternalComponentProps": {},
1994
+ "motionVarPrefixes": []
1995
+ },
1996
+ "Input": {
1997
+ "name": "Input",
1998
+ "defaultProps": {
1999
+ "type": "text",
2000
+ "size": "md",
2001
+ "width": "full"
2002
+ },
2003
+ "getStylesLiterals": {
2004
+ "inputVariantRoot": "default",
2005
+ "inputVariantValueRoot": "empty",
2006
+ "inputVariantValueRoot:1": "filled",
2007
+ "inputVariantInputWrapper": "default",
2008
+ "inputVariantValueInputWrapper": "empty",
2009
+ "inputVariantValueInputWrapper:1": "filled",
2010
+ "inputVariantInput": "default",
2011
+ "inputVariantValueInput": "empty",
2149
2012
  "inputVariantValueInput:1": "filled",
2150
2013
  "inputVariantInputPlaceholder": "default",
2151
2014
  "inputVariantValueInputPlaceholder": "empty",
@@ -2316,509 +2179,427 @@
2316
2179
  "runtimeConfigInternalComponentProps": {},
2317
2180
  "motionVarPrefixes": []
2318
2181
  },
2319
- "ManagedModal": {
2320
- "name": "ManagedModal",
2182
+ "Chip": {
2183
+ "name": "Chip",
2321
2184
  "defaultProps": {},
2322
2185
  "getStylesLiterals": {},
2323
2186
  "cxLiterals": [],
2324
2187
  "internalComponents": [
2325
- "Modal",
2326
- "ModalTitle",
2327
- "ModalDescription",
2328
- "ModalContent",
2329
- "ModalActions"
2188
+ "ChipDismissible",
2189
+ "ChipToggle",
2190
+ "ChipLink",
2191
+ "ChipButton"
2330
2192
  ],
2331
2193
  "internalComponentProps": {},
2332
2194
  "propToVariantKeys": {},
2333
- "runtimeConfigDefaultProps": {
2334
- "size": "modal.defaultSize",
2335
- "variant": "modal.defaultVariant"
2336
- },
2195
+ "runtimeConfigDefaultProps": {},
2337
2196
  "runtimeConfigGetStyles": {},
2338
2197
  "runtimeConfigInternalComponentProps": {},
2339
2198
  "motionVarPrefixes": []
2340
2199
  },
2341
- "Modal": {
2342
- "name": "Modal",
2200
+ "ChipBase": {
2201
+ "name": "ChipBase",
2343
2202
  "defaultProps": {
2344
- "closeAriaLabel": "Close",
2345
- "maxWidth": "auto",
2346
- "maxHeight": "auto",
2347
- "scrollBehavior": "outside"
2348
- },
2349
- "getStylesLiterals": {
2350
- "flexDirection": "row-reverse",
2351
- "justifyContent": "space-between",
2352
- "alignItems": "flex-end",
2353
- "alignItems:1": "flex-start",
2354
- "borderRadius": "full"
2203
+ "size": "md",
2204
+ "as": "div"
2355
2205
  },
2206
+ "getStylesLiterals": {},
2356
2207
  "cxLiterals": [
2357
- "fixed",
2358
- "inset-0",
2359
- "z-40",
2360
- "overflow-y-auto",
2361
- "overflow-hidden",
2362
- "transition-[opacity,visibility]",
2363
- "visible",
2364
- "opacity-100",
2365
- "invisible",
2366
- "opacity-0",
2367
2208
  "pointer-events-none",
2368
- "uds-bgBlurFallback",
2369
- "w-full",
2370
- "w-fit",
2371
- "h-full",
2372
- "h-fit",
2373
- "m-auto",
2374
- "pointer-events-auto",
2375
- "inside",
2376
- "max-h-full",
2377
- "transition-transform",
2378
- "duration-0",
2379
- "duration-120",
2380
- "transition-[background-color]",
2381
- "bg-carbon-15/0",
2382
- "hover:bg-carbon-15/10",
2383
- "active:bg-carbon-15/15",
2384
- "uds-ring",
2385
- "[translate:50%_-50%]"
2209
+ "cursor-default",
2210
+ "opacity-50",
2211
+ "inline-flex",
2212
+ "items-center",
2213
+ "transition-[background-color,outline-color,box-shadow]",
2214
+ "truncate",
2215
+ "whitespace-nowrap",
2216
+ "text-center",
2217
+ "flex-1",
2218
+ "md",
2219
+ "primary"
2386
2220
  ],
2387
2221
  "internalComponents": [
2388
- "Scrim",
2389
- "VStack",
2390
- "Pressable",
2391
2222
  "IconSlot",
2392
- "Box",
2393
- "Dialog",
2394
- "ModalContext.Provider",
2395
2223
  "HStack",
2396
- "DialogDismiss",
2397
- "ModalTitle",
2398
- "ModalDescription",
2399
- "ModalContent",
2400
- "ModalActions"
2224
+ "As",
2225
+ "Text"
2401
2226
  ],
2402
2227
  "internalComponentProps": {
2403
- "Box": {
2404
- "flexGrow": [
2405
- "1"
2228
+ "Text": {
2229
+ "as": [
2230
+ "span"
2231
+ ],
2232
+ "color": [
2233
+ "current"
2234
+ ],
2235
+ "variant": [
2236
+ "inherit"
2406
2237
  ]
2407
2238
  }
2408
2239
  },
2409
2240
  "propToVariantKeys": {
2410
- "gutter": [
2411
- "spacing"
2412
- ],
2413
2241
  "size": [
2414
- "modalSizeRoot",
2415
- "modalSizeSpacingHorizontal",
2416
- "modalSizeHeader",
2417
- "modalSizeTitleDescriptionWrapper",
2418
- "modalSizeCloseIconContainer",
2419
- "modalSizeCloseIcon"
2420
- ],
2421
- "variant": [
2422
- "modalVariantRoot",
2423
- "modalVariantCloseIcon"
2424
- ],
2425
- "closeAriaLabel": [
2426
- "aria-label"
2242
+ "chipSizeRoot",
2243
+ "chipSizeIcon"
2427
2244
  ],
2428
- "closeIcon": [
2245
+ "startIcon": [
2429
2246
  "icon"
2430
- ]
2431
- },
2432
- "runtimeConfigDefaultProps": {
2433
- "size": "modal.defaultSize",
2434
- "variant": "modal.defaultVariant"
2435
- },
2436
- "runtimeConfigGetStyles": {
2437
- "spacing": [
2438
- "modal.gutter.${size}"
2439
- ],
2440
- "modalSizeRoot": [
2441
- "modal.defaultSize"
2442
- ],
2443
- "modalVariantRoot": [
2444
- "modal.defaultVariant"
2445
- ],
2446
- "modalSizeSpacingHorizontal": [
2447
- "modal.defaultSize"
2448
- ],
2449
- "modalSizeHeader": [
2450
- "modal.defaultSize"
2451
- ],
2452
- "modalSizeTitleDescriptionWrapper": [
2453
- "modal.defaultSize"
2454
- ],
2455
- "modalSizeCloseIconContainer": [
2456
- "modal.defaultSize"
2457
2247
  ],
2458
- "modalSizeCloseIcon": [
2459
- "modal.defaultSize"
2460
- ],
2461
- "modalVariantCloseIcon": [
2462
- "modal.defaultVariant"
2248
+ "endIcon": [
2249
+ "icon"
2463
2250
  ]
2464
2251
  },
2252
+ "runtimeConfigDefaultProps": {},
2253
+ "runtimeConfigGetStyles": {},
2465
2254
  "runtimeConfigInternalComponentProps": {},
2466
2255
  "motionVarPrefixes": []
2467
2256
  },
2468
- "ModalActions": {
2469
- "name": "ModalActions",
2470
- "defaultProps": {},
2471
- "getStylesLiterals": {
2472
- "flexDirection": "row-reverse",
2473
- "justifyContent": "space-between",
2474
- "alignItems": "center"
2257
+ "ChipButton": {
2258
+ "name": "ChipButton",
2259
+ "defaultProps": {
2260
+ "variant": "primary"
2475
2261
  },
2262
+ "getStylesLiterals": {},
2476
2263
  "cxLiterals": [
2477
- "gap-[inherit]"
2264
+ "uds-ring"
2478
2265
  ],
2479
2266
  "internalComponents": [
2480
- "HStack"
2267
+ "ChipBase"
2481
2268
  ],
2482
- "internalComponentProps": {},
2483
- "propToVariantKeys": {
2484
- "size": [
2485
- "modalSizeSpacingHorizontal",
2486
- "modalSizeActions"
2487
- ]
2488
- },
2489
- "runtimeConfigDefaultProps": {
2490
- "size": "modal.defaultSize",
2491
- "variant": "modal.defaultVariant"
2269
+ "internalComponentProps": {
2270
+ "ChipBase": {
2271
+ "as": [
2272
+ "button"
2273
+ ]
2274
+ }
2492
2275
  },
2493
- "runtimeConfigGetStyles": {
2494
- "modalSizeSpacingHorizontal": [
2495
- "modal.defaultSize"
2496
- ],
2497
- "modalSizeActions": [
2498
- "modal.defaultSize"
2276
+ "propToVariantKeys": {
2277
+ "variant": [
2278
+ "chipLinkVariantRoot",
2279
+ "chipLinkVariantIcon"
2499
2280
  ]
2500
2281
  },
2282
+ "runtimeConfigDefaultProps": {},
2283
+ "runtimeConfigGetStyles": {},
2501
2284
  "runtimeConfigInternalComponentProps": {},
2502
2285
  "motionVarPrefixes": []
2503
2286
  },
2504
- "ModalContent": {
2505
- "name": "ModalContent",
2506
- "defaultProps": {},
2507
- "getStylesLiterals": {
2508
- "overflowY": "auto",
2509
- "display": "block",
2510
- "flexGrow": "1"
2287
+ "ChipDismissible": {
2288
+ "name": "ChipDismissible",
2289
+ "defaultProps": {
2290
+ "variant": "primary"
2511
2291
  },
2512
- "cxLiterals": [],
2292
+ "getStylesLiterals": {},
2293
+ "cxLiterals": [
2294
+ "uds-chip-dismissible-button",
2295
+ "uds-hit-target",
2296
+ "uds-ring",
2297
+ "rounded-full"
2298
+ ],
2513
2299
  "internalComponents": [
2514
- "Box"
2300
+ "ChipBase",
2301
+ "IconSlot",
2302
+ "Pressable"
2515
2303
  ],
2516
2304
  "internalComponentProps": {},
2517
2305
  "propToVariantKeys": {
2518
- "size": [
2519
- "modalSizeSpacingHorizontal"
2520
- ]
2521
- },
2522
- "runtimeConfigDefaultProps": {
2523
- "size": "modal.defaultSize",
2524
- "variant": "modal.defaultVariant"
2525
- },
2526
- "runtimeConfigGetStyles": {
2527
- "modalSizeSpacingHorizontal": [
2528
- "modal.defaultSize"
2306
+ "variant": [
2307
+ "chipDismissibleVariantRoot",
2308
+ "chipDismissibleVariantIcon"
2309
+ ],
2310
+ "dismissButtonAriaLabel": [
2311
+ "aria-label"
2529
2312
  ]
2530
2313
  },
2531
- "runtimeConfigInternalComponentProps": {},
2532
- "motionVarPrefixes": []
2533
- },
2534
- "ModalContext": {
2535
- "name": "ModalContext",
2536
- "defaultProps": {},
2537
- "getStylesLiterals": {},
2538
- "cxLiterals": [],
2539
- "internalComponents": [],
2540
- "internalComponentProps": {},
2541
- "propToVariantKeys": {},
2542
2314
  "runtimeConfigDefaultProps": {},
2543
2315
  "runtimeConfigGetStyles": {},
2544
2316
  "runtimeConfigInternalComponentProps": {},
2545
2317
  "motionVarPrefixes": []
2546
2318
  },
2547
- "ModalDescription": {
2548
- "name": "ModalDescription",
2549
- "defaultProps": {},
2319
+ "ChipLink": {
2320
+ "name": "ChipLink",
2321
+ "defaultProps": {
2322
+ "variant": "primary"
2323
+ },
2550
2324
  "getStylesLiterals": {},
2551
- "cxLiterals": [],
2325
+ "cxLiterals": [
2326
+ "uds-ring"
2327
+ ],
2552
2328
  "internalComponents": [
2553
- "Text",
2554
- "DialogDescription"
2329
+ "ChipBase"
2555
2330
  ],
2556
2331
  "internalComponentProps": {
2557
- "Text": {
2332
+ "ChipBase": {
2558
2333
  "as": [
2559
- "span"
2334
+ "a"
2560
2335
  ]
2561
2336
  }
2562
2337
  },
2563
2338
  "propToVariantKeys": {
2564
- "size": [
2565
- "modalSizeDescription"
2566
- ],
2567
2339
  "variant": [
2568
- "modalVariantDescription"
2569
- ]
2570
- },
2571
- "runtimeConfigDefaultProps": {
2572
- "size": "modal.defaultSize",
2573
- "variant": "modal.defaultVariant"
2574
- },
2575
- "runtimeConfigGetStyles": {
2576
- "modalSizeDescription": [
2577
- "modal.defaultSize"
2578
- ],
2579
- "modalVariantDescription": [
2580
- "modal.defaultVariant"
2340
+ "chipLinkVariantRoot",
2341
+ "chipLinkVariantIcon"
2581
2342
  ]
2582
2343
  },
2583
- "runtimeConfigInternalComponentProps": {},
2584
- "motionVarPrefixes": []
2585
- },
2586
- "ModalPortal": {
2587
- "name": "ModalPortal",
2588
- "defaultProps": {},
2589
- "getStylesLiterals": {},
2590
- "cxLiterals": [],
2591
- "internalComponents": [
2592
- "ManagedModal"
2593
- ],
2594
- "internalComponentProps": {},
2595
- "propToVariantKeys": {},
2596
2344
  "runtimeConfigDefaultProps": {},
2597
2345
  "runtimeConfigGetStyles": {},
2598
2346
  "runtimeConfigInternalComponentProps": {},
2599
2347
  "motionVarPrefixes": []
2600
2348
  },
2601
- "ModalTitle": {
2602
- "name": "ModalTitle",
2603
- "defaultProps": {},
2604
- "getStylesLiterals": {},
2605
- "cxLiterals": [],
2349
+ "ChipToggle": {
2350
+ "name": "ChipToggle",
2351
+ "defaultProps": {
2352
+ "variant": "primary",
2353
+ "role": "checkbox"
2354
+ },
2355
+ "getStylesLiterals": {
2356
+ "chipToggleVariantActiveRoot": "on",
2357
+ "chipToggleVariantActiveRoot:1": "off"
2358
+ },
2359
+ "cxLiterals": [
2360
+ "uds-ring"
2361
+ ],
2606
2362
  "internalComponents": [
2607
- "Text",
2608
- "DialogHeading"
2363
+ "ChipBase"
2609
2364
  ],
2610
2365
  "internalComponentProps": {
2611
- "Text": {
2366
+ "ChipBase": {
2612
2367
  "as": [
2613
- "span"
2368
+ "button"
2614
2369
  ]
2615
2370
  }
2616
2371
  },
2617
2372
  "propToVariantKeys": {
2618
- "size": [
2619
- "modalSizeTitle"
2620
- ],
2621
2373
  "variant": [
2622
- "modalVariantTitle"
2623
- ]
2624
- },
2625
- "runtimeConfigDefaultProps": {
2626
- "size": "modal.defaultSize",
2627
- "variant": "modal.defaultVariant"
2628
- },
2629
- "runtimeConfigGetStyles": {
2630
- "modalSizeTitle": [
2631
- "modal.defaultSize"
2632
- ],
2633
- "modalVariantTitle": [
2634
- "modal.defaultVariant"
2374
+ "chipToggleVariantRoot",
2375
+ "chipToggleVariantIcon"
2635
2376
  ]
2636
2377
  },
2378
+ "runtimeConfigDefaultProps": {},
2379
+ "runtimeConfigGetStyles": {},
2637
2380
  "runtimeConfigInternalComponentProps": {},
2638
2381
  "motionVarPrefixes": []
2639
2382
  },
2640
- "UDSModalConfigProvider": {
2641
- "name": "UDSModalConfigProvider",
2642
- "defaultProps": {},
2383
+ "BottomSheet": {
2384
+ "name": "BottomSheet",
2385
+ "defaultProps": {
2386
+ "variant": "default"
2387
+ },
2643
2388
  "getStylesLiterals": {},
2644
- "cxLiterals": [],
2389
+ "cxLiterals": [
2390
+ "fixed",
2391
+ "overflow-hidden",
2392
+ "inset-x-0",
2393
+ "bottom-0",
2394
+ "z-50",
2395
+ "[will-change:transform]",
2396
+ "touch-none",
2397
+ "[transform:translate3d(0,var(--uds-bottomsheet-hidden-translate),0)]",
2398
+ "data-[enter]:[transform:translate3d(0,var(--uds-bottomsheet-visible-translate),0)]",
2399
+ "transition-transform",
2400
+ "duration-500",
2401
+ "ease-[cubic-bezier(0.32,0.72,0,1)]",
2402
+ "motion-reduce:transition-none",
2403
+ "top-[-4px]",
2404
+ "z-[1]",
2405
+ "touch-pan-y"
2406
+ ],
2645
2407
  "internalComponents": [
2646
- "ModalContext.Provider"
2408
+ "Scrim",
2409
+ "BottomSheetHandle",
2410
+ "Dialog",
2411
+ "Box",
2412
+ "BottomSheetInternalContext.Provider"
2647
2413
  ],
2648
- "internalComponentProps": {},
2649
- "propToVariantKeys": {},
2414
+ "internalComponentProps": {
2415
+ "BottomSheetHandle": {
2416
+ "ariaLabel": [
2417
+ "Resize sheet"
2418
+ ]
2419
+ },
2420
+ "Dialog": {
2421
+ "data-testid": [
2422
+ "bottom-sheet"
2423
+ ]
2424
+ },
2425
+ "Box": {
2426
+ "display": [
2427
+ "block",
2428
+ "flex"
2429
+ ],
2430
+ "position": [
2431
+ "absolute"
2432
+ ],
2433
+ "flexDirection": [
2434
+ "column"
2435
+ ],
2436
+ "className": [
2437
+ "absolute inset-0 min-h-0 p-[inherit]"
2438
+ ]
2439
+ }
2440
+ },
2441
+ "propToVariantKeys": {
2442
+ "variant": [
2443
+ "bottomsheetVariantRoot"
2444
+ ]
2445
+ },
2650
2446
  "runtimeConfigDefaultProps": {},
2651
2447
  "runtimeConfigGetStyles": {},
2652
2448
  "runtimeConfigInternalComponentProps": {},
2653
2449
  "motionVarPrefixes": []
2654
2450
  },
2655
- "Menu.Content": {
2656
- "name": "Menu.Content",
2657
- "defaultProps": {
2658
- "size": "default",
2659
- "variant": "default",
2660
- "gutter": "1"
2661
- },
2451
+ "BottomSheetContent": {
2452
+ "name": "BottomSheetContent",
2453
+ "defaultProps": {},
2662
2454
  "getStylesLiterals": {},
2663
2455
  "cxLiterals": [
2664
- "uds-menu-content",
2665
- "transition-shadow",
2666
- "duration-200",
2667
- "ease-in-out",
2668
- "min-w-60",
2669
- "max-w-lg",
2670
- "max-h-96",
2671
- "overflow-auto",
2672
- "uds-ring",
2673
- "z-10",
2674
- "group"
2456
+ "min-h-0",
2457
+ "touch-pan-y"
2675
2458
  ],
2676
2459
  "internalComponents": [
2677
- "AriakitMenu",
2678
- "AnimatePresence",
2679
- "MotionVStack"
2460
+ "Box",
2461
+ "VStack"
2680
2462
  ],
2681
- "internalComponentProps": {},
2682
- "propToVariantKeys": {
2683
- "size": [
2684
- "menucontentSizeRoot"
2685
- ],
2686
- "variant": [
2687
- "menucontentVariantRoot"
2688
- ]
2463
+ "internalComponentProps": {
2464
+ "Box": {
2465
+ "display": [
2466
+ "block"
2467
+ ],
2468
+ "flex": [
2469
+ "1"
2470
+ ]
2471
+ },
2472
+ "VStack": {
2473
+ "className": [
2474
+ "pb-[calc(env(safe-area-inset-bottom))]"
2475
+ ]
2476
+ }
2689
2477
  },
2478
+ "propToVariantKeys": {},
2690
2479
  "runtimeConfigDefaultProps": {},
2691
2480
  "runtimeConfigGetStyles": {},
2692
2481
  "runtimeConfigInternalComponentProps": {},
2693
2482
  "motionVarPrefixes": []
2694
2483
  },
2695
- "Menu.Divider": {
2696
- "name": "Menu.Divider",
2697
- "defaultProps": {
2698
- "role": "separator",
2699
- "contentPosition": "start",
2700
- "gap": "4"
2701
- },
2702
- "getStylesLiterals": {
2703
- "menuitemDividerVariantRoot": "default",
2704
- "menuitemDividerVariantText": "default",
2705
- "menuitemDividerVariantLine": "default"
2706
- },
2484
+ "BottomSheetDismiss": {
2485
+ "name": "BottomSheetDismiss",
2486
+ "defaultProps": {},
2487
+ "getStylesLiterals": {},
2707
2488
  "cxLiterals": [],
2708
2489
  "internalComponents": [
2709
- "Divider"
2490
+ "AriakitDialogDismiss"
2710
2491
  ],
2711
- "internalComponentProps": {
2712
- "Divider": {
2713
- "variant": [
2714
- "inherit"
2715
- ]
2716
- }
2717
- },
2492
+ "internalComponentProps": {},
2718
2493
  "propToVariantKeys": {},
2719
2494
  "runtimeConfigDefaultProps": {},
2720
2495
  "runtimeConfigGetStyles": {},
2721
2496
  "runtimeConfigInternalComponentProps": {},
2722
2497
  "motionVarPrefixes": []
2723
2498
  },
2724
- "Menu.Item": {
2725
- "name": "Menu.Item",
2726
- "defaultProps": {},
2727
- "getStylesLiterals": {
2728
- "menuitemItemVariantRoot": "default",
2729
- "menuitemItemVariantActiveRoot": "on",
2730
- "menuitemItemVariantActiveRoot:1": "off",
2731
- "menuitemItemVariantText": "default",
2732
- "menuitemItemVariantActiveText": "on",
2733
- "menuitemItemVariantActiveText:1": "off",
2734
- "menuitemItemVariantIcon": "default",
2735
- "menuitemItemVariantActiveIcon": "on",
2736
- "menuitemItemVariantActiveIcon:1": "off"
2499
+ "BottomSheetHandle": {
2500
+ "name": "BottomSheetHandle",
2501
+ "defaultProps": {
2502
+ "variant": "default"
2737
2503
  },
2738
- "cxLiterals": [],
2504
+ "getStylesLiterals": {},
2505
+ "cxLiterals": [
2506
+ "relative",
2507
+ "h-5",
2508
+ "w-16",
2509
+ "outline-none",
2510
+ "focus-visible:outline-none",
2511
+ "[touch-action:pan-y]",
2512
+ "absolute",
2513
+ "left-1/2",
2514
+ "top-1/2",
2515
+ "-translate-x-1/2",
2516
+ "-translate-y-1/2",
2517
+ "h-1",
2518
+ "w-8",
2519
+ "rounded-full"
2520
+ ],
2739
2521
  "internalComponents": [
2740
- "MenuItemBase"
2522
+ "Box"
2741
2523
  ],
2742
- "internalComponentProps": {},
2743
- "propToVariantKeys": {},
2524
+ "internalComponentProps": {
2525
+ "Box": {
2526
+ "display": [
2527
+ "block",
2528
+ "flex"
2529
+ ],
2530
+ "justifyContent": [
2531
+ "center"
2532
+ ]
2533
+ }
2534
+ },
2535
+ "propToVariantKeys": {
2536
+ "variant": [
2537
+ "bottomsheetVariantHandleIndicator"
2538
+ ]
2539
+ },
2744
2540
  "runtimeConfigDefaultProps": {},
2745
2541
  "runtimeConfigGetStyles": {},
2746
2542
  "runtimeConfigInternalComponentProps": {},
2747
2543
  "motionVarPrefixes": []
2748
2544
  },
2749
- "Menu.ItemBase": {
2750
- "name": "Menu.ItemBase",
2545
+ "BottomSheetHeader": {
2546
+ "name": "BottomSheetHeader",
2751
2547
  "defaultProps": {
2752
- "spacing": "0",
2753
- "spacingHorizontal": "4",
2754
- "spacingVertical": "3.5",
2755
- "columnGap": "2",
2756
- "alignItems": "center",
2757
- "justifyContent": "space-between"
2758
- },
2759
- "getStylesLiterals": {
2760
- "textAlign": "start",
2761
- "menuitemSizeRoot": "default",
2762
- "flexDirection": "row",
2763
- "menuitemSizeStartIcon": "default",
2764
- "menuitemSizeEndIcon": "default"
2548
+ "variant": "default"
2765
2549
  },
2550
+ "getStylesLiterals": {},
2766
2551
  "cxLiterals": [
2767
- "uds-menu-item",
2768
- "flex",
2769
- "focus-visible:text-brand",
2770
- "focus-visible:bg-brand-secondary",
2771
- "focus-visible:z-10",
2772
- "uds-ring",
2773
- "!-outline-offset-2",
2774
- "[&:not([aria-checked])]:cursor-default",
2775
- "opacity-25",
2776
- "cursor-not-allowed",
2777
- "duration-20",
2778
- "transition-[font-variation-settings]",
2779
- "ease-in-out",
2780
- "z-0",
2781
- "truncate",
2782
- "uds-start-icon",
2783
- "uds-end-icon"
2552
+ "grid-cols-[40px_1fr_40px]",
2553
+ "items-center",
2554
+ "w-full",
2555
+ "min-h-10",
2556
+ "mt-2"
2784
2557
  ],
2785
2558
  "internalComponents": [
2786
- "Pressable",
2787
- "IconSlot",
2788
- "RootComponent",
2789
- "HStack",
2790
- "AnimatePresence"
2559
+ "Box",
2560
+ "Text",
2561
+ "DialogHeading"
2791
2562
  ],
2792
2563
  "internalComponentProps": {
2793
- "HStack": {
2794
- "alignItems": [
2564
+ "Box": {
2565
+ "className": [
2566
+ "h-10 w-10 opacity-0 pointer-events-none"
2567
+ ],
2568
+ "display": [
2569
+ "grid",
2570
+ "flex"
2571
+ ],
2572
+ "justifyContent": [
2573
+ "flex-start",
2574
+ "flex-end"
2575
+ ]
2576
+ },
2577
+ "Text": {
2578
+ "as": [
2579
+ "p"
2580
+ ],
2581
+ "variant": [
2582
+ "inherit"
2583
+ ],
2584
+ "color": [
2585
+ "inherit"
2586
+ ],
2587
+ "textAlign": [
2795
2588
  "center"
2796
2589
  ],
2797
- "width": [
2798
- "full"
2590
+ "className": [
2591
+ "m-0 w-full"
2799
2592
  ]
2800
2593
  },
2801
- "AnimatePresence": {
2802
- "mode": [
2803
- "popLayout"
2594
+ "DialogHeading": {
2595
+ "role": [
2596
+ "heading"
2804
2597
  ]
2805
2598
  }
2806
2599
  },
2807
2600
  "propToVariantKeys": {
2808
- "startIconClassName": [
2809
- "className"
2810
- ],
2811
- "endIconClassName": [
2812
- "className"
2813
- ],
2814
- "startIcon": [
2815
- "icon"
2816
- ],
2817
- "endIcon": [
2818
- "icon"
2819
- ],
2820
- "columnGap": [
2821
- "gap"
2601
+ "variant": [
2602
+ "bottomsheetVariantHeader"
2822
2603
  ]
2823
2604
  },
2824
2605
  "runtimeConfigDefaultProps": {},
@@ -2826,29 +2607,12 @@
2826
2607
  "runtimeConfigInternalComponentProps": {},
2827
2608
  "motionVarPrefixes": []
2828
2609
  },
2829
- "Menu.ItemCheckbox": {
2830
- "name": "Menu.ItemCheckbox",
2610
+ "BottomSheetInternalContext": {
2611
+ "name": "BottomSheetInternalContext",
2831
2612
  "defaultProps": {},
2832
- "getStylesLiterals": {
2833
- "menuitemItemCheckboxVariantRoot": "default",
2834
- "menuitemItemCheckboxVariantActiveRoot": "on",
2835
- "menuitemItemCheckboxVariantActiveRoot:1": "off",
2836
- "menuitemItemCheckboxVariantText": "default",
2837
- "menuitemItemCheckboxVariantActiveText": "on",
2838
- "menuitemItemCheckboxVariantActiveText:1": "off",
2839
- "menuitemItemCheckboxVariantStartIcon": "default",
2840
- "menuitemItemCheckboxVariantActiveStartIcon": "on",
2841
- "menuitemItemCheckboxVariantActiveStartIcon:1": "off",
2842
- "menuitemItemCheckboxVariantEndIcon": "default",
2843
- "menuitemItemCheckboxVariantActiveEndIcon": "on",
2844
- "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
2845
- },
2846
- "cxLiterals": [
2847
- "uds-menu-item-checkbox"
2848
- ],
2849
- "internalComponents": [
2850
- "MenuItemBase"
2851
- ],
2613
+ "getStylesLiterals": {},
2614
+ "cxLiterals": [],
2615
+ "internalComponents": [],
2852
2616
  "internalComponentProps": {},
2853
2617
  "propToVariantKeys": {},
2854
2618
  "runtimeConfigDefaultProps": {},
@@ -2856,55 +2620,44 @@
2856
2620
  "runtimeConfigInternalComponentProps": {},
2857
2621
  "motionVarPrefixes": []
2858
2622
  },
2859
- "Menu.Provider": {
2860
- "name": "Menu.Provider",
2623
+ "BottomSheetProvider": {
2624
+ "name": "BottomSheetProvider",
2861
2625
  "defaultProps": {},
2862
2626
  "getStylesLiterals": {},
2863
2627
  "cxLiterals": [],
2864
2628
  "internalComponents": [
2865
- "AriakitMenuProvider",
2866
- "SpringMotionConfig"
2629
+ "AriakitDialogProvider"
2867
2630
  ],
2868
2631
  "internalComponentProps": {},
2869
2632
  "propToVariantKeys": {},
2870
2633
  "runtimeConfigDefaultProps": {},
2871
2634
  "runtimeConfigGetStyles": {},
2872
2635
  "runtimeConfigInternalComponentProps": {},
2873
- "motionVarPrefixes": [
2874
- "--uds-motion-subtle-3-",
2875
- "--uds-motion-smooth-3-"
2876
- ]
2636
+ "motionVarPrefixes": []
2877
2637
  },
2878
- "Menu.Trigger": {
2879
- "name": "Menu.Trigger",
2638
+ "BottomSheetTrigger": {
2639
+ "name": "BottomSheetTrigger",
2880
2640
  "defaultProps": {},
2881
2641
  "getStylesLiterals": {},
2882
- "cxLiterals": [
2883
- "uds-menu-trigger"
2884
- ],
2642
+ "cxLiterals": [],
2885
2643
  "internalComponents": [
2886
- "AriakitMenuTrigger",
2887
- "Box"
2644
+ "AriakitDialogDisclosure"
2888
2645
  ],
2889
- "internalComponentProps": {
2890
- "Box": {
2891
- "className": [
2892
- "uds-ring h-fit w-fit"
2893
- ]
2894
- }
2895
- },
2646
+ "internalComponentProps": {},
2896
2647
  "propToVariantKeys": {},
2897
2648
  "runtimeConfigDefaultProps": {},
2898
2649
  "runtimeConfigGetStyles": {},
2899
2650
  "runtimeConfigInternalComponentProps": {},
2900
2651
  "motionVarPrefixes": []
2901
2652
  },
2902
- "Menu.index": {
2903
- "name": "Menu.index",
2653
+ "UDSBottomSheetConfigProvider": {
2654
+ "name": "UDSBottomSheetConfigProvider",
2904
2655
  "defaultProps": {},
2905
2656
  "getStylesLiterals": {},
2906
2657
  "cxLiterals": [],
2907
- "internalComponents": [],
2658
+ "internalComponents": [
2659
+ "BottomSheetContext.Provider"
2660
+ ],
2908
2661
  "internalComponentProps": {},
2909
2662
  "propToVariantKeys": {},
2910
2663
  "runtimeConfigDefaultProps": {},
@@ -2912,12 +2665,14 @@
2912
2665
  "runtimeConfigInternalComponentProps": {},
2913
2666
  "motionVarPrefixes": []
2914
2667
  },
2915
- "Menu": {
2916
- "name": "Menu",
2668
+ "Avatar": {
2669
+ "name": "Avatar",
2917
2670
  "defaultProps": {},
2918
2671
  "getStylesLiterals": {},
2919
2672
  "cxLiterals": [],
2920
- "internalComponents": [],
2673
+ "internalComponents": [
2674
+ "AvatarImage"
2675
+ ],
2921
2676
  "internalComponentProps": {},
2922
2677
  "propToVariantKeys": {},
2923
2678
  "runtimeConfigDefaultProps": {},
@@ -2925,57 +2680,31 @@
2925
2680
  "runtimeConfigInternalComponentProps": {},
2926
2681
  "motionVarPrefixes": []
2927
2682
  },
2928
- "PaddleButton": {
2929
- "name": "PaddleButton",
2930
- "defaultProps": {},
2683
+ "AvatarIcon": {
2684
+ "name": "AvatarIcon",
2685
+ "defaultProps": {
2686
+ "size": "md",
2687
+ "variant": "primary"
2688
+ },
2931
2689
  "getStylesLiterals": {},
2932
2690
  "cxLiterals": [
2933
- "relative",
2691
+ "overflow-hidden",
2692
+ "w-full",
2693
+ "h-full",
2694
+ "shrink-0",
2695
+ "text-center",
2934
2696
  "inline-flex",
2935
- "items-center",
2936
2697
  "justify-center",
2937
- "box-border",
2938
- "overflow-hidden",
2939
- "border-solid",
2940
- "select-none",
2941
- "uds-nested-radius",
2942
- "transition-[color,border-color,box-shadow]",
2943
- "duration-[180ms]",
2944
- "ease-[cubic-bezier(0,0,0.2,1)]",
2945
- "uds-ring",
2946
- "cursor-pointer",
2947
- "cursor-not-allowed",
2948
- "opacity-50",
2949
- "pointer-events-none",
2950
- "hidden",
2951
- "absolute",
2952
- "inset-0",
2953
- "-z-10",
2954
- "rounded-[var(--uds-nested-radius)]",
2955
- "transition-[background-color,opacity]"
2698
+ "items-center"
2956
2699
  ],
2957
2700
  "internalComponents": [
2958
- "Icon"
2701
+ "IconSlot",
2702
+ "Box"
2959
2703
  ],
2960
- "internalComponentProps": {
2961
- "Icon": {
2962
- "size": [
2963
- "md"
2964
- ],
2965
- "color": [
2966
- "current"
2967
- ]
2968
- }
2969
- },
2704
+ "internalComponentProps": {},
2970
2705
  "propToVariantKeys": {
2971
2706
  "size": [
2972
- "paddlenavSizeRoot",
2973
- "paddlenavSizeIcon"
2974
- ],
2975
- "variant": [
2976
- "paddlenavVariantRoot",
2977
- "paddlenavVariantBackground",
2978
- "paddlenavVariantIcon"
2707
+ "avatarSizeIcon"
2979
2708
  ]
2980
2709
  },
2981
2710
  "runtimeConfigDefaultProps": {},
@@ -2983,125 +2712,76 @@
2983
2712
  "runtimeConfigInternalComponentProps": {},
2984
2713
  "motionVarPrefixes": []
2985
2714
  },
2986
- "PaddleButtonNext": {
2987
- "name": "PaddleButtonNext",
2988
- "defaultProps": {},
2989
- "getStylesLiterals": {},
2990
- "cxLiterals": [],
2991
- "internalComponents": [
2992
- "PaddleButton"
2993
- ],
2994
- "internalComponentProps": {
2995
- "PaddleButton": {
2996
- "paddleRole": [
2997
- "next"
2998
- ]
2999
- }
2715
+ "AvatarImage": {
2716
+ "name": "AvatarImage",
2717
+ "defaultProps": {
2718
+ "size": "md",
2719
+ "variant": "primary"
3000
2720
  },
3001
- "propToVariantKeys": {},
3002
- "runtimeConfigDefaultProps": {},
3003
- "runtimeConfigGetStyles": {},
3004
- "runtimeConfigInternalComponentProps": {},
3005
- "motionVarPrefixes": []
3006
- },
3007
- "PaddleButtonPrevious": {
3008
- "name": "PaddleButtonPrevious",
3009
- "defaultProps": {},
3010
2721
  "getStylesLiterals": {},
3011
- "cxLiterals": [],
2722
+ "cxLiterals": [
2723
+ "overflow-hidden",
2724
+ "w-full",
2725
+ "h-full",
2726
+ "shrink-0",
2727
+ "text-center",
2728
+ "inline-flex",
2729
+ "justify-center",
2730
+ "items-center",
2731
+ "object-cover"
2732
+ ],
3012
2733
  "internalComponents": [
3013
- "PaddleButton"
2734
+ "UDSImage",
2735
+ "AvatarText",
2736
+ "AvatarIcon",
2737
+ "Box"
3014
2738
  ],
3015
- "internalComponentProps": {
3016
- "PaddleButton": {
3017
- "paddleRole": [
3018
- "previous"
3019
- ]
3020
- }
2739
+ "internalComponentProps": {},
2740
+ "propToVariantKeys": {
2741
+ "alt": [
2742
+ "name"
2743
+ ],
2744
+ "fallback": [
2745
+ "initials"
2746
+ ]
3021
2747
  },
3022
- "propToVariantKeys": {},
3023
2748
  "runtimeConfigDefaultProps": {},
3024
2749
  "runtimeConfigGetStyles": {},
3025
2750
  "runtimeConfigInternalComponentProps": {},
3026
2751
  "motionVarPrefixes": []
3027
2752
  },
3028
- "PaddleNav": {
3029
- "name": "PaddleNav",
2753
+ "AvatarText": {
2754
+ "name": "AvatarText",
3030
2755
  "defaultProps": {
3031
- "orientation": "horizontal",
3032
- "variant": "primary",
3033
- "size": "md"
2756
+ "size": "md",
2757
+ "variant": "primary"
3034
2758
  },
3035
2759
  "getStylesLiterals": {},
3036
2760
  "cxLiterals": [
3037
- "pointer-events-none",
2761
+ "overflow-hidden",
2762
+ "truncate",
2763
+ "w-full",
2764
+ "h-full",
2765
+ "shrink-0",
2766
+ "text-center",
3038
2767
  "inline-flex",
3039
- "flex-row",
3040
- "gap-2",
3041
- "items-center",
3042
- "pointer-events-auto",
3043
- "flex-col",
3044
- "relative",
3045
- "min-w-0",
3046
- "min-h-0",
3047
- "flex-1",
3048
- "inline-block",
3049
- "absolute",
3050
- "z-10",
3051
- "top-2",
3052
- "left-1/2",
3053
- "-translate-x-1/2",
3054
- "left-2",
3055
- "top-1/2",
3056
- "-translate-y-1/2",
3057
- "bottom-2",
3058
- "right-2",
3059
- "-top-12",
3060
- "left-0",
3061
- "right-0",
3062
- "-bottom-12"
2768
+ "justify-center",
2769
+ "items-center"
3063
2770
  ],
3064
2771
  "internalComponents": [
3065
- "PaddleNavContext.Provider",
3066
- "Box"
2772
+ "Box",
2773
+ "Text"
3067
2774
  ],
3068
2775
  "internalComponentProps": {
3069
- "Box": {
3070
- "display": [
3071
- "inline-flex"
3072
- ],
3073
- "alignItems": [
3074
- "center"
3075
- ],
3076
- "justifyContent": [
3077
- "center"
2776
+ "Text": {
2777
+ "color": [
2778
+ "inherit"
3078
2779
  ],
3079
- "data-paddle-nav-outside": [
3080
- "true"
2780
+ "variant": [
2781
+ "inherit"
3081
2782
  ]
3082
2783
  }
3083
2784
  },
3084
- "propToVariantKeys": {
3085
- "orientation": [
3086
- "data-paddle-nav-orientation"
3087
- ]
3088
- },
3089
- "runtimeConfigDefaultProps": {},
3090
- "runtimeConfigGetStyles": {},
3091
- "runtimeConfigInternalComponentProps": {},
3092
- "motionVarPrefixes": []
3093
- },
3094
- "PaddleNavContent": {
3095
- "name": "PaddleNavContent",
3096
- "defaultProps": {},
3097
- "getStylesLiterals": {},
3098
- "cxLiterals": [
3099
- "min-w-0",
3100
- "min-h-0",
3101
- "relative"
3102
- ],
3103
- "internalComponents": [],
3104
- "internalComponentProps": {},
3105
2785
  "propToVariantKeys": {},
3106
2786
  "runtimeConfigDefaultProps": {},
3107
2787
  "runtimeConfigGetStyles": {},
@@ -4431,5 +4111,324 @@
4431
4111
  "runtimeConfigGetStyles": {},
4432
4112
  "runtimeConfigInternalComponentProps": {},
4433
4113
  "motionVarPrefixes": []
4114
+ },
4115
+ "Accordion": {
4116
+ "name": "Accordion",
4117
+ "defaultProps": {
4118
+ "spacingHorizontal": "4",
4119
+ "spacingVertical": "4"
4120
+ },
4121
+ "getStylesLiterals": {},
4122
+ "cxLiterals": [
4123
+ "hover:bg-secondary/80",
4124
+ "w-full"
4125
+ ],
4126
+ "internalComponents": [
4127
+ "Icon",
4128
+ "SpringMotionConfig",
4129
+ "Pressable",
4130
+ "Text",
4131
+ "HStack",
4132
+ "AnimatePresence",
4133
+ "VStack"
4134
+ ],
4135
+ "internalComponentProps": {
4136
+ "Icon": {
4137
+ "variant": [
4138
+ "fill"
4139
+ ],
4140
+ "size": [
4141
+ "sm"
4142
+ ],
4143
+ "color": [
4144
+ "primary"
4145
+ ]
4146
+ },
4147
+ "SpringMotionConfig": {
4148
+ "layoutVariant": [
4149
+ "smooth"
4150
+ ],
4151
+ "layoutSpeed": [
4152
+ "3"
4153
+ ]
4154
+ },
4155
+ "Pressable": {
4156
+ "display": [
4157
+ "flex"
4158
+ ],
4159
+ "flexDirection": [
4160
+ "row"
4161
+ ],
4162
+ "alignItems": [
4163
+ "center"
4164
+ ],
4165
+ "justifyContent": [
4166
+ "space-between"
4167
+ ],
4168
+ "borderRadius": [
4169
+ "md"
4170
+ ]
4171
+ },
4172
+ "Text": {
4173
+ "variant": [
4174
+ "title4"
4175
+ ],
4176
+ "color": [
4177
+ "primary"
4178
+ ]
4179
+ },
4180
+ "HStack": {
4181
+ "display": [
4182
+ "flex"
4183
+ ],
4184
+ "alignItems": [
4185
+ "center"
4186
+ ],
4187
+ "justifyContent": [
4188
+ "space-between"
4189
+ ],
4190
+ "columnGap": [
4191
+ "2.5"
4192
+ ]
4193
+ }
4194
+ },
4195
+ "propToVariantKeys": {},
4196
+ "runtimeConfigDefaultProps": {},
4197
+ "runtimeConfigGetStyles": {},
4198
+ "runtimeConfigInternalComponentProps": {},
4199
+ "motionVarPrefixes": [
4200
+ "--uds-motion-smooth-3-"
4201
+ ]
4202
+ },
4203
+ "AvoidMotionLibraryProvider": {
4204
+ "name": "AvoidMotionLibraryProvider",
4205
+ "defaultProps": {},
4206
+ "getStylesLiterals": {},
4207
+ "cxLiterals": [],
4208
+ "internalComponents": [],
4209
+ "internalComponentProps": {},
4210
+ "propToVariantKeys": {},
4211
+ "runtimeConfigDefaultProps": {},
4212
+ "runtimeConfigGetStyles": {},
4213
+ "runtimeConfigInternalComponentProps": {},
4214
+ "motionVarPrefixes": []
4215
+ },
4216
+ "SegmentedControl": {
4217
+ "name": "SegmentedControl",
4218
+ "defaultProps": {
4219
+ "textVariant": "label2"
4220
+ },
4221
+ "getStylesLiterals": {
4222
+ "display": "flex",
4223
+ "alignItems": "center",
4224
+ "backgroundColor": "primary",
4225
+ "spacingVertical": "1",
4226
+ "spacingHorizontal": "3",
4227
+ "columnGap": "1.5",
4228
+ "borderWidth": "thin",
4229
+ "borderRadius": "full",
4230
+ "borderColor": "muted",
4231
+ "borderColor:1": "transparent",
4232
+ "color": "primary",
4233
+ "color:1": "tertiary",
4234
+ "color:2": "muted"
4235
+ },
4236
+ "cxLiterals": [
4237
+ "uds-ring",
4238
+ "cursor-not-allowed",
4239
+ "opacity-50",
4240
+ "pointer-events-none",
4241
+ "hover:bg-primary"
4242
+ ],
4243
+ "internalComponents": [
4244
+ "Radio",
4245
+ "Icon",
4246
+ "RadioProvider",
4247
+ "HStack",
4248
+ "RadioGroup",
4249
+ "Pressable",
4250
+ "Text"
4251
+ ],
4252
+ "internalComponentProps": {
4253
+ "Icon": {
4254
+ "size": [
4255
+ "sm"
4256
+ ],
4257
+ "color": [
4258
+ "current"
4259
+ ],
4260
+ "aria-hidden": [
4261
+ "true"
4262
+ ]
4263
+ },
4264
+ "HStack": {
4265
+ "spacing": [
4266
+ "1"
4267
+ ],
4268
+ "gap": [
4269
+ "1"
4270
+ ],
4271
+ "backgroundColor": [
4272
+ "secondary"
4273
+ ],
4274
+ "borderRadius": [
4275
+ "full"
4276
+ ],
4277
+ "display": [
4278
+ "inline-flex"
4279
+ ]
4280
+ },
4281
+ "Text": {
4282
+ "color": [
4283
+ "current"
4284
+ ]
4285
+ }
4286
+ },
4287
+ "propToVariantKeys": {
4288
+ "value": [
4289
+ "key"
4290
+ ],
4291
+ "label": [
4292
+ "aria-label"
4293
+ ],
4294
+ "textVariant": [
4295
+ "variant"
4296
+ ]
4297
+ },
4298
+ "runtimeConfigDefaultProps": {},
4299
+ "runtimeConfigGetStyles": {},
4300
+ "runtimeConfigInternalComponentProps": {},
4301
+ "motionVarPrefixes": []
4302
+ },
4303
+ "SwitchV2": {
4304
+ "name": "SwitchV2",
4305
+ "defaultProps": {
4306
+ "labelPosition": "start",
4307
+ "size": "md"
4308
+ },
4309
+ "getStylesLiterals": {
4310
+ "switchVariantRoot": "default",
4311
+ "switchVariantActiveRoot": "on",
4312
+ "switchVariantActiveRoot:1": "off",
4313
+ "switchVariantSwitch": "default",
4314
+ "switchVariantActiveSwitch": "on",
4315
+ "switchVariantActiveSwitch:1": "off",
4316
+ "switchVariantActiveHandle": "on",
4317
+ "switchVariantActiveHandle:1": "off",
4318
+ "switchVariantHandle": "default",
4319
+ "switchVariantHandleIcon": "default",
4320
+ "switchVariantActiveHandleIcon": "on",
4321
+ "switchVariantActiveHandleIcon:1": "off"
4322
+ },
4323
+ "cxLiterals": [
4324
+ "group",
4325
+ "flex",
4326
+ "items-center",
4327
+ "flex-row",
4328
+ "flex-row-reverse",
4329
+ "uds-ring",
4330
+ "uds-ring-within",
4331
+ "relative",
4332
+ "uds-border-radius-full",
4333
+ "transition-[background-color,box-shadow]",
4334
+ "pointer-events-none",
4335
+ "w-full",
4336
+ "h-full",
4337
+ "absolute",
4338
+ "top-0",
4339
+ "bottom-0",
4340
+ "right-0",
4341
+ "left-0",
4342
+ "overflow-hidden",
4343
+ "group-hover:scale-105",
4344
+ "opacity-95",
4345
+ "group-hover:opacity-100",
4346
+ "transition-[transform,opacity]",
4347
+ "opacity-0",
4348
+ "top-1/2",
4349
+ "left-1/2",
4350
+ "transform",
4351
+ "translate-x-[-50%]",
4352
+ "translate-y-[-50%]",
4353
+ "transition-opacity",
4354
+ "cursor-[inherit]",
4355
+ "w-[calc(100%+2px)]",
4356
+ "h-[calc(100%+2px)]",
4357
+ "text-start",
4358
+ "text-end",
4359
+ "opacity-100"
4360
+ ],
4361
+ "internalComponents": [
4362
+ "IconSlot",
4363
+ "Box",
4364
+ "FormLabel",
4365
+ "SpringMotionConfig",
4366
+ "RootElement",
4367
+ "MotionBox"
4368
+ ],
4369
+ "internalComponentProps": {
4370
+ "IconSlot": {
4371
+ "data-testid": [
4372
+ "on-icon",
4373
+ "off-icon"
4374
+ ]
4375
+ },
4376
+ "FormLabel": {
4377
+ "as": [
4378
+ "div"
4379
+ ],
4380
+ "variant": [
4381
+ "inherit"
4382
+ ],
4383
+ "color": [
4384
+ "inherit"
4385
+ ]
4386
+ },
4387
+ "SpringMotionConfig": {
4388
+ "layoutVariant": [
4389
+ "bouncy"
4390
+ ],
4391
+ "layoutSpeed": [
4392
+ "4"
4393
+ ]
4394
+ },
4395
+ "RootElement": {
4396
+ "data-testid": [
4397
+ "switch-root"
4398
+ ]
4399
+ },
4400
+ "MotionBox": {
4401
+ "layout": [
4402
+ "position"
4403
+ ]
4404
+ }
4405
+ },
4406
+ "propToVariantKeys": {
4407
+ "size": [
4408
+ "switchSizeRoot",
4409
+ "switchSizeSwitch",
4410
+ "switchSizeHandle",
4411
+ "switchSizeHandleIcon"
4412
+ ],
4413
+ "onIcon": [
4414
+ "icon"
4415
+ ],
4416
+ "offIcon": [
4417
+ "icon"
4418
+ ],
4419
+ "reduceMotion": [
4420
+ "reducedMotion"
4421
+ ],
4422
+ "isOn": [
4423
+ "layoutDependency"
4424
+ ]
4425
+ },
4426
+ "runtimeConfigDefaultProps": {},
4427
+ "runtimeConfigGetStyles": {},
4428
+ "runtimeConfigInternalComponentProps": {},
4429
+ "motionVarPrefixes": [
4430
+ "--uds-motion-bouncy-4-",
4431
+ "--uds-motion-smooth-3-"
4432
+ ]
4434
4433
  }
4435
4434
  }