@yahoo/uds 3.150.1-beta.1 → 3.150.1-beta.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (14) hide show
  1. package/dist/components/client/Menu/Menu.ItemCheckbox.d.cts +1 -1
  2. package/dist/components/client/Menu/Menu.ItemCheckbox.d.ts +1 -1
  3. package/dist/components/client/Toast/UDSToastConfigProvider.d.cts +1 -1
  4. package/dist/components/client/Toast/UDSToastConfigProvider.d.ts +1 -1
  5. package/dist/css/dist/purger/optimized/purgeFromCode.cjs +1 -1
  6. package/dist/css/dist/purger/optimized/purgeFromCode.js +1 -1
  7. package/dist/styles/styler.d.cts +57 -57
  8. package/dist/styles/styler.d.ts +57 -57
  9. package/dist/tailwind-v3/dist/purger/legacy/purgeCSS.cjs +3 -2
  10. package/dist/tailwind-v3/dist/purger/legacy/purgeCSS.js +3 -2
  11. package/dist/uds/generated/componentData.cjs +863 -856
  12. package/dist/uds/generated/componentData.js +863 -856
  13. package/generated/componentData.json +1300 -1293
  14. package/package.json +1 -1
package/generated/componentData.json CHANGED
@@ -593,6 +593,92 @@
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
+ },
596
682
  "AnimateHeightChange": {
597
683
  "name": "AnimateHeightChange",
598
684
  "defaultProps": {},
@@ -711,7 +797,10 @@
711
797
  "withIcon",
712
798
  "uds-button-with-gap",
713
799
  "animate-spin",
714
- "truncate"
800
+ "truncate",
801
+ "flex",
802
+ "overflow-clip",
803
+ "uds-button-icon-container"
715
804
  ],
716
805
  "internalComponents": [
717
806
  "Icon",
@@ -793,10 +882,12 @@
793
882
  "uds-ring-within",
794
883
  "transition-[background-color,border-color,box-shadow]",
795
884
  "pointer-events-none",
885
+ "opacity-0",
886
+ "opacity-55",
887
+ "opacity-100",
796
888
  "transition-opacity",
797
889
  "cursor-[inherit]",
798
890
  "absolute",
799
- "opacity-0",
800
891
  "top-1/2",
801
892
  "left-1/2",
802
893
  "w-[calc(100%+2px)]",
@@ -1099,31 +1190,83 @@
1099
1190
  "--uds-motion-smooth-3-"
1100
1191
  ]
1101
1192
  },
