@yahoo/uds 3.146.0 → 3.147.0-beta.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (32) hide show
  1. package/dist/styles/styler.d.cts +43 -43
  2. package/dist/styles/styler.d.ts +43 -43
  3. package/dist/tailwind/utils/index.d.cts +2 -2
  4. package/dist/tailwind/utils/index.d.ts +2 -2
  5. package/dist/tailwind-internal/dist/base/addFontFaceDeclarations.cjs +2 -2
  6. package/dist/tailwind-internal/dist/base/addFontFaceDeclarations.js +2 -2
  7. package/dist/tailwind-internal/dist/base/addFontVars.cjs +2 -2
  8. package/dist/tailwind-internal/dist/base/addFontVars.js +2 -2
  9. package/dist/tailwind-internal/dist/index.d.cts +1 -1
  10. package/dist/tailwind-internal/dist/index.d.ts +1 -1
  11. package/dist/tailwind-internal/dist/plugins/typography.cjs +3 -3
  12. package/dist/tailwind-internal/dist/plugins/typography.js +3 -3
  13. package/dist/tailwind-internal/dist/utils/addFontsPlugin.cjs +2 -2
  14. package/dist/tailwind-internal/dist/utils/addFontsPlugin.d.cts +6 -0
  15. package/dist/tailwind-internal/dist/utils/addFontsPlugin.d.ts +6 -0
  16. package/dist/tailwind-internal/dist/utils/addFontsPlugin.js +2 -2
  17. package/dist/tailwind-internal/dist/utils/composeTailwindPlugins.d.cts +7 -0
  18. package/dist/tailwind-internal/dist/utils/composeTailwindPlugins.d.ts +7 -0
  19. package/dist/tailwind-internal/dist/utils/getFontFaceDeclarations.cjs +3 -2
  20. package/dist/tailwind-internal/dist/utils/getFontFaceDeclarations.d.cts +59 -58
  21. package/dist/tailwind-internal/dist/utils/getFontFaceDeclarations.d.ts +59 -58
  22. package/dist/tailwind-internal/dist/utils/getFontFaceDeclarations.js +3 -2
  23. package/dist/tailwind-internal/dist/utils/getFontStyles.cjs +2 -2
  24. package/dist/tailwind-internal/dist/utils/getFontStyles.d.cts +2 -1
  25. package/dist/tailwind-internal/dist/utils/getFontStyles.d.ts +2 -1
  26. package/dist/tailwind-internal/dist/utils/getFontStyles.js +2 -2
  27. package/dist/tailwind-internal/dist/utils/getShadowStyles.d.cts +2 -2
  28. package/dist/tailwind-internal/dist/utils/getShadowStyles.d.ts +2 -2
  29. package/dist/uds/generated/componentData.cjs +764 -764
  30. package/dist/uds/generated/componentData.js +764 -764
  31. package/generated/componentData.json +1052 -1052
  32. package/package.json +1 -1
@@ -593,92 +593,6 @@
593
593
  "runtimeConfigInternalComponentProps": {},
594
594
  "motionVarPrefixes": []
595
595
  },
596
- "Spinner": {
597
- "name": "Spinner",
598
- "defaultProps": {
599
- "color": "primary",
600
- "size": "lg"
601
- },
602
- "getStylesLiterals": {},
603
- "cxLiterals": [
604
- "self-center",
605
- "relative",
606
- "sr-only"
607
- ],
608
- "internalComponents": [
609
- "Icon"
610
- ],
611
- "internalComponentProps": {
612
- "Icon": {
613
- "role": [
614
- "img"
615
- ],
616
- "className": [
617
- "animate-spin"
618
- ],
619
- "aria-hidden": [
620
- "true"
621
- ]
622
- }
623
- },
624
- "propToVariantKeys": {},
625
- "runtimeConfigDefaultProps": {},
626
- "runtimeConfigGetStyles": {},
627
- "runtimeConfigInternalComponentProps": {},
628
- "motionVarPrefixes": []
629
- },
630
- "Table.mocks": {
631
- "name": "Table.mocks",
632
- "defaultProps": {},
633
- "getStylesLiterals": {},
634
- "cxLiterals": [],
635
- "internalComponents": [],
636
- "internalComponentProps": {},
637
- "propToVariantKeys": {},
638
- "runtimeConfigDefaultProps": {},
639
- "runtimeConfigGetStyles": {},
640
- "runtimeConfigInternalComponentProps": {},
641
- "motionVarPrefixes": []
642
- },
643
- "Table": {
644
- "name": "Table",
645
- "defaultProps": {
646
- "display": "table-cell",
647
- "overflow": "hidden",
648
- "borderColor": "muted",
649
- "borderRadius": "md",
650
- "spacing": "3",
651
- "borderBottomColor": "muted",
652
- "borderBottomWidth": "thin",
653
- "color": "primary"
654
- },
655
- "getStylesLiterals": {
656
- "textAlign": "start"
657
- },
658
- "cxLiterals": [],
659
- "internalComponents": [
660
- "CellComponent",
661
- "Box",
662
- "Text",
663
- "Table.Root",
664
- "Table.Header",
665
- "Table.Row",
666
- "Table.Cell",
667
- "Table.Body"
668
- ],
669
- "internalComponentProps": {
670
- "Table.Cell": {
671
- "asHeaderCell": [
672
- "column"
673
- ]
674
- }
675
- },
676
- "propToVariantKeys": {},
677
- "runtimeConfigDefaultProps": {},
678
- "runtimeConfigGetStyles": {},
679
- "runtimeConfigInternalComponentProps": {},
680
- "motionVarPrefixes": []
681
- },
682
596
  "AnimateHeightChange": {
683
597
  "name": "AnimateHeightChange",
684
598
  "defaultProps": {},
@@ -1185,510 +1099,400 @@
1185
1099
  "--uds-motion-smooth-3-"
1186
1100
  ]
1187
1101
  },
