@yahoo/uds 3.152.1 → 3.153.0

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 (139) hide show
  1. package/dist/automated-config/dist/generated/autoVariants.cjs +25 -0
  2. package/dist/automated-config/dist/generated/autoVariants.d.cts +6 -0
  3. package/dist/automated-config/dist/generated/autoVariants.d.ts +6 -0
  4. package/dist/automated-config/dist/generated/autoVariants.js +25 -0
  5. package/dist/automated-config/dist/generated/generatedConfigs.cjs +1368 -0
  6. package/dist/automated-config/dist/generated/generatedConfigs.d.cts +169 -1
  7. package/dist/automated-config/dist/generated/generatedConfigs.d.ts +169 -1
  8. package/dist/automated-config/dist/generated/generatedConfigs.js +1368 -1
  9. package/dist/automated-config/dist/generated/universalTokensConfigAuto.cjs +198 -0
  10. package/dist/automated-config/dist/generated/universalTokensConfigAuto.d.cts +2 -1
  11. package/dist/automated-config/dist/generated/universalTokensConfigAuto.d.ts +2 -1
  12. package/dist/automated-config/dist/generated/universalTokensConfigAuto.js +198 -0
  13. package/dist/automated-config/dist/types/ComponentConfig.d.cts +2 -0
  14. package/dist/automated-config/dist/types/ComponentConfig.d.ts +2 -0
  15. package/dist/automated-config/dist/utils/buildConfigSchema.cjs +13 -20
  16. package/dist/automated-config/dist/utils/buildConfigSchema.d.cts +14 -2
  17. package/dist/automated-config/dist/utils/buildConfigSchema.d.ts +14 -2
  18. package/dist/automated-config/dist/utils/buildConfigSchema.js +13 -20
  19. package/dist/automated-config/dist/utils/componentStatePseudoStates.cjs +15 -0
  20. package/dist/automated-config/dist/utils/componentStatePseudoStates.js +14 -0
  21. package/dist/automated-config/dist/utils/getConfigVariantPseudoStates.cjs +4 -2
  22. package/dist/automated-config/dist/utils/getConfigVariantPseudoStates.d.cts +1 -1
  23. package/dist/automated-config/dist/utils/getConfigVariantPseudoStates.d.ts +1 -1
  24. package/dist/automated-config/dist/utils/getConfigVariantPseudoStates.js +4 -2
  25. package/dist/automated-config/dist/utils/index.cjs +114 -48
  26. package/dist/automated-config/dist/utils/index.d.cts +25 -2
  27. package/dist/automated-config/dist/utils/index.d.ts +25 -2
  28. package/dist/automated-config/dist/utils/index.js +114 -49
  29. package/dist/components/client/Menu/Menu.ItemCheckbox.d.cts +1 -1
  30. package/dist/components/client/Menu/Menu.ItemCheckbox.d.ts +1 -1
  31. package/dist/components/client/Pagination/Pagination.cjs +62 -0
  32. package/dist/components/client/Pagination/Pagination.d.cts +28 -0
  33. package/dist/components/client/Pagination/Pagination.d.ts +29 -0
  34. package/dist/components/client/Pagination/Pagination.js +60 -0
  35. package/dist/components/client/Pagination/PaginationEllipsis.cjs +24 -0
  36. package/dist/components/client/Pagination/PaginationEllipsis.d.cts +10 -0
  37. package/dist/components/client/Pagination/PaginationEllipsis.d.ts +11 -0
  38. package/dist/components/client/Pagination/PaginationEllipsis.js +22 -0
  39. package/dist/components/client/Pagination/PaginationItem.cjs +52 -0
  40. package/dist/components/client/Pagination/PaginationItem.d.cts +10 -0
  41. package/dist/components/client/Pagination/PaginationItem.d.ts +11 -0
  42. package/dist/components/client/Pagination/PaginationItem.js +50 -0
  43. package/dist/components/client/Pagination/PaginationLink.cjs +53 -0
  44. package/dist/components/client/Pagination/PaginationLink.d.cts +9 -0
  45. package/dist/components/client/Pagination/PaginationLink.d.ts +10 -0
  46. package/dist/components/client/Pagination/PaginationLink.js +51 -0
  47. package/dist/components/client/Pagination/PaginationNext.cjs +56 -0
  48. package/dist/components/client/Pagination/PaginationNext.d.cts +9 -0
  49. package/dist/components/client/Pagination/PaginationNext.d.ts +10 -0
  50. package/dist/components/client/Pagination/PaginationNext.js +54 -0
  51. package/dist/components/client/Pagination/PaginationNumbers.cjs +52 -0
  52. package/dist/components/client/Pagination/PaginationNumbers.d.cts +9 -0
  53. package/dist/components/client/Pagination/PaginationNumbers.d.ts +10 -0
  54. package/dist/components/client/Pagination/PaginationNumbers.js +50 -0
  55. package/dist/components/client/Pagination/PaginationPrev.cjs +56 -0
  56. package/dist/components/client/Pagination/PaginationPrev.d.cts +9 -0
  57. package/dist/components/client/Pagination/PaginationPrev.d.ts +10 -0
  58. package/dist/components/client/Pagination/PaginationPrev.js +54 -0
  59. package/dist/components/client/Pagination/computeVisiblePages.cjs +22 -0
  60. package/dist/components/client/Pagination/computeVisiblePages.d.cts +18 -0
  61. package/dist/components/client/Pagination/computeVisiblePages.d.ts +19 -0
  62. package/dist/components/client/Pagination/computeVisiblePages.js +21 -0
  63. package/dist/components/client/Pagination/ellipsisDefault.cjs +33 -0
  64. package/dist/components/client/Pagination/ellipsisDefault.d.cts +10 -0
  65. package/dist/components/client/Pagination/ellipsisDefault.d.ts +11 -0
  66. package/dist/components/client/Pagination/ellipsisDefault.js +32 -0
  67. package/dist/components/client/Pagination/ellipsisNone.cjs +29 -0
  68. package/dist/components/client/Pagination/ellipsisNone.d.cts +10 -0
  69. package/dist/components/client/Pagination/ellipsisNone.d.ts +11 -0
  70. package/dist/components/client/Pagination/ellipsisNone.js +28 -0
  71. package/dist/components/client/Pagination/index.cjs +19 -0
  72. package/dist/components/client/Pagination/index.d.cts +10 -0
  73. package/dist/components/client/Pagination/index.d.ts +11 -0
  74. package/dist/components/client/Pagination/index.js +11 -0
  75. package/dist/components/client/Pagination/paginationContext.cjs +44 -0
  76. package/dist/components/client/Pagination/paginationContext.d.cts +34 -0
  77. package/dist/components/client/Pagination/paginationContext.d.ts +35 -0
  78. package/dist/components/client/Pagination/paginationContext.js +38 -0
  79. package/dist/components/client/Pagination/paginationStyles.cjs +72 -0
  80. package/dist/components/client/Pagination/paginationStyles.d.cts +14 -0
  81. package/dist/components/client/Pagination/paginationStyles.d.ts +15 -0
  82. package/dist/components/client/Pagination/paginationStyles.js +63 -0
  83. package/dist/components/client/index.cjs +14 -0
  84. package/dist/components/client/index.d.cts +8 -1
  85. package/dist/components/client/index.d.ts +8 -1
  86. package/dist/components/client/index.js +8 -1
  87. package/dist/components/index.cjs +14 -0
  88. package/dist/components/index.d.cts +8 -1
  89. package/dist/components/index.d.ts +8 -1
  90. package/dist/components/index.js +8 -1
  91. package/dist/config/dist/index.cjs +272 -2
  92. package/dist/config/dist/index.js +272 -2
  93. package/dist/css/dist/css/utils.cjs +5 -1
  94. package/dist/css/dist/css/utils.js +5 -1
  95. package/dist/css/dist/packages/config/dist/index.cjs +272 -2
  96. package/dist/css/dist/packages/config/dist/index.js +272 -2
  97. package/dist/index.cjs +16 -0
  98. package/dist/index.d.cts +11 -4
  99. package/dist/index.d.ts +11 -4
  100. package/dist/index.js +10 -3
  101. package/dist/styles/styler.d.cts +28 -22
  102. package/dist/styles/styler.d.ts +28 -22
  103. package/dist/styles/variants.d.cts +27 -0
  104. package/dist/styles/variants.d.ts +27 -0
  105. package/dist/tailwind-internal/dist/packages/automated-config/dist/generated/generatedConfigs.cjs +1368 -0
  106. package/dist/tailwind-internal/dist/packages/automated-config/dist/generated/generatedConfigs.js +1368 -1
  107. package/dist/tailwind-internal/dist/packages/automated-config/dist/utils/componentStatePseudoStates.cjs +16 -0
  108. package/dist/tailwind-internal/dist/packages/automated-config/dist/utils/componentStatePseudoStates.js +15 -0
  109. package/dist/tailwind-internal/dist/packages/automated-config/dist/utils/index.cjs +113 -48
  110. package/dist/tailwind-internal/dist/packages/automated-config/dist/utils/index.js +113 -48
  111. package/dist/tailwind-internal/dist/packages/config/dist/index.cjs +272 -2
  112. package/dist/tailwind-internal/dist/packages/config/dist/index.js +272 -2
  113. package/dist/tailwind-internal/dist/plugins/components.cjs +1 -0
  114. package/dist/tailwind-internal/dist/plugins/components.js +2 -1
  115. package/dist/tailwind-internal/dist/utils/getShadowStyles.d.cts +2 -2
  116. package/dist/tailwind-internal/dist/utils/getShadowStyles.d.ts +2 -2
  117. package/dist/tokens/automation/configs/index.cjs +1 -0
  118. package/dist/tokens/automation/configs/index.d.cts +2 -2
  119. package/dist/tokens/automation/configs/index.d.ts +2 -2
  120. package/dist/tokens/automation/configs/index.js +2 -2
  121. package/dist/tokens/automation/index.cjs +2 -0
  122. package/dist/tokens/automation/index.d.cts +3 -3
  123. package/dist/tokens/automation/index.d.ts +3 -3
  124. package/dist/tokens/automation/index.js +3 -3
  125. package/dist/tokens/index.cjs +2 -0
  126. package/dist/tokens/index.d.cts +4 -4
  127. package/dist/tokens/index.d.ts +4 -4
  128. package/dist/tokens/index.js +3 -3
  129. package/dist/tokens/types.d.cts +2 -2
  130. package/dist/tokens/types.d.ts +2 -2
  131. package/dist/types/dist/index.d.cts +83 -1
  132. package/dist/types/dist/index.d.ts +83 -1
  133. package/dist/uds/generated/componentData.cjs +1238 -858
  134. package/dist/uds/generated/componentData.js +1238 -858
  135. package/dist/uds/generated/tailwindPurge.cjs +31 -0
  136. package/dist/uds/generated/tailwindPurge.js +31 -0
  137. package/generated/componentData.json +2127 -1667
  138. package/generated/tailwindPurge.ts +4 -4
  139. package/package.json +1 -1
@@ -593,6 +593,92 @@
593
593
  "runtimeConfigInternalComponentProps": {},
594
594
  "motionVarPrefixes": []
595
595
  },
596
+ "Spinner": {
597
+ "name": "Spinner",
598
+ "defaultProps": {
599
+ "color": "primary",
600
+ "size": "lg"
601
+ },
602
+ "getStylesLiterals": {},
603
+ "cxLiterals": [
604
+ "self-center",
605
+ "relative",
606
+ "sr-only"
607
+ ],
608
+ "internalComponents": [
609
+ "Icon"
610
+ ],
611
+ "internalComponentProps": {
612
+ "Icon": {
613
+ "role": [
614
+ "img"
615
+ ],
616
+ "className": [
617
+ "animate-spin"
618
+ ],
619
+ "aria-hidden": [
620
+ "true"
621
+ ]
622
+ }
623
+ },
624
+ "propToVariantKeys": {},
625
+ "runtimeConfigDefaultProps": {},
626
+ "runtimeConfigGetStyles": {},
627
+ "runtimeConfigInternalComponentProps": {},
628
+ "motionVarPrefixes": []
629
+ },
630
+ "Table.mocks": {
631
+ "name": "Table.mocks",
632
+ "defaultProps": {},
633
+ "getStylesLiterals": {},
634
+ "cxLiterals": [],
635
+ "internalComponents": [],
636
+ "internalComponentProps": {},
637
+ "propToVariantKeys": {},
638
+ "runtimeConfigDefaultProps": {},
639
+ "runtimeConfigGetStyles": {},
640
+ "runtimeConfigInternalComponentProps": {},
641
+ "motionVarPrefixes": []
642
+ },
643
+ "Table": {
644
+ "name": "Table",
645
+ "defaultProps": {
646
+ "display": "table-cell",
647
+ "overflow": "hidden",
648
+ "borderColor": "muted",
649
+ "borderRadius": "md",
650
+ "spacing": "3",
651
+ "borderBottomColor": "muted",
652
+ "borderBottomWidth": "thin",
653
+ "color": "primary"
654
+ },
655
+ "getStylesLiterals": {
656
+ "textAlign": "start"
657
+ },
658
+ "cxLiterals": [],
659
+ "internalComponents": [
660
+ "CellComponent",
661
+ "Box",
662
+ "Text",
663
+ "Table.Root",
664
+ "Table.Header",
665
+ "Table.Row",
666
+ "Table.Cell",
667
+ "Table.Body"
668
+ ],
669
+ "internalComponentProps": {
670
+ "Table.Cell": {
671
+ "asHeaderCell": [
672
+ "column"
673
+ ]
674
+ }
675
+ },
676
+ "propToVariantKeys": {},
677
+ "runtimeConfigDefaultProps": {},
678
+ "runtimeConfigGetStyles": {},
679
+ "runtimeConfigInternalComponentProps": {},
680
+ "motionVarPrefixes": []
681
+ },
596
682
  "AnimateHeightChange": {
597
683
  "name": "AnimateHeightChange",
598
684
  "defaultProps": {},
@@ -1116,31 +1202,83 @@
1116
1202
  "--uds-motion-smooth-3-"
1117
1203
  ]
1118
1204
  },