1102
- "Spinner": {
1103
- "name": "Spinner",
1193
+ "Accordion": {
1194
+ "name": "Accordion",
1104
1195
  "defaultProps": {
1105
- "color": "primary",
1106
- "size": "lg"
1196
+ "spacingHorizontal": "4",
1197
+ "spacingVertical": "4"
1107
1198
  },
1108
1199
  "getStylesLiterals": {},
1109
1200
  "cxLiterals": [
1110
- "self-center",
1111
- "relative",
1112
- "sr-only"
1201
+ "hover:bg-secondary/80",
1202
+ "w-full"
1113
1203
  ],
1114
1204
  "internalComponents": [
1115
- "Icon"
1205
+ "Icon",
1206
+ "SpringMotionConfig",
1207
+ "Pressable",
1208
+ "Text",
1209
+ "HStack",
1210
+ "AnimatePresence",
1211
+ "VStack"
1116
1212
  ],
1117
1213
  "internalComponentProps": {
1118
1214
  "Icon": {
1119
- "role": [
1120
- "img"
1215
+ "variant": [
1216
+ "fill"
1121
1217
  ],
1122
- "className": [
1123
- "animate-spin"
1218
+ "size": [
1219
+ "sm"
1124
1220
  ],
1125
- "aria-hidden": [
1126
- "true"
1221
+ "color": [
1222
+ "primary"
1223
+ ]
1224
+ },
1225
+ "SpringMotionConfig": {
1226
+ "layoutVariant": [
1227
+ "smooth"
1228
+ ],
1229
+ "layoutSpeed": [
1230
+ "3"
1231
+ ]
1232
+ },
1233
+ "Pressable": {
1234
+ "display": [
1235
+ "flex"
1236
+ ],
1237
+ "flexDirection": [
1238
+ "row"
1239
+ ],
1240
+ "alignItems": [
1241
+ "center"
1242
+ ],
1243
+ "justifyContent": [
1244
+ "space-between"
1245
+ ],
1246
+ "borderRadius": [
1247
+ "md"
1248
+ ]
1249
+ },
1250
+ "Text": {
1251
+ "variant": [
1252
+ "title4"
1253
+ ],
1254
+ "color": [
1255
+ "primary"
1256
+ ]
1257
+ },
1258
+ "HStack": {
1259
+ "display": [
1260
+ "flex"
1261
+ ],
1262
+ "alignItems": [
1263
+ "center"
1264
+ ],
1265
+ "justifyContent": [
1266
+ "space-between"
1267
+ ],
1268
+ "columnGap": [
1269
+ "2.5"
1127
1270
  ]
1128
1271
  }
1129
1272
  },
@@ -1131,10 +1274,12 @@
1131
1274
  "runtimeConfigDefaultProps": {},
1132
1275
  "runtimeConfigGetStyles": {},
1133
1276
  "runtimeConfigInternalComponentProps": {},
1134
- "motionVarPrefixes": []
1277
+ "motionVarPrefixes": [
1278
+ "--uds-motion-smooth-3-"
1279
+ ]
1135
1280
  },
1136
- "Table.mocks": {
1137
- "name": "Table.mocks",
1281
+ "AvoidMotionLibraryProvider": {
1282
+ "name": "AvoidMotionLibraryProvider",
1138
1283
  "defaultProps": {},
1139
1284
  "getStylesLiterals": {},
1140
1285
  "cxLiterals": [],
@@ -1146,50 +1291,229 @@
1146
1291
  "runtimeConfigInternalComponentProps": {},
1147
1292
  "motionVarPrefixes": []
1148
1293
  },
1149
- "Table": {
1150
- "name": "Table",
1294
+ "SegmentedControl": {
1295
+ "name": "SegmentedControl",
1151
1296
  "defaultProps": {
1152
- "display": "table-cell",
1153
- "overflow": "hidden",
1154
- "borderColor": "muted",
1155
- "borderRadius": "md",
1156
- "spacing": "3",
1157
- "borderBottomColor": "muted",
1158
- "borderBottomWidth": "thin",
1159
- "color": "primary"
1297
+ "textVariant": "label2"
1160
1298
  },
1161
1299
  "getStylesLiterals": {
1162
- "textAlign": "start"
1300
+ "display": "flex",
1301
+ "alignItems": "center",
1302
+ "backgroundColor": "primary",
1303
+ "spacingVertical": "1",
1304
+ "spacingHorizontal": "3",
1305
+ "columnGap": "1.5",
1306
+ "borderWidth": "thin",
1307
+ "borderRadius": "full",
1308
+ "borderColor": "muted",
1309
+ "borderColor:1": "transparent",
1310
+ "color": "primary",
1311
+ "color:1": "tertiary",
1312
+ "color:2": "muted"
1163
1313
  },
1164
- "cxLiterals": [],
1314
+ "cxLiterals": [
1315
+ "uds-ring",
1316
+ "cursor-not-allowed",
1317
+ "opacity-50",
1318
+ "pointer-events-none",
1319
+ "hover:bg-primary"
1320
+ ],
1165
1321
  "internalComponents": [
1166
- "CellComponent",
1167
- "Box",
1168
- "Text",
1169
- "Table.Root",
1170
- "Table.Header",
1171
- "Table.Row",
1172
- "Table.Cell",
1173
- "Table.Body"
1322
+ "Radio",
1323
+ "Icon",
1324
+ "RadioProvider",
1325
+ "HStack",
1326
+ "RadioGroup",
1327
+ "Pressable",
1328
+ "Text"
1174
1329
  ],
1175
1330
  "internalComponentProps": {
1176
- "Table.Cell": {
1177
- "asHeaderCell": [
1178
- "column"
1331
+ "Icon": {
1332
+ "size": [
1333
+ "sm"
1334
+ ],
1335
+ "color": [
1336
+ "current"
1337
+ ],
1338
+ "aria-hidden": [
1339
+ "true"
1179
1340
  ]
1180
- }
1181
- },
1182
- "propToVariantKeys": {},
1183
- "runtimeConfigDefaultProps": {},
1184
- "runtimeConfigGetStyles": {},
1185
- "runtimeConfigInternalComponentProps": {},
1186
- "motionVarPrefixes": []
1187
- },
1188
- "Avatar": {
1189
- "name": "Avatar",
1190
- "defaultProps": {},
1191
- "getStylesLiterals": {},
1192
- "cxLiterals": [],
1341
+ },
1342
+ "HStack": {
1343
+ "spacing": [
1344
+ "1"
1345
+ ],
1346
+ "gap": [
1347
+ "1"
1348
+ ],
1349
+ "backgroundColor": [
1350
+ "secondary"
1351
+ ],
1352
+ "borderRadius": [
1353
+ "full"
1354
+ ],
1355
+ "display": [
1356
+ "inline-flex"
1357
+ ]
1358
+ },
1359
+ "Text": {
1360
+ "color": [
1361
+ "current"
1362
+ ]
1363
+ }
1364
+ },
1365
+ "propToVariantKeys": {
1366
+ "value": [
1367
+ "key"
1368
+ ],
1369
+ "label": [
1370
+ "aria-label"
1371
+ ],
1372
+ "textVariant": [
1373
+ "variant"
1374
+ ]
1375
+ },
1376
+ "runtimeConfigDefaultProps": {},
1377
+ "runtimeConfigGetStyles": {},
1378
+ "runtimeConfigInternalComponentProps": {},
1379
+ "motionVarPrefixes": []
1380
+ },
1381
+ "SwitchV2": {
1382
+ "name": "SwitchV2",
1383
+ "defaultProps": {
1384
+ "labelPosition": "start",
1385
+ "size": "md"
1386
+ },
1387
+ "getStylesLiterals": {
1388
+ "switchVariantRoot": "default",
1389
+ "switchVariantActiveRoot": "on",
1390
+ "switchVariantActiveRoot:1": "off",
1391
+ "switchVariantSwitch": "default",
1392
+ "switchVariantActiveSwitch": "on",
1393
+ "switchVariantActiveSwitch:1": "off",
1394
+ "switchVariantActiveHandle": "on",
1395
+ "switchVariantActiveHandle:1": "off",
1396
+ "switchVariantHandle": "default",
1397
+ "switchVariantHandleIcon": "default",
1398
+ "switchVariantActiveHandleIcon": "on",
1399
+ "switchVariantActiveHandleIcon:1": "off"
1400
+ },
1401
+ "cxLiterals": [
1402
+ "group",
1403
+ "flex",
1404
+ "items-center",
1405
+ "flex-row",
1406
+ "flex-row-reverse",
1407
+ "uds-ring",
1408
+ "uds-ring-within",
1409
+ "relative",
1410
+ "uds-border-radius-full",
1411
+ "transition-[background-color,box-shadow]",
1412
+ "pointer-events-none",
1413
+ "w-full",
1414
+ "h-full",
1415
+ "absolute",
1416
+ "top-0",
1417
+ "bottom-0",
1418
+ "right-0",
1419
+ "left-0",
1420
+ "overflow-hidden",
1421
+ "group-hover:scale-105",
1422
+ "opacity-95",
1423
+ "group-hover:opacity-100",
1424
+ "transition-[transform,opacity]",
1425
+ "opacity-0",
1426
+ "top-1/2",
1427
+ "left-1/2",
1428
+ "transform",
1429
+ "translate-x-[-50%]",
1430
+ "translate-y-[-50%]",
1431
+ "transition-opacity",
1432
+ "cursor-[inherit]",
1433
+ "w-[calc(100%+2px)]",
1434
+ "h-[calc(100%+2px)]",
1435
+ "text-start",
1436
+ "text-end",
1437
+ "opacity-100"
1438
+ ],
1439
+ "internalComponents": [
1440
+ "IconSlot",
1441
+ "Box",
1442
+ "FormLabel",
1443
+ "SpringMotionConfig",
1444
+ "RootElement",
1445
+ "MotionBox"
1446
+ ],
1447
+ "internalComponentProps": {
1448
+ "IconSlot": {
1449
+ "data-testid": [
1450
+ "on-icon",
1451
+ "off-icon"
1452
+ ]
1453
+ },
1454
+ "FormLabel": {
1455
+ "as": [
1456
+ "div"
1457
+ ],
1458
+ "variant": [
1459
+ "inherit"
1460
+ ],
1461
+ "color": [
1462
+ "inherit"
1463
+ ]
1464
+ },
1465
+ "SpringMotionConfig": {
1466
+ "layoutVariant": [
1467
+ "bouncy"
1468
+ ],
1469
+ "layoutSpeed": [
1470
+ "4"
1471
+ ]
1472
+ },
1473
+ "RootElement": {
1474
+ "data-testid": [
1475
+ "switch-root"
1476
+ ]
1477
+ },
1478
+ "MotionBox": {
1479
+ "layout": [
1480
+ "position"
1481
+ ]
1482
+ }
1483
+ },
1484
+ "propToVariantKeys": {
1485
+ "size": [
1486
+ "switchSizeRoot",
1487
+ "switchSizeSwitch",
1488
+ "switchSizeHandle",
1489
+ "switchSizeHandleIcon"
1490
+ ],
1491
+ "onIcon": [
1492
+ "icon"
1493
+ ],
1494
+ "offIcon": [
1495
+ "icon"
1496
+ ],
1497
+ "reduceMotion": [
1498
+ "reducedMotion"
1499
+ ],
1500
+ "isOn": [
1501
+ "layoutDependency"
1502
+ ]
1503
+ },
1504
+ "runtimeConfigDefaultProps": {},
1505
+ "runtimeConfigGetStyles": {},
1506
+ "runtimeConfigInternalComponentProps": {},
1507
+ "motionVarPrefixes": [
1508
+ "--uds-motion-bouncy-4-",
1509
+ "--uds-motion-smooth-3-"
1510
+ ]
1511
+ },
1512
+ "Avatar": {
1513
+ "name": "Avatar",
1514
+ "defaultProps": {},
1515
+ "getStylesLiterals": {},
1516
+ "cxLiterals": [],
1193
1517
  "internalComponents": [
1194
1518
  "AvatarImage"
1195
1519
  ],
@@ -1308,315 +1632,30 @@
1308
1632
  "runtimeConfigInternalComponentProps": {},
1309
1633
  "motionVarPrefixes": []
1310
1634
  },
1311
- "BottomSheet": {
1312
- "name": "BottomSheet",
1313
- "defaultProps": {
1314
- "variant": "default"
1315
- },
1635
+ "Chip": {
1636
+ "name": "Chip",
1637
+ "defaultProps": {},
1316
1638
  "getStylesLiterals": {},
1317
- "cxLiterals": [
1318
- "fixed",
1319
- "overflow-hidden",
1320
- "inset-x-0",
1321
- "bottom-0",
1322
- "z-50",
1323
- "[will-change:transform]",
1324
- "touch-none",
1325
- "[transform:translate3d(0,var(--uds-bottomsheet-hidden-translate),0)]",
1326
- "data-[enter]:[transform:translate3d(0,var(--uds-bottomsheet-visible-translate),0)]",
1327
- "transition-transform",
1328
- "duration-500",
1329
- "ease-[cubic-bezier(0.32,0.72,0,1)]",
1330
- "motion-reduce:transition-none",
1331
- "top-[-4px]",
1332
- "z-[1]",
1333
- "touch-pan-y"
1334
- ],
1639
+ "cxLiterals": [],
1335
1640
  "internalComponents": [
1336
- "Scrim",
1337
- "BottomSheetHandle",
1338
- "Dialog",
1339
- "Box",
1340
- "BottomSheetInternalContext.Provider"
1641
+ "ChipDismissible",
1642
+ "ChipToggle",
1643
+ "ChipLink",
1644
+ "ChipButton"
1341
1645
  ],
1342
- "internalComponentProps": {
1343
- "BottomSheetHandle": {
1344
- "ariaLabel": [
1345
- "Resize sheet"
1346
- ]
1347
- },
1348
- "Dialog": {
1349
- "data-testid": [
1350
- "bottom-sheet"
1351
- ]
1352
- },
1353
- "Box": {
1354
- "display": [
1355
- "block",
1356
- "flex"
1357
- ],
1358
- "position": [
1359
- "absolute"
1360
- ],
1361
- "flexDirection": [
1362
- "column"
1363
- ],
1364
- "className": [
1365
- "absolute inset-0 min-h-0 p-[inherit]"
1366
- ]
1367
- }
1368
- },
1369
- "propToVariantKeys": {
1370
- "variant": [
1371
- "bottomsheetVariantRoot"
1372
- ]
1373
- },
1646
+ "internalComponentProps": {},
1647
+ "propToVariantKeys": {},
1374
1648
  "runtimeConfigDefaultProps": {},
1375
1649
  "runtimeConfigGetStyles": {},
1376
1650
  "runtimeConfigInternalComponentProps": {},
1377
1651
  "motionVarPrefixes": []
1378
1652
  },
1379
- "BottomSheetContent": {
1380
- "name": "BottomSheetContent",
1381
- "defaultProps": {},
1382
- "getStylesLiterals": {},
1383
- "cxLiterals": [
1384
- "min-h-0",
1385
- "touch-pan-y"
1386
- ],
1387
- "internalComponents": [
1388
- "Box",
1389
- "VStack"
1390
- ],
1391
- "internalComponentProps": {
1392
- "Box": {
1393
- "display": [
1394
- "block"
1395
- ],
1396
- "flex": [
1397
- "1"
1398
- ]
1399
- },
1400
- "VStack": {
1401
- "className": [
1402
- "pb-[calc(env(safe-area-inset-bottom))]"
1403
- ]
1404
- }
1405
- },
1406
- "propToVariantKeys": {},
1407
- "runtimeConfigDefaultProps": {},
1408
- "runtimeConfigGetStyles": {},
1409
- "runtimeConfigInternalComponentProps": {},
1410
- "motionVarPrefixes": []
1411
- },
1412
- "BottomSheetDismiss": {
1413
- "name": "BottomSheetDismiss",
1414
- "defaultProps": {},
1415
- "getStylesLiterals": {},
1416
- "cxLiterals": [],
1417
- "internalComponents": [
1418
- "AriakitDialogDismiss"
1419
- ],
1420
- "internalComponentProps": {},
1421
- "propToVariantKeys": {},
1422
- "runtimeConfigDefaultProps": {},
1423
- "runtimeConfigGetStyles": {},
1424
- "runtimeConfigInternalComponentProps": {},
1425
- "motionVarPrefixes": []
1426
- },
1427
- "BottomSheetHandle": {
1428
- "name": "BottomSheetHandle",
1429
- "defaultProps": {
1430
- "variant": "default"
1431
- },
1432
- "getStylesLiterals": {},
1433
- "cxLiterals": [
1434
- "relative",
1435
- "h-5",
1436
- "w-16",
1437
- "outline-none",
1438
- "focus-visible:outline-none",
1439
- "[touch-action:pan-y]",
1440
- "absolute",
1441
- "left-1/2",
1442
- "top-1/2",
1443
- "-translate-x-1/2",
1444
- "-translate-y-1/2",
1445
- "h-1",
1446
- "w-8",
1447
- "rounded-full"
1448
- ],
1449
- "internalComponents": [
1450
- "Box"
1451
- ],
1452
- "internalComponentProps": {
1453
- "Box": {
1454
- "display": [
1455
- "block",
1456
- "flex"
1457
- ],
1458
- "justifyContent": [
1459
- "center"
1460
- ]
1461
- }
1462
- },
1463
- "propToVariantKeys": {
1464
- "variant": [
1465
- "bottomsheetVariantHandleIndicator"
1466
- ]
1467
- },
1468
- "runtimeConfigDefaultProps": {},
1469
- "runtimeConfigGetStyles": {},
1470
- "runtimeConfigInternalComponentProps": {},
1471
- "motionVarPrefixes": []
1472
- },
1473
- "BottomSheetHeader": {
1474
- "name": "BottomSheetHeader",
1475
- "defaultProps": {
1476
- "variant": "default"
1477
- },
1478
- "getStylesLiterals": {},
1479
- "cxLiterals": [
1480
- "grid-cols-[40px_1fr_40px]",
1481
- "items-center",
1482
- "w-full",
1483
- "min-h-10",
1484
- "mt-2"
1485
- ],
1486
- "internalComponents": [
1487
- "Box",
1488
- "Text",
1489
- "DialogHeading"
1490
- ],
1491
- "internalComponentProps": {
1492
- "Box": {
1493
- "className": [
1494
- "h-10 w-10 opacity-0 pointer-events-none"
1495
- ],
1496
- "display": [
1497
- "grid",
1498
- "flex"
1499
- ],
1500
- "justifyContent": [
1501
- "flex-start",
1502
- "flex-end"
1503
- ]
1504
- },
1505
- "Text": {
1506
- "as": [
1507
- "p"
1508
- ],
1509
- "variant": [
1510
- "inherit"
1511
- ],
1512
- "color": [
1513
- "inherit"
1514
- ],
1515
- "textAlign": [
1516
- "center"
1517
- ],
1518
- "className": [
1519
- "m-0 w-full"
1520
- ]
1521
- },
1522
- "DialogHeading": {
1523
- "role": [
1524
- "heading"
1525
- ]
1526
- }
1527
- },
1528
- "propToVariantKeys": {
1529
- "variant": [
1530
- "bottomsheetVariantHeader"
1531
- ]
1532
- },
1533
- "runtimeConfigDefaultProps": {},
1534
- "runtimeConfigGetStyles": {},
1535
- "runtimeConfigInternalComponentProps": {},
1536
- "motionVarPrefixes": []
1537
- },
1538
- "BottomSheetInternalContext": {
1539
- "name": "BottomSheetInternalContext",
1540
- "defaultProps": {},
1541
- "getStylesLiterals": {},
1542
- "cxLiterals": [],
1543
- "internalComponents": [],
1544
- "internalComponentProps": {},
1545
- "propToVariantKeys": {},
1546
- "runtimeConfigDefaultProps": {},
1547
- "runtimeConfigGetStyles": {},
1548
- "runtimeConfigInternalComponentProps": {},
1549
- "motionVarPrefixes": []
1550
- },
1551
- "BottomSheetProvider": {
1552
- "name": "BottomSheetProvider",
1553
- "defaultProps": {},
1554
- "getStylesLiterals": {},
1555
- "cxLiterals": [],
1556
- "internalComponents": [
1557
- "AriakitDialogProvider"
1558
- ],
1559
- "internalComponentProps": {},
1560
- "propToVariantKeys": {},
1561
- "runtimeConfigDefaultProps": {},
1562
- "runtimeConfigGetStyles": {},
1563
- "runtimeConfigInternalComponentProps": {},
1564
- "motionVarPrefixes": []
1565
- },
1566
- "BottomSheetTrigger": {
1567
- "name": "BottomSheetTrigger",
1568
- "defaultProps": {},
1569
- "getStylesLiterals": {},
1570
- "cxLiterals": [],
1571
- "internalComponents": [
1572
- "AriakitDialogDisclosure"
1573
- ],
1574
- "internalComponentProps": {},
1575
- "propToVariantKeys": {},
1576
- "runtimeConfigDefaultProps": {},
1577
- "runtimeConfigGetStyles": {},
1578
- "runtimeConfigInternalComponentProps": {},
1579
- "motionVarPrefixes": []
1580
- },
1581
- "UDSBottomSheetConfigProvider": {
1582
- "name": "UDSBottomSheetConfigProvider",
1583
- "defaultProps": {},
1584
- "getStylesLiterals": {},
1585
- "cxLiterals": [],
1586
- "internalComponents": [
1587
- "BottomSheetContext.Provider"
1588
- ],
1589
- "internalComponentProps": {},
1590
- "propToVariantKeys": {},
1591
- "runtimeConfigDefaultProps": {},
1592
- "runtimeConfigGetStyles": {},
1593
- "runtimeConfigInternalComponentProps": {},
1594
- "motionVarPrefixes": []
1595
- },
1596
- "Chip": {
1597
- "name": "Chip",
1598
- "defaultProps": {},
1599
- "getStylesLiterals": {},
1600
- "cxLiterals": [],
1601
- "internalComponents": [
1602
- "ChipDismissible",
1603
- "ChipToggle",
1604
- "ChipLink",
1605
- "ChipButton"
1606
- ],
1607
- "internalComponentProps": {},
1608
- "propToVariantKeys": {},
1609
- "runtimeConfigDefaultProps": {},
1610
- "runtimeConfigGetStyles": {},
1611
- "runtimeConfigInternalComponentProps": {},
1612
- "motionVarPrefixes": []
1613
- },
1614
- "ChipBase": {
1615
- "name": "ChipBase",
1616
- "defaultProps": {
1617
- "size": "md",
1618
- "as": "div"
1619
- },
1653
+ "ChipBase": {
1654
+ "name": "ChipBase",
1655
+ "defaultProps": {
1656
+ "size": "md",
1657
+ "as": "div"
1658
+ },
1620
1659
  "getStylesLiterals": {},
1621
1660
  "cxLiterals": [
1622
1661
  "pointer-events-none",
@@ -2552,57 +2591,67 @@
2552
2591
  "runtimeConfigInternalComponentProps": {},
2553
2592
  "motionVarPrefixes": []
2554
2593
  },
2555
- "PaddleButton": {
2556
- "name": "PaddleButton",
2557
- "defaultProps": {},
2594
+ "BottomSheet": {
2595
+ "name": "BottomSheet",
2596
+ "defaultProps": {
2597
+ "variant": "default"
2598
+ },
2558
2599
  "getStylesLiterals": {},
2559
2600
  "cxLiterals": [
2560
- "relative",
2561
- "inline-flex",
2562
- "items-center",
2563
- "justify-center",
2564
- "box-border",
2601
+ "fixed",
2565
2602
  "overflow-hidden",
2566
- "border-solid",
2567
- "select-none",
2568
- "uds-nested-radius",
2569
- "transition-[color,border-color,box-shadow]",
2570
- "duration-[180ms]",
2571
- "ease-[cubic-bezier(0,0,0.2,1)]",
2572
- "uds-ring",
2573
- "cursor-pointer",
2574
- "cursor-not-allowed",
2575
- "opacity-50",
2576
- "pointer-events-none",
2577
- "hidden",
2578
- "absolute",
2579
- "inset-0",
2580
- "-z-10",
2581
- "rounded-[var(--uds-nested-radius)]",
2582
- "transition-[background-color,opacity]"
2603
+ "inset-x-0",
2604
+ "bottom-0",
2605
+ "z-50",
2606
+ "[will-change:transform]",
2607
+ "touch-none",
2608
+ "[transform:translate3d(0,var(--uds-bottomsheet-hidden-translate),0)]",
2609
+ "data-[enter]:[transform:translate3d(0,var(--uds-bottomsheet-visible-translate),0)]",
2610
+ "transition-transform",
2611
+ "duration-500",
2612
+ "ease-[cubic-bezier(0.32,0.72,0,1)]",
2613
+ "motion-reduce:transition-none",
2614
+ "top-[-4px]",
2615
+ "z-[1]",
2616
+ "touch-pan-y"
2583
2617
  ],
2584
2618
  "internalComponents": [
2585
- "Icon"
2619
+ "Scrim",
2620
+ "BottomSheetHandle",
2621
+ "Dialog",
2622
+ "Box",
2623
+ "BottomSheetInternalContext.Provider"
2586
2624
  ],
2587
2625
  "internalComponentProps": {
2588
- "Icon": {
2589
- "size": [
2590
- "md"
2626
+ "BottomSheetHandle": {
2627
+ "ariaLabel": [
2628
+ "Resize sheet"
2629
+ ]
2630
+ },
2631
+ "Dialog": {
2632
+ "data-testid": [
2633
+ "bottom-sheet"
2634
+ ]
2635
+ },
2636
+ "Box": {
2637
+ "display": [
2638
+ "block",
2639
+ "flex"
2591
2640
  ],
2592
- "color": [
2593
- "current"
2641
+ "position": [
2642
+ "absolute"
2643
+ ],
2644
+ "flexDirection": [
2645
+ "column"
2646
+ ],
2647
+ "className": [
2648
+ "absolute inset-0 min-h-0 p-[inherit]"
2594
2649
  ]
2595
2650
  }
2596
2651
  },
2597
2652
  "propToVariantKeys": {
2598
- "size": [
2599
- "paddlenavSizeRoot",
2600
- "paddlenavSizeIcon"
2601
- ],
2602
2653
  "variant": [
2603
- "paddlenavVariantRoot",
2604
- "paddlenavVariantBackground",
2605
- "paddlenavVariantIcon"
2654
+ "bottomsheetVariantRoot"
2606
2655
  ]
2607
2656
  },
2608
2657
  "runtimeConfigDefaultProps": {},
@@ -2610,18 +2659,30 @@
2610
2659
  "runtimeConfigInternalComponentProps": {},
2611
2660
  "motionVarPrefixes": []
2612
2661
  },
2613
- "PaddleButtonNext": {
2614
- "name": "PaddleButtonNext",
2662
+ "BottomSheetContent": {
2663
+ "name": "BottomSheetContent",
2615
2664
  "defaultProps": {},
2616
2665
  "getStylesLiterals": {},
2617
- "cxLiterals": [],
2666
+ "cxLiterals": [
2667
+ "min-h-0",
2668
+ "touch-pan-y"
2669
+ ],
2618
2670
  "internalComponents": [
2619
- "PaddleButton"
2671
+ "Box",
2672
+ "VStack"
2620
2673
  ],
2621
2674
  "internalComponentProps": {
2622
- "PaddleButton": {
2623
- "paddleRole": [
2624
- "next"
2675
+ "Box": {
2676
+ "display": [
2677
+ "block"
2678
+ ],
2679
+ "flex": [
2680
+ "1"
2681
+ ]
2682
+ },
2683
+ "VStack": {
2684
+ "className": [
2685
+ "pb-[calc(env(safe-area-inset-bottom))]"
2625
2686
  ]
2626
2687
  }
2627
2688
  },
@@ -2631,86 +2692,125 @@
2631
2692
  "runtimeConfigInternalComponentProps": {},
2632
2693
  "motionVarPrefixes": []
2633
2694
  },
2634
- "PaddleButtonPrevious": {
2635
- "name": "PaddleButtonPrevious",
2695
+ "BottomSheetDismiss": {
2696
+ "name": "BottomSheetDismiss",
2636
2697
  "defaultProps": {},
2637
2698
  "getStylesLiterals": {},
2638
2699
  "cxLiterals": [],
2639
2700
  "internalComponents": [
2640
- "PaddleButton"
2701
+ "AriakitDialogDismiss"
2641
2702
  ],
2642
- "internalComponentProps": {
2643
- "PaddleButton": {
2644
- "paddleRole": [
2645
- "previous"
2646
- ]
2647
- }
2648
- },
2703
+ "internalComponentProps": {},
2649
2704
  "propToVariantKeys": {},
2650
2705
  "runtimeConfigDefaultProps": {},
2651
2706
  "runtimeConfigGetStyles": {},
2652
2707
  "runtimeConfigInternalComponentProps": {},
2653
2708
  "motionVarPrefixes": []
2654
2709
  },
2655
- "PaddleNav": {
2656
- "name": "PaddleNav",
2710
+ "BottomSheetHandle": {
2711
+ "name": "BottomSheetHandle",
2657
2712
  "defaultProps": {
2658
- "orientation": "horizontal",
2659
- "variant": "primary",
2660
- "size": "md"
2713
+ "variant": "default"
2661
2714
  },
2662
2715
  "getStylesLiterals": {},
2663
2716
  "cxLiterals": [
2664
- "pointer-events-none",
2665
- "inline-flex",
2666
- "flex-row",
2667
- "gap-2",
2668
- "items-center",
2669
- "pointer-events-auto",
2670
- "flex-col",
2671
2717
  "relative",
2672
- "min-w-0",
2673
- "min-h-0",
2674
- "flex-1",
2675
- "inline-block",
2718
+ "h-5",
2719
+ "w-16",
2720
+ "outline-none",
2721
+ "focus-visible:outline-none",
2722
+ "[touch-action:pan-y]",
2676
2723
  "absolute",
2677
- "z-10",
2678
- "top-2",
2679
2724
  "left-1/2",
2680
- "-translate-x-1/2",
2681
- "left-2",
2682
2725
  "top-1/2",
2726
+ "-translate-x-1/2",
2683
2727
  "-translate-y-1/2",
2684
- "bottom-2",
2685
- "right-2",
2686
- "-top-12",
2687
- "left-0",
2688
- "right-0",
2689
- "-bottom-12"
2728
+ "h-1",
2729
+ "w-8",
2730
+ "rounded-full"
2690
2731
  ],
2691
2732
  "internalComponents": [
2692
- "PaddleNavContext.Provider",
2693
2733
  "Box"
2694
2734
  ],
2695
2735
  "internalComponentProps": {
2696
2736
  "Box": {
2697
2737
  "display": [
2698
- "inline-flex"
2738
+ "block",
2739
+ "flex"
2699
2740
  ],
2700
- "alignItems": [
2741
+ "justifyContent": [
2701
2742
  "center"
2743
+ ]
2744
+ }
2745
+ },
2746
+ "propToVariantKeys": {
2747
+ "variant": [
2748
+ "bottomsheetVariantHandleIndicator"
2749
+ ]
2750
+ },
2751
+ "runtimeConfigDefaultProps": {},
2752
+ "runtimeConfigGetStyles": {},
2753
+ "runtimeConfigInternalComponentProps": {},
2754
+ "motionVarPrefixes": []
2755
+ },
2756
+ "BottomSheetHeader": {
2757
+ "name": "BottomSheetHeader",
2758
+ "defaultProps": {
2759
+ "variant": "default"
2760
+ },
2761
+ "getStylesLiterals": {},
2762
+ "cxLiterals": [
2763
+ "grid-cols-[40px_1fr_40px]",
2764
+ "items-center",
2765
+ "w-full",
2766
+ "min-h-10",
2767
+ "mt-2"
2768
+ ],
2769
+ "internalComponents": [
2770
+ "Box",
2771
+ "Text",
2772
+ "DialogHeading"
2773
+ ],
2774
+ "internalComponentProps": {
2775
+ "Box": {
2776
+ "className": [
2777
+ "h-10 w-10 opacity-0 pointer-events-none"
2778
+ ],
2779
+ "display": [
2780
+ "grid",
2781
+ "flex"
2702
2782
  ],
2703
2783
  "justifyContent": [
2784
+ "flex-start",
2785
+ "flex-end"
2786
+ ]
2787
+ },
2788
+ "Text": {
2789
+ "as": [
2790
+ "p"
2791
+ ],
2792
+ "variant": [
2793
+ "inherit"
2794
+ ],
2795
+ "color": [
2796
+ "inherit"
2797
+ ],
2798
+ "textAlign": [
2704
2799
  "center"
2705
2800
  ],
2706
- "data-paddle-nav-outside": [
2707
- "true"
2801
+ "className": [
2802
+ "m-0 w-full"
2803
+ ]
2804
+ },
2805
+ "DialogHeading": {
2806
+ "role": [
2807
+ "heading"
2708
2808
  ]
2709
2809
  }
2710
2810
  },
2711
2811
  "propToVariantKeys": {
2712
- "orientation": [
2713
- "data-paddle-nav-orientation"
2812
+ "variant": [
2813
+ "bottomsheetVariantHeader"
2714
2814
  ]
2715
2815
  },
2716
2816
  "runtimeConfigDefaultProps": {},
@@ -2718,15 +2818,11 @@
2718
2818
  "runtimeConfigInternalComponentProps": {},
2719
2819
  "motionVarPrefixes": []
2720
2820
  },
2721
- "PaddleNavContent": {
2722
- "name": "PaddleNavContent",
2821
+ "BottomSheetInternalContext": {
2822
+ "name": "BottomSheetInternalContext",
2723
2823
  "defaultProps": {},
2724
2824
  "getStylesLiterals": {},
2725
- "cxLiterals": [
2726
- "min-w-0",
2727
- "min-h-0",
2728
- "relative"
2729
- ],
2825
+ "cxLiterals": [],
2730
2826
  "internalComponents": [],
2731
2827
  "internalComponentProps": {},
2732
2828
  "propToVariantKeys": {},
@@ -2735,161 +2831,43 @@
2735
2831
  "runtimeConfigInternalComponentProps": {},
2736
2832
  "motionVarPrefixes": []
2737
2833
  },
2738
- "Popover": {
2739
- "name": "Popover",
2834
+ "BottomSheetProvider": {
2835
+ "name": "BottomSheetProvider",
2740
2836
  "defaultProps": {},
2741
2837
  "getStylesLiterals": {},
2742
- "cxLiterals": [
2743
- "uds:popover-open"
2744
- ],
2838
+ "cxLiterals": [],
2745
2839
  "internalComponents": [
2746
- "PopoverInternalContext.Provider",
2747
- "PopoverProvider"
2840
+ "AriakitDialogProvider"
2748
2841
  ],
2749
2842
  "internalComponentProps": {},
2750
2843
  "propToVariantKeys": {},
2751
- "runtimeConfigDefaultProps": {
2752
- "size": "popover.defaultSize",
2753
- "variant": "popover.defaultVariant"
2754
- },
2844
+ "runtimeConfigDefaultProps": {},
2755
2845
  "runtimeConfigGetStyles": {},
2756
2846
  "runtimeConfigInternalComponentProps": {},
2757
2847
  "motionVarPrefixes": []
2758
2848
  },
2759
- "PopoverContent": {
2760
- "name": "PopoverContent",
2761
- "defaultProps": {},
2762
- "getStylesLiterals": {
2763
- "popoverSizeRoot": "default",
2764
- "popoverVariantRoot": "default",
2765
- "display": "flex",
2766
- "position": "relative",
2767
- "display:1": "block",
2768
- "spacingTop": "0",
2769
- "spacingStart": "0",
2770
- "spacingBottom": "0",
2771
- "spacingEnd": "0",
2772
- "popoverSizeSvgBase": "default",
2773
- "popoverVariantSvgBase": "default",
2774
- "popoverSizeSvgBorder": "default",
2775
- "popoverVariantSvgBorder": "default",
2776
- "popoverVariantBlur": "default",
2777
- "position:1": "absolute",
2778
- "width": "full",
2779
- "height": "full",
2780
- "flexShrink": "0",
2781
- "borderRadius": "full",
2782
- "alignItems": "center",
2783
- "justifyContent": "center",
2784
- "popoverVariantCloseIcon": "default",
2785
- "popoverSizeCloseIcon": "default"
2786
- },
2787
- "cxLiterals": [
2788
- "z-[9999]",
2789
- "outline-none",
2790
- "focus-visible:outline-none",
2791
- "uds-bgBlurFillFallback",
2792
- "uds-bgBlurFallback",
2793
- "top-0",
2794
- "left-0",
2795
- "z-[1]",
2796
- "duration-0",
2797
- "duration-120",
2798
- "transition-[background-color]",
2799
- "bg-carbon-15/0",
2800
- "hover:bg-carbon-15/10",
2801
- "active:bg-carbon-15/15",
2802
- "uds-ring",
2803
- "absolute",
2804
- "z-[4]"
2805
- ],
2806
- "internalComponents": [
2807
- "PopoverDismiss",
2808
- "IconSlot",
2809
- "PopoverArrow",
2810
- "Popover",
2811
- "SvgFloatingOverlay",
2812
- "Box",
2813
- "Pressable"
2814
- ],
2815
- "internalComponentProps": {},
2816
- "propToVariantKeys": {
2817
- "closeIcon": [
2818
- "icon"
2819
- ]
2820
- },
2821
- "runtimeConfigDefaultProps": {
2822
- "size": "popover.defaultSize",
2823
- "variant": "popover.defaultVariant"
2824
- },
2825
- "runtimeConfigGetStyles": {
2826
- "spacingTop": [
2827
- "popover.spacingVertical.${size}"
2828
- ],
2829
- "spacingStart": [
2830
- "popover.spacingHorizontal.${size}"
2831
- ],
2832
- "spacingBottom": [
2833
- "popover.spacingVertical.${size}"
2834
- ],
2835
- "spacingEnd": [
2836
- "popover.spacingHorizontal.${size}"
2837
- ]
2838
- },
2839
- "runtimeConfigInternalComponentProps": {
2840
- "SvgFloatingOverlay": {
2841
- "borderRadius": [
2842
- "popover.borderRadius.${size}"
2843
- ]
2844
- }
2845
- },
2846
- "motionVarPrefixes": []
2847
- },
2848
- "PopoverContext": {
2849
- "name": "PopoverContext",
2850
- "defaultProps": {},
2851
- "getStylesLiterals": {},
2852
- "cxLiterals": [],
2853
- "internalComponents": [],
2854
- "internalComponentProps": {},
2855
- "propToVariantKeys": {},
2856
- "runtimeConfigDefaultProps": {},
2857
- "runtimeConfigGetStyles": {},
2858
- "runtimeConfigInternalComponentProps": {},
2859
- "motionVarPrefixes": []
2860
- },
2861
- "PopoverTrigger": {
2862
- "name": "PopoverTrigger",
2849
+ "BottomSheetTrigger": {
2850
+ "name": "BottomSheetTrigger",
2863
2851
  "defaultProps": {},
2864
2852
  "getStylesLiterals": {},
2865
2853
  "cxLiterals": [],
2866
2854
  "internalComponents": [
2867
- "PopoverDisclosure"
2855
+ "AriakitDialogDisclosure"
2868
2856
  ],
2869
- "internalComponentProps": {
2870
- "PopoverDisclosure": {
2871
- "className": [
2872
- "inline"
2873
- ]
2874
- }
2875
- },
2876
- "propToVariantKeys": {
2877
- "children": [
2878
- "render"
2879
- ]
2880
- },
2857
+ "internalComponentProps": {},
2858
+ "propToVariantKeys": {},
2881
2859
  "runtimeConfigDefaultProps": {},
2882
2860
  "runtimeConfigGetStyles": {},
2883
2861
  "runtimeConfigInternalComponentProps": {},
2884
2862
  "motionVarPrefixes": []
2885
2863
  },
2886
- "UDSPopoverConfigProvider": {
2887
- "name": "UDSPopoverConfigProvider",
2864
+ "UDSBottomSheetConfigProvider": {
2865
+ "name": "UDSBottomSheetConfigProvider",
2888
2866
  "defaultProps": {},
2889
2867
  "getStylesLiterals": {},
2890
2868
  "cxLiterals": [],
2891
2869
  "internalComponents": [
2892
- "PopoverContext.Provider"
2870
+ "BottomSheetContext.Provider"
2893
2871
  ],
2894
2872
  "internalComponentProps": {},
2895
2873
  "propToVariantKeys": {},
@@ -2898,135 +2876,76 @@
2898
2876
  "runtimeConfigInternalComponentProps": {},
2899
2877
  "motionVarPrefixes": []
2900
2878
  },
2901
- "Radio": {
2902
- "name": "Radio",
2903
- "defaultProps": {
2904
- "labelPosition": "start",
2905
- "variant": "primary",
2906
- "size": "md",
2907
- "value": ""
2908
- },
2909
- "getStylesLiterals": {
2910
- "radioVariantValueRoot": "checked",
2911
- "radioVariantValueRoot:1": "unchecked",
2912
- "display": "flex",
2913
- "flexDirection": "row",
2914
- "flexDirection:1": "row-reverse",
2915
- "alignItems": "center",
2916
- "radioVariantValueRadio": "checked",
2917
- "radioVariantValueRadio:1": "unchecked",
2918
- "radioVariantValueRadioCircle": "checked",
2919
- "radioVariantValueRadioCircle:1": "unchecked"
2920
- },
2879
+ "PaddleButton": {
2880
+ "name": "PaddleButton",
2881
+ "defaultProps": {},
2882
+ "getStylesLiterals": {},
2921
2883
  "cxLiterals": [
2884
+ "relative",
2885
+ "inline-flex",
2886
+ "items-center",
2887
+ "justify-center",
2888
+ "box-border",
2889
+ "overflow-hidden",
2890
+ "border-solid",
2891
+ "select-none",
2892
+ "uds-nested-radius",
2893
+ "transition-[color,border-color,box-shadow]",
2894
+ "duration-[180ms]",
2895
+ "ease-[cubic-bezier(0,0,0.2,1)]",
2896
+ "uds-ring",
2922
2897
  "cursor-pointer",
2923
- "cursor-default",
2898
+ "cursor-not-allowed",
2924
2899
  "opacity-50",
2925
- "border",
2926
- "uds-ring",
2927
- "uds-ring-within",
2928
- "transition-[background-color,border-color]",
2929
- "transition-shadow",
2930
2900
  "pointer-events-none",
2931
- "w-[8px]",
2932
- "h-[8px]",
2933
- "transition-opacity",
2934
- "cursor-[inherit]",
2901
+ "hidden",
2935
2902
  "absolute",
2936
- "opacity-0",
2937
- "top-1/2",
2938
- "left-1/2",
2939
- "w-[calc(100%+2px)]",
2940
- "h-[calc(100%+2px)]",
2941
- "transform",
2942
- "translate-x-[-50%]",
2943
- "translate-y-[-50%]",
2944
- "text-start",
2945
- "text-end"
2903
+ "inset-0",
2904
+ "-z-10",
2905
+ "rounded-[var(--uds-nested-radius)]",
2906
+ "transition-[background-color,opacity]"
2946
2907
  ],
2947
2908
  "internalComponents": [
2948
- "Box",
2949
- "FormLabel",
2950
- "SpringMotionConfig",
2951
- "RootElement",
2952
- "MotionBox"
2909
+ "Icon"
2953
2910
  ],
2954
2911
  "internalComponentProps": {
2955
- "Box": {
2956
- "borderRadius": [
2957
- "full"
2958
- ]
2959
- },
2960
- "FormLabel": {
2961
- "as": [
2962
- "div"
2963
- ],
2964
- "variant": [
2965
- "inherit"
2912
+ "Icon": {
2913
+ "size": [
2914
+ "md"
2966
2915
  ],
2967
2916
  "color": [
2968
- "inherit"
2969
- ]
2970
- },
2971
- "RootElement": {
2972
- "data-testid": [
2973
- "container"
2974
- ]
2975
- },
2976
- "MotionBox": {
2977
- "position": [
2978
- "relative"
2979
- ],
2980
- "borderRadius": [
2981
- "full"
2982
- ],
2983
- "alignItems": [
2984
- "center"
2985
- ],
2986
- "justifyContent": [
2987
- "center"
2988
- ],
2989
- "flex": [
2990
- "none"
2917
+ "current"
2991
2918
  ]
2992
2919
  }
2993
2920
  },
2994
2921
  "propToVariantKeys": {
2995
2922
  "size": [
2996
- "radioSizeRoot",
2997
- "radioSizeRadio"
2923
+ "paddlenavSizeRoot",
2924
+ "paddlenavSizeIcon"
2998
2925
  ],
2999
2926
  "variant": [
3000
- "radioVariantRoot",
3001
- "radioVariantRadio",
3002
- "radioVariantRadioCircle"
3003
- ],
3004
- "reduceMotion": [
3005
- "reducedMotion"
2927
+ "paddlenavVariantRoot",
2928
+ "paddlenavVariantBackground",
2929
+ "paddlenavVariantIcon"
3006
2930
  ]
3007
2931
  },
3008
2932
  "runtimeConfigDefaultProps": {},
3009
2933
  "runtimeConfigGetStyles": {},
3010
2934
  "runtimeConfigInternalComponentProps": {},
3011
- "motionVarPrefixes": [
3012
- "--uds-motion-subtle-3-",
3013
- "--uds-motion-smooth-3-"
3014
- ]
2935
+ "motionVarPrefixes": []
3015
2936
  },
3016
- "RadioGroupProvider": {
3017
- "name": "RadioGroupProvider",
2937
+ "PaddleButtonNext": {
2938
+ "name": "PaddleButtonNext",
3018
2939
  "defaultProps": {},
3019
2940
  "getStylesLiterals": {},
3020
2941
  "cxLiterals": [],
3021
2942
  "internalComponents": [
3022
- "DivProps",
3023
- "Comp",
3024
- "RadioGroupContext.Provider"
2943
+ "PaddleButton"
3025
2944
  ],
3026
2945
  "internalComponentProps": {
3027
- "Comp": {
3028
- "role": [
3029
- "radiogroup"
2946
+ "PaddleButton": {
2947
+ "paddleRole": [
2948
+ "next"
3030
2949
  ]
3031
2950
  }
3032
2951
  },
@@ -3036,11 +2955,102 @@
3036
2955
  "runtimeConfigInternalComponentProps": {},
3037
2956
  "motionVarPrefixes": []
3038
2957
  },
3039
- "RadioGroupStore": {
3040
- "name": "RadioGroupStore",
2958
+ "PaddleButtonPrevious": {
2959
+ "name": "PaddleButtonPrevious",
3041
2960
  "defaultProps": {},
3042
2961
  "getStylesLiterals": {},
3043
2962
  "cxLiterals": [],
2963
+ "internalComponents": [
2964
+ "PaddleButton"
2965
+ ],
2966
+ "internalComponentProps": {
2967
+ "PaddleButton": {
2968
+ "paddleRole": [
2969
+ "previous"
2970
+ ]
2971
+ }
2972
+ },
2973
+ "propToVariantKeys": {},
2974
+ "runtimeConfigDefaultProps": {},
2975
+ "runtimeConfigGetStyles": {},
2976
+ "runtimeConfigInternalComponentProps": {},
2977
+ "motionVarPrefixes": []
2978
+ },
2979
+ "PaddleNav": {
2980
+ "name": "PaddleNav",
2981
+ "defaultProps": {
2982
+ "orientation": "horizontal",
2983
+ "variant": "primary",
2984
+ "size": "md"
2985
+ },
2986
+ "getStylesLiterals": {},
2987
+ "cxLiterals": [
2988
+ "pointer-events-none",
2989
+ "inline-flex",
2990
+ "flex-row",
2991
+ "gap-2",
2992
+ "items-center",
2993
+ "pointer-events-auto",
2994
+ "flex-col",
2995
+ "relative",
2996
+ "min-w-0",
2997
+ "min-h-0",
2998
+ "flex-1",
2999
+ "inline-block",
3000
+ "absolute",
3001
+ "z-10",
3002
+ "top-2",
3003
+ "left-1/2",
3004
+ "-translate-x-1/2",
3005
+ "left-2",
3006
+ "top-1/2",
3007
+ "-translate-y-1/2",
3008
+ "bottom-2",
3009
+ "right-2",
3010
+ "-top-12",
3011
+ "left-0",
3012
+ "right-0",
3013
+ "-bottom-12"
3014
+ ],
3015
+ "internalComponents": [
3016
+ "PaddleNavContext.Provider",
3017
+ "Box"
3018
+ ],
3019
+ "internalComponentProps": {
3020
+ "Box": {
3021
+ "display": [
3022
+ "inline-flex"
3023
+ ],
3024
+ "alignItems": [
3025
+ "center"
3026
+ ],
3027
+ "justifyContent": [
3028
+ "center"
3029
+ ],
3030
+ "data-paddle-nav-outside": [
3031
+ "true"
3032
+ ]
3033
+ }
3034
+ },
3035
+ "propToVariantKeys": {
3036
+ "orientation": [
3037
+ "data-paddle-nav-orientation"
3038
+ ]
3039
+ },
3040
+ "runtimeConfigDefaultProps": {},
3041
+ "runtimeConfigGetStyles": {},
3042
+ "runtimeConfigInternalComponentProps": {},
3043
+ "motionVarPrefixes": []
3044
+ },
3045
+ "PaddleNavContent": {
3046
+ "name": "PaddleNavContent",
3047
+ "defaultProps": {},
3048
+ "getStylesLiterals": {},
3049
+ "cxLiterals": [
3050
+ "min-w-0",
3051
+ "min-h-0",
3052
+ "relative"
3053
+ ],
3044
3054
  "internalComponents": [],
3045
3055
  "internalComponentProps": {},
3046
3056
  "propToVariantKeys": {},
@@ -3084,412 +3094,410 @@
3084
3094
  "runtimeConfigInternalComponentProps": {},
3085
3095
  "motionVarPrefixes": []
3086
3096
  },
3087
- "Accordion": {
3088
- "name": "Accordion",
3089
- "defaultProps": {
3090
- "spacingHorizontal": "4",
3091
- "spacingVertical": "4"
3092
- },
3097
+ "Tooltip": {
3098
+ "name": "Tooltip",
3099
+ "defaultProps": {},
3093
3100
  "getStylesLiterals": {},
3101
+ "cxLiterals": [],
3102
+ "internalComponents": [
3103
+ "TooltipInternalContext.Provider",
3104
+ "TooltipProvider"
3105
+ ],
3106
+ "internalComponentProps": {},
3107
+ "propToVariantKeys": {},
3108
+ "runtimeConfigDefaultProps": {},
3109
+ "runtimeConfigGetStyles": {},
3110
+ "runtimeConfigInternalComponentProps": {
3111
+ "TooltipProvider": {
3112
+ "animated": [
3113
+ "tooltip.animationDuration"
3114
+ ]
3115
+ }
3116
+ },
3117
+ "motionVarPrefixes": []
3118
+ },
3119
+ "TooltipContent": {
3120
+ "name": "TooltipContent",
3121
+ "defaultProps": {},
3122
+ "getStylesLiterals": {
3123
+ "tooltipSizeRoot": "default",
3124
+ "tooltipVariantRoot": "default",
3125
+ "tooltipSizeSvg": "default",
3126
+ "tooltipVariantSvg": "default",
3127
+ "tooltipVariantBlur": "default",
3128
+ "position": "absolute",
3129
+ "width": "full",
3130
+ "height": "full",
3131
+ "tooltipSizeTitle": "default",
3132
+ "tooltipSizeBody": "default",
3133
+ "tooltipSizeEndContent": "default",
3134
+ "tooltipSizeIcon": "default",
3135
+ "tooltipVariantIcon": "default"
3136
+ },
3094
3137
  "cxLiterals": [
3095
- "hover:bg-secondary/80",
3096
- "w-full"
3138
+ "max-w-lg",
3139
+ "flex",
3140
+ "z-[9999]",
3141
+ "uds-bgBlurFillFallback",
3142
+ "uds-bgBlurFallback",
3143
+ "top-0",
3144
+ "left-0",
3145
+ "z-[1]"
3097
3146
  ],
3098
3147
  "internalComponents": [
3099
- "Icon",
3100
- "SpringMotionConfig",
3101
- "Pressable",
3102
- "Text",
3103
- "HStack",
3104
- "AnimatePresence",
3105
- "VStack"
3148
+ "IconSlot",
3149
+ "TooltipArrow",
3150
+ "Tooltip",
3151
+ "SvgFloatingOverlay",
3152
+ "VStack",
3153
+ "Box",
3154
+ "Text"
3106
3155
  ],
3107
3156
  "internalComponentProps": {
3108
- "Icon": {
3109
- "variant": [
3110
- "fill"
3111
- ],
3112
- "size": [
3113
- "sm"
3114
- ],
3115
- "color": [
3116
- "primary"
3157
+ "SvgFloatingOverlay": {
3158
+ "contentOverflow": [
3159
+ "visible"
3117
3160
  ]
3118
3161
  },
3119
- "SpringMotionConfig": {
3120
- "layoutVariant": [
3121
- "smooth"
3122
- ],
3123
- "layoutSpeed": [
3124
- "3"
3162
+ "VStack": {
3163
+ "className": [
3164
+ "gap-[inherit]"
3125
3165
  ]
3126
3166
  },
3127
- "Pressable": {
3128
- "display": [
3129
- "flex"
3130
- ],
3131
- "flexDirection": [
3132
- "row"
3133
- ],
3167
+ "Box": {
3134
3168
  "alignItems": [
3135
3169
  "center"
3136
3170
  ],
3137
- "justifyContent": [
3138
- "space-between"
3139
- ],
3140
- "borderRadius": [
3141
- "md"
3171
+ "columnGap": [
3172
+ "1",
3173
+ "1.5"
3142
3174
  ]
3143
3175
  },
3144
3176
  "Text": {
3145
- "variant": [
3146
- "title4"
3147
- ],
3148
3177
  "color": [
3149
- "primary"
3150
- ]
3151
- },
3152
- "HStack": {
3153
- "display": [
3154
- "flex"
3155
- ],
3156
- "alignItems": [
3157
- "center"
3158
- ],
3159
- "justifyContent": [
3160
- "space-between"
3161
- ],
3162
- "columnGap": [
3163
- "2.5"
3178
+ "inherit"
3164
3179
  ]
3165
3180
  }
3166
3181
  },
3167
- "propToVariantKeys": {},
3182
+ "propToVariantKeys": {
3183
+ "startTitleIcon": [
3184
+ "icon"
3185
+ ]
3186
+ },
3168
3187
  "runtimeConfigDefaultProps": {},
3169
3188
  "runtimeConfigGetStyles": {},
3170
3189
  "runtimeConfigInternalComponentProps": {},
3171
- "motionVarPrefixes": [
3172
- "--uds-motion-smooth-3-"
3173
- ]
3190
+ "motionVarPrefixes": []
3174
3191
  },
3175
- "AvoidMotionLibraryProvider": {
3176
- "name": "AvoidMotionLibraryProvider",
3192
+ "TooltipTrigger": {
3193
+ "name": "TooltipTrigger",
3177
3194
  "defaultProps": {},
3178
3195
  "getStylesLiterals": {},
3179
3196
  "cxLiterals": [],
3180
- "internalComponents": [],
3181
- "internalComponentProps": {},
3182
- "propToVariantKeys": {},
3197
+ "internalComponents": [
3198
+ "TooltipAnchor"
3199
+ ],
3200
+ "internalComponentProps": {
3201
+ "TooltipAnchor": {
3202
+ "className": [
3203
+ "inline"
3204
+ ]
3205
+ }
3206
+ },
3207
+ "propToVariantKeys": {
3208
+ "children": [
3209
+ "render"
3210
+ ]
3211
+ },
3183
3212
  "runtimeConfigDefaultProps": {},
3184
3213
  "runtimeConfigGetStyles": {},
3185
3214
  "runtimeConfigInternalComponentProps": {},
3186
3215
  "motionVarPrefixes": []
3187
3216
  },
3188
- "SegmentedControl": {
3189
- "name": "SegmentedControl",
3190
- "defaultProps": {
3191
- "textVariant": "label2"
3192
- },
3217
+ "UDSTooltipConfigProvider": {
3218
+ "name": "UDSTooltipConfigProvider",
3219
+ "defaultProps": {},
3220
+ "getStylesLiterals": {},
3221
+ "cxLiterals": [],
3222
+ "internalComponents": [
3223
+ "TooltipContext.Provider"
3224
+ ],
3225
+ "internalComponentProps": {},
3226
+ "propToVariantKeys": {},
3227
+ "runtimeConfigDefaultProps": {},
3228
+ "runtimeConfigGetStyles": {},
3229
+ "runtimeConfigInternalComponentProps": {},
3230
+ "motionVarPrefixes": []
3231
+ },
3232
+ "Toast": {
3233
+ "name": "Toast",
3234
+ "defaultProps": {},
3193
3235
  "getStylesLiterals": {
3194
- "display": "flex",
3195
- "alignItems": "center",
3196
- "backgroundColor": "primary",
3197
- "spacingVertical": "1",
3198
- "spacingHorizontal": "3",
3199
- "columnGap": "1.5",
3200
- "borderWidth": "thin",
3201
- "borderRadius": "full",
3202
- "borderColor": "muted",
3203
- "borderColor:1": "transparent",
3204
- "color": "primary",
3205
- "color:1": "tertiary",
3206
- "color:2": "muted"
3236
+ "className": "animate-spin",
3237
+ "className:1": "flex-none",
3238
+ "spacing": "2",
3239
+ "borderRadius": "full"
3207
3240
  },
3208
3241
  "cxLiterals": [
3209
- "uds-ring",
3210
- "cursor-not-allowed",
3211
- "opacity-50",
3212
- "pointer-events-none",
3213
- "hover:bg-primary"
3242
+ "duration-0",
3243
+ "duration-120",
3244
+ "transition-[background-color]",
3245
+ "bg-carbon-15/0",
3246
+ "hover:bg-carbon-15/10",
3247
+ "active:bg-carbon-15/15",
3248
+ "uds-ring"
3214
3249
  ],
3215
3250
  "internalComponents": [
3216
- "Radio",
3217
- "Icon",
3218
- "RadioProvider",
3219
- "HStack",
3220
- "RadioGroup",
3221
- "Pressable",
3222
- "Text"
3251
+ "IconSlot",
3252
+ "ToastContainer",
3253
+ "Text",
3254
+ "Button",
3255
+ "Pressable"
3223
3256
  ],
3224
- "internalComponentProps": {
3225
- "Icon": {
3257
+ "internalComponentProps": {},
3258
+ "propToVariantKeys": {
3259
+ "size": [
3260
+ "toastSizeLabel",
3261
+ "toastSizeIcon",
3262
+ "toastSizeActionButton",
3263
+ "toastSizeCloseIcon"
3264
+ ],
3265
+ "variant": [
3266
+ "toastVariantIcon",
3267
+ "toastVariantActionButton",
3268
+ "toastVariantCloseIcon"
3269
+ ],
3270
+ "closeIcon": [
3271
+ "icon"
3272
+ ],
3273
+ "onClickActionButton": [
3274
+ "onClick"
3275
+ ]
3276
+ },
3277
+ "runtimeConfigDefaultProps": {
3278
+ "size": "toast.defaultSize",
3279
+ "variant": "toast.defaultVariant"
3280
+ },
3281
+ "runtimeConfigGetStyles": {
3282
+ "toastSizeLabel": [
3283
+ "toast.defaultSize"
3284
+ ],
3285
+ "toastVariantIcon": [
3286
+ "toast.defaultVariant"
3287
+ ],
3288
+ "toastSizeIcon": [
3289
+ "toast.defaultSize"
3290
+ ],
3291
+ "toastSizeActionButton": [
3292
+ "toast.defaultSize"
3293
+ ],
3294
+ "toastVariantActionButton": [
3295
+ "toast.defaultVariant"
3296
+ ],
3297
+ "toastVariantCloseIcon": [
3298
+ "toast.defaultVariant"
3299
+ ],
3300
+ "toastSizeCloseIcon": [
3301
+ "toast.defaultSize"
3302
+ ]
3303
+ },
3304
+ "runtimeConfigInternalComponentProps": {
3305
+ "ToastContainer": {
3226
3306
  "size": [
3227
- "sm"
3228
- ],
3229
- "color": [
3230
- "current"
3307
+ "toast.defaultSize"
3231
3308
  ],
3232
- "aria-hidden": [
3233
- "true"
3309
+ "variant": [
3310
+ "toast.defaultVariant"
3234
3311
  ]
3235
3312
  },
3236
- "HStack": {
3237
- "spacing": [
3238
- "1"
3239
- ],
3240
- "gap": [
3241
- "1"
3242
- ],
3243
- "backgroundColor": [
3244
- "secondary"
3245
- ],
3246
- "borderRadius": [
3247
- "full"
3313
+ "Text": {
3314
+ "variant": [
3315
+ "toast.textVariant.${size}"
3248
3316
  ],
3249
- "display": [
3250
- "inline-flex"
3317
+ "color": [
3318
+ "toast.textColor.${variant}"
3251
3319
  ]
3252
3320
  },
3253
- "Text": {
3254
- "color": [
3255
- "current"
3321
+ "Button": {
3322
+ "size": [
3323
+ "toast.buttonSize.${size}"
3324
+ ],
3325
+ "variant": [
3326
+ "toast.buttonVariant.${variant}"
3256
3327
  ]
3257
3328
  }
3258
3329
  },
3259
- "propToVariantKeys": {
3260
- "value": [
3261
- "key"
3262
- ],
3263
- "label": [
3264
- "aria-label"
3265
- ],
3266
- "textVariant": [
3267
- "variant"
3268
- ]
3269
- },
3270
- "runtimeConfigDefaultProps": {},
3271
- "runtimeConfigGetStyles": {},
3272
- "runtimeConfigInternalComponentProps": {},
3273
3330
  "motionVarPrefixes": []
3274
3331
  },
3275
- "SwitchV2": {
3276
- "name": "SwitchV2",
3277
- "defaultProps": {
3278
- "labelPosition": "start",
3279
- "size": "md"
3280
- },
3332
+ "ToastContainer": {
3333
+ "name": "ToastContainer",
3334
+ "defaultProps": {},
3281
3335
  "getStylesLiterals": {
3282
- "switchVariantRoot": "default",
3283
- "switchVariantActiveRoot": "on",
3284
- "switchVariantActiveRoot:1": "off",
3285
- "switchVariantSwitch": "default",
3286
- "switchVariantActiveSwitch": "on",
3287
- "switchVariantActiveSwitch:1": "off",
3288
- "switchVariantActiveHandle": "on",
3289
- "switchVariantActiveHandle:1": "off",
3290
- "switchVariantHandle": "default",
3291
- "switchVariantHandleIcon": "default",
3292
- "switchVariantActiveHandleIcon": "on",
3293
- "switchVariantActiveHandleIcon:1": "off"
3336
+ "position": "relative",
3337
+ "alignItems": "center",
3338
+ "display": "flex",
3339
+ "className": "box-border touch-none z-0 w-full break-words mb-2 last:mb-0"
3294
3340
  },
3295
3341
  "cxLiterals": [
3296
- "group",
3297
- "flex",
3298
- "items-center",
3299
- "flex-row",
3300
- "flex-row-reverse",
3301
- "uds-ring",
3302
- "uds-ring-within",
3303
- "relative",
3304
- "uds-border-radius-full",
3305
- "transition-[background-color,box-shadow]",
3306
- "pointer-events-none",
3307
- "w-full",
3308
- "h-full",
3309
- "absolute",
3310
- "top-0",
3311
- "bottom-0",
3312
- "right-0",
3313
- "left-0",
3314
- "overflow-hidden",
3315
- "group-hover:scale-105",
3316
- "opacity-95",
3317
- "group-hover:opacity-100",
3318
- "transition-[transform,opacity]",
3319
- "opacity-0",
3320
- "top-1/2",
3321
- "left-1/2",
3322
- "transform",
3323
- "translate-x-[-50%]",
3324
- "translate-y-[-50%]",
3325
- "transition-opacity",
3326
- "cursor-[inherit]",
3327
- "w-[calc(100%+2px)]",
3328
- "h-[calc(100%+2px)]",
3329
- "text-start",
3330
- "text-end",
3331
- "opacity-100"
3342
+ "w-full"
3332
3343
  ],
3333
3344
  "internalComponents": [
3334
- "IconSlot",
3335
- "Box",
3336
- "FormLabel",
3337
- "SpringMotionConfig",
3338
- "RootElement",
3339
- "MotionBox"
3345
+ "HStack"
3340
3346
  ],
3341
3347
  "internalComponentProps": {
3342
- "IconSlot": {
3343
- "data-testid": [
3344
- "on-icon",
3345
- "off-icon"
3346
- ]
3347
- },
3348
- "FormLabel": {
3349
- "as": [
3350
- "div"
3348
+ "HStack": {
3349
+ "alignItems": [
3350
+ "center"
3351
3351
  ],
3352
- "variant": [
3353
- "inherit"
3352
+ "justifyContent": [
3353
+ "space-between"
3354
3354
  ],
3355
- "color": [
3356
- "inherit"
3357
- ]
3358
- },
3359
- "SpringMotionConfig": {
3360
- "layoutVariant": [
3361
- "bouncy"
3355
+ "overflow": [
3356
+ "hidden"
3362
3357
  ],
3363
- "layoutSpeed": [
3364
- "4"
3365
- ]
3366
- },
3367
- "RootElement": {
3368
- "data-testid": [
3369
- "switch-root"
3370
- ]
3371
- },
3372
- "MotionBox": {
3373
- "layout": [
3374
- "position"
3358
+ "position": [
3359
+ "relative"
3375
3360
  ]
3376
3361
  }
3377
3362
  },
3378
3363
  "propToVariantKeys": {
3379
- "size": [
3380
- "switchSizeRoot",
3381
- "switchSizeSwitch",
3382
- "switchSizeHandle",
3383
- "switchSizeHandleIcon"
3384
- ],
3385
- "onIcon": [
3386
- "icon"
3387
- ],
3388
- "offIcon": [
3389
- "icon"
3364
+ "variant": [
3365
+ "toastVariantRoot"
3390
3366
  ],
3391
- "reduceMotion": [
3392
- "reducedMotion"
3367
+ "size": [
3368
+ "toastSizeRoot"
3369
+ ]
3370
+ },
3371
+ "runtimeConfigDefaultProps": {
3372
+ "size": "toast.defaultSize",
3373
+ "variant": "toast.defaultVariant"
3374
+ },
3375
+ "runtimeConfigGetStyles": {
3376
+ "toastVariantRoot": [
3377
+ "toast.defaultVariant"
3393
3378
  ],
3394
- "isOn": [
3395
- "layoutDependency"
3379
+ "toastSizeRoot": [
3380
+ "toast.defaultSize"
3396
3381
  ]
3397
3382
  },
3398
- "runtimeConfigDefaultProps": {},
3399
- "runtimeConfigGetStyles": {},
3400
- "runtimeConfigInternalComponentProps": {},
3401
- "motionVarPrefixes": [
3402
- "--uds-motion-bouncy-4-",
3403
- "--uds-motion-smooth-3-"
3404
- ]
3383
+ "runtimeConfigInternalComponentProps": {
3384
+ "HStack": {
3385
+ "backgroundColor": [
3386
+ "toast.backgroundColor.${variant}"
3387
+ ]
3388
+ }
3389
+ },
3390
+ "motionVarPrefixes": []
3405
3391
  },
3406
- "Tooltip": {
3407
- "name": "Tooltip",
3392
+ "ToastPortal": {
3393
+ "name": "ToastPortal",
3408
3394
  "defaultProps": {},
3409
3395
  "getStylesLiterals": {},
3410
3396
  "cxLiterals": [],
3411
3397
  "internalComponents": [
3412
- "TooltipInternalContext.Provider",
3413
- "TooltipProvider"
3398
+ "ReactToastifyToastContainer"
3414
3399
  ],
3415
3400
  "internalComponentProps": {},
3416
3401
  "propToVariantKeys": {},
3417
- "runtimeConfigDefaultProps": {},
3402
+ "runtimeConfigDefaultProps": {
3403
+ "size": "toast.defaultSize",
3404
+ "variant": "toast.defaultVariant"
3405
+ },
3418
3406
  "runtimeConfigGetStyles": {},
3419
3407
  "runtimeConfigInternalComponentProps": {
3420
- "TooltipProvider": {
3421
- "animated": [
3422
- "tooltip.animationDuration"
3408
+ "ReactToastifyToastContainer": {
3409
+ "autoClose": [
3410
+ "toast.autoClose"
3423
3411
  ]
3424
3412
  }
3425
3413
  },
3426
3414
  "motionVarPrefixes": []
3427
3415
  },
3428
- "TooltipContent": {
3429
- "name": "TooltipContent",
3416
+ "UDSToastConfigProvider": {
3417
+ "name": "UDSToastConfigProvider",
3430
3418
  "defaultProps": {},
3419
+ "getStylesLiterals": {},
3420
+ "cxLiterals": [],
3421
+ "internalComponents": [
3422
+ "ToastContext.Provider"
3423
+ ],
3424
+ "internalComponentProps": {},
3425
+ "propToVariantKeys": {},
3426
+ "runtimeConfigDefaultProps": {},
3427
+ "runtimeConfigGetStyles": {},
3428
+ "runtimeConfigInternalComponentProps": {},
3429
+ "motionVarPrefixes": []
3430
+ },
3431
+ "Tab": {
3432
+ "name": "Tab",
3433
+ "defaultProps": {
3434
+ "variant": "primary"
3435
+ },
3431
3436
  "getStylesLiterals": {
3432
- "tooltipSizeRoot": "default",
3433
- "tooltipVariantRoot": "default",
3434
- "tooltipSizeSvg": "default",
3435
- "tooltipVariantSvg": "default",
3436
- "tooltipVariantBlur": "default",
3437
- "position": "absolute",
3438
- "width": "full",
3439
- "height": "full",
3440
- "tooltipSizeTitle": "default",
3441
- "tooltipSizeBody": "default",
3442
- "tooltipSizeEndContent": "default",
3443
- "tooltipSizeIcon": "default",
3444
- "tooltipVariantIcon": "default"
3437
+ "tabSizeRoot": "default",
3438
+ "tabVariantActiveRoot": "off",
3439
+ "tabVariantActiveRoot:1": "on",
3440
+ "tabSizeIcon": "default"
3445
3441
  },
3446
3442
  "cxLiterals": [
3447
- "max-w-lg",
3448
- "flex",
3449
- "z-[9999]",
3450
- "uds-bgBlurFillFallback",
3451
- "uds-bgBlurFallback",
3452
- "top-0",
3443
+ "pointer-events-none",
3444
+ "absolute",
3445
+ "bottom-0",
3453
3446
  "left-0",
3454
- "z-[1]"
3447
+ "right-0",
3448
+ "h-[var(--uds-tab-underline-width,0px)]",
3449
+ "bg-[var(--uds-tab-underline-color,transparent)]",
3450
+ "transition-[height,background-color]",
3451
+ "duration-[240ms]",
3452
+ "ease-[cubic-bezier(0.2,0,0,1)]",
3453
+ "!bg-transparent",
3454
+ "!shadow-none",
3455
+ "inline-flex",
3456
+ "items-center",
3457
+ "shrink-0",
3458
+ "box-border",
3459
+ "relative",
3460
+ "z-[1]",
3461
+ "cursor-pointer",
3462
+ "select-none",
3463
+ "whitespace-nowrap",
3464
+ "uds-ring",
3465
+ "opacity-50",
3466
+ "cursor-default",
3467
+ "border-solid",
3468
+ "border-b-solid",
3469
+ "transition-colors"
3455
3470
  ],
3456
3471
  "internalComponents": [
3457
3472
  "IconSlot",
3458
- "TooltipArrow",
3459
- "Tooltip",
3460
- "SvgFloatingOverlay",
3461
- "VStack",
3462
- "Box",
3473
+ "AriakitTab",
3463
3474
  "Text"
3464
3475
  ],
3465
3476
  "internalComponentProps": {
3466
- "SvgFloatingOverlay": {
3467
- "contentOverflow": [
3468
- "visible"
3469
- ]
3470
- },
3471
- "VStack": {
3472
- "className": [
3473
- "gap-[inherit]"
3474
- ]
3475
- },
3476
- "Box": {
3477
- "alignItems": [
3478
- "center"
3479
- ],
3480
- "columnGap": [
3481
- "1",
3482
- "1.5"
3483
- ]
3484
- },
3485
3477
  "Text": {
3486
- "color": [
3478
+ "variant": [
3487
3479
  "inherit"
3480
+ ],
3481
+ "as": [
3482
+ "span"
3483
+ ],
3484
+ "color": [
3485
+ "current"
3488
3486
  ]
3489
3487
  }
3490
3488
  },
3491
3489
  "propToVariantKeys": {
3492
- "startTitleIcon": [
3490
+ "variant": [
3491
+ "tabVariantRoot",
3492
+ "tabVariantIcon"
3493
+ ],
3494
+ "activeState": [
3495
+ "tabVariantActiveIcon"
3496
+ ],
3497
+ "startIcon": [
3498
+ "icon"
3499
+ ],
3500
+ "endIcon": [
3493
3501
  "icon"
3494
3502
  ]
3495
3503
  },
@@ -3498,24 +3506,63 @@
3498
3506
  "runtimeConfigInternalComponentProps": {},
3499
3507
  "motionVarPrefixes": []
3500
3508
  },
3501
- "TooltipTrigger": {
3502
- "name": "TooltipTrigger",
3503
- "defaultProps": {},
3504
- "getStylesLiterals": {},
3505
- "cxLiterals": [],
3509
+ "TabList": {
3510
+ "name": "TabList",
3511
+ "defaultProps": {
3512
+ "variant": "primary"
3513
+ },
3514
+ "getStylesLiterals": {
3515
+ "tabSizeRoot": "default",
3516
+ "tabVariantActiveRoot": "on"
3517
+ },
3518
+ "cxLiterals": [
3519
+ "pointer-events-none",
3520
+ "absolute",
3521
+ "bottom-0",
3522
+ "left-0",
3523
+ "right-0",
3524
+ "h-[var(--uds-tab-underline-width,0px)]",
3525
+ "bg-[var(--uds-tab-underline-color,transparent)]",
3526
+ "transition-[height,background-color]",
3527
+ "duration-[240ms]",
3528
+ "ease-[cubic-bezier(0.2,0,0,1)]",
3529
+ "!m-0",
3530
+ "!p-0",
3531
+ "!gap-0",
3532
+ "box-border",
3533
+ "z-0",
3534
+ "min-w-0",
3535
+ "min-h-0",
3536
+ "flex",
3537
+ "flex-row",
3538
+ "items-center",
3539
+ "overflow-x-auto",
3540
+ "overflow-y-clip",
3541
+ "scrollbar-none",
3542
+ "[overflow-clip-margin:6px]",
3543
+ "overflow-clip",
3544
+ "[overflow-clip-margin:8px]",
3545
+ "relative",
3546
+ "left",
3547
+ "240ms",
3548
+ "cubic-bezier(0.2,",
3549
+ "0,",
3550
+ "1),",
3551
+ "top",
3552
+ "width",
3553
+ "height",
3554
+ "1)",
3555
+ "--uds-tab-underline-color",
3556
+ "--uds-tab-underline-width"
3557
+ ],
3506
3558
  "internalComponents": [
3507
- "TooltipAnchor"
3559
+ "AriakitTabList"
3508
3560
  ],
3509
- "internalComponentProps": {
3510
- "TooltipAnchor": {
3511
- "className": [
3512
- "inline"
3513
- ]
3514
- }
3515
- },
3561
+ "internalComponentProps": {},
3516
3562
  "propToVariantKeys": {
3517
- "children": [
3518
- "render"
3563
+ "variant": [
3564
+ "tabsVariantRoot",
3565
+ "tabVariantRoot"
3519
3566
  ]
3520
3567
  },
3521
3568
  "runtimeConfigDefaultProps": {},
@@ -3523,13 +3570,13 @@
3523
3570
  "runtimeConfigInternalComponentProps": {},
3524
3571
  "motionVarPrefixes": []
3525
3572
  },
3526
- "UDSTooltipConfigProvider": {
3527
- "name": "UDSTooltipConfigProvider",
3573
+ "TabPanel": {
3574
+ "name": "TabPanel",
3528
3575
  "defaultProps": {},
3529
3576
  "getStylesLiterals": {},
3530
3577
  "cxLiterals": [],
3531
3578
  "internalComponents": [
3532
- "TooltipContext.Provider"
3579
+ "AriakitTabPanel"
3533
3580
  ],
3534
3581
  "internalComponentProps": {},
3535
3582
  "propToVariantKeys": {},
@@ -3538,379 +3585,339 @@
3538
3585
  "runtimeConfigInternalComponentProps": {},
3539
3586
  "motionVarPrefixes": []
3540
3587
  },
3541
- "Toast": {
3542
- "name": "Toast",
3543
- "defaultProps": {},
3588
+ "Tabs": {
3589
+ "name": "Tabs",
3590
+ "defaultProps": {
3591
+ "variant": "primary"
3592
+ },
3593
+ "getStylesLiterals": {},
3594
+ "cxLiterals": [],
3595
+ "internalComponents": [
3596
+ "TabsContext.Provider",
3597
+ "TabProvider"
3598
+ ],
3599
+ "internalComponentProps": {},
3600
+ "propToVariantKeys": {
3601
+ "onSelectionChange": [
3602
+ "setSelectedId"
3603
+ ]
3604
+ },
3605
+ "runtimeConfigDefaultProps": {},
3606
+ "runtimeConfigGetStyles": {},
3607
+ "runtimeConfigInternalComponentProps": {},
3608
+ "motionVarPrefixes": []
3609
+ },
3610
+ "Radio": {
3611
+ "name": "Radio",
3612
+ "defaultProps": {
3613
+ "labelPosition": "start",
3614
+ "variant": "primary",
3615
+ "size": "md",
3616
+ "value": ""
3617
+ },
3544
3618
  "getStylesLiterals": {
3545
- "className": "animate-spin",
3546
- "className:1": "flex-none",
3547
- "spacing": "2",
3548
- "borderRadius": "full"
3619
+ "radioVariantValueRoot": "checked",
3620
+ "radioVariantValueRoot:1": "unchecked",
3621
+ "display": "flex",
3622
+ "flexDirection": "row",
3623
+ "flexDirection:1": "row-reverse",
3624
+ "alignItems": "center",
3625
+ "radioVariantValueRadio": "checked",
3626
+ "radioVariantValueRadio:1": "unchecked",
3627
+ "radioVariantValueRadioCircle": "checked",
3628
+ "radioVariantValueRadioCircle:1": "unchecked"
3549
3629
  },
3550
3630
  "cxLiterals": [
3551
- "duration-0",
3552
- "duration-120",
3553
- "transition-[background-color]",
3554
- "bg-carbon-15/0",
3555
- "hover:bg-carbon-15/10",
3556
- "active:bg-carbon-15/15",
3557
- "uds-ring"
3631
+ "cursor-pointer",
3632
+ "cursor-default",
3633
+ "opacity-50",
3634
+ "border",
3635
+ "uds-ring",
3636
+ "uds-ring-within",
3637
+ "transition-[background-color,border-color]",
3638
+ "transition-shadow",
3639
+ "pointer-events-none",
3640
+ "w-[8px]",
3641
+ "h-[8px]",
3642
+ "opacity-55",
3643
+ "opacity-100",
3644
+ "opacity-0",
3645
+ "transition-opacity",
3646
+ "cursor-[inherit]",
3647
+ "absolute",
3648
+ "top-1/2",
3649
+ "left-1/2",
3650
+ "w-[calc(100%+2px)]",
3651
+ "h-[calc(100%+2px)]",
3652
+ "transform",
3653
+ "translate-x-[-50%]",
3654
+ "translate-y-[-50%]",
3655
+ "text-start",
3656
+ "text-end"
3558
3657
  ],
3559
3658
  "internalComponents": [
3560
- "IconSlot",
3561
- "ToastContainer",
3562
- "Text",
3563
- "Button",
3564
- "Pressable"
3659
+ "Box",
3660
+ "FormLabel",
3661
+ "SpringMotionConfig",
3662
+ "RootElement",
3663
+ "MotionBox"
3565
3664
  ],
3566
- "internalComponentProps": {},
3567
- "propToVariantKeys": {
3568
- "size": [
3569
- "toastSizeLabel",
3570
- "toastSizeIcon",
3571
- "toastSizeActionButton",
3572
- "toastSizeCloseIcon"
3573
- ],
3574
- "variant": [
3575
- "toastVariantIcon",
3576
- "toastVariantActionButton",
3577
- "toastVariantCloseIcon"
3578
- ],
3579
- "closeIcon": [
3580
- "icon"
3581
- ],
3582
- "onClickActionButton": [
3583
- "onClick"
3584
- ]
3585
- },
3586
- "runtimeConfigDefaultProps": {
3587
- "size": "toast.defaultSize",
3588
- "variant": "toast.defaultVariant"
3589
- },
3590
- "runtimeConfigGetStyles": {
3591
- "toastSizeLabel": [
3592
- "toast.defaultSize"
3593
- ],
3594
- "toastVariantIcon": [
3595
- "toast.defaultVariant"
3596
- ],
3597
- "toastSizeIcon": [
3598
- "toast.defaultSize"
3599
- ],
3600
- "toastSizeActionButton": [
3601
- "toast.defaultSize"
3602
- ],
3603
- "toastVariantActionButton": [
3604
- "toast.defaultVariant"
3605
- ],
3606
- "toastVariantCloseIcon": [
3607
- "toast.defaultVariant"
3608
- ],
3609
- "toastSizeCloseIcon": [
3610
- "toast.defaultSize"
3611
- ]
3612
- },
3613
- "runtimeConfigInternalComponentProps": {
3614
- "ToastContainer": {
3615
- "size": [
3616
- "toast.defaultSize"
3617
- ],
3618
- "variant": [
3619
- "toast.defaultVariant"
3665
+ "internalComponentProps": {
3666
+ "Box": {
3667
+ "borderRadius": [
3668
+ "full"
3620
3669
  ]
3621
3670
  },
3622
- "Text": {
3671
+ "FormLabel": {
3672
+ "as": [
3673
+ "div"
3674
+ ],
3623
3675
  "variant": [
3624
- "toast.textVariant.${size}"
3676
+ "inherit"
3625
3677
  ],
3626
3678
  "color": [
3627
- "toast.textColor.${variant}"
3679
+ "inherit"
3628
3680
  ]
3629
3681
  },
3630
- "Button": {
3631
- "size": [
3632
- "toast.buttonSize.${size}"
3633
- ],
3634
- "variant": [
3635
- "toast.buttonVariant.${variant}"
3682
+ "RootElement": {
3683
+ "data-testid": [
3684
+ "container"
3636
3685
  ]
3637
- }
3638
- },
3639
- "motionVarPrefixes": []
3640
- },
3641
- "ToastContainer": {
3642
- "name": "ToastContainer",
3643
- "defaultProps": {},
3644
- "getStylesLiterals": {
3645
- "position": "relative",
3646
- "alignItems": "center",
3647
- "display": "flex",
3648
- "className": "box-border touch-none z-0 w-full break-words mb-2 last:mb-0"
3649
- },
3650
- "cxLiterals": [
3651
- "w-full"
3652
- ],
3653
- "internalComponents": [
3654
- "HStack"
3655
- ],
3656
- "internalComponentProps": {
3657
- "HStack": {
3686
+ },
3687
+ "MotionBox": {
3688
+ "position": [
3689
+ "relative"
3690
+ ],
3691
+ "borderRadius": [
3692
+ "full"
3693
+ ],
3658
3694
  "alignItems": [
3659
3695
  "center"
3660
3696
  ],
3661
3697
  "justifyContent": [
3662
- "space-between"
3663
- ],
3664
- "overflow": [
3665
- "hidden"
3698
+ "center"
3666
3699
  ],
3667
- "position": [
3668
- "relative"
3700
+ "flex": [
3701
+ "none"
3669
3702
  ]
3670
3703
  }
3671
3704
  },
3672
3705
  "propToVariantKeys": {
3673
- "variant": [
3674
- "toastVariantRoot"
3675
- ],
3676
3706
  "size": [
3677
- "toastSizeRoot"
3678
- ]
3679
- },
3680
- "runtimeConfigDefaultProps": {
3681
- "size": "toast.defaultSize",
3682
- "variant": "toast.defaultVariant"
3683
- },
3684
- "runtimeConfigGetStyles": {
3685
- "toastVariantRoot": [
3686
- "toast.defaultVariant"
3707
+ "radioSizeRoot",
3708
+ "radioSizeRadio"
3687
3709
  ],
3688
- "toastSizeRoot": [
3689
- "toast.defaultSize"
3710
+ "variant": [
3711
+ "radioVariantRoot",
3712
+ "radioVariantRadio",
3713
+ "radioVariantRadioCircle"
3714
+ ],
3715
+ "reduceMotion": [
3716
+ "reducedMotion"
3690
3717
  ]
3691
3718
  },
3692
- "runtimeConfigInternalComponentProps": {
3693
- "HStack": {
3694
- "backgroundColor": [
3695
- "toast.backgroundColor.${variant}"
3696
- ]
3697
- }
3698
- },
3699
- "motionVarPrefixes": []
3719
+ "runtimeConfigDefaultProps": {},
3720
+ "runtimeConfigGetStyles": {},
3721
+ "runtimeConfigInternalComponentProps": {},
3722
+ "motionVarPrefixes": [
3723
+ "--uds-motion-subtle-3-",
3724
+ "--uds-motion-smooth-3-"
3725
+ ]
3700
3726
  },
3701
- "ToastPortal": {
3702
- "name": "ToastPortal",
3727
+ "RadioGroupProvider": {
3728
+ "name": "RadioGroupProvider",
3703
3729
  "defaultProps": {},
3704
3730
  "getStylesLiterals": {},
3705
3731
  "cxLiterals": [],
3706
3732
  "internalComponents": [
3707
- "ReactToastifyToastContainer"
3733
+ "DivProps",
3734
+ "Comp",
3735
+ "RadioGroupContext.Provider"
3708
3736
  ],
3709
- "internalComponentProps": {},
3710
- "propToVariantKeys": {},
3711
- "runtimeConfigDefaultProps": {
3712
- "size": "toast.defaultSize",
3713
- "variant": "toast.defaultVariant"
3714
- },
3715
- "runtimeConfigGetStyles": {},
3716
- "runtimeConfigInternalComponentProps": {
3717
- "ReactToastifyToastContainer": {
3718
- "autoClose": [
3719
- "toast.autoClose"
3737
+ "internalComponentProps": {
3738
+ "Comp": {
3739
+ "role": [
3740
+ "radiogroup"
3720
3741
  ]
3721
3742
  }
3722
3743
  },
3744
+ "propToVariantKeys": {},
3745
+ "runtimeConfigDefaultProps": {},
3746
+ "runtimeConfigGetStyles": {},
3747
+ "runtimeConfigInternalComponentProps": {},
3748
+ "motionVarPrefixes": []
3749
+ },
3750
+ "RadioGroupStore": {
3751
+ "name": "RadioGroupStore",
3752
+ "defaultProps": {},
3753
+ "getStylesLiterals": {},
3754
+ "cxLiterals": [],
3755
+ "internalComponents": [],
3756
+ "internalComponentProps": {},
3757
+ "propToVariantKeys": {},
3758
+ "runtimeConfigDefaultProps": {},
3759
+ "runtimeConfigGetStyles": {},
3760
+ "runtimeConfigInternalComponentProps": {},
3723
3761
  "motionVarPrefixes": []
3724
3762
  },
3725
- "UDSToastConfigProvider": {
3726
- "name": "UDSToastConfigProvider",
3763
+ "Popover": {
3764
+ "name": "Popover",
3727
3765
  "defaultProps": {},
3728
3766
  "getStylesLiterals": {},
3729
- "cxLiterals": [],
3767
+ "cxLiterals": [
3768
+ "uds:popover-open"
3769
+ ],
3730
3770
  "internalComponents": [
3731
- "ToastContext.Provider"
3771
+ "PopoverInternalContext.Provider",
3772
+ "PopoverProvider"
3732
3773
  ],
3733
3774
  "internalComponentProps": {},
3734
3775
  "propToVariantKeys": {},
3735
- "runtimeConfigDefaultProps": {},
3776
+ "runtimeConfigDefaultProps": {
3777
+ "size": "popover.defaultSize",
3778
+ "variant": "popover.defaultVariant"
3779
+ },
3736
3780
  "runtimeConfigGetStyles": {},
3737
3781
  "runtimeConfigInternalComponentProps": {},
3738
3782
  "motionVarPrefixes": []
3739
3783
  },
3740
- "Tab": {
3741
- "name": "Tab",
3742
- "defaultProps": {
3743
- "variant": "primary"
3744
- },
3784
+ "PopoverContent": {
3785
+ "name": "PopoverContent",
3786
+ "defaultProps": {},
3745
3787
  "getStylesLiterals": {
3746
- "tabSizeRoot": "default",
3747
- "tabVariantActiveRoot": "off",
3748
- "tabVariantActiveRoot:1": "on",
3749
- "tabSizeIcon": "default"
3788
+ "popoverSizeRoot": "default",
3789
+ "popoverVariantRoot": "default",
3790
+ "display": "flex",
3791
+ "position": "relative",
3792
+ "display:1": "block",
3793
+ "spacingTop": "0",
3794
+ "spacingStart": "0",
3795
+ "spacingBottom": "0",
3796
+ "spacingEnd": "0",
3797
+ "popoverSizeSvgBase": "default",
3798
+ "popoverVariantSvgBase": "default",
3799
+ "popoverSizeSvgBorder": "default",
3800
+ "popoverVariantSvgBorder": "default",
3801
+ "popoverVariantBlur": "default",
3802
+ "position:1": "absolute",
3803
+ "width": "full",
3804
+ "height": "full",
3805
+ "flexShrink": "0",
3806
+ "borderRadius": "full",
3807
+ "alignItems": "center",
3808
+ "justifyContent": "center",
3809
+ "popoverVariantCloseIcon": "default",
3810
+ "popoverSizeCloseIcon": "default"
3750
3811
  },
3751
3812
  "cxLiterals": [
3752
- "pointer-events-none",
3753
- "absolute",
3754
- "bottom-0",
3813
+ "z-[9999]",
3814
+ "outline-none",
3815
+ "focus-visible:outline-none",
3816
+ "uds-bgBlurFillFallback",
3817
+ "uds-bgBlurFallback",
3818
+ "top-0",
3755
3819
  "left-0",
3756
- "right-0",
3757
- "h-[var(--uds-tab-underline-width,0px)]",
3758
- "bg-[var(--uds-tab-underline-color,transparent)]",
3759
- "transition-[height,background-color]",
3760
- "duration-[240ms]",
3761
- "ease-[cubic-bezier(0.2,0,0,1)]",
3762
- "!bg-transparent",
3763
- "!shadow-none",
3764
- "inline-flex",
3765
- "items-center",
3766
- "shrink-0",
3767
- "box-border",
3768
- "relative",
3769
3820
  "z-[1]",
3770
- "cursor-pointer",
3771
- "select-none",
3772
- "whitespace-nowrap",
3821
+ "duration-0",
3822
+ "duration-120",
3823
+ "transition-[background-color]",
3824
+ "bg-carbon-15/0",
3825
+ "hover:bg-carbon-15/10",
3826
+ "active:bg-carbon-15/15",
3773
3827
  "uds-ring",
3774
- "opacity-50",
3775
- "cursor-default",
3776
- "border-solid",
3777
- "border-b-solid",
3778
- "transition-colors"
3828
+ "absolute",
3829
+ "z-[4]"
3779
3830
  ],
3780
3831
  "internalComponents": [
3832
+ "PopoverDismiss",
3781
3833
  "IconSlot",
3782
- "AriakitTab",
3783
- "Text"
3834
+ "PopoverArrow",
3835
+ "Popover",
3836
+ "SvgFloatingOverlay",
3837
+ "Box",
3838
+ "Pressable"
3784
3839
  ],
3785
- "internalComponentProps": {
3786
- "Text": {
3787
- "variant": [
3788
- "inherit"
3789
- ],
3790
- "as": [
3791
- "span"
3792
- ],
3793
- "color": [
3794
- "current"
3795
- ]
3796
- }
3797
- },
3840
+ "internalComponentProps": {},
3798
3841
  "propToVariantKeys": {
3799
- "variant": [
3800
- "tabVariantRoot",
3801
- "tabVariantIcon"
3842
+ "closeIcon": [
3843
+ "icon"
3844
+ ]
3845
+ },
3846
+ "runtimeConfigDefaultProps": {
3847
+ "size": "popover.defaultSize",
3848
+ "variant": "popover.defaultVariant"
3849
+ },
3850
+ "runtimeConfigGetStyles": {
3851
+ "spacingTop": [
3852
+ "popover.spacingVertical.${size}"
3802
3853
  ],
3803
- "activeState": [
3804
- "tabVariantActiveIcon"
3854
+ "spacingStart": [
3855
+ "popover.spacingHorizontal.${size}"
3805
3856
  ],
3806
- "startIcon": [
3807
- "icon"
3857
+ "spacingBottom": [
3858
+ "popover.spacingVertical.${size}"
3808
3859
  ],
3809
- "endIcon": [
3810
- "icon"
3860
+ "spacingEnd": [
3861
+ "popover.spacingHorizontal.${size}"
3811
3862
  ]
3812
3863
  },
3813
- "runtimeConfigDefaultProps": {},
3814
- "runtimeConfigGetStyles": {},
3815
- "runtimeConfigInternalComponentProps": {},
3864
+ "runtimeConfigInternalComponentProps": {
3865
+ "SvgFloatingOverlay": {
3866
+ "borderRadius": [
3867
+ "popover.borderRadius.${size}"
3868
+ ]
3869
+ }
3870
+ },
3816
3871
  "motionVarPrefixes": []
3817
3872
  },
3818
- "TabList": {
3819
- "name": "TabList",
3820
- "defaultProps": {
3821
- "variant": "primary"
3822
- },
3823
- "getStylesLiterals": {
3824
- "tabSizeRoot": "default",
3825
- "tabVariantActiveRoot": "on"
3826
- },
3827
- "cxLiterals": [
3828
- "pointer-events-none",
3829
- "absolute",
3830
- "bottom-0",
3831
- "left-0",
3832
- "right-0",
3833
- "h-[var(--uds-tab-underline-width,0px)]",
3834
- "bg-[var(--uds-tab-underline-color,transparent)]",
3835
- "transition-[height,background-color]",
3836
- "duration-[240ms]",
3837
- "ease-[cubic-bezier(0.2,0,0,1)]",
3838
- "!m-0",
3839
- "!p-0",
3840
- "!gap-0",
3841
- "box-border",
3842
- "z-0",
3843
- "min-w-0",
3844
- "min-h-0",
3845
- "flex",
3846
- "flex-row",
3847
- "items-center",
3848
- "overflow-x-auto",
3849
- "overflow-y-clip",
3850
- "scrollbar-none",
3851
- "[overflow-clip-margin:6px]",
3852
- "overflow-clip",
3853
- "[overflow-clip-margin:8px]",
3854
- "relative",
3855
- "left",
3856
- "240ms",
3857
- "cubic-bezier(0.2,",
3858
- "0,",
3859
- "1),",
3860
- "top",
3861
- "width",
3862
- "height",
3863
- "1)",
3864
- "--uds-tab-underline-color",
3865
- "--uds-tab-underline-width"
3866
- ],
3867
- "internalComponents": [
3868
- "AriakitTabList"
3869
- ],
3873
+ "PopoverContext": {
3874
+ "name": "PopoverContext",
3875
+ "defaultProps": {},
3876
+ "getStylesLiterals": {},
3877
+ "cxLiterals": [],
3878
+ "internalComponents": [],
3870
3879
  "internalComponentProps": {},
3871
- "propToVariantKeys": {
3872
- "variant": [
3873
- "tabsVariantRoot",
3874
- "tabVariantRoot"
3875
- ]
3876
- },
3880
+ "propToVariantKeys": {},
3877
3881
  "runtimeConfigDefaultProps": {},
3878
3882
  "runtimeConfigGetStyles": {},
3879
3883
  "runtimeConfigInternalComponentProps": {},
3880
3884
  "motionVarPrefixes": []
3881
3885
  },
3882
- "TabPanel": {
3883
- "name": "TabPanel",
3886
+ "PopoverTrigger": {
3887
+ "name": "PopoverTrigger",
3884
3888
  "defaultProps": {},
3885
3889
  "getStylesLiterals": {},
3886
3890
  "cxLiterals": [],
3887
3891
  "internalComponents": [
3888
- "AriakitTabPanel"
3892
+ "PopoverDisclosure"
3889
3893
  ],
3890
- "internalComponentProps": {},
3891
- "propToVariantKeys": {},
3894
+ "internalComponentProps": {
3895
+ "PopoverDisclosure": {
3896
+ "className": [
3897
+ "inline"
3898
+ ]
3899
+ }
3900
+ },
3901
+ "propToVariantKeys": {
3902
+ "children": [
3903
+ "render"
3904
+ ]
3905
+ },
3892
3906
  "runtimeConfigDefaultProps": {},
3893
3907
  "runtimeConfigGetStyles": {},
3894
3908
  "runtimeConfigInternalComponentProps": {},
3895
3909
  "motionVarPrefixes": []
3896
3910
  },
3897
- "Tabs": {
3898
- "name": "Tabs",
3899
- "defaultProps": {
3900
- "variant": "primary"
3901
- },
3911
+ "UDSPopoverConfigProvider": {
3912
+ "name": "UDSPopoverConfigProvider",
3913
+ "defaultProps": {},
3902
3914
  "getStylesLiterals": {},
3903
3915
  "cxLiterals": [],
3904
3916
  "internalComponents": [
3905
- "TabsContext.Provider",
3906
- "TabProvider"
3917
+ "PopoverContext.Provider"
3907
3918
  ],
3908
3919
  "internalComponentProps": {},
3909
- "propToVariantKeys": {
3910
- "onSelectionChange": [
3911
- "setSelectedId"
3912
- ]
3913
- },
3920
+ "propToVariantKeys": {},
3914
3921
  "runtimeConfigDefaultProps": {},
3915
3922
  "runtimeConfigGetStyles": {},
3916
3923
  "runtimeConfigInternalComponentProps": {},