1188
- "Input": {
1189
- "name": "Input",
1102
+ "Spinner": {
1103
+ "name": "Spinner",
1190
1104
  "defaultProps": {
1191
- "type": "text",
1192
- "size": "md",
1193
- "width": "full"
1194
- },
1195
- "getStylesLiterals": {
1196
- "inputVariantRoot": "default",
1197
- "inputVariantValueRoot": "empty",
1198
- "inputVariantValueRoot:1": "filled",
1199
- "inputVariantInputWrapper": "default",
1200
- "inputVariantValueInputWrapper": "empty",
1201
- "inputVariantValueInputWrapper:1": "filled",
1202
- "inputVariantInput": "default",
1203
- "inputVariantValueInput": "empty",
1204
- "inputVariantValueInput:1": "filled",
1205
- "inputVariantInputPlaceholder": "default",
1206
- "inputVariantValueInputPlaceholder": "empty",
1207
- "inputVariantValueInputPlaceholder:1": "filled",
1208
- "inputVariantLabel": "default",
1209
- "inputVariantValueLabel": "empty",
1210
- "inputVariantValueLabel:1": "filled",
1211
- "inputVariantLabelRequired": "default",
1212
- "inputVariantValueLabelRequired": "empty",
1213
- "inputVariantValueLabelRequired:1": "filled",
1214
- "inputVariantStartIcon": "default",
1215
- "inputVariantValueStartIcon": "empty",
1216
- "inputVariantValueStartIcon:1": "filled",
1217
- "inputVariantEndIcon": "default",
1218
- "inputVariantValueEndIcon": "empty",
1219
- "inputVariantValueEndIcon:1": "filled"
1105
+ "color": "primary",
1106
+ "size": "lg"
1220
1107
  },
1108
+ "getStylesLiterals": {},
1221
1109
  "cxLiterals": [
1222
- "opacity-50",
1223
- "min-w-[200px]",
1224
- "grow",
1225
- "uds-hit-target",
1226
- "bg-clip-text",
1227
- "focus:outline-none",
1228
- "cursor-text",
1229
- "cursor-not-allowed"
1110
+ "self-center",
1111
+ "relative",
1112
+ "sr-only"
1230
1113
  ],
1231
1114
  "internalComponents": [
1232
- "IconSlot",
1233
- "StartIcon",
1234
- "EndIcon",
1235
- "HelpTextContent",
1236
- "Box",
1237
- "InputHelpTextInternal",
1238
- "VStack",
1239
- "HStack",
1240
- "AnimateHeightChange"
1115
+ "Icon"
1241
1116
  ],
1242
1117
  "internalComponentProps": {
1243
- "HelpTextContent": {
1244
- "spacingTop": [
1245
- "2"
1246
- ]
1247
- },
1248
- "Box": {
1249
- "spacingBottom": [
1250
- "2"
1251
- ],
1252
- "columnGap": [
1253
- "0.5"
1254
- ],
1255
- "alignItems": [
1256
- "flex-end",
1257
- "center"
1118
+ "Icon": {
1119
+ "role": [
1120
+ "img"
1258
1121
  ],
1259
- "position": [
1260
- "relative"
1261
- ]
1262
- },
1263
- "HStack": {
1264
- "alignItems": [
1265
- "center"
1122
+ "className": [
1123
+ "animate-spin"
1266
1124
  ],
1267
- "gap": [
1268
- "1"
1125
+ "aria-hidden": [
1126
+ "true"
1269
1127
  ]
1270
1128
  }
1271
1129
  },
1272
- "propToVariantKeys": {
1273
- "size": [
1274
- "inputSizeRoot",
1275
- "inputSizeInputWrapper",
1276
- "inputSizeInput",
1277
- "inputSizeLabel",
1278
- "inputSizeStartIcon",
1279
- "inputSizeEndIcon"
1280
- ],
1281
- "startIcon": [
1282
- "icon"
1283
- ],
1284
- "endIcon": [
1285
- "icon"
1286
- ],
1287
- "slotProps": [
1288
- "helperTextSlotProps"
1289
- ],
1290
- "helperTextIcon": [
1291
- "startIcon"
1292
- ]
1293
- },
1130
+ "propToVariantKeys": {},
1294
1131
  "runtimeConfigDefaultProps": {},
1295
1132
  "runtimeConfigGetStyles": {},
1296
1133
  "runtimeConfigInternalComponentProps": {},
1297
1134
  "motionVarPrefixes": []
1298
1135
  },
1299
- "InputHelpText": {
1300
- "name": "InputHelpText",
1136
+ "Table.mocks": {
1137
+ "name": "Table.mocks",
1138
+ "defaultProps": {},
1139
+ "getStylesLiterals": {},
1140
+ "cxLiterals": [],
1141
+ "internalComponents": [],
1142
+ "internalComponentProps": {},
1143
+ "propToVariantKeys": {},
1144
+ "runtimeConfigDefaultProps": {},
1145
+ "runtimeConfigGetStyles": {},
1146
+ "runtimeConfigInternalComponentProps": {},
1147
+ "motionVarPrefixes": []
1148
+ },
1149
+ "Table": {
1150
+ "name": "Table",
1301
1151
  "defaultProps": {
1302
- "size": "md"
1152
+ "display": "table-cell",
1153
+ "overflow": "hidden",
1154
+ "borderColor": "muted",
1155
+ "borderRadius": "md",
1156
+ "spacing": "3",
1157
+ "borderBottomColor": "muted",
1158
+ "borderBottomWidth": "thin",
1159
+ "color": "primary"
1303
1160
  },
1304
1161
  "getStylesLiterals": {
1305
- "inputVariantRoot": "default",
1306
- "inputVariantValueRoot": "empty",
1307
- "inputVariantValueRoot:1": "filled"
1162
+ "textAlign": "start"
1308
1163
  },
1309
1164
  "cxLiterals": [],
1310
1165
  "internalComponents": [
1311
- "InputHelpTextInternal",
1312
- "Box"
1166
+ "CellComponent",
1167
+ "Box",
1168
+ "Text",
1169
+ "Table.Root",
1170
+ "Table.Header",
1171
+ "Table.Row",
1172
+ "Table.Cell",
1173
+ "Table.Body"
1313
1174
  ],
1314
1175
  "internalComponentProps": {
1315
- "Box": {
1316
- "spacingTop": [
1317
- "2"
1176
+ "Table.Cell": {
1177
+ "asHeaderCell": [
1178
+ "column"
1318
1179
  ]
1319
1180
  }
1320
1181
  },
1321
- "propToVariantKeys": {
1322
- "size": [
1323
- "inputSizeRoot"
1324
- ]
1325
- },
1182
+ "propToVariantKeys": {},
1326
1183
  "runtimeConfigDefaultProps": {},
1327
1184
  "runtimeConfigGetStyles": {},
1328
1185
  "runtimeConfigInternalComponentProps": {},
1329
1186
  "motionVarPrefixes": []
1330
1187
  },
1331
- "InputHelpTextInternal": {
1332
- "name": "InputHelpTextInternal",
1188
+ "Avatar": {
1189
+ "name": "Avatar",
1333
1190
  "defaultProps": {},
1334
- "getStylesLiterals": {
1335
- "inputVariantHelperText": "default",
1336
- "inputVariantValueHelperText": "empty",
1337
- "inputVariantValueHelperText:1": "filled",
1338
- "inputVariantHelperIcon": "default",
1339
- "inputVariantValueHelperIcon": "empty",
1340
- "inputVariantValueHelperIcon:1": "filled"
1341
- },
1191
+ "getStylesLiterals": {},
1342
1192
  "cxLiterals": [],
1343
1193
  "internalComponents": [
1344
- "IconSlot",
1345
- "HStack"
1194
+ "AvatarImage"
1346
1195
  ],
1347
- "internalComponentProps": {
1348
- "HStack": {
1349
- "gap": [
1350
- "1"
1351
- ],
1352
- "alignItems": [
1353
- "center"
1354
- ]
1355
- }
1356
- },
1357
- "propToVariantKeys": {
1358
- "size": [
1359
- "inputSizeHelperText",
1360
- "inputSizeHelperIcon"
1361
- ],
1362
- "startIcon": [
1363
- "icon"
1364
- ],
1365
- "endIcon": [
1366
- "icon"
1367
- ]
1368
- },
1196
+ "internalComponentProps": {},
1197
+ "propToVariantKeys": {},
1369
1198
  "runtimeConfigDefaultProps": {},
1370
1199
  "runtimeConfigGetStyles": {},
1371
1200
  "runtimeConfigInternalComponentProps": {},
1372
1201
  "motionVarPrefixes": []
1373
1202
  },
1374
- "Accordion": {
1375
- "name": "Accordion",
1203
+ "AvatarIcon": {
1204
+ "name": "AvatarIcon",
1376
1205
  "defaultProps": {
1377
- "spacingHorizontal": "4",
1378
- "spacingVertical": "4"
1206
+ "size": "md",
1207
+ "variant": "primary"
1379
1208
  },
1380
1209
  "getStylesLiterals": {},
1381
1210
  "cxLiterals": [
1382
- "hover:bg-secondary/80",
1383
- "w-full"
1211
+ "overflow-hidden",
1212
+ "w-full",
1213
+ "h-full",
1214
+ "shrink-0",
1215
+ "text-center",
1216
+ "inline-flex",
1217
+ "justify-center",
1218
+ "items-center"
1384
1219
  ],
1385
1220
  "internalComponents": [
1386
- "Icon",
1387
- "SpringMotionConfig",
1388
- "Pressable",
1389
- "Text",
1390
- "HStack",
1391
- "AnimatePresence",
1392
- "VStack"
1221
+ "IconSlot",
1222
+ "Box"
1393
1223
  ],
1394
- "internalComponentProps": {
1395
- "Icon": {
1396
- "variant": [
1397
- "fill"
1398
- ],
1399
- "size": [
1400
- "sm"
1401
- ],
1402
- "color": [
1403
- "primary"
1404
- ]
1405
- },
1406
- "SpringMotionConfig": {
1407
- "layoutVariant": [
1408
- "smooth"
1409
- ],
1410
- "layoutSpeed": [
1411
- "3"
1412
- ]
1413
- },
1414
- "Pressable": {
1415
- "display": [
1416
- "flex"
1417
- ],
1418
- "flexDirection": [
1419
- "row"
1420
- ],
1421
- "alignItems": [
1422
- "center"
1423
- ],
1424
- "justifyContent": [
1425
- "space-between"
1426
- ],
1427
- "borderRadius": [
1428
- "md"
1429
- ]
1430
- },
1431
- "Text": {
1432
- "variant": [
1433
- "title4"
1434
- ],
1435
- "color": [
1436
- "primary"
1437
- ]
1438
- },
1439
- "HStack": {
1440
- "display": [
1441
- "flex"
1442
- ],
1443
- "alignItems": [
1444
- "center"
1445
- ],
1446
- "justifyContent": [
1447
- "space-between"
1448
- ],
1449
- "columnGap": [
1450
- "2.5"
1451
- ]
1452
- }
1224
+ "internalComponentProps": {},
1225
+ "propToVariantKeys": {
1226
+ "size": [
1227
+ "avatarSizeIcon"
1228
+ ]
1453
1229
  },
1454
- "propToVariantKeys": {},
1455
1230
  "runtimeConfigDefaultProps": {},
1456
1231
  "runtimeConfigGetStyles": {},
1457
1232
  "runtimeConfigInternalComponentProps": {},
1458
- "motionVarPrefixes": [
1459
- "--uds-motion-smooth-3-"
1460
- ]
1233
+ "motionVarPrefixes": []
1461
1234
  },
1462
- "AvoidMotionLibraryProvider": {
1463
- "name": "AvoidMotionLibraryProvider",
1464
- "defaultProps": {},
1235
+ "AvatarImage": {
1236
+ "name": "AvatarImage",
1237
+ "defaultProps": {
1238
+ "size": "md",
1239
+ "variant": "primary"
1240
+ },
1465
1241
  "getStylesLiterals": {},
1466
- "cxLiterals": [],
1467
- "internalComponents": [],
1242
+ "cxLiterals": [
1243
+ "overflow-hidden",
1244
+ "w-full",
1245
+ "h-full",
1246
+ "shrink-0",
1247
+ "text-center",
1248
+ "inline-flex",
1249
+ "justify-center",
1250
+ "items-center",
1251
+ "object-cover"
1252
+ ],
1253
+ "internalComponents": [
1254
+ "UDSImage",
1255
+ "AvatarText",
1256
+ "AvatarIcon",
1257
+ "Box"
1258
+ ],
1468
1259
  "internalComponentProps": {},
1469
- "propToVariantKeys": {},
1260
+ "propToVariantKeys": {
1261
+ "alt": [
1262
+ "name"
1263
+ ],
1264
+ "fallback": [
1265
+ "initials"
1266
+ ]
1267
+ },
1470
1268
  "runtimeConfigDefaultProps": {},
1471
1269
  "runtimeConfigGetStyles": {},
1472
1270
  "runtimeConfigInternalComponentProps": {},
1473
1271
  "motionVarPrefixes": []
1474
1272
  },
1475
- "SegmentedControl": {
1476
- "name": "SegmentedControl",
1273
+ "AvatarText": {
1274
+ "name": "AvatarText",
1477
1275
  "defaultProps": {
1478
- "textVariant": "label2"
1479
- },
1480
- "getStylesLiterals": {
1481
- "display": "flex",
1482
- "alignItems": "center",
1483
- "backgroundColor": "primary",
1484
- "spacingVertical": "1",
1485
- "spacingHorizontal": "3",
1486
- "columnGap": "1.5",
1487
- "borderWidth": "thin",
1488
- "borderRadius": "full",
1489
- "borderColor": "muted",
1490
- "borderColor:1": "transparent",
1491
- "color": "primary",
1492
- "color:1": "tertiary",
1493
- "color:2": "muted"
1276
+ "size": "md",
1277
+ "variant": "primary"
1494
1278
  },
1279
+ "getStylesLiterals": {},
1495
1280
  "cxLiterals": [
1496
- "uds-ring",
1497
- "cursor-not-allowed",
1498
- "opacity-50",
1499
- "pointer-events-none",
1500
- "hover:bg-primary"
1281
+ "overflow-hidden",
1282
+ "truncate",
1283
+ "w-full",
1284
+ "h-full",
1285
+ "shrink-0",
1286
+ "text-center",
1287
+ "inline-flex",
1288
+ "justify-center",
1289
+ "items-center"
1501
1290
  ],
1502
1291
  "internalComponents": [
1503
- "Radio",
1504
- "Icon",
1505
- "RadioProvider",
1506
- "HStack",
1507
- "RadioGroup",
1508
- "Pressable",
1292
+ "Box",
1509
1293
  "Text"
1510
1294
  ],
1511
1295
  "internalComponentProps": {
1512
- "Icon": {
1513
- "size": [
1514
- "sm"
1515
- ],
1516
- "color": [
1517
- "current"
1518
- ],
1519
- "aria-hidden": [
1520
- "true"
1521
- ]
1522
- },
1523
- "HStack": {
1524
- "spacing": [
1525
- "1"
1526
- ],
1527
- "gap": [
1528
- "1"
1529
- ],
1530
- "backgroundColor": [
1531
- "secondary"
1532
- ],
1533
- "borderRadius": [
1534
- "full"
1535
- ],
1536
- "display": [
1537
- "inline-flex"
1538
- ]
1539
- },
1540
1296
  "Text": {
1541
1297
  "color": [
1542
- "current"
1298
+ "inherit"
1299
+ ],
1300
+ "variant": [
1301
+ "inherit"
1543
1302
  ]
1544
1303
  }
1545
1304
  },
1546
- "propToVariantKeys": {
1547
- "value": [
1548
- "key"
1549
- ],
1550
- "label": [
1551
- "aria-label"
1552
- ],
1553
- "textVariant": [
1554
- "variant"
1555
- ]
1556
- },
1305
+ "propToVariantKeys": {},
1557
1306
  "runtimeConfigDefaultProps": {},
1558
1307
  "runtimeConfigGetStyles": {},
1559
1308
  "runtimeConfigInternalComponentProps": {},
1560
1309
  "motionVarPrefixes": []
1561
1310
  },
1562
- "SwitchV2": {
1563
- "name": "SwitchV2",
1311
+ "Input": {
1312
+ "name": "Input",
1564
1313
  "defaultProps": {
1565
- "labelPosition": "start",
1566
- "size": "md"
1314
+ "type": "text",
1315
+ "size": "md",
1316
+ "width": "full"
1567
1317
  },
1568
1318
  "getStylesLiterals": {
1569
- "switchVariantRoot": "default",
1570
- "switchVariantActiveRoot": "on",
1571
- "switchVariantActiveRoot:1": "off",
1572
- "switchVariantSwitch": "default",
1573
- "switchVariantActiveSwitch": "on",
1574
- "switchVariantActiveSwitch:1": "off",
1575
- "switchVariantActiveHandle": "on",
1576
- "switchVariantActiveHandle:1": "off",
1577
- "switchVariantHandle": "default",
1578
- "switchVariantHandleIcon": "default",
1579
- "switchVariantActiveHandleIcon": "on",
1580
- "switchVariantActiveHandleIcon:1": "off"
1319
+ "inputVariantRoot": "default",
1320
+ "inputVariantValueRoot": "empty",
1321
+ "inputVariantValueRoot:1": "filled",
1322
+ "inputVariantInputWrapper": "default",
1323
+ "inputVariantValueInputWrapper": "empty",
1324
+ "inputVariantValueInputWrapper:1": "filled",
1325
+ "inputVariantInput": "default",
1326
+ "inputVariantValueInput": "empty",
1327
+ "inputVariantValueInput:1": "filled",
1328
+ "inputVariantInputPlaceholder": "default",
1329
+ "inputVariantValueInputPlaceholder": "empty",
1330
+ "inputVariantValueInputPlaceholder:1": "filled",
1331
+ "inputVariantLabel": "default",
1332
+ "inputVariantValueLabel": "empty",
1333
+ "inputVariantValueLabel:1": "filled",
1334
+ "inputVariantLabelRequired": "default",
1335
+ "inputVariantValueLabelRequired": "empty",
1336
+ "inputVariantValueLabelRequired:1": "filled",
1337
+ "inputVariantStartIcon": "default",
1338
+ "inputVariantValueStartIcon": "empty",
1339
+ "inputVariantValueStartIcon:1": "filled",
1340
+ "inputVariantEndIcon": "default",
1341
+ "inputVariantValueEndIcon": "empty",
1342
+ "inputVariantValueEndIcon:1": "filled"
1581
1343
  },
1582
1344
  "cxLiterals": [
1583
- "group",
1584
- "flex",
1585
- "items-center",
1586
- "flex-row",
1587
- "flex-row-reverse",
1588
- "uds-ring",
1589
- "uds-ring-within",
1590
- "relative",
1591
- "uds-border-radius-full",
1592
- "transition-[background-color,box-shadow]",
1593
- "pointer-events-none",
1594
- "w-full",
1595
- "h-full",
1596
- "absolute",
1597
- "top-0",
1598
- "bottom-0",
1599
- "right-0",
1600
- "left-0",
1601
- "overflow-hidden",
1602
- "group-hover:scale-105",
1603
- "opacity-95",
1604
- "group-hover:opacity-100",
1605
- "transition-[transform,opacity]",
1606
- "opacity-0",
1607
- "top-1/2",
1608
- "left-1/2",
1609
- "transform",
1610
- "translate-x-[-50%]",
1611
- "translate-y-[-50%]",
1612
- "transition-opacity",
1613
- "cursor-[inherit]",
1614
- "w-[calc(100%+2px)]",
1615
- "h-[calc(100%+2px)]",
1616
- "text-start",
1617
- "text-end",
1618
- "opacity-100"
1345
+ "opacity-50",
1346
+ "min-w-[200px]",
1347
+ "grow",
1348
+ "uds-hit-target",
1349
+ "bg-clip-text",
1350
+ "focus:outline-none",
1351
+ "cursor-text",
1352
+ "cursor-not-allowed"
1619
1353
  ],
1620
1354
  "internalComponents": [
1621
1355
  "IconSlot",
1356
+ "StartIcon",
1357
+ "EndIcon",
1358
+ "HelpTextContent",
1622
1359
  "Box",
1623
- "FormLabel",
1624
- "SpringMotionConfig",
1625
- "RootElement",
1626
- "MotionBox"
1360
+ "InputHelpTextInternal",
1361
+ "VStack",
1362
+ "HStack",
1363
+ "AnimateHeightChange"
1627
1364
  ],
1628
1365
  "internalComponentProps": {
1629
- "IconSlot": {
1630
- "data-testid": [
1631
- "on-icon",
1632
- "off-icon"
1366
+ "HelpTextContent": {
1367
+ "spacingTop": [
1368
+ "2"
1633
1369
  ]
1634
1370
  },
1635
- "FormLabel": {
1636
- "as": [
1637
- "div"
1371
+ "Box": {
1372
+ "spacingBottom": [
1373
+ "2"
1638
1374
  ],
1639
- "variant": [
1640
- "inherit"
1375
+ "columnGap": [
1376
+ "0.5"
1641
1377
  ],
1642
- "color": [
1643
- "inherit"
1644
- ]
1645
- },
1646
- "SpringMotionConfig": {
1647
- "layoutVariant": [
1648
- "bouncy"
1378
+ "alignItems": [
1379
+ "flex-end",
1380
+ "center"
1649
1381
  ],
1650
- "layoutSpeed": [
1651
- "4"
1652
- ]
1653
- },
1654
- "RootElement": {
1655
- "data-testid": [
1656
- "switch-root"
1382
+ "position": [
1383
+ "relative"
1657
1384
  ]
1658
1385
  },
1659
- "MotionBox": {
1660
- "layout": [
1661
- "position"
1386
+ "HStack": {
1387
+ "alignItems": [
1388
+ "center"
1389
+ ],
1390
+ "gap": [
1391
+ "1"
1662
1392
  ]
1663
1393
  }
1664
1394
  },
1665
1395
  "propToVariantKeys": {
1666
1396
  "size": [
1667
- "switchSizeRoot",
1668
- "switchSizeSwitch",
1669
- "switchSizeHandle",
1670
- "switchSizeHandleIcon"
1397
+ "inputSizeRoot",
1398
+ "inputSizeInputWrapper",
1399
+ "inputSizeInput",
1400
+ "inputSizeLabel",
1401
+ "inputSizeStartIcon",
1402
+ "inputSizeEndIcon"
1671
1403
  ],
1672
- "onIcon": [
1404
+ "startIcon": [
1673
1405
  "icon"
1674
1406
  ],
1675
- "offIcon": [
1407
+ "endIcon": [
1676
1408
  "icon"
1677
1409
  ],
1678
- "reduceMotion": [
1679
- "reducedMotion"
1410
+ "slotProps": [
1411
+ "helperTextSlotProps"
1680
1412
  ],
1681
- "isOn": [
1682
- "layoutDependency"
1413
+ "helperTextIcon": [
1414
+ "startIcon"
1683
1415
  ]
1684
1416
  },
1685
1417
  "runtimeConfigDefaultProps": {},
1686
1418
  "runtimeConfigGetStyles": {},
1687
1419
  "runtimeConfigInternalComponentProps": {},
1688
- "motionVarPrefixes": [
1689
- "--uds-motion-bouncy-4-",
1690
- "--uds-motion-smooth-3-"
1691
- ]
1420
+ "motionVarPrefixes": []
1421
+ },
1422
+ "InputHelpText": {
1423
+ "name": "InputHelpText",
1424
+ "defaultProps": {
1425
+ "size": "md"
1426
+ },
1427
+ "getStylesLiterals": {
1428
+ "inputVariantRoot": "default",
1429
+ "inputVariantValueRoot": "empty",
1430
+ "inputVariantValueRoot:1": "filled"
1431
+ },
1432
+ "cxLiterals": [],
1433
+ "internalComponents": [
1434
+ "InputHelpTextInternal",
1435
+ "Box"
1436
+ ],
1437
+ "internalComponentProps": {
1438
+ "Box": {
1439
+ "spacingTop": [
1440
+ "2"
1441
+ ]
1442
+ }
1443
+ },
1444
+ "propToVariantKeys": {
1445
+ "size": [
1446
+ "inputSizeRoot"
1447
+ ]
1448
+ },
1449
+ "runtimeConfigDefaultProps": {},
1450
+ "runtimeConfigGetStyles": {},
1451
+ "runtimeConfigInternalComponentProps": {},
1452
+ "motionVarPrefixes": []
1453
+ },
1454
+ "InputHelpTextInternal": {
1455
+ "name": "InputHelpTextInternal",
1456
+ "defaultProps": {},
1457
+ "getStylesLiterals": {
1458
+ "inputVariantHelperText": "default",
1459
+ "inputVariantValueHelperText": "empty",
1460
+ "inputVariantValueHelperText:1": "filled",
1461
+ "inputVariantHelperIcon": "default",
1462
+ "inputVariantValueHelperIcon": "empty",
1463
+ "inputVariantValueHelperIcon:1": "filled"
1464
+ },
1465
+ "cxLiterals": [],
1466
+ "internalComponents": [
1467
+ "IconSlot",
1468
+ "HStack"
1469
+ ],
1470
+ "internalComponentProps": {
1471
+ "HStack": {
1472
+ "gap": [
1473
+ "1"
1474
+ ],
1475
+ "alignItems": [
1476
+ "center"
1477
+ ]
1478
+ }
1479
+ },
1480
+ "propToVariantKeys": {
1481
+ "size": [
1482
+ "inputSizeHelperText",
1483
+ "inputSizeHelperIcon"
1484
+ ],
1485
+ "startIcon": [
1486
+ "icon"
1487
+ ],
1488
+ "endIcon": [
1489
+ "icon"
1490
+ ]
1491
+ },
1492
+ "runtimeConfigDefaultProps": {},
1493
+ "runtimeConfigGetStyles": {},
1494
+ "runtimeConfigInternalComponentProps": {},
1495
+ "motionVarPrefixes": []
1692
1496
  },
1693
1497
  "Chip": {
1694
1498
  "name": "Chip",
@@ -1891,189 +1695,6 @@
1891
1695
  "runtimeConfigInternalComponentProps": {},
1892
1696
  "motionVarPrefixes": []
1893
1697
  },
1894
- "PaddleButton": {
1895
- "name": "PaddleButton",
1896
- "defaultProps": {},
1897
- "getStylesLiterals": {},
1898
- "cxLiterals": [
1899
- "relative",
1900
- "inline-flex",
1901
- "items-center",
1902
- "justify-center",
1903
- "box-border",
1904
- "overflow-hidden",
1905
- "border-solid",
1906
- "select-none",
1907
- "uds-nested-radius",
1908
- "transition-[color,border-color,box-shadow]",
1909
- "duration-[180ms]",
1910
- "ease-[cubic-bezier(0,0,0.2,1)]",
1911
- "uds-ring",
1912
- "cursor-pointer",
1913
- "cursor-not-allowed",
1914
- "opacity-50",
1915
- "pointer-events-none",
1916
- "hidden",
1917
- "absolute",
1918
- "inset-0",
1919
- "-z-10",
1920
- "rounded-[length:var(--uds-nested-radius)]",
1921
- "transition-[background-color,opacity]"
1922
- ],
1923
- "internalComponents": [
1924
- "Icon"
1925
- ],
1926
- "internalComponentProps": {
1927
- "Icon": {
1928
- "size": [
1929
- "md"
1930
- ],
1931
- "color": [
1932
- "current"
1933
- ]
1934
- }
1935
- },
1936
- "propToVariantKeys": {
1937
- "size": [
1938
- "paddlenavSizeRoot",
1939
- "paddlenavSizeIcon"
1940
- ],
1941
- "variant": [
1942
- "paddlenavVariantRoot",
1943
- "paddlenavVariantBackground",
1944
- "paddlenavVariantIcon"
1945
- ]
1946
- },
1947
- "runtimeConfigDefaultProps": {},
1948
- "runtimeConfigGetStyles": {},
1949
- "runtimeConfigInternalComponentProps": {},
1950
- "motionVarPrefixes": []
1951
- },
1952
- "PaddleButtonNext": {
1953
- "name": "PaddleButtonNext",
1954
- "defaultProps": {},
1955
- "getStylesLiterals": {},
1956
- "cxLiterals": [],
1957
- "internalComponents": [
1958
- "PaddleButton"
1959
- ],
1960
- "internalComponentProps": {
1961
- "PaddleButton": {
1962
- "paddleRole": [
1963
- "next"
1964
- ]
1965
- }
1966
- },
1967
- "propToVariantKeys": {},
1968
- "runtimeConfigDefaultProps": {},
1969
- "runtimeConfigGetStyles": {},
1970
- "runtimeConfigInternalComponentProps": {},
1971
- "motionVarPrefixes": []
1972
- },
1973
- "PaddleButtonPrevious": {
1974
- "name": "PaddleButtonPrevious",
1975
- "defaultProps": {},
1976
- "getStylesLiterals": {},
1977
- "cxLiterals": [],
1978
- "internalComponents": [
1979
- "PaddleButton"
1980
- ],
1981
- "internalComponentProps": {
1982
- "PaddleButton": {
1983
- "paddleRole": [
1984
- "previous"
1985
- ]
1986
- }
1987
- },
1988
- "propToVariantKeys": {},
1989
- "runtimeConfigDefaultProps": {},
1990
- "runtimeConfigGetStyles": {},
1991
- "runtimeConfigInternalComponentProps": {},
1992
- "motionVarPrefixes": []
1993
- },
1994
- "PaddleNav": {
1995
- "name": "PaddleNav",
1996
- "defaultProps": {
1997
- "orientation": "horizontal",
1998
- "variant": "primary",
1999
- "size": "md"
2000
- },
2001
- "getStylesLiterals": {},
2002
- "cxLiterals": [
2003
- "pointer-events-none",
2004
- "inline-flex",
2005
- "flex-row",
2006
- "gap-2",
2007
- "items-center",
2008
- "pointer-events-auto",
2009
- "flex-col",
2010
- "relative",
2011
- "min-w-0",
2012
- "min-h-0",
2013
- "flex-1",
2014
- "inline-block",
2015
- "absolute",
2016
- "z-10",
2017
- "top-2",
2018
- "left-1/2",
2019
- "-translate-x-1/2",
2020
- "left-2",
2021
- "top-1/2",
2022
- "-translate-y-1/2",
2023
- "bottom-2",
2024
- "right-2",
2025
- "-top-12",
2026
- "left-0",
2027
- "right-0",
2028
- "-bottom-12"
2029
- ],
2030
- "internalComponents": [
2031
- "PaddleNavContext.Provider",
2032
- "Box"
2033
- ],
2034
- "internalComponentProps": {
2035
- "Box": {
2036
- "display": [
2037
- "inline-flex"
2038
- ],
2039
- "alignItems": [
2040
- "center"
2041
- ],
2042
- "justifyContent": [
2043
- "center"
2044
- ],
2045
- "data-paddle-nav-outside": [
2046
- "true"
2047
- ]
2048
- }
2049
- },
2050
- "propToVariantKeys": {
2051
- "orientation": [
2052
- "data-paddle-nav-orientation"
2053
- ]
2054
- },
2055
- "runtimeConfigDefaultProps": {},
2056
- "runtimeConfigGetStyles": {},
2057
- "runtimeConfigInternalComponentProps": {},
2058
- "motionVarPrefixes": []
2059
- },
2060
- "PaddleNavContent": {
2061
- "name": "PaddleNavContent",
2062
- "defaultProps": {},
2063
- "getStylesLiterals": {},
2064
- "cxLiterals": [
2065
- "min-w-0",
2066
- "min-h-0",
2067
- "relative"
2068
- ],
2069
- "internalComponents": [],
2070
- "internalComponentProps": {},
2071
- "propToVariantKeys": {},
2072
- "runtimeConfigDefaultProps": {},
2073
- "runtimeConfigGetStyles": {},
2074
- "runtimeConfigInternalComponentProps": {},
2075
- "motionVarPrefixes": []
2076
- },
2077
1698
  "Modal": {
2078
1699
  "name": "Modal",
2079
1700
  "defaultProps": {
@@ -2373,324 +1994,39 @@
2373
1994
  "runtimeConfigInternalComponentProps": {},
2374
1995
  "motionVarPrefixes": []
2375
1996
  },
2376
- "BottomSheet": {
2377
- "name": "BottomSheet",
1997
+ "Menu.Content": {
1998
+ "name": "Menu.Content",
2378
1999
  "defaultProps": {
2379
- "variant": "default"
2000
+ "size": "default",
2001
+ "variant": "default",
2002
+ "gutter": "1"
2380
2003
  },
2381
2004
  "getStylesLiterals": {},
2382
2005
  "cxLiterals": [
2383
- "fixed",
2384
- "overflow-hidden",
2385
- "inset-x-0",
2386
- "bottom-0",
2387
- "z-50",
2388
- "[will-change:transform]",
2389
- "touch-none",
2390
- "[transform:translate3d(0,var(--uds-bottomsheet-hidden-translate),0)]",
2391
- "data-[enter]:[transform:translate3d(0,var(--uds-bottomsheet-visible-translate),0)]",
2392
- "transition-transform",
2393
- "duration-500",
2394
- "ease-[cubic-bezier(0.32,0.72,0,1)]",
2395
- "motion-reduce:transition-none",
2396
- "top-[-4px]",
2397
- "z-[1]",
2398
- "touch-pan-y"
2006
+ "uds-menu-content",
2007
+ "transition-shadow",
2008
+ "duration-200",
2009
+ "ease-in-out",
2010
+ "min-w-60",
2011
+ "max-w-lg",
2012
+ "max-h-96",
2013
+ "overflow-auto",
2014
+ "uds-ring",
2015
+ "z-10",
2016
+ "group"
2399
2017
  ],
2400
2018
  "internalComponents": [
2401
- "Scrim",
2402
- "BottomSheetHandle",
2403
- "Dialog",
2404
- "Box",
2405
- "BottomSheetInternalContext.Provider"
2019
+ "AriakitMenu",
2020
+ "AnimatePresence",
2021
+ "MotionVStack"
2406
2022
  ],
2407
- "internalComponentProps": {
2408
- "BottomSheetHandle": {
2409
- "ariaLabel": [
2410
- "Resize sheet"
2411
- ]
2412
- },
2413
- "Dialog": {
2414
- "data-testid": [
2415
- "bottom-sheet"
2416
- ]
2417
- },
2418
- "Box": {
2419
- "display": [
2420
- "block",
2421
- "flex"
2422
- ],
2423
- "position": [
2424
- "absolute"
2425
- ],
2426
- "flexDirection": [
2427
- "column"
2428
- ],
2429
- "className": [
2430
- "absolute inset-0 min-h-0 p-[inherit]"
2431
- ]
2432
- }
2433
- },
2023
+ "internalComponentProps": {},
2434
2024
  "propToVariantKeys": {
2025
+ "size": [
2026
+ "menucontentSizeRoot"
2027
+ ],
2435
2028
  "variant": [
2436
- "bottomsheetVariantRoot"
2437
- ]
2438
- },
2439
- "runtimeConfigDefaultProps": {},
2440
- "runtimeConfigGetStyles": {},
2441
- "runtimeConfigInternalComponentProps": {},
2442
- "motionVarPrefixes": []
2443
- },
2444
- "BottomSheetContent": {
2445
- "name": "BottomSheetContent",
2446
- "defaultProps": {},
2447
- "getStylesLiterals": {},
2448
- "cxLiterals": [
2449
- "min-h-0",
2450
- "touch-pan-y"
2451
- ],
2452
- "internalComponents": [
2453
- "Box",
2454
- "VStack"
2455
- ],
2456
- "internalComponentProps": {
2457
- "Box": {
2458
- "display": [
2459
- "block"
2460
- ],
2461
- "flex": [
2462
- "1"
2463
- ]
2464
- },
2465
- "VStack": {
2466
- "className": [
2467
- "pb-[calc(env(safe-area-inset-bottom))]"
2468
- ]
2469
- }
2470
- },
2471
- "propToVariantKeys": {},
2472
- "runtimeConfigDefaultProps": {},
2473
- "runtimeConfigGetStyles": {},
2474
- "runtimeConfigInternalComponentProps": {},
2475
- "motionVarPrefixes": []
2476
- },
2477
- "BottomSheetDismiss": {
2478
- "name": "BottomSheetDismiss",
2479
- "defaultProps": {},
2480
- "getStylesLiterals": {},
2481
- "cxLiterals": [],
2482
- "internalComponents": [
2483
- "AriakitDialogDismiss"
2484
- ],
2485
- "internalComponentProps": {},
2486
- "propToVariantKeys": {},
2487
- "runtimeConfigDefaultProps": {},
2488
- "runtimeConfigGetStyles": {},
2489
- "runtimeConfigInternalComponentProps": {},
2490
- "motionVarPrefixes": []
2491
- },
2492
- "BottomSheetHandle": {
2493
- "name": "BottomSheetHandle",
2494
- "defaultProps": {
2495
- "variant": "default"
2496
- },
2497
- "getStylesLiterals": {},
2498
- "cxLiterals": [
2499
- "relative",
2500
- "h-5",
2501
- "w-16",
2502
- "outline-none",
2503
- "focus-visible:outline-none",
2504
- "[touch-action:pan-y]",
2505
- "absolute",
2506
- "left-1/2",
2507
- "top-1/2",
2508
- "-translate-x-1/2",
2509
- "-translate-y-1/2",
2510
- "h-1",
2511
- "w-8",
2512
- "rounded-full"
2513
- ],
2514
- "internalComponents": [
2515
- "Box"
2516
- ],
2517
- "internalComponentProps": {
2518
- "Box": {
2519
- "display": [
2520
- "block",
2521
- "flex"
2522
- ],
2523
- "justifyContent": [
2524
- "center"
2525
- ]
2526
- }
2527
- },
2528
- "propToVariantKeys": {
2529
- "variant": [
2530
- "bottomsheetVariantHandleIndicator"
2531
- ]
2532
- },
2533
- "runtimeConfigDefaultProps": {},
2534
- "runtimeConfigGetStyles": {},
2535
- "runtimeConfigInternalComponentProps": {},
2536
- "motionVarPrefixes": []
2537
- },
2538
- "BottomSheetHeader": {
2539
- "name": "BottomSheetHeader",
2540
- "defaultProps": {
2541
- "variant": "default"
2542
- },
2543
- "getStylesLiterals": {},
2544
- "cxLiterals": [
2545
- "grid-cols-[40px_1fr_40px]",
2546
- "items-center",
2547
- "w-full",
2548
- "min-h-10",
2549
- "mt-2"
2550
- ],
2551
- "internalComponents": [
2552
- "Box",
2553
- "Text",
2554
- "DialogHeading"
2555
- ],
2556
- "internalComponentProps": {
2557
- "Box": {
2558
- "className": [
2559
- "h-10 w-10 opacity-0 pointer-events-none"
2560
- ],
2561
- "display": [
2562
- "grid",
2563
- "flex"
2564
- ],
2565
- "justifyContent": [
2566
- "flex-start",
2567
- "flex-end"
2568
- ]
2569
- },
2570
- "Text": {
2571
- "as": [
2572
- "p"
2573
- ],
2574
- "variant": [
2575
- "inherit"
2576
- ],
2577
- "color": [
2578
- "inherit"
2579
- ],
2580
- "textAlign": [
2581
- "center"
2582
- ],
2583
- "className": [
2584
- "m-0 w-full"
2585
- ]
2586
- },
2587
- "DialogHeading": {
2588
- "role": [
2589
- "heading"
2590
- ]
2591
- }
2592
- },
2593
- "propToVariantKeys": {
2594
- "variant": [
2595
- "bottomsheetVariantHeader"
2596
- ]
2597
- },
2598
- "runtimeConfigDefaultProps": {},
2599
- "runtimeConfigGetStyles": {},
2600
- "runtimeConfigInternalComponentProps": {},
2601
- "motionVarPrefixes": []
2602
- },
2603
- "BottomSheetInternalContext": {
2604
- "name": "BottomSheetInternalContext",
2605
- "defaultProps": {},
2606
- "getStylesLiterals": {},
2607
- "cxLiterals": [],
2608
- "internalComponents": [],
2609
- "internalComponentProps": {},
2610
- "propToVariantKeys": {},
2611
- "runtimeConfigDefaultProps": {},
2612
- "runtimeConfigGetStyles": {},
2613
- "runtimeConfigInternalComponentProps": {},
2614
- "motionVarPrefixes": []
2615
- },
2616
- "BottomSheetProvider": {
2617
- "name": "BottomSheetProvider",
2618
- "defaultProps": {},
2619
- "getStylesLiterals": {},
2620
- "cxLiterals": [],
2621
- "internalComponents": [
2622
- "AriakitDialogProvider"
2623
- ],
2624
- "internalComponentProps": {},
2625
- "propToVariantKeys": {},
2626
- "runtimeConfigDefaultProps": {},
2627
- "runtimeConfigGetStyles": {},
2628
- "runtimeConfigInternalComponentProps": {},
2629
- "motionVarPrefixes": []
2630
- },
2631
- "BottomSheetTrigger": {
2632
- "name": "BottomSheetTrigger",
2633
- "defaultProps": {},
2634
- "getStylesLiterals": {},
2635
- "cxLiterals": [],
2636
- "internalComponents": [
2637
- "AriakitDialogDisclosure"
2638
- ],
2639
- "internalComponentProps": {},
2640
- "propToVariantKeys": {},
2641
- "runtimeConfigDefaultProps": {},
2642
- "runtimeConfigGetStyles": {},
2643
- "runtimeConfigInternalComponentProps": {},
2644
- "motionVarPrefixes": []
2645
- },
2646
- "UDSBottomSheetConfigProvider": {
2647
- "name": "UDSBottomSheetConfigProvider",
2648
- "defaultProps": {},
2649
- "getStylesLiterals": {},
2650
- "cxLiterals": [],
2651
- "internalComponents": [
2652
- "BottomSheetContext.Provider"
2653
- ],
2654
- "internalComponentProps": {},
2655
- "propToVariantKeys": {},
2656
- "runtimeConfigDefaultProps": {},
2657
- "runtimeConfigGetStyles": {},
2658
- "runtimeConfigInternalComponentProps": {},
2659
- "motionVarPrefixes": []
2660
- },
2661
- "Menu.Content": {
2662
- "name": "Menu.Content",
2663
- "defaultProps": {
2664
- "size": "default",
2665
- "variant": "default",
2666
- "gutter": "1"
2667
- },
2668
- "getStylesLiterals": {},
2669
- "cxLiterals": [
2670
- "uds-menu-content",
2671
- "transition-shadow",
2672
- "duration-200",
2673
- "ease-in-out",
2674
- "min-w-60",
2675
- "max-w-lg",
2676
- "max-h-96",
2677
- "overflow-auto",
2678
- "uds-ring",
2679
- "z-10",
2680
- "group"
2681
- ],
2682
- "internalComponents": [
2683
- "AriakitMenu",
2684
- "AnimatePresence",
2685
- "MotionVStack"
2686
- ],
2687
- "internalComponentProps": {},
2688
- "propToVariantKeys": {
2689
- "size": [
2690
- "menucontentSizeRoot"
2691
- ],
2692
- "variant": [
2693
- "menucontentVariantRoot"
2029
+ "menucontentVariantRoot"
2694
2030
  ]
2695
2031
  },
2696
2032
  "runtimeConfigDefaultProps": {},
@@ -2930,84 +2266,161 @@
2930
2266
  "runtimeConfigInternalComponentProps": {},
2931
2267
  "motionVarPrefixes": []
2932
2268
  },
2933
- "Avatar": {
2934
- "name": "Avatar",
2935
- "defaultProps": {},
2936
- "getStylesLiterals": {},
2937
- "cxLiterals": [],
2938
- "internalComponents": [
2939
- "AvatarImage"
2269
+ "BottomSheet": {
2270
+ "name": "BottomSheet",
2271
+ "defaultProps": {
2272
+ "variant": "default"
2273
+ },
2274
+ "getStylesLiterals": {},
2275
+ "cxLiterals": [
2276
+ "fixed",
2277
+ "overflow-hidden",
2278
+ "inset-x-0",
2279
+ "bottom-0",
2280
+ "z-50",
2281
+ "[will-change:transform]",
2282
+ "touch-none",
2283
+ "[transform:translate3d(0,var(--uds-bottomsheet-hidden-translate),0)]",
2284
+ "data-[enter]:[transform:translate3d(0,var(--uds-bottomsheet-visible-translate),0)]",
2285
+ "transition-transform",
2286
+ "duration-500",
2287
+ "ease-[cubic-bezier(0.32,0.72,0,1)]",
2288
+ "motion-reduce:transition-none",
2289
+ "top-[-4px]",
2290
+ "z-[1]",
2291
+ "touch-pan-y"
2940
2292
  ],
2941
- "internalComponentProps": {},
2942
- "propToVariantKeys": {},
2293
+ "internalComponents": [
2294
+ "Scrim",
2295
+ "BottomSheetHandle",
2296
+ "Dialog",
2297
+ "Box",
2298
+ "BottomSheetInternalContext.Provider"
2299
+ ],
2300
+ "internalComponentProps": {
2301
+ "BottomSheetHandle": {
2302
+ "ariaLabel": [
2303
+ "Resize sheet"
2304
+ ]
2305
+ },
2306
+ "Dialog": {
2307
+ "data-testid": [
2308
+ "bottom-sheet"
2309
+ ]
2310
+ },
2311
+ "Box": {
2312
+ "display": [
2313
+ "block",
2314
+ "flex"
2315
+ ],
2316
+ "position": [
2317
+ "absolute"
2318
+ ],
2319
+ "flexDirection": [
2320
+ "column"
2321
+ ],
2322
+ "className": [
2323
+ "absolute inset-0 min-h-0 p-[inherit]"
2324
+ ]
2325
+ }
2326
+ },
2327
+ "propToVariantKeys": {
2328
+ "variant": [
2329
+ "bottomsheetVariantRoot"
2330
+ ]
2331
+ },
2943
2332
  "runtimeConfigDefaultProps": {},
2944
2333
  "runtimeConfigGetStyles": {},
2945
2334
  "runtimeConfigInternalComponentProps": {},
2946
2335
  "motionVarPrefixes": []
2947
2336
  },
2948
- "AvatarIcon": {
2949
- "name": "AvatarIcon",
2950
- "defaultProps": {
2951
- "size": "md",
2952
- "variant": "primary"
2953
- },
2337
+ "BottomSheetContent": {
2338
+ "name": "BottomSheetContent",
2339
+ "defaultProps": {},
2954
2340
  "getStylesLiterals": {},
2955
2341
  "cxLiterals": [
2956
- "overflow-hidden",
2957
- "w-full",
2958
- "h-full",
2959
- "shrink-0",
2960
- "text-center",
2961
- "inline-flex",
2962
- "justify-center",
2963
- "items-center"
2342
+ "min-h-0",
2343
+ "touch-pan-y"
2964
2344
  ],
2965
2345
  "internalComponents": [
2966
- "IconSlot",
2967
- "Box"
2346
+ "Box",
2347
+ "VStack"
2968
2348
  ],
2969
- "internalComponentProps": {},
2970
- "propToVariantKeys": {
2971
- "size": [
2972
- "avatarSizeIcon"
2973
- ]
2349
+ "internalComponentProps": {
2350
+ "Box": {
2351
+ "display": [
2352
+ "block"
2353
+ ],
2354
+ "flex": [
2355
+ "1"
2356
+ ]
2357
+ },
2358
+ "VStack": {
2359
+ "className": [
2360
+ "pb-[calc(env(safe-area-inset-bottom))]"
2361
+ ]
2362
+ }
2974
2363
  },
2364
+ "propToVariantKeys": {},
2975
2365
  "runtimeConfigDefaultProps": {},
2976
2366
  "runtimeConfigGetStyles": {},
2977
2367
  "runtimeConfigInternalComponentProps": {},
2978
2368
  "motionVarPrefixes": []
2979
2369
  },
2980
- "AvatarImage": {
2981
- "name": "AvatarImage",
2370
+ "BottomSheetDismiss": {
2371
+ "name": "BottomSheetDismiss",
2372
+ "defaultProps": {},
2373
+ "getStylesLiterals": {},
2374
+ "cxLiterals": [],
2375
+ "internalComponents": [
2376
+ "AriakitDialogDismiss"
2377
+ ],
2378
+ "internalComponentProps": {},
2379
+ "propToVariantKeys": {},
2380
+ "runtimeConfigDefaultProps": {},
2381
+ "runtimeConfigGetStyles": {},
2382
+ "runtimeConfigInternalComponentProps": {},
2383
+ "motionVarPrefixes": []
2384
+ },
2385
+ "BottomSheetHandle": {
2386
+ "name": "BottomSheetHandle",
2982
2387
  "defaultProps": {
2983
- "size": "md",
2984
- "variant": "primary"
2388
+ "variant": "default"
2985
2389
  },
2986
2390
  "getStylesLiterals": {},
2987
2391
  "cxLiterals": [
2988
- "overflow-hidden",
2989
- "w-full",
2990
- "h-full",
2991
- "shrink-0",
2992
- "text-center",
2993
- "inline-flex",
2994
- "justify-center",
2995
- "items-center",
2996
- "object-cover"
2392
+ "relative",
2393
+ "h-5",
2394
+ "w-16",
2395
+ "outline-none",
2396
+ "focus-visible:outline-none",
2397
+ "[touch-action:pan-y]",
2398
+ "absolute",
2399
+ "left-1/2",
2400
+ "top-1/2",
2401
+ "-translate-x-1/2",
2402
+ "-translate-y-1/2",
2403
+ "h-1",
2404
+ "w-8",
2405
+ "rounded-full"
2997
2406
  ],
2998
2407
  "internalComponents": [
2999
- "UDSImage",
3000
- "AvatarText",
3001
- "AvatarIcon",
3002
2408
  "Box"
3003
2409
  ],
3004
- "internalComponentProps": {},
2410
+ "internalComponentProps": {
2411
+ "Box": {
2412
+ "display": [
2413
+ "block",
2414
+ "flex"
2415
+ ],
2416
+ "justifyContent": [
2417
+ "center"
2418
+ ]
2419
+ }
2420
+ },
3005
2421
  "propToVariantKeys": {
3006
- "alt": [
3007
- "name"
3008
- ],
3009
- "fallback": [
3010
- "initials"
2422
+ "variant": [
2423
+ "bottomsheetVariantHandleIndicator"
3011
2424
  ]
3012
2425
  },
3013
2426
  "runtimeConfigDefaultProps": {},
@@ -3015,67 +2428,335 @@
3015
2428
  "runtimeConfigInternalComponentProps": {},
3016
2429
  "motionVarPrefixes": []
3017
2430
  },
3018
- "AvatarText": {
3019
- "name": "AvatarText",
2431
+ "BottomSheetHeader": {
2432
+ "name": "BottomSheetHeader",
3020
2433
  "defaultProps": {
3021
- "size": "md",
3022
- "variant": "primary"
2434
+ "variant": "default"
3023
2435
  },
3024
2436
  "getStylesLiterals": {},
3025
2437
  "cxLiterals": [
3026
- "overflow-hidden",
3027
- "truncate",
2438
+ "grid-cols-[40px_1fr_40px]",
2439
+ "items-center",
3028
2440
  "w-full",
3029
- "h-full",
3030
- "shrink-0",
3031
- "text-center",
3032
- "inline-flex",
3033
- "justify-center",
3034
- "items-center"
2441
+ "min-h-10",
2442
+ "mt-2"
3035
2443
  ],
3036
2444
  "internalComponents": [
3037
2445
  "Box",
3038
- "Text"
2446
+ "Text",
2447
+ "DialogHeading"
3039
2448
  ],
3040
2449
  "internalComponentProps": {
2450
+ "Box": {
2451
+ "className": [
2452
+ "h-10 w-10 opacity-0 pointer-events-none"
2453
+ ],
2454
+ "display": [
2455
+ "grid",
2456
+ "flex"
2457
+ ],
2458
+ "justifyContent": [
2459
+ "flex-start",
2460
+ "flex-end"
2461
+ ]
2462
+ },
3041
2463
  "Text": {
3042
- "color": [
3043
- "inherit"
2464
+ "as": [
2465
+ "p"
3044
2466
  ],
3045
2467
  "variant": [
3046
2468
  "inherit"
2469
+ ],
2470
+ "color": [
2471
+ "inherit"
2472
+ ],
2473
+ "textAlign": [
2474
+ "center"
2475
+ ],
2476
+ "className": [
2477
+ "m-0 w-full"
2478
+ ]
2479
+ },
2480
+ "DialogHeading": {
2481
+ "role": [
2482
+ "heading"
3047
2483
  ]
3048
2484
  }
3049
2485
  },
3050
- "propToVariantKeys": {},
2486
+ "propToVariantKeys": {
2487
+ "variant": [
2488
+ "bottomsheetVariantHeader"
2489
+ ]
2490
+ },
3051
2491
  "runtimeConfigDefaultProps": {},
3052
2492
  "runtimeConfigGetStyles": {},
3053
2493
  "runtimeConfigInternalComponentProps": {},
3054
2494
  "motionVarPrefixes": []
3055
2495
  },
3056
- "Popover": {
3057
- "name": "Popover",
2496
+ "BottomSheetInternalContext": {
2497
+ "name": "BottomSheetInternalContext",
3058
2498
  "defaultProps": {},
3059
2499
  "getStylesLiterals": {},
3060
- "cxLiterals": [
3061
- "uds:popover-open"
3062
- ],
3063
- "internalComponents": [
3064
- "PopoverInternalContext.Provider",
3065
- "PopoverProvider"
3066
- ],
2500
+ "cxLiterals": [],
2501
+ "internalComponents": [],
3067
2502
  "internalComponentProps": {},
3068
2503
  "propToVariantKeys": {},
3069
- "runtimeConfigDefaultProps": {
3070
- "size": "popover.defaultSize",
3071
- "variant": "popover.defaultVariant"
3072
- },
2504
+ "runtimeConfigDefaultProps": {},
3073
2505
  "runtimeConfigGetStyles": {},
3074
2506
  "runtimeConfigInternalComponentProps": {},
3075
2507
  "motionVarPrefixes": []
3076
2508
  },
3077
- "PopoverContent": {
3078
- "name": "PopoverContent",
2509
+ "BottomSheetProvider": {
2510
+ "name": "BottomSheetProvider",
2511
+ "defaultProps": {},
2512
+ "getStylesLiterals": {},
2513
+ "cxLiterals": [],
2514
+ "internalComponents": [
2515
+ "AriakitDialogProvider"
2516
+ ],
2517
+ "internalComponentProps": {},
2518
+ "propToVariantKeys": {},
2519
+ "runtimeConfigDefaultProps": {},
2520
+ "runtimeConfigGetStyles": {},
2521
+ "runtimeConfigInternalComponentProps": {},
2522
+ "motionVarPrefixes": []
2523
+ },
2524
+ "BottomSheetTrigger": {
2525
+ "name": "BottomSheetTrigger",
2526
+ "defaultProps": {},
2527
+ "getStylesLiterals": {},
2528
+ "cxLiterals": [],
2529
+ "internalComponents": [
2530
+ "AriakitDialogDisclosure"
2531
+ ],
2532
+ "internalComponentProps": {},
2533
+ "propToVariantKeys": {},
2534
+ "runtimeConfigDefaultProps": {},
2535
+ "runtimeConfigGetStyles": {},
2536
+ "runtimeConfigInternalComponentProps": {},
2537
+ "motionVarPrefixes": []
2538
+ },
2539
+ "UDSBottomSheetConfigProvider": {
2540
+ "name": "UDSBottomSheetConfigProvider",
2541
+ "defaultProps": {},
2542
+ "getStylesLiterals": {},
2543
+ "cxLiterals": [],
2544
+ "internalComponents": [
2545
+ "BottomSheetContext.Provider"
2546
+ ],
2547
+ "internalComponentProps": {},
2548
+ "propToVariantKeys": {},
2549
+ "runtimeConfigDefaultProps": {},
2550
+ "runtimeConfigGetStyles": {},
2551
+ "runtimeConfigInternalComponentProps": {},
2552
+ "motionVarPrefixes": []
2553
+ },
2554
+ "PaddleButton": {
2555
+ "name": "PaddleButton",
2556
+ "defaultProps": {},
2557
+ "getStylesLiterals": {},
2558
+ "cxLiterals": [
2559
+ "relative",
2560
+ "inline-flex",
2561
+ "items-center",
2562
+ "justify-center",
2563
+ "box-border",
2564
+ "overflow-hidden",
2565
+ "border-solid",
2566
+ "select-none",
2567
+ "uds-nested-radius",
2568
+ "transition-[color,border-color,box-shadow]",
2569
+ "duration-[180ms]",
2570
+ "ease-[cubic-bezier(0,0,0.2,1)]",
2571
+ "uds-ring",
2572
+ "cursor-pointer",
2573
+ "cursor-not-allowed",
2574
+ "opacity-50",
2575
+ "pointer-events-none",
2576
+ "hidden",
2577
+ "absolute",
2578
+ "inset-0",
2579
+ "-z-10",
2580
+ "rounded-[length:var(--uds-nested-radius)]",
2581
+ "transition-[background-color,opacity]"
2582
+ ],
2583
+ "internalComponents": [
2584
+ "Icon"
2585
+ ],
2586
+ "internalComponentProps": {
2587
+ "Icon": {
2588
+ "size": [
2589
+ "md"
2590
+ ],
2591
+ "color": [
2592
+ "current"
2593
+ ]
2594
+ }
2595
+ },
2596
+ "propToVariantKeys": {
2597
+ "size": [
2598
+ "paddlenavSizeRoot",
2599
+ "paddlenavSizeIcon"
2600
+ ],
2601
+ "variant": [
2602
+ "paddlenavVariantRoot",
2603
+ "paddlenavVariantBackground",
2604
+ "paddlenavVariantIcon"
2605
+ ]
2606
+ },
2607
+ "runtimeConfigDefaultProps": {},
2608
+ "runtimeConfigGetStyles": {},
2609
+ "runtimeConfigInternalComponentProps": {},
2610
+ "motionVarPrefixes": []
2611
+ },
2612
+ "PaddleButtonNext": {
2613
+ "name": "PaddleButtonNext",
2614
+ "defaultProps": {},
2615
+ "getStylesLiterals": {},
2616
+ "cxLiterals": [],
2617
+ "internalComponents": [
2618
+ "PaddleButton"
2619
+ ],
2620
+ "internalComponentProps": {
2621
+ "PaddleButton": {
2622
+ "paddleRole": [
2623
+ "next"
2624
+ ]
2625
+ }
2626
+ },
2627
+ "propToVariantKeys": {},
2628
+ "runtimeConfigDefaultProps": {},
2629
+ "runtimeConfigGetStyles": {},
2630
+ "runtimeConfigInternalComponentProps": {},
2631
+ "motionVarPrefixes": []
2632
+ },
2633
+ "PaddleButtonPrevious": {
2634
+ "name": "PaddleButtonPrevious",
2635
+ "defaultProps": {},
2636
+ "getStylesLiterals": {},
2637
+ "cxLiterals": [],
2638
+ "internalComponents": [
2639
+ "PaddleButton"
2640
+ ],
2641
+ "internalComponentProps": {
2642
+ "PaddleButton": {
2643
+ "paddleRole": [
2644
+ "previous"
2645
+ ]
2646
+ }
2647
+ },
2648
+ "propToVariantKeys": {},
2649
+ "runtimeConfigDefaultProps": {},
2650
+ "runtimeConfigGetStyles": {},
2651
+ "runtimeConfigInternalComponentProps": {},
2652
+ "motionVarPrefixes": []
2653
+ },
2654
+ "PaddleNav": {
2655
+ "name": "PaddleNav",
2656
+ "defaultProps": {
2657
+ "orientation": "horizontal",
2658
+ "variant": "primary",
2659
+ "size": "md"
2660
+ },
2661
+ "getStylesLiterals": {},
2662
+ "cxLiterals": [
2663
+ "pointer-events-none",
2664
+ "inline-flex",
2665
+ "flex-row",
2666
+ "gap-2",
2667
+ "items-center",
2668
+ "pointer-events-auto",
2669
+ "flex-col",
2670
+ "relative",
2671
+ "min-w-0",
2672
+ "min-h-0",
2673
+ "flex-1",
2674
+ "inline-block",
2675
+ "absolute",
2676
+ "z-10",
2677
+ "top-2",
2678
+ "left-1/2",
2679
+ "-translate-x-1/2",
2680
+ "left-2",
2681
+ "top-1/2",
2682
+ "-translate-y-1/2",
2683
+ "bottom-2",
2684
+ "right-2",
2685
+ "-top-12",
2686
+ "left-0",
2687
+ "right-0",
2688
+ "-bottom-12"
2689
+ ],
2690
+ "internalComponents": [
2691
+ "PaddleNavContext.Provider",
2692
+ "Box"
2693
+ ],
2694
+ "internalComponentProps": {
2695
+ "Box": {
2696
+ "display": [
2697
+ "inline-flex"
2698
+ ],
2699
+ "alignItems": [
2700
+ "center"
2701
+ ],
2702
+ "justifyContent": [
2703
+ "center"
2704
+ ],
2705
+ "data-paddle-nav-outside": [
2706
+ "true"
2707
+ ]
2708
+ }
2709
+ },
2710
+ "propToVariantKeys": {
2711
+ "orientation": [
2712
+ "data-paddle-nav-orientation"
2713
+ ]
2714
+ },
2715
+ "runtimeConfigDefaultProps": {},
2716
+ "runtimeConfigGetStyles": {},
2717
+ "runtimeConfigInternalComponentProps": {},
2718
+ "motionVarPrefixes": []
2719
+ },
2720
+ "PaddleNavContent": {
2721
+ "name": "PaddleNavContent",
2722
+ "defaultProps": {},
2723
+ "getStylesLiterals": {},
2724
+ "cxLiterals": [
2725
+ "min-w-0",
2726
+ "min-h-0",
2727
+ "relative"
2728
+ ],
2729
+ "internalComponents": [],
2730
+ "internalComponentProps": {},
2731
+ "propToVariantKeys": {},
2732
+ "runtimeConfigDefaultProps": {},
2733
+ "runtimeConfigGetStyles": {},
2734
+ "runtimeConfigInternalComponentProps": {},
2735
+ "motionVarPrefixes": []
2736
+ },
2737
+ "Popover": {
2738
+ "name": "Popover",
2739
+ "defaultProps": {},
2740
+ "getStylesLiterals": {},
2741
+ "cxLiterals": [
2742
+ "uds:popover-open"
2743
+ ],
2744
+ "internalComponents": [
2745
+ "PopoverInternalContext.Provider",
2746
+ "PopoverProvider"
2747
+ ],
2748
+ "internalComponentProps": {},
2749
+ "propToVariantKeys": {},
2750
+ "runtimeConfigDefaultProps": {
2751
+ "size": "popover.defaultSize",
2752
+ "variant": "popover.defaultVariant"
2753
+ },
2754
+ "runtimeConfigGetStyles": {},
2755
+ "runtimeConfigInternalComponentProps": {},
2756
+ "motionVarPrefixes": []
2757
+ },
2758
+ "PopoverContent": {
2759
+ "name": "PopoverContent",
3079
2760
  "defaultProps": {},
3080
2761
  "getStylesLiterals": {
3081
2762
  "popoverSizeRoot": "default",
@@ -3914,5 +3595,324 @@
3914
3595
  "runtimeConfigGetStyles": {},
3915
3596
  "runtimeConfigInternalComponentProps": {},
3916
3597
  "motionVarPrefixes": []
3598
+ },
3599
+ "Accordion": {
3600
+ "name": "Accordion",
3601
+ "defaultProps": {
3602
+ "spacingHorizontal": "4",
3603
+ "spacingVertical": "4"
3604
+ },
3605
+ "getStylesLiterals": {},
3606
+ "cxLiterals": [
3607
+ "hover:bg-secondary/80",
3608
+ "w-full"
3609
+ ],
3610
+ "internalComponents": [
3611
+ "Icon",
3612
+ "SpringMotionConfig",
3613
+ "Pressable",
3614
+ "Text",
3615
+ "HStack",
3616
+ "AnimatePresence",
3617
+ "VStack"
3618
+ ],
3619
+ "internalComponentProps": {
3620
+ "Icon": {
3621
+ "variant": [
3622
+ "fill"
3623
+ ],
3624
+ "size": [
3625
+ "sm"
3626
+ ],
3627
+ "color": [
3628
+ "primary"
3629
+ ]
3630
+ },
3631
+ "SpringMotionConfig": {
3632
+ "layoutVariant": [
3633
+ "smooth"
3634
+ ],
3635
+ "layoutSpeed": [
3636
+ "3"
3637
+ ]
3638
+ },
3639
+ "Pressable": {
3640
+ "display": [
3641
+ "flex"
3642
+ ],
3643
+ "flexDirection": [
3644
+ "row"
3645
+ ],
3646
+ "alignItems": [
3647
+ "center"
3648
+ ],
3649
+ "justifyContent": [
3650
+ "space-between"
3651
+ ],
3652
+ "borderRadius": [
3653
+ "md"
3654
+ ]
3655
+ },
3656
+ "Text": {
3657
+ "variant": [
3658
+ "title4"
3659
+ ],
3660
+ "color": [
3661
+ "primary"
3662
+ ]
3663
+ },
3664
+ "HStack": {
3665
+ "display": [
3666
+ "flex"
3667
+ ],
3668
+ "alignItems": [
3669
+ "center"
3670
+ ],
3671
+ "justifyContent": [
3672
+ "space-between"
3673
+ ],
3674
+ "columnGap": [
3675
+ "2.5"
3676
+ ]
3677
+ }
3678
+ },
3679
+ "propToVariantKeys": {},
3680
+ "runtimeConfigDefaultProps": {},
3681
+ "runtimeConfigGetStyles": {},
3682
+ "runtimeConfigInternalComponentProps": {},
3683
+ "motionVarPrefixes": [
3684
+ "--uds-motion-smooth-3-"
3685
+ ]
3686
+ },
3687
+ "AvoidMotionLibraryProvider": {
3688
+ "name": "AvoidMotionLibraryProvider",
3689
+ "defaultProps": {},
3690
+ "getStylesLiterals": {},
3691
+ "cxLiterals": [],
3692
+ "internalComponents": [],
3693
+ "internalComponentProps": {},
3694
+ "propToVariantKeys": {},
3695
+ "runtimeConfigDefaultProps": {},
3696
+ "runtimeConfigGetStyles": {},
3697
+ "runtimeConfigInternalComponentProps": {},
3698
+ "motionVarPrefixes": []
3699
+ },
3700
+ "SegmentedControl": {
3701
+ "name": "SegmentedControl",
3702
+ "defaultProps": {
3703
+ "textVariant": "label2"
3704
+ },
3705
+ "getStylesLiterals": {
3706
+ "display": "flex",
3707
+ "alignItems": "center",
3708
+ "backgroundColor": "primary",
3709
+ "spacingVertical": "1",
3710
+ "spacingHorizontal": "3",
3711
+ "columnGap": "1.5",
3712
+ "borderWidth": "thin",
3713
+ "borderRadius": "full",
3714
+ "borderColor": "muted",
3715
+ "borderColor:1": "transparent",
3716
+ "color": "primary",
3717
+ "color:1": "tertiary",
3718
+ "color:2": "muted"
3719
+ },
3720
+ "cxLiterals": [
3721
+ "uds-ring",
3722
+ "cursor-not-allowed",
3723
+ "opacity-50",
3724
+ "pointer-events-none",
3725
+ "hover:bg-primary"
3726
+ ],
3727
+ "internalComponents": [
3728
+ "Radio",
3729
+ "Icon",
3730
+ "RadioProvider",
3731
+ "HStack",
3732
+ "RadioGroup",
3733
+ "Pressable",
3734
+ "Text"
3735
+ ],
3736
+ "internalComponentProps": {
3737
+ "Icon": {
3738
+ "size": [
3739
+ "sm"
3740
+ ],
3741
+ "color": [
3742
+ "current"
3743
+ ],
3744
+ "aria-hidden": [
3745
+ "true"
3746
+ ]
3747
+ },
3748
+ "HStack": {
3749
+ "spacing": [
3750
+ "1"
3751
+ ],
3752
+ "gap": [
3753
+ "1"
3754
+ ],
3755
+ "backgroundColor": [
3756
+ "secondary"
3757
+ ],
3758
+ "borderRadius": [
3759
+ "full"
3760
+ ],
3761
+ "display": [
3762
+ "inline-flex"
3763
+ ]
3764
+ },
3765
+ "Text": {
3766
+ "color": [
3767
+ "current"
3768
+ ]
3769
+ }
3770
+ },
3771
+ "propToVariantKeys": {
3772
+ "value": [
3773
+ "key"
3774
+ ],
3775
+ "label": [
3776
+ "aria-label"
3777
+ ],
3778
+ "textVariant": [
3779
+ "variant"
3780
+ ]
3781
+ },
3782
+ "runtimeConfigDefaultProps": {},
3783
+ "runtimeConfigGetStyles": {},
3784
+ "runtimeConfigInternalComponentProps": {},
3785
+ "motionVarPrefixes": []
3786
+ },
3787
+ "SwitchV2": {
3788
+ "name": "SwitchV2",
3789
+ "defaultProps": {
3790
+ "labelPosition": "start",
3791
+ "size": "md"
3792
+ },
3793
+ "getStylesLiterals": {
3794
+ "switchVariantRoot": "default",
3795
+ "switchVariantActiveRoot": "on",
3796
+ "switchVariantActiveRoot:1": "off",
3797
+ "switchVariantSwitch": "default",
3798
+ "switchVariantActiveSwitch": "on",
3799
+ "switchVariantActiveSwitch:1": "off",
3800
+ "switchVariantActiveHandle": "on",
3801
+ "switchVariantActiveHandle:1": "off",
3802
+ "switchVariantHandle": "default",
3803
+ "switchVariantHandleIcon": "default",
3804
+ "switchVariantActiveHandleIcon": "on",
3805
+ "switchVariantActiveHandleIcon:1": "off"
3806
+ },
3807
+ "cxLiterals": [
3808
+ "group",
3809
+ "flex",
3810
+ "items-center",
3811
+ "flex-row",
3812
+ "flex-row-reverse",
3813
+ "uds-ring",
3814
+ "uds-ring-within",
3815
+ "relative",
3816
+ "uds-border-radius-full",
3817
+ "transition-[background-color,box-shadow]",
3818
+ "pointer-events-none",
3819
+ "w-full",
3820
+ "h-full",
3821
+ "absolute",
3822
+ "top-0",
3823
+ "bottom-0",
3824
+ "right-0",
3825
+ "left-0",
3826
+ "overflow-hidden",
3827
+ "group-hover:scale-105",
3828
+ "opacity-95",
3829
+ "group-hover:opacity-100",
3830
+ "transition-[transform,opacity]",
3831
+ "opacity-0",
3832
+ "top-1/2",
3833
+ "left-1/2",
3834
+ "transform",
3835
+ "translate-x-[-50%]",
3836
+ "translate-y-[-50%]",
3837
+ "transition-opacity",
3838
+ "cursor-[inherit]",
3839
+ "w-[calc(100%+2px)]",
3840
+ "h-[calc(100%+2px)]",
3841
+ "text-start",
3842
+ "text-end",
3843
+ "opacity-100"
3844
+ ],
3845
+ "internalComponents": [
3846
+ "IconSlot",
3847
+ "Box",
3848
+ "FormLabel",
3849
+ "SpringMotionConfig",
3850
+ "RootElement",
3851
+ "MotionBox"
3852
+ ],
3853
+ "internalComponentProps": {
3854
+ "IconSlot": {
3855
+ "data-testid": [
3856
+ "on-icon",
3857
+ "off-icon"
3858
+ ]
3859
+ },
3860
+ "FormLabel": {
3861
+ "as": [
3862
+ "div"
3863
+ ],
3864
+ "variant": [
3865
+ "inherit"
3866
+ ],
3867
+ "color": [
3868
+ "inherit"
3869
+ ]
3870
+ },
3871
+ "SpringMotionConfig": {
3872
+ "layoutVariant": [
3873
+ "bouncy"
3874
+ ],
3875
+ "layoutSpeed": [
3876
+ "4"
3877
+ ]
3878
+ },
3879
+ "RootElement": {
3880
+ "data-testid": [
3881
+ "switch-root"
3882
+ ]
3883
+ },
3884
+ "MotionBox": {
3885
+ "layout": [
3886
+ "position"
3887
+ ]
3888
+ }
3889
+ },
3890
+ "propToVariantKeys": {
3891
+ "size": [
3892
+ "switchSizeRoot",
3893
+ "switchSizeSwitch",
3894
+ "switchSizeHandle",
3895
+ "switchSizeHandleIcon"
3896
+ ],
3897
+ "onIcon": [
3898
+ "icon"
3899
+ ],
3900
+ "offIcon": [
3901
+ "icon"
3902
+ ],
3903
+ "reduceMotion": [
3904
+ "reducedMotion"
3905
+ ],
3906
+ "isOn": [
3907
+ "layoutDependency"
3908
+ ]
3909
+ },
3910
+ "runtimeConfigDefaultProps": {},
3911
+ "runtimeConfigGetStyles": {},
3912
+ "runtimeConfigInternalComponentProps": {},
3913
+ "motionVarPrefixes": [
3914
+ "--uds-motion-bouncy-4-",
3915
+ "--uds-motion-smooth-3-"
3916
+ ]
3917
3917
  }
3918
3918
  }