1119
- "Spinner": {
1120
- "name": "Spinner",
1205
+ "Accordion": {
1206
+ "name": "Accordion",
1121
1207
  "defaultProps": {
1122
- "color": "primary",
1123
- "size": "lg"
1208
+ "spacingHorizontal": "4",
1209
+ "spacingVertical": "4"
1124
1210
  },
1125
1211
  "getStylesLiterals": {},
1126
1212
  "cxLiterals": [
1127
- "self-center",
1128
- "relative",
1129
- "sr-only"
1213
+ "hover:bg-secondary/80",
1214
+ "w-full"
1130
1215
  ],
1131
1216
  "internalComponents": [
1132
- "Icon"
1217
+ "Icon",
1218
+ "SpringMotionConfig",
1219
+ "Pressable",
1220
+ "Text",
1221
+ "HStack",
1222
+ "AnimatePresence",
1223
+ "VStack"
1133
1224
  ],
1134
1225
  "internalComponentProps": {
1135
1226
  "Icon": {
1136
- "role": [
1137
- "img"
1227
+ "variant": [
1228
+ "fill"
1138
1229
  ],
1139
- "className": [
1140
- "animate-spin"
1230
+ "size": [
1231
+ "sm"
1141
1232
  ],
1142
- "aria-hidden": [
1143
- "true"
1233
+ "color": [
1234
+ "primary"
1235
+ ]
1236
+ },
1237
+ "SpringMotionConfig": {
1238
+ "layoutVariant": [
1239
+ "smooth"
1240
+ ],
1241
+ "layoutSpeed": [
1242
+ "3"
1243
+ ]
1244
+ },
1245
+ "Pressable": {
1246
+ "display": [
1247
+ "flex"
1248
+ ],
1249
+ "flexDirection": [
1250
+ "row"
1251
+ ],
1252
+ "alignItems": [
1253
+ "center"
1254
+ ],
1255
+ "justifyContent": [
1256
+ "space-between"
1257
+ ],
1258
+ "borderRadius": [
1259
+ "md"
1260
+ ]
1261
+ },
1262
+ "Text": {
1263
+ "variant": [
1264
+ "title4"
1265
+ ],
1266
+ "color": [
1267
+ "primary"
1268
+ ]
1269
+ },
1270
+ "HStack": {
1271
+ "display": [
1272
+ "flex"
1273
+ ],
1274
+ "alignItems": [
1275
+ "center"
1276
+ ],
1277
+ "justifyContent": [
1278
+ "space-between"
1279
+ ],
1280
+ "columnGap": [
1281
+ "2.5"
1144
1282
  ]
1145
1283
  }
1146
1284
  },
@@ -1148,10 +1286,12 @@
1148
1286
  "runtimeConfigDefaultProps": {},
1149
1287
  "runtimeConfigGetStyles": {},
1150
1288
  "runtimeConfigInternalComponentProps": {},
1151
- "motionVarPrefixes": []
1289
+ "motionVarPrefixes": [
1290
+ "--uds-motion-smooth-3-"
1291
+ ]
1152
1292
  },
1153
- "Table.mocks": {
1154
- "name": "Table.mocks",
1293
+ "AvoidMotionLibraryProvider": {
1294
+ "name": "AvoidMotionLibraryProvider",
1155
1295
  "defaultProps": {},
1156
1296
  "getStylesLiterals": {},
1157
1297
  "cxLiterals": [],
@@ -1163,57 +1303,236 @@
1163
1303
  "runtimeConfigInternalComponentProps": {},
1164
1304
  "motionVarPrefixes": []
1165
1305
  },
1166
- "Table": {
1167
- "name": "Table",
1306
+ "SegmentedControl": {
1307
+ "name": "SegmentedControl",
1168
1308
  "defaultProps": {
1169
- "display": "table-cell",
1170
- "overflow": "hidden",
1171
- "borderColor": "muted",
1172
- "borderRadius": "md",
1173
- "spacing": "3",
1174
- "borderBottomColor": "muted",
1175
- "borderBottomWidth": "thin",
1176
- "color": "primary"
1309
+ "textVariant": "label2"
1177
1310
  },
1178
1311
  "getStylesLiterals": {
1179
- "textAlign": "start"
1312
+ "display": "flex",
1313
+ "alignItems": "center",
1314
+ "backgroundColor": "primary",
1315
+ "spacingVertical": "1",
1316
+ "spacingHorizontal": "3",
1317
+ "columnGap": "1.5",
1318
+ "borderWidth": "thin",
1319
+ "borderRadius": "full",
1320
+ "borderColor": "muted",
1321
+ "borderColor:1": "transparent",
1322
+ "color": "primary",
1323
+ "color:1": "tertiary",
1324
+ "color:2": "muted"
1180
1325
  },
1181
- "cxLiterals": [],
1326
+ "cxLiterals": [
1327
+ "uds-ring",
1328
+ "cursor-not-allowed",
1329
+ "opacity-50",
1330
+ "pointer-events-none",
1331
+ "hover:bg-primary"
1332
+ ],
1182
1333
  "internalComponents": [
1183
- "CellComponent",
1184
- "Box",
1185
- "Text",
1186
- "Table.Root",
1187
- "Table.Header",
1188
- "Table.Row",
1189
- "Table.Cell",
1190
- "Table.Body"
1334
+ "Radio",
1335
+ "Icon",
1336
+ "RadioProvider",
1337
+ "HStack",
1338
+ "RadioGroup",
1339
+ "Pressable",
1340
+ "Text"
1191
1341
  ],
1192
1342
  "internalComponentProps": {
1193
- "Table.Cell": {
1194
- "asHeaderCell": [
1195
- "column"
1343
+ "Icon": {
1344
+ "size": [
1345
+ "sm"
1346
+ ],
1347
+ "color": [
1348
+ "current"
1349
+ ],
1350
+ "aria-hidden": [
1351
+ "true"
1196
1352
  ]
1197
- }
1198
- },
1199
- "propToVariantKeys": {},
1200
- "runtimeConfigDefaultProps": {},
1201
- "runtimeConfigGetStyles": {},
1202
- "runtimeConfigInternalComponentProps": {},
1203
- "motionVarPrefixes": []
1204
- },
1205
- "Avatar": {
1206
- "name": "Avatar",
1207
- "defaultProps": {},
1208
- "getStylesLiterals": {},
1209
- "cxLiterals": [],
1210
- "internalComponents": [
1211
- "AvatarImage"
1212
- ],
1213
- "internalComponentProps": {},
1214
- "propToVariantKeys": {},
1215
- "runtimeConfigDefaultProps": {},
1216
- "runtimeConfigGetStyles": {},
1353
+ },
1354
+ "HStack": {
1355
+ "spacing": [
1356
+ "1"
1357
+ ],
1358
+ "gap": [
1359
+ "1"
1360
+ ],
1361
+ "backgroundColor": [
1362
+ "secondary"
1363
+ ],
1364
+ "borderRadius": [
1365
+ "full"
1366
+ ],
1367
+ "display": [
1368
+ "inline-flex"
1369
+ ]
1370
+ },
1371
+ "Text": {
1372
+ "color": [
1373
+ "current"
1374
+ ]
1375
+ }
1376
+ },
1377
+ "propToVariantKeys": {
1378
+ "value": [
1379
+ "key"
1380
+ ],
1381
+ "label": [
1382
+ "aria-label"
1383
+ ],
1384
+ "textVariant": [
1385
+ "variant"
1386
+ ]
1387
+ },
1388
+ "runtimeConfigDefaultProps": {},
1389
+ "runtimeConfigGetStyles": {},
1390
+ "runtimeConfigInternalComponentProps": {},
1391
+ "motionVarPrefixes": []
1392
+ },
1393
+ "SwitchV2": {
1394
+ "name": "SwitchV2",
1395
+ "defaultProps": {
1396
+ "labelPosition": "start",
1397
+ "size": "md"
1398
+ },
1399
+ "getStylesLiterals": {
1400
+ "switchVariantRoot": "default",
1401
+ "switchVariantActiveRoot": "on",
1402
+ "switchVariantActiveRoot:1": "off",
1403
+ "switchVariantSwitch": "default",
1404
+ "switchVariantActiveSwitch": "on",
1405
+ "switchVariantActiveSwitch:1": "off",
1406
+ "switchVariantActiveHandle": "on",
1407
+ "switchVariantActiveHandle:1": "off",
1408
+ "switchVariantHandle": "default",
1409
+ "switchVariantHandleIcon": "default",
1410
+ "switchVariantActiveHandleIcon": "on",
1411
+ "switchVariantActiveHandleIcon:1": "off"
1412
+ },
1413
+ "cxLiterals": [
1414
+ "group",
1415
+ "flex",
1416
+ "items-center",
1417
+ "flex-row",
1418
+ "flex-row-reverse",
1419
+ "uds-ring",
1420
+ "uds-ring-within",
1421
+ "relative",
1422
+ "uds-border-radius-full",
1423
+ "transition-[background-color,box-shadow]",
1424
+ "pointer-events-none",
1425
+ "w-full",
1426
+ "h-full",
1427
+ "absolute",
1428
+ "top-0",
1429
+ "bottom-0",
1430
+ "right-0",
1431
+ "left-0",
1432
+ "overflow-hidden",
1433
+ "group-hover:scale-105",
1434
+ "opacity-95",
1435
+ "group-hover:opacity-100",
1436
+ "transition-[transform,opacity]",
1437
+ "opacity-0",
1438
+ "top-1/2",
1439
+ "left-1/2",
1440
+ "transform",
1441
+ "translate-x-[-50%]",
1442
+ "translate-y-[-50%]",
1443
+ "transition-opacity",
1444
+ "cursor-[inherit]",
1445
+ "w-[calc(100%+2px)]",
1446
+ "h-[calc(100%+2px)]",
1447
+ "text-start",
1448
+ "text-end",
1449
+ "opacity-100"
1450
+ ],
1451
+ "internalComponents": [
1452
+ "IconSlot",
1453
+ "Box",
1454
+ "FormLabel",
1455
+ "SpringMotionConfig",
1456
+ "RootElement",
1457
+ "MotionBox"
1458
+ ],
1459
+ "internalComponentProps": {
1460
+ "IconSlot": {
1461
+ "data-testid": [
1462
+ "on-icon",
1463
+ "off-icon"
1464
+ ]
1465
+ },
1466
+ "FormLabel": {
1467
+ "as": [
1468
+ "div"
1469
+ ],
1470
+ "variant": [
1471
+ "inherit"
1472
+ ],
1473
+ "color": [
1474
+ "inherit"
1475
+ ]
1476
+ },
1477
+ "SpringMotionConfig": {
1478
+ "layoutVariant": [
1479
+ "bouncy"
1480
+ ],
1481
+ "layoutSpeed": [
1482
+ "4"
1483
+ ]
1484
+ },
1485
+ "RootElement": {
1486
+ "data-testid": [
1487
+ "switch-root"
1488
+ ]
1489
+ },
1490
+ "MotionBox": {
1491
+ "layout": [
1492
+ "position"
1493
+ ]
1494
+ }
1495
+ },
1496
+ "propToVariantKeys": {
1497
+ "size": [
1498
+ "switchSizeRoot",
1499
+ "switchSizeSwitch",
1500
+ "switchSizeHandle",
1501
+ "switchSizeHandleIcon"
1502
+ ],
1503
+ "onIcon": [
1504
+ "icon"
1505
+ ],
1506
+ "offIcon": [
1507
+ "icon"
1508
+ ],
1509
+ "reduceMotion": [
1510
+ "reducedMotion"
1511
+ ],
1512
+ "isOn": [
1513
+ "layoutDependency"
1514
+ ]
1515
+ },
1516
+ "runtimeConfigDefaultProps": {},
1517
+ "runtimeConfigGetStyles": {},
1518
+ "runtimeConfigInternalComponentProps": {},
1519
+ "motionVarPrefixes": [
1520
+ "--uds-motion-bouncy-4-",
1521
+ "--uds-motion-smooth-3-"
1522
+ ]
1523
+ },
1524
+ "Avatar": {
1525
+ "name": "Avatar",
1526
+ "defaultProps": {},
1527
+ "getStylesLiterals": {},
1528
+ "cxLiterals": [],
1529
+ "internalComponents": [
1530
+ "AvatarImage"
1531
+ ],
1532
+ "internalComponentProps": {},
1533
+ "propToVariantKeys": {},
1534
+ "runtimeConfigDefaultProps": {},
1535
+ "runtimeConfigGetStyles": {},
1217
1536
  "runtimeConfigInternalComponentProps": {},
1218
1537
  "motionVarPrefixes": []
1219
1538
  },
@@ -1325,92 +1644,114 @@
1325
1644
  "runtimeConfigInternalComponentProps": {},
1326
1645
  "motionVarPrefixes": []
1327
1646
  },
1328
- "Menu.Content": {
1329
- "name": "Menu.Content",
1647
+ "BottomSheet": {
1648
+ "name": "BottomSheet",
1330
1649
  "defaultProps": {
1331
- "size": "default",
1332
- "variant": "default",
1333
- "gutter": "1"
1650
+ "variant": "default"
1334
1651
  },
1335
1652
  "getStylesLiterals": {},
1336
1653
  "cxLiterals": [
1337
- "uds-menu-content",
1338
- "transition-shadow",
1339
- "duration-200",
1340
- "ease-in-out",
1341
- "min-w-60",
1342
- "max-w-lg",
1343
- "max-h-96",
1344
- "overflow-auto",
1345
- "uds-ring",
1346
- "z-10",
1347
- "group"
1348
- ],
1349
- "internalComponents": [
1350
- "AriakitMenu",
1351
- "AnimatePresence",
1352
- "MotionVStack"
1654
+ "fixed",
1655
+ "overflow-hidden",
1656
+ "inset-x-0",
1657
+ "bottom-0",
1658
+ "z-50",
1659
+ "[will-change:transform]",
1660
+ "touch-none",
1661
+ "[transform:translate3d(0,var(--uds-bottomsheet-hidden-translate),0)]",
1662
+ "data-[enter]:[transform:translate3d(0,var(--uds-bottomsheet-visible-translate),0)]",
1663
+ "transition-transform",
1664
+ "duration-500",
1665
+ "ease-[cubic-bezier(0.32,0.72,0,1)]",
1666
+ "motion-reduce:transition-none",
1667
+ "top-[-4px]",
1668
+ "z-[1]",
1669
+ "touch-pan-y"
1353
1670
  ],
1354
- "internalComponentProps": {},
1355
- "propToVariantKeys": {
1356
- "size": [
1357
- "menucontentSizeRoot"
1358
- ],
1359
- "variant": [
1360
- "menucontentVariantRoot"
1361
- ]
1362
- },
1363
- "runtimeConfigDefaultProps": {},
1364
- "runtimeConfigGetStyles": {},
1365
- "runtimeConfigInternalComponentProps": {},
1366
- "motionVarPrefixes": []
1367
- },
1368
- "Menu.Divider": {
1369
- "name": "Menu.Divider",
1370
- "defaultProps": {
1371
- "role": "separator",
1372
- "contentPosition": "start",
1373
- "gap": "4"
1374
- },
1375
- "getStylesLiterals": {
1376
- "menuitemDividerVariantRoot": "default",
1377
- "menuitemDividerVariantText": "default",
1378
- "menuitemDividerVariantLine": "default"
1379
- },
1380
- "cxLiterals": [],
1381
1671
  "internalComponents": [
1382
- "Divider"
1672
+ "Scrim",
1673
+ "BottomSheetHandle",
1674
+ "Dialog",
1675
+ "Box",
1676
+ "BottomSheetInternalContext.Provider"
1383
1677
  ],
1384
1678
  "internalComponentProps": {
1385
- "Divider": {
1386
- "variant": [
1387
- "inherit"
1679
+ "BottomSheetHandle": {
1680
+ "ariaLabel": [
1681
+ "Resize sheet"
1682
+ ]
1683
+ },
1684
+ "Dialog": {
1685
+ "data-testid": [
1686
+ "bottom-sheet"
1687
+ ]
1688
+ },
1689
+ "Box": {
1690
+ "display": [
1691
+ "block",
1692
+ "flex"
1693
+ ],
1694
+ "position": [
1695
+ "absolute"
1696
+ ],
1697
+ "flexDirection": [
1698
+ "column"
1699
+ ],
1700
+ "className": [
1701
+ "absolute inset-0 min-h-0 p-[inherit]"
1388
1702
  ]
1389
1703
  }
1390
1704
  },
1391
- "propToVariantKeys": {},
1705
+ "propToVariantKeys": {
1706
+ "variant": [
1707
+ "bottomsheetVariantRoot"
1708
+ ]
1709
+ },
1392
1710
  "runtimeConfigDefaultProps": {},
1393
1711
  "runtimeConfigGetStyles": {},
1394
1712
  "runtimeConfigInternalComponentProps": {},
1395
1713
  "motionVarPrefixes": []
1396
1714
  },
1397
- "Menu.Item": {
1398
- "name": "Menu.Item",
1715
+ "BottomSheetContent": {
1716
+ "name": "BottomSheetContent",
1399
1717
  "defaultProps": {},
1400
- "getStylesLiterals": {
1401
- "menuitemItemVariantRoot": "default",
1402
- "menuitemItemVariantActiveRoot": "on",
1403
- "menuitemItemVariantActiveRoot:1": "off",
1404
- "menuitemItemVariantText": "default",
1405
- "menuitemItemVariantActiveText": "on",
1406
- "menuitemItemVariantActiveText:1": "off",
1407
- "menuitemItemVariantIcon": "default",
1408
- "menuitemItemVariantActiveIcon": "on",
1409
- "menuitemItemVariantActiveIcon:1": "off"
1718
+ "getStylesLiterals": {},
1719
+ "cxLiterals": [
1720
+ "min-h-0",
1721
+ "touch-pan-y"
1722
+ ],
1723
+ "internalComponents": [
1724
+ "Box",
1725
+ "VStack"
1726
+ ],
1727
+ "internalComponentProps": {
1728
+ "Box": {
1729
+ "display": [
1730
+ "block"
1731
+ ],
1732
+ "flex": [
1733
+ "1"
1734
+ ]
1735
+ },
1736
+ "VStack": {
1737
+ "className": [
1738
+ "pb-[calc(env(safe-area-inset-bottom))]"
1739
+ ]
1740
+ }
1410
1741
  },
1742
+ "propToVariantKeys": {},
1743
+ "runtimeConfigDefaultProps": {},
1744
+ "runtimeConfigGetStyles": {},
1745
+ "runtimeConfigInternalComponentProps": {},
1746
+ "motionVarPrefixes": []
1747
+ },
1748
+ "BottomSheetDismiss": {
1749
+ "name": "BottomSheetDismiss",
1750
+ "defaultProps": {},
1751
+ "getStylesLiterals": {},
1411
1752
  "cxLiterals": [],
1412
1753
  "internalComponents": [
1413
- "MenuItemBase"
1754
+ "AriakitDialogDismiss"
1414
1755
  ],
1415
1756
  "internalComponentProps": {},
1416
1757
  "propToVariantKeys": {},
@@ -1419,79 +1760,45 @@
1419
1760
  "runtimeConfigInternalComponentProps": {},
1420
1761
  "motionVarPrefixes": []
1421
1762
  },
1422
- "Menu.ItemBase": {
1423
- "name": "Menu.ItemBase",
1763
+ "BottomSheetHandle": {
1764
+ "name": "BottomSheetHandle",
1424
1765
  "defaultProps": {
1425
- "spacing": "0",
1426
- "spacingHorizontal": "4",
1427
- "spacingVertical": "3.5",
1428
- "columnGap": "2",
1429
- "alignItems": "center",
1430
- "justifyContent": "space-between"
1431
- },
1432
- "getStylesLiterals": {
1433
- "textAlign": "start",
1434
- "menuitemSizeRoot": "default",
1435
- "flexDirection": "row",
1436
- "menuitemSizeStartIcon": "default",
1437
- "menuitemSizeEndIcon": "default"
1766
+ "variant": "default"
1438
1767
  },
1768
+ "getStylesLiterals": {},
1439
1769
  "cxLiterals": [
1440
- "uds-menu-item",
1441
- "flex",
1442
- "focus-visible:text-brand",
1443
- "focus-visible:bg-brand-secondary",
1444
- "focus-visible:z-10",
1445
- "uds-ring",
1446
- "!-outline-offset-2",
1447
- "[&:not([aria-checked])]:cursor-default",
1448
- "opacity-25",
1449
- "cursor-not-allowed",
1450
- "duration-20",
1451
- "transition-[font-variation-settings]",
1452
- "ease-in-out",
1453
- "z-0",
1454
- "truncate",
1455
- "uds-start-icon",
1456
- "uds-end-icon"
1770
+ "relative",
1771
+ "h-5",
1772
+ "w-16",
1773
+ "outline-none",
1774
+ "focus-visible:outline-none",
1775
+ "[touch-action:pan-y]",
1776
+ "absolute",
1777
+ "left-1/2",
1778
+ "top-1/2",
1779
+ "-translate-x-1/2",
1780
+ "-translate-y-1/2",
1781
+ "h-1",
1782
+ "w-8",
1783
+ "rounded-full"
1457
1784
  ],
1458
1785
  "internalComponents": [
1459
- "Pressable",
1460
- "IconSlot",
1461
- "RootComponent",
1462
- "HStack",
1463
- "AnimatePresence"
1786
+ "Box"
1464
1787
  ],
1465
1788
  "internalComponentProps": {
1466
- "HStack": {
1467
- "alignItems": [
1468
- "center"
1789
+ "Box": {
1790
+ "display": [
1791
+ "block",
1792
+ "flex"
1469
1793
  ],
1470
- "width": [
1471
- "full"
1472
- ]
1473
- },
1474
- "AnimatePresence": {
1475
- "mode": [
1476
- "popLayout"
1794
+ "justifyContent": [
1795
+ "center"
1477
1796
  ]
1478
1797
  }
1479
1798
  },
1480
1799
  "propToVariantKeys": {
1481
- "startIconClassName": [
1482
- "className"
1483
- ],
1484
- "endIconClassName": [
1485
- "className"
1486
- ],
1487
- "startIcon": [
1488
- "icon"
1489
- ],
1490
- "endIcon": [
1491
- "icon"
1492
- ],
1493
- "columnGap": [
1494
- "gap"
1800
+ "variant": [
1801
+ "bottomsheetVariantHandleIndicator"
1495
1802
  ]
1496
1803
  },
1497
1804
  "runtimeConfigDefaultProps": {},
@@ -1499,85 +1806,107 @@
1499
1806
  "runtimeConfigInternalComponentProps": {},
1500
1807
  "motionVarPrefixes": []
1501
1808
  },
1502
- "Menu.ItemCheckbox": {
1503
- "name": "Menu.ItemCheckbox",
1504
- "defaultProps": {},
1505
- "getStylesLiterals": {
1506
- "menuitemItemCheckboxVariantRoot": "default",
1507
- "menuitemItemCheckboxVariantActiveRoot": "on",
1508
- "menuitemItemCheckboxVariantActiveRoot:1": "off",
1509
- "menuitemItemCheckboxVariantText": "default",
1510
- "menuitemItemCheckboxVariantActiveText": "on",
1511
- "menuitemItemCheckboxVariantActiveText:1": "off",
1512
- "menuitemItemCheckboxVariantStartIcon": "default",
1513
- "menuitemItemCheckboxVariantActiveStartIcon": "on",
1514
- "menuitemItemCheckboxVariantActiveStartIcon:1": "off",
1515
- "menuitemItemCheckboxVariantEndIcon": "default",
1516
- "menuitemItemCheckboxVariantActiveEndIcon": "on",
1517
- "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
1809
+ "BottomSheetHeader": {
1810
+ "name": "BottomSheetHeader",
1811
+ "defaultProps": {
1812
+ "variant": "default"
1518
1813
  },
1814
+ "getStylesLiterals": {},
1519
1815
  "cxLiterals": [
1520
- "uds-menu-item-checkbox"
1816
+ "grid-cols-[40px_1fr_40px]",
1817
+ "items-center",
1818
+ "w-full",
1819
+ "min-h-10",
1820
+ "mt-2"
1521
1821
  ],
1522
1822
  "internalComponents": [
1523
- "MenuItemBase"
1823
+ "Box",
1824
+ "Text",
1825
+ "DialogHeading"
1524
1826
  ],
1525
- "internalComponentProps": {},
1526
- "propToVariantKeys": {},
1827
+ "internalComponentProps": {
1828
+ "Box": {
1829
+ "className": [
1830
+ "h-10 w-10 opacity-0 pointer-events-none"
1831
+ ],
1832
+ "display": [
1833
+ "grid",
1834
+ "flex"
1835
+ ],
1836
+ "justifyContent": [
1837
+ "flex-start",
1838
+ "flex-end"
1839
+ ]
1840
+ },
1841
+ "Text": {
1842
+ "as": [
1843
+ "p"
1844
+ ],
1845
+ "variant": [
1846
+ "inherit"
1847
+ ],
1848
+ "color": [
1849
+ "inherit"
1850
+ ],
1851
+ "textAlign": [
1852
+ "center"
1853
+ ],
1854
+ "className": [
1855
+ "m-0 w-full"
1856
+ ]
1857
+ },
1858
+ "DialogHeading": {
1859
+ "role": [
1860
+ "heading"
1861
+ ]
1862
+ }
1863
+ },
1864
+ "propToVariantKeys": {
1865
+ "variant": [
1866
+ "bottomsheetVariantHeader"
1867
+ ]
1868
+ },
1527
1869
  "runtimeConfigDefaultProps": {},
1528
1870
  "runtimeConfigGetStyles": {},
1529
1871
  "runtimeConfigInternalComponentProps": {},
1530
1872
  "motionVarPrefixes": []
1531
1873
  },
1532
- "Menu.Provider": {
1533
- "name": "Menu.Provider",
1874
+ "BottomSheetInternalContext": {
1875
+ "name": "BottomSheetInternalContext",
1534
1876
  "defaultProps": {},
1535
1877
  "getStylesLiterals": {},
1536
1878
  "cxLiterals": [],
1537
- "internalComponents": [
1538
- "AriakitMenuProvider",
1539
- "SpringMotionConfig"
1540
- ],
1879
+ "internalComponents": [],
1541
1880
  "internalComponentProps": {},
1542
1881
  "propToVariantKeys": {},
1543
1882
  "runtimeConfigDefaultProps": {},
1544
1883
  "runtimeConfigGetStyles": {},
1545
1884
  "runtimeConfigInternalComponentProps": {},
1546
- "motionVarPrefixes": [
1547
- "--uds-motion-subtle-3-",
1548
- "--uds-motion-smooth-3-"
1549
- ]
1885
+ "motionVarPrefixes": []
1550
1886
  },
1551
- "Menu.Trigger": {
1552
- "name": "Menu.Trigger",
1887
+ "BottomSheetProvider": {
1888
+ "name": "BottomSheetProvider",
1553
1889
  "defaultProps": {},
1554
1890
  "getStylesLiterals": {},
1555
- "cxLiterals": [
1556
- "uds-menu-trigger"
1557
- ],
1891
+ "cxLiterals": [],
1558
1892
  "internalComponents": [
1559
- "AriakitMenuTrigger",
1560
- "Box"
1893
+ "AriakitDialogProvider"
1561
1894
  ],
1562
- "internalComponentProps": {
1563
- "Box": {
1564
- "className": [
1565
- "uds-ring h-fit w-fit"
1566
- ]
1567
- }
1568
- },
1895
+ "internalComponentProps": {},
1569
1896
  "propToVariantKeys": {},
1570
1897
  "runtimeConfigDefaultProps": {},
1571
1898
  "runtimeConfigGetStyles": {},
1572
1899
  "runtimeConfigInternalComponentProps": {},
1573
1900
  "motionVarPrefixes": []
1574
1901
  },
1575
- "Menu.index": {
1576
- "name": "Menu.index",
1902
+ "BottomSheetTrigger": {
1903
+ "name": "BottomSheetTrigger",
1577
1904
  "defaultProps": {},
1578
1905
  "getStylesLiterals": {},
1579
1906
  "cxLiterals": [],
1580
- "internalComponents": [],
1907
+ "internalComponents": [
1908
+ "AriakitDialogDisclosure"
1909
+ ],
1581
1910
  "internalComponentProps": {},
1582
1911
  "propToVariantKeys": {},
1583
1912
  "runtimeConfigDefaultProps": {},
@@ -1585,12 +1914,14 @@
1585
1914
  "runtimeConfigInternalComponentProps": {},
1586
1915
  "motionVarPrefixes": []
1587
1916
  },
1588
- "Menu": {
1589
- "name": "Menu",
1917
+ "UDSBottomSheetConfigProvider": {
1918
+ "name": "UDSBottomSheetConfigProvider",
1590
1919
  "defaultProps": {},
1591
1920
  "getStylesLiterals": {},
1592
1921
  "cxLiterals": [],
1593
- "internalComponents": [],
1922
+ "internalComponents": [
1923
+ "BottomSheetContext.Provider"
1924
+ ],
1594
1925
  "internalComponentProps": {},
1595
1926
  "propToVariantKeys": {},
1596
1927
  "runtimeConfigDefaultProps": {},
@@ -1799,169 +2130,6 @@
1799
2130
  "runtimeConfigInternalComponentProps": {},
1800
2131
  "motionVarPrefixes": []
1801
2132
  },
1802
- "Popover": {
1803
- "name": "Popover",
1804
- "defaultProps": {},
1805
- "getStylesLiterals": {},
1806
- "cxLiterals": [
1807
- "uds:popover-open"
1808
- ],
1809
- "internalComponents": [
1810
- "PopoverInternalContext.Provider",
1811
- "PopoverProvider"
1812
- ],
1813
- "internalComponentProps": {},
1814
- "propToVariantKeys": {},
1815
- "runtimeConfigDefaultProps": {
1816
- "size": "popover.defaultSize",
1817
- "variant": "popover.defaultVariant"
1818
- },
1819
- "runtimeConfigGetStyles": {},
1820
- "runtimeConfigInternalComponentProps": {},
1821
- "motionVarPrefixes": []
1822
- },
1823
- "PopoverContent": {
1824
- "name": "PopoverContent",
1825
- "defaultProps": {},
1826
- "getStylesLiterals": {
1827
- "popoverSizeRoot": "default",
1828
- "popoverVariantRoot": "default",
1829
- "display": "flex",
1830
- "position": "relative",
1831
- "display:1": "block",
1832
- "spacingTop": "0",
1833
- "spacingStart": "0",
1834
- "spacingBottom": "0",
1835
- "spacingEnd": "0",
1836
- "popoverSizeSvgBase": "default",
1837
- "popoverVariantSvgBase": "default",
1838
- "popoverSizeSvgBorder": "default",
1839
- "popoverVariantSvgBorder": "default",
1840
- "popoverVariantBlur": "default",
1841
- "position:1": "absolute",
1842
- "width": "full",
1843
- "height": "full",
1844
- "flexShrink": "0",
1845
- "borderRadius": "full",
1846
- "alignItems": "center",
1847
- "justifyContent": "center",
1848
- "popoverVariantCloseIcon": "default",
1849
- "popoverSizeCloseIcon": "default"
1850
- },
1851
- "cxLiterals": [
1852
- "z-[9999]",
1853
- "outline-none",
1854
- "focus-visible:outline-none",
1855
- "uds-bgBlurFillFallback",
1856
- "uds-bgBlurFallback",
1857
- "top-0",
1858
- "left-0",
1859
- "z-[1]",
1860
- "duration-0",
1861
- "duration-120",
1862
- "transition-[background-color]",
1863
- "bg-carbon-15/0",
1864
- "hover:bg-carbon-15/10",
1865
- "active:bg-carbon-15/15",
1866
- "uds-ring",
1867
- "absolute",
1868
- "z-[4]"
1869
- ],
1870
- "internalComponents": [
1871
- "PopoverDismiss",
1872
- "IconSlot",
1873
- "PopoverArrow",
1874
- "Popover",
1875
- "SvgFloatingOverlay",
1876
- "Box",
1877
- "Pressable"
1878
- ],
1879
- "internalComponentProps": {},
1880
- "propToVariantKeys": {
1881
- "closeIcon": [
1882
- "icon"
1883
- ]
1884
- },
1885
- "runtimeConfigDefaultProps": {
1886
- "size": "popover.defaultSize",
1887
- "variant": "popover.defaultVariant"
1888
- },
1889
- "runtimeConfigGetStyles": {
1890
- "spacingTop": [
1891
- "popover.spacingVertical.${size}"
1892
- ],
1893
- "spacingStart": [
1894
- "popover.spacingHorizontal.${size}"
1895
- ],
1896
- "spacingBottom": [
1897
- "popover.spacingVertical.${size}"
1898
- ],
1899
- "spacingEnd": [
1900
- "popover.spacingHorizontal.${size}"
1901
- ]
1902
- },
1903
- "runtimeConfigInternalComponentProps": {
1904
- "SvgFloatingOverlay": {
1905
- "borderRadius": [
1906
- "popover.borderRadius.${size}"
1907
- ]
1908
- }
1909
- },
1910
- "motionVarPrefixes": []
1911
- },
1912
- "PopoverContext": {
1913
- "name": "PopoverContext",
1914
- "defaultProps": {},
1915
- "getStylesLiterals": {},
1916
- "cxLiterals": [],
1917
- "internalComponents": [],
1918
- "internalComponentProps": {},
1919
- "propToVariantKeys": {},
1920
- "runtimeConfigDefaultProps": {},
1921
- "runtimeConfigGetStyles": {},
1922
- "runtimeConfigInternalComponentProps": {},
1923
- "motionVarPrefixes": []
1924
- },
1925
- "PopoverTrigger": {
1926
- "name": "PopoverTrigger",
1927
- "defaultProps": {},
1928
- "getStylesLiterals": {},
1929
- "cxLiterals": [],
1930
- "internalComponents": [
1931
- "PopoverDisclosure"
1932
- ],
1933
- "internalComponentProps": {
1934
- "PopoverDisclosure": {
1935
- "className": [
1936
- "inline"
1937
- ]
1938
- }
1939
- },
1940
- "propToVariantKeys": {
1941
- "children": [
1942
- "render"
1943
- ]
1944
- },
1945
- "runtimeConfigDefaultProps": {},
1946
- "runtimeConfigGetStyles": {},
1947
- "runtimeConfigInternalComponentProps": {},
1948
- "motionVarPrefixes": []
1949
- },
1950
- "UDSPopoverConfigProvider": {
1951
- "name": "UDSPopoverConfigProvider",
1952
- "defaultProps": {},
1953
- "getStylesLiterals": {},
1954
- "cxLiterals": [],
1955
- "internalComponents": [
1956
- "PopoverContext.Provider"
1957
- ],
1958
- "internalComponentProps": {},
1959
- "propToVariantKeys": {},
1960
- "runtimeConfigDefaultProps": {},
1961
- "runtimeConfigGetStyles": {},
1962
- "runtimeConfigInternalComponentProps": {},
1963
- "motionVarPrefixes": []
1964
- },
1965
2133
  "Input": {
1966
2134
  "name": "Input",
1967
2135
  "defaultProps": {
@@ -2148,253 +2316,280 @@
2148
2316
  "runtimeConfigInternalComponentProps": {},
2149
2317
  "motionVarPrefixes": []
2150
2318
  },
2151
- "BottomSheet": {
2152
- "name": "BottomSheet",
2319
+ "ManagedModal": {
2320
+ "name": "ManagedModal",
2321
+ "defaultProps": {},
2322
+ "getStylesLiterals": {},
2323
+ "cxLiterals": [],
2324
+ "internalComponents": [
2325
+ "Modal",
2326
+ "ModalTitle",
2327
+ "ModalDescription",
2328
+ "ModalContent",
2329
+ "ModalActions"
2330
+ ],
2331
+ "internalComponentProps": {},
2332
+ "propToVariantKeys": {},
2333
+ "runtimeConfigDefaultProps": {
2334
+ "size": "modal.defaultSize",
2335
+ "variant": "modal.defaultVariant"
2336
+ },
2337
+ "runtimeConfigGetStyles": {},
2338
+ "runtimeConfigInternalComponentProps": {},
2339
+ "motionVarPrefixes": []
2340
+ },
2341
+ "Modal": {
2342
+ "name": "Modal",
2153
2343
  "defaultProps": {
2154
- "variant": "default"
2344
+ "closeAriaLabel": "Close",
2345
+ "maxWidth": "auto",
2346
+ "maxHeight": "auto",
2347
+ "scrollBehavior": "outside"
2348
+ },
2349
+ "getStylesLiterals": {
2350
+ "flexDirection": "row-reverse",
2351
+ "justifyContent": "space-between",
2352
+ "alignItems": "flex-end",
2353
+ "alignItems:1": "flex-start",
2354
+ "borderRadius": "full"
2155
2355
  },
2156
- "getStylesLiterals": {},
2157
2356
  "cxLiterals": [
2158
2357
  "fixed",
2358
+ "inset-0",
2359
+ "z-40",
2360
+ "overflow-y-auto",
2159
2361
  "overflow-hidden",
2160
- "inset-x-0",
2161
- "bottom-0",
2162
- "z-50",
2163
- "[will-change:transform]",
2164
- "touch-none",
2165
- "[transform:translate3d(0,var(--uds-bottomsheet-hidden-translate),0)]",
2166
- "data-[enter]:[transform:translate3d(0,var(--uds-bottomsheet-visible-translate),0)]",
2167
- "transition-transform",
2168
- "duration-500",
2169
- "ease-[cubic-bezier(0.32,0.72,0,1)]",
2170
- "motion-reduce:transition-none",
2171
- "top-[-4px]",
2172
- "z-[1]",
2173
- "touch-pan-y"
2362
+ "transition-[opacity,visibility]",
2363
+ "visible",
2364
+ "opacity-100",
2365
+ "invisible",
2366
+ "opacity-0",
2367
+ "pointer-events-none",
2368
+ "uds-bgBlurFallback",
2369
+ "w-full",
2370
+ "w-fit",
2371
+ "h-full",
2372
+ "h-fit",
2373
+ "m-auto",
2374
+ "pointer-events-auto",
2375
+ "inside",
2376
+ "max-h-full",
2377
+ "transition-transform",
2378
+ "duration-0",
2379
+ "duration-120",
2380
+ "transition-[background-color]",
2381
+ "bg-carbon-15/0",
2382
+ "hover:bg-carbon-15/10",
2383
+ "active:bg-carbon-15/15",
2384
+ "uds-ring",
2385
+ "[translate:50%_-50%]"
2174
2386
  ],
2175
2387
  "internalComponents": [
2176
2388
  "Scrim",
2177
- "BottomSheetHandle",
2178
- "Dialog",
2389
+ "VStack",
2390
+ "Pressable",
2391
+ "IconSlot",
2179
2392
  "Box",
2180
- "BottomSheetInternalContext.Provider"
2393
+ "Dialog",
2394
+ "ModalContext.Provider",
2395
+ "HStack",
2396
+ "DialogDismiss",
2397
+ "ModalTitle",
2398
+ "ModalDescription",
2399
+ "ModalContent",
2400
+ "ModalActions"
2181
2401
  ],
2182
2402
  "internalComponentProps": {
2183
- "BottomSheetHandle": {
2184
- "ariaLabel": [
2185
- "Resize sheet"
2186
- ]
2187
- },
2188
- "Dialog": {
2189
- "data-testid": [
2190
- "bottom-sheet"
2191
- ]
2192
- },
2193
2403
  "Box": {
2194
- "display": [
2195
- "block",
2196
- "flex"
2197
- ],
2198
- "position": [
2199
- "absolute"
2200
- ],
2201
- "flexDirection": [
2202
- "column"
2203
- ],
2204
- "className": [
2205
- "absolute inset-0 min-h-0 p-[inherit]"
2404
+ "flexGrow": [
2405
+ "1"
2206
2406
  ]
2207
2407
  }
2208
2408
  },
2209
2409
  "propToVariantKeys": {
2410
+ "gutter": [
2411
+ "spacing"
2412
+ ],
2413
+ "size": [
2414
+ "modalSizeRoot",
2415
+ "modalSizeSpacingHorizontal",
2416
+ "modalSizeHeader",
2417
+ "modalSizeTitleDescriptionWrapper",
2418
+ "modalSizeCloseIconContainer",
2419
+ "modalSizeCloseIcon"
2420
+ ],
2210
2421
  "variant": [
2211
- "bottomsheetVariantRoot"
2422
+ "modalVariantRoot",
2423
+ "modalVariantCloseIcon"
2424
+ ],
2425
+ "closeAriaLabel": [
2426
+ "aria-label"
2427
+ ],
2428
+ "closeIcon": [
2429
+ "icon"
2430
+ ]
2431
+ },
2432
+ "runtimeConfigDefaultProps": {
2433
+ "size": "modal.defaultSize",
2434
+ "variant": "modal.defaultVariant"
2435
+ },
2436
+ "runtimeConfigGetStyles": {
2437
+ "spacing": [
2438
+ "modal.gutter.${size}"
2439
+ ],
2440
+ "modalSizeRoot": [
2441
+ "modal.defaultSize"
2442
+ ],
2443
+ "modalVariantRoot": [
2444
+ "modal.defaultVariant"
2445
+ ],
2446
+ "modalSizeSpacingHorizontal": [
2447
+ "modal.defaultSize"
2448
+ ],
2449
+ "modalSizeHeader": [
2450
+ "modal.defaultSize"
2451
+ ],
2452
+ "modalSizeTitleDescriptionWrapper": [
2453
+ "modal.defaultSize"
2454
+ ],
2455
+ "modalSizeCloseIconContainer": [
2456
+ "modal.defaultSize"
2457
+ ],
2458
+ "modalSizeCloseIcon": [
2459
+ "modal.defaultSize"
2460
+ ],
2461
+ "modalVariantCloseIcon": [
2462
+ "modal.defaultVariant"
2212
2463
  ]
2213
2464
  },
2214
- "runtimeConfigDefaultProps": {},
2215
- "runtimeConfigGetStyles": {},
2216
2465
  "runtimeConfigInternalComponentProps": {},
2217
2466
  "motionVarPrefixes": []
2218
2467
  },
2219
- "BottomSheetContent": {
2220
- "name": "BottomSheetContent",
2468
+ "ModalActions": {
2469
+ "name": "ModalActions",
2221
2470
  "defaultProps": {},
2222
- "getStylesLiterals": {},
2471
+ "getStylesLiterals": {
2472
+ "flexDirection": "row-reverse",
2473
+ "justifyContent": "space-between",
2474
+ "alignItems": "center"
2475
+ },
2223
2476
  "cxLiterals": [
2224
- "min-h-0",
2225
- "touch-pan-y"
2477
+ "gap-[inherit]"
2226
2478
  ],
2227
2479
  "internalComponents": [
2228
- "Box",
2229
- "VStack"
2480
+ "HStack"
2230
2481
  ],
2231
- "internalComponentProps": {
2232
- "Box": {
2233
- "display": [
2234
- "block"
2235
- ],
2236
- "flex": [
2237
- "1"
2238
- ]
2239
- },
2240
- "VStack": {
2241
- "className": [
2242
- "pb-[calc(env(safe-area-inset-bottom))]"
2243
- ]
2244
- }
2482
+ "internalComponentProps": {},
2483
+ "propToVariantKeys": {
2484
+ "size": [
2485
+ "modalSizeSpacingHorizontal",
2486
+ "modalSizeActions"
2487
+ ]
2488
+ },
2489
+ "runtimeConfigDefaultProps": {
2490
+ "size": "modal.defaultSize",
2491
+ "variant": "modal.defaultVariant"
2492
+ },
2493
+ "runtimeConfigGetStyles": {
2494
+ "modalSizeSpacingHorizontal": [
2495
+ "modal.defaultSize"
2496
+ ],
2497
+ "modalSizeActions": [
2498
+ "modal.defaultSize"
2499
+ ]
2245
2500
  },
2246
- "propToVariantKeys": {},
2247
- "runtimeConfigDefaultProps": {},
2248
- "runtimeConfigGetStyles": {},
2249
2501
  "runtimeConfigInternalComponentProps": {},
2250
2502
  "motionVarPrefixes": []
2251
2503
  },
2252
- "BottomSheetDismiss": {
2253
- "name": "BottomSheetDismiss",
2504
+ "ModalContent": {
2505
+ "name": "ModalContent",
2254
2506
  "defaultProps": {},
2255
- "getStylesLiterals": {},
2507
+ "getStylesLiterals": {
2508
+ "overflowY": "auto",
2509
+ "display": "block",
2510
+ "flexGrow": "1"
2511
+ },
2256
2512
  "cxLiterals": [],
2257
2513
  "internalComponents": [
2258
- "AriakitDialogDismiss"
2514
+ "Box"
2259
2515
  ],
2260
2516
  "internalComponentProps": {},
2517
+ "propToVariantKeys": {
2518
+ "size": [
2519
+ "modalSizeSpacingHorizontal"
2520
+ ]
2521
+ },
2522
+ "runtimeConfigDefaultProps": {
2523
+ "size": "modal.defaultSize",
2524
+ "variant": "modal.defaultVariant"
2525
+ },
2526
+ "runtimeConfigGetStyles": {
2527
+ "modalSizeSpacingHorizontal": [
2528
+ "modal.defaultSize"
2529
+ ]
2530
+ },
2531
+ "runtimeConfigInternalComponentProps": {},
2532
+ "motionVarPrefixes": []
2533
+ },
2534
+ "ModalContext": {
2535
+ "name": "ModalContext",
2536
+ "defaultProps": {},
2537
+ "getStylesLiterals": {},
2538
+ "cxLiterals": [],
2539
+ "internalComponents": [],
2540
+ "internalComponentProps": {},
2261
2541
  "propToVariantKeys": {},
2262
2542
  "runtimeConfigDefaultProps": {},
2263
2543
  "runtimeConfigGetStyles": {},
2264
2544
  "runtimeConfigInternalComponentProps": {},
2265
2545
  "motionVarPrefixes": []
2266
2546
  },
2267
- "BottomSheetHandle": {
2268
- "name": "BottomSheetHandle",
2269
- "defaultProps": {
2270
- "variant": "default"
2271
- },
2547
+ "ModalDescription": {
2548
+ "name": "ModalDescription",
2549
+ "defaultProps": {},
2272
2550
  "getStylesLiterals": {},
2273
- "cxLiterals": [
2274
- "relative",
2275
- "h-5",
2276
- "w-16",
2277
- "outline-none",
2278
- "focus-visible:outline-none",
2279
- "[touch-action:pan-y]",
2280
- "absolute",
2281
- "left-1/2",
2282
- "top-1/2",
2283
- "-translate-x-1/2",
2284
- "-translate-y-1/2",
2285
- "h-1",
2286
- "w-8",
2287
- "rounded-full"
2288
- ],
2551
+ "cxLiterals": [],
2289
2552
  "internalComponents": [
2290
- "Box"
2553
+ "Text",
2554
+ "DialogDescription"
2291
2555
  ],
2292
2556
  "internalComponentProps": {
2293
- "Box": {
2294
- "display": [
2295
- "block",
2296
- "flex"
2297
- ],
2298
- "justifyContent": [
2299
- "center"
2557
+ "Text": {
2558
+ "as": [
2559
+ "span"
2300
2560
  ]
2301
2561
  }
2302
2562
  },
2303
2563
  "propToVariantKeys": {
2564
+ "size": [
2565
+ "modalSizeDescription"
2566
+ ],
2304
2567
  "variant": [
2305
- "bottomsheetVariantHandleIndicator"
2568
+ "modalVariantDescription"
2306
2569
  ]
2307
2570
  },
2308
- "runtimeConfigDefaultProps": {},
2309
- "runtimeConfigGetStyles": {},
2310
- "runtimeConfigInternalComponentProps": {},
2311
- "motionVarPrefixes": []
2312
- },
2313
- "BottomSheetHeader": {
2314
- "name": "BottomSheetHeader",
2315
- "defaultProps": {
2316
- "variant": "default"
2317
- },
2318
- "getStylesLiterals": {},
2319
- "cxLiterals": [
2320
- "grid-cols-[40px_1fr_40px]",
2321
- "items-center",
2322
- "w-full",
2323
- "min-h-10",
2324
- "mt-2"
2325
- ],
2326
- "internalComponents": [
2327
- "Box",
2328
- "Text",
2329
- "DialogHeading"
2330
- ],
2331
- "internalComponentProps": {
2332
- "Box": {
2333
- "className": [
2334
- "h-10 w-10 opacity-0 pointer-events-none"
2335
- ],
2336
- "display": [
2337
- "grid",
2338
- "flex"
2339
- ],
2340
- "justifyContent": [
2341
- "flex-start",
2342
- "flex-end"
2343
- ]
2344
- },
2345
- "Text": {
2346
- "as": [
2347
- "p"
2348
- ],
2349
- "variant": [
2350
- "inherit"
2351
- ],
2352
- "color": [
2353
- "inherit"
2354
- ],
2355
- "textAlign": [
2356
- "center"
2357
- ],
2358
- "className": [
2359
- "m-0 w-full"
2360
- ]
2361
- },
2362
- "DialogHeading": {
2363
- "role": [
2364
- "heading"
2365
- ]
2366
- }
2571
+ "runtimeConfigDefaultProps": {
2572
+ "size": "modal.defaultSize",
2573
+ "variant": "modal.defaultVariant"
2367
2574
  },
2368
- "propToVariantKeys": {
2369
- "variant": [
2370
- "bottomsheetVariantHeader"
2575
+ "runtimeConfigGetStyles": {
2576
+ "modalSizeDescription": [
2577
+ "modal.defaultSize"
2578
+ ],
2579
+ "modalVariantDescription": [
2580
+ "modal.defaultVariant"
2371
2581
  ]
2372
2582
  },
2373
- "runtimeConfigDefaultProps": {},
2374
- "runtimeConfigGetStyles": {},
2375
2583
  "runtimeConfigInternalComponentProps": {},
2376
2584
  "motionVarPrefixes": []
2377
2585
  },
2378
- "BottomSheetInternalContext": {
2379
- "name": "BottomSheetInternalContext",
2380
- "defaultProps": {},
2381
- "getStylesLiterals": {},
2382
- "cxLiterals": [],
2383
- "internalComponents": [],
2384
- "internalComponentProps": {},
2385
- "propToVariantKeys": {},
2386
- "runtimeConfigDefaultProps": {},
2387
- "runtimeConfigGetStyles": {},
2388
- "runtimeConfigInternalComponentProps": {},
2389
- "motionVarPrefixes": []
2390
- },
2391
- "BottomSheetProvider": {
2392
- "name": "BottomSheetProvider",
2586
+ "ModalPortal": {
2587
+ "name": "ModalPortal",
2393
2588
  "defaultProps": {},
2394
2589
  "getStylesLiterals": {},
2395
2590
  "cxLiterals": [],
2396
2591
  "internalComponents": [
2397
- "AriakitDialogProvider"
2592
+ "ManagedModal"
2398
2593
  ],
2399
2594
  "internalComponentProps": {},
2400
2595
  "propToVariantKeys": {},
@@ -2403,28 +2598,52 @@
2403
2598
  "runtimeConfigInternalComponentProps": {},
2404
2599
  "motionVarPrefixes": []
2405
2600
  },
2406
- "BottomSheetTrigger": {
2407
- "name": "BottomSheetTrigger",
2601
+ "ModalTitle": {
2602
+ "name": "ModalTitle",
2408
2603
  "defaultProps": {},
2409
2604
  "getStylesLiterals": {},
2410
2605
  "cxLiterals": [],
2411
2606
  "internalComponents": [
2412
- "AriakitDialogDisclosure"
2607
+ "Text",
2608
+ "DialogHeading"
2413
2609
  ],
2414
- "internalComponentProps": {},
2415
- "propToVariantKeys": {},
2416
- "runtimeConfigDefaultProps": {},
2417
- "runtimeConfigGetStyles": {},
2610
+ "internalComponentProps": {
2611
+ "Text": {
2612
+ "as": [
2613
+ "span"
2614
+ ]
2615
+ }
2616
+ },
2617
+ "propToVariantKeys": {
2618
+ "size": [
2619
+ "modalSizeTitle"
2620
+ ],
2621
+ "variant": [
2622
+ "modalVariantTitle"
2623
+ ]
2624
+ },
2625
+ "runtimeConfigDefaultProps": {
2626
+ "size": "modal.defaultSize",
2627
+ "variant": "modal.defaultVariant"
2628
+ },
2629
+ "runtimeConfigGetStyles": {
2630
+ "modalSizeTitle": [
2631
+ "modal.defaultSize"
2632
+ ],
2633
+ "modalVariantTitle": [
2634
+ "modal.defaultVariant"
2635
+ ]
2636
+ },
2418
2637
  "runtimeConfigInternalComponentProps": {},
2419
2638
  "motionVarPrefixes": []
2420
2639
  },
2421
- "UDSBottomSheetConfigProvider": {
2422
- "name": "UDSBottomSheetConfigProvider",
2640
+ "UDSModalConfigProvider": {
2641
+ "name": "UDSModalConfigProvider",
2423
2642
  "defaultProps": {},
2424
2643
  "getStylesLiterals": {},
2425
2644
  "cxLiterals": [],
2426
2645
  "internalComponents": [
2427
- "BottomSheetContext.Provider"
2646
+ "ModalContext.Provider"
2428
2647
  ],
2429
2648
  "internalComponentProps": {},
2430
2649
  "propToVariantKeys": {},
@@ -2433,57 +2652,39 @@
2433
2652
  "runtimeConfigInternalComponentProps": {},
2434
2653
  "motionVarPrefixes": []
2435
2654
  },
2436
- "PaddleButton": {
2437
- "name": "PaddleButton",
2438
- "defaultProps": {},
2655
+ "Menu.Content": {
2656
+ "name": "Menu.Content",
2657
+ "defaultProps": {
2658
+ "size": "default",
2659
+ "variant": "default",
2660
+ "gutter": "1"
2661
+ },
2439
2662
  "getStylesLiterals": {},
2440
2663
  "cxLiterals": [
2441
- "relative",
2442
- "inline-flex",
2443
- "items-center",
2444
- "justify-center",
2445
- "box-border",
2446
- "overflow-hidden",
2447
- "border-solid",
2448
- "select-none",
2449
- "uds-nested-radius",
2450
- "transition-[color,border-color,box-shadow]",
2451
- "duration-[180ms]",
2452
- "ease-[cubic-bezier(0,0,0.2,1)]",
2664
+ "uds-menu-content",
2665
+ "transition-shadow",
2666
+ "duration-200",
2667
+ "ease-in-out",
2668
+ "min-w-60",
2669
+ "max-w-lg",
2670
+ "max-h-96",
2671
+ "overflow-auto",
2453
2672
  "uds-ring",
2454
- "cursor-pointer",
2455
- "cursor-not-allowed",
2456
- "opacity-50",
2457
- "pointer-events-none",
2458
- "hidden",
2459
- "absolute",
2460
- "inset-0",
2461
- "-z-10",
2462
- "rounded-[var(--uds-nested-radius)]",
2463
- "transition-[background-color,opacity]"
2673
+ "z-10",
2674
+ "group"
2464
2675
  ],
2465
2676
  "internalComponents": [
2466
- "Icon"
2677
+ "AriakitMenu",
2678
+ "AnimatePresence",
2679
+ "MotionVStack"
2467
2680
  ],
2468
- "internalComponentProps": {
2469
- "Icon": {
2470
- "size": [
2471
- "md"
2472
- ],
2473
- "color": [
2474
- "current"
2475
- ]
2476
- }
2477
- },
2681
+ "internalComponentProps": {},
2478
2682
  "propToVariantKeys": {
2479
2683
  "size": [
2480
- "paddlenavSizeRoot",
2481
- "paddlenavSizeIcon"
2684
+ "menucontentSizeRoot"
2482
2685
  ],
2483
2686
  "variant": [
2484
- "paddlenavVariantRoot",
2485
- "paddlenavVariantBackground",
2486
- "paddlenavVariantIcon"
2687
+ "menucontentVariantRoot"
2487
2688
  ]
2488
2689
  },
2489
2690
  "runtimeConfigDefaultProps": {},
@@ -2491,18 +2692,26 @@
2491
2692
  "runtimeConfigInternalComponentProps": {},
2492
2693
  "motionVarPrefixes": []
2493
2694
  },
2494
- "PaddleButtonNext": {
2495
- "name": "PaddleButtonNext",
2496
- "defaultProps": {},
2497
- "getStylesLiterals": {},
2695
+ "Menu.Divider": {
2696
+ "name": "Menu.Divider",
2697
+ "defaultProps": {
2698
+ "role": "separator",
2699
+ "contentPosition": "start",
2700
+ "gap": "4"
2701
+ },
2702
+ "getStylesLiterals": {
2703
+ "menuitemDividerVariantRoot": "default",
2704
+ "menuitemDividerVariantText": "default",
2705
+ "menuitemDividerVariantLine": "default"
2706
+ },
2498
2707
  "cxLiterals": [],
2499
2708
  "internalComponents": [
2500
- "PaddleButton"
2709
+ "Divider"
2501
2710
  ],
2502
2711
  "internalComponentProps": {
2503
- "PaddleButton": {
2504
- "paddleRole": [
2505
- "next"
2712
+ "Divider": {
2713
+ "variant": [
2714
+ "inherit"
2506
2715
  ]
2507
2716
  }
2508
2717
  },
@@ -2512,86 +2721,104 @@
2512
2721
  "runtimeConfigInternalComponentProps": {},
2513
2722
  "motionVarPrefixes": []
2514
2723
  },
2515
- "PaddleButtonPrevious": {
2516
- "name": "PaddleButtonPrevious",
2724
+ "Menu.Item": {
2725
+ "name": "Menu.Item",
2517
2726
  "defaultProps": {},
2518
- "getStylesLiterals": {},
2727
+ "getStylesLiterals": {
2728
+ "menuitemItemVariantRoot": "default",
2729
+ "menuitemItemVariantActiveRoot": "on",
2730
+ "menuitemItemVariantActiveRoot:1": "off",
2731
+ "menuitemItemVariantText": "default",
2732
+ "menuitemItemVariantActiveText": "on",
2733
+ "menuitemItemVariantActiveText:1": "off",
2734
+ "menuitemItemVariantIcon": "default",
2735
+ "menuitemItemVariantActiveIcon": "on",
2736
+ "menuitemItemVariantActiveIcon:1": "off"
2737
+ },
2519
2738
  "cxLiterals": [],
2520
2739
  "internalComponents": [
2521
- "PaddleButton"
2740
+ "MenuItemBase"
2522
2741
  ],
2523
- "internalComponentProps": {
2524
- "PaddleButton": {
2525
- "paddleRole": [
2526
- "previous"
2527
- ]
2528
- }
2529
- },
2742
+ "internalComponentProps": {},
2530
2743
  "propToVariantKeys": {},
2531
2744
  "runtimeConfigDefaultProps": {},
2532
2745
  "runtimeConfigGetStyles": {},
2533
2746
  "runtimeConfigInternalComponentProps": {},
2534
2747
  "motionVarPrefixes": []
2535
2748
  },
2536
- "PaddleNav": {
2537
- "name": "PaddleNav",
2749
+ "Menu.ItemBase": {
2750
+ "name": "Menu.ItemBase",
2538
2751
  "defaultProps": {
2539
- "orientation": "horizontal",
2540
- "variant": "primary",
2541
- "size": "md"
2752
+ "spacing": "0",
2753
+ "spacingHorizontal": "4",
2754
+ "spacingVertical": "3.5",
2755
+ "columnGap": "2",
2756
+ "alignItems": "center",
2757
+ "justifyContent": "space-between"
2542
2758
  },
2543
- "getStylesLiterals": {},
2544
- "cxLiterals": [
2545
- "pointer-events-none",
2546
- "inline-flex",
2547
- "flex-row",
2548
- "gap-2",
2549
- "items-center",
2550
- "pointer-events-auto",
2551
- "flex-col",
2552
- "relative",
2553
- "min-w-0",
2554
- "min-h-0",
2555
- "flex-1",
2556
- "inline-block",
2557
- "absolute",
2558
- "z-10",
2559
- "top-2",
2560
- "left-1/2",
2561
- "-translate-x-1/2",
2562
- "left-2",
2563
- "top-1/2",
2564
- "-translate-y-1/2",
2565
- "bottom-2",
2566
- "right-2",
2567
- "-top-12",
2568
- "left-0",
2569
- "right-0",
2570
- "-bottom-12"
2759
+ "getStylesLiterals": {
2760
+ "textAlign": "start",
2761
+ "menuitemSizeRoot": "default",
2762
+ "flexDirection": "row",
2763
+ "menuitemSizeStartIcon": "default",
2764
+ "menuitemSizeEndIcon": "default"
2765
+ },
2766
+ "cxLiterals": [
2767
+ "uds-menu-item",
2768
+ "flex",
2769
+ "focus-visible:text-brand",
2770
+ "focus-visible:bg-brand-secondary",
2771
+ "focus-visible:z-10",
2772
+ "uds-ring",
2773
+ "!-outline-offset-2",
2774
+ "[&:not([aria-checked])]:cursor-default",
2775
+ "opacity-25",
2776
+ "cursor-not-allowed",
2777
+ "duration-20",
2778
+ "transition-[font-variation-settings]",
2779
+ "ease-in-out",
2780
+ "z-0",
2781
+ "truncate",
2782
+ "uds-start-icon",
2783
+ "uds-end-icon"
2571
2784
  ],
2572
2785
  "internalComponents": [
2573
- "PaddleNavContext.Provider",
2574
- "Box"
2786
+ "Pressable",
2787
+ "IconSlot",
2788
+ "RootComponent",
2789
+ "HStack",
2790
+ "AnimatePresence"
2575
2791
  ],
2576
2792
  "internalComponentProps": {
2577
- "Box": {
2578
- "display": [
2579
- "inline-flex"
2580
- ],
2793
+ "HStack": {
2581
2794
  "alignItems": [
2582
2795
  "center"
2583
2796
  ],
2584
- "justifyContent": [
2585
- "center"
2586
- ],
2587
- "data-paddle-nav-outside": [
2588
- "true"
2797
+ "width": [
2798
+ "full"
2799
+ ]
2800
+ },
2801
+ "AnimatePresence": {
2802
+ "mode": [
2803
+ "popLayout"
2589
2804
  ]
2590
2805
  }
2591
2806
  },
2592
2807
  "propToVariantKeys": {
2593
- "orientation": [
2594
- "data-paddle-nav-orientation"
2808
+ "startIconClassName": [
2809
+ "className"
2810
+ ],
2811
+ "endIconClassName": [
2812
+ "className"
2813
+ ],
2814
+ "startIcon": [
2815
+ "icon"
2816
+ ],
2817
+ "endIcon": [
2818
+ "icon"
2819
+ ],
2820
+ "columnGap": [
2821
+ "gap"
2595
2822
  ]
2596
2823
  },
2597
2824
  "runtimeConfigDefaultProps": {},
@@ -2599,16 +2826,29 @@
2599
2826
  "runtimeConfigInternalComponentProps": {},
2600
2827
  "motionVarPrefixes": []
2601
2828
  },
2602
- "PaddleNavContent": {
2603
- "name": "PaddleNavContent",
2829
+ "Menu.ItemCheckbox": {
2830
+ "name": "Menu.ItemCheckbox",
2604
2831
  "defaultProps": {},
2605
- "getStylesLiterals": {},
2832
+ "getStylesLiterals": {
2833
+ "menuitemItemCheckboxVariantRoot": "default",
2834
+ "menuitemItemCheckboxVariantActiveRoot": "on",
2835
+ "menuitemItemCheckboxVariantActiveRoot:1": "off",
2836
+ "menuitemItemCheckboxVariantText": "default",
2837
+ "menuitemItemCheckboxVariantActiveText": "on",
2838
+ "menuitemItemCheckboxVariantActiveText:1": "off",
2839
+ "menuitemItemCheckboxVariantStartIcon": "default",
2840
+ "menuitemItemCheckboxVariantActiveStartIcon": "on",
2841
+ "menuitemItemCheckboxVariantActiveStartIcon:1": "off",
2842
+ "menuitemItemCheckboxVariantEndIcon": "default",
2843
+ "menuitemItemCheckboxVariantActiveEndIcon": "on",
2844
+ "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
2845
+ },
2606
2846
  "cxLiterals": [
2607
- "min-w-0",
2608
- "min-h-0",
2609
- "relative"
2847
+ "uds-menu-item-checkbox"
2848
+ ],
2849
+ "internalComponents": [
2850
+ "MenuItemBase"
2610
2851
  ],
2611
- "internalComponents": [],
2612
2852
  "internalComponentProps": {},
2613
2853
  "propToVariantKeys": {},
2614
2854
  "runtimeConfigDefaultProps": {},
@@ -2616,223 +2856,64 @@
2616
2856
  "runtimeConfigInternalComponentProps": {},
2617
2857
  "motionVarPrefixes": []
2618
2858
  },
2619
- "ManagedModal": {
2620
- "name": "ManagedModal",
2859
+ "Menu.Provider": {
2860
+ "name": "Menu.Provider",
2621
2861
  "defaultProps": {},
2622
2862
  "getStylesLiterals": {},
2623
2863
  "cxLiterals": [],
2624
2864
  "internalComponents": [
2625
- "Modal",
2626
- "ModalTitle",
2627
- "ModalDescription",
2628
- "ModalContent",
2629
- "ModalActions"
2865
+ "AriakitMenuProvider",
2866
+ "SpringMotionConfig"
2630
2867
  ],
2631
2868
  "internalComponentProps": {},
2632
2869
  "propToVariantKeys": {},
2633
- "runtimeConfigDefaultProps": {
2634
- "size": "modal.defaultSize",
2635
- "variant": "modal.defaultVariant"
2636
- },
2870
+ "runtimeConfigDefaultProps": {},
2637
2871
  "runtimeConfigGetStyles": {},
2638
2872
  "runtimeConfigInternalComponentProps": {},
2639
- "motionVarPrefixes": []
2873
+ "motionVarPrefixes": [
2874
+ "--uds-motion-subtle-3-",
2875
+ "--uds-motion-smooth-3-"
2876
+ ]
2640
2877
  },
2641
- "Modal": {
2642
- "name": "Modal",
2643
- "defaultProps": {
2644
- "closeAriaLabel": "Close",
2645
- "maxWidth": "auto",
2646
- "maxHeight": "auto",
2647
- "scrollBehavior": "outside"
2648
- },
2649
- "getStylesLiterals": {
2650
- "flexDirection": "row-reverse",
2651
- "justifyContent": "space-between",
2652
- "alignItems": "flex-end",
2653
- "alignItems:1": "flex-start",
2654
- "borderRadius": "full"
2655
- },
2878
+ "Menu.Trigger": {
2879
+ "name": "Menu.Trigger",
2880
+ "defaultProps": {},
2881
+ "getStylesLiterals": {},
2656
2882
  "cxLiterals": [
2657
- "fixed",
2658
- "inset-0",
2659
- "z-40",
2660
- "overflow-y-auto",
2661
- "overflow-hidden",
2662
- "transition-[opacity,visibility]",
2663
- "visible",
2664
- "opacity-100",
2665
- "invisible",
2666
- "opacity-0",
2667
- "pointer-events-none",
2668
- "uds-bgBlurFallback",
2669
- "w-full",
2670
- "w-fit",
2671
- "h-full",
2672
- "h-fit",
2673
- "m-auto",
2674
- "pointer-events-auto",
2675
- "inside",
2676
- "max-h-full",
2677
- "transition-transform",
2678
- "duration-0",
2679
- "duration-120",
2680
- "transition-[background-color]",
2681
- "bg-carbon-15/0",
2682
- "hover:bg-carbon-15/10",
2683
- "active:bg-carbon-15/15",
2684
- "uds-ring",
2685
- "[translate:50%_-50%]"
2883
+ "uds-menu-trigger"
2686
2884
  ],
2687
2885
  "internalComponents": [
2688
- "Scrim",
2689
- "VStack",
2690
- "Pressable",
2691
- "IconSlot",
2692
- "Box",
2693
- "Dialog",
2694
- "ModalContext.Provider",
2695
- "HStack",
2696
- "DialogDismiss",
2697
- "ModalTitle",
2698
- "ModalDescription",
2699
- "ModalContent",
2700
- "ModalActions"
2886
+ "AriakitMenuTrigger",
2887
+ "Box"
2701
2888
  ],
2702
2889
  "internalComponentProps": {
2703
2890
  "Box": {
2704
- "flexGrow": [
2705
- "1"
2891
+ "className": [
2892
+ "uds-ring h-fit w-fit"
2706
2893
  ]
2707
2894
  }
2708
2895
  },
2709
- "propToVariantKeys": {
2710
- "gutter": [
2711
- "spacing"
2712
- ],
2713
- "size": [
2714
- "modalSizeRoot",
2715
- "modalSizeSpacingHorizontal",
2716
- "modalSizeHeader",
2717
- "modalSizeTitleDescriptionWrapper",
2718
- "modalSizeCloseIconContainer",
2719
- "modalSizeCloseIcon"
2720
- ],
2721
- "variant": [
2722
- "modalVariantRoot",
2723
- "modalVariantCloseIcon"
2724
- ],
2725
- "closeAriaLabel": [
2726
- "aria-label"
2727
- ],
2728
- "closeIcon": [
2729
- "icon"
2730
- ]
2731
- },
2732
- "runtimeConfigDefaultProps": {
2733
- "size": "modal.defaultSize",
2734
- "variant": "modal.defaultVariant"
2735
- },
2736
- "runtimeConfigGetStyles": {
2737
- "spacing": [
2738
- "modal.gutter.${size}"
2739
- ],
2740
- "modalSizeRoot": [
2741
- "modal.defaultSize"
2742
- ],
2743
- "modalVariantRoot": [
2744
- "modal.defaultVariant"
2745
- ],
2746
- "modalSizeSpacingHorizontal": [
2747
- "modal.defaultSize"
2748
- ],
2749
- "modalSizeHeader": [
2750
- "modal.defaultSize"
2751
- ],
2752
- "modalSizeTitleDescriptionWrapper": [
2753
- "modal.defaultSize"
2754
- ],
2755
- "modalSizeCloseIconContainer": [
2756
- "modal.defaultSize"
2757
- ],
2758
- "modalSizeCloseIcon": [
2759
- "modal.defaultSize"
2760
- ],
2761
- "modalVariantCloseIcon": [
2762
- "modal.defaultVariant"
2763
- ]
2764
- },
2765
- "runtimeConfigInternalComponentProps": {},
2766
- "motionVarPrefixes": []
2767
- },
2768
- "ModalActions": {
2769
- "name": "ModalActions",
2770
- "defaultProps": {},
2771
- "getStylesLiterals": {
2772
- "flexDirection": "row-reverse",
2773
- "justifyContent": "space-between",
2774
- "alignItems": "center"
2775
- },
2776
- "cxLiterals": [
2777
- "gap-[inherit]"
2778
- ],
2779
- "internalComponents": [
2780
- "HStack"
2781
- ],
2782
- "internalComponentProps": {},
2783
- "propToVariantKeys": {
2784
- "size": [
2785
- "modalSizeSpacingHorizontal",
2786
- "modalSizeActions"
2787
- ]
2788
- },
2789
- "runtimeConfigDefaultProps": {
2790
- "size": "modal.defaultSize",
2791
- "variant": "modal.defaultVariant"
2792
- },
2793
- "runtimeConfigGetStyles": {
2794
- "modalSizeSpacingHorizontal": [
2795
- "modal.defaultSize"
2796
- ],
2797
- "modalSizeActions": [
2798
- "modal.defaultSize"
2799
- ]
2800
- },
2896
+ "propToVariantKeys": {},
2897
+ "runtimeConfigDefaultProps": {},
2898
+ "runtimeConfigGetStyles": {},
2801
2899
  "runtimeConfigInternalComponentProps": {},
2802
2900
  "motionVarPrefixes": []
2803
2901
  },
2804
- "ModalContent": {
2805
- "name": "ModalContent",
2902
+ "Menu.index": {
2903
+ "name": "Menu.index",
2806
2904
  "defaultProps": {},
2807
- "getStylesLiterals": {
2808
- "overflowY": "auto",
2809
- "display": "block",
2810
- "flexGrow": "1"
2811
- },
2905
+ "getStylesLiterals": {},
2812
2906
  "cxLiterals": [],
2813
- "internalComponents": [
2814
- "Box"
2815
- ],
2907
+ "internalComponents": [],
2816
2908
  "internalComponentProps": {},
2817
- "propToVariantKeys": {
2818
- "size": [
2819
- "modalSizeSpacingHorizontal"
2820
- ]
2821
- },
2822
- "runtimeConfigDefaultProps": {
2823
- "size": "modal.defaultSize",
2824
- "variant": "modal.defaultVariant"
2825
- },
2826
- "runtimeConfigGetStyles": {
2827
- "modalSizeSpacingHorizontal": [
2828
- "modal.defaultSize"
2829
- ]
2830
- },
2909
+ "propToVariantKeys": {},
2910
+ "runtimeConfigDefaultProps": {},
2911
+ "runtimeConfigGetStyles": {},
2831
2912
  "runtimeConfigInternalComponentProps": {},
2832
2913
  "motionVarPrefixes": []
2833
2914
  },
2834
- "ModalContext": {
2835
- "name": "ModalContext",
2915
+ "Menu": {
2916
+ "name": "Menu",
2836
2917
  "defaultProps": {},
2837
2918
  "getStylesLiterals": {},
2838
2919
  "cxLiterals": [],
@@ -2844,197 +2925,150 @@
2844
2925
  "runtimeConfigInternalComponentProps": {},
2845
2926
  "motionVarPrefixes": []
2846
2927
  },
2847
- "ModalDescription": {
2848
- "name": "ModalDescription",
2928
+ "PaddleButton": {
2929
+ "name": "PaddleButton",
2849
2930
  "defaultProps": {},
2850
2931
  "getStylesLiterals": {},
2851
- "cxLiterals": [],
2932
+ "cxLiterals": [
2933
+ "relative",
2934
+ "inline-flex",
2935
+ "items-center",
2936
+ "justify-center",
2937
+ "box-border",
2938
+ "overflow-hidden",
2939
+ "border-solid",
2940
+ "select-none",
2941
+ "uds-nested-radius",
2942
+ "transition-[color,border-color,box-shadow]",
2943
+ "duration-[180ms]",
2944
+ "ease-[cubic-bezier(0,0,0.2,1)]",
2945
+ "uds-ring",
2946
+ "cursor-pointer",
2947
+ "cursor-not-allowed",
2948
+ "opacity-50",
2949
+ "pointer-events-none",
2950
+ "hidden",
2951
+ "absolute",
2952
+ "inset-0",
2953
+ "-z-10",
2954
+ "rounded-[var(--uds-nested-radius)]",
2955
+ "transition-[background-color,opacity]"
2956
+ ],
2852
2957
  "internalComponents": [
2853
- "Text",
2854
- "DialogDescription"
2958
+ "Icon"
2855
2959
  ],
2856
2960
  "internalComponentProps": {
2857
- "Text": {
2858
- "as": [
2859
- "span"
2961
+ "Icon": {
2962
+ "size": [
2963
+ "md"
2964
+ ],
2965
+ "color": [
2966
+ "current"
2860
2967
  ]
2861
2968
  }
2862
2969
  },
2863
2970
  "propToVariantKeys": {
2864
2971
  "size": [
2865
- "modalSizeDescription"
2972
+ "paddlenavSizeRoot",
2973
+ "paddlenavSizeIcon"
2866
2974
  ],
2867
2975
  "variant": [
2868
- "modalVariantDescription"
2869
- ]
2870
- },
2871
- "runtimeConfigDefaultProps": {
2872
- "size": "modal.defaultSize",
2873
- "variant": "modal.defaultVariant"
2874
- },
2875
- "runtimeConfigGetStyles": {
2876
- "modalSizeDescription": [
2877
- "modal.defaultSize"
2878
- ],
2879
- "modalVariantDescription": [
2880
- "modal.defaultVariant"
2976
+ "paddlenavVariantRoot",
2977
+ "paddlenavVariantBackground",
2978
+ "paddlenavVariantIcon"
2881
2979
  ]
2882
2980
  },
2981
+ "runtimeConfigDefaultProps": {},
2982
+ "runtimeConfigGetStyles": {},
2883
2983
  "runtimeConfigInternalComponentProps": {},
2884
2984
  "motionVarPrefixes": []
2885
2985
  },
2886
- "ModalPortal": {
2887
- "name": "ModalPortal",
2986
+ "PaddleButtonNext": {
2987
+ "name": "PaddleButtonNext",
2888
2988
  "defaultProps": {},
2889
2989
  "getStylesLiterals": {},
2890
2990
  "cxLiterals": [],
2891
2991
  "internalComponents": [
2892
- "ManagedModal"
2992
+ "PaddleButton"
2893
2993
  ],
2894
- "internalComponentProps": {},
2994
+ "internalComponentProps": {
2995
+ "PaddleButton": {
2996
+ "paddleRole": [
2997
+ "next"
2998
+ ]
2999
+ }
3000
+ },
2895
3001
  "propToVariantKeys": {},
2896
3002
  "runtimeConfigDefaultProps": {},
2897
3003
  "runtimeConfigGetStyles": {},
2898
3004
  "runtimeConfigInternalComponentProps": {},
2899
3005
  "motionVarPrefixes": []
2900
3006
  },
2901
- "ModalTitle": {
2902
- "name": "ModalTitle",
3007
+ "PaddleButtonPrevious": {
3008
+ "name": "PaddleButtonPrevious",
2903
3009
  "defaultProps": {},
2904
3010
  "getStylesLiterals": {},
2905
3011
  "cxLiterals": [],
2906
3012
  "internalComponents": [
2907
- "Text",
2908
- "DialogHeading"
3013
+ "PaddleButton"
2909
3014
  ],
2910
3015
  "internalComponentProps": {
2911
- "Text": {
2912
- "as": [
2913
- "span"
3016
+ "PaddleButton": {
3017
+ "paddleRole": [
3018
+ "previous"
2914
3019
  ]
2915
3020
  }
2916
3021
  },
2917
- "propToVariantKeys": {
2918
- "size": [
2919
- "modalSizeTitle"
2920
- ],
2921
- "variant": [
2922
- "modalVariantTitle"
2923
- ]
2924
- },
2925
- "runtimeConfigDefaultProps": {
2926
- "size": "modal.defaultSize",
2927
- "variant": "modal.defaultVariant"
2928
- },
2929
- "runtimeConfigGetStyles": {
2930
- "modalSizeTitle": [
2931
- "modal.defaultSize"
2932
- ],
2933
- "modalVariantTitle": [
2934
- "modal.defaultVariant"
2935
- ]
2936
- },
2937
- "runtimeConfigInternalComponentProps": {},
2938
- "motionVarPrefixes": []
2939
- },
2940
- "UDSModalConfigProvider": {
2941
- "name": "UDSModalConfigProvider",
2942
- "defaultProps": {},
2943
- "getStylesLiterals": {},
2944
- "cxLiterals": [],
2945
- "internalComponents": [
2946
- "ModalContext.Provider"
2947
- ],
2948
- "internalComponentProps": {},
2949
3022
  "propToVariantKeys": {},
2950
3023
  "runtimeConfigDefaultProps": {},
2951
3024
  "runtimeConfigGetStyles": {},
2952
3025
  "runtimeConfigInternalComponentProps": {},
2953
3026
  "motionVarPrefixes": []
2954
3027
  },
2955
- "Radio": {
2956
- "name": "Radio",
3028
+ "PaddleNav": {
3029
+ "name": "PaddleNav",
2957
3030
  "defaultProps": {
2958
- "labelPosition": "start",
3031
+ "orientation": "horizontal",
2959
3032
  "variant": "primary",
2960
- "size": "md",
2961
- "value": ""
2962
- },
2963
- "getStylesLiterals": {
2964
- "radioVariantValueRoot": "checked",
2965
- "radioVariantValueRoot:1": "unchecked",
2966
- "display": "flex",
2967
- "flexDirection": "row",
2968
- "flexDirection:1": "row-reverse",
2969
- "alignItems": "center",
2970
- "radioVariantValueRadio": "checked",
2971
- "radioVariantValueRadio:1": "unchecked",
2972
- "radioVariantValueRadioCircle": "checked",
2973
- "radioVariantValueRadioCircle:1": "unchecked"
3033
+ "size": "md"
2974
3034
  },
3035
+ "getStylesLiterals": {},
2975
3036
  "cxLiterals": [
2976
- "cursor-pointer",
2977
- "cursor-default",
2978
- "opacity-50",
2979
- "border",
2980
- "uds-ring",
2981
- "uds-ring-within",
2982
- "transition-[background-color,border-color]",
2983
- "transition-shadow",
2984
3037
  "pointer-events-none",
2985
- "w-[8px]",
2986
- "h-[8px]",
2987
- "opacity-55",
2988
- "opacity-100",
2989
- "opacity-0",
2990
- "transition-opacity",
2991
- "cursor-[inherit]",
3038
+ "inline-flex",
3039
+ "flex-row",
3040
+ "gap-2",
3041
+ "items-center",
3042
+ "pointer-events-auto",
3043
+ "flex-col",
3044
+ "relative",
3045
+ "min-w-0",
3046
+ "min-h-0",
3047
+ "flex-1",
3048
+ "inline-block",
2992
3049
  "absolute",
2993
- "top-1/2",
3050
+ "z-10",
3051
+ "top-2",
2994
3052
  "left-1/2",
2995
- "w-[calc(100%+2px)]",
2996
- "h-[calc(100%+2px)]",
2997
- "transform",
2998
- "translate-x-[-50%]",
2999
- "translate-y-[-50%]",
3000
- "text-start",
3001
- "text-end"
3053
+ "-translate-x-1/2",
3054
+ "left-2",
3055
+ "top-1/2",
3056
+ "-translate-y-1/2",
3057
+ "bottom-2",
3058
+ "right-2",
3059
+ "-top-12",
3060
+ "left-0",
3061
+ "right-0",
3062
+ "-bottom-12"
3002
3063
  ],
3003
3064
  "internalComponents": [
3004
- "Box",
3005
- "FormLabel",
3006
- "SpringMotionConfig",
3007
- "RootElement",
3008
- "MotionBox"
3065
+ "PaddleNavContext.Provider",
3066
+ "Box"
3009
3067
  ],
3010
3068
  "internalComponentProps": {
3011
3069
  "Box": {
3012
- "borderRadius": [
3013
- "full"
3014
- ]
3015
- },
3016
- "FormLabel": {
3017
- "as": [
3018
- "div"
3019
- ],
3020
- "variant": [
3021
- "inherit"
3022
- ],
3023
- "color": [
3024
- "inherit"
3025
- ]
3026
- },
3027
- "RootElement": {
3028
- "data-testid": [
3029
- "container"
3030
- ]
3031
- },
3032
- "MotionBox": {
3033
- "position": [
3034
- "relative"
3035
- ],
3036
- "borderRadius": [
3037
- "full"
3070
+ "display": [
3071
+ "inline-flex"
3038
3072
  ],
3039
3073
  "alignItems": [
3040
3074
  "center"
@@ -3042,61 +3076,30 @@
3042
3076
  "justifyContent": [
3043
3077
  "center"
3044
3078
  ],
3045
- "flex": [
3046
- "none"
3079
+ "data-paddle-nav-outside": [
3080
+ "true"
3047
3081
  ]
3048
3082
  }
3049
3083
  },
3050
3084
  "propToVariantKeys": {
3051
- "size": [
3052
- "radioSizeRoot",
3053
- "radioSizeRadio"
3054
- ],
3055
- "variant": [
3056
- "radioVariantRoot",
3057
- "radioVariantRadio",
3058
- "radioVariantRadioCircle"
3059
- ],
3060
- "reduceMotion": [
3061
- "reducedMotion"
3085
+ "orientation": [
3086
+ "data-paddle-nav-orientation"
3062
3087
  ]
3063
3088
  },
3064
3089
  "runtimeConfigDefaultProps": {},
3065
3090
  "runtimeConfigGetStyles": {},
3066
3091
  "runtimeConfigInternalComponentProps": {},
3067
- "motionVarPrefixes": [
3068
- "--uds-motion-subtle-3-",
3069
- "--uds-motion-smooth-3-"
3070
- ]
3071
- },
3072
- "RadioGroupProvider": {
3073
- "name": "RadioGroupProvider",
3074
- "defaultProps": {},
3075
- "getStylesLiterals": {},
3076
- "cxLiterals": [],
3077
- "internalComponents": [
3078
- "DivProps",
3079
- "Comp",
3080
- "RadioGroupContext.Provider"
3081
- ],
3082
- "internalComponentProps": {
3083
- "Comp": {
3084
- "role": [
3085
- "radiogroup"
3086
- ]
3087
- }
3088
- },
3089
- "propToVariantKeys": {},
3090
- "runtimeConfigDefaultProps": {},
3091
- "runtimeConfigGetStyles": {},
3092
- "runtimeConfigInternalComponentProps": {},
3093
3092
  "motionVarPrefixes": []
3094
3093
  },
3095
- "RadioGroupStore": {
3096
- "name": "RadioGroupStore",
3094
+ "PaddleNavContent": {
3095
+ "name": "PaddleNavContent",
3097
3096
  "defaultProps": {},
3098
3097
  "getStylesLiterals": {},
3099
- "cxLiterals": [],
3098
+ "cxLiterals": [
3099
+ "min-w-0",
3100
+ "min-h-0",
3101
+ "relative"
3102
+ ],
3100
3103
  "internalComponents": [],
3101
3104
  "internalComponentProps": {},
3102
3105
  "propToVariantKeys": {},
@@ -3105,77 +3108,62 @@
3105
3108
  "runtimeConfigInternalComponentProps": {},
3106
3109
  "motionVarPrefixes": []
3107
3110
  },
3108
- "Tab": {
3109
- "name": "Tab",
3111
+ "Pagination": {
3112
+ "name": "Pagination",
3110
3113
  "defaultProps": {
3111
- "variant": "primary"
3114
+ "ellipsisPlacement": "default",
3115
+ "size": "md",
3116
+ "variant": "default",
3117
+ "'aria-label'": "Pagination"
3112
3118
  },
3113
3119
  "getStylesLiterals": {
3114
- "tabSizeRoot": "default",
3115
- "tabVariantActiveRoot": "off",
3116
- "tabVariantActiveRoot:1": "on",
3117
- "tabSizeIcon": "default"
3120
+ "paginationVariantActiveRoot": "off"
3118
3121
  },
3119
3122
  "cxLiterals": [
3120
- "pointer-events-none",
3121
- "absolute",
3122
- "bottom-0",
3123
- "left-0",
3124
- "right-0",
3125
- "h-[var(--uds-tab-underline-width,0px)]",
3126
- "bg-[var(--uds-tab-underline-color,transparent)]",
3127
- "transition-[height,background-color]",
3128
- "duration-[240ms]",
3129
- "ease-[cubic-bezier(0.2,0,0,1)]",
3130
- "!bg-transparent",
3131
- "!shadow-none",
3132
3123
  "inline-flex",
3133
3124
  "items-center",
3125
+ "justify-center",
3126
+ "relative",
3127
+ "m-0",
3128
+ "border-solid",
3129
+ "inline-grid",
3134
3130
  "shrink-0",
3131
+ "place-items-center",
3132
+ "place-content-center",
3133
+ "rounded-full",
3135
3134
  "box-border",
3136
- "relative",
3137
- "z-[1]",
3135
+ "w-[var(--uds-pagination-control-size)]",
3136
+ "appearance-none",
3137
+ "uds-ring",
3138
3138
  "cursor-pointer",
3139
3139
  "select-none",
3140
- "whitespace-nowrap",
3141
- "uds-ring",
3142
- "opacity-50",
3143
- "cursor-default",
3144
- "border-solid",
3145
- "border-b-solid",
3146
- "transition-colors"
3140
+ "pointer-events-none",
3141
+ "auto-cols-max",
3142
+ "grid-flow-col",
3143
+ "gap-1",
3144
+ "block",
3145
+ "tabular-nums",
3146
+ "!leading-none",
3147
+ "[text-box-trim:trim-both]",
3148
+ "[text-box-edge:cap_alphabetic]",
3149
+ "h-[var(--uds-pagination-control-size)]"
3147
3150
  ],
3148
3151
  "internalComponents": [
3149
- "IconSlot",
3150
- "AriakitTab",
3151
- "Text"
3152
+ "PaginationProvider"
3152
3153
  ],
3153
- "internalComponentProps": {
3154
- "Text": {
3155
- "variant": [
3156
- "inherit"
3157
- ],
3158
- "as": [
3159
- "span"
3160
- ],
3161
- "color": [
3162
- "current"
3163
- ]
3164
- }
3165
- },
3154
+ "internalComponentProps": {},
3166
3155
  "propToVariantKeys": {
3156
+ "size": [
3157
+ "paginationSizeRoot",
3158
+ "paginationSizeItem",
3159
+ "paginationSizeIcon",
3160
+ "paginationSizeText"
3161
+ ],
3167
3162
  "variant": [
3168
- "tabVariantRoot",
3169
- "tabVariantIcon"
3163
+ "paginationVariantRoot"
3170
3164
  ],
3171
3165
  "activeState": [
3172
- "tabVariantActiveIcon"
3173
- ],
3174
- "startIcon": [
3175
- "icon"
3176
- ],
3177
- "endIcon": [
3178
- "icon"
3166
+ "paginationVariantActiveRoot"
3179
3167
  ]
3180
3168
  },
3181
3169
  "runtimeConfigDefaultProps": {},
@@ -3183,63 +3171,55 @@
3183
3171
  "runtimeConfigInternalComponentProps": {},
3184
3172
  "motionVarPrefixes": []
3185
3173
  },
3186
- "TabList": {
3187
- "name": "TabList",
3188
- "defaultProps": {
3189
- "variant": "primary"
3190
- },
3174
+ "PaginationEllipsis": {
3175
+ "name": "PaginationEllipsis",
3176
+ "defaultProps": {},
3191
3177
  "getStylesLiterals": {
3192
- "tabSizeRoot": "default",
3193
- "tabVariantActiveRoot": "on"
3178
+ "paginationVariantActiveRoot": "off"
3194
3179
  },
3195
3180
  "cxLiterals": [
3196
- "pointer-events-none",
3197
- "absolute",
3198
- "bottom-0",
3199
- "left-0",
3200
- "right-0",
3201
- "h-[var(--uds-tab-underline-width,0px)]",
3202
- "bg-[var(--uds-tab-underline-color,transparent)]",
3203
- "transition-[height,background-color]",
3204
- "duration-[240ms]",
3205
- "ease-[cubic-bezier(0.2,0,0,1)]",
3206
- "!m-0",
3207
- "!p-0",
3208
- "!gap-0",
3209
- "box-border",
3210
- "z-0",
3211
- "min-w-0",
3212
- "min-h-0",
3213
- "flex",
3214
- "flex-row",
3181
+ "inline-flex",
3215
3182
  "items-center",
3216
- "overflow-x-auto",
3217
- "overflow-y-clip",
3218
- "scrollbar-none",
3219
- "[overflow-clip-margin:6px]",
3220
- "overflow-clip",
3221
- "[overflow-clip-margin:8px]",
3183
+ "justify-center",
3222
3184
  "relative",
3223
- "left",
3224
- "240ms",
3225
- "cubic-bezier(0.2,",
3226
- "0,",
3227
- "1),",
3228
- "top",
3229
- "width",
3230
- "height",
3231
- "1)",
3232
- "--uds-tab-underline-color",
3233
- "--uds-tab-underline-width"
3234
- ],
3235
- "internalComponents": [
3236
- "AriakitTabList"
3185
+ "m-0",
3186
+ "border-solid",
3187
+ "inline-grid",
3188
+ "shrink-0",
3189
+ "place-items-center",
3190
+ "place-content-center",
3191
+ "rounded-full",
3192
+ "box-border",
3193
+ "w-[var(--uds-pagination-control-size)]",
3194
+ "appearance-none",
3195
+ "uds-ring",
3196
+ "cursor-pointer",
3197
+ "select-none",
3198
+ "pointer-events-none",
3199
+ "auto-cols-max",
3200
+ "grid-flow-col",
3201
+ "gap-1",
3202
+ "block",
3203
+ "tabular-nums",
3204
+ "!leading-none",
3205
+ "[text-box-trim:trim-both]",
3206
+ "[text-box-edge:cap_alphabetic]",
3207
+ "h-[var(--uds-pagination-control-size)]"
3237
3208
  ],
3209
+ "internalComponents": [],
3238
3210
  "internalComponentProps": {},
3239
3211
  "propToVariantKeys": {
3212
+ "size": [
3213
+ "paginationSizeRoot",
3214
+ "paginationSizeItem",
3215
+ "paginationSizeIcon",
3216
+ "paginationSizeText"
3217
+ ],
3240
3218
  "variant": [
3241
- "tabsVariantRoot",
3242
- "tabVariantRoot"
3219
+ "paginationVariantRoot"
3220
+ ],
3221
+ "activeState": [
3222
+ "paginationVariantActiveRoot"
3243
3223
  ]
3244
3224
  },
3245
3225
  "runtimeConfigDefaultProps": {},
@@ -3247,36 +3227,63 @@
3247
3227
  "runtimeConfigInternalComponentProps": {},
3248
3228
  "motionVarPrefixes": []
3249
3229
  },
3250
- "TabPanel": {
3251
- "name": "TabPanel",
3230
+ "PaginationItem": {
3231
+ "name": "PaginationItem",
3252
3232
  "defaultProps": {},
3253
- "getStylesLiterals": {},
3254
- "cxLiterals": [],
3233
+ "getStylesLiterals": {
3234
+ "paginationVariantActiveRoot": "off"
3235
+ },
3236
+ "cxLiterals": [
3237
+ "inline-flex",
3238
+ "items-center",
3239
+ "justify-center",
3240
+ "relative",
3241
+ "m-0",
3242
+ "border-solid",
3243
+ "inline-grid",
3244
+ "shrink-0",
3245
+ "place-items-center",
3246
+ "place-content-center",
3247
+ "rounded-full",
3248
+ "box-border",
3249
+ "w-[var(--uds-pagination-control-size)]",
3250
+ "appearance-none",
3251
+ "uds-ring",
3252
+ "cursor-pointer",
3253
+ "select-none",
3254
+ "pointer-events-none",
3255
+ "auto-cols-max",
3256
+ "grid-flow-col",
3257
+ "gap-1",
3258
+ "block",
3259
+ "tabular-nums",
3260
+ "!leading-none",
3261
+ "[text-box-trim:trim-both]",
3262
+ "[text-box-edge:cap_alphabetic]",
3263
+ "h-[var(--uds-pagination-control-size)]"
3264
+ ],
3255
3265
  "internalComponents": [
3256
- "AriakitTabPanel"
3266
+ "Comp"
3257
3267
  ],
3258
- "internalComponentProps": {},
3259
- "propToVariantKeys": {},
3260
- "runtimeConfigDefaultProps": {},
3261
- "runtimeConfigGetStyles": {},
3262
- "runtimeConfigInternalComponentProps": {},
3263
- "motionVarPrefixes": []
3264
- },
3265
- "Tabs": {
3266
- "name": "Tabs",
3267
- "defaultProps": {
3268
- "variant": "primary"
3268
+ "internalComponentProps": {
3269
+ "Comp": {
3270
+ "type": [
3271
+ "button"
3272
+ ]
3273
+ }
3269
3274
  },
3270
- "getStylesLiterals": {},
3271
- "cxLiterals": [],
3272
- "internalComponents": [
3273
- "TabsContext.Provider",
3274
- "TabProvider"
3275
- ],
3276
- "internalComponentProps": {},
3277
3275
  "propToVariantKeys": {
3278
- "onSelectionChange": [
3279
- "setSelectedId"
3276
+ "size": [
3277
+ "paginationSizeRoot",
3278
+ "paginationSizeItem",
3279
+ "paginationSizeIcon",
3280
+ "paginationSizeText"
3281
+ ],
3282
+ "variant": [
3283
+ "paginationVariantRoot"
3284
+ ],
3285
+ "activeState": [
3286
+ "paginationVariantActiveRoot"
3280
3287
  ]
3281
3288
  },
3282
3289
  "runtimeConfigDefaultProps": {},
@@ -3284,310 +3291,416 @@
3284
3291
  "runtimeConfigInternalComponentProps": {},
3285
3292
  "motionVarPrefixes": []
3286
3293
  },
3287
- "Toast": {
3288
- "name": "Toast",
3294
+ "PaginationLink": {
3295
+ "name": "PaginationLink",
3289
3296
  "defaultProps": {},
3290
3297
  "getStylesLiterals": {
3291
- "className": "animate-spin",
3292
- "className:1": "flex-none",
3293
- "spacing": "2",
3294
- "borderRadius": "full"
3298
+ "paginationVariantActiveRoot": "off"
3295
3299
  },
3296
3300
  "cxLiterals": [
3297
- "duration-0",
3298
- "duration-120",
3299
- "transition-[background-color]",
3300
- "bg-carbon-15/0",
3301
- "hover:bg-carbon-15/10",
3302
- "active:bg-carbon-15/15",
3303
- "uds-ring"
3301
+ "inline-flex",
3302
+ "items-center",
3303
+ "justify-center",
3304
+ "relative",
3305
+ "m-0",
3306
+ "border-solid",
3307
+ "inline-grid",
3308
+ "shrink-0",
3309
+ "place-items-center",
3310
+ "place-content-center",
3311
+ "rounded-full",
3312
+ "box-border",
3313
+ "w-[var(--uds-pagination-control-size)]",
3314
+ "appearance-none",
3315
+ "uds-ring",
3316
+ "cursor-pointer",
3317
+ "select-none",
3318
+ "pointer-events-none",
3319
+ "auto-cols-max",
3320
+ "grid-flow-col",
3321
+ "gap-1",
3322
+ "block",
3323
+ "tabular-nums",
3324
+ "!leading-none",
3325
+ "[text-box-trim:trim-both]",
3326
+ "[text-box-edge:cap_alphabetic]",
3327
+ "h-[var(--uds-pagination-control-size)]"
3304
3328
  ],
3305
3329
  "internalComponents": [
3306
- "IconSlot",
3307
- "ToastContainer",
3308
- "Text",
3309
- "Button",
3310
- "Pressable"
3330
+ "Comp"
3311
3331
  ],
3312
3332
  "internalComponentProps": {},
3313
3333
  "propToVariantKeys": {
3314
3334
  "size": [
3315
- "toastSizeLabel",
3316
- "toastSizeIcon",
3317
- "toastSizeActionButton",
3318
- "toastSizeCloseIcon"
3335
+ "paginationSizeRoot",
3336
+ "paginationSizeItem",
3337
+ "paginationSizeIcon",
3338
+ "paginationSizeText"
3319
3339
  ],
3320
3340
  "variant": [
3321
- "toastVariantIcon",
3322
- "toastVariantActionButton",
3323
- "toastVariantCloseIcon"
3324
- ],
3325
- "closeIcon": [
3326
- "icon"
3341
+ "paginationVariantRoot"
3327
3342
  ],
3328
- "onClickActionButton": [
3329
- "onClick"
3343
+ "activeState": [
3344
+ "paginationVariantActiveRoot"
3330
3345
  ]
3331
3346
  },
3332
- "runtimeConfigDefaultProps": {
3333
- "size": "toast.defaultSize",
3334
- "variant": "toast.defaultVariant"
3347
+ "runtimeConfigDefaultProps": {},
3348
+ "runtimeConfigGetStyles": {},
3349
+ "runtimeConfigInternalComponentProps": {},
3350
+ "motionVarPrefixes": []
3351
+ },
3352
+ "PaginationNext": {
3353
+ "name": "PaginationNext",
3354
+ "defaultProps": {
3355
+ "label": "Next"
3335
3356
  },
3336
- "runtimeConfigGetStyles": {
3337
- "toastSizeLabel": [
3338
- "toast.defaultSize"
3339
- ],
3340
- "toastVariantIcon": [
3341
- "toast.defaultVariant"
3342
- ],
3343
- "toastSizeIcon": [
3344
- "toast.defaultSize"
3345
- ],
3346
- "toastSizeActionButton": [
3347
- "toast.defaultSize"
3348
- ],
3349
- "toastVariantActionButton": [
3350
- "toast.defaultVariant"
3351
- ],
3352
- "toastVariantCloseIcon": [
3353
- "toast.defaultVariant"
3354
- ],
3355
- "toastSizeCloseIcon": [
3356
- "toast.defaultSize"
3357
- ]
3357
+ "getStylesLiterals": {
3358
+ "paginationVariantActiveRoot": "off"
3358
3359
  },
3359
- "runtimeConfigInternalComponentProps": {
3360
- "ToastContainer": {
3360
+ "cxLiterals": [
3361
+ "inline-flex",
3362
+ "items-center",
3363
+ "justify-center",
3364
+ "relative",
3365
+ "m-0",
3366
+ "border-solid",
3367
+ "inline-grid",
3368
+ "shrink-0",
3369
+ "place-items-center",
3370
+ "place-content-center",
3371
+ "rounded-full",
3372
+ "box-border",
3373
+ "w-[var(--uds-pagination-control-size)]",
3374
+ "appearance-none",
3375
+ "uds-ring",
3376
+ "cursor-pointer",
3377
+ "select-none",
3378
+ "pointer-events-none",
3379
+ "auto-cols-max",
3380
+ "grid-flow-col",
3381
+ "gap-1",
3382
+ "block",
3383
+ "tabular-nums",
3384
+ "!leading-none",
3385
+ "[text-box-trim:trim-both]",
3386
+ "[text-box-edge:cap_alphabetic]",
3387
+ "h-[var(--uds-pagination-control-size)]"
3388
+ ],
3389
+ "internalComponents": [
3390
+ "Icon",
3391
+ "Comp"
3392
+ ],
3393
+ "internalComponentProps": {
3394
+ "Icon": {
3361
3395
  "size": [
3362
- "toast.defaultSize"
3363
- ],
3364
- "variant": [
3365
- "toast.defaultVariant"
3366
- ]
3367
- },
3368
- "Text": {
3369
- "variant": [
3370
- "toast.textVariant.${size}"
3396
+ "sm"
3371
3397
  ],
3372
3398
  "color": [
3373
- "toast.textColor.${variant}"
3399
+ "current"
3374
3400
  ]
3375
3401
  },
3376
- "Button": {
3377
- "size": [
3378
- "toast.buttonSize.${size}"
3402
+ "Comp": {
3403
+ "type": [
3404
+ "button"
3379
3405
  ],
3380
- "variant": [
3381
- "toast.buttonVariant.${variant}"
3406
+ "aria-label": [
3407
+ "Go to next page"
3382
3408
  ]
3383
3409
  }
3384
3410
  },
3411
+ "propToVariantKeys": {
3412
+ "size": [
3413
+ "paginationSizeRoot",
3414
+ "paginationSizeItem",
3415
+ "paginationSizeIcon",
3416
+ "paginationSizeText"
3417
+ ],
3418
+ "variant": [
3419
+ "paginationVariantRoot"
3420
+ ],
3421
+ "activeState": [
3422
+ "paginationVariantActiveRoot"
3423
+ ]
3424
+ },
3425
+ "runtimeConfigDefaultProps": {},
3426
+ "runtimeConfigGetStyles": {},
3427
+ "runtimeConfigInternalComponentProps": {},
3385
3428
  "motionVarPrefixes": []
3386
3429
  },
3387
- "ToastContainer": {
3388
- "name": "ToastContainer",
3430
+ "PaginationNumbers": {
3431
+ "name": "PaginationNumbers",
3389
3432
  "defaultProps": {},
3390
3433
  "getStylesLiterals": {
3391
- "position": "relative",
3392
- "alignItems": "center",
3393
- "display": "flex",
3394
- "className": "box-border touch-none z-0 w-full break-words mb-2 last:mb-0"
3434
+ "paginationVariantActiveRoot": "off"
3395
3435
  },
3396
3436
  "cxLiterals": [
3397
- "w-full"
3437
+ "m-0",
3438
+ "inline-flex",
3439
+ "list-none",
3440
+ "items-center",
3441
+ "self-center",
3442
+ "p-0",
3443
+ "justify-center",
3444
+ "relative",
3445
+ "border-solid",
3446
+ "inline-grid",
3447
+ "shrink-0",
3448
+ "place-items-center",
3449
+ "place-content-center",
3450
+ "rounded-full",
3451
+ "box-border",
3452
+ "w-[var(--uds-pagination-control-size)]",
3453
+ "appearance-none",
3454
+ "uds-ring",
3455
+ "cursor-pointer",
3456
+ "select-none",
3457
+ "pointer-events-none",
3458
+ "auto-cols-max",
3459
+ "grid-flow-col",
3460
+ "gap-1",
3461
+ "block",
3462
+ "tabular-nums",
3463
+ "!leading-none",
3464
+ "[text-box-trim:trim-both]",
3465
+ "[text-box-edge:cap_alphabetic]",
3466
+ "h-[var(--uds-pagination-control-size)]"
3398
3467
  ],
3399
3468
  "internalComponents": [
3400
- "HStack"
3469
+ "PaginationEllipsis",
3470
+ "PaginationLink",
3471
+ "PaginationItem"
3472
+ ],
3473
+ "internalComponentProps": {},
3474
+ "propToVariantKeys": {
3475
+ "size": [
3476
+ "paginationSizeRoot",
3477
+ "paginationSizeItem",
3478
+ "paginationSizeIcon",
3479
+ "paginationSizeText"
3480
+ ],
3481
+ "variant": [
3482
+ "paginationVariantRoot"
3483
+ ],
3484
+ "activeState": [
3485
+ "paginationVariantActiveRoot"
3486
+ ]
3487
+ },
3488
+ "runtimeConfigDefaultProps": {},
3489
+ "runtimeConfigGetStyles": {},
3490
+ "runtimeConfigInternalComponentProps": {},
3491
+ "motionVarPrefixes": []
3492
+ },
3493
+ "PaginationPrev": {
3494
+ "name": "PaginationPrev",
3495
+ "defaultProps": {
3496
+ "label": "Previous"
3497
+ },
3498
+ "getStylesLiterals": {
3499
+ "paginationVariantActiveRoot": "off"
3500
+ },
3501
+ "cxLiterals": [
3502
+ "inline-flex",
3503
+ "items-center",
3504
+ "justify-center",
3505
+ "relative",
3506
+ "m-0",
3507
+ "border-solid",
3508
+ "inline-grid",
3509
+ "shrink-0",
3510
+ "place-items-center",
3511
+ "place-content-center",
3512
+ "rounded-full",
3513
+ "box-border",
3514
+ "w-[var(--uds-pagination-control-size)]",
3515
+ "appearance-none",
3516
+ "uds-ring",
3517
+ "cursor-pointer",
3518
+ "select-none",
3519
+ "pointer-events-none",
3520
+ "auto-cols-max",
3521
+ "grid-flow-col",
3522
+ "gap-1",
3523
+ "block",
3524
+ "tabular-nums",
3525
+ "!leading-none",
3526
+ "[text-box-trim:trim-both]",
3527
+ "[text-box-edge:cap_alphabetic]",
3528
+ "h-[var(--uds-pagination-control-size)]"
3529
+ ],
3530
+ "internalComponents": [
3531
+ "Icon",
3532
+ "Comp"
3401
3533
  ],
3402
3534
  "internalComponentProps": {
3403
- "HStack": {
3404
- "alignItems": [
3405
- "center"
3406
- ],
3407
- "justifyContent": [
3408
- "space-between"
3535
+ "Icon": {
3536
+ "size": [
3537
+ "sm"
3409
3538
  ],
3410
- "overflow": [
3411
- "hidden"
3539
+ "color": [
3540
+ "current"
3541
+ ]
3542
+ },
3543
+ "Comp": {
3544
+ "type": [
3545
+ "button"
3412
3546
  ],
3413
- "position": [
3414
- "relative"
3547
+ "aria-label": [
3548
+ "Go to previous page"
3415
3549
  ]
3416
3550
  }
3417
3551
  },
3418
3552
  "propToVariantKeys": {
3419
- "variant": [
3420
- "toastVariantRoot"
3421
- ],
3422
3553
  "size": [
3423
- "toastSizeRoot"
3424
- ]
3425
- },
3426
- "runtimeConfigDefaultProps": {
3427
- "size": "toast.defaultSize",
3428
- "variant": "toast.defaultVariant"
3429
- },
3430
- "runtimeConfigGetStyles": {
3431
- "toastVariantRoot": [
3432
- "toast.defaultVariant"
3554
+ "paginationSizeRoot",
3555
+ "paginationSizeItem",
3556
+ "paginationSizeIcon",
3557
+ "paginationSizeText"
3433
3558
  ],
3434
- "toastSizeRoot": [
3435
- "toast.defaultSize"
3559
+ "variant": [
3560
+ "paginationVariantRoot"
3561
+ ],
3562
+ "activeState": [
3563
+ "paginationVariantActiveRoot"
3436
3564
  ]
3437
3565
  },
3438
- "runtimeConfigInternalComponentProps": {
3439
- "HStack": {
3440
- "backgroundColor": [
3441
- "toast.backgroundColor.${variant}"
3442
- ]
3443
- }
3444
- },
3566
+ "runtimeConfigDefaultProps": {},
3567
+ "runtimeConfigGetStyles": {},
3568
+ "runtimeConfigInternalComponentProps": {},
3445
3569
  "motionVarPrefixes": []
3446
3570
  },
3447
- "ToastPortal": {
3448
- "name": "ToastPortal",
3571
+ "Popover": {
3572
+ "name": "Popover",
3449
3573
  "defaultProps": {},
3450
3574
  "getStylesLiterals": {},
3451
- "cxLiterals": [],
3575
+ "cxLiterals": [
3576
+ "uds:popover-open"
3577
+ ],
3452
3578
  "internalComponents": [
3453
- "ReactToastifyToastContainer"
3579
+ "PopoverInternalContext.Provider",
3580
+ "PopoverProvider"
3454
3581
  ],
3455
3582
  "internalComponentProps": {},
3456
3583
  "propToVariantKeys": {},
3457
3584
  "runtimeConfigDefaultProps": {
3458
- "size": "toast.defaultSize",
3459
- "variant": "toast.defaultVariant"
3460
- },
3461
- "runtimeConfigGetStyles": {},
3462
- "runtimeConfigInternalComponentProps": {
3463
- "ReactToastifyToastContainer": {
3464
- "autoClose": [
3465
- "toast.autoClose"
3466
- ]
3467
- }
3585
+ "size": "popover.defaultSize",
3586
+ "variant": "popover.defaultVariant"
3468
3587
  },
3469
- "motionVarPrefixes": []
3470
- },
3471
- "UDSToastConfigProvider": {
3472
- "name": "UDSToastConfigProvider",
3473
- "defaultProps": {},
3474
- "getStylesLiterals": {},
3475
- "cxLiterals": [],
3476
- "internalComponents": [
3477
- "ToastContext.Provider"
3478
- ],
3479
- "internalComponentProps": {},
3480
- "propToVariantKeys": {},
3481
- "runtimeConfigDefaultProps": {},
3482
3588
  "runtimeConfigGetStyles": {},
3483
3589
  "runtimeConfigInternalComponentProps": {},
3484
3590
  "motionVarPrefixes": []
3485
3591
  },
3486
- "Tooltip": {
3487
- "name": "Tooltip",
3488
- "defaultProps": {},
3489
- "getStylesLiterals": {},
3490
- "cxLiterals": [],
3491
- "internalComponents": [
3492
- "TooltipInternalContext.Provider",
3493
- "TooltipProvider"
3494
- ],
3495
- "internalComponentProps": {},
3496
- "propToVariantKeys": {},
3497
- "runtimeConfigDefaultProps": {},
3498
- "runtimeConfigGetStyles": {},
3499
- "runtimeConfigInternalComponentProps": {
3500
- "TooltipProvider": {
3501
- "animated": [
3502
- "tooltip.animationDuration"
3503
- ]
3504
- }
3505
- },
3506
- "motionVarPrefixes": []
3507
- },
3508
- "TooltipContent": {
3509
- "name": "TooltipContent",
3592
+ "PopoverContent": {
3593
+ "name": "PopoverContent",
3510
3594
  "defaultProps": {},
3511
3595
  "getStylesLiterals": {
3512
- "tooltipSizeRoot": "default",
3513
- "tooltipVariantRoot": "default",
3514
- "tooltipSizeSvg": "default",
3515
- "tooltipVariantSvg": "default",
3516
- "tooltipVariantBlur": "default",
3517
- "position": "absolute",
3596
+ "popoverSizeRoot": "default",
3597
+ "popoverVariantRoot": "default",
3598
+ "display": "flex",
3599
+ "position": "relative",
3600
+ "display:1": "block",
3601
+ "spacingTop": "0",
3602
+ "spacingStart": "0",
3603
+ "spacingBottom": "0",
3604
+ "spacingEnd": "0",
3605
+ "popoverSizeSvgBase": "default",
3606
+ "popoverVariantSvgBase": "default",
3607
+ "popoverSizeSvgBorder": "default",
3608
+ "popoverVariantSvgBorder": "default",
3609
+ "popoverVariantBlur": "default",
3610
+ "position:1": "absolute",
3518
3611
  "width": "full",
3519
3612
  "height": "full",
3520
- "tooltipSizeTitle": "default",
3521
- "tooltipSizeBody": "default",
3522
- "tooltipSizeEndContent": "default",
3523
- "tooltipSizeIcon": "default",
3524
- "tooltipVariantIcon": "default"
3613
+ "flexShrink": "0",
3614
+ "borderRadius": "full",
3615
+ "alignItems": "center",
3616
+ "justifyContent": "center",
3617
+ "popoverVariantCloseIcon": "default",
3618
+ "popoverSizeCloseIcon": "default"
3525
3619
  },
3526
3620
  "cxLiterals": [
3527
- "max-w-lg",
3528
- "flex",
3529
3621
  "z-[9999]",
3622
+ "outline-none",
3623
+ "focus-visible:outline-none",
3530
3624
  "uds-bgBlurFillFallback",
3531
3625
  "uds-bgBlurFallback",
3532
3626
  "top-0",
3533
3627
  "left-0",
3534
- "z-[1]"
3628
+ "z-[1]",
3629
+ "duration-0",
3630
+ "duration-120",
3631
+ "transition-[background-color]",
3632
+ "bg-carbon-15/0",
3633
+ "hover:bg-carbon-15/10",
3634
+ "active:bg-carbon-15/15",
3635
+ "uds-ring",
3636
+ "absolute",
3637
+ "z-[4]"
3535
3638
  ],
3536
3639
  "internalComponents": [
3640
+ "PopoverDismiss",
3537
3641
  "IconSlot",
3538
- "TooltipArrow",
3539
- "Tooltip",
3642
+ "PopoverArrow",
3643
+ "Popover",
3540
3644
  "SvgFloatingOverlay",
3541
- "VStack",
3542
3645
  "Box",
3543
- "Text"
3646
+ "Pressable"
3544
3647
  ],
3545
- "internalComponentProps": {
3546
- "SvgFloatingOverlay": {
3547
- "contentOverflow": [
3548
- "visible"
3549
- ]
3550
- },
3551
- "VStack": {
3552
- "className": [
3553
- "gap-[inherit]"
3554
- ]
3555
- },
3556
- "Box": {
3557
- "alignItems": [
3558
- "center"
3559
- ],
3560
- "columnGap": [
3561
- "1",
3562
- "1.5"
3563
- ]
3564
- },
3565
- "Text": {
3566
- "color": [
3567
- "inherit"
3568
- ]
3569
- }
3570
- },
3648
+ "internalComponentProps": {},
3571
3649
  "propToVariantKeys": {
3572
- "startTitleIcon": [
3650
+ "closeIcon": [
3573
3651
  "icon"
3574
3652
  ]
3575
3653
  },
3654
+ "runtimeConfigDefaultProps": {
3655
+ "size": "popover.defaultSize",
3656
+ "variant": "popover.defaultVariant"
3657
+ },
3658
+ "runtimeConfigGetStyles": {
3659
+ "spacingTop": [
3660
+ "popover.spacingVertical.${size}"
3661
+ ],
3662
+ "spacingStart": [
3663
+ "popover.spacingHorizontal.${size}"
3664
+ ],
3665
+ "spacingBottom": [
3666
+ "popover.spacingVertical.${size}"
3667
+ ],
3668
+ "spacingEnd": [
3669
+ "popover.spacingHorizontal.${size}"
3670
+ ]
3671
+ },
3672
+ "runtimeConfigInternalComponentProps": {
3673
+ "SvgFloatingOverlay": {
3674
+ "borderRadius": [
3675
+ "popover.borderRadius.${size}"
3676
+ ]
3677
+ }
3678
+ },
3679
+ "motionVarPrefixes": []
3680
+ },
3681
+ "PopoverContext": {
3682
+ "name": "PopoverContext",
3683
+ "defaultProps": {},
3684
+ "getStylesLiterals": {},
3685
+ "cxLiterals": [],
3686
+ "internalComponents": [],
3687
+ "internalComponentProps": {},
3688
+ "propToVariantKeys": {},
3576
3689
  "runtimeConfigDefaultProps": {},
3577
3690
  "runtimeConfigGetStyles": {},
3578
3691
  "runtimeConfigInternalComponentProps": {},
3579
3692
  "motionVarPrefixes": []
3580
3693
  },
3581
- "TooltipTrigger": {
3582
- "name": "TooltipTrigger",
3694
+ "PopoverTrigger": {
3695
+ "name": "PopoverTrigger",
3583
3696
  "defaultProps": {},
3584
3697
  "getStylesLiterals": {},
3585
3698
  "cxLiterals": [],
3586
3699
  "internalComponents": [
3587
- "TooltipAnchor"
3700
+ "PopoverDisclosure"
3588
3701
  ],
3589
3702
  "internalComponentProps": {
3590
- "TooltipAnchor": {
3703
+ "PopoverDisclosure": {
3591
3704
  "className": [
3592
3705
  "inline"
3593
3706
  ]
@@ -3603,48 +3716,13 @@
3603
3716
  "runtimeConfigInternalComponentProps": {},
3604
3717
  "motionVarPrefixes": []
3605
3718
  },
3606
- "UDSTooltipConfigProvider": {
3607
- "name": "UDSTooltipConfigProvider",
3608
- "defaultProps": {},
3609
- "getStylesLiterals": {},
3610
- "cxLiterals": [],
3611
- "internalComponents": [
3612
- "TooltipContext.Provider"
3613
- ],
3614
- "internalComponentProps": {},
3615
- "propToVariantKeys": {},
3616
- "runtimeConfigDefaultProps": {},
3617
- "runtimeConfigGetStyles": {},
3618
- "runtimeConfigInternalComponentProps": {},
3619
- "motionVarPrefixes": []
3620
- },
3621
- "UDSBreakpointsConfigProvider": {
3622
- "name": "UDSBreakpointsConfigProvider",
3623
- "defaultProps": {},
3624
- "getStylesLiterals": {},
3625
- "cxLiterals": [],
3626
- "internalComponents": [
3627
- "UDSBreakpointsConfigContext.Provider"
3628
- ],
3629
- "internalComponentProps": {},
3630
- "propToVariantKeys": {},
3631
- "runtimeConfigDefaultProps": {},
3632
- "runtimeConfigGetStyles": {},
3633
- "runtimeConfigInternalComponentProps": {},
3634
- "motionVarPrefixes": []
3635
- },
3636
- "UDSConfigProvider": {
3637
- "name": "UDSConfigProvider",
3719
+ "UDSPopoverConfigProvider": {
3720
+ "name": "UDSPopoverConfigProvider",
3638
3721
  "defaultProps": {},
3639
3722
  "getStylesLiterals": {},
3640
3723
  "cxLiterals": [],
3641
3724
  "internalComponents": [
3642
- "UDSBreakpointsConfigProvider",
3643
- "UDSBottomSheetConfigProvider",
3644
- "UDSToastConfigProvider",
3645
- "UDSTooltipConfigProvider",
3646
- "UDSPopoverConfigProvider",
3647
- "UDSModalConfigProvider"
3725
+ "PopoverContext.Provider"
3648
3726
  ],
3649
3727
  "internalComponentProps": {},
3650
3728
  "propToVariantKeys": {},
@@ -3653,96 +3731,148 @@
3653
3731
  "runtimeConfigInternalComponentProps": {},
3654
3732
  "motionVarPrefixes": []
3655
3733
  },
3656
- "Accordion": {
3657
- "name": "Accordion",
3734
+ "Radio": {
3735
+ "name": "Radio",
3658
3736
  "defaultProps": {
3659
- "spacingHorizontal": "4",
3660
- "spacingVertical": "4"
3737
+ "labelPosition": "start",
3738
+ "variant": "primary",
3739
+ "size": "md",
3740
+ "value": ""
3741
+ },
3742
+ "getStylesLiterals": {
3743
+ "radioVariantValueRoot": "checked",
3744
+ "radioVariantValueRoot:1": "unchecked",
3745
+ "display": "flex",
3746
+ "flexDirection": "row",
3747
+ "flexDirection:1": "row-reverse",
3748
+ "alignItems": "center",
3749
+ "radioVariantValueRadio": "checked",
3750
+ "radioVariantValueRadio:1": "unchecked",
3751
+ "radioVariantValueRadioCircle": "checked",
3752
+ "radioVariantValueRadioCircle:1": "unchecked"
3661
3753
  },
3662
- "getStylesLiterals": {},
3663
3754
  "cxLiterals": [
3664
- "hover:bg-secondary/80",
3665
- "w-full"
3666
- ],
3667
- "internalComponents": [
3668
- "Icon",
3669
- "SpringMotionConfig",
3670
- "Pressable",
3671
- "Text",
3672
- "HStack",
3673
- "AnimatePresence",
3674
- "VStack"
3755
+ "cursor-pointer",
3756
+ "cursor-default",
3757
+ "opacity-50",
3758
+ "border",
3759
+ "uds-ring",
3760
+ "uds-ring-within",
3761
+ "transition-[background-color,border-color]",
3762
+ "transition-shadow",
3763
+ "pointer-events-none",
3764
+ "w-[8px]",
3765
+ "h-[8px]",
3766
+ "opacity-55",
3767
+ "opacity-100",
3768
+ "opacity-0",
3769
+ "transition-opacity",
3770
+ "cursor-[inherit]",
3771
+ "absolute",
3772
+ "top-1/2",
3773
+ "left-1/2",
3774
+ "w-[calc(100%+2px)]",
3775
+ "h-[calc(100%+2px)]",
3776
+ "transform",
3777
+ "translate-x-[-50%]",
3778
+ "translate-y-[-50%]",
3779
+ "text-start",
3780
+ "text-end"
3781
+ ],
3782
+ "internalComponents": [
3783
+ "Box",
3784
+ "FormLabel",
3785
+ "SpringMotionConfig",
3786
+ "RootElement",
3787
+ "MotionBox"
3675
3788
  ],
3676
3789
  "internalComponentProps": {
3677
- "Icon": {
3678
- "variant": [
3679
- "fill"
3790
+ "Box": {
3791
+ "borderRadius": [
3792
+ "full"
3793
+ ]
3794
+ },
3795
+ "FormLabel": {
3796
+ "as": [
3797
+ "div"
3680
3798
  ],
3681
- "size": [
3682
- "sm"
3799
+ "variant": [
3800
+ "inherit"
3683
3801
  ],
3684
3802
  "color": [
3685
- "primary"
3803
+ "inherit"
3686
3804
  ]
3687
3805
  },
3688
- "SpringMotionConfig": {
3689
- "layoutVariant": [
3690
- "smooth"
3691
- ],
3692
- "layoutSpeed": [
3693
- "3"
3806
+ "RootElement": {
3807
+ "data-testid": [
3808
+ "container"
3694
3809
  ]
3695
3810
  },
3696
- "Pressable": {
3697
- "display": [
3698
- "flex"
3699
- ],
3700
- "flexDirection": [
3701
- "row"
3702
- ],
3703
- "alignItems": [
3704
- "center"
3705
- ],
3706
- "justifyContent": [
3707
- "space-between"
3811
+ "MotionBox": {
3812
+ "position": [
3813
+ "relative"
3708
3814
  ],
3709
3815
  "borderRadius": [
3710
- "md"
3711
- ]
3712
- },
3713
- "Text": {
3714
- "variant": [
3715
- "title4"
3716
- ],
3717
- "color": [
3718
- "primary"
3719
- ]
3720
- },
3721
- "HStack": {
3722
- "display": [
3723
- "flex"
3816
+ "full"
3724
3817
  ],
3725
3818
  "alignItems": [
3726
3819
  "center"
3727
3820
  ],
3728
3821
  "justifyContent": [
3729
- "space-between"
3822
+ "center"
3730
3823
  ],
3731
- "columnGap": [
3732
- "2.5"
3824
+ "flex": [
3825
+ "none"
3733
3826
  ]
3734
3827
  }
3735
3828
  },
3736
- "propToVariantKeys": {},
3829
+ "propToVariantKeys": {
3830
+ "size": [
3831
+ "radioSizeRoot",
3832
+ "radioSizeRadio"
3833
+ ],
3834
+ "variant": [
3835
+ "radioVariantRoot",
3836
+ "radioVariantRadio",
3837
+ "radioVariantRadioCircle"
3838
+ ],
3839
+ "reduceMotion": [
3840
+ "reducedMotion"
3841
+ ]
3842
+ },
3737
3843
  "runtimeConfigDefaultProps": {},
3738
3844
  "runtimeConfigGetStyles": {},
3739
3845
  "runtimeConfigInternalComponentProps": {},
3740
3846
  "motionVarPrefixes": [
3847
+ "--uds-motion-subtle-3-",
3741
3848
  "--uds-motion-smooth-3-"
3742
3849
  ]
3743
3850
  },
3744
- "AvoidMotionLibraryProvider": {
3745
- "name": "AvoidMotionLibraryProvider",
3851
+ "RadioGroupProvider": {
3852
+ "name": "RadioGroupProvider",
3853
+ "defaultProps": {},
3854
+ "getStylesLiterals": {},
3855
+ "cxLiterals": [],
3856
+ "internalComponents": [
3857
+ "DivProps",
3858
+ "Comp",
3859
+ "RadioGroupContext.Provider"
3860
+ ],
3861
+ "internalComponentProps": {
3862
+ "Comp": {
3863
+ "role": [
3864
+ "radiogroup"
3865
+ ]
3866
+ }
3867
+ },
3868
+ "propToVariantKeys": {},
3869
+ "runtimeConfigDefaultProps": {},
3870
+ "runtimeConfigGetStyles": {},
3871
+ "runtimeConfigInternalComponentProps": {},
3872
+ "motionVarPrefixes": []
3873
+ },
3874
+ "RadioGroupStore": {
3875
+ "name": "RadioGroupStore",
3746
3876
  "defaultProps": {},
3747
3877
  "getStylesLiterals": {},
3748
3878
  "cxLiterals": [],
@@ -3754,86 +3884,77 @@
3754
3884
  "runtimeConfigInternalComponentProps": {},
3755
3885
  "motionVarPrefixes": []
3756
3886
  },
3757
- "SegmentedControl": {
3758
- "name": "SegmentedControl",
3887
+ "Tab": {
3888
+ "name": "Tab",
3759
3889
  "defaultProps": {
3760
- "textVariant": "label2"
3890
+ "variant": "primary"
3761
3891
  },
3762
3892
  "getStylesLiterals": {
3763
- "display": "flex",
3764
- "alignItems": "center",
3765
- "backgroundColor": "primary",
3766
- "spacingVertical": "1",
3767
- "spacingHorizontal": "3",
3768
- "columnGap": "1.5",
3769
- "borderWidth": "thin",
3770
- "borderRadius": "full",
3771
- "borderColor": "muted",
3772
- "borderColor:1": "transparent",
3773
- "color": "primary",
3774
- "color:1": "tertiary",
3775
- "color:2": "muted"
3893
+ "tabSizeRoot": "default",
3894
+ "tabVariantActiveRoot": "off",
3895
+ "tabVariantActiveRoot:1": "on",
3896
+ "tabSizeIcon": "default"
3776
3897
  },
3777
3898
  "cxLiterals": [
3899
+ "pointer-events-none",
3900
+ "absolute",
3901
+ "bottom-0",
3902
+ "left-0",
3903
+ "right-0",
3904
+ "h-[var(--uds-tab-underline-width,0px)]",
3905
+ "bg-[var(--uds-tab-underline-color,transparent)]",
3906
+ "transition-[height,background-color]",
3907
+ "duration-[240ms]",
3908
+ "ease-[cubic-bezier(0.2,0,0,1)]",
3909
+ "!bg-transparent",
3910
+ "!shadow-none",
3911
+ "inline-flex",
3912
+ "items-center",
3913
+ "shrink-0",
3914
+ "box-border",
3915
+ "relative",
3916
+ "z-[1]",
3917
+ "cursor-pointer",
3918
+ "select-none",
3919
+ "whitespace-nowrap",
3778
3920
  "uds-ring",
3779
- "cursor-not-allowed",
3780
3921
  "opacity-50",
3781
- "pointer-events-none",
3782
- "hover:bg-primary"
3922
+ "cursor-default",
3923
+ "border-solid",
3924
+ "border-b-solid",
3925
+ "transition-colors"
3783
3926
  ],
3784
3927
  "internalComponents": [
3785
- "Radio",
3786
- "Icon",
3787
- "RadioProvider",
3788
- "HStack",
3789
- "RadioGroup",
3790
- "Pressable",
3928
+ "IconSlot",
3929
+ "AriakitTab",
3791
3930
  "Text"
3792
3931
  ],
3793
3932
  "internalComponentProps": {
3794
- "Icon": {
3795
- "size": [
3796
- "sm"
3797
- ],
3798
- "color": [
3799
- "current"
3800
- ],
3801
- "aria-hidden": [
3802
- "true"
3803
- ]
3804
- },
3805
- "HStack": {
3806
- "spacing": [
3807
- "1"
3808
- ],
3809
- "gap": [
3810
- "1"
3811
- ],
3812
- "backgroundColor": [
3813
- "secondary"
3933
+ "Text": {
3934
+ "variant": [
3935
+ "inherit"
3814
3936
  ],
3815
- "borderRadius": [
3816
- "full"
3937
+ "as": [
3938
+ "span"
3817
3939
  ],
3818
- "display": [
3819
- "inline-flex"
3820
- ]
3821
- },
3822
- "Text": {
3823
3940
  "color": [
3824
3941
  "current"
3825
3942
  ]
3826
3943
  }
3827
3944
  },
3828
3945
  "propToVariantKeys": {
3829
- "value": [
3830
- "key"
3946
+ "variant": [
3947
+ "tabVariantRoot",
3948
+ "tabVariantIcon"
3831
3949
  ],
3832
- "label": [
3833
- "aria-label"
3950
+ "activeState": [
3951
+ "tabVariantActiveIcon"
3834
3952
  ],
3835
- "textVariant": [
3836
- "variant"
3953
+ "startIcon": [
3954
+ "icon"
3955
+ ],
3956
+ "endIcon": [
3957
+ "icon"
3837
3958
  ]
3838
3959
  },
3839
3960
  "runtimeConfigDefaultProps": {},
@@ -3841,135 +3962,474 @@
3841
3962
  "runtimeConfigInternalComponentProps": {},
3842
3963
  "motionVarPrefixes": []
3843
3964
  },
3844
- "SwitchV2": {
3845
- "name": "SwitchV2",
3965
+ "TabList": {
3966
+ "name": "TabList",
3846
3967
  "defaultProps": {
3847
- "labelPosition": "start",
3848
- "size": "md"
3968
+ "variant": "primary"
3849
3969
  },
3850
3970
  "getStylesLiterals": {
3851
- "switchVariantRoot": "default",
3852
- "switchVariantActiveRoot": "on",
3853
- "switchVariantActiveRoot:1": "off",
3854
- "switchVariantSwitch": "default",
3855
- "switchVariantActiveSwitch": "on",
3856
- "switchVariantActiveSwitch:1": "off",
3857
- "switchVariantActiveHandle": "on",
3858
- "switchVariantActiveHandle:1": "off",
3859
- "switchVariantHandle": "default",
3860
- "switchVariantHandleIcon": "default",
3861
- "switchVariantActiveHandleIcon": "on",
3862
- "switchVariantActiveHandleIcon:1": "off"
3971
+ "tabSizeRoot": "default",
3972
+ "tabVariantActiveRoot": "on"
3973
+ },
3974
+ "cxLiterals": [
3975
+ "pointer-events-none",
3976
+ "absolute",
3977
+ "bottom-0",
3978
+ "left-0",
3979
+ "right-0",
3980
+ "h-[var(--uds-tab-underline-width,0px)]",
3981
+ "bg-[var(--uds-tab-underline-color,transparent)]",
3982
+ "transition-[height,background-color]",
3983
+ "duration-[240ms]",
3984
+ "ease-[cubic-bezier(0.2,0,0,1)]",
3985
+ "!m-0",
3986
+ "!p-0",
3987
+ "!gap-0",
3988
+ "box-border",
3989
+ "z-0",
3990
+ "min-w-0",
3991
+ "min-h-0",
3992
+ "flex",
3993
+ "flex-row",
3994
+ "items-center",
3995
+ "overflow-x-auto",
3996
+ "overflow-y-clip",
3997
+ "scrollbar-none",
3998
+ "[overflow-clip-margin:6px]",
3999
+ "overflow-clip",
4000
+ "[overflow-clip-margin:8px]",
4001
+ "relative",
4002
+ "left",
4003
+ "240ms",
4004
+ "cubic-bezier(0.2,",
4005
+ "0,",
4006
+ "1),",
4007
+ "top",
4008
+ "width",
4009
+ "height",
4010
+ "1)",
4011
+ "--uds-tab-underline-color",
4012
+ "--uds-tab-underline-width"
4013
+ ],
4014
+ "internalComponents": [
4015
+ "AriakitTabList"
4016
+ ],
4017
+ "internalComponentProps": {},
4018
+ "propToVariantKeys": {
4019
+ "variant": [
4020
+ "tabsVariantRoot",
4021
+ "tabVariantRoot"
4022
+ ]
4023
+ },
4024
+ "runtimeConfigDefaultProps": {},
4025
+ "runtimeConfigGetStyles": {},
4026
+ "runtimeConfigInternalComponentProps": {},
4027
+ "motionVarPrefixes": []
4028
+ },
4029
+ "TabPanel": {
4030
+ "name": "TabPanel",
4031
+ "defaultProps": {},
4032
+ "getStylesLiterals": {},
4033
+ "cxLiterals": [],
4034
+ "internalComponents": [
4035
+ "AriakitTabPanel"
4036
+ ],
4037
+ "internalComponentProps": {},
4038
+ "propToVariantKeys": {},
4039
+ "runtimeConfigDefaultProps": {},
4040
+ "runtimeConfigGetStyles": {},
4041
+ "runtimeConfigInternalComponentProps": {},
4042
+ "motionVarPrefixes": []
4043
+ },
4044
+ "Tabs": {
4045
+ "name": "Tabs",
4046
+ "defaultProps": {
4047
+ "variant": "primary"
4048
+ },
4049
+ "getStylesLiterals": {},
4050
+ "cxLiterals": [],
4051
+ "internalComponents": [
4052
+ "TabsContext.Provider",
4053
+ "TabProvider"
4054
+ ],
4055
+ "internalComponentProps": {},
4056
+ "propToVariantKeys": {
4057
+ "onSelectionChange": [
4058
+ "setSelectedId"
4059
+ ]
4060
+ },
4061
+ "runtimeConfigDefaultProps": {},
4062
+ "runtimeConfigGetStyles": {},
4063
+ "runtimeConfigInternalComponentProps": {},
4064
+ "motionVarPrefixes": []
4065
+ },
4066
+ "Toast": {
4067
+ "name": "Toast",
4068
+ "defaultProps": {},
4069
+ "getStylesLiterals": {
4070
+ "className": "animate-spin",
4071
+ "className:1": "flex-none",
4072
+ "spacing": "2",
4073
+ "borderRadius": "full"
4074
+ },
4075
+ "cxLiterals": [
4076
+ "duration-0",
4077
+ "duration-120",
4078
+ "transition-[background-color]",
4079
+ "bg-carbon-15/0",
4080
+ "hover:bg-carbon-15/10",
4081
+ "active:bg-carbon-15/15",
4082
+ "uds-ring"
4083
+ ],
4084
+ "internalComponents": [
4085
+ "IconSlot",
4086
+ "ToastContainer",
4087
+ "Text",
4088
+ "Button",
4089
+ "Pressable"
4090
+ ],
4091
+ "internalComponentProps": {},
4092
+ "propToVariantKeys": {
4093
+ "size": [
4094
+ "toastSizeLabel",
4095
+ "toastSizeIcon",
4096
+ "toastSizeActionButton",
4097
+ "toastSizeCloseIcon"
4098
+ ],
4099
+ "variant": [
4100
+ "toastVariantIcon",
4101
+ "toastVariantActionButton",
4102
+ "toastVariantCloseIcon"
4103
+ ],
4104
+ "closeIcon": [
4105
+ "icon"
4106
+ ],
4107
+ "onClickActionButton": [
4108
+ "onClick"
4109
+ ]
4110
+ },
4111
+ "runtimeConfigDefaultProps": {
4112
+ "size": "toast.defaultSize",
4113
+ "variant": "toast.defaultVariant"
4114
+ },
4115
+ "runtimeConfigGetStyles": {
4116
+ "toastSizeLabel": [
4117
+ "toast.defaultSize"
4118
+ ],
4119
+ "toastVariantIcon": [
4120
+ "toast.defaultVariant"
4121
+ ],
4122
+ "toastSizeIcon": [
4123
+ "toast.defaultSize"
4124
+ ],
4125
+ "toastSizeActionButton": [
4126
+ "toast.defaultSize"
4127
+ ],
4128
+ "toastVariantActionButton": [
4129
+ "toast.defaultVariant"
4130
+ ],
4131
+ "toastVariantCloseIcon": [
4132
+ "toast.defaultVariant"
4133
+ ],
4134
+ "toastSizeCloseIcon": [
4135
+ "toast.defaultSize"
4136
+ ]
4137
+ },
4138
+ "runtimeConfigInternalComponentProps": {
4139
+ "ToastContainer": {
4140
+ "size": [
4141
+ "toast.defaultSize"
4142
+ ],
4143
+ "variant": [
4144
+ "toast.defaultVariant"
4145
+ ]
4146
+ },
4147
+ "Text": {
4148
+ "variant": [
4149
+ "toast.textVariant.${size}"
4150
+ ],
4151
+ "color": [
4152
+ "toast.textColor.${variant}"
4153
+ ]
4154
+ },
4155
+ "Button": {
4156
+ "size": [
4157
+ "toast.buttonSize.${size}"
4158
+ ],
4159
+ "variant": [
4160
+ "toast.buttonVariant.${variant}"
4161
+ ]
4162
+ }
4163
+ },
4164
+ "motionVarPrefixes": []
4165
+ },
4166
+ "ToastContainer": {
4167
+ "name": "ToastContainer",
4168
+ "defaultProps": {},
4169
+ "getStylesLiterals": {
4170
+ "position": "relative",
4171
+ "alignItems": "center",
4172
+ "display": "flex",
4173
+ "className": "box-border touch-none z-0 w-full break-words mb-2 last:mb-0"
4174
+ },
4175
+ "cxLiterals": [
4176
+ "w-full"
4177
+ ],
4178
+ "internalComponents": [
4179
+ "HStack"
4180
+ ],
4181
+ "internalComponentProps": {
4182
+ "HStack": {
4183
+ "alignItems": [
4184
+ "center"
4185
+ ],
4186
+ "justifyContent": [
4187
+ "space-between"
4188
+ ],
4189
+ "overflow": [
4190
+ "hidden"
4191
+ ],
4192
+ "position": [
4193
+ "relative"
4194
+ ]
4195
+ }
4196
+ },
4197
+ "propToVariantKeys": {
4198
+ "variant": [
4199
+ "toastVariantRoot"
4200
+ ],
4201
+ "size": [
4202
+ "toastSizeRoot"
4203
+ ]
4204
+ },
4205
+ "runtimeConfigDefaultProps": {
4206
+ "size": "toast.defaultSize",
4207
+ "variant": "toast.defaultVariant"
4208
+ },
4209
+ "runtimeConfigGetStyles": {
4210
+ "toastVariantRoot": [
4211
+ "toast.defaultVariant"
4212
+ ],
4213
+ "toastSizeRoot": [
4214
+ "toast.defaultSize"
4215
+ ]
4216
+ },
4217
+ "runtimeConfigInternalComponentProps": {
4218
+ "HStack": {
4219
+ "backgroundColor": [
4220
+ "toast.backgroundColor.${variant}"
4221
+ ]
4222
+ }
4223
+ },
4224
+ "motionVarPrefixes": []
4225
+ },
4226
+ "ToastPortal": {
4227
+ "name": "ToastPortal",
4228
+ "defaultProps": {},
4229
+ "getStylesLiterals": {},
4230
+ "cxLiterals": [],
4231
+ "internalComponents": [
4232
+ "ReactToastifyToastContainer"
4233
+ ],
4234
+ "internalComponentProps": {},
4235
+ "propToVariantKeys": {},
4236
+ "runtimeConfigDefaultProps": {
4237
+ "size": "toast.defaultSize",
4238
+ "variant": "toast.defaultVariant"
4239
+ },
4240
+ "runtimeConfigGetStyles": {},
4241
+ "runtimeConfigInternalComponentProps": {
4242
+ "ReactToastifyToastContainer": {
4243
+ "autoClose": [
4244
+ "toast.autoClose"
4245
+ ]
4246
+ }
4247
+ },
4248
+ "motionVarPrefixes": []
4249
+ },
4250
+ "UDSToastConfigProvider": {
4251
+ "name": "UDSToastConfigProvider",
4252
+ "defaultProps": {},
4253
+ "getStylesLiterals": {},
4254
+ "cxLiterals": [],
4255
+ "internalComponents": [
4256
+ "ToastContext.Provider"
4257
+ ],
4258
+ "internalComponentProps": {},
4259
+ "propToVariantKeys": {},
4260
+ "runtimeConfigDefaultProps": {},
4261
+ "runtimeConfigGetStyles": {},
4262
+ "runtimeConfigInternalComponentProps": {},
4263
+ "motionVarPrefixes": []
4264
+ },
4265
+ "Tooltip": {
4266
+ "name": "Tooltip",
4267
+ "defaultProps": {},
4268
+ "getStylesLiterals": {},
4269
+ "cxLiterals": [],
4270
+ "internalComponents": [
4271
+ "TooltipInternalContext.Provider",
4272
+ "TooltipProvider"
4273
+ ],
4274
+ "internalComponentProps": {},
4275
+ "propToVariantKeys": {},
4276
+ "runtimeConfigDefaultProps": {},
4277
+ "runtimeConfigGetStyles": {},
4278
+ "runtimeConfigInternalComponentProps": {
4279
+ "TooltipProvider": {
4280
+ "animated": [
4281
+ "tooltip.animationDuration"
4282
+ ]
4283
+ }
4284
+ },
4285
+ "motionVarPrefixes": []
4286
+ },
4287
+ "TooltipContent": {
4288
+ "name": "TooltipContent",
4289
+ "defaultProps": {},
4290
+ "getStylesLiterals": {
4291
+ "tooltipSizeRoot": "default",
4292
+ "tooltipVariantRoot": "default",
4293
+ "tooltipSizeSvg": "default",
4294
+ "tooltipVariantSvg": "default",
4295
+ "tooltipVariantBlur": "default",
4296
+ "position": "absolute",
4297
+ "width": "full",
4298
+ "height": "full",
4299
+ "tooltipSizeTitle": "default",
4300
+ "tooltipSizeBody": "default",
4301
+ "tooltipSizeEndContent": "default",
4302
+ "tooltipSizeIcon": "default",
4303
+ "tooltipVariantIcon": "default"
3863
4304
  },
3864
4305
  "cxLiterals": [
3865
- "group",
4306
+ "max-w-lg",
3866
4307
  "flex",
3867
- "items-center",
3868
- "flex-row",
3869
- "flex-row-reverse",
3870
- "uds-ring",
3871
- "uds-ring-within",
3872
- "relative",
3873
- "uds-border-radius-full",
3874
- "transition-[background-color,box-shadow]",
3875
- "pointer-events-none",
3876
- "w-full",
3877
- "h-full",
3878
- "absolute",
4308
+ "z-[9999]",
4309
+ "uds-bgBlurFillFallback",
4310
+ "uds-bgBlurFallback",
3879
4311
  "top-0",
3880
- "bottom-0",
3881
- "right-0",
3882
4312
  "left-0",
3883
- "overflow-hidden",
3884
- "group-hover:scale-105",
3885
- "opacity-95",
3886
- "group-hover:opacity-100",
3887
- "transition-[transform,opacity]",
3888
- "opacity-0",
3889
- "top-1/2",
3890
- "left-1/2",
3891
- "transform",
3892
- "translate-x-[-50%]",
3893
- "translate-y-[-50%]",
3894
- "transition-opacity",
3895
- "cursor-[inherit]",
3896
- "w-[calc(100%+2px)]",
3897
- "h-[calc(100%+2px)]",
3898
- "text-start",
3899
- "text-end",
3900
- "opacity-100"
4313
+ "z-[1]"
3901
4314
  ],
3902
4315
  "internalComponents": [
3903
4316
  "IconSlot",
4317
+ "TooltipArrow",
4318
+ "Tooltip",
4319
+ "SvgFloatingOverlay",
4320
+ "VStack",
3904
4321
  "Box",
3905
- "FormLabel",
3906
- "SpringMotionConfig",
3907
- "RootElement",
3908
- "MotionBox"
4322
+ "Text"
3909
4323
  ],
3910
4324
  "internalComponentProps": {
3911
- "IconSlot": {
3912
- "data-testid": [
3913
- "on-icon",
3914
- "off-icon"
4325
+ "SvgFloatingOverlay": {
4326
+ "contentOverflow": [
4327
+ "visible"
3915
4328
  ]
3916
4329
  },
3917
- "FormLabel": {
3918
- "as": [
3919
- "div"
3920
- ],
3921
- "variant": [
3922
- "inherit"
3923
- ],
3924
- "color": [
3925
- "inherit"
4330
+ "VStack": {
4331
+ "className": [
4332
+ "gap-[inherit]"
3926
4333
  ]
3927
4334
  },
3928
- "SpringMotionConfig": {
3929
- "layoutVariant": [
3930
- "bouncy"
4335
+ "Box": {
4336
+ "alignItems": [
4337
+ "center"
3931
4338
  ],
3932
- "layoutSpeed": [
3933
- "4"
3934
- ]
3935
- },
3936
- "RootElement": {
3937
- "data-testid": [
3938
- "switch-root"
4339
+ "columnGap": [
4340
+ "1",
4341
+ "1.5"
3939
4342
  ]
3940
4343
  },
3941
- "MotionBox": {
3942
- "layout": [
3943
- "position"
4344
+ "Text": {
4345
+ "color": [
4346
+ "inherit"
3944
4347
  ]
3945
4348
  }
3946
4349
  },
3947
4350
  "propToVariantKeys": {
3948
- "size": [
3949
- "switchSizeRoot",
3950
- "switchSizeSwitch",
3951
- "switchSizeHandle",
3952
- "switchSizeHandleIcon"
3953
- ],
3954
- "onIcon": [
3955
- "icon"
3956
- ],
3957
- "offIcon": [
4351
+ "startTitleIcon": [
3958
4352
  "icon"
3959
- ],
3960
- "reduceMotion": [
3961
- "reducedMotion"
3962
- ],
3963
- "isOn": [
3964
- "layoutDependency"
3965
4353
  ]
3966
4354
  },
3967
4355
  "runtimeConfigDefaultProps": {},
3968
4356
  "runtimeConfigGetStyles": {},
3969
4357
  "runtimeConfigInternalComponentProps": {},
3970
- "motionVarPrefixes": [
3971
- "--uds-motion-bouncy-4-",
3972
- "--uds-motion-smooth-3-"
3973
- ]
4358
+ "motionVarPrefixes": []
4359
+ },
4360
+ "TooltipTrigger": {
4361
+ "name": "TooltipTrigger",
4362
+ "defaultProps": {},
4363
+ "getStylesLiterals": {},
4364
+ "cxLiterals": [],
4365
+ "internalComponents": [
4366
+ "TooltipAnchor"
4367
+ ],
4368
+ "internalComponentProps": {
4369
+ "TooltipAnchor": {
4370
+ "className": [
4371
+ "inline"
4372
+ ]
4373
+ }
4374
+ },
4375
+ "propToVariantKeys": {
4376
+ "children": [
4377
+ "render"
4378
+ ]
4379
+ },
4380
+ "runtimeConfigDefaultProps": {},
4381
+ "runtimeConfigGetStyles": {},
4382
+ "runtimeConfigInternalComponentProps": {},
4383
+ "motionVarPrefixes": []
4384
+ },
4385
+ "UDSTooltipConfigProvider": {
4386
+ "name": "UDSTooltipConfigProvider",
4387
+ "defaultProps": {},
4388
+ "getStylesLiterals": {},
4389
+ "cxLiterals": [],
4390
+ "internalComponents": [
4391
+ "TooltipContext.Provider"
4392
+ ],
4393
+ "internalComponentProps": {},
4394
+ "propToVariantKeys": {},
4395
+ "runtimeConfigDefaultProps": {},
4396
+ "runtimeConfigGetStyles": {},
4397
+ "runtimeConfigInternalComponentProps": {},
4398
+ "motionVarPrefixes": []
4399
+ },
4400
+ "UDSBreakpointsConfigProvider": {
4401
+ "name": "UDSBreakpointsConfigProvider",
4402
+ "defaultProps": {},
4403
+ "getStylesLiterals": {},
4404
+ "cxLiterals": [],
4405
+ "internalComponents": [
4406
+ "UDSBreakpointsConfigContext.Provider"
4407
+ ],
4408
+ "internalComponentProps": {},
4409
+ "propToVariantKeys": {},
4410
+ "runtimeConfigDefaultProps": {},
4411
+ "runtimeConfigGetStyles": {},
4412
+ "runtimeConfigInternalComponentProps": {},
4413
+ "motionVarPrefixes": []
4414
+ },
4415
+ "UDSConfigProvider": {
4416
+ "name": "UDSConfigProvider",
4417
+ "defaultProps": {},
4418
+ "getStylesLiterals": {},
4419
+ "cxLiterals": [],
4420
+ "internalComponents": [
4421
+ "UDSBreakpointsConfigProvider",
4422
+ "UDSBottomSheetConfigProvider",
4423
+ "UDSToastConfigProvider",
4424
+ "UDSTooltipConfigProvider",
4425
+ "UDSPopoverConfigProvider",
4426
+ "UDSModalConfigProvider"
4427
+ ],
4428
+ "internalComponentProps": {},
4429
+ "propToVariantKeys": {},
4430
+ "runtimeConfigDefaultProps": {},
4431
+ "runtimeConfigGetStyles": {},
4432
+ "runtimeConfigInternalComponentProps": {},
4433
+ "motionVarPrefixes": []
3974
4434
  }
3975
4435
  }