@yahoo/uds 3.131.0-beta.1 → 3.131.0-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 (8) hide show
  1. package/dist/components/client/Popover/UDSPopoverConfigProvider.d.cts +1 -1
  2. package/dist/components/client/Popover/UDSPopoverConfigProvider.d.ts +1 -1
  3. package/dist/styles/styler.d.cts +109 -109
  4. package/dist/styles/styler.d.ts +109 -109
  5. package/dist/uds/generated/componentData.cjs +510 -510
  6. package/dist/uds/generated/componentData.js +510 -510
  7. package/generated/componentData.json +1547 -1547
  8. package/package.json +1 -1
package/generated/componentData.json CHANGED
@@ -1162,358 +1162,277 @@
1162
1162
  "--uds-motion-smooth-3-"
1163
1163
  ]
1164
1164
  },
1165
- "UDSToastConfigProvider": {
1166
- "name": "UDSToastConfigProvider",
1167
- "defaultProps": {},
1168
- "getStylesLiterals": {},
1169
- "cxLiterals": [],
1170
- "internalComponents": [
1171
- "ToastContext.Provider"
1172
- ],
1173
- "internalComponentProps": {},
1174
- "propToVariantKeys": {},
1175
- "runtimeConfigDefaultProps": {},
1176
- "runtimeConfigGetStyles": {},
1177
- "runtimeConfigInternalComponentProps": {},
1178
- "motionVarPrefixes": []
1179
- },
1180
- "ToastPortal": {
1181
- "name": "ToastPortal",
1182
- "defaultProps": {},
1183
- "getStylesLiterals": {},
1184
- "cxLiterals": [],
1185
- "internalComponents": [
1186
- "ReactToastifyToastContainer"
1187
- ],
1188
- "internalComponentProps": {},
1189
- "propToVariantKeys": {},
1190
- "runtimeConfigDefaultProps": {
1191
- "size": "toast.defaultSize",
1192
- "variant": "toast.defaultVariant"
1193
- },
1194
- "runtimeConfigGetStyles": {},
1195
- "runtimeConfigInternalComponentProps": {
1196
- "ReactToastifyToastContainer": {
1197
- "autoClose": [
1198
- "toast.autoClose"
1199
- ]
1200
- }
1201
- },
1202
- "motionVarPrefixes": []
1203
- },
1204
- "Toast": {
1205
- "name": "Toast",
1206
- "defaultProps": {},
1207
- "getStylesLiterals": {
1208
- "className": "animate-spin",
1209
- "className:1": "flex-none",
1210
- "spacing": "2",
1211
- "borderRadius": "full"
1165
+ "Accordion": {
1166
+ "name": "Accordion",
1167
+ "defaultProps": {
1168
+ "spacingHorizontal": "4",
1169
+ "spacingVertical": "4"
1212
1170
  },
1171
+ "getStylesLiterals": {},
1213
1172
  "cxLiterals": [
1214
- "duration-0",
1215
- "duration-120",
1216
- "transition-[background-color]",
1217
- "bg-carbon-15/0",
1218
- "hover:bg-carbon-15/10",
1219
- "active:bg-carbon-15/15",
1220
- "uds-ring"
1173
+ "hover:bg-secondary/80",
1174
+ "w-full"
1221
1175
  ],
1222
1176
  "internalComponents": [
1223
- "IconSlot",
1224
- "ToastContainer",
1177
+ "Icon",
1178
+ "SpringMotionConfig",
1179
+ "Pressable",
1225
1180
  "Text",
1226
- "Button",
1227
- "Pressable"
1181
+ "HStack",
1182
+ "AnimatePresence",
1183
+ "VStack"
1228
1184
  ],
1229
- "internalComponentProps": {},
1230
- "propToVariantKeys": {
1231
- "size": [
1232
- "toastSizeLabel",
1233
- "toastSizeIcon",
1234
- "toastSizeActionButton",
1235
- "toastSizeCloseIcon"
1236
- ],
1237
- "variant": [
1238
- "toastVariantIcon",
1239
- "toastVariantActionButton",
1240
- "toastVariantCloseIcon"
1241
- ],
1242
- "closeIcon": [
1243
- "icon"
1244
- ],
1245
- "onClickActionButton": [
1246
- "onClick"
1247
- ]
1248
- },
1249
- "runtimeConfigDefaultProps": {
1250
- "size": "toast.defaultSize",
1251
- "variant": "toast.defaultVariant"
1252
- },
1253
- "runtimeConfigGetStyles": {
1254
- "toastSizeLabel": [
1255
- "toast.defaultSize"
1256
- ],
1257
- "toastVariantIcon": [
1258
- "toast.defaultVariant"
1259
- ],
1260
- "toastSizeIcon": [
1261
- "toast.defaultSize"
1262
- ],
1263
- "toastSizeActionButton": [
1264
- "toast.defaultSize"
1265
- ],
1266
- "toastVariantActionButton": [
1267
- "toast.defaultVariant"
1268
- ],
1269
- "toastVariantCloseIcon": [
1270
- "toast.defaultVariant"
1271
- ],
1272
- "toastSizeCloseIcon": [
1273
- "toast.defaultSize"
1274
- ]
1275
- },
1276
- "runtimeConfigInternalComponentProps": {
1277
- "ToastContainer": {
1185
+ "internalComponentProps": {
1186
+ "Icon": {
1187
+ "variant": [
1188
+ "fill"
1189
+ ],
1278
1190
  "size": [
1279
- "toast.defaultSize"
1191
+ "sm"
1280
1192
  ],
1281
- "variant": [
1282
- "toast.defaultVariant"
1193
+ "color": [
1194
+ "primary"
1283
1195
  ]
1284
1196
  },
1285
- "Text": {
1286
- "variant": [
1287
- "toast.textVariant.${size}"
1197
+ "SpringMotionConfig": {
1198
+ "layoutVariant": [
1199
+ "smooth"
1288
1200
  ],
1289
- "color": [
1290
- "toast.textColor.${variant}"
1201
+ "layoutSpeed": [
1202
+ "3"
1291
1203
  ]
1292
1204
  },
1293
- "Button": {
1294
- "size": [
1295
- "toast.buttonSize.${size}"
1205
+ "Pressable": {
1206
+ "display": [
1207
+ "flex"
1208
+ ],
1209
+ "flexDirection": [
1210
+ "row"
1296
1211
  ],
1297
- "variant": [
1298
- "toast.buttonVariant.${variant}"
1299
- ]
1300
- }
1301
- },
1302
- "motionVarPrefixes": []
1303
- },
1304
- "ToastContainer": {
1305
- "name": "ToastContainer",
1306
- "defaultProps": {},
1307
- "getStylesLiterals": {
1308
- "position": "relative",
1309
- "alignItems": "center",
1310
- "display": "flex",
1311
- "className": "box-border touch-none z-0 w-full break-words mb-2 last:mb-0"
1312
- },
1313
- "cxLiterals": [
1314
- "w-full"
1315
- ],
1316
- "internalComponents": [
1317
- "HStack"
1318
- ],
1319
- "internalComponentProps": {
1320
- "HStack": {
1321
1212
  "alignItems": [
1322
1213
  "center"
1323
1214
  ],
1324
1215
  "justifyContent": [
1325
1216
  "space-between"
1326
1217
  ],
1327
- "overflow": [
1328
- "hidden"
1218
+ "borderRadius": [
1219
+ "md"
1220
+ ]
1221
+ },
1222
+ "Text": {
1223
+ "variant": [
1224
+ "title4"
1329
1225
  ],
1330
- "position": [
1331
- "relative"
1226
+ "color": [
1227
+ "primary"
1332
1228
  ]
1333
- }
1334
- },
1335
- "propToVariantKeys": {
1336
- "variant": [
1337
- "toastVariantRoot"
1338
- ],
1339
- "size": [
1340
- "toastSizeRoot"
1341
- ]
1342
- },
1343
- "runtimeConfigDefaultProps": {
1344
- "size": "toast.defaultSize",
1345
- "variant": "toast.defaultVariant"
1346
- },
1347
- "runtimeConfigGetStyles": {
1348
- "toastVariantRoot": [
1349
- "toast.defaultVariant"
1350
- ],
1351
- "toastSizeRoot": [
1352
- "toast.defaultSize"
1353
- ]
1354
- },
1355
- "runtimeConfigInternalComponentProps": {
1229
+ },
1356
1230
  "HStack": {
1357
- "backgroundColor": [
1358
- "toast.backgroundColor.${variant}"
1231
+ "display": [
1232
+ "flex"
1233
+ ],
1234
+ "alignItems": [
1235
+ "center"
1236
+ ],
1237
+ "justifyContent": [
1238
+ "space-between"
1239
+ ],
1240
+ "columnGap": [
1241
+ "2.5"
1359
1242
  ]
1360
1243
  }
1361
1244
  },
1362
- "motionVarPrefixes": []
1363
- },
1364
- "BottomSheetInternalContext": {
1365
- "name": "BottomSheetInternalContext",
1366
- "defaultProps": {},
1367
- "getStylesLiterals": {},
1368
- "cxLiterals": [],
1369
- "internalComponents": [],
1370
- "internalComponentProps": {},
1371
1245
  "propToVariantKeys": {},
1372
1246
  "runtimeConfigDefaultProps": {},
1373
1247
  "runtimeConfigGetStyles": {},
1374
1248
  "runtimeConfigInternalComponentProps": {},
1375
- "motionVarPrefixes": []
1249
+ "motionVarPrefixes": [
1250
+ "--uds-motion-smooth-3-"
1251
+ ]
1376
1252
  },
1377
- "BottomSheetContent": {
1378
- "name": "BottomSheetContent",
1253
+ "Modal": {
1254
+ "name": "Modal",
1379
1255
  "defaultProps": {},
1380
1256
  "getStylesLiterals": {},
1381
1257
  "cxLiterals": [
1382
- "min-h-0",
1383
- "touch-pan-y"
1258
+ "inset-8",
1259
+ "top-[250px]",
1260
+ "z-50",
1261
+ "mx-auto",
1262
+ "h-fit",
1263
+ "w-[600px]",
1264
+ "origin-center",
1265
+ "scale-95",
1266
+ "opacity-0",
1267
+ "transition",
1268
+ "duration-150",
1269
+ "data-[enter]:scale-100",
1270
+ "data-[enter]:opacity-100",
1271
+ "data-[enter]:bg-primary",
1272
+ "backdrop-blur-0",
1273
+ "data-[enter]:opacity-60",
1274
+ "data-[enter]:backdrop-blur-sm"
1384
1275
  ],
1385
1276
  "internalComponents": [
1386
- "Box",
1277
+ "IconButton",
1278
+ "Dialog",
1279
+ "HStack",
1280
+ "Text",
1387
1281
  "VStack"
1388
1282
  ],
1389
1283
  "internalComponentProps": {
1390
- "Box": {
1391
- "display": [
1392
- "block"
1284
+ "IconButton": {
1285
+ "aria-label": [
1286
+ "Close"
1287
+ ],
1288
+ "size": [
1289
+ "sm"
1290
+ ],
1291
+ "variant": [
1292
+ "tertiary"
1293
+ ]
1294
+ },
1295
+ "HStack": {
1296
+ "alignItems": [
1297
+ "center"
1393
1298
  ],
1394
- "flex": [
1395
- "1"
1299
+ "justifyContent": [
1300
+ "space-between"
1301
+ ]
1302
+ },
1303
+ "Text": {
1304
+ "variant": [
1305
+ "headline1"
1306
+ ],
1307
+ "color": [
1308
+ "primary"
1396
1309
  ]
1397
1310
  },
1398
1311
  "VStack": {
1399
- "className": [
1400
- "pb-[calc(env(safe-area-inset-bottom))]"
1312
+ "borderRadius": [
1313
+ "md"
1314
+ ],
1315
+ "position": [
1316
+ "fixed"
1317
+ ],
1318
+ "backgroundColor": [
1319
+ "primary"
1320
+ ],
1321
+ "dropShadow": [
1322
+ "md"
1323
+ ],
1324
+ "spacing": [
1325
+ "8"
1326
+ ],
1327
+ "overflow": [
1328
+ "hidden"
1401
1329
  ]
1402
1330
  }
1403
1331
  },
1404
- "propToVariantKeys": {},
1332
+ "propToVariantKeys": {
1333
+ "handleClose": [
1334
+ "onClick"
1335
+ ]
1336
+ },
1405
1337
  "runtimeConfigDefaultProps": {},
1406
1338
  "runtimeConfigGetStyles": {},
1407
1339
  "runtimeConfigInternalComponentProps": {},
1408
1340
  "motionVarPrefixes": []
1409
1341
  },
1410
- "BottomSheetHandle": {
1411
- "name": "BottomSheetHandle",
1412
- "defaultProps": {
1413
- "variant": "default"
1414
- },
1342
+ "AvoidMotionLibraryProvider": {
1343
+ "name": "AvoidMotionLibraryProvider",
1344
+ "defaultProps": {},
1415
1345
  "getStylesLiterals": {},
1416
- "cxLiterals": [
1417
- "relative",
1418
- "h-5",
1419
- "w-16",
1420
- "outline-none",
1421
- "focus-visible:outline-none",
1422
- "[touch-action:pan-y]",
1423
- "absolute",
1424
- "left-1/2",
1425
- "top-1/2",
1426
- "-translate-x-1/2",
1427
- "-translate-y-1/2",
1428
- "h-1",
1429
- "w-8",
1430
- "rounded-full"
1431
- ],
1432
- "internalComponents": [
1433
- "Box"
1434
- ],
1435
- "internalComponentProps": {
1436
- "Box": {
1437
- "display": [
1438
- "block",
1439
- "flex"
1440
- ],
1441
- "justifyContent": [
1442
- "center"
1443
- ]
1444
- }
1445
- },
1446
- "propToVariantKeys": {
1447
- "variant": [
1448
- "bottomsheetVariantHandleIndicator"
1449
- ]
1450
- },
1346
+ "cxLiterals": [],
1347
+ "internalComponents": [],
1348
+ "internalComponentProps": {},
1349
+ "propToVariantKeys": {},
1451
1350
  "runtimeConfigDefaultProps": {},
1452
1351
  "runtimeConfigGetStyles": {},
1453
1352
  "runtimeConfigInternalComponentProps": {},
1454
1353
  "motionVarPrefixes": []
1455
1354
  },
1456
- "BottomSheet": {
1457
- "name": "BottomSheet",
1355
+ "SegmentedControl": {
1356
+ "name": "SegmentedControl",
1458
1357
  "defaultProps": {
1459
- "variant": "default"
1358
+ "textVariant": "label2"
1359
+ },
1360
+ "getStylesLiterals": {
1361
+ "display": "flex",
1362
+ "alignItems": "center",
1363
+ "backgroundColor": "primary",
1364
+ "spacingVertical": "1",
1365
+ "spacingHorizontal": "3",
1366
+ "columnGap": "1.5",
1367
+ "borderWidth": "thin",
1368
+ "borderRadius": "full",
1369
+ "borderColor": "muted",
1370
+ "borderColor:1": "transparent",
1371
+ "color": "primary",
1372
+ "color:1": "tertiary",
1373
+ "color:2": "muted"
1460
1374
  },
1461
- "getStylesLiterals": {},
1462
1375
  "cxLiterals": [
1463
- "fixed",
1464
- "overflow-hidden",
1465
- "inset-x-0",
1466
- "bottom-0",
1467
- "z-50",
1468
- "[will-change:transform]",
1469
- "touch-none",
1470
- "[transform:translate3d(0,var(--uds-bottomsheet-hidden-translate),0)]",
1471
- "data-[enter]:[transform:translate3d(0,var(--uds-bottomsheet-visible-translate),0)]",
1472
- "transition-transform",
1473
- "duration-500",
1474
- "ease-[cubic-bezier(0.32,0.72,0,1)]",
1475
- "motion-reduce:transition-none",
1476
- "top-[-4px]",
1477
- "z-[1]",
1478
- "touch-pan-y"
1376
+ "uds-ring",
1377
+ "cursor-not-allowed",
1378
+ "opacity-50",
1379
+ "pointer-events-none",
1380
+ "hover:bg-primary"
1479
1381
  ],
1480
1382
  "internalComponents": [
1481
- "Scrim",
1482
- "BottomSheetHandle",
1483
- "Dialog",
1484
- "Box",
1485
- "BottomSheetInternalContext.Provider"
1383
+ "TextVariant",
1384
+ "Radio",
1385
+ "Icon",
1386
+ "RadioProvider",
1387
+ "HStack",
1388
+ "RadioGroup",
1389
+ "Pressable",
1390
+ "Text"
1486
1391
  ],
1487
1392
  "internalComponentProps": {
1488
- "BottomSheetHandle": {
1489
- "ariaLabel": [
1490
- "Resize sheet"
1491
- ]
1492
- },
1493
- "Dialog": {
1494
- "data-testid": [
1495
- "bottom-sheet"
1393
+ "Icon": {
1394
+ "size": [
1395
+ "sm"
1396
+ ],
1397
+ "color": [
1398
+ "current"
1399
+ ],
1400
+ "aria-hidden": [
1401
+ "true"
1496
1402
  ]
1497
1403
  },
1498
- "Box": {
1499
- "display": [
1500
- "block",
1501
- "flex"
1404
+ "HStack": {
1405
+ "spacing": [
1406
+ "1"
1502
1407
  ],
1503
- "position": [
1504
- "absolute"
1408
+ "gap": [
1409
+ "1"
1505
1410
  ],
1506
- "flexDirection": [
1507
- "column"
1411
+ "backgroundColor": [
1412
+ "secondary"
1508
1413
  ],
1509
- "className": [
1510
- "absolute inset-0 min-h-0 p-[inherit]"
1414
+ "borderRadius": [
1415
+ "full"
1416
+ ],
1417
+ "display": [
1418
+ "inline-flex"
1419
+ ]
1420
+ },
1421
+ "Text": {
1422
+ "color": [
1423
+ "current"
1511
1424
  ]
1512
1425
  }
1513
1426
  },
1514
1427
  "propToVariantKeys": {
1515
- "variant": [
1516
- "bottomsheetVariantRoot"
1428
+ "value": [
1429
+ "key"
1430
+ ],
1431
+ "label": [
1432
+ "aria-label"
1433
+ ],
1434
+ "textVariant": [
1435
+ "variant"
1517
1436
  ]
1518
1437
  },
1519
1438
  "runtimeConfigDefaultProps": {},
@@ -1521,69 +1440,144 @@
1521
1440
  "runtimeConfigInternalComponentProps": {},
1522
1441
  "motionVarPrefixes": []
1523
1442
  },
1524
- "BottomSheetHeader": {
1525
- "name": "BottomSheetHeader",
1443
+ "SwitchV2": {
1444
+ "name": "SwitchV2",
1526
1445
  "defaultProps": {
1527
- "variant": "default"
1446
+ "labelPosition": "start",
1447
+ "size": "md"
1448
+ },
1449
+ "getStylesLiterals": {
1450
+ "switchVariantRoot": "default",
1451
+ "switchVariantActiveRoot": "on",
1452
+ "switchVariantActiveRoot:1": "off",
1453
+ "switchVariantSwitch": "default",
1454
+ "switchVariantActiveSwitch": "on",
1455
+ "switchVariantActiveSwitch:1": "off",
1456
+ "switchVariantActiveHandle": "on",
1457
+ "switchVariantActiveHandle:1": "off",
1458
+ "switchVariantHandle": "default",
1459
+ "switchVariantHandleIcon": "default",
1460
+ "switchVariantActiveHandleIcon": "on",
1461
+ "switchVariantActiveHandleIcon:1": "off"
1528
1462
  },
1529
- "getStylesLiterals": {},
1530
1463
  "cxLiterals": [
1531
- "grid-cols-[40px_1fr_40px]",
1464
+ "group",
1465
+ "flex",
1532
1466
  "items-center",
1467
+ "flex-row",
1468
+ "flex-row-reverse",
1469
+ "uds-ring",
1470
+ "uds-ring-within",
1471
+ "relative",
1472
+ "uds-border-radius-full",
1473
+ "transition-[background-color,box-shadow]",
1474
+ "pointer-events-none",
1533
1475
  "w-full",
1534
- "min-h-10",
1535
- "mt-2"
1476
+ "h-full",
1477
+ "absolute",
1478
+ "top-0",
1479
+ "bottom-0",
1480
+ "right-0",
1481
+ "left-0",
1482
+ "overflow-hidden",
1483
+ "group-hover:scale-105",
1484
+ "opacity-95",
1485
+ "group-hover:opacity-100",
1486
+ "transition-[transform,opacity]",
1487
+ "opacity-0",
1488
+ "top-1/2",
1489
+ "left-1/2",
1490
+ "transform",
1491
+ "translate-x-[-50%]",
1492
+ "translate-y-[-50%]",
1493
+ "transition-opacity",
1494
+ "cursor-[inherit]",
1495
+ "w-[calc(100%+2px)]",
1496
+ "h-[calc(100%+2px)]",
1497
+ "text-start",
1498
+ "text-end",
1499
+ "opacity-100"
1536
1500
  ],
1537
1501
  "internalComponents": [
1502
+ "IconSlot",
1538
1503
  "Box",
1539
- "Text"
1504
+ "FormLabel",
1505
+ "SpringMotionConfig",
1506
+ "RootElement",
1507
+ "MotionBox"
1540
1508
  ],
1541
1509
  "internalComponentProps": {
1542
- "Box": {
1543
- "className": [
1544
- "h-10 w-10 opacity-0 pointer-events-none"
1545
- ],
1546
- "display": [
1547
- "grid",
1548
- "flex"
1549
- ],
1550
- "justifyContent": [
1551
- "flex-start",
1552
- "flex-end"
1510
+ "IconSlot": {
1511
+ "data-testid": [
1512
+ "on-icon",
1513
+ "off-icon"
1553
1514
  ]
1554
1515
  },
1555
- "Text": {
1516
+ "FormLabel": {
1517
+ "as": [
1518
+ "div"
1519
+ ],
1556
1520
  "variant": [
1557
1521
  "inherit"
1558
1522
  ],
1559
1523
  "color": [
1560
1524
  "inherit"
1525
+ ]
1526
+ },
1527
+ "SpringMotionConfig": {
1528
+ "layoutVariant": [
1529
+ "bouncy"
1561
1530
  ],
1562
- "textAlign": [
1563
- "center"
1564
- ],
1565
- "className": [
1566
- "w-full"
1531
+ "layoutSpeed": [
1532
+ "4"
1533
+ ]
1534
+ },
1535
+ "RootElement": {
1536
+ "data-testid": [
1537
+ "switch-root"
1538
+ ]
1539
+ },
1540
+ "MotionBox": {
1541
+ "layout": [
1542
+ "position"
1567
1543
  ]
1568
1544
  }
1569
1545
  },
1570
1546
  "propToVariantKeys": {
1571
- "variant": [
1572
- "bottomsheetVariantHeader"
1547
+ "size": [
1548
+ "switchSizeRoot",
1549
+ "switchSizeSwitch",
1550
+ "switchSizeHandle",
1551
+ "switchSizeHandleIcon"
1552
+ ],
1553
+ "onIcon": [
1554
+ "icon"
1555
+ ],
1556
+ "offIcon": [
1557
+ "icon"
1558
+ ],
1559
+ "reduceMotion": [
1560
+ "reducedMotion"
1561
+ ],
1562
+ "isOn": [
1563
+ "layoutDependency"
1573
1564
  ]
1574
1565
  },
1575
1566
  "runtimeConfigDefaultProps": {},
1576
1567
  "runtimeConfigGetStyles": {},
1577
1568
  "runtimeConfigInternalComponentProps": {},
1578
- "motionVarPrefixes": []
1569
+ "motionVarPrefixes": [
1570
+ "--uds-motion-bouncy-4-",
1571
+ "--uds-motion-smooth-3-"
1572
+ ]
1579
1573
  },
1580
- "BottomSheetTrigger": {
1581
- "name": "BottomSheetTrigger",
1574
+ "UDSToastConfigProvider": {
1575
+ "name": "UDSToastConfigProvider",
1582
1576
  "defaultProps": {},
1583
1577
  "getStylesLiterals": {},
1584
1578
  "cxLiterals": [],
1585
1579
  "internalComponents": [
1586
- "AriakitDialogDisclosure"
1580
+ "ToastContext.Provider"
1587
1581
  ],
1588
1582
  "internalComponentProps": {},
1589
1583
  "propToVariantKeys": {},
@@ -1592,195 +1586,275 @@
1592
1586
  "runtimeConfigInternalComponentProps": {},
1593
1587
  "motionVarPrefixes": []
1594
1588
  },
1595
- "UDSBottomSheetConfigProvider": {
1596
- "name": "UDSBottomSheetConfigProvider",
1589
+ "ToastPortal": {
1590
+ "name": "ToastPortal",
1597
1591
  "defaultProps": {},
1598
1592
  "getStylesLiterals": {},
1599
1593
  "cxLiterals": [],
1600
1594
  "internalComponents": [
1601
- "BottomSheetContext.Provider"
1595
+ "ReactToastifyToastContainer"
1602
1596
  ],
1603
1597
  "internalComponentProps": {},
1604
1598
  "propToVariantKeys": {},
1605
- "runtimeConfigDefaultProps": {},
1599
+ "runtimeConfigDefaultProps": {
1600
+ "size": "toast.defaultSize",
1601
+ "variant": "toast.defaultVariant"
1602
+ },
1606
1603
  "runtimeConfigGetStyles": {},
1607
- "runtimeConfigInternalComponentProps": {},
1604
+ "runtimeConfigInternalComponentProps": {
1605
+ "ReactToastifyToastContainer": {
1606
+ "autoClose": [
1607
+ "toast.autoClose"
1608
+ ]
1609
+ }
1610
+ },
1608
1611
  "motionVarPrefixes": []
1609
1612
  },
1610
- "BottomSheetDismiss": {
1611
- "name": "BottomSheetDismiss",
1613
+ "Toast": {
1614
+ "name": "Toast",
1612
1615
  "defaultProps": {},
1613
- "getStylesLiterals": {},
1614
- "cxLiterals": [],
1615
- "internalComponents": [
1616
- "AriakitDialogDismiss"
1616
+ "getStylesLiterals": {
1617
+ "className": "animate-spin",
1618
+ "className:1": "flex-none",
1619
+ "spacing": "2",
1620
+ "borderRadius": "full"
1621
+ },
1622
+ "cxLiterals": [
1623
+ "duration-0",
1624
+ "duration-120",
1625
+ "transition-[background-color]",
1626
+ "bg-carbon-15/0",
1627
+ "hover:bg-carbon-15/10",
1628
+ "active:bg-carbon-15/15",
1629
+ "uds-ring"
1617
1630
  ],
1618
- "internalComponentProps": {},
1619
- "propToVariantKeys": {},
1620
- "runtimeConfigDefaultProps": {},
1621
- "runtimeConfigGetStyles": {},
1622
- "runtimeConfigInternalComponentProps": {},
1623
- "motionVarPrefixes": []
1624
- },
1625
- "BottomSheetProvider": {
1626
- "name": "BottomSheetProvider",
1627
- "defaultProps": {},
1628
- "getStylesLiterals": {},
1629
- "cxLiterals": [],
1630
1631
  "internalComponents": [
1631
- "AriakitDialogProvider"
1632
+ "IconSlot",
1633
+ "ToastContainer",
1634
+ "Text",
1635
+ "Button",
1636
+ "Pressable"
1632
1637
  ],
1633
1638
  "internalComponentProps": {},
1634
- "propToVariantKeys": {},
1635
- "runtimeConfigDefaultProps": {},
1636
- "runtimeConfigGetStyles": {},
1637
- "runtimeConfigInternalComponentProps": {},
1639
+ "propToVariantKeys": {
1640
+ "size": [
1641
+ "toastSizeLabel",
1642
+ "toastSizeIcon",
1643
+ "toastSizeActionButton",
1644
+ "toastSizeCloseIcon"
1645
+ ],
1646
+ "variant": [
1647
+ "toastVariantIcon",
1648
+ "toastVariantActionButton",
1649
+ "toastVariantCloseIcon"
1650
+ ],
1651
+ "closeIcon": [
1652
+ "icon"
1653
+ ],
1654
+ "onClickActionButton": [
1655
+ "onClick"
1656
+ ]
1657
+ },
1658
+ "runtimeConfigDefaultProps": {
1659
+ "size": "toast.defaultSize",
1660
+ "variant": "toast.defaultVariant"
1661
+ },
1662
+ "runtimeConfigGetStyles": {
1663
+ "toastSizeLabel": [
1664
+ "toast.defaultSize"
1665
+ ],
1666
+ "toastVariantIcon": [
1667
+ "toast.defaultVariant"
1668
+ ],
1669
+ "toastSizeIcon": [
1670
+ "toast.defaultSize"
1671
+ ],
1672
+ "toastSizeActionButton": [
1673
+ "toast.defaultSize"
1674
+ ],
1675
+ "toastVariantActionButton": [
1676
+ "toast.defaultVariant"
1677
+ ],
1678
+ "toastVariantCloseIcon": [
1679
+ "toast.defaultVariant"
1680
+ ],
1681
+ "toastSizeCloseIcon": [
1682
+ "toast.defaultSize"
1683
+ ]
1684
+ },
1685
+ "runtimeConfigInternalComponentProps": {
1686
+ "ToastContainer": {
1687
+ "size": [
1688
+ "toast.defaultSize"
1689
+ ],
1690
+ "variant": [
1691
+ "toast.defaultVariant"
1692
+ ]
1693
+ },
1694
+ "Text": {
1695
+ "variant": [
1696
+ "toast.textVariant.${size}"
1697
+ ],
1698
+ "color": [
1699
+ "toast.textColor.${variant}"
1700
+ ]
1701
+ },
1702
+ "Button": {
1703
+ "size": [
1704
+ "toast.buttonSize.${size}"
1705
+ ],
1706
+ "variant": [
1707
+ "toast.buttonVariant.${variant}"
1708
+ ]
1709
+ }
1710
+ },
1638
1711
  "motionVarPrefixes": []
1639
1712
  },
1640
- "ChipLink": {
1641
- "name": "ChipLink",
1642
- "defaultProps": {
1643
- "variant": "primary"
1713
+ "ToastContainer": {
1714
+ "name": "ToastContainer",
1715
+ "defaultProps": {},
1716
+ "getStylesLiterals": {
1717
+ "position": "relative",
1718
+ "alignItems": "center",
1719
+ "display": "flex",
1720
+ "className": "box-border touch-none z-0 w-full break-words mb-2 last:mb-0"
1644
1721
  },
1645
- "getStylesLiterals": {},
1646
1722
  "cxLiterals": [
1647
- "uds-ring"
1723
+ "w-full"
1648
1724
  ],
1649
1725
  "internalComponents": [
1650
- "ChipBase"
1726
+ "HStack"
1651
1727
  ],
1652
1728
  "internalComponentProps": {
1653
- "ChipBase": {
1654
- "as": [
1655
- "a"
1729
+ "HStack": {
1730
+ "alignItems": [
1731
+ "center"
1732
+ ],
1733
+ "justifyContent": [
1734
+ "space-between"
1735
+ ],
1736
+ "overflow": [
1737
+ "hidden"
1738
+ ],
1739
+ "position": [
1740
+ "relative"
1656
1741
  ]
1657
1742
  }
1658
1743
  },
1659
- "propToVariantKeys": {
1660
- "variant": [
1661
- "chipLinkVariantRoot",
1662
- "chipLinkVariantIcon"
1744
+ "propToVariantKeys": {
1745
+ "variant": [
1746
+ "toastVariantRoot"
1747
+ ],
1748
+ "size": [
1749
+ "toastSizeRoot"
1750
+ ]
1751
+ },
1752
+ "runtimeConfigDefaultProps": {
1753
+ "size": "toast.defaultSize",
1754
+ "variant": "toast.defaultVariant"
1755
+ },
1756
+ "runtimeConfigGetStyles": {
1757
+ "toastVariantRoot": [
1758
+ "toast.defaultVariant"
1759
+ ],
1760
+ "toastSizeRoot": [
1761
+ "toast.defaultSize"
1663
1762
  ]
1664
1763
  },
1665
- "runtimeConfigDefaultProps": {},
1666
- "runtimeConfigGetStyles": {},
1667
- "runtimeConfigInternalComponentProps": {},
1764
+ "runtimeConfigInternalComponentProps": {
1765
+ "HStack": {
1766
+ "backgroundColor": [
1767
+ "toast.backgroundColor.${variant}"
1768
+ ]
1769
+ }
1770
+ },
1668
1771
  "motionVarPrefixes": []
1669
1772
  },
1670
- "ChipDismissible": {
1671
- "name": "ChipDismissible",
1672
- "defaultProps": {
1673
- "variant": "primary"
1674
- },
1773
+ "BottomSheetInternalContext": {
1774
+ "name": "BottomSheetInternalContext",
1775
+ "defaultProps": {},
1675
1776
  "getStylesLiterals": {},
1676
- "cxLiterals": [
1677
- "uds-chip-dismissible-button",
1678
- "uds-hit-target",
1679
- "uds-ring",
1680
- "rounded-full"
1681
- ],
1682
- "internalComponents": [
1683
- "ChipBase",
1684
- "IconSlot",
1685
- "Pressable"
1686
- ],
1777
+ "cxLiterals": [],
1778
+ "internalComponents": [],
1687
1779
  "internalComponentProps": {},
1688
- "propToVariantKeys": {
1689
- "variant": [
1690
- "chipDismissibleVariantRoot",
1691
- "chipDismissibleVariantIcon"
1692
- ],
1693
- "dismissButtonAriaLabel": [
1694
- "aria-label"
1695
- ]
1696
- },
1780
+ "propToVariantKeys": {},
1697
1781
  "runtimeConfigDefaultProps": {},
1698
1782
  "runtimeConfigGetStyles": {},
1699
1783
  "runtimeConfigInternalComponentProps": {},
1700
1784
  "motionVarPrefixes": []
1701
1785
  },
1702
- "ChipToggle": {
1703
- "name": "ChipToggle",
1704
- "defaultProps": {
1705
- "variant": "primary",
1706
- "role": "checkbox"
1707
- },
1708
- "getStylesLiterals": {
1709
- "chipToggleVariantActiveRoot": "on",
1710
- "chipToggleVariantActiveRoot:1": "off"
1711
- },
1786
+ "BottomSheetContent": {
1787
+ "name": "BottomSheetContent",
1788
+ "defaultProps": {},
1789
+ "getStylesLiterals": {},
1712
1790
  "cxLiterals": [
1713
- "uds-ring"
1791
+ "min-h-0",
1792
+ "touch-pan-y"
1714
1793
  ],
1715
1794
  "internalComponents": [
1716
- "ChipBase"
1795
+ "Box",
1796
+ "VStack"
1717
1797
  ],
1718
1798
  "internalComponentProps": {
1719
- "ChipBase": {
1720
- "as": [
1721
- "button"
1799
+ "Box": {
1800
+ "display": [
1801
+ "block"
1802
+ ],
1803
+ "flex": [
1804
+ "1"
1805
+ ]
1806
+ },
1807
+ "VStack": {
1808
+ "className": [
1809
+ "pb-[calc(env(safe-area-inset-bottom))]"
1722
1810
  ]
1723
1811
  }
1724
1812
  },
1725
- "propToVariantKeys": {
1726
- "variant": [
1727
- "chipToggleVariantRoot",
1728
- "chipToggleVariantIcon"
1729
- ]
1730
- },
1813
+ "propToVariantKeys": {},
1731
1814
  "runtimeConfigDefaultProps": {},
1732
1815
  "runtimeConfigGetStyles": {},
1733
1816
  "runtimeConfigInternalComponentProps": {},
1734
1817
  "motionVarPrefixes": []
1735
1818
  },
1736
- "ChipBase": {
1737
- "name": "ChipBase",
1819
+ "BottomSheetHandle": {
1820
+ "name": "BottomSheetHandle",
1738
1821
  "defaultProps": {
1739
- "size": "md",
1740
- "as": "div"
1822
+ "variant": "default"
1741
1823
  },
1742
1824
  "getStylesLiterals": {},
1743
1825
  "cxLiterals": [
1744
- "pointer-events-none",
1745
- "cursor-default",
1746
- "opacity-50",
1747
- "inline-flex",
1748
- "items-center",
1749
- "transition-[background-color,outline-color,box-shadow]",
1750
- "truncate",
1751
- "whitespace-nowrap",
1752
- "text-center",
1753
- "flex-1"
1826
+ "relative",
1827
+ "h-5",
1828
+ "w-16",
1829
+ "outline-none",
1830
+ "focus-visible:outline-none",
1831
+ "[touch-action:pan-y]",
1832
+ "absolute",
1833
+ "left-1/2",
1834
+ "top-1/2",
1835
+ "-translate-x-1/2",
1836
+ "-translate-y-1/2",
1837
+ "h-1",
1838
+ "w-8",
1839
+ "rounded-full"
1754
1840
  ],
1755
1841
  "internalComponents": [
1756
- "IconSlot",
1757
- "HStack",
1758
- "As",
1759
- "Text"
1842
+ "Box"
1760
1843
  ],
1761
1844
  "internalComponentProps": {
1762
- "Text": {
1763
- "as": [
1764
- "span"
1765
- ],
1766
- "color": [
1767
- "current"
1845
+ "Box": {
1846
+ "display": [
1847
+ "block",
1848
+ "flex"
1768
1849
  ],
1769
- "variant": [
1770
- "inherit"
1850
+ "justifyContent": [
1851
+ "center"
1771
1852
  ]
1772
1853
  }
1773
1854
  },
1774
1855
  "propToVariantKeys": {
1775
- "size": [
1776
- "chipSizeRoot",
1777
- "chipSizeIcon"
1778
- ],
1779
- "startIcon": [
1780
- "icon"
1781
- ],
1782
- "endIcon": [
1783
- "icon"
1856
+ "variant": [
1857
+ "bottomsheetVariantHandleIndicator"
1784
1858
  ]
1785
1859
  },
1786
1860
  "runtimeConfigDefaultProps": {},
@@ -1788,47 +1862,67 @@
1788
1862
  "runtimeConfigInternalComponentProps": {},
1789
1863
  "motionVarPrefixes": []
1790
1864
  },
1791
- "Chip": {
1792
- "name": "Chip",
1793
- "defaultProps": {},
1794
- "getStylesLiterals": {},
1795
- "cxLiterals": [],
1796
- "internalComponents": [
1797
- "ChipDismissible",
1798
- "ChipToggle",
1799
- "ChipLink",
1800
- "ChipButton"
1801
- ],
1802
- "internalComponentProps": {},
1803
- "propToVariantKeys": {},
1804
- "runtimeConfigDefaultProps": {},
1805
- "runtimeConfigGetStyles": {},
1806
- "runtimeConfigInternalComponentProps": {},
1807
- "motionVarPrefixes": []
1808
- },
1809
- "ChipButton": {
1810
- "name": "ChipButton",
1865
+ "BottomSheet": {
1866
+ "name": "BottomSheet",
1811
1867
  "defaultProps": {
1812
- "variant": "primary"
1868
+ "variant": "default"
1813
1869
  },
1814
1870
  "getStylesLiterals": {},
1815
1871
  "cxLiterals": [
1816
- "uds-ring"
1872
+ "fixed",
1873
+ "overflow-hidden",
1874
+ "inset-x-0",
1875
+ "bottom-0",
1876
+ "z-50",
1877
+ "[will-change:transform]",
1878
+ "touch-none",
1879
+ "[transform:translate3d(0,var(--uds-bottomsheet-hidden-translate),0)]",
1880
+ "data-[enter]:[transform:translate3d(0,var(--uds-bottomsheet-visible-translate),0)]",
1881
+ "transition-transform",
1882
+ "duration-500",
1883
+ "ease-[cubic-bezier(0.32,0.72,0,1)]",
1884
+ "motion-reduce:transition-none",
1885
+ "top-[-4px]",
1886
+ "z-[1]",
1887
+ "touch-pan-y"
1817
1888
  ],
1818
1889
  "internalComponents": [
1819
- "ChipBase"
1890
+ "Scrim",
1891
+ "BottomSheetHandle",
1892
+ "Dialog",
1893
+ "Box",
1894
+ "BottomSheetInternalContext.Provider"
1820
1895
  ],
1821
1896
  "internalComponentProps": {
1822
- "ChipBase": {
1823
- "as": [
1824
- "button"
1897
+ "BottomSheetHandle": {
1898
+ "ariaLabel": [
1899
+ "Resize sheet"
1900
+ ]
1901
+ },
1902
+ "Dialog": {
1903
+ "data-testid": [
1904
+ "bottom-sheet"
1905
+ ]
1906
+ },
1907
+ "Box": {
1908
+ "display": [
1909
+ "block",
1910
+ "flex"
1911
+ ],
1912
+ "position": [
1913
+ "absolute"
1914
+ ],
1915
+ "flexDirection": [
1916
+ "column"
1917
+ ],
1918
+ "className": [
1919
+ "absolute inset-0 min-h-0 p-[inherit]"
1825
1920
  ]
1826
1921
  }
1827
1922
  },
1828
1923
  "propToVariantKeys": {
1829
1924
  "variant": [
1830
- "chipLinkVariantRoot",
1831
- "chipLinkVariantIcon"
1925
+ "bottomsheetVariantRoot"
1832
1926
  ]
1833
1927
  },
1834
1928
  "runtimeConfigDefaultProps": {},
@@ -1836,83 +1930,84 @@
1836
1930
  "runtimeConfigInternalComponentProps": {},
1837
1931
  "motionVarPrefixes": []
1838
1932
  },
1839
- "AvatarText": {
1840
- "name": "AvatarText",
1933
+ "BottomSheetHeader": {
1934
+ "name": "BottomSheetHeader",
1841
1935
  "defaultProps": {
1842
- "size": "md",
1843
- "variant": "primary"
1936
+ "variant": "default"
1844
1937
  },
1845
1938
  "getStylesLiterals": {},
1846
1939
  "cxLiterals": [
1847
- "overflow-hidden",
1848
- "truncate",
1940
+ "grid-cols-[40px_1fr_40px]",
1941
+ "items-center",
1849
1942
  "w-full",
1850
- "h-full",
1851
- "shrink-0",
1852
- "text-center",
1853
- "inline-flex",
1854
- "justify-center",
1855
- "items-center"
1943
+ "min-h-10",
1944
+ "mt-2"
1856
1945
  ],
1857
1946
  "internalComponents": [
1858
1947
  "Box",
1859
1948
  "Text"
1860
1949
  ],
1861
1950
  "internalComponentProps": {
1951
+ "Box": {
1952
+ "className": [
1953
+ "h-10 w-10 opacity-0 pointer-events-none"
1954
+ ],
1955
+ "display": [
1956
+ "grid",
1957
+ "flex"
1958
+ ],
1959
+ "justifyContent": [
1960
+ "flex-start",
1961
+ "flex-end"
1962
+ ]
1963
+ },
1862
1964
  "Text": {
1863
- "color": [
1965
+ "variant": [
1864
1966
  "inherit"
1865
1967
  ],
1866
- "variant": [
1968
+ "color": [
1867
1969
  "inherit"
1970
+ ],
1971
+ "textAlign": [
1972
+ "center"
1973
+ ],
1974
+ "className": [
1975
+ "w-full"
1868
1976
  ]
1869
1977
  }
1870
1978
  },
1871
- "propToVariantKeys": {},
1979
+ "propToVariantKeys": {
1980
+ "variant": [
1981
+ "bottomsheetVariantHeader"
1982
+ ]
1983
+ },
1872
1984
  "runtimeConfigDefaultProps": {},
1873
1985
  "runtimeConfigGetStyles": {},
1874
1986
  "runtimeConfigInternalComponentProps": {},
1875
1987
  "motionVarPrefixes": []
1876
1988
  },
1877
- "AvatarIcon": {
1878
- "name": "AvatarIcon",
1879
- "defaultProps": {
1880
- "size": "md",
1881
- "variant": "primary"
1882
- },
1989
+ "BottomSheetTrigger": {
1990
+ "name": "BottomSheetTrigger",
1991
+ "defaultProps": {},
1883
1992
  "getStylesLiterals": {},
1884
- "cxLiterals": [
1885
- "overflow-hidden",
1886
- "w-full",
1887
- "h-full",
1888
- "shrink-0",
1889
- "text-center",
1890
- "inline-flex",
1891
- "justify-center",
1892
- "items-center"
1893
- ],
1993
+ "cxLiterals": [],
1894
1994
  "internalComponents": [
1895
- "IconSlot",
1896
- "Box"
1995
+ "AriakitDialogDisclosure"
1897
1996
  ],
1898
1997
  "internalComponentProps": {},
1899
- "propToVariantKeys": {
1900
- "size": [
1901
- "avatarSizeIcon"
1902
- ]
1903
- },
1998
+ "propToVariantKeys": {},
1904
1999
  "runtimeConfigDefaultProps": {},
1905
2000
  "runtimeConfigGetStyles": {},
1906
2001
  "runtimeConfigInternalComponentProps": {},
1907
2002
  "motionVarPrefixes": []
1908
2003
  },
1909
- "Avatar": {
1910
- "name": "Avatar",
2004
+ "UDSBottomSheetConfigProvider": {
2005
+ "name": "UDSBottomSheetConfigProvider",
1911
2006
  "defaultProps": {},
1912
2007
  "getStylesLiterals": {},
1913
2008
  "cxLiterals": [],
1914
2009
  "internalComponents": [
1915
- "AvatarImage"
2010
+ "BottomSheetContext.Provider"
1916
2011
  ],
1917
2012
  "internalComponentProps": {},
1918
2013
  "propToVariantKeys": {},
@@ -1921,51 +2016,28 @@
1921
2016
  "runtimeConfigInternalComponentProps": {},
1922
2017
  "motionVarPrefixes": []
1923
2018
  },
1924
- "AvatarImage": {
1925
- "name": "AvatarImage",
1926
- "defaultProps": {
1927
- "size": "md",
1928
- "variant": "primary"
1929
- },
2019
+ "BottomSheetDismiss": {
2020
+ "name": "BottomSheetDismiss",
2021
+ "defaultProps": {},
1930
2022
  "getStylesLiterals": {},
1931
- "cxLiterals": [
1932
- "overflow-hidden",
1933
- "w-full",
1934
- "h-full",
1935
- "shrink-0",
1936
- "text-center",
1937
- "inline-flex",
1938
- "justify-center",
1939
- "items-center",
1940
- "object-cover"
1941
- ],
2023
+ "cxLiterals": [],
1942
2024
  "internalComponents": [
1943
- "UDSImage",
1944
- "AvatarText",
1945
- "AvatarIcon",
1946
- "Box"
2025
+ "AriakitDialogDismiss"
1947
2026
  ],
1948
2027
  "internalComponentProps": {},
1949
- "propToVariantKeys": {
1950
- "alt": [
1951
- "name"
1952
- ],
1953
- "fallback": [
1954
- "initials"
1955
- ]
1956
- },
2028
+ "propToVariantKeys": {},
1957
2029
  "runtimeConfigDefaultProps": {},
1958
2030
  "runtimeConfigGetStyles": {},
1959
2031
  "runtimeConfigInternalComponentProps": {},
1960
2032
  "motionVarPrefixes": []
1961
2033
  },
1962
- "TabPanel": {
1963
- "name": "TabPanel",
2034
+ "BottomSheetProvider": {
2035
+ "name": "BottomSheetProvider",
1964
2036
  "defaultProps": {},
1965
2037
  "getStylesLiterals": {},
1966
2038
  "cxLiterals": [],
1967
2039
  "internalComponents": [
1968
- "AriakitTabPanel"
2040
+ "AriakitDialogProvider"
1969
2041
  ],
1970
2042
  "internalComponentProps": {},
1971
2043
  "propToVariantKeys": {},
@@ -1974,21 +2046,29 @@
1974
2046
  "runtimeConfigInternalComponentProps": {},
1975
2047
  "motionVarPrefixes": []
1976
2048
  },
1977
- "Tabs": {
1978
- "name": "Tabs",
2049
+ "ChipLink": {
2050
+ "name": "ChipLink",
1979
2051
  "defaultProps": {
1980
2052
  "variant": "primary"
1981
2053
  },
1982
2054
  "getStylesLiterals": {},
1983
- "cxLiterals": [],
2055
+ "cxLiterals": [
2056
+ "uds-ring"
2057
+ ],
1984
2058
  "internalComponents": [
1985
- "TabsContext.Provider",
1986
- "TabProvider"
2059
+ "ChipBase"
1987
2060
  ],
1988
- "internalComponentProps": {},
2061
+ "internalComponentProps": {
2062
+ "ChipBase": {
2063
+ "as": [
2064
+ "a"
2065
+ ]
2066
+ }
2067
+ },
1989
2068
  "propToVariantKeys": {
1990
- "onSelectionChange": [
1991
- "setSelectedId"
2069
+ "variant": [
2070
+ "chipLinkVariantRoot",
2071
+ "chipLinkVariantIcon"
1992
2072
  ]
1993
2073
  },
1994
2074
  "runtimeConfigDefaultProps": {},
@@ -1996,52 +2076,31 @@
1996
2076
  "runtimeConfigInternalComponentProps": {},
1997
2077
  "motionVarPrefixes": []
1998
2078
  },
1999
- "TabList": {
2000
- "name": "TabList",
2079
+ "ChipDismissible": {
2080
+ "name": "ChipDismissible",
2001
2081
  "defaultProps": {
2002
2082
  "variant": "primary"
2003
2083
  },
2004
- "getStylesLiterals": {
2005
- "tabSizeRoot": "default",
2006
- "tabVariantActiveRoot": "on"
2007
- },
2084
+ "getStylesLiterals": {},
2008
2085
  "cxLiterals": [
2009
- "pointer-events-none",
2010
- "absolute",
2011
- "bottom-0",
2012
- "left-0",
2013
- "right-0",
2014
- "h-[var(--uds-tab-underline-width,0px)]",
2015
- "bg-[var(--uds-tab-underline-color,transparent)]",
2016
- "transition-[height,background-color]",
2017
- "duration-[240ms]",
2018
- "ease-[cubic-bezier(0.2,0,0,1)]",
2019
- "!m-0",
2020
- "!p-0",
2021
- "!gap-0",
2022
- "box-border",
2023
- "z-0",
2024
- "min-w-0",
2025
- "min-h-0",
2026
- "flex",
2027
- "flex-row",
2028
- "items-center",
2029
- "overflow-x-auto",
2030
- "overflow-y-clip",
2031
- "scrollbar-none",
2032
- "[overflow-clip-margin:6px]",
2033
- "overflow-clip",
2034
- "[overflow-clip-margin:8px]",
2035
- "relative"
2086
+ "uds-chip-dismissible-button",
2087
+ "uds-hit-target",
2088
+ "uds-ring",
2089
+ "rounded-full"
2036
2090
  ],
2037
2091
  "internalComponents": [
2038
- "AriakitTabList"
2092
+ "ChipBase",
2093
+ "IconSlot",
2094
+ "Pressable"
2039
2095
  ],
2040
2096
  "internalComponentProps": {},
2041
2097
  "propToVariantKeys": {
2042
2098
  "variant": [
2043
- "tabsVariantRoot",
2044
- "tabVariantRoot"
2099
+ "chipDismissibleVariantRoot",
2100
+ "chipDismissibleVariantIcon"
2101
+ ],
2102
+ "dismissButtonAriaLabel": [
2103
+ "aria-label"
2045
2104
  ]
2046
2105
  },
2047
2106
  "runtimeConfigDefaultProps": {},
@@ -2049,71 +2108,82 @@
2049
2108
  "runtimeConfigInternalComponentProps": {},
2050
2109
  "motionVarPrefixes": []
2051
2110
  },
2052
- "Tab": {
2053
- "name": "Tab",
2111
+ "ChipToggle": {
2112
+ "name": "ChipToggle",
2054
2113
  "defaultProps": {
2055
- "variant": "primary"
2114
+ "variant": "primary",
2115
+ "role": "checkbox"
2056
2116
  },
2057
2117
  "getStylesLiterals": {
2058
- "tabSizeRoot": "default",
2059
- "tabVariantActiveRoot": "off",
2060
- "tabVariantActiveRoot:1": "on",
2061
- "tabSizeIcon": "default"
2118
+ "chipToggleVariantActiveRoot": "on",
2119
+ "chipToggleVariantActiveRoot:1": "off"
2120
+ },
2121
+ "cxLiterals": [
2122
+ "uds-ring"
2123
+ ],
2124
+ "internalComponents": [
2125
+ "ChipBase"
2126
+ ],
2127
+ "internalComponentProps": {
2128
+ "ChipBase": {
2129
+ "as": [
2130
+ "button"
2131
+ ]
2132
+ }
2133
+ },
2134
+ "propToVariantKeys": {
2135
+ "variant": [
2136
+ "chipToggleVariantRoot",
2137
+ "chipToggleVariantIcon"
2138
+ ]
2139
+ },
2140
+ "runtimeConfigDefaultProps": {},
2141
+ "runtimeConfigGetStyles": {},
2142
+ "runtimeConfigInternalComponentProps": {},
2143
+ "motionVarPrefixes": []
2144
+ },
2145
+ "ChipBase": {
2146
+ "name": "ChipBase",
2147
+ "defaultProps": {
2148
+ "size": "md",
2149
+ "as": "div"
2062
2150
  },
2151
+ "getStylesLiterals": {},
2063
2152
  "cxLiterals": [
2064
2153
  "pointer-events-none",
2065
- "absolute",
2066
- "bottom-0",
2067
- "left-0",
2068
- "right-0",
2069
- "h-[var(--uds-tab-underline-width,0px)]",
2070
- "bg-[var(--uds-tab-underline-color,transparent)]",
2071
- "transition-[height,background-color]",
2072
- "duration-[240ms]",
2073
- "ease-[cubic-bezier(0.2,0,0,1)]",
2074
- "!bg-transparent",
2075
- "!shadow-none",
2154
+ "cursor-default",
2155
+ "opacity-50",
2076
2156
  "inline-flex",
2077
2157
  "items-center",
2078
- "shrink-0",
2079
- "box-border",
2080
- "relative",
2081
- "z-[1]",
2082
- "cursor-pointer",
2083
- "select-none",
2158
+ "transition-[background-color,outline-color,box-shadow]",
2159
+ "truncate",
2084
2160
  "whitespace-nowrap",
2085
- "uds-ring",
2086
- "opacity-50",
2087
- "cursor-default",
2088
- "border-solid",
2089
- "border-b-solid",
2090
- "transition-colors"
2161
+ "text-center",
2162
+ "flex-1"
2091
2163
  ],
2092
2164
  "internalComponents": [
2093
2165
  "IconSlot",
2094
- "AriakitTab",
2166
+ "HStack",
2167
+ "As",
2095
2168
  "Text"
2096
2169
  ],
2097
2170
  "internalComponentProps": {
2098
2171
  "Text": {
2099
- "variant": [
2100
- "inherit"
2101
- ],
2102
2172
  "as": [
2103
2173
  "span"
2104
2174
  ],
2105
2175
  "color": [
2106
2176
  "current"
2177
+ ],
2178
+ "variant": [
2179
+ "inherit"
2107
2180
  ]
2108
2181
  }
2109
2182
  },
2110
2183
  "propToVariantKeys": {
2111
- "variant": [
2112
- "tabVariantRoot",
2113
- "tabVariantIcon"
2114
- ],
2115
- "activeState": [
2116
- "tabVariantActiveIcon"
2184
+ "size": [
2185
+ "chipSizeRoot",
2186
+ "chipSizeIcon"
2117
2187
  ],
2118
2188
  "startIcon": [
2119
2189
  "icon"
@@ -2127,13 +2197,16 @@
2127
2197
  "runtimeConfigInternalComponentProps": {},
2128
2198
  "motionVarPrefixes": []
2129
2199
  },
2130
- "UDSPopoverConfigProvider": {
2131
- "name": "UDSPopoverConfigProvider",
2200
+ "Chip": {
2201
+ "name": "Chip",
2132
2202
  "defaultProps": {},
2133
2203
  "getStylesLiterals": {},
2134
2204
  "cxLiterals": [],
2135
2205
  "internalComponents": [
2136
- "PopoverContext.Provider"
2206
+ "ChipDismissible",
2207
+ "ChipToggle",
2208
+ "ChipLink",
2209
+ "ChipButton"
2137
2210
  ],
2138
2211
  "internalComponentProps": {},
2139
2212
  "propToVariantKeys": {},
@@ -2142,43 +2215,29 @@
2142
2215
  "runtimeConfigInternalComponentProps": {},
2143
2216
  "motionVarPrefixes": []
2144
2217
  },
2145
- "Popover": {
2146
- "name": "Popover",
2147
- "defaultProps": {},
2148
- "getStylesLiterals": {},
2149
- "cxLiterals": [],
2150
- "internalComponents": [
2151
- "PopoverInternalContext.Provider",
2152
- "PopoverProvider"
2153
- ],
2154
- "internalComponentProps": {},
2155
- "propToVariantKeys": {},
2156
- "runtimeConfigDefaultProps": {
2157
- "size": "popover.defaultSize",
2158
- "variant": "popover.defaultVariant"
2218
+ "ChipButton": {
2219
+ "name": "ChipButton",
2220
+ "defaultProps": {
2221
+ "variant": "primary"
2159
2222
  },
2160
- "runtimeConfigGetStyles": {},
2161
- "runtimeConfigInternalComponentProps": {},
2162
- "motionVarPrefixes": []
2163
- },
2164
- "PopoverTrigger": {
2165
- "name": "PopoverTrigger",
2166
- "defaultProps": {},
2167
2223
  "getStylesLiterals": {},
2168
- "cxLiterals": [],
2224
+ "cxLiterals": [
2225
+ "uds-ring"
2226
+ ],
2169
2227
  "internalComponents": [
2170
- "PopoverDisclosure"
2228
+ "ChipBase"
2171
2229
  ],
2172
2230
  "internalComponentProps": {
2173
- "PopoverDisclosure": {
2174
- "className": [
2175
- "inline"
2231
+ "ChipBase": {
2232
+ "as": [
2233
+ "button"
2176
2234
  ]
2177
2235
  }
2178
2236
  },
2179
2237
  "propToVariantKeys": {
2180
- "children": [
2181
- "render"
2238
+ "variant": [
2239
+ "chipLinkVariantRoot",
2240
+ "chipLinkVariantIcon"
2182
2241
  ]
2183
2242
  },
2184
2243
  "runtimeConfigDefaultProps": {},
@@ -2186,209 +2245,122 @@
2186
2245
  "runtimeConfigInternalComponentProps": {},
2187
2246
  "motionVarPrefixes": []
2188
2247
  },
2189
- "PopoverContext": {
2190
- "name": "PopoverContext",
2191
- "defaultProps": {},
2248
+ "AvatarText": {
2249
+ "name": "AvatarText",
2250
+ "defaultProps": {
2251
+ "size": "md",
2252
+ "variant": "primary"
2253
+ },
2192
2254
  "getStylesLiterals": {},
2193
- "cxLiterals": [],
2194
- "internalComponents": [],
2195
- "internalComponentProps": {},
2255
+ "cxLiterals": [
2256
+ "overflow-hidden",
2257
+ "truncate",
2258
+ "w-full",
2259
+ "h-full",
2260
+ "shrink-0",
2261
+ "text-center",
2262
+ "inline-flex",
2263
+ "justify-center",
2264
+ "items-center"
2265
+ ],
2266
+ "internalComponents": [
2267
+ "Box",
2268
+ "Text"
2269
+ ],
2270
+ "internalComponentProps": {
2271
+ "Text": {
2272
+ "color": [
2273
+ "inherit"
2274
+ ],
2275
+ "variant": [
2276
+ "inherit"
2277
+ ]
2278
+ }
2279
+ },
2196
2280
  "propToVariantKeys": {},
2197
2281
  "runtimeConfigDefaultProps": {},
2198
2282
  "runtimeConfigGetStyles": {},
2199
2283
  "runtimeConfigInternalComponentProps": {},
2200
2284
  "motionVarPrefixes": []
2201
2285
  },
2202
- "PopoverContent": {
2203
- "name": "PopoverContent",
2204
- "defaultProps": {},
2205
- "getStylesLiterals": {
2206
- "popoverSizeRoot": "default",
2207
- "popoverVariantRoot": "default",
2208
- "display": "flex",
2209
- "position": "relative",
2210
- "display:1": "block",
2211
- "spacingTop": "0",
2212
- "spacingStart": "0",
2213
- "spacingBottom": "0",
2214
- "spacingEnd": "0",
2215
- "popoverSizeSvgBase": "default",
2216
- "popoverVariantSvgBase": "default",
2217
- "popoverSizeSvgBorder": "default",
2218
- "popoverVariantSvgBorder": "default",
2219
- "popoverVariantBlur": "default",
2220
- "position:1": "absolute",
2221
- "width": "full",
2222
- "height": "full",
2223
- "flexShrink": "0",
2224
- "borderRadius": "full",
2225
- "alignItems": "center",
2226
- "justifyContent": "center",
2227
- "popoverVariantCloseIcon": "default",
2228
- "popoverSizeCloseIcon": "default"
2286
+ "AvatarIcon": {
2287
+ "name": "AvatarIcon",
2288
+ "defaultProps": {
2289
+ "size": "md",
2290
+ "variant": "primary"
2229
2291
  },
2292
+ "getStylesLiterals": {},
2230
2293
  "cxLiterals": [
2231
- "z-[9999]",
2232
- "outline-none",
2233
- "focus-visible:outline-none",
2234
- "uds-bgBlurFillFallback",
2235
- "uds-bgBlurFallback",
2236
- "top-0",
2237
- "left-0",
2238
- "z-[1]",
2239
- "duration-0",
2240
- "duration-120",
2241
- "transition-[background-color]",
2242
- "bg-carbon-15/0",
2243
- "hover:bg-carbon-15/10",
2244
- "active:bg-carbon-15/15",
2245
- "uds-ring",
2246
- "absolute",
2247
- "z-[4]"
2294
+ "overflow-hidden",
2295
+ "w-full",
2296
+ "h-full",
2297
+ "shrink-0",
2298
+ "text-center",
2299
+ "inline-flex",
2300
+ "justify-center",
2301
+ "items-center"
2248
2302
  ],
2249
2303
  "internalComponents": [
2250
- "PopoverDismiss",
2251
2304
  "IconSlot",
2252
- "PopoverArrow",
2253
- "Popover",
2254
- "SvgFloatingOverlay",
2255
- "Box",
2256
- "Pressable"
2305
+ "Box"
2257
2306
  ],
2258
2307
  "internalComponentProps": {},
2259
2308
  "propToVariantKeys": {
2260
- "closeIcon": [
2261
- "icon"
2262
- ]
2263
- },
2264
- "runtimeConfigDefaultProps": {
2265
- "size": "popover.defaultSize",
2266
- "variant": "popover.defaultVariant"
2267
- },
2268
- "runtimeConfigGetStyles": {
2269
- "spacingTop": [
2270
- "popover.spacingVertical.${size}"
2271
- ],
2272
- "spacingStart": [
2273
- "popover.spacingHorizontal.${size}"
2274
- ],
2275
- "spacingBottom": [
2276
- "popover.spacingVertical.${size}"
2277
- ],
2278
- "spacingEnd": [
2279
- "popover.spacingHorizontal.${size}"
2309
+ "size": [
2310
+ "avatarSizeIcon"
2280
2311
  ]
2281
2312
  },
2282
- "runtimeConfigInternalComponentProps": {
2283
- "SvgFloatingOverlay": {
2284
- "borderRadius": [
2285
- "popover.borderRadius.${size}"
2286
- ]
2287
- }
2288
- },
2313
+ "runtimeConfigDefaultProps": {},
2314
+ "runtimeConfigGetStyles": {},
2315
+ "runtimeConfigInternalComponentProps": {},
2289
2316
  "motionVarPrefixes": []
2290
2317
  },
2291
- "Input": {
2292
- "name": "Input",
2318
+ "Avatar": {
2319
+ "name": "Avatar",
2320
+ "defaultProps": {},
2321
+ "getStylesLiterals": {},
2322
+ "cxLiterals": [],
2323
+ "internalComponents": [
2324
+ "AvatarImage"
2325
+ ],
2326
+ "internalComponentProps": {},
2327
+ "propToVariantKeys": {},
2328
+ "runtimeConfigDefaultProps": {},
2329
+ "runtimeConfigGetStyles": {},
2330
+ "runtimeConfigInternalComponentProps": {},
2331
+ "motionVarPrefixes": []
2332
+ },
2333
+ "AvatarImage": {
2334
+ "name": "AvatarImage",
2293
2335
  "defaultProps": {
2294
- "type": "text",
2295
2336
  "size": "md",
2296
- "width": "full"
2297
- },
2298
- "getStylesLiterals": {
2299
- "inputVariantRoot": "default",
2300
- "inputVariantValueRoot": "empty",
2301
- "inputVariantValueRoot:1": "filled",
2302
- "inputVariantInputWrapper": "default",
2303
- "inputVariantValueInputWrapper": "empty",
2304
- "inputVariantValueInputWrapper:1": "filled",
2305
- "inputVariantInput": "default",
2306
- "inputVariantValueInput": "empty",
2307
- "inputVariantValueInput:1": "filled",
2308
- "inputVariantInputPlaceholder": "default",
2309
- "inputVariantValueInputPlaceholder": "empty",
2310
- "inputVariantValueInputPlaceholder:1": "filled",
2311
- "inputVariantLabel": "default",
2312
- "inputVariantValueLabel": "empty",
2313
- "inputVariantValueLabel:1": "filled",
2314
- "inputVariantLabelRequired": "default",
2315
- "inputVariantValueLabelRequired": "empty",
2316
- "inputVariantValueLabelRequired:1": "filled",
2317
- "inputVariantStartIcon": "default",
2318
- "inputVariantValueStartIcon": "empty",
2319
- "inputVariantValueStartIcon:1": "filled",
2320
- "inputVariantEndIcon": "default",
2321
- "inputVariantValueEndIcon": "empty",
2322
- "inputVariantValueEndIcon:1": "filled"
2337
+ "variant": "primary"
2323
2338
  },
2339
+ "getStylesLiterals": {},
2324
2340
  "cxLiterals": [
2325
- "opacity-50",
2326
- "min-w-[200px]",
2327
- "grow",
2328
- "uds-hit-target",
2329
- "bg-clip-text",
2330
- "focus:outline-none",
2331
- "cursor-text",
2332
- "cursor-not-allowed"
2341
+ "overflow-hidden",
2342
+ "w-full",
2343
+ "h-full",
2344
+ "shrink-0",
2345
+ "text-center",
2346
+ "inline-flex",
2347
+ "justify-center",
2348
+ "items-center",
2349
+ "object-cover"
2333
2350
  ],
2334
2351
  "internalComponents": [
2335
- "IconSlot",
2336
- "StartIcon",
2337
- "EndIcon",
2338
- "HelpTextContent",
2339
- "Box",
2340
- "InputHelpTextInternal",
2341
- "VStack",
2342
- "HStack",
2343
- "AnimateHeightChange"
2352
+ "UDSImage",
2353
+ "AvatarText",
2354
+ "AvatarIcon",
2355
+ "Box"
2344
2356
  ],
2345
- "internalComponentProps": {
2346
- "HelpTextContent": {
2347
- "spacingTop": [
2348
- "2"
2349
- ]
2350
- },
2351
- "Box": {
2352
- "spacingBottom": [
2353
- "2"
2354
- ],
2355
- "columnGap": [
2356
- "0.5"
2357
- ],
2358
- "alignItems": [
2359
- "flex-end",
2360
- "center"
2361
- ],
2362
- "position": [
2363
- "relative"
2364
- ]
2365
- },
2366
- "HStack": {
2367
- "alignItems": [
2368
- "center"
2369
- ],
2370
- "gap": [
2371
- "1"
2372
- ]
2373
- }
2374
- },
2357
+ "internalComponentProps": {},
2375
2358
  "propToVariantKeys": {
2376
- "size": [
2377
- "inputSizeRoot",
2378
- "inputSizeInputWrapper",
2379
- "inputSizeInput",
2380
- "inputSizeLabel",
2381
- "inputSizeStartIcon",
2382
- "inputSizeEndIcon"
2383
- ],
2384
- "startIcon": [
2385
- "icon"
2386
- ],
2387
- "endIcon": [
2388
- "icon"
2359
+ "alt": [
2360
+ "name"
2389
2361
  ],
2390
- "helperTextIcon": [
2391
- "startIcon"
2362
+ "fallback": [
2363
+ "initials"
2392
2364
  ]
2393
2365
  },
2394
2366
  "runtimeConfigDefaultProps": {},
@@ -2396,31 +2368,89 @@
2396
2368
  "runtimeConfigInternalComponentProps": {},
2397
2369
  "motionVarPrefixes": []
2398
2370
  },
2399
- "InputHelpText": {
2400
- "name": "InputHelpText",
2371
+ "TabPanel": {
2372
+ "name": "TabPanel",
2373
+ "defaultProps": {},
2374
+ "getStylesLiterals": {},
2375
+ "cxLiterals": [],
2376
+ "internalComponents": [
2377
+ "AriakitTabPanel"
2378
+ ],
2379
+ "internalComponentProps": {},
2380
+ "propToVariantKeys": {},
2381
+ "runtimeConfigDefaultProps": {},
2382
+ "runtimeConfigGetStyles": {},
2383
+ "runtimeConfigInternalComponentProps": {},
2384
+ "motionVarPrefixes": []
2385
+ },
2386
+ "Tabs": {
2387
+ "name": "Tabs",
2401
2388
  "defaultProps": {
2402
- "size": "md"
2403
- },
2404
- "getStylesLiterals": {
2405
- "inputVariantRoot": "default",
2406
- "inputVariantValueRoot": "empty",
2407
- "inputVariantValueRoot:1": "filled"
2389
+ "variant": "primary"
2408
2390
  },
2391
+ "getStylesLiterals": {},
2409
2392
  "cxLiterals": [],
2410
2393
  "internalComponents": [
2411
- "InputHelpTextInternal",
2412
- "Box"
2394
+ "TabsContext.Provider",
2395
+ "TabProvider"
2413
2396
  ],
2414
- "internalComponentProps": {
2415
- "Box": {
2416
- "spacingTop": [
2417
- "2"
2418
- ]
2419
- }
2397
+ "internalComponentProps": {},
2398
+ "propToVariantKeys": {
2399
+ "onSelectionChange": [
2400
+ "setSelectedId"
2401
+ ]
2402
+ },
2403
+ "runtimeConfigDefaultProps": {},
2404
+ "runtimeConfigGetStyles": {},
2405
+ "runtimeConfigInternalComponentProps": {},
2406
+ "motionVarPrefixes": []
2407
+ },
2408
+ "TabList": {
2409
+ "name": "TabList",
2410
+ "defaultProps": {
2411
+ "variant": "primary"
2420
2412
  },
2413
+ "getStylesLiterals": {
2414
+ "tabSizeRoot": "default",
2415
+ "tabVariantActiveRoot": "on"
2416
+ },
2417
+ "cxLiterals": [
2418
+ "pointer-events-none",
2419
+ "absolute",
2420
+ "bottom-0",
2421
+ "left-0",
2422
+ "right-0",
2423
+ "h-[var(--uds-tab-underline-width,0px)]",
2424
+ "bg-[var(--uds-tab-underline-color,transparent)]",
2425
+ "transition-[height,background-color]",
2426
+ "duration-[240ms]",
2427
+ "ease-[cubic-bezier(0.2,0,0,1)]",
2428
+ "!m-0",
2429
+ "!p-0",
2430
+ "!gap-0",
2431
+ "box-border",
2432
+ "z-0",
2433
+ "min-w-0",
2434
+ "min-h-0",
2435
+ "flex",
2436
+ "flex-row",
2437
+ "items-center",
2438
+ "overflow-x-auto",
2439
+ "overflow-y-clip",
2440
+ "scrollbar-none",
2441
+ "[overflow-clip-margin:6px]",
2442
+ "overflow-clip",
2443
+ "[overflow-clip-margin:8px]",
2444
+ "relative"
2445
+ ],
2446
+ "internalComponents": [
2447
+ "AriakitTabList"
2448
+ ],
2449
+ "internalComponentProps": {},
2421
2450
  "propToVariantKeys": {
2422
- "size": [
2423
- "inputSizeRoot"
2451
+ "variant": [
2452
+ "tabsVariantRoot",
2453
+ "tabVariantRoot"
2424
2454
  ]
2425
2455
  },
2426
2456
  "runtimeConfigDefaultProps": {},
@@ -2428,80 +2458,92 @@
2428
2458
  "runtimeConfigInternalComponentProps": {},
2429
2459
  "motionVarPrefixes": []
2430
2460
  },
2431
- "InputHelpTextInternal": {
2432
- "name": "InputHelpTextInternal",
2433
- "defaultProps": {},
2461
+ "Tab": {
2462
+ "name": "Tab",
2463
+ "defaultProps": {
2464
+ "variant": "primary"
2465
+ },
2434
2466
  "getStylesLiterals": {
2435
- "inputVariantHelperText": "default",
2436
- "inputVariantValueHelperText": "empty",
2437
- "inputVariantValueHelperText:1": "filled",
2438
- "inputVariantHelperIcon": "default",
2439
- "inputVariantValueHelperIcon": "empty",
2440
- "inputVariantValueHelperIcon:1": "filled"
2467
+ "tabSizeRoot": "default",
2468
+ "tabVariantActiveRoot": "off",
2469
+ "tabVariantActiveRoot:1": "on",
2470
+ "tabSizeIcon": "default"
2441
2471
  },
2442
- "cxLiterals": [],
2472
+ "cxLiterals": [
2473
+ "pointer-events-none",
2474
+ "absolute",
2475
+ "bottom-0",
2476
+ "left-0",
2477
+ "right-0",
2478
+ "h-[var(--uds-tab-underline-width,0px)]",
2479
+ "bg-[var(--uds-tab-underline-color,transparent)]",
2480
+ "transition-[height,background-color]",
2481
+ "duration-[240ms]",
2482
+ "ease-[cubic-bezier(0.2,0,0,1)]",
2483
+ "!bg-transparent",
2484
+ "!shadow-none",
2485
+ "inline-flex",
2486
+ "items-center",
2487
+ "shrink-0",
2488
+ "box-border",
2489
+ "relative",
2490
+ "z-[1]",
2491
+ "cursor-pointer",
2492
+ "select-none",
2493
+ "whitespace-nowrap",
2494
+ "uds-ring",
2495
+ "opacity-50",
2496
+ "cursor-default",
2497
+ "border-solid",
2498
+ "border-b-solid",
2499
+ "transition-colors"
2500
+ ],
2443
2501
  "internalComponents": [
2444
2502
  "IconSlot",
2445
- "HStack"
2503
+ "AriakitTab",
2504
+ "Text"
2446
2505
  ],
2447
2506
  "internalComponentProps": {
2448
- "HStack": {
2449
- "gap": [
2450
- "1"
2507
+ "Text": {
2508
+ "variant": [
2509
+ "inherit"
2451
2510
  ],
2452
- "alignItems": [
2453
- "center"
2511
+ "as": [
2512
+ "span"
2513
+ ],
2514
+ "color": [
2515
+ "current"
2454
2516
  ]
2455
2517
  }
2456
2518
  },
2457
2519
  "propToVariantKeys": {
2458
- "size": [
2459
- "inputSizeHelperText",
2460
- "inputSizeHelperIcon"
2520
+ "variant": [
2521
+ "tabVariantRoot",
2522
+ "tabVariantIcon"
2523
+ ],
2524
+ "activeState": [
2525
+ "tabVariantActiveIcon"
2461
2526
  ],
2462
2527
  "startIcon": [
2463
2528
  "icon"
2464
2529
  ],
2465
2530
  "endIcon": [
2466
- "icon"
2467
- ]
2468
- },
2469
- "runtimeConfigDefaultProps": {},
2470
- "runtimeConfigGetStyles": {},
2471
- "runtimeConfigInternalComponentProps": {},
2472
- "motionVarPrefixes": []
2473
- },
2474
- "Menu.Item": {
2475
- "name": "Menu.Item",
2476
- "defaultProps": {},
2477
- "getStylesLiterals": {
2478
- "menuitemItemVariantRoot": "default",
2479
- "menuitemItemVariantActiveRoot": "on",
2480
- "menuitemItemVariantActiveRoot:1": "off",
2481
- "menuitemItemVariantText": "default",
2482
- "menuitemItemVariantActiveText": "on",
2483
- "menuitemItemVariantActiveText:1": "off",
2484
- "menuitemItemVariantIcon": "default",
2485
- "menuitemItemVariantActiveIcon": "on",
2486
- "menuitemItemVariantActiveIcon:1": "off"
2531
+ "icon"
2532
+ ]
2487
2533
  },
2488
- "cxLiterals": [],
2489
- "internalComponents": [
2490
- "MenuItemBase"
2491
- ],
2492
- "internalComponentProps": {},
2493
- "propToVariantKeys": {},
2494
2534
  "runtimeConfigDefaultProps": {},
2495
2535
  "runtimeConfigGetStyles": {},
2496
2536
  "runtimeConfigInternalComponentProps": {},
2497
2537
  "motionVarPrefixes": []
2498
2538
  },
2499
- "Menu.index": {
2500
- "name": "Menu.index",
2539
+ "UDSPopoverConfigProvider": {
2540
+ "name": "UDSPopoverConfigProvider",
2501
2541
  "defaultProps": {},
2502
2542
  "getStylesLiterals": {},
2503
2543
  "cxLiterals": [],
2504
- "internalComponents": [],
2544
+ "internalComponents": [
2545
+ "PopoverContext.Provider"
2546
+ ],
2505
2547
  "internalComponentProps": {},
2506
2548
  "propToVariantKeys": {},
2507
2549
  "runtimeConfigDefaultProps": {},
@@ -2509,226 +2551,253 @@
2509
2551
  "runtimeConfigInternalComponentProps": {},
2510
2552
  "motionVarPrefixes": []
2511
2553
  },
2512
- "Menu": {
2513
- "name": "Menu",
2554
+ "Popover": {
2555
+ "name": "Popover",
2514
2556
  "defaultProps": {},
2515
2557
  "getStylesLiterals": {},
2516
2558
  "cxLiterals": [],
2517
- "internalComponents": [],
2518
- "internalComponentProps": {},
2519
- "propToVariantKeys": {},
2520
- "runtimeConfigDefaultProps": {},
2521
- "runtimeConfigGetStyles": {},
2522
- "runtimeConfigInternalComponentProps": {},
2523
- "motionVarPrefixes": []
2524
- },
2525
- "Menu.Content": {
2526
- "name": "Menu.Content",
2527
- "defaultProps": {
2528
- "size": "default",
2529
- "variant": "default",
2530
- "gutter": "1"
2531
- },
2532
- "getStylesLiterals": {},
2533
- "cxLiterals": [
2534
- "uds-menu-content",
2535
- "transition-shadow",
2536
- "duration-200",
2537
- "ease-in-out",
2538
- "min-w-60",
2539
- "max-w-lg",
2540
- "max-h-96",
2541
- "overflow-auto",
2542
- "uds-ring",
2543
- "z-10",
2544
- "group"
2545
- ],
2546
2559
  "internalComponents": [
2547
- "AriakitMenu",
2548
- "AnimatePresence",
2549
- "MotionVStack"
2560
+ "PopoverInternalContext.Provider",
2561
+ "PopoverProvider"
2550
2562
  ],
2551
2563
  "internalComponentProps": {},
2552
- "propToVariantKeys": {
2553
- "size": [
2554
- "menucontentSizeRoot"
2555
- ],
2556
- "variant": [
2557
- "menucontentVariantRoot"
2558
- ]
2564
+ "propToVariantKeys": {},
2565
+ "runtimeConfigDefaultProps": {
2566
+ "size": "popover.defaultSize",
2567
+ "variant": "popover.defaultVariant"
2559
2568
  },
2560
- "runtimeConfigDefaultProps": {},
2561
2569
  "runtimeConfigGetStyles": {},
2562
2570
  "runtimeConfigInternalComponentProps": {},
2563
2571
  "motionVarPrefixes": []
2564
2572
  },
2565
- "Menu.Trigger": {
2566
- "name": "Menu.Trigger",
2573
+ "PopoverTrigger": {
2574
+ "name": "PopoverTrigger",
2567
2575
  "defaultProps": {},
2568
2576
  "getStylesLiterals": {},
2569
- "cxLiterals": [
2570
- "uds-menu-trigger"
2571
- ],
2577
+ "cxLiterals": [],
2572
2578
  "internalComponents": [
2573
- "AriakitMenuTrigger",
2574
- "Box"
2579
+ "PopoverDisclosure"
2575
2580
  ],
2576
2581
  "internalComponentProps": {
2577
- "Box": {
2582
+ "PopoverDisclosure": {
2578
2583
  "className": [
2579
- "uds-ring h-fit w-fit"
2584
+ "inline"
2580
2585
  ]
2581
2586
  }
2582
2587
  },
2583
- "propToVariantKeys": {},
2584
- "runtimeConfigDefaultProps": {},
2585
- "runtimeConfigGetStyles": {},
2586
- "runtimeConfigInternalComponentProps": {},
2587
- "motionVarPrefixes": []
2588
- },
2589
- "Menu.Divider": {
2590
- "name": "Menu.Divider",
2591
- "defaultProps": {
2592
- "role": "separator",
2593
- "contentPosition": "start",
2594
- "gap": "4"
2595
- },
2596
- "getStylesLiterals": {
2597
- "menuitemDividerVariantRoot": "default",
2598
- "menuitemDividerVariantText": "default",
2599
- "menuitemDividerVariantLine": "default"
2600
- },
2601
- "cxLiterals": [],
2602
- "internalComponents": [
2603
- "DividerInternal"
2604
- ],
2605
- "internalComponentProps": {
2606
- "DividerInternal": {
2607
- "variant": [
2608
- "inherit"
2609
- ]
2610
- }
2588
+ "propToVariantKeys": {
2589
+ "children": [
2590
+ "render"
2591
+ ]
2611
2592
  },
2612
- "propToVariantKeys": {},
2613
2593
  "runtimeConfigDefaultProps": {},
2614
2594
  "runtimeConfigGetStyles": {},
2615
2595
  "runtimeConfigInternalComponentProps": {},
2616
2596
  "motionVarPrefixes": []
2617
2597
  },
2618
- "Menu.Provider": {
2619
- "name": "Menu.Provider",
2598
+ "PopoverContext": {
2599
+ "name": "PopoverContext",
2620
2600
  "defaultProps": {},
2621
2601
  "getStylesLiterals": {},
2622
2602
  "cxLiterals": [],
2623
- "internalComponents": [
2624
- "AriakitMenuProvider",
2625
- "SpringMotionConfig"
2626
- ],
2603
+ "internalComponents": [],
2627
2604
  "internalComponentProps": {},
2628
2605
  "propToVariantKeys": {},
2629
2606
  "runtimeConfigDefaultProps": {},
2630
2607
  "runtimeConfigGetStyles": {},
2631
2608
  "runtimeConfigInternalComponentProps": {},
2632
- "motionVarPrefixes": [
2633
- "--uds-motion-subtle-3-",
2634
- "--uds-motion-smooth-3-"
2635
- ]
2609
+ "motionVarPrefixes": []
2636
2610
  },
2637
- "Menu.ItemCheckbox": {
2638
- "name": "Menu.ItemCheckbox",
2611
+ "PopoverContent": {
2612
+ "name": "PopoverContent",
2639
2613
  "defaultProps": {},
2640
2614
  "getStylesLiterals": {
2641
- "menuitemItemCheckboxVariantRoot": "default",
2642
- "menuitemItemCheckboxVariantActiveRoot": "on",
2643
- "menuitemItemCheckboxVariantActiveRoot:1": "off",
2644
- "menuitemItemCheckboxVariantText": "default",
2645
- "menuitemItemCheckboxVariantActiveText": "on",
2646
- "menuitemItemCheckboxVariantActiveText:1": "off",
2647
- "menuitemItemCheckboxVariantStartIcon": "default",
2648
- "menuitemItemCheckboxVariantActiveStartIcon": "on",
2649
- "menuitemItemCheckboxVariantActiveStartIcon:1": "off",
2650
- "menuitemItemCheckboxVariantEndIcon": "default",
2651
- "menuitemItemCheckboxVariantActiveEndIcon": "on",
2652
- "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
2615
+ "popoverSizeRoot": "default",
2616
+ "popoverVariantRoot": "default",
2617
+ "display": "flex",
2618
+ "position": "relative",
2619
+ "display:1": "block",
2620
+ "spacingTop": "0",
2621
+ "spacingStart": "0",
2622
+ "spacingBottom": "0",
2623
+ "spacingEnd": "0",
2624
+ "popoverSizeSvgBase": "default",
2625
+ "popoverVariantSvgBase": "default",
2626
+ "popoverSizeSvgBorder": "default",
2627
+ "popoverVariantSvgBorder": "default",
2628
+ "popoverVariantBlur": "default",
2629
+ "position:1": "absolute",
2630
+ "width": "full",
2631
+ "height": "full",
2632
+ "flexShrink": "0",
2633
+ "borderRadius": "full",
2634
+ "alignItems": "center",
2635
+ "justifyContent": "center",
2636
+ "popoverVariantCloseIcon": "default",
2637
+ "popoverSizeCloseIcon": "default"
2653
2638
  },
2654
2639
  "cxLiterals": [
2655
- "uds-menu-item-checkbox"
2640
+ "z-[9999]",
2641
+ "outline-none",
2642
+ "focus-visible:outline-none",
2643
+ "uds-bgBlurFillFallback",
2644
+ "uds-bgBlurFallback",
2645
+ "top-0",
2646
+ "left-0",
2647
+ "z-[1]",
2648
+ "duration-0",
2649
+ "duration-120",
2650
+ "transition-[background-color]",
2651
+ "bg-carbon-15/0",
2652
+ "hover:bg-carbon-15/10",
2653
+ "active:bg-carbon-15/15",
2654
+ "uds-ring",
2655
+ "absolute",
2656
+ "z-[4]"
2656
2657
  ],
2657
2658
  "internalComponents": [
2658
- "MenuItemBase"
2659
+ "PopoverDismiss",
2660
+ "IconSlot",
2661
+ "PopoverArrow",
2662
+ "Popover",
2663
+ "SvgFloatingOverlay",
2664
+ "Box",
2665
+ "Pressable"
2659
2666
  ],
2660
2667
  "internalComponentProps": {},
2661
- "propToVariantKeys": {},
2662
- "runtimeConfigDefaultProps": {},
2663
- "runtimeConfigGetStyles": {},
2664
- "runtimeConfigInternalComponentProps": {},
2668
+ "propToVariantKeys": {
2669
+ "closeIcon": [
2670
+ "icon"
2671
+ ]
2672
+ },
2673
+ "runtimeConfigDefaultProps": {
2674
+ "size": "popover.defaultSize",
2675
+ "variant": "popover.defaultVariant"
2676
+ },
2677
+ "runtimeConfigGetStyles": {
2678
+ "spacingTop": [
2679
+ "popover.spacingVertical.${size}"
2680
+ ],
2681
+ "spacingStart": [
2682
+ "popover.spacingHorizontal.${size}"
2683
+ ],
2684
+ "spacingBottom": [
2685
+ "popover.spacingVertical.${size}"
2686
+ ],
2687
+ "spacingEnd": [
2688
+ "popover.spacingHorizontal.${size}"
2689
+ ]
2690
+ },
2691
+ "runtimeConfigInternalComponentProps": {
2692
+ "SvgFloatingOverlay": {
2693
+ "borderRadius": [
2694
+ "popover.borderRadius.${size}"
2695
+ ]
2696
+ }
2697
+ },
2665
2698
  "motionVarPrefixes": []
2666
2699
  },
2667
- "Menu.ItemBase": {
2668
- "name": "Menu.ItemBase",
2700
+ "Input": {
2701
+ "name": "Input",
2669
2702
  "defaultProps": {
2670
- "spacing": "0",
2671
- "spacingHorizontal": "4",
2672
- "spacingVertical": "3.5",
2673
- "columnGap": "2",
2674
- "alignItems": "center",
2675
- "justifyContent": "space-between"
2703
+ "type": "text",
2704
+ "size": "md",
2705
+ "width": "full"
2676
2706
  },
2677
2707
  "getStylesLiterals": {
2678
- "textAlign": "start",
2679
- "menuitemSizeRoot": "default",
2680
- "flexDirection": "row",
2681
- "menuitemSizeStartIcon": "default",
2682
- "menuitemSizeEndIcon": "default"
2708
+ "inputVariantRoot": "default",
2709
+ "inputVariantValueRoot": "empty",
2710
+ "inputVariantValueRoot:1": "filled",
2711
+ "inputVariantInputWrapper": "default",
2712
+ "inputVariantValueInputWrapper": "empty",
2713
+ "inputVariantValueInputWrapper:1": "filled",
2714
+ "inputVariantInput": "default",
2715
+ "inputVariantValueInput": "empty",
2716
+ "inputVariantValueInput:1": "filled",
2717
+ "inputVariantInputPlaceholder": "default",
2718
+ "inputVariantValueInputPlaceholder": "empty",
2719
+ "inputVariantValueInputPlaceholder:1": "filled",
2720
+ "inputVariantLabel": "default",
2721
+ "inputVariantValueLabel": "empty",
2722
+ "inputVariantValueLabel:1": "filled",
2723
+ "inputVariantLabelRequired": "default",
2724
+ "inputVariantValueLabelRequired": "empty",
2725
+ "inputVariantValueLabelRequired:1": "filled",
2726
+ "inputVariantStartIcon": "default",
2727
+ "inputVariantValueStartIcon": "empty",
2728
+ "inputVariantValueStartIcon:1": "filled",
2729
+ "inputVariantEndIcon": "default",
2730
+ "inputVariantValueEndIcon": "empty",
2731
+ "inputVariantValueEndIcon:1": "filled"
2683
2732
  },
2684
2733
  "cxLiterals": [
2685
- "flex",
2686
- "focus-visible:text-brand",
2687
- "focus-visible:bg-brand-secondary",
2688
- "focus-visible:z-10",
2689
- "uds-ring",
2690
- "!-outline-offset-2",
2691
- "[&:not([aria-checked])]:cursor-default",
2692
- "opacity-25",
2693
- "cursor-not-allowed",
2694
- "duration-20",
2695
- "transition-[font-variation-settings]",
2696
- "ease-in-out",
2697
- "z-0",
2698
- "uds-start-icon",
2699
- "uds-end-icon"
2734
+ "opacity-50",
2735
+ "min-w-[200px]",
2736
+ "grow",
2737
+ "uds-hit-target",
2738
+ "bg-clip-text",
2739
+ "focus:outline-none",
2740
+ "cursor-text",
2741
+ "cursor-not-allowed"
2700
2742
  ],
2701
2743
  "internalComponents": [
2702
- "Pressable",
2703
2744
  "IconSlot",
2704
- "RootComponent",
2745
+ "StartIcon",
2746
+ "EndIcon",
2747
+ "HelpTextContent",
2748
+ "Box",
2749
+ "InputHelpTextInternal",
2750
+ "VStack",
2705
2751
  "HStack",
2706
- "AnimatePresence"
2752
+ "AnimateHeightChange"
2707
2753
  ],
2708
2754
  "internalComponentProps": {
2709
- "HStack": {
2755
+ "HelpTextContent": {
2756
+ "spacingTop": [
2757
+ "2"
2758
+ ]
2759
+ },
2760
+ "Box": {
2761
+ "spacingBottom": [
2762
+ "2"
2763
+ ],
2764
+ "columnGap": [
2765
+ "0.5"
2766
+ ],
2710
2767
  "alignItems": [
2768
+ "flex-end",
2711
2769
  "center"
2712
2770
  ],
2713
- "width": [
2714
- "full"
2771
+ "position": [
2772
+ "relative"
2715
2773
  ]
2716
2774
  },
2717
- "AnimatePresence": {
2718
- "mode": [
2719
- "popLayout"
2775
+ "HStack": {
2776
+ "alignItems": [
2777
+ "center"
2778
+ ],
2779
+ "gap": [
2780
+ "1"
2720
2781
  ]
2721
2782
  }
2722
2783
  },
2723
2784
  "propToVariantKeys": {
2785
+ "size": [
2786
+ "inputSizeRoot",
2787
+ "inputSizeInputWrapper",
2788
+ "inputSizeInput",
2789
+ "inputSizeLabel",
2790
+ "inputSizeStartIcon",
2791
+ "inputSizeEndIcon"
2792
+ ],
2724
2793
  "startIcon": [
2725
2794
  "icon"
2726
2795
  ],
2727
2796
  "endIcon": [
2728
2797
  "icon"
2729
2798
  ],
2730
- "columnGap": [
2731
- "gap"
2799
+ "helperTextIcon": [
2800
+ "startIcon"
2732
2801
  ]
2733
2802
  },
2734
2803
  "runtimeConfigDefaultProps": {},
@@ -2736,189 +2805,216 @@
2736
2805
  "runtimeConfigInternalComponentProps": {},
2737
2806
  "motionVarPrefixes": []
2738
2807
  },
2739
- "UDSBreakpointsConfigProvider": {
2740
- "name": "UDSBreakpointsConfigProvider",
2741
- "defaultProps": {},
2742
- "getStylesLiterals": {},
2808
+ "InputHelpText": {
2809
+ "name": "InputHelpText",
2810
+ "defaultProps": {
2811
+ "size": "md"
2812
+ },
2813
+ "getStylesLiterals": {
2814
+ "inputVariantRoot": "default",
2815
+ "inputVariantValueRoot": "empty",
2816
+ "inputVariantValueRoot:1": "filled"
2817
+ },
2743
2818
  "cxLiterals": [],
2744
2819
  "internalComponents": [
2745
- "UDSBreakpointsConfigContext.Provider"
2820
+ "InputHelpTextInternal",
2821
+ "Box"
2746
2822
  ],
2747
- "internalComponentProps": {},
2748
- "propToVariantKeys": {},
2823
+ "internalComponentProps": {
2824
+ "Box": {
2825
+ "spacingTop": [
2826
+ "2"
2827
+ ]
2828
+ }
2829
+ },
2830
+ "propToVariantKeys": {
2831
+ "size": [
2832
+ "inputSizeRoot"
2833
+ ]
2834
+ },
2749
2835
  "runtimeConfigDefaultProps": {},
2750
2836
  "runtimeConfigGetStyles": {},
2751
2837
  "runtimeConfigInternalComponentProps": {},
2752
2838
  "motionVarPrefixes": []
2753
2839
  },
2754
- "UDSConfigProvider": {
2755
- "name": "UDSConfigProvider",
2840
+ "InputHelpTextInternal": {
2841
+ "name": "InputHelpTextInternal",
2756
2842
  "defaultProps": {},
2757
- "getStylesLiterals": {},
2843
+ "getStylesLiterals": {
2844
+ "inputVariantHelperText": "default",
2845
+ "inputVariantValueHelperText": "empty",
2846
+ "inputVariantValueHelperText:1": "filled",
2847
+ "inputVariantHelperIcon": "default",
2848
+ "inputVariantValueHelperIcon": "empty",
2849
+ "inputVariantValueHelperIcon:1": "filled"
2850
+ },
2758
2851
  "cxLiterals": [],
2759
2852
  "internalComponents": [
2760
- "UDSBreakpointsConfigProvider",
2761
- "UDSBottomSheetConfigProvider",
2762
- "UDSToastConfigProvider",
2763
- "UDSTooltipConfigProvider",
2764
- "UDSPopoverConfigProvider"
2853
+ "IconSlot",
2854
+ "HStack"
2765
2855
  ],
2766
- "internalComponentProps": {},
2767
- "propToVariantKeys": {},
2856
+ "internalComponentProps": {
2857
+ "HStack": {
2858
+ "gap": [
2859
+ "1"
2860
+ ],
2861
+ "alignItems": [
2862
+ "center"
2863
+ ]
2864
+ }
2865
+ },
2866
+ "propToVariantKeys": {
2867
+ "size": [
2868
+ "inputSizeHelperText",
2869
+ "inputSizeHelperIcon"
2870
+ ],
2871
+ "startIcon": [
2872
+ "icon"
2873
+ ],
2874
+ "endIcon": [
2875
+ "icon"
2876
+ ]
2877
+ },
2768
2878
  "runtimeConfigDefaultProps": {},
2769
2879
  "runtimeConfigGetStyles": {},
2770
2880
  "runtimeConfigInternalComponentProps": {},
2771
2881
  "motionVarPrefixes": []
2772
2882
  },
2773
- "Tooltip": {
2774
- "name": "Tooltip",
2883
+ "Menu.Item": {
2884
+ "name": "Menu.Item",
2775
2885
  "defaultProps": {},
2776
- "getStylesLiterals": {},
2886
+ "getStylesLiterals": {
2887
+ "menuitemItemVariantRoot": "default",
2888
+ "menuitemItemVariantActiveRoot": "on",
2889
+ "menuitemItemVariantActiveRoot:1": "off",
2890
+ "menuitemItemVariantText": "default",
2891
+ "menuitemItemVariantActiveText": "on",
2892
+ "menuitemItemVariantActiveText:1": "off",
2893
+ "menuitemItemVariantIcon": "default",
2894
+ "menuitemItemVariantActiveIcon": "on",
2895
+ "menuitemItemVariantActiveIcon:1": "off"
2896
+ },
2777
2897
  "cxLiterals": [],
2778
2898
  "internalComponents": [
2779
- "TooltipInternalContext.Provider",
2780
- "TooltipProvider"
2899
+ "MenuItemBase"
2781
2900
  ],
2782
2901
  "internalComponentProps": {},
2783
2902
  "propToVariantKeys": {},
2784
2903
  "runtimeConfigDefaultProps": {},
2785
2904
  "runtimeConfigGetStyles": {},
2786
- "runtimeConfigInternalComponentProps": {
2787
- "TooltipProvider": {
2788
- "animated": [
2789
- "tooltip.animationDuration"
2790
- ]
2791
- }
2792
- },
2905
+ "runtimeConfigInternalComponentProps": {},
2793
2906
  "motionVarPrefixes": []
2794
2907
  },
2795
- "TooltipContent": {
2796
- "name": "TooltipContent",
2797
- "defaultProps": {},
2798
- "getStylesLiterals": {
2799
- "tooltipSizeRoot": "default",
2800
- "tooltipVariantRoot": "default",
2801
- "tooltipSizeSvg": "default",
2802
- "tooltipVariantSvg": "default",
2803
- "tooltipVariantBlur": "default",
2804
- "position": "absolute",
2805
- "width": "full",
2806
- "height": "full",
2807
- "tooltipSizeTitle": "default",
2808
- "tooltipSizeBody": "default",
2809
- "tooltipSizeEndContent": "default",
2810
- "tooltipSizeIcon": "default",
2811
- "tooltipVariantIcon": "default"
2812
- },
2813
- "cxLiterals": [
2814
- "max-w-lg",
2815
- "flex",
2816
- "z-[9999]",
2817
- "uds-bgBlurFillFallback",
2818
- "uds-bgBlurFallback",
2819
- "top-0",
2820
- "left-0",
2821
- "z-[1]"
2822
- ],
2823
- "internalComponents": [
2824
- "IconSlot",
2825
- "TooltipArrow",
2826
- "Tooltip",
2827
- "SvgFloatingOverlay",
2828
- "VStack",
2829
- "Box",
2830
- "Text"
2831
- ],
2832
- "internalComponentProps": {
2833
- "SvgFloatingOverlay": {
2834
- "contentOverflow": [
2835
- "visible"
2836
- ]
2837
- },
2838
- "VStack": {
2839
- "className": [
2840
- "gap-[inherit]"
2841
- ]
2842
- },
2843
- "Box": {
2844
- "alignItems": [
2845
- "center"
2846
- ],
2847
- "columnGap": [
2848
- "1",
2849
- "1.5"
2850
- ]
2851
- },
2852
- "Text": {
2853
- "color": [
2854
- "inherit"
2855
- ]
2856
- }
2857
- },
2858
- "propToVariantKeys": {
2859
- "startTitleIcon": [
2860
- "icon"
2861
- ]
2862
- },
2908
+ "Menu.index": {
2909
+ "name": "Menu.index",
2910
+ "defaultProps": {},
2911
+ "getStylesLiterals": {},
2912
+ "cxLiterals": [],
2913
+ "internalComponents": [],
2914
+ "internalComponentProps": {},
2915
+ "propToVariantKeys": {},
2863
2916
  "runtimeConfigDefaultProps": {},
2864
2917
  "runtimeConfigGetStyles": {},
2865
2918
  "runtimeConfigInternalComponentProps": {},
2866
2919
  "motionVarPrefixes": []
2867
2920
  },
2868
- "UDSTooltipConfigProvider": {
2869
- "name": "UDSTooltipConfigProvider",
2921
+ "Menu": {
2922
+ "name": "Menu",
2870
2923
  "defaultProps": {},
2871
2924
  "getStylesLiterals": {},
2872
2925
  "cxLiterals": [],
2926
+ "internalComponents": [],
2927
+ "internalComponentProps": {},
2928
+ "propToVariantKeys": {},
2929
+ "runtimeConfigDefaultProps": {},
2930
+ "runtimeConfigGetStyles": {},
2931
+ "runtimeConfigInternalComponentProps": {},
2932
+ "motionVarPrefixes": []
2933
+ },
2934
+ "Menu.Content": {
2935
+ "name": "Menu.Content",
2936
+ "defaultProps": {
2937
+ "size": "default",
2938
+ "variant": "default",
2939
+ "gutter": "1"
2940
+ },
2941
+ "getStylesLiterals": {},
2942
+ "cxLiterals": [
2943
+ "uds-menu-content",
2944
+ "transition-shadow",
2945
+ "duration-200",
2946
+ "ease-in-out",
2947
+ "min-w-60",
2948
+ "max-w-lg",
2949
+ "max-h-96",
2950
+ "overflow-auto",
2951
+ "uds-ring",
2952
+ "z-10",
2953
+ "group"
2954
+ ],
2873
2955
  "internalComponents": [
2874
- "TooltipContext.Provider"
2956
+ "AriakitMenu",
2957
+ "AnimatePresence",
2958
+ "MotionVStack"
2875
2959
  ],
2876
2960
  "internalComponentProps": {},
2877
- "propToVariantKeys": {},
2961
+ "propToVariantKeys": {
2962
+ "size": [
2963
+ "menucontentSizeRoot"
2964
+ ],
2965
+ "variant": [
2966
+ "menucontentVariantRoot"
2967
+ ]
2968
+ },
2878
2969
  "runtimeConfigDefaultProps": {},
2879
2970
  "runtimeConfigGetStyles": {},
2880
2971
  "runtimeConfigInternalComponentProps": {},
2881
2972
  "motionVarPrefixes": []
2882
2973
  },
2883
- "TooltipTrigger": {
2884
- "name": "TooltipTrigger",
2974
+ "Menu.Trigger": {
2975
+ "name": "Menu.Trigger",
2885
2976
  "defaultProps": {},
2886
2977
  "getStylesLiterals": {},
2887
- "cxLiterals": [],
2978
+ "cxLiterals": [
2979
+ "uds-menu-trigger"
2980
+ ],
2888
2981
  "internalComponents": [
2889
- "TooltipAnchor"
2982
+ "AriakitMenuTrigger",
2983
+ "Box"
2890
2984
  ],
2891
2985
  "internalComponentProps": {
2892
- "TooltipAnchor": {
2986
+ "Box": {
2893
2987
  "className": [
2894
- "inline"
2988
+ "uds-ring h-fit w-fit"
2895
2989
  ]
2896
2990
  }
2897
2991
  },
2898
- "propToVariantKeys": {
2899
- "children": [
2900
- "render"
2901
- ]
2902
- },
2992
+ "propToVariantKeys": {},
2903
2993
  "runtimeConfigDefaultProps": {},
2904
2994
  "runtimeConfigGetStyles": {},
2905
2995
  "runtimeConfigInternalComponentProps": {},
2906
2996
  "motionVarPrefixes": []
2907
2997
  },
2908
- "RadioGroupProvider": {
2909
- "name": "RadioGroupProvider",
2910
- "defaultProps": {},
2911
- "getStylesLiterals": {},
2998
+ "Menu.Divider": {
2999
+ "name": "Menu.Divider",
3000
+ "defaultProps": {
3001
+ "role": "separator",
3002
+ "contentPosition": "start",
3003
+ "gap": "4"
3004
+ },
3005
+ "getStylesLiterals": {
3006
+ "menuitemDividerVariantRoot": "default",
3007
+ "menuitemDividerVariantText": "default",
3008
+ "menuitemDividerVariantLine": "default"
3009
+ },
2912
3010
  "cxLiterals": [],
2913
3011
  "internalComponents": [
2914
- "DivProps",
2915
- "Comp",
2916
- "RadioGroupContext.Provider"
3012
+ "DividerInternal"
2917
3013
  ],
2918
3014
  "internalComponentProps": {
2919
- "Comp": {
2920
- "role": [
2921
- "radiogroup"
3015
+ "DividerInternal": {
3016
+ "variant": [
3017
+ "inherit"
2922
3018
  ]
2923
3019
  }
2924
3020
  },
@@ -2928,304 +3024,249 @@
2928
3024
  "runtimeConfigInternalComponentProps": {},
2929
3025
  "motionVarPrefixes": []
2930
3026
  },
2931
- "RadioGroupStore": {
2932
- "name": "RadioGroupStore",
3027
+ "Menu.Provider": {
3028
+ "name": "Menu.Provider",
2933
3029
  "defaultProps": {},
2934
3030
  "getStylesLiterals": {},
2935
3031
  "cxLiterals": [],
2936
- "internalComponents": [],
3032
+ "internalComponents": [
3033
+ "AriakitMenuProvider",
3034
+ "SpringMotionConfig"
3035
+ ],
2937
3036
  "internalComponentProps": {},
2938
3037
  "propToVariantKeys": {},
2939
3038
  "runtimeConfigDefaultProps": {},
2940
3039
  "runtimeConfigGetStyles": {},
2941
3040
  "runtimeConfigInternalComponentProps": {},
2942
- "motionVarPrefixes": []
3041
+ "motionVarPrefixes": [
3042
+ "--uds-motion-subtle-3-",
3043
+ "--uds-motion-smooth-3-"
3044
+ ]
2943
3045
  },
2944
- "Radio": {
2945
- "name": "Radio",
2946
- "defaultProps": {
2947
- "labelPosition": "start",
2948
- "variant": "primary",
2949
- "size": "md",
2950
- "value": ""
2951
- },
3046
+ "Menu.ItemCheckbox": {
3047
+ "name": "Menu.ItemCheckbox",
3048
+ "defaultProps": {},
2952
3049
  "getStylesLiterals": {
2953
- "radioVariantValueRoot": "checked",
2954
- "radioVariantValueRoot:1": "unchecked",
2955
- "display": "flex",
2956
- "flexDirection": "row",
2957
- "flexDirection:1": "row-reverse",
2958
- "alignItems": "center",
2959
- "radioVariantValueRadio": "checked",
2960
- "radioVariantValueRadio:1": "unchecked",
2961
- "radioVariantValueRadioCircle": "checked",
2962
- "radioVariantValueRadioCircle:1": "unchecked"
3050
+ "menuitemItemCheckboxVariantRoot": "default",
3051
+ "menuitemItemCheckboxVariantActiveRoot": "on",
3052
+ "menuitemItemCheckboxVariantActiveRoot:1": "off",
3053
+ "menuitemItemCheckboxVariantText": "default",
3054
+ "menuitemItemCheckboxVariantActiveText": "on",
3055
+ "menuitemItemCheckboxVariantActiveText:1": "off",
3056
+ "menuitemItemCheckboxVariantStartIcon": "default",
3057
+ "menuitemItemCheckboxVariantActiveStartIcon": "on",
3058
+ "menuitemItemCheckboxVariantActiveStartIcon:1": "off",
3059
+ "menuitemItemCheckboxVariantEndIcon": "default",
3060
+ "menuitemItemCheckboxVariantActiveEndIcon": "on",
3061
+ "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
2963
3062
  },
2964
3063
  "cxLiterals": [
2965
- "cursor-pointer",
2966
- "cursor-default",
2967
- "opacity-50",
2968
- "border",
2969
- "uds-ring",
2970
- "uds-ring-within",
2971
- "transition-[background-color,border-color]",
2972
- "transition-shadow",
2973
- "pointer-events-none",
2974
- "w-[8px]",
2975
- "h-[8px]",
2976
- "transition-opacity",
2977
- "cursor-[inherit]",
2978
- "absolute",
2979
- "opacity-0",
2980
- "top-1/2",
2981
- "left-1/2",
2982
- "w-[calc(100%+2px)]",
2983
- "h-[calc(100%+2px)]",
2984
- "transform",
2985
- "translate-x-[-50%]",
2986
- "translate-y-[-50%]",
2987
- "text-start",
2988
- "text-end"
3064
+ "uds-menu-item-checkbox"
2989
3065
  ],
2990
3066
  "internalComponents": [
2991
- "Box",
2992
- "FormLabel",
2993
- "SpringMotionConfig",
2994
- "RootElement",
2995
- "MotionBox"
3067
+ "MenuItemBase"
2996
3068
  ],
2997
- "internalComponentProps": {
2998
- "Box": {
2999
- "borderRadius": [
3000
- "full"
3001
- ]
3002
- },
3003
- "FormLabel": {
3004
- "as": [
3005
- "div"
3006
- ],
3007
- "variant": [
3008
- "inherit"
3009
- ],
3010
- "color": [
3011
- "inherit"
3012
- ]
3013
- },
3014
- "RootElement": {
3015
- "data-testid": [
3016
- "container"
3017
- ]
3018
- },
3019
- "MotionBox": {
3020
- "position": [
3021
- "relative"
3022
- ],
3023
- "borderRadius": [
3024
- "full"
3025
- ],
3026
- "alignItems": [
3027
- "center"
3028
- ],
3029
- "justifyContent": [
3030
- "center"
3031
- ],
3032
- "flex": [
3033
- "none"
3034
- ]
3035
- }
3036
- },
3037
- "propToVariantKeys": {
3038
- "size": [
3039
- "radioSizeRoot",
3040
- "radioSizeRadio"
3041
- ],
3042
- "variant": [
3043
- "radioVariantRoot",
3044
- "radioVariantRadio",
3045
- "radioVariantRadioCircle"
3046
- ],
3047
- "reduceMotion": [
3048
- "reducedMotion"
3049
- ]
3050
- },
3069
+ "internalComponentProps": {},
3070
+ "propToVariantKeys": {},
3051
3071
  "runtimeConfigDefaultProps": {},
3052
3072
  "runtimeConfigGetStyles": {},
3053
3073
  "runtimeConfigInternalComponentProps": {},
3054
- "motionVarPrefixes": [
3055
- "--uds-motion-subtle-3-",
3056
- "--uds-motion-smooth-3-"
3057
- ]
3074
+ "motionVarPrefixes": []
3058
3075
  },
3059
- "Accordion": {
3060
- "name": "Accordion",
3076
+ "Menu.ItemBase": {
3077
+ "name": "Menu.ItemBase",
3061
3078
  "defaultProps": {
3079
+ "spacing": "0",
3062
3080
  "spacingHorizontal": "4",
3063
- "spacingVertical": "4"
3081
+ "spacingVertical": "3.5",
3082
+ "columnGap": "2",
3083
+ "alignItems": "center",
3084
+ "justifyContent": "space-between"
3085
+ },
3086
+ "getStylesLiterals": {
3087
+ "textAlign": "start",
3088
+ "menuitemSizeRoot": "default",
3089
+ "flexDirection": "row",
3090
+ "menuitemSizeStartIcon": "default",
3091
+ "menuitemSizeEndIcon": "default"
3064
3092
  },
3065
- "getStylesLiterals": {},
3066
3093
  "cxLiterals": [
3067
- "hover:bg-secondary/80",
3068
- "w-full"
3094
+ "flex",
3095
+ "focus-visible:text-brand",
3096
+ "focus-visible:bg-brand-secondary",
3097
+ "focus-visible:z-10",
3098
+ "uds-ring",
3099
+ "!-outline-offset-2",
3100
+ "[&:not([aria-checked])]:cursor-default",
3101
+ "opacity-25",
3102
+ "cursor-not-allowed",
3103
+ "duration-20",
3104
+ "transition-[font-variation-settings]",
3105
+ "ease-in-out",
3106
+ "z-0",
3107
+ "uds-start-icon",
3108
+ "uds-end-icon"
3069
3109
  ],
3070
3110
  "internalComponents": [
3071
- "Icon",
3072
- "SpringMotionConfig",
3073
3111
  "Pressable",
3074
- "Text",
3112
+ "IconSlot",
3113
+ "RootComponent",
3075
3114
  "HStack",
3076
- "AnimatePresence",
3077
- "VStack"
3115
+ "AnimatePresence"
3078
3116
  ],
3079
3117
  "internalComponentProps": {
3080
- "Icon": {
3081
- "variant": [
3082
- "fill"
3083
- ],
3084
- "size": [
3085
- "sm"
3086
- ],
3087
- "color": [
3088
- "primary"
3089
- ]
3090
- },
3091
- "SpringMotionConfig": {
3092
- "layoutVariant": [
3093
- "smooth"
3094
- ],
3095
- "layoutSpeed": [
3096
- "3"
3097
- ]
3098
- },
3099
- "Pressable": {
3100
- "display": [
3101
- "flex"
3102
- ],
3103
- "flexDirection": [
3104
- "row"
3105
- ],
3118
+ "HStack": {
3106
3119
  "alignItems": [
3107
3120
  "center"
3108
3121
  ],
3109
- "justifyContent": [
3110
- "space-between"
3111
- ],
3112
- "borderRadius": [
3113
- "md"
3114
- ]
3115
- },
3116
- "Text": {
3117
- "variant": [
3118
- "title4"
3119
- ],
3120
- "color": [
3121
- "primary"
3122
+ "width": [
3123
+ "full"
3122
3124
  ]
3123
3125
  },
3124
- "HStack": {
3125
- "display": [
3126
- "flex"
3127
- ],
3128
- "alignItems": [
3129
- "center"
3130
- ],
3131
- "justifyContent": [
3132
- "space-between"
3133
- ],
3134
- "columnGap": [
3135
- "2.5"
3126
+ "AnimatePresence": {
3127
+ "mode": [
3128
+ "popLayout"
3136
3129
  ]
3137
3130
  }
3138
3131
  },
3132
+ "propToVariantKeys": {
3133
+ "startIcon": [
3134
+ "icon"
3135
+ ],
3136
+ "endIcon": [
3137
+ "icon"
3138
+ ],
3139
+ "columnGap": [
3140
+ "gap"
3141
+ ]
3142
+ },
3143
+ "runtimeConfigDefaultProps": {},
3144
+ "runtimeConfigGetStyles": {},
3145
+ "runtimeConfigInternalComponentProps": {},
3146
+ "motionVarPrefixes": []
3147
+ },
3148
+ "UDSBreakpointsConfigProvider": {
3149
+ "name": "UDSBreakpointsConfigProvider",
3150
+ "defaultProps": {},
3151
+ "getStylesLiterals": {},
3152
+ "cxLiterals": [],
3153
+ "internalComponents": [
3154
+ "UDSBreakpointsConfigContext.Provider"
3155
+ ],
3156
+ "internalComponentProps": {},
3139
3157
  "propToVariantKeys": {},
3140
3158
  "runtimeConfigDefaultProps": {},
3141
3159
  "runtimeConfigGetStyles": {},
3142
3160
  "runtimeConfigInternalComponentProps": {},
3143
- "motionVarPrefixes": [
3144
- "--uds-motion-smooth-3-"
3145
- ]
3161
+ "motionVarPrefixes": []
3146
3162
  },
3147
- "Modal": {
3148
- "name": "Modal",
3163
+ "UDSConfigProvider": {
3164
+ "name": "UDSConfigProvider",
3165
+ "defaultProps": {},
3166
+ "getStylesLiterals": {},
3167
+ "cxLiterals": [],
3168
+ "internalComponents": [
3169
+ "UDSBreakpointsConfigProvider",
3170
+ "UDSBottomSheetConfigProvider",
3171
+ "UDSToastConfigProvider",
3172
+ "UDSTooltipConfigProvider",
3173
+ "UDSPopoverConfigProvider"
3174
+ ],
3175
+ "internalComponentProps": {},
3176
+ "propToVariantKeys": {},
3177
+ "runtimeConfigDefaultProps": {},
3178
+ "runtimeConfigGetStyles": {},
3179
+ "runtimeConfigInternalComponentProps": {},
3180
+ "motionVarPrefixes": []
3181
+ },
3182
+ "Tooltip": {
3183
+ "name": "Tooltip",
3149
3184
  "defaultProps": {},
3150
3185
  "getStylesLiterals": {},
3186
+ "cxLiterals": [],
3187
+ "internalComponents": [
3188
+ "TooltipInternalContext.Provider",
3189
+ "TooltipProvider"
3190
+ ],
3191
+ "internalComponentProps": {},
3192
+ "propToVariantKeys": {},
3193
+ "runtimeConfigDefaultProps": {},
3194
+ "runtimeConfigGetStyles": {},
3195
+ "runtimeConfigInternalComponentProps": {
3196
+ "TooltipProvider": {
3197
+ "animated": [
3198
+ "tooltip.animationDuration"
3199
+ ]
3200
+ }
3201
+ },
3202
+ "motionVarPrefixes": []
3203
+ },
3204
+ "TooltipContent": {
3205
+ "name": "TooltipContent",
3206
+ "defaultProps": {},
3207
+ "getStylesLiterals": {
3208
+ "tooltipSizeRoot": "default",
3209
+ "tooltipVariantRoot": "default",
3210
+ "tooltipSizeSvg": "default",
3211
+ "tooltipVariantSvg": "default",
3212
+ "tooltipVariantBlur": "default",
3213
+ "position": "absolute",
3214
+ "width": "full",
3215
+ "height": "full",
3216
+ "tooltipSizeTitle": "default",
3217
+ "tooltipSizeBody": "default",
3218
+ "tooltipSizeEndContent": "default",
3219
+ "tooltipSizeIcon": "default",
3220
+ "tooltipVariantIcon": "default"
3221
+ },
3151
3222
  "cxLiterals": [
3152
- "inset-8",
3153
- "top-[250px]",
3154
- "z-50",
3155
- "mx-auto",
3156
- "h-fit",
3157
- "w-[600px]",
3158
- "origin-center",
3159
- "scale-95",
3160
- "opacity-0",
3161
- "transition",
3162
- "duration-150",
3163
- "data-[enter]:scale-100",
3164
- "data-[enter]:opacity-100",
3165
- "data-[enter]:bg-primary",
3166
- "backdrop-blur-0",
3167
- "data-[enter]:opacity-60",
3168
- "data-[enter]:backdrop-blur-sm"
3223
+ "max-w-lg",
3224
+ "flex",
3225
+ "z-[9999]",
3226
+ "uds-bgBlurFillFallback",
3227
+ "uds-bgBlurFallback",
3228
+ "top-0",
3229
+ "left-0",
3230
+ "z-[1]"
3169
3231
  ],
3170
3232
  "internalComponents": [
3171
- "IconButton",
3172
- "Dialog",
3173
- "HStack",
3174
- "Text",
3175
- "VStack"
3233
+ "IconSlot",
3234
+ "TooltipArrow",
3235
+ "Tooltip",
3236
+ "SvgFloatingOverlay",
3237
+ "VStack",
3238
+ "Box",
3239
+ "Text"
3176
3240
  ],
3177
3241
  "internalComponentProps": {
3178
- "IconButton": {
3179
- "aria-label": [
3180
- "Close"
3181
- ],
3182
- "size": [
3183
- "sm"
3184
- ],
3185
- "variant": [
3186
- "tertiary"
3242
+ "SvgFloatingOverlay": {
3243
+ "contentOverflow": [
3244
+ "visible"
3187
3245
  ]
3188
3246
  },
3189
- "HStack": {
3247
+ "VStack": {
3248
+ "className": [
3249
+ "gap-[inherit]"
3250
+ ]
3251
+ },
3252
+ "Box": {
3190
3253
  "alignItems": [
3191
3254
  "center"
3192
3255
  ],
3193
- "justifyContent": [
3194
- "space-between"
3256
+ "columnGap": [
3257
+ "1",
3258
+ "1.5"
3195
3259
  ]
3196
3260
  },
3197
3261
  "Text": {
3198
- "variant": [
3199
- "headline1"
3200
- ],
3201
3262
  "color": [
3202
- "primary"
3203
- ]
3204
- },
3205
- "VStack": {
3206
- "borderRadius": [
3207
- "md"
3208
- ],
3209
- "position": [
3210
- "fixed"
3211
- ],
3212
- "backgroundColor": [
3213
- "primary"
3214
- ],
3215
- "dropShadow": [
3216
- "md"
3217
- ],
3218
- "spacing": [
3219
- "8"
3220
- ],
3221
- "overflow": [
3222
- "hidden"
3263
+ "inherit"
3223
3264
  ]
3224
3265
  }
3225
3266
  },
3226
3267
  "propToVariantKeys": {
3227
- "handleClose": [
3228
- "onClick"
3268
+ "startTitleIcon": [
3269
+ "icon"
3229
3270
  ]
3230
3271
  },
3231
3272
  "runtimeConfigDefaultProps": {},
@@ -3233,12 +3274,14 @@
3233
3274
  "runtimeConfigInternalComponentProps": {},
3234
3275
  "motionVarPrefixes": []
3235
3276
  },
3236
- "AvoidMotionLibraryProvider": {
3237
- "name": "AvoidMotionLibraryProvider",
3277
+ "UDSTooltipConfigProvider": {
3278
+ "name": "UDSTooltipConfigProvider",
3238
3279
  "defaultProps": {},
3239
3280
  "getStylesLiterals": {},
3240
3281
  "cxLiterals": [],
3241
- "internalComponents": [],
3282
+ "internalComponents": [
3283
+ "TooltipContext.Provider"
3284
+ ],
3242
3285
  "internalComponentProps": {},
3243
3286
  "propToVariantKeys": {},
3244
3287
  "runtimeConfigDefaultProps": {},
@@ -3246,87 +3289,24 @@
3246
3289
  "runtimeConfigInternalComponentProps": {},
3247
3290
  "motionVarPrefixes": []
3248
3291
  },
3249
- "SegmentedControl": {
3250
- "name": "SegmentedControl",
3251
- "defaultProps": {
3252
- "textVariant": "label2"
3253
- },
3254
- "getStylesLiterals": {
3255
- "display": "flex",
3256
- "alignItems": "center",
3257
- "backgroundColor": "primary",
3258
- "spacingVertical": "1",
3259
- "spacingHorizontal": "3",
3260
- "columnGap": "1.5",
3261
- "borderWidth": "thin",
3262
- "borderRadius": "full",
3263
- "borderColor": "muted",
3264
- "borderColor:1": "transparent",
3265
- "color": "primary",
3266
- "color:1": "tertiary",
3267
- "color:2": "muted"
3268
- },
3269
- "cxLiterals": [
3270
- "uds-ring",
3271
- "cursor-not-allowed",
3272
- "opacity-50",
3273
- "pointer-events-none",
3274
- "hover:bg-primary"
3275
- ],
3292
+ "TooltipTrigger": {
3293
+ "name": "TooltipTrigger",
3294
+ "defaultProps": {},
3295
+ "getStylesLiterals": {},
3296
+ "cxLiterals": [],
3276
3297
  "internalComponents": [
3277
- "TextVariant",
3278
- "Radio",
3279
- "Icon",
3280
- "RadioProvider",
3281
- "HStack",
3282
- "RadioGroup",
3283
- "Pressable",
3284
- "Text"
3298
+ "TooltipAnchor"
3285
3299
  ],
3286
3300
  "internalComponentProps": {
3287
- "Icon": {
3288
- "size": [
3289
- "sm"
3290
- ],
3291
- "color": [
3292
- "current"
3293
- ],
3294
- "aria-hidden": [
3295
- "true"
3296
- ]
3297
- },
3298
- "HStack": {
3299
- "spacing": [
3300
- "1"
3301
- ],
3302
- "gap": [
3303
- "1"
3304
- ],
3305
- "backgroundColor": [
3306
- "secondary"
3307
- ],
3308
- "borderRadius": [
3309
- "full"
3310
- ],
3311
- "display": [
3312
- "inline-flex"
3313
- ]
3314
- },
3315
- "Text": {
3316
- "color": [
3317
- "current"
3301
+ "TooltipAnchor": {
3302
+ "className": [
3303
+ "inline"
3318
3304
  ]
3319
3305
  }
3320
3306
  },
3321
3307
  "propToVariantKeys": {
3322
- "value": [
3323
- "key"
3324
- ],
3325
- "label": [
3326
- "aria-label"
3327
- ],
3328
- "textVariant": [
3329
- "variant"
3308
+ "children": [
3309
+ "render"
3330
3310
  ]
3331
3311
  },
3332
3312
  "runtimeConfigDefaultProps": {},
@@ -3334,66 +3314,89 @@
3334
3314
  "runtimeConfigInternalComponentProps": {},
3335
3315
  "motionVarPrefixes": []
3336
3316
  },
3337
- "SwitchV2": {
3338
- "name": "SwitchV2",
3317
+ "RadioGroupProvider": {
3318
+ "name": "RadioGroupProvider",
3319
+ "defaultProps": {},
3320
+ "getStylesLiterals": {},
3321
+ "cxLiterals": [],
3322
+ "internalComponents": [
3323
+ "DivProps",
3324
+ "Comp",
3325
+ "RadioGroupContext.Provider"
3326
+ ],
3327
+ "internalComponentProps": {
3328
+ "Comp": {
3329
+ "role": [
3330
+ "radiogroup"
3331
+ ]
3332
+ }
3333
+ },
3334
+ "propToVariantKeys": {},
3335
+ "runtimeConfigDefaultProps": {},
3336
+ "runtimeConfigGetStyles": {},
3337
+ "runtimeConfigInternalComponentProps": {},
3338
+ "motionVarPrefixes": []
3339
+ },
3340
+ "RadioGroupStore": {
3341
+ "name": "RadioGroupStore",
3342
+ "defaultProps": {},
3343
+ "getStylesLiterals": {},
3344
+ "cxLiterals": [],
3345
+ "internalComponents": [],
3346
+ "internalComponentProps": {},
3347
+ "propToVariantKeys": {},
3348
+ "runtimeConfigDefaultProps": {},
3349
+ "runtimeConfigGetStyles": {},
3350
+ "runtimeConfigInternalComponentProps": {},
3351
+ "motionVarPrefixes": []
3352
+ },
3353
+ "Radio": {
3354
+ "name": "Radio",
3339
3355
  "defaultProps": {
3340
3356
  "labelPosition": "start",
3341
- "size": "md"
3357
+ "variant": "primary",
3358
+ "size": "md",
3359
+ "value": ""
3342
3360
  },
3343
3361
  "getStylesLiterals": {
3344
- "switchVariantRoot": "default",
3345
- "switchVariantActiveRoot": "on",
3346
- "switchVariantActiveRoot:1": "off",
3347
- "switchVariantSwitch": "default",
3348
- "switchVariantActiveSwitch": "on",
3349
- "switchVariantActiveSwitch:1": "off",
3350
- "switchVariantActiveHandle": "on",
3351
- "switchVariantActiveHandle:1": "off",
3352
- "switchVariantHandle": "default",
3353
- "switchVariantHandleIcon": "default",
3354
- "switchVariantActiveHandleIcon": "on",
3355
- "switchVariantActiveHandleIcon:1": "off"
3362
+ "radioVariantValueRoot": "checked",
3363
+ "radioVariantValueRoot:1": "unchecked",
3364
+ "display": "flex",
3365
+ "flexDirection": "row",
3366
+ "flexDirection:1": "row-reverse",
3367
+ "alignItems": "center",
3368
+ "radioVariantValueRadio": "checked",
3369
+ "radioVariantValueRadio:1": "unchecked",
3370
+ "radioVariantValueRadioCircle": "checked",
3371
+ "radioVariantValueRadioCircle:1": "unchecked"
3356
3372
  },
3357
3373
  "cxLiterals": [
3358
- "group",
3359
- "flex",
3360
- "items-center",
3361
- "flex-row",
3362
- "flex-row-reverse",
3374
+ "cursor-pointer",
3375
+ "cursor-default",
3376
+ "opacity-50",
3377
+ "border",
3363
3378
  "uds-ring",
3364
3379
  "uds-ring-within",
3365
- "relative",
3366
- "uds-border-radius-full",
3367
- "transition-[background-color,box-shadow]",
3380
+ "transition-[background-color,border-color]",
3381
+ "transition-shadow",
3368
3382
  "pointer-events-none",
3369
- "w-full",
3370
- "h-full",
3383
+ "w-[8px]",
3384
+ "h-[8px]",
3385
+ "transition-opacity",
3386
+ "cursor-[inherit]",
3371
3387
  "absolute",
3372
- "top-0",
3373
- "bottom-0",
3374
- "right-0",
3375
- "left-0",
3376
- "overflow-hidden",
3377
- "group-hover:scale-105",
3378
- "opacity-95",
3379
- "group-hover:opacity-100",
3380
- "transition-[transform,opacity]",
3381
3388
  "opacity-0",
3382
3389
  "top-1/2",
3383
3390
  "left-1/2",
3391
+ "w-[calc(100%+2px)]",
3392
+ "h-[calc(100%+2px)]",
3384
3393
  "transform",
3385
3394
  "translate-x-[-50%]",
3386
3395
  "translate-y-[-50%]",
3387
- "transition-opacity",
3388
- "cursor-[inherit]",
3389
- "w-[calc(100%+2px)]",
3390
- "h-[calc(100%+2px)]",
3391
3396
  "text-start",
3392
- "text-end",
3393
- "opacity-100"
3397
+ "text-end"
3394
3398
  ],
3395
3399
  "internalComponents": [
3396
- "IconSlot",
3397
3400
  "Box",
3398
3401
  "FormLabel",
3399
3402
  "SpringMotionConfig",
@@ -3401,10 +3404,9 @@
3401
3404
  "MotionBox"
3402
3405
  ],
3403
3406
  "internalComponentProps": {
3404
- "IconSlot": {
3405
- "data-testid": [
3406
- "on-icon",
3407
- "off-icon"
3407
+ "Box": {
3408
+ "borderRadius": [
3409
+ "full"
3408
3410
  ]
3409
3411
  },
3410
3412
  "FormLabel": {
@@ -3418,50 +3420,48 @@
3418
3420
  "inherit"
3419
3421
  ]
3420
3422
  },
3421
- "SpringMotionConfig": {
3422
- "layoutVariant": [
3423
- "bouncy"
3424
- ],
3425
- "layoutSpeed": [
3426
- "4"
3427
- ]
3428
- },
3429
3423
  "RootElement": {
3430
3424
  "data-testid": [
3431
- "switch-root"
3425
+ "container"
3432
3426
  ]
3433
3427
  },
3434
3428
  "MotionBox": {
3435
- "layout": [
3436
- "position"
3429
+ "position": [
3430
+ "relative"
3431
+ ],
3432
+ "borderRadius": [
3433
+ "full"
3434
+ ],
3435
+ "alignItems": [
3436
+ "center"
3437
+ ],
3438
+ "justifyContent": [
3439
+ "center"
3440
+ ],
3441
+ "flex": [
3442
+ "none"
3437
3443
  ]
3438
3444
  }
3439
3445
  },
3440
3446
  "propToVariantKeys": {
3441
3447
  "size": [
3442
- "switchSizeRoot",
3443
- "switchSizeSwitch",
3444
- "switchSizeHandle",
3445
- "switchSizeHandleIcon"
3446
- ],
3447
- "onIcon": [
3448
- "icon"
3448
+ "radioSizeRoot",
3449
+ "radioSizeRadio"
3449
3450
  ],
3450
- "offIcon": [
3451
- "icon"
3451
+ "variant": [
3452
+ "radioVariantRoot",
3453
+ "radioVariantRadio",
3454
+ "radioVariantRadioCircle"
3452
3455
  ],
3453
3456
  "reduceMotion": [
3454
3457
  "reducedMotion"
3455
- ],
3456
- "isOn": [
3457
- "layoutDependency"
3458
3458
  ]
3459
3459
  },
3460
3460
  "runtimeConfigDefaultProps": {},
3461
3461
  "runtimeConfigGetStyles": {},
3462
3462
  "runtimeConfigInternalComponentProps": {},
3463
3463
  "motionVarPrefixes": [
3464
- "--uds-motion-bouncy-4-",
3464
+ "--uds-motion-subtle-3-",
3465
3465
  "--uds-motion-smooth-3-"
3466
3466
  ]
3467
3467
  }