@yahoo/uds 3.150.1-beta.1 → 3.151.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 (41) hide show
  1. package/dist/components/client/Modal/ManagedModal.cjs +52 -0
  2. package/dist/components/client/Modal/ManagedModal.d.cts +16 -0
  3. package/dist/components/client/Modal/ManagedModal.d.ts +17 -0
  4. package/dist/components/client/Modal/ManagedModal.js +50 -0
  5. package/dist/components/client/Modal/ModalPortal.cjs +17 -0
  6. package/dist/components/client/Modal/ModalPortal.d.cts +10 -0
  7. package/dist/components/client/Modal/ModalPortal.d.ts +11 -0
  8. package/dist/components/client/Modal/ModalPortal.js +15 -0
  9. package/dist/components/client/Modal/createModal.cjs +18 -0
  10. package/dist/components/client/Modal/createModal.d.cts +11 -0
  11. package/dist/components/client/Modal/createModal.d.ts +12 -0
  12. package/dist/components/client/Modal/createModal.js +17 -0
  13. package/dist/components/client/Modal/index.cjs +4 -0
  14. package/dist/components/client/Modal/index.d.cts +3 -1
  15. package/dist/components/client/Modal/index.d.ts +3 -1
  16. package/dist/components/client/Modal/index.js +3 -1
  17. package/dist/components/client/Modal/modalStore.cjs +254 -0
  18. package/dist/components/client/Modal/modalStore.d.cts +35 -0
  19. package/dist/components/client/Modal/modalStore.d.ts +36 -0
  20. package/dist/components/client/Modal/modalStore.js +248 -0
  21. package/dist/components/client/index.cjs +4 -0
  22. package/dist/components/client/index.d.cts +3 -1
  23. package/dist/components/client/index.d.ts +3 -1
  24. package/dist/components/client/index.js +3 -1
  25. package/dist/components/index.cjs +4 -0
  26. package/dist/components/index.d.cts +3 -1
  27. package/dist/components/index.d.ts +3 -1
  28. package/dist/components/index.js +3 -1
  29. package/dist/css/dist/purger/optimized/purgeFromCode.cjs +3 -5
  30. package/dist/css/dist/purger/optimized/purgeFromCode.js +3 -5
  31. package/dist/index.cjs +4 -0
  32. package/dist/index.d.cts +3 -1
  33. package/dist/index.d.ts +3 -1
  34. package/dist/index.js +3 -1
  35. package/dist/uds/generated/componentData.cjs +1004 -969
  36. package/dist/uds/generated/componentData.js +1004 -969
  37. package/dist/uds/generated/tailwindPurge.cjs +8 -42
  38. package/dist/uds/generated/tailwindPurge.js +8 -42
  39. package/generated/componentData.json +975 -938
  40. package/generated/tailwindPurge.ts +3 -3
  41. package/package.json +1 -1
@@ -1265,352 +1265,24 @@ var componentData_default = {
1265
1265
  "runtimeConfigInternalComponentProps": {},
1266
1266
  "motionVarPrefixes": []
1267
1267
  },
1268
- Input: {
1269
- "name": "Input",
1270
- "defaultProps": {
1271
- "type": "text",
1272
- "size": "md",
1273
- "width": "full"
1274
- },
1275
- "getStylesLiterals": {
1276
- "inputVariantRoot": "default",
1277
- "inputVariantValueRoot": "empty",
1278
- "inputVariantValueRoot:1": "filled",
1279
- "inputVariantInputWrapper": "default",
1280
- "inputVariantValueInputWrapper": "empty",
1281
- "inputVariantValueInputWrapper:1": "filled",
1282
- "inputVariantInput": "default",
1283
- "inputVariantValueInput": "empty",
1284
- "inputVariantValueInput:1": "filled",
1285
- "inputVariantInputPlaceholder": "default",
1286
- "inputVariantValueInputPlaceholder": "empty",
1287
- "inputVariantValueInputPlaceholder:1": "filled",
1288
- "inputVariantLabel": "default",
1289
- "inputVariantValueLabel": "empty",
1290
- "inputVariantValueLabel:1": "filled",
1291
- "inputVariantLabelRequired": "default",
1292
- "inputVariantValueLabelRequired": "empty",
1293
- "inputVariantValueLabelRequired:1": "filled",
1294
- "inputVariantStartIcon": "default",
1295
- "inputVariantValueStartIcon": "empty",
1296
- "inputVariantValueStartIcon:1": "filled",
1297
- "inputVariantEndIcon": "default",
1298
- "inputVariantValueEndIcon": "empty",
1299
- "inputVariantValueEndIcon:1": "filled"
1300
- },
1301
- "cxLiterals": [
1302
- "opacity-50",
1303
- "min-w-[200px]",
1304
- "grow",
1305
- "uds-hit-target",
1306
- "bg-clip-text",
1307
- "focus:outline-none",
1308
- "cursor-text",
1309
- "cursor-not-allowed"
1310
- ],
1311
- "internalComponents": [
1312
- "IconSlot",
1313
- "StartIcon",
1314
- "EndIcon",
1315
- "HelpTextContent",
1316
- "Box",
1317
- "InputHelpTextInternal",
1318
- "VStack",
1319
- "HStack",
1320
- "AnimateHeightChange"
1321
- ],
1322
- "internalComponentProps": {
1323
- "HelpTextContent": { "spacingTop": ["2"] },
1324
- "Box": {
1325
- "spacingBottom": ["2"],
1326
- "columnGap": ["0.5"],
1327
- "alignItems": ["flex-end", "center"],
1328
- "position": ["relative"]
1329
- },
1330
- "HStack": {
1331
- "alignItems": ["center"],
1332
- "gap": ["1"]
1333
- }
1334
- },
1335
- "propToVariantKeys": {
1336
- "size": [
1337
- "inputSizeRoot",
1338
- "inputSizeInputWrapper",
1339
- "inputSizeInput",
1340
- "inputSizeLabel",
1341
- "inputSizeStartIcon",
1342
- "inputSizeEndIcon"
1343
- ],
1344
- "startIcon": ["icon"],
1345
- "endIcon": ["icon"],
1346
- "slotProps": ["helperTextSlotProps"],
1347
- "helperTextIcon": ["startIcon"]
1348
- },
1349
- "runtimeConfigDefaultProps": {},
1350
- "runtimeConfigGetStyles": {},
1351
- "runtimeConfigInternalComponentProps": {},
1352
- "motionVarPrefixes": []
1353
- },
1354
- InputHelpText: {
1355
- "name": "InputHelpText",
1356
- "defaultProps": { "size": "md" },
1357
- "getStylesLiterals": {
1358
- "inputVariantRoot": "default",
1359
- "inputVariantValueRoot": "empty",
1360
- "inputVariantValueRoot:1": "filled"
1361
- },
1362
- "cxLiterals": [],
1363
- "internalComponents": ["InputHelpTextInternal", "Box"],
1364
- "internalComponentProps": { "Box": { "spacingTop": ["2"] } },
1365
- "propToVariantKeys": { "size": ["inputSizeRoot"] },
1366
- "runtimeConfigDefaultProps": {},
1367
- "runtimeConfigGetStyles": {},
1368
- "runtimeConfigInternalComponentProps": {},
1369
- "motionVarPrefixes": []
1370
- },
1371
- InputHelpTextInternal: {
1372
- "name": "InputHelpTextInternal",
1268
+ ManagedModal: {
1269
+ "name": "ManagedModal",
1373
1270
  "defaultProps": {},
1374
- "getStylesLiterals": {
1375
- "inputVariantHelperText": "default",
1376
- "inputVariantValueHelperText": "empty",
1377
- "inputVariantValueHelperText:1": "filled",
1378
- "inputVariantHelperIcon": "default",
1379
- "inputVariantValueHelperIcon": "empty",
1380
- "inputVariantValueHelperIcon:1": "filled"
1381
- },
1382
- "cxLiterals": [],
1383
- "internalComponents": ["IconSlot", "HStack"],
1384
- "internalComponentProps": { "HStack": {
1385
- "gap": ["1"],
1386
- "alignItems": ["center"]
1387
- } },
1388
- "propToVariantKeys": {
1389
- "size": ["inputSizeHelperText", "inputSizeHelperIcon"],
1390
- "startIcon": ["icon"],
1391
- "endIcon": ["icon"]
1392
- },
1393
- "runtimeConfigDefaultProps": {},
1394
- "runtimeConfigGetStyles": {},
1395
- "runtimeConfigInternalComponentProps": {},
1396
- "motionVarPrefixes": []
1397
- },
1398
- "Menu.Content": {
1399
- "name": "Menu.Content",
1400
- "defaultProps": {
1401
- "size": "default",
1402
- "variant": "default",
1403
- "gutter": "1"
1404
- },
1405
1271
  "getStylesLiterals": {},
1406
- "cxLiterals": [
1407
- "uds-menu-content",
1408
- "transition-shadow",
1409
- "duration-200",
1410
- "ease-in-out",
1411
- "min-w-60",
1412
- "max-w-lg",
1413
- "max-h-96",
1414
- "overflow-auto",
1415
- "uds-ring",
1416
- "z-10",
1417
- "group"
1418
- ],
1419
- "internalComponents": [
1420
- "AriakitMenu",
1421
- "AnimatePresence",
1422
- "MotionVStack"
1423
- ],
1424
- "internalComponentProps": {},
1425
- "propToVariantKeys": {
1426
- "size": ["menucontentSizeRoot"],
1427
- "variant": ["menucontentVariantRoot"]
1428
- },
1429
- "runtimeConfigDefaultProps": {},
1430
- "runtimeConfigGetStyles": {},
1431
- "runtimeConfigInternalComponentProps": {},
1432
- "motionVarPrefixes": []
1433
- },
1434
- "Menu.Divider": {
1435
- "name": "Menu.Divider",
1436
- "defaultProps": {
1437
- "role": "separator",
1438
- "contentPosition": "start",
1439
- "gap": "4"
1440
- },
1441
- "getStylesLiterals": {
1442
- "menuitemDividerVariantRoot": "default",
1443
- "menuitemDividerVariantText": "default",
1444
- "menuitemDividerVariantLine": "default"
1445
- },
1446
- "cxLiterals": [],
1447
- "internalComponents": ["Divider"],
1448
- "internalComponentProps": { "Divider": { "variant": ["inherit"] } },
1449
- "propToVariantKeys": {},
1450
- "runtimeConfigDefaultProps": {},
1451
- "runtimeConfigGetStyles": {},
1452
- "runtimeConfigInternalComponentProps": {},
1453
- "motionVarPrefixes": []
1454
- },
1455
- "Menu.Item": {
1456
- "name": "Menu.Item",
1457
- "defaultProps": {},
1458
- "getStylesLiterals": {
1459
- "menuitemItemVariantRoot": "default",
1460
- "menuitemItemVariantActiveRoot": "on",
1461
- "menuitemItemVariantActiveRoot:1": "off",
1462
- "menuitemItemVariantText": "default",
1463
- "menuitemItemVariantActiveText": "on",
1464
- "menuitemItemVariantActiveText:1": "off",
1465
- "menuitemItemVariantIcon": "default",
1466
- "menuitemItemVariantActiveIcon": "on",
1467
- "menuitemItemVariantActiveIcon:1": "off"
1468
- },
1469
1272
  "cxLiterals": [],
1470
- "internalComponents": ["MenuItemBase"],
1471
- "internalComponentProps": {},
1472
- "propToVariantKeys": {},
1473
- "runtimeConfigDefaultProps": {},
1474
- "runtimeConfigGetStyles": {},
1475
- "runtimeConfigInternalComponentProps": {},
1476
- "motionVarPrefixes": []
1477
- },
1478
- "Menu.ItemBase": {
1479
- "name": "Menu.ItemBase",
1480
- "defaultProps": {
1481
- "spacing": "0",
1482
- "spacingHorizontal": "4",
1483
- "spacingVertical": "3.5",
1484
- "columnGap": "2",
1485
- "alignItems": "center",
1486
- "justifyContent": "space-between"
1487
- },
1488
- "getStylesLiterals": {
1489
- "textAlign": "start",
1490
- "menuitemSizeRoot": "default",
1491
- "flexDirection": "row",
1492
- "menuitemSizeStartIcon": "default",
1493
- "menuitemSizeEndIcon": "default"
1494
- },
1495
- "cxLiterals": [
1496
- "uds-menu-item",
1497
- "flex",
1498
- "focus-visible:text-brand",
1499
- "focus-visible:bg-brand-secondary",
1500
- "focus-visible:z-10",
1501
- "uds-ring",
1502
- "!-outline-offset-2",
1503
- "[&:not([aria-checked])]:cursor-default",
1504
- "opacity-25",
1505
- "cursor-not-allowed",
1506
- "duration-20",
1507
- "transition-[font-variation-settings]",
1508
- "ease-in-out",
1509
- "z-0",
1510
- "truncate",
1511
- "uds-start-icon",
1512
- "uds-end-icon"
1513
- ],
1514
1273
  "internalComponents": [
1515
- "Pressable",
1516
- "IconSlot",
1517
- "RootComponent",
1518
- "HStack",
1519
- "AnimatePresence"
1274
+ "Modal",
1275
+ "ModalTitle",
1276
+ "ModalDescription",
1277
+ "ModalContent",
1278
+ "ModalActions"
1520
1279
  ],
1521
- "internalComponentProps": {
1522
- "HStack": {
1523
- "alignItems": ["center"],
1524
- "width": ["full"]
1525
- },
1526
- "AnimatePresence": { "mode": ["popLayout"] }
1527
- },
1528
- "propToVariantKeys": {
1529
- "startIconClassName": ["className"],
1530
- "endIconClassName": ["className"],
1531
- "startIcon": ["icon"],
1532
- "endIcon": ["icon"],
1533
- "columnGap": ["gap"]
1534
- },
1535
- "runtimeConfigDefaultProps": {},
1536
- "runtimeConfigGetStyles": {},
1537
- "runtimeConfigInternalComponentProps": {},
1538
- "motionVarPrefixes": []
1539
- },
1540
- "Menu.ItemCheckbox": {
1541
- "name": "Menu.ItemCheckbox",
1542
- "defaultProps": {},
1543
- "getStylesLiterals": {
1544
- "menuitemItemCheckboxVariantRoot": "default",
1545
- "menuitemItemCheckboxVariantActiveRoot": "on",
1546
- "menuitemItemCheckboxVariantActiveRoot:1": "off",
1547
- "menuitemItemCheckboxVariantText": "default",
1548
- "menuitemItemCheckboxVariantActiveText": "on",
1549
- "menuitemItemCheckboxVariantActiveText:1": "off",
1550
- "menuitemItemCheckboxVariantStartIcon": "default",
1551
- "menuitemItemCheckboxVariantActiveStartIcon": "on",
1552
- "menuitemItemCheckboxVariantActiveStartIcon:1": "off",
1553
- "menuitemItemCheckboxVariantEndIcon": "default",
1554
- "menuitemItemCheckboxVariantActiveEndIcon": "on",
1555
- "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
1556
- },
1557
- "cxLiterals": ["uds-menu-item-checkbox"],
1558
- "internalComponents": ["MenuItemBase"],
1559
- "internalComponentProps": {},
1560
- "propToVariantKeys": {},
1561
- "runtimeConfigDefaultProps": {},
1562
- "runtimeConfigGetStyles": {},
1563
- "runtimeConfigInternalComponentProps": {},
1564
- "motionVarPrefixes": []
1565
- },
1566
- "Menu.Provider": {
1567
- "name": "Menu.Provider",
1568
- "defaultProps": {},
1569
- "getStylesLiterals": {},
1570
- "cxLiterals": [],
1571
- "internalComponents": ["AriakitMenuProvider", "SpringMotionConfig"],
1572
1280
  "internalComponentProps": {},
1573
1281
  "propToVariantKeys": {},
1574
- "runtimeConfigDefaultProps": {},
1575
- "runtimeConfigGetStyles": {},
1576
- "runtimeConfigInternalComponentProps": {},
1577
- "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
1578
- },
1579
- "Menu.Trigger": {
1580
- "name": "Menu.Trigger",
1581
- "defaultProps": {},
1582
- "getStylesLiterals": {},
1583
- "cxLiterals": ["uds-menu-trigger"],
1584
- "internalComponents": ["AriakitMenuTrigger", "Box"],
1585
- "internalComponentProps": { "Box": { "className": ["uds-ring h-fit w-fit"] } },
1586
- "propToVariantKeys": {},
1587
- "runtimeConfigDefaultProps": {},
1588
- "runtimeConfigGetStyles": {},
1589
- "runtimeConfigInternalComponentProps": {},
1590
- "motionVarPrefixes": []
1591
- },
1592
- "Menu.index": {
1593
- "name": "Menu.index",
1594
- "defaultProps": {},
1595
- "getStylesLiterals": {},
1596
- "cxLiterals": [],
1597
- "internalComponents": [],
1598
- "internalComponentProps": {},
1599
- "propToVariantKeys": {},
1600
- "runtimeConfigDefaultProps": {},
1601
- "runtimeConfigGetStyles": {},
1602
- "runtimeConfigInternalComponentProps": {},
1603
- "motionVarPrefixes": []
1604
- },
1605
- Menu: {
1606
- "name": "Menu",
1607
- "defaultProps": {},
1608
- "getStylesLiterals": {},
1609
- "cxLiterals": [],
1610
- "internalComponents": [],
1611
- "internalComponentProps": {},
1612
- "propToVariantKeys": {},
1613
- "runtimeConfigDefaultProps": {},
1282
+ "runtimeConfigDefaultProps": {
1283
+ "size": "modal.defaultSize",
1284
+ "variant": "modal.defaultVariant"
1285
+ },
1614
1286
  "runtimeConfigGetStyles": {},
1615
1287
  "runtimeConfigInternalComponentProps": {},
1616
1288
  "motionVarPrefixes": []
@@ -1787,34 +1459,12 @@ var componentData_default = {
1787
1459
  "runtimeConfigInternalComponentProps": {},
1788
1460
  "motionVarPrefixes": []
1789
1461
  },
1790
- ModalTitle: {
1791
- "name": "ModalTitle",
1792
- "defaultProps": {},
1793
- "getStylesLiterals": {},
1794
- "cxLiterals": [],
1795
- "internalComponents": ["Text", "DialogHeading"],
1796
- "internalComponentProps": { "Text": { "as": ["span"] } },
1797
- "propToVariantKeys": {
1798
- "size": ["modalSizeTitle"],
1799
- "variant": ["modalVariantTitle"]
1800
- },
1801
- "runtimeConfigDefaultProps": {
1802
- "size": "modal.defaultSize",
1803
- "variant": "modal.defaultVariant"
1804
- },
1805
- "runtimeConfigGetStyles": {
1806
- "modalSizeTitle": ["modal.defaultSize"],
1807
- "modalVariantTitle": ["modal.defaultVariant"]
1808
- },
1809
- "runtimeConfigInternalComponentProps": {},
1810
- "motionVarPrefixes": []
1811
- },
1812
- UDSModalConfigProvider: {
1813
- "name": "UDSModalConfigProvider",
1462
+ ModalPortal: {
1463
+ "name": "ModalPortal",
1814
1464
  "defaultProps": {},
1815
1465
  "getStylesLiterals": {},
1816
1466
  "cxLiterals": [],
1817
- "internalComponents": ["ModalContext.Provider"],
1467
+ "internalComponents": ["ManagedModal"],
1818
1468
  "internalComponentProps": {},
1819
1469
  "propToVariantKeys": {},
1820
1470
  "runtimeConfigDefaultProps": {},
@@ -1822,264 +1472,254 @@ var componentData_default = {
1822
1472
  "runtimeConfigInternalComponentProps": {},
1823
1473
  "motionVarPrefixes": []
1824
1474
  },
1825
- PaddleButton: {
1826
- "name": "PaddleButton",
1827
- "defaultProps": {},
1828
- "getStylesLiterals": {},
1829
- "cxLiterals": [
1830
- "relative",
1831
- "inline-flex",
1832
- "items-center",
1833
- "justify-center",
1834
- "box-border",
1835
- "overflow-hidden",
1836
- "border-solid",
1837
- "select-none",
1838
- "uds-nested-radius",
1839
- "transition-[color,border-color,box-shadow]",
1840
- "duration-[180ms]",
1841
- "ease-[cubic-bezier(0,0,0.2,1)]",
1842
- "uds-ring",
1843
- "cursor-pointer",
1844
- "cursor-not-allowed",
1845
- "opacity-50",
1846
- "pointer-events-none",
1847
- "hidden",
1848
- "absolute",
1849
- "inset-0",
1850
- "-z-10",
1851
- "rounded-[var(--uds-nested-radius)]",
1852
- "transition-[background-color,opacity]"
1853
- ],
1854
- "internalComponents": ["Icon"],
1855
- "internalComponentProps": { "Icon": {
1856
- "size": ["md"],
1857
- "color": ["current"]
1858
- } },
1859
- "propToVariantKeys": {
1860
- "size": ["paddlenavSizeRoot", "paddlenavSizeIcon"],
1861
- "variant": [
1862
- "paddlenavVariantRoot",
1863
- "paddlenavVariantBackground",
1864
- "paddlenavVariantIcon"
1865
- ]
1866
- },
1867
- "runtimeConfigDefaultProps": {},
1868
- "runtimeConfigGetStyles": {},
1869
- "runtimeConfigInternalComponentProps": {},
1870
- "motionVarPrefixes": []
1871
- },
1872
- PaddleButtonNext: {
1873
- "name": "PaddleButtonNext",
1475
+ ModalTitle: {
1476
+ "name": "ModalTitle",
1874
1477
  "defaultProps": {},
1875
1478
  "getStylesLiterals": {},
1876
1479
  "cxLiterals": [],
1877
- "internalComponents": ["PaddleButton"],
1878
- "internalComponentProps": { "PaddleButton": { "paddleRole": ["next"] } },
1879
- "propToVariantKeys": {},
1880
- "runtimeConfigDefaultProps": {},
1881
- "runtimeConfigGetStyles": {},
1480
+ "internalComponents": ["Text", "DialogHeading"],
1481
+ "internalComponentProps": { "Text": { "as": ["span"] } },
1482
+ "propToVariantKeys": {
1483
+ "size": ["modalSizeTitle"],
1484
+ "variant": ["modalVariantTitle"]
1485
+ },
1486
+ "runtimeConfigDefaultProps": {
1487
+ "size": "modal.defaultSize",
1488
+ "variant": "modal.defaultVariant"
1489
+ },
1490
+ "runtimeConfigGetStyles": {
1491
+ "modalSizeTitle": ["modal.defaultSize"],
1492
+ "modalVariantTitle": ["modal.defaultVariant"]
1493
+ },
1882
1494
  "runtimeConfigInternalComponentProps": {},
1883
1495
  "motionVarPrefixes": []
1884
1496
  },
1885
- PaddleButtonPrevious: {
1886
- "name": "PaddleButtonPrevious",
1497
+ UDSModalConfigProvider: {
1498
+ "name": "UDSModalConfigProvider",
1887
1499
  "defaultProps": {},
1888
1500
  "getStylesLiterals": {},
1889
1501
  "cxLiterals": [],
1890
- "internalComponents": ["PaddleButton"],
1891
- "internalComponentProps": { "PaddleButton": { "paddleRole": ["previous"] } },
1502
+ "internalComponents": ["ModalContext.Provider"],
1503
+ "internalComponentProps": {},
1892
1504
  "propToVariantKeys": {},
1893
1505
  "runtimeConfigDefaultProps": {},
1894
1506
  "runtimeConfigGetStyles": {},
1895
1507
  "runtimeConfigInternalComponentProps": {},
1896
1508
  "motionVarPrefixes": []
1897
1509
  },
1898
- PaddleNav: {
1899
- "name": "PaddleNav",
1510
+ "Menu.Content": {
1511
+ "name": "Menu.Content",
1900
1512
  "defaultProps": {
1901
- "orientation": "horizontal",
1902
- "variant": "primary",
1903
- "size": "md"
1513
+ "size": "default",
1514
+ "variant": "default",
1515
+ "gutter": "1"
1904
1516
  },
1905
1517
  "getStylesLiterals": {},
1906
1518
  "cxLiterals": [
1907
- "pointer-events-none",
1908
- "inline-flex",
1909
- "flex-row",
1910
- "gap-2",
1911
- "items-center",
1912
- "pointer-events-auto",
1913
- "flex-col",
1914
- "relative",
1915
- "min-w-0",
1916
- "min-h-0",
1917
- "flex-1",
1918
- "inline-block",
1919
- "absolute",
1519
+ "uds-menu-content",
1520
+ "transition-shadow",
1521
+ "duration-200",
1522
+ "ease-in-out",
1523
+ "min-w-60",
1524
+ "max-w-lg",
1525
+ "max-h-96",
1526
+ "overflow-auto",
1527
+ "uds-ring",
1920
1528
  "z-10",
1921
- "top-2",
1922
- "left-1/2",
1923
- "-translate-x-1/2",
1924
- "left-2",
1925
- "top-1/2",
1926
- "-translate-y-1/2",
1927
- "bottom-2",
1928
- "right-2",
1929
- "-top-12",
1930
- "left-0",
1931
- "right-0",
1932
- "-bottom-12"
1529
+ "group"
1933
1530
  ],
1934
- "internalComponents": ["PaddleNavContext.Provider", "Box"],
1935
- "internalComponentProps": { "Box": {
1936
- "display": ["inline-flex"],
1937
- "alignItems": ["center"],
1938
- "justifyContent": ["center"],
1939
- "data-paddle-nav-outside": ["true"]
1940
- } },
1941
- "propToVariantKeys": { "orientation": ["data-paddle-nav-orientation"] },
1531
+ "internalComponents": [
1532
+ "AriakitMenu",
1533
+ "AnimatePresence",
1534
+ "MotionVStack"
1535
+ ],
1536
+ "internalComponentProps": {},
1537
+ "propToVariantKeys": {
1538
+ "size": ["menucontentSizeRoot"],
1539
+ "variant": ["menucontentVariantRoot"]
1540
+ },
1942
1541
  "runtimeConfigDefaultProps": {},
1943
1542
  "runtimeConfigGetStyles": {},
1944
1543
  "runtimeConfigInternalComponentProps": {},
1945
1544
  "motionVarPrefixes": []
1946
1545
  },
1947
- PaddleNavContent: {
1948
- "name": "PaddleNavContent",
1949
- "defaultProps": {},
1950
- "getStylesLiterals": {},
1951
- "cxLiterals": [
1952
- "min-w-0",
1953
- "min-h-0",
1954
- "relative"
1955
- ],
1956
- "internalComponents": [],
1957
- "internalComponentProps": {},
1546
+ "Menu.Divider": {
1547
+ "name": "Menu.Divider",
1548
+ "defaultProps": {
1549
+ "role": "separator",
1550
+ "contentPosition": "start",
1551
+ "gap": "4"
1552
+ },
1553
+ "getStylesLiterals": {
1554
+ "menuitemDividerVariantRoot": "default",
1555
+ "menuitemDividerVariantText": "default",
1556
+ "menuitemDividerVariantLine": "default"
1557
+ },
1558
+ "cxLiterals": [],
1559
+ "internalComponents": ["Divider"],
1560
+ "internalComponentProps": { "Divider": { "variant": ["inherit"] } },
1958
1561
  "propToVariantKeys": {},
1959
1562
  "runtimeConfigDefaultProps": {},
1960
1563
  "runtimeConfigGetStyles": {},
1961
1564
  "runtimeConfigInternalComponentProps": {},
1962
1565
  "motionVarPrefixes": []
1963
1566
  },
1964
- Popover: {
1965
- "name": "Popover",
1567
+ "Menu.Item": {
1568
+ "name": "Menu.Item",
1966
1569
  "defaultProps": {},
1967
- "getStylesLiterals": {},
1968
- "cxLiterals": ["uds:popover-open"],
1969
- "internalComponents": ["PopoverInternalContext.Provider", "PopoverProvider"],
1570
+ "getStylesLiterals": {
1571
+ "menuitemItemVariantRoot": "default",
1572
+ "menuitemItemVariantActiveRoot": "on",
1573
+ "menuitemItemVariantActiveRoot:1": "off",
1574
+ "menuitemItemVariantText": "default",
1575
+ "menuitemItemVariantActiveText": "on",
1576
+ "menuitemItemVariantActiveText:1": "off",
1577
+ "menuitemItemVariantIcon": "default",
1578
+ "menuitemItemVariantActiveIcon": "on",
1579
+ "menuitemItemVariantActiveIcon:1": "off"
1580
+ },
1581
+ "cxLiterals": [],
1582
+ "internalComponents": ["MenuItemBase"],
1970
1583
  "internalComponentProps": {},
1971
1584
  "propToVariantKeys": {},
1972
- "runtimeConfigDefaultProps": {
1973
- "size": "popover.defaultSize",
1974
- "variant": "popover.defaultVariant"
1975
- },
1585
+ "runtimeConfigDefaultProps": {},
1976
1586
  "runtimeConfigGetStyles": {},
1977
1587
  "runtimeConfigInternalComponentProps": {},
1978
1588
  "motionVarPrefixes": []
1979
1589
  },
1980
- PopoverContent: {
1981
- "name": "PopoverContent",
1982
- "defaultProps": {},
1983
- "getStylesLiterals": {
1984
- "popoverSizeRoot": "default",
1985
- "popoverVariantRoot": "default",
1986
- "display": "flex",
1987
- "position": "relative",
1988
- "display:1": "block",
1989
- "spacingTop": "0",
1990
- "spacingStart": "0",
1991
- "spacingBottom": "0",
1992
- "spacingEnd": "0",
1993
- "popoverSizeSvgBase": "default",
1994
- "popoverVariantSvgBase": "default",
1995
- "popoverSizeSvgBorder": "default",
1996
- "popoverVariantSvgBorder": "default",
1997
- "popoverVariantBlur": "default",
1998
- "position:1": "absolute",
1999
- "width": "full",
2000
- "height": "full",
2001
- "flexShrink": "0",
2002
- "borderRadius": "full",
1590
+ "Menu.ItemBase": {
1591
+ "name": "Menu.ItemBase",
1592
+ "defaultProps": {
1593
+ "spacing": "0",
1594
+ "spacingHorizontal": "4",
1595
+ "spacingVertical": "3.5",
1596
+ "columnGap": "2",
2003
1597
  "alignItems": "center",
2004
- "justifyContent": "center",
2005
- "popoverVariantCloseIcon": "default",
2006
- "popoverSizeCloseIcon": "default"
1598
+ "justifyContent": "space-between"
1599
+ },
1600
+ "getStylesLiterals": {
1601
+ "textAlign": "start",
1602
+ "menuitemSizeRoot": "default",
1603
+ "flexDirection": "row",
1604
+ "menuitemSizeStartIcon": "default",
1605
+ "menuitemSizeEndIcon": "default"
2007
1606
  },
2008
1607
  "cxLiterals": [
2009
- "z-[9999]",
2010
- "outline-none",
2011
- "focus-visible:outline-none",
2012
- "uds-bgBlurFillFallback",
2013
- "uds-bgBlurFallback",
2014
- "top-0",
2015
- "left-0",
2016
- "z-[1]",
2017
- "duration-0",
2018
- "duration-120",
2019
- "transition-[background-color]",
2020
- "bg-carbon-15/0",
2021
- "hover:bg-carbon-15/10",
2022
- "active:bg-carbon-15/15",
1608
+ "uds-menu-item",
1609
+ "flex",
1610
+ "focus-visible:text-brand",
1611
+ "focus-visible:bg-brand-secondary",
1612
+ "focus-visible:z-10",
2023
1613
  "uds-ring",
2024
- "absolute",
2025
- "z-[4]"
1614
+ "!-outline-offset-2",
1615
+ "[&:not([aria-checked])]:cursor-default",
1616
+ "opacity-25",
1617
+ "cursor-not-allowed",
1618
+ "duration-20",
1619
+ "transition-[font-variation-settings]",
1620
+ "ease-in-out",
1621
+ "z-0",
1622
+ "truncate",
1623
+ "uds-start-icon",
1624
+ "uds-end-icon"
2026
1625
  ],
2027
1626
  "internalComponents": [
2028
- "PopoverDismiss",
1627
+ "Pressable",
2029
1628
  "IconSlot",
2030
- "PopoverArrow",
2031
- "Popover",
2032
- "SvgFloatingOverlay",
2033
- "Box",
2034
- "Pressable"
1629
+ "RootComponent",
1630
+ "HStack",
1631
+ "AnimatePresence"
2035
1632
  ],
2036
- "internalComponentProps": {},
2037
- "propToVariantKeys": { "closeIcon": ["icon"] },
2038
- "runtimeConfigDefaultProps": {
2039
- "size": "popover.defaultSize",
2040
- "variant": "popover.defaultVariant"
1633
+ "internalComponentProps": {
1634
+ "HStack": {
1635
+ "alignItems": ["center"],
1636
+ "width": ["full"]
1637
+ },
1638
+ "AnimatePresence": { "mode": ["popLayout"] }
2041
1639
  },
2042
- "runtimeConfigGetStyles": {
2043
- "spacingTop": ["popover.spacingVertical.${size}"],
2044
- "spacingStart": ["popover.spacingHorizontal.${size}"],
2045
- "spacingBottom": ["popover.spacingVertical.${size}"],
2046
- "spacingEnd": ["popover.spacingHorizontal.${size}"]
1640
+ "propToVariantKeys": {
1641
+ "startIconClassName": ["className"],
1642
+ "endIconClassName": ["className"],
1643
+ "startIcon": ["icon"],
1644
+ "endIcon": ["icon"],
1645
+ "columnGap": ["gap"]
1646
+ },
1647
+ "runtimeConfigDefaultProps": {},
1648
+ "runtimeConfigGetStyles": {},
1649
+ "runtimeConfigInternalComponentProps": {},
1650
+ "motionVarPrefixes": []
1651
+ },
1652
+ "Menu.ItemCheckbox": {
1653
+ "name": "Menu.ItemCheckbox",
1654
+ "defaultProps": {},
1655
+ "getStylesLiterals": {
1656
+ "menuitemItemCheckboxVariantRoot": "default",
1657
+ "menuitemItemCheckboxVariantActiveRoot": "on",
1658
+ "menuitemItemCheckboxVariantActiveRoot:1": "off",
1659
+ "menuitemItemCheckboxVariantText": "default",
1660
+ "menuitemItemCheckboxVariantActiveText": "on",
1661
+ "menuitemItemCheckboxVariantActiveText:1": "off",
1662
+ "menuitemItemCheckboxVariantStartIcon": "default",
1663
+ "menuitemItemCheckboxVariantActiveStartIcon": "on",
1664
+ "menuitemItemCheckboxVariantActiveStartIcon:1": "off",
1665
+ "menuitemItemCheckboxVariantEndIcon": "default",
1666
+ "menuitemItemCheckboxVariantActiveEndIcon": "on",
1667
+ "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
2047
1668
  },
2048
- "runtimeConfigInternalComponentProps": { "SvgFloatingOverlay": { "borderRadius": ["popover.borderRadius.${size}"] } },
1669
+ "cxLiterals": ["uds-menu-item-checkbox"],
1670
+ "internalComponents": ["MenuItemBase"],
1671
+ "internalComponentProps": {},
1672
+ "propToVariantKeys": {},
1673
+ "runtimeConfigDefaultProps": {},
1674
+ "runtimeConfigGetStyles": {},
1675
+ "runtimeConfigInternalComponentProps": {},
2049
1676
  "motionVarPrefixes": []
2050
1677
  },
2051
- PopoverContext: {
2052
- "name": "PopoverContext",
1678
+ "Menu.Provider": {
1679
+ "name": "Menu.Provider",
2053
1680
  "defaultProps": {},
2054
1681
  "getStylesLiterals": {},
2055
1682
  "cxLiterals": [],
2056
- "internalComponents": [],
1683
+ "internalComponents": ["AriakitMenuProvider", "SpringMotionConfig"],
2057
1684
  "internalComponentProps": {},
2058
1685
  "propToVariantKeys": {},
2059
1686
  "runtimeConfigDefaultProps": {},
2060
1687
  "runtimeConfigGetStyles": {},
2061
1688
  "runtimeConfigInternalComponentProps": {},
1689
+ "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
1690
+ },
1691
+ "Menu.Trigger": {
1692
+ "name": "Menu.Trigger",
1693
+ "defaultProps": {},
1694
+ "getStylesLiterals": {},
1695
+ "cxLiterals": ["uds-menu-trigger"],
1696
+ "internalComponents": ["AriakitMenuTrigger", "Box"],
1697
+ "internalComponentProps": { "Box": { "className": ["uds-ring h-fit w-fit"] } },
1698
+ "propToVariantKeys": {},
1699
+ "runtimeConfigDefaultProps": {},
1700
+ "runtimeConfigGetStyles": {},
1701
+ "runtimeConfigInternalComponentProps": {},
2062
1702
  "motionVarPrefixes": []
2063
1703
  },
2064
- PopoverTrigger: {
2065
- "name": "PopoverTrigger",
1704
+ "Menu.index": {
1705
+ "name": "Menu.index",
2066
1706
  "defaultProps": {},
2067
1707
  "getStylesLiterals": {},
2068
1708
  "cxLiterals": [],
2069
- "internalComponents": ["PopoverDisclosure"],
2070
- "internalComponentProps": { "PopoverDisclosure": { "className": ["inline"] } },
2071
- "propToVariantKeys": { "children": ["render"] },
1709
+ "internalComponents": [],
1710
+ "internalComponentProps": {},
1711
+ "propToVariantKeys": {},
2072
1712
  "runtimeConfigDefaultProps": {},
2073
1713
  "runtimeConfigGetStyles": {},
2074
1714
  "runtimeConfigInternalComponentProps": {},
2075
1715
  "motionVarPrefixes": []
2076
1716
  },
2077
- UDSPopoverConfigProvider: {
2078
- "name": "UDSPopoverConfigProvider",
1717
+ Menu: {
1718
+ "name": "Menu",
2079
1719
  "defaultProps": {},
2080
1720
  "getStylesLiterals": {},
2081
1721
  "cxLiterals": [],
2082
- "internalComponents": ["PopoverContext.Provider"],
1722
+ "internalComponents": [],
2083
1723
  "internalComponentProps": {},
2084
1724
  "propToVariantKeys": {},
2085
1725
  "runtimeConfigDefaultProps": {},
@@ -2087,145 +1727,268 @@ var componentData_default = {
2087
1727
  "runtimeConfigInternalComponentProps": {},
2088
1728
  "motionVarPrefixes": []
2089
1729
  },
2090
- Radio: {
2091
- "name": "Radio",
1730
+ Input: {
1731
+ "name": "Input",
2092
1732
  "defaultProps": {
2093
- "labelPosition": "start",
2094
- "variant": "primary",
1733
+ "type": "text",
2095
1734
  "size": "md",
2096
- "value": ""
1735
+ "width": "full"
2097
1736
  },
2098
1737
  "getStylesLiterals": {
2099
- "radioVariantValueRoot": "checked",
2100
- "radioVariantValueRoot:1": "unchecked",
2101
- "display": "flex",
2102
- "flexDirection": "row",
2103
- "flexDirection:1": "row-reverse",
2104
- "alignItems": "center",
2105
- "radioVariantValueRadio": "checked",
2106
- "radioVariantValueRadio:1": "unchecked",
2107
- "radioVariantValueRadioCircle": "checked",
2108
- "radioVariantValueRadioCircle:1": "unchecked"
1738
+ "inputVariantRoot": "default",
1739
+ "inputVariantValueRoot": "empty",
1740
+ "inputVariantValueRoot:1": "filled",
1741
+ "inputVariantInputWrapper": "default",
1742
+ "inputVariantValueInputWrapper": "empty",
1743
+ "inputVariantValueInputWrapper:1": "filled",
1744
+ "inputVariantInput": "default",
1745
+ "inputVariantValueInput": "empty",
1746
+ "inputVariantValueInput:1": "filled",
1747
+ "inputVariantInputPlaceholder": "default",
1748
+ "inputVariantValueInputPlaceholder": "empty",
1749
+ "inputVariantValueInputPlaceholder:1": "filled",
1750
+ "inputVariantLabel": "default",
1751
+ "inputVariantValueLabel": "empty",
1752
+ "inputVariantValueLabel:1": "filled",
1753
+ "inputVariantLabelRequired": "default",
1754
+ "inputVariantValueLabelRequired": "empty",
1755
+ "inputVariantValueLabelRequired:1": "filled",
1756
+ "inputVariantStartIcon": "default",
1757
+ "inputVariantValueStartIcon": "empty",
1758
+ "inputVariantValueStartIcon:1": "filled",
1759
+ "inputVariantEndIcon": "default",
1760
+ "inputVariantValueEndIcon": "empty",
1761
+ "inputVariantValueEndIcon:1": "filled"
2109
1762
  },
2110
1763
  "cxLiterals": [
2111
- "cursor-pointer",
2112
- "cursor-default",
2113
1764
  "opacity-50",
2114
- "border",
2115
- "uds-ring",
2116
- "uds-ring-within",
2117
- "transition-[background-color,border-color]",
2118
- "transition-shadow",
2119
- "pointer-events-none",
2120
- "w-[8px]",
2121
- "h-[8px]",
2122
- "transition-opacity",
2123
- "cursor-[inherit]",
2124
- "absolute",
2125
- "opacity-0",
2126
- "top-1/2",
2127
- "left-1/2",
2128
- "w-[calc(100%+2px)]",
2129
- "h-[calc(100%+2px)]",
2130
- "transform",
2131
- "translate-x-[-50%]",
2132
- "translate-y-[-50%]",
2133
- "text-start",
2134
- "text-end"
1765
+ "min-w-[200px]",
1766
+ "grow",
1767
+ "uds-hit-target",
1768
+ "bg-clip-text",
1769
+ "focus:outline-none",
1770
+ "cursor-text",
1771
+ "cursor-not-allowed"
2135
1772
  ],
2136
1773
  "internalComponents": [
1774
+ "IconSlot",
1775
+ "StartIcon",
1776
+ "EndIcon",
1777
+ "HelpTextContent",
2137
1778
  "Box",
2138
- "FormLabel",
2139
- "SpringMotionConfig",
2140
- "RootElement",
2141
- "MotionBox"
1779
+ "InputHelpTextInternal",
1780
+ "VStack",
1781
+ "HStack",
1782
+ "AnimateHeightChange"
2142
1783
  ],
2143
1784
  "internalComponentProps": {
2144
- "Box": { "borderRadius": ["full"] },
2145
- "FormLabel": {
2146
- "as": ["div"],
2147
- "variant": ["inherit"],
2148
- "color": ["inherit"]
1785
+ "HelpTextContent": { "spacingTop": ["2"] },
1786
+ "Box": {
1787
+ "spacingBottom": ["2"],
1788
+ "columnGap": ["0.5"],
1789
+ "alignItems": ["flex-end", "center"],
1790
+ "position": ["relative"]
2149
1791
  },
2150
- "RootElement": { "data-testid": ["container"] },
2151
- "MotionBox": {
2152
- "position": ["relative"],
2153
- "borderRadius": ["full"],
1792
+ "HStack": {
2154
1793
  "alignItems": ["center"],
2155
- "justifyContent": ["center"],
2156
- "flex": ["none"]
1794
+ "gap": ["1"]
2157
1795
  }
2158
1796
  },
2159
1797
  "propToVariantKeys": {
2160
- "size": ["radioSizeRoot", "radioSizeRadio"],
2161
- "variant": [
2162
- "radioVariantRoot",
2163
- "radioVariantRadio",
2164
- "radioVariantRadioCircle"
1798
+ "size": [
1799
+ "inputSizeRoot",
1800
+ "inputSizeInputWrapper",
1801
+ "inputSizeInput",
1802
+ "inputSizeLabel",
1803
+ "inputSizeStartIcon",
1804
+ "inputSizeEndIcon"
2165
1805
  ],
2166
- "reduceMotion": ["reducedMotion"]
1806
+ "startIcon": ["icon"],
1807
+ "endIcon": ["icon"],
1808
+ "slotProps": ["helperTextSlotProps"],
1809
+ "helperTextIcon": ["startIcon"]
1810
+ },
1811
+ "runtimeConfigDefaultProps": {},
1812
+ "runtimeConfigGetStyles": {},
1813
+ "runtimeConfigInternalComponentProps": {},
1814
+ "motionVarPrefixes": []
1815
+ },
1816
+ InputHelpText: {
1817
+ "name": "InputHelpText",
1818
+ "defaultProps": { "size": "md" },
1819
+ "getStylesLiterals": {
1820
+ "inputVariantRoot": "default",
1821
+ "inputVariantValueRoot": "empty",
1822
+ "inputVariantValueRoot:1": "filled"
1823
+ },
1824
+ "cxLiterals": [],
1825
+ "internalComponents": ["InputHelpTextInternal", "Box"],
1826
+ "internalComponentProps": { "Box": { "spacingTop": ["2"] } },
1827
+ "propToVariantKeys": { "size": ["inputSizeRoot"] },
1828
+ "runtimeConfigDefaultProps": {},
1829
+ "runtimeConfigGetStyles": {},
1830
+ "runtimeConfigInternalComponentProps": {},
1831
+ "motionVarPrefixes": []
1832
+ },
1833
+ InputHelpTextInternal: {
1834
+ "name": "InputHelpTextInternal",
1835
+ "defaultProps": {},
1836
+ "getStylesLiterals": {
1837
+ "inputVariantHelperText": "default",
1838
+ "inputVariantValueHelperText": "empty",
1839
+ "inputVariantValueHelperText:1": "filled",
1840
+ "inputVariantHelperIcon": "default",
1841
+ "inputVariantValueHelperIcon": "empty",
1842
+ "inputVariantValueHelperIcon:1": "filled"
1843
+ },
1844
+ "cxLiterals": [],
1845
+ "internalComponents": ["IconSlot", "HStack"],
1846
+ "internalComponentProps": { "HStack": {
1847
+ "gap": ["1"],
1848
+ "alignItems": ["center"]
1849
+ } },
1850
+ "propToVariantKeys": {
1851
+ "size": ["inputSizeHelperText", "inputSizeHelperIcon"],
1852
+ "startIcon": ["icon"],
1853
+ "endIcon": ["icon"]
1854
+ },
1855
+ "runtimeConfigDefaultProps": {},
1856
+ "runtimeConfigGetStyles": {},
1857
+ "runtimeConfigInternalComponentProps": {},
1858
+ "motionVarPrefixes": []
1859
+ },
1860
+ PaddleButton: {
1861
+ "name": "PaddleButton",
1862
+ "defaultProps": {},
1863
+ "getStylesLiterals": {},
1864
+ "cxLiterals": [
1865
+ "relative",
1866
+ "inline-flex",
1867
+ "items-center",
1868
+ "justify-center",
1869
+ "box-border",
1870
+ "overflow-hidden",
1871
+ "border-solid",
1872
+ "select-none",
1873
+ "uds-nested-radius",
1874
+ "transition-[color,border-color,box-shadow]",
1875
+ "duration-[180ms]",
1876
+ "ease-[cubic-bezier(0,0,0.2,1)]",
1877
+ "uds-ring",
1878
+ "cursor-pointer",
1879
+ "cursor-not-allowed",
1880
+ "opacity-50",
1881
+ "pointer-events-none",
1882
+ "hidden",
1883
+ "absolute",
1884
+ "inset-0",
1885
+ "-z-10",
1886
+ "rounded-[var(--uds-nested-radius)]",
1887
+ "transition-[background-color,opacity]"
1888
+ ],
1889
+ "internalComponents": ["Icon"],
1890
+ "internalComponentProps": { "Icon": {
1891
+ "size": ["md"],
1892
+ "color": ["current"]
1893
+ } },
1894
+ "propToVariantKeys": {
1895
+ "size": ["paddlenavSizeRoot", "paddlenavSizeIcon"],
1896
+ "variant": [
1897
+ "paddlenavVariantRoot",
1898
+ "paddlenavVariantBackground",
1899
+ "paddlenavVariantIcon"
1900
+ ]
2167
1901
  },
2168
1902
  "runtimeConfigDefaultProps": {},
2169
1903
  "runtimeConfigGetStyles": {},
2170
1904
  "runtimeConfigInternalComponentProps": {},
2171
- "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
1905
+ "motionVarPrefixes": []
2172
1906
  },
2173
- RadioGroupProvider: {
2174
- "name": "RadioGroupProvider",
1907
+ PaddleButtonNext: {
1908
+ "name": "PaddleButtonNext",
2175
1909
  "defaultProps": {},
2176
1910
  "getStylesLiterals": {},
2177
1911
  "cxLiterals": [],
2178
- "internalComponents": [
2179
- "DivProps",
2180
- "Comp",
2181
- "RadioGroupContext.Provider"
2182
- ],
2183
- "internalComponentProps": { "Comp": { "role": ["radiogroup"] } },
1912
+ "internalComponents": ["PaddleButton"],
1913
+ "internalComponentProps": { "PaddleButton": { "paddleRole": ["next"] } },
2184
1914
  "propToVariantKeys": {},
2185
1915
  "runtimeConfigDefaultProps": {},
2186
1916
  "runtimeConfigGetStyles": {},
2187
1917
  "runtimeConfigInternalComponentProps": {},
2188
1918
  "motionVarPrefixes": []
2189
1919
  },
2190
- RadioGroupStore: {
2191
- "name": "RadioGroupStore",
1920
+ PaddleButtonPrevious: {
1921
+ "name": "PaddleButtonPrevious",
2192
1922
  "defaultProps": {},
2193
1923
  "getStylesLiterals": {},
2194
1924
  "cxLiterals": [],
2195
- "internalComponents": [],
2196
- "internalComponentProps": {},
1925
+ "internalComponents": ["PaddleButton"],
1926
+ "internalComponentProps": { "PaddleButton": { "paddleRole": ["previous"] } },
2197
1927
  "propToVariantKeys": {},
2198
1928
  "runtimeConfigDefaultProps": {},
2199
1929
  "runtimeConfigGetStyles": {},
2200
1930
  "runtimeConfigInternalComponentProps": {},
2201
1931
  "motionVarPrefixes": []
2202
1932
  },
2203
- UDSBreakpointsConfigProvider: {
2204
- "name": "UDSBreakpointsConfigProvider",
2205
- "defaultProps": {},
1933
+ PaddleNav: {
1934
+ "name": "PaddleNav",
1935
+ "defaultProps": {
1936
+ "orientation": "horizontal",
1937
+ "variant": "primary",
1938
+ "size": "md"
1939
+ },
2206
1940
  "getStylesLiterals": {},
2207
- "cxLiterals": [],
2208
- "internalComponents": ["UDSBreakpointsConfigContext.Provider"],
2209
- "internalComponentProps": {},
2210
- "propToVariantKeys": {},
1941
+ "cxLiterals": [
1942
+ "pointer-events-none",
1943
+ "inline-flex",
1944
+ "flex-row",
1945
+ "gap-2",
1946
+ "items-center",
1947
+ "pointer-events-auto",
1948
+ "flex-col",
1949
+ "relative",
1950
+ "min-w-0",
1951
+ "min-h-0",
1952
+ "flex-1",
1953
+ "inline-block",
1954
+ "absolute",
1955
+ "z-10",
1956
+ "top-2",
1957
+ "left-1/2",
1958
+ "-translate-x-1/2",
1959
+ "left-2",
1960
+ "top-1/2",
1961
+ "-translate-y-1/2",
1962
+ "bottom-2",
1963
+ "right-2",
1964
+ "-top-12",
1965
+ "left-0",
1966
+ "right-0",
1967
+ "-bottom-12"
1968
+ ],
1969
+ "internalComponents": ["PaddleNavContext.Provider", "Box"],
1970
+ "internalComponentProps": { "Box": {
1971
+ "display": ["inline-flex"],
1972
+ "alignItems": ["center"],
1973
+ "justifyContent": ["center"],
1974
+ "data-paddle-nav-outside": ["true"]
1975
+ } },
1976
+ "propToVariantKeys": { "orientation": ["data-paddle-nav-orientation"] },
2211
1977
  "runtimeConfigDefaultProps": {},
2212
1978
  "runtimeConfigGetStyles": {},
2213
1979
  "runtimeConfigInternalComponentProps": {},
2214
1980
  "motionVarPrefixes": []
2215
1981
  },
2216
- UDSConfigProvider: {
2217
- "name": "UDSConfigProvider",
1982
+ PaddleNavContent: {
1983
+ "name": "PaddleNavContent",
2218
1984
  "defaultProps": {},
2219
1985
  "getStylesLiterals": {},
2220
- "cxLiterals": [],
2221
- "internalComponents": [
2222
- "UDSBreakpointsConfigProvider",
2223
- "UDSBottomSheetConfigProvider",
2224
- "UDSToastConfigProvider",
2225
- "UDSTooltipConfigProvider",
2226
- "UDSPopoverConfigProvider",
2227
- "UDSModalConfigProvider"
1986
+ "cxLiterals": [
1987
+ "min-w-0",
1988
+ "min-h-0",
1989
+ "relative"
2228
1990
  ],
1991
+ "internalComponents": [],
2229
1992
  "internalComponentProps": {},
2230
1993
  "propToVariantKeys": {},
2231
1994
  "runtimeConfigDefaultProps": {},
@@ -2233,189 +1996,179 @@ var componentData_default = {
2233
1996
  "runtimeConfigInternalComponentProps": {},
2234
1997
  "motionVarPrefixes": []
2235
1998
  },
2236
- Accordion: {
2237
- "name": "Accordion",
2238
- "defaultProps": {
2239
- "spacingHorizontal": "4",
2240
- "spacingVertical": "4"
2241
- },
2242
- "getStylesLiterals": {},
2243
- "cxLiterals": ["hover:bg-secondary/80", "w-full"],
2244
- "internalComponents": [
2245
- "Icon",
2246
- "SpringMotionConfig",
2247
- "Pressable",
2248
- "Text",
2249
- "HStack",
2250
- "AnimatePresence",
2251
- "VStack"
2252
- ],
2253
- "internalComponentProps": {
2254
- "Icon": {
2255
- "variant": ["fill"],
2256
- "size": ["sm"],
2257
- "color": ["primary"]
2258
- },
2259
- "SpringMotionConfig": {
2260
- "layoutVariant": ["smooth"],
2261
- "layoutSpeed": ["3"]
2262
- },
2263
- "Pressable": {
2264
- "display": ["flex"],
2265
- "flexDirection": ["row"],
2266
- "alignItems": ["center"],
2267
- "justifyContent": ["space-between"],
2268
- "borderRadius": ["md"]
2269
- },
2270
- "Text": {
2271
- "variant": ["title4"],
2272
- "color": ["primary"]
2273
- },
2274
- "HStack": {
2275
- "display": ["flex"],
2276
- "alignItems": ["center"],
2277
- "justifyContent": ["space-between"],
2278
- "columnGap": ["2.5"]
2279
- }
2280
- },
2281
- "propToVariantKeys": {},
2282
- "runtimeConfigDefaultProps": {},
2283
- "runtimeConfigGetStyles": {},
2284
- "runtimeConfigInternalComponentProps": {},
2285
- "motionVarPrefixes": ["--uds-motion-smooth-3-"]
2286
- },
2287
- AvoidMotionLibraryProvider: {
2288
- "name": "AvoidMotionLibraryProvider",
1999
+ Popover: {
2000
+ "name": "Popover",
2289
2001
  "defaultProps": {},
2290
2002
  "getStylesLiterals": {},
2291
- "cxLiterals": [],
2292
- "internalComponents": [],
2003
+ "cxLiterals": ["uds:popover-open"],
2004
+ "internalComponents": ["PopoverInternalContext.Provider", "PopoverProvider"],
2293
2005
  "internalComponentProps": {},
2294
2006
  "propToVariantKeys": {},
2295
- "runtimeConfigDefaultProps": {},
2007
+ "runtimeConfigDefaultProps": {
2008
+ "size": "popover.defaultSize",
2009
+ "variant": "popover.defaultVariant"
2010
+ },
2296
2011
  "runtimeConfigGetStyles": {},
2297
2012
  "runtimeConfigInternalComponentProps": {},
2298
2013
  "motionVarPrefixes": []
2299
2014
  },
2300
- SegmentedControl: {
2301
- "name": "SegmentedControl",
2302
- "defaultProps": { "textVariant": "label2" },
2015
+ PopoverContent: {
2016
+ "name": "PopoverContent",
2017
+ "defaultProps": {},
2303
2018
  "getStylesLiterals": {
2019
+ "popoverSizeRoot": "default",
2020
+ "popoverVariantRoot": "default",
2304
2021
  "display": "flex",
2305
- "alignItems": "center",
2306
- "backgroundColor": "primary",
2307
- "spacingVertical": "1",
2308
- "spacingHorizontal": "3",
2309
- "columnGap": "1.5",
2310
- "borderWidth": "thin",
2022
+ "position": "relative",
2023
+ "display:1": "block",
2024
+ "spacingTop": "0",
2025
+ "spacingStart": "0",
2026
+ "spacingBottom": "0",
2027
+ "spacingEnd": "0",
2028
+ "popoverSizeSvgBase": "default",
2029
+ "popoverVariantSvgBase": "default",
2030
+ "popoverSizeSvgBorder": "default",
2031
+ "popoverVariantSvgBorder": "default",
2032
+ "popoverVariantBlur": "default",
2033
+ "position:1": "absolute",
2034
+ "width": "full",
2035
+ "height": "full",
2036
+ "flexShrink": "0",
2311
2037
  "borderRadius": "full",
2312
- "borderColor": "muted",
2313
- "borderColor:1": "transparent",
2314
- "color": "primary",
2315
- "color:1": "tertiary",
2316
- "color:2": "muted"
2038
+ "alignItems": "center",
2039
+ "justifyContent": "center",
2040
+ "popoverVariantCloseIcon": "default",
2041
+ "popoverSizeCloseIcon": "default"
2317
2042
  },
2318
2043
  "cxLiterals": [
2044
+ "z-[9999]",
2045
+ "outline-none",
2046
+ "focus-visible:outline-none",
2047
+ "uds-bgBlurFillFallback",
2048
+ "uds-bgBlurFallback",
2049
+ "top-0",
2050
+ "left-0",
2051
+ "z-[1]",
2052
+ "duration-0",
2053
+ "duration-120",
2054
+ "transition-[background-color]",
2055
+ "bg-carbon-15/0",
2056
+ "hover:bg-carbon-15/10",
2057
+ "active:bg-carbon-15/15",
2319
2058
  "uds-ring",
2320
- "cursor-not-allowed",
2321
- "opacity-50",
2322
- "pointer-events-none",
2323
- "hover:bg-primary"
2059
+ "absolute",
2060
+ "z-[4]"
2324
2061
  ],
2325
2062
  "internalComponents": [
2326
- "Radio",
2327
- "Icon",
2328
- "RadioProvider",
2329
- "HStack",
2330
- "RadioGroup",
2331
- "Pressable",
2332
- "Text"
2063
+ "PopoverDismiss",
2064
+ "IconSlot",
2065
+ "PopoverArrow",
2066
+ "Popover",
2067
+ "SvgFloatingOverlay",
2068
+ "Box",
2069
+ "Pressable"
2333
2070
  ],
2334
- "internalComponentProps": {
2335
- "Icon": {
2336
- "size": ["sm"],
2337
- "color": ["current"],
2338
- "aria-hidden": ["true"]
2339
- },
2340
- "HStack": {
2341
- "spacing": ["1"],
2342
- "gap": ["1"],
2343
- "backgroundColor": ["secondary"],
2344
- "borderRadius": ["full"],
2345
- "display": ["inline-flex"]
2346
- },
2347
- "Text": { "color": ["current"] }
2071
+ "internalComponentProps": {},
2072
+ "propToVariantKeys": { "closeIcon": ["icon"] },
2073
+ "runtimeConfigDefaultProps": {
2074
+ "size": "popover.defaultSize",
2075
+ "variant": "popover.defaultVariant"
2348
2076
  },
2349
- "propToVariantKeys": {
2350
- "value": ["key"],
2351
- "label": ["aria-label"],
2352
- "textVariant": ["variant"]
2077
+ "runtimeConfigGetStyles": {
2078
+ "spacingTop": ["popover.spacingVertical.${size}"],
2079
+ "spacingStart": ["popover.spacingHorizontal.${size}"],
2080
+ "spacingBottom": ["popover.spacingVertical.${size}"],
2081
+ "spacingEnd": ["popover.spacingHorizontal.${size}"]
2353
2082
  },
2083
+ "runtimeConfigInternalComponentProps": { "SvgFloatingOverlay": { "borderRadius": ["popover.borderRadius.${size}"] } },
2084
+ "motionVarPrefixes": []
2085
+ },
2086
+ PopoverContext: {
2087
+ "name": "PopoverContext",
2088
+ "defaultProps": {},
2089
+ "getStylesLiterals": {},
2090
+ "cxLiterals": [],
2091
+ "internalComponents": [],
2092
+ "internalComponentProps": {},
2093
+ "propToVariantKeys": {},
2354
2094
  "runtimeConfigDefaultProps": {},
2355
2095
  "runtimeConfigGetStyles": {},
2356
2096
  "runtimeConfigInternalComponentProps": {},
2357
2097
  "motionVarPrefixes": []
2358
2098
  },
2359
- SwitchV2: {
2360
- "name": "SwitchV2",
2099
+ PopoverTrigger: {
2100
+ "name": "PopoverTrigger",
2101
+ "defaultProps": {},
2102
+ "getStylesLiterals": {},
2103
+ "cxLiterals": [],
2104
+ "internalComponents": ["PopoverDisclosure"],
2105
+ "internalComponentProps": { "PopoverDisclosure": { "className": ["inline"] } },
2106
+ "propToVariantKeys": { "children": ["render"] },
2107
+ "runtimeConfigDefaultProps": {},
2108
+ "runtimeConfigGetStyles": {},
2109
+ "runtimeConfigInternalComponentProps": {},
2110
+ "motionVarPrefixes": []
2111
+ },
2112
+ UDSPopoverConfigProvider: {
2113
+ "name": "UDSPopoverConfigProvider",
2114
+ "defaultProps": {},
2115
+ "getStylesLiterals": {},
2116
+ "cxLiterals": [],
2117
+ "internalComponents": ["PopoverContext.Provider"],
2118
+ "internalComponentProps": {},
2119
+ "propToVariantKeys": {},
2120
+ "runtimeConfigDefaultProps": {},
2121
+ "runtimeConfigGetStyles": {},
2122
+ "runtimeConfigInternalComponentProps": {},
2123
+ "motionVarPrefixes": []
2124
+ },
2125
+ Radio: {
2126
+ "name": "Radio",
2361
2127
  "defaultProps": {
2362
2128
  "labelPosition": "start",
2363
- "size": "md"
2129
+ "variant": "primary",
2130
+ "size": "md",
2131
+ "value": ""
2364
2132
  },
2365
2133
  "getStylesLiterals": {
2366
- "switchVariantRoot": "default",
2367
- "switchVariantActiveRoot": "on",
2368
- "switchVariantActiveRoot:1": "off",
2369
- "switchVariantSwitch": "default",
2370
- "switchVariantActiveSwitch": "on",
2371
- "switchVariantActiveSwitch:1": "off",
2372
- "switchVariantActiveHandle": "on",
2373
- "switchVariantActiveHandle:1": "off",
2374
- "switchVariantHandle": "default",
2375
- "switchVariantHandleIcon": "default",
2376
- "switchVariantActiveHandleIcon": "on",
2377
- "switchVariantActiveHandleIcon:1": "off"
2134
+ "radioVariantValueRoot": "checked",
2135
+ "radioVariantValueRoot:1": "unchecked",
2136
+ "display": "flex",
2137
+ "flexDirection": "row",
2138
+ "flexDirection:1": "row-reverse",
2139
+ "alignItems": "center",
2140
+ "radioVariantValueRadio": "checked",
2141
+ "radioVariantValueRadio:1": "unchecked",
2142
+ "radioVariantValueRadioCircle": "checked",
2143
+ "radioVariantValueRadioCircle:1": "unchecked"
2378
2144
  },
2379
2145
  "cxLiterals": [
2380
- "group",
2381
- "flex",
2382
- "items-center",
2383
- "flex-row",
2384
- "flex-row-reverse",
2146
+ "cursor-pointer",
2147
+ "cursor-default",
2148
+ "opacity-50",
2149
+ "border",
2385
2150
  "uds-ring",
2386
2151
  "uds-ring-within",
2387
- "relative",
2388
- "uds-border-radius-full",
2389
- "transition-[background-color,box-shadow]",
2152
+ "transition-[background-color,border-color]",
2153
+ "transition-shadow",
2390
2154
  "pointer-events-none",
2391
- "w-full",
2392
- "h-full",
2155
+ "w-[8px]",
2156
+ "h-[8px]",
2157
+ "transition-opacity",
2158
+ "cursor-[inherit]",
2393
2159
  "absolute",
2394
- "top-0",
2395
- "bottom-0",
2396
- "right-0",
2397
- "left-0",
2398
- "overflow-hidden",
2399
- "group-hover:scale-105",
2400
- "opacity-95",
2401
- "group-hover:opacity-100",
2402
- "transition-[transform,opacity]",
2403
2160
  "opacity-0",
2404
2161
  "top-1/2",
2405
2162
  "left-1/2",
2163
+ "w-[calc(100%+2px)]",
2164
+ "h-[calc(100%+2px)]",
2406
2165
  "transform",
2407
2166
  "translate-x-[-50%]",
2408
2167
  "translate-y-[-50%]",
2409
- "transition-opacity",
2410
- "cursor-[inherit]",
2411
- "w-[calc(100%+2px)]",
2412
- "h-[calc(100%+2px)]",
2413
2168
  "text-start",
2414
- "text-end",
2415
- "opacity-100"
2169
+ "text-end"
2416
2170
  ],
2417
2171
  "internalComponents": [
2418
- "IconSlot",
2419
2172
  "Box",
2420
2173
  "FormLabel",
2421
2174
  "SpringMotionConfig",
@@ -2423,122 +2176,200 @@ var componentData_default = {
2423
2176
  "MotionBox"
2424
2177
  ],
2425
2178
  "internalComponentProps": {
2426
- "IconSlot": { "data-testid": ["on-icon", "off-icon"] },
2179
+ "Box": { "borderRadius": ["full"] },
2427
2180
  "FormLabel": {
2428
2181
  "as": ["div"],
2429
2182
  "variant": ["inherit"],
2430
2183
  "color": ["inherit"]
2431
2184
  },
2432
- "SpringMotionConfig": {
2433
- "layoutVariant": ["bouncy"],
2434
- "layoutSpeed": ["4"]
2435
- },
2436
- "RootElement": { "data-testid": ["switch-root"] },
2437
- "MotionBox": { "layout": ["position"] }
2185
+ "RootElement": { "data-testid": ["container"] },
2186
+ "MotionBox": {
2187
+ "position": ["relative"],
2188
+ "borderRadius": ["full"],
2189
+ "alignItems": ["center"],
2190
+ "justifyContent": ["center"],
2191
+ "flex": ["none"]
2192
+ }
2438
2193
  },
2439
2194
  "propToVariantKeys": {
2440
- "size": [
2441
- "switchSizeRoot",
2442
- "switchSizeSwitch",
2443
- "switchSizeHandle",
2444
- "switchSizeHandleIcon"
2195
+ "size": ["radioSizeRoot", "radioSizeRadio"],
2196
+ "variant": [
2197
+ "radioVariantRoot",
2198
+ "radioVariantRadio",
2199
+ "radioVariantRadioCircle"
2445
2200
  ],
2446
- "onIcon": ["icon"],
2447
- "offIcon": ["icon"],
2448
- "reduceMotion": ["reducedMotion"],
2449
- "isOn": ["layoutDependency"]
2201
+ "reduceMotion": ["reducedMotion"]
2450
2202
  },
2451
2203
  "runtimeConfigDefaultProps": {},
2452
2204
  "runtimeConfigGetStyles": {},
2453
2205
  "runtimeConfigInternalComponentProps": {},
2454
- "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
2206
+ "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
2455
2207
  },
2456
- Tooltip: {
2457
- "name": "Tooltip",
2208
+ RadioGroupProvider: {
2209
+ "name": "RadioGroupProvider",
2458
2210
  "defaultProps": {},
2459
2211
  "getStylesLiterals": {},
2460
2212
  "cxLiterals": [],
2461
- "internalComponents": ["TooltipInternalContext.Provider", "TooltipProvider"],
2462
- "internalComponentProps": {},
2213
+ "internalComponents": [
2214
+ "DivProps",
2215
+ "Comp",
2216
+ "RadioGroupContext.Provider"
2217
+ ],
2218
+ "internalComponentProps": { "Comp": { "role": ["radiogroup"] } },
2463
2219
  "propToVariantKeys": {},
2464
2220
  "runtimeConfigDefaultProps": {},
2465
2221
  "runtimeConfigGetStyles": {},
2466
- "runtimeConfigInternalComponentProps": { "TooltipProvider": { "animated": ["tooltip.animationDuration"] } },
2222
+ "runtimeConfigInternalComponentProps": {},
2467
2223
  "motionVarPrefixes": []
2468
2224
  },
2469
- TooltipContent: {
2470
- "name": "TooltipContent",
2225
+ RadioGroupStore: {
2226
+ "name": "RadioGroupStore",
2471
2227
  "defaultProps": {},
2228
+ "getStylesLiterals": {},
2229
+ "cxLiterals": [],
2230
+ "internalComponents": [],
2231
+ "internalComponentProps": {},
2232
+ "propToVariantKeys": {},
2233
+ "runtimeConfigDefaultProps": {},
2234
+ "runtimeConfigGetStyles": {},
2235
+ "runtimeConfigInternalComponentProps": {},
2236
+ "motionVarPrefixes": []
2237
+ },
2238
+ Tab: {
2239
+ "name": "Tab",
2240
+ "defaultProps": { "variant": "primary" },
2472
2241
  "getStylesLiterals": {
2473
- "tooltipSizeRoot": "default",
2474
- "tooltipVariantRoot": "default",
2475
- "tooltipSizeSvg": "default",
2476
- "tooltipVariantSvg": "default",
2477
- "tooltipVariantBlur": "default",
2478
- "position": "absolute",
2479
- "width": "full",
2480
- "height": "full",
2481
- "tooltipSizeTitle": "default",
2482
- "tooltipSizeBody": "default",
2483
- "tooltipSizeEndContent": "default",
2484
- "tooltipSizeIcon": "default",
2485
- "tooltipVariantIcon": "default"
2242
+ "tabSizeRoot": "default",
2243
+ "tabVariantActiveRoot": "off",
2244
+ "tabVariantActiveRoot:1": "on",
2245
+ "tabSizeIcon": "default"
2486
2246
  },
2487
2247
  "cxLiterals": [
2488
- "max-w-lg",
2248
+ "pointer-events-none",
2249
+ "absolute",
2250
+ "bottom-0",
2251
+ "left-0",
2252
+ "right-0",
2253
+ "h-[var(--uds-tab-underline-width,0px)]",
2254
+ "bg-[var(--uds-tab-underline-color,transparent)]",
2255
+ "transition-[height,background-color]",
2256
+ "duration-[240ms]",
2257
+ "ease-[cubic-bezier(0.2,0,0,1)]",
2258
+ "!bg-transparent",
2259
+ "!shadow-none",
2260
+ "inline-flex",
2261
+ "items-center",
2262
+ "shrink-0",
2263
+ "box-border",
2264
+ "relative",
2265
+ "z-[1]",
2266
+ "cursor-pointer",
2267
+ "select-none",
2268
+ "whitespace-nowrap",
2269
+ "uds-ring",
2270
+ "opacity-50",
2271
+ "cursor-default",
2272
+ "border-solid",
2273
+ "border-b-solid",
2274
+ "transition-colors"
2275
+ ],
2276
+ "internalComponents": [
2277
+ "IconSlot",
2278
+ "AriakitTab",
2279
+ "Text"
2280
+ ],
2281
+ "internalComponentProps": { "Text": {
2282
+ "variant": ["inherit"],
2283
+ "as": ["span"],
2284
+ "color": ["current"]
2285
+ } },
2286
+ "propToVariantKeys": {
2287
+ "variant": ["tabVariantRoot", "tabVariantIcon"],
2288
+ "activeState": ["tabVariantActiveIcon"],
2289
+ "startIcon": ["icon"],
2290
+ "endIcon": ["icon"]
2291
+ },
2292
+ "runtimeConfigDefaultProps": {},
2293
+ "runtimeConfigGetStyles": {},
2294
+ "runtimeConfigInternalComponentProps": {},
2295
+ "motionVarPrefixes": []
2296
+ },
2297
+ TabList: {
2298
+ "name": "TabList",
2299
+ "defaultProps": { "variant": "primary" },
2300
+ "getStylesLiterals": {
2301
+ "tabSizeRoot": "default",
2302
+ "tabVariantActiveRoot": "on"
2303
+ },
2304
+ "cxLiterals": [
2305
+ "pointer-events-none",
2306
+ "absolute",
2307
+ "bottom-0",
2308
+ "left-0",
2309
+ "right-0",
2310
+ "h-[var(--uds-tab-underline-width,0px)]",
2311
+ "bg-[var(--uds-tab-underline-color,transparent)]",
2312
+ "transition-[height,background-color]",
2313
+ "duration-[240ms]",
2314
+ "ease-[cubic-bezier(0.2,0,0,1)]",
2315
+ "!m-0",
2316
+ "!p-0",
2317
+ "!gap-0",
2318
+ "box-border",
2319
+ "z-0",
2320
+ "min-w-0",
2321
+ "min-h-0",
2489
2322
  "flex",
2490
- "z-[9999]",
2491
- "uds-bgBlurFillFallback",
2492
- "uds-bgBlurFallback",
2493
- "top-0",
2494
- "left-0",
2495
- "z-[1]"
2496
- ],
2497
- "internalComponents": [
2498
- "IconSlot",
2499
- "TooltipArrow",
2500
- "Tooltip",
2501
- "SvgFloatingOverlay",
2502
- "VStack",
2503
- "Box",
2504
- "Text"
2323
+ "flex-row",
2324
+ "items-center",
2325
+ "overflow-x-auto",
2326
+ "overflow-y-clip",
2327
+ "scrollbar-none",
2328
+ "[overflow-clip-margin:6px]",
2329
+ "overflow-clip",
2330
+ "[overflow-clip-margin:8px]",
2331
+ "relative",
2332
+ "left",
2333
+ "240ms",
2334
+ "cubic-bezier(0.2,",
2335
+ "0,",
2336
+ "1),",
2337
+ "top",
2338
+ "width",
2339
+ "height",
2340
+ "1)",
2341
+ "--uds-tab-underline-color",
2342
+ "--uds-tab-underline-width"
2505
2343
  ],
2506
- "internalComponentProps": {
2507
- "SvgFloatingOverlay": { "contentOverflow": ["visible"] },
2508
- "VStack": { "className": ["gap-[inherit]"] },
2509
- "Box": {
2510
- "alignItems": ["center"],
2511
- "columnGap": ["1", "1.5"]
2512
- },
2513
- "Text": { "color": ["inherit"] }
2514
- },
2515
- "propToVariantKeys": { "startTitleIcon": ["icon"] },
2344
+ "internalComponents": ["AriakitTabList"],
2345
+ "internalComponentProps": {},
2346
+ "propToVariantKeys": { "variant": ["tabsVariantRoot", "tabVariantRoot"] },
2516
2347
  "runtimeConfigDefaultProps": {},
2517
2348
  "runtimeConfigGetStyles": {},
2518
2349
  "runtimeConfigInternalComponentProps": {},
2519
2350
  "motionVarPrefixes": []
2520
2351
  },
2521
- TooltipTrigger: {
2522
- "name": "TooltipTrigger",
2352
+ TabPanel: {
2353
+ "name": "TabPanel",
2523
2354
  "defaultProps": {},
2524
2355
  "getStylesLiterals": {},
2525
2356
  "cxLiterals": [],
2526
- "internalComponents": ["TooltipAnchor"],
2527
- "internalComponentProps": { "TooltipAnchor": { "className": ["inline"] } },
2528
- "propToVariantKeys": { "children": ["render"] },
2357
+ "internalComponents": ["AriakitTabPanel"],
2358
+ "internalComponentProps": {},
2359
+ "propToVariantKeys": {},
2529
2360
  "runtimeConfigDefaultProps": {},
2530
2361
  "runtimeConfigGetStyles": {},
2531
2362
  "runtimeConfigInternalComponentProps": {},
2532
2363
  "motionVarPrefixes": []
2533
2364
  },
2534
- UDSTooltipConfigProvider: {
2535
- "name": "UDSTooltipConfigProvider",
2536
- "defaultProps": {},
2365
+ Tabs: {
2366
+ "name": "Tabs",
2367
+ "defaultProps": { "variant": "primary" },
2537
2368
  "getStylesLiterals": {},
2538
2369
  "cxLiterals": [],
2539
- "internalComponents": ["TooltipContext.Provider"],
2370
+ "internalComponents": ["TabsContext.Provider", "TabProvider"],
2540
2371
  "internalComponentProps": {},
2541
- "propToVariantKeys": {},
2372
+ "propToVariantKeys": { "onSelectionChange": ["setSelectedId"] },
2542
2373
  "runtimeConfigDefaultProps": {},
2543
2374
  "runtimeConfigGetStyles": {},
2544
2375
  "runtimeConfigInternalComponentProps": {},
@@ -2659,15 +2490,203 @@ var componentData_default = {
2659
2490
  "variant": "toast.defaultVariant"
2660
2491
  },
2661
2492
  "runtimeConfigGetStyles": {},
2662
- "runtimeConfigInternalComponentProps": { "ReactToastifyToastContainer": { "autoClose": ["toast.autoClose"] } },
2663
- "motionVarPrefixes": []
2493
+ "runtimeConfigInternalComponentProps": { "ReactToastifyToastContainer": { "autoClose": ["toast.autoClose"] } },
2494
+ "motionVarPrefixes": []
2495
+ },
2496
+ UDSToastConfigProvider: {
2497
+ "name": "UDSToastConfigProvider",
2498
+ "defaultProps": {},
2499
+ "getStylesLiterals": {},
2500
+ "cxLiterals": [],
2501
+ "internalComponents": ["ToastContext.Provider"],
2502
+ "internalComponentProps": {},
2503
+ "propToVariantKeys": {},
2504
+ "runtimeConfigDefaultProps": {},
2505
+ "runtimeConfigGetStyles": {},
2506
+ "runtimeConfigInternalComponentProps": {},
2507
+ "motionVarPrefixes": []
2508
+ },
2509
+ Tooltip: {
2510
+ "name": "Tooltip",
2511
+ "defaultProps": {},
2512
+ "getStylesLiterals": {},
2513
+ "cxLiterals": [],
2514
+ "internalComponents": ["TooltipInternalContext.Provider", "TooltipProvider"],
2515
+ "internalComponentProps": {},
2516
+ "propToVariantKeys": {},
2517
+ "runtimeConfigDefaultProps": {},
2518
+ "runtimeConfigGetStyles": {},
2519
+ "runtimeConfigInternalComponentProps": { "TooltipProvider": { "animated": ["tooltip.animationDuration"] } },
2520
+ "motionVarPrefixes": []
2521
+ },
2522
+ TooltipContent: {
2523
+ "name": "TooltipContent",
2524
+ "defaultProps": {},
2525
+ "getStylesLiterals": {
2526
+ "tooltipSizeRoot": "default",
2527
+ "tooltipVariantRoot": "default",
2528
+ "tooltipSizeSvg": "default",
2529
+ "tooltipVariantSvg": "default",
2530
+ "tooltipVariantBlur": "default",
2531
+ "position": "absolute",
2532
+ "width": "full",
2533
+ "height": "full",
2534
+ "tooltipSizeTitle": "default",
2535
+ "tooltipSizeBody": "default",
2536
+ "tooltipSizeEndContent": "default",
2537
+ "tooltipSizeIcon": "default",
2538
+ "tooltipVariantIcon": "default"
2539
+ },
2540
+ "cxLiterals": [
2541
+ "max-w-lg",
2542
+ "flex",
2543
+ "z-[9999]",
2544
+ "uds-bgBlurFillFallback",
2545
+ "uds-bgBlurFallback",
2546
+ "top-0",
2547
+ "left-0",
2548
+ "z-[1]"
2549
+ ],
2550
+ "internalComponents": [
2551
+ "IconSlot",
2552
+ "TooltipArrow",
2553
+ "Tooltip",
2554
+ "SvgFloatingOverlay",
2555
+ "VStack",
2556
+ "Box",
2557
+ "Text"
2558
+ ],
2559
+ "internalComponentProps": {
2560
+ "SvgFloatingOverlay": { "contentOverflow": ["visible"] },
2561
+ "VStack": { "className": ["gap-[inherit]"] },
2562
+ "Box": {
2563
+ "alignItems": ["center"],
2564
+ "columnGap": ["1", "1.5"]
2565
+ },
2566
+ "Text": { "color": ["inherit"] }
2567
+ },
2568
+ "propToVariantKeys": { "startTitleIcon": ["icon"] },
2569
+ "runtimeConfigDefaultProps": {},
2570
+ "runtimeConfigGetStyles": {},
2571
+ "runtimeConfigInternalComponentProps": {},
2572
+ "motionVarPrefixes": []
2573
+ },
2574
+ TooltipTrigger: {
2575
+ "name": "TooltipTrigger",
2576
+ "defaultProps": {},
2577
+ "getStylesLiterals": {},
2578
+ "cxLiterals": [],
2579
+ "internalComponents": ["TooltipAnchor"],
2580
+ "internalComponentProps": { "TooltipAnchor": { "className": ["inline"] } },
2581
+ "propToVariantKeys": { "children": ["render"] },
2582
+ "runtimeConfigDefaultProps": {},
2583
+ "runtimeConfigGetStyles": {},
2584
+ "runtimeConfigInternalComponentProps": {},
2585
+ "motionVarPrefixes": []
2586
+ },
2587
+ UDSTooltipConfigProvider: {
2588
+ "name": "UDSTooltipConfigProvider",
2589
+ "defaultProps": {},
2590
+ "getStylesLiterals": {},
2591
+ "cxLiterals": [],
2592
+ "internalComponents": ["TooltipContext.Provider"],
2593
+ "internalComponentProps": {},
2594
+ "propToVariantKeys": {},
2595
+ "runtimeConfigDefaultProps": {},
2596
+ "runtimeConfigGetStyles": {},
2597
+ "runtimeConfigInternalComponentProps": {},
2598
+ "motionVarPrefixes": []
2599
+ },
2600
+ UDSBreakpointsConfigProvider: {
2601
+ "name": "UDSBreakpointsConfigProvider",
2602
+ "defaultProps": {},
2603
+ "getStylesLiterals": {},
2604
+ "cxLiterals": [],
2605
+ "internalComponents": ["UDSBreakpointsConfigContext.Provider"],
2606
+ "internalComponentProps": {},
2607
+ "propToVariantKeys": {},
2608
+ "runtimeConfigDefaultProps": {},
2609
+ "runtimeConfigGetStyles": {},
2610
+ "runtimeConfigInternalComponentProps": {},
2611
+ "motionVarPrefixes": []
2612
+ },
2613
+ UDSConfigProvider: {
2614
+ "name": "UDSConfigProvider",
2615
+ "defaultProps": {},
2616
+ "getStylesLiterals": {},
2617
+ "cxLiterals": [],
2618
+ "internalComponents": [
2619
+ "UDSBreakpointsConfigProvider",
2620
+ "UDSBottomSheetConfigProvider",
2621
+ "UDSToastConfigProvider",
2622
+ "UDSTooltipConfigProvider",
2623
+ "UDSPopoverConfigProvider",
2624
+ "UDSModalConfigProvider"
2625
+ ],
2626
+ "internalComponentProps": {},
2627
+ "propToVariantKeys": {},
2628
+ "runtimeConfigDefaultProps": {},
2629
+ "runtimeConfigGetStyles": {},
2630
+ "runtimeConfigInternalComponentProps": {},
2631
+ "motionVarPrefixes": []
2632
+ },
2633
+ Accordion: {
2634
+ "name": "Accordion",
2635
+ "defaultProps": {
2636
+ "spacingHorizontal": "4",
2637
+ "spacingVertical": "4"
2638
+ },
2639
+ "getStylesLiterals": {},
2640
+ "cxLiterals": ["hover:bg-secondary/80", "w-full"],
2641
+ "internalComponents": [
2642
+ "Icon",
2643
+ "SpringMotionConfig",
2644
+ "Pressable",
2645
+ "Text",
2646
+ "HStack",
2647
+ "AnimatePresence",
2648
+ "VStack"
2649
+ ],
2650
+ "internalComponentProps": {
2651
+ "Icon": {
2652
+ "variant": ["fill"],
2653
+ "size": ["sm"],
2654
+ "color": ["primary"]
2655
+ },
2656
+ "SpringMotionConfig": {
2657
+ "layoutVariant": ["smooth"],
2658
+ "layoutSpeed": ["3"]
2659
+ },
2660
+ "Pressable": {
2661
+ "display": ["flex"],
2662
+ "flexDirection": ["row"],
2663
+ "alignItems": ["center"],
2664
+ "justifyContent": ["space-between"],
2665
+ "borderRadius": ["md"]
2666
+ },
2667
+ "Text": {
2668
+ "variant": ["title4"],
2669
+ "color": ["primary"]
2670
+ },
2671
+ "HStack": {
2672
+ "display": ["flex"],
2673
+ "alignItems": ["center"],
2674
+ "justifyContent": ["space-between"],
2675
+ "columnGap": ["2.5"]
2676
+ }
2677
+ },
2678
+ "propToVariantKeys": {},
2679
+ "runtimeConfigDefaultProps": {},
2680
+ "runtimeConfigGetStyles": {},
2681
+ "runtimeConfigInternalComponentProps": {},
2682
+ "motionVarPrefixes": ["--uds-motion-smooth-3-"]
2664
2683
  },
2665
- UDSToastConfigProvider: {
2666
- "name": "UDSToastConfigProvider",
2684
+ AvoidMotionLibraryProvider: {
2685
+ "name": "AvoidMotionLibraryProvider",
2667
2686
  "defaultProps": {},
2668
2687
  "getStylesLiterals": {},
2669
2688
  "cxLiterals": [],
2670
- "internalComponents": ["ToastContext.Provider"],
2689
+ "internalComponents": [],
2671
2690
  "internalComponentProps": {},
2672
2691
  "propToVariantKeys": {},
2673
2692
  "runtimeConfigDefaultProps": {},
@@ -2675,145 +2694,161 @@ var componentData_default = {
2675
2694
  "runtimeConfigInternalComponentProps": {},
2676
2695
  "motionVarPrefixes": []
2677
2696
  },
2678
- Tab: {
2679
- "name": "Tab",
2680
- "defaultProps": { "variant": "primary" },
2697
+ SegmentedControl: {
2698
+ "name": "SegmentedControl",
2699
+ "defaultProps": { "textVariant": "label2" },
2681
2700
  "getStylesLiterals": {
2682
- "tabSizeRoot": "default",
2683
- "tabVariantActiveRoot": "off",
2684
- "tabVariantActiveRoot:1": "on",
2685
- "tabSizeIcon": "default"
2701
+ "display": "flex",
2702
+ "alignItems": "center",
2703
+ "backgroundColor": "primary",
2704
+ "spacingVertical": "1",
2705
+ "spacingHorizontal": "3",
2706
+ "columnGap": "1.5",
2707
+ "borderWidth": "thin",
2708
+ "borderRadius": "full",
2709
+ "borderColor": "muted",
2710
+ "borderColor:1": "transparent",
2711
+ "color": "primary",
2712
+ "color:1": "tertiary",
2713
+ "color:2": "muted"
2686
2714
  },
2687
2715
  "cxLiterals": [
2688
- "pointer-events-none",
2689
- "absolute",
2690
- "bottom-0",
2691
- "left-0",
2692
- "right-0",
2693
- "h-[var(--uds-tab-underline-width,0px)]",
2694
- "bg-[var(--uds-tab-underline-color,transparent)]",
2695
- "transition-[height,background-color]",
2696
- "duration-[240ms]",
2697
- "ease-[cubic-bezier(0.2,0,0,1)]",
2698
- "!bg-transparent",
2699
- "!shadow-none",
2700
- "inline-flex",
2701
- "items-center",
2702
- "shrink-0",
2703
- "box-border",
2704
- "relative",
2705
- "z-[1]",
2706
- "cursor-pointer",
2707
- "select-none",
2708
- "whitespace-nowrap",
2709
2716
  "uds-ring",
2717
+ "cursor-not-allowed",
2710
2718
  "opacity-50",
2711
- "cursor-default",
2712
- "border-solid",
2713
- "border-b-solid",
2714
- "transition-colors"
2719
+ "pointer-events-none",
2720
+ "hover:bg-primary"
2715
2721
  ],
2716
2722
  "internalComponents": [
2717
- "IconSlot",
2718
- "AriakitTab",
2723
+ "Radio",
2724
+ "Icon",
2725
+ "RadioProvider",
2726
+ "HStack",
2727
+ "RadioGroup",
2728
+ "Pressable",
2719
2729
  "Text"
2720
2730
  ],
2721
- "internalComponentProps": { "Text": {
2722
- "variant": ["inherit"],
2723
- "as": ["span"],
2724
- "color": ["current"]
2725
- } },
2731
+ "internalComponentProps": {
2732
+ "Icon": {
2733
+ "size": ["sm"],
2734
+ "color": ["current"],
2735
+ "aria-hidden": ["true"]
2736
+ },
2737
+ "HStack": {
2738
+ "spacing": ["1"],
2739
+ "gap": ["1"],
2740
+ "backgroundColor": ["secondary"],
2741
+ "borderRadius": ["full"],
2742
+ "display": ["inline-flex"]
2743
+ },
2744
+ "Text": { "color": ["current"] }
2745
+ },
2726
2746
  "propToVariantKeys": {
2727
- "variant": ["tabVariantRoot", "tabVariantIcon"],
2728
- "activeState": ["tabVariantActiveIcon"],
2729
- "startIcon": ["icon"],
2730
- "endIcon": ["icon"]
2747
+ "value": ["key"],
2748
+ "label": ["aria-label"],
2749
+ "textVariant": ["variant"]
2731
2750
  },
2732
2751
  "runtimeConfigDefaultProps": {},
2733
2752
  "runtimeConfigGetStyles": {},
2734
2753
  "runtimeConfigInternalComponentProps": {},
2735
2754
  "motionVarPrefixes": []
2736
2755
  },
2737
- TabList: {
2738
- "name": "TabList",
2739
- "defaultProps": { "variant": "primary" },
2756
+ SwitchV2: {
2757
+ "name": "SwitchV2",
2758
+ "defaultProps": {
2759
+ "labelPosition": "start",
2760
+ "size": "md"
2761
+ },
2740
2762
  "getStylesLiterals": {
2741
- "tabSizeRoot": "default",
2742
- "tabVariantActiveRoot": "on"
2763
+ "switchVariantRoot": "default",
2764
+ "switchVariantActiveRoot": "on",
2765
+ "switchVariantActiveRoot:1": "off",
2766
+ "switchVariantSwitch": "default",
2767
+ "switchVariantActiveSwitch": "on",
2768
+ "switchVariantActiveSwitch:1": "off",
2769
+ "switchVariantActiveHandle": "on",
2770
+ "switchVariantActiveHandle:1": "off",
2771
+ "switchVariantHandle": "default",
2772
+ "switchVariantHandleIcon": "default",
2773
+ "switchVariantActiveHandleIcon": "on",
2774
+ "switchVariantActiveHandleIcon:1": "off"
2743
2775
  },
2744
2776
  "cxLiterals": [
2777
+ "group",
2778
+ "flex",
2779
+ "items-center",
2780
+ "flex-row",
2781
+ "flex-row-reverse",
2782
+ "uds-ring",
2783
+ "uds-ring-within",
2784
+ "relative",
2785
+ "uds-border-radius-full",
2786
+ "transition-[background-color,box-shadow]",
2745
2787
  "pointer-events-none",
2788
+ "w-full",
2789
+ "h-full",
2746
2790
  "absolute",
2791
+ "top-0",
2747
2792
  "bottom-0",
2748
- "left-0",
2749
2793
  "right-0",
2750
- "h-[var(--uds-tab-underline-width,0px)]",
2751
- "bg-[var(--uds-tab-underline-color,transparent)]",
2752
- "transition-[height,background-color]",
2753
- "duration-[240ms]",
2754
- "ease-[cubic-bezier(0.2,0,0,1)]",
2755
- "!m-0",
2756
- "!p-0",
2757
- "!gap-0",
2758
- "box-border",
2759
- "z-0",
2760
- "min-w-0",
2761
- "min-h-0",
2762
- "flex",
2763
- "flex-row",
2764
- "items-center",
2765
- "overflow-x-auto",
2766
- "overflow-y-clip",
2767
- "scrollbar-none",
2768
- "[overflow-clip-margin:6px]",
2769
- "overflow-clip",
2770
- "[overflow-clip-margin:8px]",
2771
- "relative",
2772
- "left",
2773
- "240ms",
2774
- "cubic-bezier(0.2,",
2775
- "0,",
2776
- "1),",
2777
- "top",
2778
- "width",
2779
- "height",
2780
- "1)",
2781
- "--uds-tab-underline-color",
2782
- "--uds-tab-underline-width"
2794
+ "left-0",
2795
+ "overflow-hidden",
2796
+ "group-hover:scale-105",
2797
+ "opacity-95",
2798
+ "group-hover:opacity-100",
2799
+ "transition-[transform,opacity]",
2800
+ "opacity-0",
2801
+ "top-1/2",
2802
+ "left-1/2",
2803
+ "transform",
2804
+ "translate-x-[-50%]",
2805
+ "translate-y-[-50%]",
2806
+ "transition-opacity",
2807
+ "cursor-[inherit]",
2808
+ "w-[calc(100%+2px)]",
2809
+ "h-[calc(100%+2px)]",
2810
+ "text-start",
2811
+ "text-end",
2812
+ "opacity-100"
2783
2813
  ],
2784
- "internalComponents": ["AriakitTabList"],
2785
- "internalComponentProps": {},
2786
- "propToVariantKeys": { "variant": ["tabsVariantRoot", "tabVariantRoot"] },
2787
- "runtimeConfigDefaultProps": {},
2788
- "runtimeConfigGetStyles": {},
2789
- "runtimeConfigInternalComponentProps": {},
2790
- "motionVarPrefixes": []
2791
- },
2792
- TabPanel: {
2793
- "name": "TabPanel",
2794
- "defaultProps": {},
2795
- "getStylesLiterals": {},
2796
- "cxLiterals": [],
2797
- "internalComponents": ["AriakitTabPanel"],
2798
- "internalComponentProps": {},
2799
- "propToVariantKeys": {},
2800
- "runtimeConfigDefaultProps": {},
2801
- "runtimeConfigGetStyles": {},
2802
- "runtimeConfigInternalComponentProps": {},
2803
- "motionVarPrefixes": []
2804
- },
2805
- Tabs: {
2806
- "name": "Tabs",
2807
- "defaultProps": { "variant": "primary" },
2808
- "getStylesLiterals": {},
2809
- "cxLiterals": [],
2810
- "internalComponents": ["TabsContext.Provider", "TabProvider"],
2811
- "internalComponentProps": {},
2812
- "propToVariantKeys": { "onSelectionChange": ["setSelectedId"] },
2814
+ "internalComponents": [
2815
+ "IconSlot",
2816
+ "Box",
2817
+ "FormLabel",
2818
+ "SpringMotionConfig",
2819
+ "RootElement",
2820
+ "MotionBox"
2821
+ ],
2822
+ "internalComponentProps": {
2823
+ "IconSlot": { "data-testid": ["on-icon", "off-icon"] },
2824
+ "FormLabel": {
2825
+ "as": ["div"],
2826
+ "variant": ["inherit"],
2827
+ "color": ["inherit"]
2828
+ },
2829
+ "SpringMotionConfig": {
2830
+ "layoutVariant": ["bouncy"],
2831
+ "layoutSpeed": ["4"]
2832
+ },
2833
+ "RootElement": { "data-testid": ["switch-root"] },
2834
+ "MotionBox": { "layout": ["position"] }
2835
+ },
2836
+ "propToVariantKeys": {
2837
+ "size": [
2838
+ "switchSizeRoot",
2839
+ "switchSizeSwitch",
2840
+ "switchSizeHandle",
2841
+ "switchSizeHandleIcon"
2842
+ ],
2843
+ "onIcon": ["icon"],
2844
+ "offIcon": ["icon"],
2845
+ "reduceMotion": ["reducedMotion"],
2846
+ "isOn": ["layoutDependency"]
2847
+ },
2813
2848
  "runtimeConfigDefaultProps": {},
2814
2849
  "runtimeConfigGetStyles": {},
2815
2850
  "runtimeConfigInternalComponentProps": {},
2816
- "motionVarPrefixes": []
2851
+ "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
2817
2852
  }
2818
2853
  };
2819
2854
  //#endregion