@yahoo/uds 3.134.0 → 3.134.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (55) hide show
  1. package/dist/cli/dist/lib/args.cjs +7 -3
  2. package/dist/cli/dist/lib/args.js +7 -3
  3. package/dist/components/client/Menu/Menu.ItemCheckbox.d.cts +1 -1
  4. package/dist/components/client/Menu/Menu.ItemCheckbox.d.ts +1 -1
  5. package/dist/styles/styler.d.cts +26 -26
  6. package/dist/styles/styler.d.ts +26 -26
  7. package/dist/tailwind/dist/commands/css.cjs +1 -0
  8. package/dist/tailwind/dist/commands/css.d.cts.map +1 -1
  9. package/dist/tailwind/dist/commands/css.d.ts.map +1 -1
  10. package/dist/tailwind/dist/commands/css.helpers.cjs +8 -1
  11. package/dist/tailwind/dist/commands/css.helpers.js +8 -1
  12. package/dist/tailwind/dist/commands/css.helpers.js.map +1 -1
  13. package/dist/tailwind/dist/commands/css.js +1 -0
  14. package/dist/tailwind/dist/commands/css.js.map +1 -1
  15. package/dist/tailwind/dist/css/generate.cjs +7 -4
  16. package/dist/tailwind/dist/css/generate.d.cts.map +1 -1
  17. package/dist/tailwind/dist/css/generate.d.ts.map +1 -1
  18. package/dist/tailwind/dist/css/generate.js +7 -4
  19. package/dist/tailwind/dist/css/generate.js.map +1 -1
  20. package/dist/tailwind/dist/css/nodeUtils.cjs +19 -8
  21. package/dist/tailwind/dist/css/nodeUtils.js +19 -8
  22. package/dist/tailwind/dist/css/nodeUtils.js.map +1 -1
  23. package/dist/tailwind/dist/css/perf.cjs +92 -0
  24. package/dist/tailwind/dist/css/perf.js +89 -0
  25. package/dist/tailwind/dist/css/perf.js.map +1 -0
  26. package/dist/tailwind/dist/css/purgeWorker.cjs +47 -0
  27. package/dist/tailwind/dist/css/purgeWorker.d.cts +2 -0
  28. package/dist/tailwind/dist/css/purgeWorker.d.ts +2 -0
  29. package/dist/tailwind/dist/css/purgeWorker.js +48 -0
  30. package/dist/tailwind/dist/css/purgeWorker.js.map +1 -0
  31. package/dist/tailwind/dist/css/runner.cjs +158 -145
  32. package/dist/tailwind/dist/css/runner.js +158 -145
  33. package/dist/tailwind/dist/css/runner.js.map +1 -1
  34. package/dist/tailwind/dist/css/workerPool.cjs +89 -0
  35. package/dist/tailwind/dist/css/workerPool.js +90 -0
  36. package/dist/tailwind/dist/css/workerPool.js.map +1 -0
  37. package/dist/tailwind/dist/purger/optimized/ast/expressions.cjs +95 -15
  38. package/dist/tailwind/dist/purger/optimized/ast/expressions.js +95 -15
  39. package/dist/tailwind/dist/purger/optimized/ast/expressions.js.map +1 -1
  40. package/dist/tailwind/dist/purger/optimized/purgeFromCode.cjs +38 -14
  41. package/dist/tailwind/dist/purger/optimized/purgeFromCode.d.cts.map +1 -1
  42. package/dist/tailwind/dist/purger/optimized/purgeFromCode.d.ts.map +1 -1
  43. package/dist/tailwind/dist/purger/optimized/purgeFromCode.js +39 -15
  44. package/dist/tailwind/dist/purger/optimized/purgeFromCode.js.map +1 -1
  45. package/dist/tailwind/dist/purger/optimized/types.d.cts +10 -0
  46. package/dist/tailwind/dist/purger/optimized/types.d.cts.map +1 -1
  47. package/dist/tailwind/dist/purger/optimized/types.d.ts +10 -0
  48. package/dist/tailwind/dist/purger/optimized/types.d.ts.map +1 -1
  49. package/dist/uds/generated/componentData.cjs +557 -557
  50. package/dist/uds/generated/componentData.js +557 -557
  51. package/generated/componentData.json +915 -915
  52. package/package.json +1 -1
  53. package/dist/tailwind/dist/purger/optimized/ast/jsx.cjs +0 -16
  54. package/dist/tailwind/dist/purger/optimized/ast/jsx.js +0 -17
  55. package/dist/tailwind/dist/purger/optimized/ast/jsx.js.map +0 -1
@@ -577,92 +577,6 @@
577
577
  "runtimeConfigInternalComponentProps": {},
578
578
  "motionVarPrefixes": []
579
579
  },
580
- "Spinner": {
581
- "name": "Spinner",
582
- "defaultProps": {
583
- "color": "primary",
584
- "size": "lg"
585
- },
586
- "getStylesLiterals": {},
587
- "cxLiterals": [
588
- "self-center",
589
- "relative",
590
- "sr-only"
591
- ],
592
- "internalComponents": [
593
- "Icon"
594
- ],
595
- "internalComponentProps": {
596
- "Icon": {
597
- "role": [
598
- "img"
599
- ],
600
- "className": [
601
- "animate-spin"
602
- ],
603
- "aria-hidden": [
604
- "true"
605
- ]
606
- }
607
- },
608
- "propToVariantKeys": {},
609
- "runtimeConfigDefaultProps": {},
610
- "runtimeConfigGetStyles": {},
611
- "runtimeConfigInternalComponentProps": {},
612
- "motionVarPrefixes": []
613
- },
614
- "Table.mocks": {
615
- "name": "Table.mocks",
616
- "defaultProps": {},
617
- "getStylesLiterals": {},
618
- "cxLiterals": [],
619
- "internalComponents": [],
620
- "internalComponentProps": {},
621
- "propToVariantKeys": {},
622
- "runtimeConfigDefaultProps": {},
623
- "runtimeConfigGetStyles": {},
624
- "runtimeConfigInternalComponentProps": {},
625
- "motionVarPrefixes": []
626
- },
627
- "Table": {
628
- "name": "Table",
629
- "defaultProps": {
630
- "display": "table-cell",
631
- "overflow": "hidden",
632
- "borderColor": "muted",
633
- "borderRadius": "md",
634
- "spacing": "3",
635
- "borderBottomColor": "muted",
636
- "borderBottomWidth": "thin",
637
- "color": "primary"
638
- },
639
- "getStylesLiterals": {
640
- "textAlign": "start"
641
- },
642
- "cxLiterals": [],
643
- "internalComponents": [
644
- "CellComponent",
645
- "Box",
646
- "Text",
647
- "Table.Root",
648
- "Table.Header",
649
- "Table.Row",
650
- "Table.Cell",
651
- "Table.Body"
652
- ],
653
- "internalComponentProps": {
654
- "Table.Cell": {
655
- "asHeaderCell": [
656
- "column"
657
- ]
658
- }
659
- },
660
- "propToVariantKeys": {},
661
- "runtimeConfigDefaultProps": {},
662
- "runtimeConfigGetStyles": {},
663
- "runtimeConfigInternalComponentProps": {},
664
- "motionVarPrefixes": []
665
- },
666
580
  "AnimateHeightChange": {
667
581
  "name": "AnimateHeightChange",
668
582
  "defaultProps": {},
@@ -1164,83 +1078,31 @@
1164
1078
  "--uds-motion-smooth-3-"
1165
1079
  ]
1166
1080
  },
1167
- "Accordion": {
1168
- "name": "Accordion",
1081
+ "Spinner": {
1082
+ "name": "Spinner",
1169
1083
  "defaultProps": {
1170
- "spacingHorizontal": "4",
1171
- "spacingVertical": "4"
1084
+ "color": "primary",
1085
+ "size": "lg"
1172
1086
  },
1173
1087
  "getStylesLiterals": {},
1174
1088
  "cxLiterals": [
1175
- "hover:bg-secondary/80",
1176
- "w-full"
1089
+ "self-center",
1090
+ "relative",
1091
+ "sr-only"
1177
1092
  ],
1178
1093
  "internalComponents": [
1179
- "Icon",
1180
- "SpringMotionConfig",
1181
- "Pressable",
1182
- "Text",
1183
- "HStack",
1184
- "AnimatePresence",
1185
- "VStack"
1094
+ "Icon"
1186
1095
  ],
1187
1096
  "internalComponentProps": {
1188
1097
  "Icon": {
1189
- "variant": [
1190
- "fill"
1191
- ],
1192
- "size": [
1193
- "sm"
1194
- ],
1195
- "color": [
1196
- "primary"
1197
- ]
1198
- },
1199
- "SpringMotionConfig": {
1200
- "layoutVariant": [
1201
- "smooth"
1202
- ],
1203
- "layoutSpeed": [
1204
- "3"
1205
- ]
1206
- },
1207
- "Pressable": {
1208
- "display": [
1209
- "flex"
1210
- ],
1211
- "flexDirection": [
1212
- "row"
1213
- ],
1214
- "alignItems": [
1215
- "center"
1216
- ],
1217
- "justifyContent": [
1218
- "space-between"
1219
- ],
1220
- "borderRadius": [
1221
- "md"
1222
- ]
1223
- },
1224
- "Text": {
1225
- "variant": [
1226
- "title4"
1227
- ],
1228
- "color": [
1229
- "primary"
1230
- ]
1231
- },
1232
- "HStack": {
1233
- "display": [
1234
- "flex"
1235
- ],
1236
- "alignItems": [
1237
- "center"
1098
+ "role": [
1099
+ "img"
1238
1100
  ],
1239
- "justifyContent": [
1240
- "space-between"
1101
+ "className": [
1102
+ "animate-spin"
1241
1103
  ],
1242
- "columnGap": [
1243
- "2.5"
1104
+ "aria-hidden": [
1105
+ "true"
1244
1106
  ]
1245
1107
  }
1246
1108
  },
@@ -1248,12 +1110,10 @@
1248
1110
  "runtimeConfigDefaultProps": {},
1249
1111
  "runtimeConfigGetStyles": {},
1250
1112
  "runtimeConfigInternalComponentProps": {},
1251
- "motionVarPrefixes": [
1252
- "--uds-motion-smooth-3-"
1253
- ]
1113
+ "motionVarPrefixes": []
1254
1114
  },
1255
- "AvoidMotionLibraryProvider": {
1256
- "name": "AvoidMotionLibraryProvider",
1115
+ "Table.mocks": {
1116
+ "name": "Table.mocks",
1257
1117
  "defaultProps": {},
1258
1118
  "getStylesLiterals": {},
1259
1119
  "cxLiterals": [],
@@ -1265,225 +1125,45 @@
1265
1125
  "runtimeConfigInternalComponentProps": {},
1266
1126
  "motionVarPrefixes": []
1267
1127
  },
1268
- "SegmentedControl": {
1269
- "name": "SegmentedControl",
1128
+ "Table": {
1129
+ "name": "Table",
1270
1130
  "defaultProps": {
1271
- "textVariant": "label2"
1131
+ "display": "table-cell",
1132
+ "overflow": "hidden",
1133
+ "borderColor": "muted",
1134
+ "borderRadius": "md",
1135
+ "spacing": "3",
1136
+ "borderBottomColor": "muted",
1137
+ "borderBottomWidth": "thin",
1138
+ "color": "primary"
1272
1139
  },
1273
1140
  "getStylesLiterals": {
1274
- "display": "flex",
1275
- "alignItems": "center",
1276
- "backgroundColor": "primary",
1277
- "spacingVertical": "1",
1278
- "spacingHorizontal": "3",
1279
- "columnGap": "1.5",
1280
- "borderWidth": "thin",
1281
- "borderRadius": "full",
1282
- "borderColor": "muted",
1283
- "borderColor:1": "transparent",
1284
- "color": "primary",
1285
- "color:1": "tertiary",
1286
- "color:2": "muted"
1141
+ "textAlign": "start"
1287
1142
  },
1288
- "cxLiterals": [
1289
- "uds-ring",
1290
- "cursor-not-allowed",
1291
- "opacity-50",
1292
- "pointer-events-none",
1293
- "hover:bg-primary"
1294
- ],
1143
+ "cxLiterals": [],
1295
1144
  "internalComponents": [
1296
- "TextVariant",
1297
- "Radio",
1298
- "Icon",
1299
- "RadioProvider",
1300
- "HStack",
1301
- "RadioGroup",
1302
- "Pressable",
1303
- "Text"
1145
+ "CellComponent",
1146
+ "Box",
1147
+ "Text",
1148
+ "Table.Root",
1149
+ "Table.Header",
1150
+ "Table.Row",
1151
+ "Table.Cell",
1152
+ "Table.Body"
1304
1153
  ],
1305
1154
  "internalComponentProps": {
1306
- "Icon": {
1307
- "size": [
1308
- "sm"
1309
- ],
1310
- "color": [
1311
- "current"
1312
- ],
1313
- "aria-hidden": [
1314
- "true"
1315
- ]
1316
- },
1317
- "HStack": {
1318
- "spacing": [
1319
- "1"
1320
- ],
1321
- "gap": [
1322
- "1"
1323
- ],
1324
- "backgroundColor": [
1325
- "secondary"
1326
- ],
1327
- "borderRadius": [
1328
- "full"
1329
- ],
1330
- "display": [
1331
- "inline-flex"
1332
- ]
1333
- },
1334
- "Text": {
1335
- "color": [
1336
- "current"
1155
+ "Table.Cell": {
1156
+ "asHeaderCell": [
1157
+ "column"
1337
1158
  ]
1338
1159
  }
1339
1160
  },
1340
- "propToVariantKeys": {
1341
- "value": [
1342
- "key"
1343
- ],
1344
- "label": [
1345
- "aria-label"
1346
- ],
1347
- "textVariant": [
1348
- "variant"
1349
- ]
1350
- },
1161
+ "propToVariantKeys": {},
1351
1162
  "runtimeConfigDefaultProps": {},
1352
1163
  "runtimeConfigGetStyles": {},
1353
1164
  "runtimeConfigInternalComponentProps": {},
1354
1165
  "motionVarPrefixes": []
1355
1166
  },
1356
- "SwitchV2": {
1357
- "name": "SwitchV2",
1358
- "defaultProps": {
1359
- "labelPosition": "start",
1360
- "size": "md"
1361
- },
1362
- "getStylesLiterals": {
1363
- "switchVariantRoot": "default",
1364
- "switchVariantActiveRoot": "on",
1365
- "switchVariantActiveRoot:1": "off",
1366
- "switchVariantSwitch": "default",
1367
- "switchVariantActiveSwitch": "on",
1368
- "switchVariantActiveSwitch:1": "off",
1369
- "switchVariantActiveHandle": "on",
1370
- "switchVariantActiveHandle:1": "off",
1371
- "switchVariantHandle": "default",
1372
- "switchVariantHandleIcon": "default",
1373
- "switchVariantActiveHandleIcon": "on",
1374
- "switchVariantActiveHandleIcon:1": "off"
1375
- },
1376
- "cxLiterals": [
1377
- "group",
1378
- "flex",
1379
- "items-center",
1380
- "flex-row",
1381
- "flex-row-reverse",
1382
- "uds-ring",
1383
- "uds-ring-within",
1384
- "relative",
1385
- "uds-border-radius-full",
1386
- "transition-[background-color,box-shadow]",
1387
- "pointer-events-none",
1388
- "w-full",
1389
- "h-full",
1390
- "absolute",
1391
- "top-0",
1392
- "bottom-0",
1393
- "right-0",
1394
- "left-0",
1395
- "overflow-hidden",
1396
- "group-hover:scale-105",
1397
- "opacity-95",
1398
- "group-hover:opacity-100",
1399
- "transition-[transform,opacity]",
1400
- "opacity-0",
1401
- "top-1/2",
1402
- "left-1/2",
1403
- "transform",
1404
- "translate-x-[-50%]",
1405
- "translate-y-[-50%]",
1406
- "transition-opacity",
1407
- "cursor-[inherit]",
1408
- "w-[calc(100%+2px)]",
1409
- "h-[calc(100%+2px)]",
1410
- "text-start",
1411
- "text-end",
1412
- "opacity-100"
1413
- ],
1414
- "internalComponents": [
1415
- "IconSlot",
1416
- "Box",
1417
- "FormLabel",
1418
- "SpringMotionConfig",
1419
- "RootElement",
1420
- "MotionBox"
1421
- ],
1422
- "internalComponentProps": {
1423
- "IconSlot": {
1424
- "data-testid": [
1425
- "on-icon",
1426
- "off-icon"
1427
- ]
1428
- },
1429
- "FormLabel": {
1430
- "as": [
1431
- "div"
1432
- ],
1433
- "variant": [
1434
- "inherit"
1435
- ],
1436
- "color": [
1437
- "inherit"
1438
- ]
1439
- },
1440
- "SpringMotionConfig": {
1441
- "layoutVariant": [
1442
- "bouncy"
1443
- ],
1444
- "layoutSpeed": [
1445
- "4"
1446
- ]
1447
- },
1448
- "RootElement": {
1449
- "data-testid": [
1450
- "switch-root"
1451
- ]
1452
- },
1453
- "MotionBox": {
1454
- "layout": [
1455
- "position"
1456
- ]
1457
- }
1458
- },
1459
- "propToVariantKeys": {
1460
- "size": [
1461
- "switchSizeRoot",
1462
- "switchSizeSwitch",
1463
- "switchSizeHandle",
1464
- "switchSizeHandleIcon"
1465
- ],
1466
- "onIcon": [
1467
- "icon"
1468
- ],
1469
- "offIcon": [
1470
- "icon"
1471
- ],
1472
- "reduceMotion": [
1473
- "reducedMotion"
1474
- ],
1475
- "isOn": [
1476
- "layoutDependency"
1477
- ]
1478
- },
1479
- "runtimeConfigDefaultProps": {},
1480
- "runtimeConfigGetStyles": {},
1481
- "runtimeConfigInternalComponentProps": {},
1482
- "motionVarPrefixes": [
1483
- "--uds-motion-bouncy-4-",
1484
- "--uds-motion-smooth-3-"
1485
- ]
1486
- },
1487
1167
  "Avatar": {
1488
1168
  "name": "Avatar",
1489
1169
  "defaultProps": {},
@@ -1883,72 +1563,39 @@
1883
1563
  "runtimeConfigInternalComponentProps": {},
1884
1564
  "motionVarPrefixes": []
1885
1565
  },
1886
- "Chip": {
1887
- "name": "Chip",
1888
- "defaultProps": {},
1889
- "getStylesLiterals": {},
1890
- "cxLiterals": [],
1891
- "internalComponents": [
1892
- "ChipDismissible",
1893
- "ChipToggle",
1894
- "ChipLink",
1895
- "ChipButton"
1896
- ],
1897
- "internalComponentProps": {},
1898
- "propToVariantKeys": {},
1899
- "runtimeConfigDefaultProps": {},
1900
- "runtimeConfigGetStyles": {},
1901
- "runtimeConfigInternalComponentProps": {},
1902
- "motionVarPrefixes": []
1903
- },
1904
- "ChipBase": {
1905
- "name": "ChipBase",
1566
+ "Menu.Content": {
1567
+ "name": "Menu.Content",
1906
1568
  "defaultProps": {
1907
- "size": "md",
1908
- "as": "div"
1569
+ "size": "default",
1570
+ "variant": "default",
1571
+ "gutter": "1"
1909
1572
  },
1910
1573
  "getStylesLiterals": {},
1911
1574
  "cxLiterals": [
1912
- "pointer-events-none",
1913
- "cursor-default",
1914
- "opacity-50",
1915
- "inline-flex",
1916
- "items-center",
1917
- "transition-[background-color,outline-color,box-shadow]",
1918
- "truncate",
1919
- "whitespace-nowrap",
1920
- "text-center",
1921
- "flex-1"
1575
+ "uds-menu-content",
1576
+ "transition-shadow",
1577
+ "duration-200",
1578
+ "ease-in-out",
1579
+ "min-w-60",
1580
+ "max-w-lg",
1581
+ "max-h-96",
1582
+ "overflow-auto",
1583
+ "uds-ring",
1584
+ "z-10",
1585
+ "group"
1922
1586
  ],
1923
1587
  "internalComponents": [
1924
- "IconSlot",
1925
- "HStack",
1926
- "As",
1927
- "Text"
1588
+ "AriakitMenu",
1589
+ "AnimatePresence",
1590
+ "MotionVStack"
1928
1591
  ],
1929
- "internalComponentProps": {
1930
- "Text": {
1931
- "as": [
1932
- "span"
1933
- ],
1934
- "color": [
1935
- "current"
1936
- ],
1937
- "variant": [
1938
- "inherit"
1939
- ]
1940
- }
1941
- },
1592
+ "internalComponentProps": {},
1942
1593
  "propToVariantKeys": {
1943
1594
  "size": [
1944
- "chipSizeRoot",
1945
- "chipSizeIcon"
1946
- ],
1947
- "startIcon": [
1948
- "icon"
1595
+ "menucontentSizeRoot"
1949
1596
  ],
1950
- "endIcon": [
1951
- "icon"
1597
+ "variant": [
1598
+ "menucontentVariantRoot"
1952
1599
  ]
1953
1600
  },
1954
1601
  "runtimeConfigDefaultProps": {},
@@ -1956,224 +1603,122 @@
1956
1603
  "runtimeConfigInternalComponentProps": {},
1957
1604
  "motionVarPrefixes": []
1958
1605
  },
1959
- "ChipButton": {
1960
- "name": "ChipButton",
1606
+ "Menu.Divider": {
1607
+ "name": "Menu.Divider",
1961
1608
  "defaultProps": {
1962
- "variant": "primary"
1609
+ "role": "separator",
1610
+ "contentPosition": "start",
1611
+ "gap": "4"
1963
1612
  },
1964
- "getStylesLiterals": {},
1965
- "cxLiterals": [
1966
- "uds-ring"
1967
- ],
1613
+ "getStylesLiterals": {
1614
+ "menuitemDividerVariantRoot": "default",
1615
+ "menuitemDividerVariantText": "default",
1616
+ "menuitemDividerVariantLine": "default"
1617
+ },
1618
+ "cxLiterals": [],
1968
1619
  "internalComponents": [
1969
- "ChipBase"
1620
+ "DividerInternal"
1970
1621
  ],
1971
1622
  "internalComponentProps": {
1972
- "ChipBase": {
1973
- "as": [
1974
- "button"
1623
+ "DividerInternal": {
1624
+ "variant": [
1625
+ "inherit"
1975
1626
  ]
1976
1627
  }
1977
1628
  },
1978
- "propToVariantKeys": {
1979
- "variant": [
1980
- "chipLinkVariantRoot",
1981
- "chipLinkVariantIcon"
1982
- ]
1983
- },
1984
- "runtimeConfigDefaultProps": {},
1985
- "runtimeConfigGetStyles": {},
1986
- "runtimeConfigInternalComponentProps": {},
1987
- "motionVarPrefixes": []
1988
- },
1989
- "ChipDismissible": {
1990
- "name": "ChipDismissible",
1991
- "defaultProps": {
1992
- "variant": "primary"
1993
- },
1994
- "getStylesLiterals": {},
1995
- "cxLiterals": [
1996
- "uds-chip-dismissible-button",
1997
- "uds-hit-target",
1998
- "uds-ring",
1999
- "rounded-full"
2000
- ],
2001
- "internalComponents": [
2002
- "ChipBase",
2003
- "IconSlot",
2004
- "Pressable"
2005
- ],
2006
- "internalComponentProps": {},
2007
- "propToVariantKeys": {
2008
- "variant": [
2009
- "chipDismissibleVariantRoot",
2010
- "chipDismissibleVariantIcon"
2011
- ],
2012
- "dismissButtonAriaLabel": [
2013
- "aria-label"
2014
- ]
2015
- },
2016
- "runtimeConfigDefaultProps": {},
2017
- "runtimeConfigGetStyles": {},
2018
- "runtimeConfigInternalComponentProps": {},
2019
- "motionVarPrefixes": []
2020
- },
2021
- "ChipLink": {
2022
- "name": "ChipLink",
2023
- "defaultProps": {
2024
- "variant": "primary"
2025
- },
2026
- "getStylesLiterals": {},
2027
- "cxLiterals": [
2028
- "uds-ring"
2029
- ],
2030
- "internalComponents": [
2031
- "ChipBase"
2032
- ],
2033
- "internalComponentProps": {
2034
- "ChipBase": {
2035
- "as": [
2036
- "a"
2037
- ]
2038
- }
2039
- },
2040
- "propToVariantKeys": {
2041
- "variant": [
2042
- "chipLinkVariantRoot",
2043
- "chipLinkVariantIcon"
2044
- ]
2045
- },
1629
+ "propToVariantKeys": {},
2046
1630
  "runtimeConfigDefaultProps": {},
2047
1631
  "runtimeConfigGetStyles": {},
2048
1632
  "runtimeConfigInternalComponentProps": {},
2049
1633
  "motionVarPrefixes": []
2050
1634
  },
2051
- "ChipToggle": {
2052
- "name": "ChipToggle",
2053
- "defaultProps": {
2054
- "variant": "primary",
2055
- "role": "checkbox"
2056
- },
1635
+ "Menu.Item": {
1636
+ "name": "Menu.Item",
1637
+ "defaultProps": {},
2057
1638
  "getStylesLiterals": {
2058
- "chipToggleVariantActiveRoot": "on",
2059
- "chipToggleVariantActiveRoot:1": "off"
1639
+ "menuitemItemVariantRoot": "default",
1640
+ "menuitemItemVariantActiveRoot": "on",
1641
+ "menuitemItemVariantActiveRoot:1": "off",
1642
+ "menuitemItemVariantText": "default",
1643
+ "menuitemItemVariantActiveText": "on",
1644
+ "menuitemItemVariantActiveText:1": "off",
1645
+ "menuitemItemVariantIcon": "default",
1646
+ "menuitemItemVariantActiveIcon": "on",
1647
+ "menuitemItemVariantActiveIcon:1": "off"
2060
1648
  },
2061
- "cxLiterals": [
2062
- "uds-ring"
2063
- ],
1649
+ "cxLiterals": [],
2064
1650
  "internalComponents": [
2065
- "ChipBase"
1651
+ "MenuItemBase"
2066
1652
  ],
2067
- "internalComponentProps": {
2068
- "ChipBase": {
2069
- "as": [
2070
- "button"
2071
- ]
2072
- }
2073
- },
2074
- "propToVariantKeys": {
2075
- "variant": [
2076
- "chipToggleVariantRoot",
2077
- "chipToggleVariantIcon"
2078
- ]
2079
- },
1653
+ "internalComponentProps": {},
1654
+ "propToVariantKeys": {},
2080
1655
  "runtimeConfigDefaultProps": {},
2081
1656
  "runtimeConfigGetStyles": {},
2082
1657
  "runtimeConfigInternalComponentProps": {},
2083
1658
  "motionVarPrefixes": []
2084
1659
  },
2085
- "Input": {
2086
- "name": "Input",
1660
+ "Menu.ItemBase": {
1661
+ "name": "Menu.ItemBase",
2087
1662
  "defaultProps": {
2088
- "type": "text",
2089
- "size": "md",
2090
- "width": "full"
1663
+ "spacing": "0",
1664
+ "spacingHorizontal": "4",
1665
+ "spacingVertical": "3.5",
1666
+ "columnGap": "2",
1667
+ "alignItems": "center",
1668
+ "justifyContent": "space-between"
2091
1669
  },
2092
1670
  "getStylesLiterals": {
2093
- "inputVariantRoot": "default",
2094
- "inputVariantValueRoot": "empty",
2095
- "inputVariantValueRoot:1": "filled",
2096
- "inputVariantInputWrapper": "default",
2097
- "inputVariantValueInputWrapper": "empty",
2098
- "inputVariantValueInputWrapper:1": "filled",
2099
- "inputVariantInput": "default",
2100
- "inputVariantValueInput": "empty",
2101
- "inputVariantValueInput:1": "filled",
2102
- "inputVariantInputPlaceholder": "default",
2103
- "inputVariantValueInputPlaceholder": "empty",
2104
- "inputVariantValueInputPlaceholder:1": "filled",
2105
- "inputVariantLabel": "default",
2106
- "inputVariantValueLabel": "empty",
2107
- "inputVariantValueLabel:1": "filled",
2108
- "inputVariantLabelRequired": "default",
2109
- "inputVariantValueLabelRequired": "empty",
2110
- "inputVariantValueLabelRequired:1": "filled",
2111
- "inputVariantStartIcon": "default",
2112
- "inputVariantValueStartIcon": "empty",
2113
- "inputVariantValueStartIcon:1": "filled",
2114
- "inputVariantEndIcon": "default",
2115
- "inputVariantValueEndIcon": "empty",
2116
- "inputVariantValueEndIcon:1": "filled"
1671
+ "textAlign": "start",
1672
+ "menuitemSizeRoot": "default",
1673
+ "flexDirection": "row",
1674
+ "menuitemSizeStartIcon": "default",
1675
+ "menuitemSizeEndIcon": "default"
2117
1676
  },
2118
1677
  "cxLiterals": [
2119
- "opacity-50",
2120
- "min-w-[200px]",
2121
- "grow",
2122
- "uds-hit-target",
2123
- "bg-clip-text",
2124
- "focus:outline-none",
2125
- "cursor-text",
2126
- "cursor-not-allowed"
1678
+ "flex",
1679
+ "focus-visible:text-brand",
1680
+ "focus-visible:bg-brand-secondary",
1681
+ "focus-visible:z-10",
1682
+ "uds-ring",
1683
+ "!-outline-offset-2",
1684
+ "[&:not([aria-checked])]:cursor-default",
1685
+ "opacity-25",
1686
+ "cursor-not-allowed",
1687
+ "duration-20",
1688
+ "transition-[font-variation-settings]",
1689
+ "ease-in-out",
1690
+ "z-0",
1691
+ "uds-start-icon",
1692
+ "uds-end-icon"
2127
1693
  ],
2128
1694
  "internalComponents": [
1695
+ "Pressable",
2129
1696
  "IconSlot",
2130
- "StartIcon",
2131
- "EndIcon",
2132
- "HelpTextContent",
2133
- "Box",
2134
- "InputHelpTextInternal",
2135
- "VStack",
1697
+ "RootComponent",
2136
1698
  "HStack",
2137
- "AnimateHeightChange"
1699
+ "AnimatePresence"
2138
1700
  ],
2139
1701
  "internalComponentProps": {
2140
- "HelpTextContent": {
2141
- "spacingTop": [
2142
- "2"
2143
- ]
2144
- },
2145
- "Box": {
2146
- "spacingBottom": [
2147
- "2"
2148
- ],
2149
- "columnGap": [
2150
- "0.5"
2151
- ],
1702
+ "HStack": {
2152
1703
  "alignItems": [
2153
- "flex-end",
2154
1704
  "center"
2155
1705
  ],
2156
- "position": [
2157
- "relative"
1706
+ "width": [
1707
+ "full"
2158
1708
  ]
2159
1709
  },
2160
- "HStack": {
2161
- "alignItems": [
2162
- "center"
2163
- ],
2164
- "gap": [
2165
- "1"
1710
+ "AnimatePresence": {
1711
+ "mode": [
1712
+ "popLayout"
2166
1713
  ]
2167
1714
  }
2168
1715
  },
2169
1716
  "propToVariantKeys": {
2170
- "size": [
2171
- "inputSizeRoot",
2172
- "inputSizeInputWrapper",
2173
- "inputSizeInput",
2174
- "inputSizeLabel",
2175
- "inputSizeStartIcon",
2176
- "inputSizeEndIcon"
1717
+ "startIconClassName": [
1718
+ "className"
1719
+ ],
1720
+ "endIconClassName": [
1721
+ "className"
2177
1722
  ],
2178
1723
  "startIcon": [
2179
1724
  "icon"
@@ -2181,11 +1726,8 @@
2181
1726
  "endIcon": [
2182
1727
  "icon"
2183
1728
  ],
2184
- "slotProps": [
2185
- "helperTextSlotProps"
2186
- ],
2187
- "helperTextIcon": [
2188
- "startIcon"
1729
+ "columnGap": [
1730
+ "gap"
2189
1731
  ]
2190
1732
  },
2191
1733
  "runtimeConfigDefaultProps": {},
@@ -2193,275 +1735,28 @@
2193
1735
  "runtimeConfigInternalComponentProps": {},
2194
1736
  "motionVarPrefixes": []
2195
1737
  },
2196
- "InputHelpText": {
2197
- "name": "InputHelpText",
2198
- "defaultProps": {
2199
- "size": "md"
2200
- },
1738
+ "Menu.ItemCheckbox": {
1739
+ "name": "Menu.ItemCheckbox",
1740
+ "defaultProps": {},
2201
1741
  "getStylesLiterals": {
2202
- "inputVariantRoot": "default",
2203
- "inputVariantValueRoot": "empty",
2204
- "inputVariantValueRoot:1": "filled"
1742
+ "menuitemItemCheckboxVariantRoot": "default",
1743
+ "menuitemItemCheckboxVariantActiveRoot": "on",
1744
+ "menuitemItemCheckboxVariantActiveRoot:1": "off",
1745
+ "menuitemItemCheckboxVariantText": "default",
1746
+ "menuitemItemCheckboxVariantActiveText": "on",
1747
+ "menuitemItemCheckboxVariantActiveText:1": "off",
1748
+ "menuitemItemCheckboxVariantStartIcon": "default",
1749
+ "menuitemItemCheckboxVariantActiveStartIcon": "on",
1750
+ "menuitemItemCheckboxVariantActiveStartIcon:1": "off",
1751
+ "menuitemItemCheckboxVariantEndIcon": "default",
1752
+ "menuitemItemCheckboxVariantActiveEndIcon": "on",
1753
+ "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
2205
1754
  },
2206
- "cxLiterals": [],
1755
+ "cxLiterals": [
1756
+ "uds-menu-item-checkbox"
1757
+ ],
2207
1758
  "internalComponents": [
2208
- "InputHelpTextInternal",
2209
- "Box"
2210
- ],
2211
- "internalComponentProps": {
2212
- "Box": {
2213
- "spacingTop": [
2214
- "2"
2215
- ]
2216
- }
2217
- },
2218
- "propToVariantKeys": {
2219
- "size": [
2220
- "inputSizeRoot"
2221
- ]
2222
- },
2223
- "runtimeConfigDefaultProps": {},
2224
- "runtimeConfigGetStyles": {},
2225
- "runtimeConfigInternalComponentProps": {},
2226
- "motionVarPrefixes": []
2227
- },
2228
- "InputHelpTextInternal": {
2229
- "name": "InputHelpTextInternal",
2230
- "defaultProps": {},
2231
- "getStylesLiterals": {
2232
- "inputVariantHelperText": "default",
2233
- "inputVariantValueHelperText": "empty",
2234
- "inputVariantValueHelperText:1": "filled",
2235
- "inputVariantHelperIcon": "default",
2236
- "inputVariantValueHelperIcon": "empty",
2237
- "inputVariantValueHelperIcon:1": "filled"
2238
- },
2239
- "cxLiterals": [],
2240
- "internalComponents": [
2241
- "IconSlot",
2242
- "HStack"
2243
- ],
2244
- "internalComponentProps": {
2245
- "HStack": {
2246
- "gap": [
2247
- "1"
2248
- ],
2249
- "alignItems": [
2250
- "center"
2251
- ]
2252
- }
2253
- },
2254
- "propToVariantKeys": {
2255
- "size": [
2256
- "inputSizeHelperText",
2257
- "inputSizeHelperIcon"
2258
- ],
2259
- "startIcon": [
2260
- "icon"
2261
- ],
2262
- "endIcon": [
2263
- "icon"
2264
- ]
2265
- },
2266
- "runtimeConfigDefaultProps": {},
2267
- "runtimeConfigGetStyles": {},
2268
- "runtimeConfigInternalComponentProps": {},
2269
- "motionVarPrefixes": []
2270
- },
2271
- "Menu.Content": {
2272
- "name": "Menu.Content",
2273
- "defaultProps": {
2274
- "size": "default",
2275
- "variant": "default",
2276
- "gutter": "1"
2277
- },
2278
- "getStylesLiterals": {},
2279
- "cxLiterals": [
2280
- "uds-menu-content",
2281
- "transition-shadow",
2282
- "duration-200",
2283
- "ease-in-out",
2284
- "min-w-60",
2285
- "max-w-lg",
2286
- "max-h-96",
2287
- "overflow-auto",
2288
- "uds-ring",
2289
- "z-10",
2290
- "group"
2291
- ],
2292
- "internalComponents": [
2293
- "AriakitMenu",
2294
- "AnimatePresence",
2295
- "MotionVStack"
2296
- ],
2297
- "internalComponentProps": {},
2298
- "propToVariantKeys": {
2299
- "size": [
2300
- "menucontentSizeRoot"
2301
- ],
2302
- "variant": [
2303
- "menucontentVariantRoot"
2304
- ]
2305
- },
2306
- "runtimeConfigDefaultProps": {},
2307
- "runtimeConfigGetStyles": {},
2308
- "runtimeConfigInternalComponentProps": {},
2309
- "motionVarPrefixes": []
2310
- },
2311
- "Menu.Divider": {
2312
- "name": "Menu.Divider",
2313
- "defaultProps": {
2314
- "role": "separator",
2315
- "contentPosition": "start",
2316
- "gap": "4"
2317
- },
2318
- "getStylesLiterals": {
2319
- "menuitemDividerVariantRoot": "default",
2320
- "menuitemDividerVariantText": "default",
2321
- "menuitemDividerVariantLine": "default"
2322
- },
2323
- "cxLiterals": [],
2324
- "internalComponents": [
2325
- "DividerInternal"
2326
- ],
2327
- "internalComponentProps": {
2328
- "DividerInternal": {
2329
- "variant": [
2330
- "inherit"
2331
- ]
2332
- }
2333
- },
2334
- "propToVariantKeys": {},
2335
- "runtimeConfigDefaultProps": {},
2336
- "runtimeConfigGetStyles": {},
2337
- "runtimeConfigInternalComponentProps": {},
2338
- "motionVarPrefixes": []
2339
- },
2340
- "Menu.Item": {
2341
- "name": "Menu.Item",
2342
- "defaultProps": {},
2343
- "getStylesLiterals": {
2344
- "menuitemItemVariantRoot": "default",
2345
- "menuitemItemVariantActiveRoot": "on",
2346
- "menuitemItemVariantActiveRoot:1": "off",
2347
- "menuitemItemVariantText": "default",
2348
- "menuitemItemVariantActiveText": "on",
2349
- "menuitemItemVariantActiveText:1": "off",
2350
- "menuitemItemVariantIcon": "default",
2351
- "menuitemItemVariantActiveIcon": "on",
2352
- "menuitemItemVariantActiveIcon:1": "off"
2353
- },
2354
- "cxLiterals": [],
2355
- "internalComponents": [
2356
- "MenuItemBase"
2357
- ],
2358
- "internalComponentProps": {},
2359
- "propToVariantKeys": {},
2360
- "runtimeConfigDefaultProps": {},
2361
- "runtimeConfigGetStyles": {},
2362
- "runtimeConfigInternalComponentProps": {},
2363
- "motionVarPrefixes": []
2364
- },
2365
- "Menu.ItemBase": {
2366
- "name": "Menu.ItemBase",
2367
- "defaultProps": {
2368
- "spacing": "0",
2369
- "spacingHorizontal": "4",
2370
- "spacingVertical": "3.5",
2371
- "columnGap": "2",
2372
- "alignItems": "center",
2373
- "justifyContent": "space-between"
2374
- },
2375
- "getStylesLiterals": {
2376
- "textAlign": "start",
2377
- "menuitemSizeRoot": "default",
2378
- "flexDirection": "row",
2379
- "menuitemSizeStartIcon": "default",
2380
- "menuitemSizeEndIcon": "default"
2381
- },
2382
- "cxLiterals": [
2383
- "flex",
2384
- "focus-visible:text-brand",
2385
- "focus-visible:bg-brand-secondary",
2386
- "focus-visible:z-10",
2387
- "uds-ring",
2388
- "!-outline-offset-2",
2389
- "[&:not([aria-checked])]:cursor-default",
2390
- "opacity-25",
2391
- "cursor-not-allowed",
2392
- "duration-20",
2393
- "transition-[font-variation-settings]",
2394
- "ease-in-out",
2395
- "z-0",
2396
- "uds-start-icon",
2397
- "uds-end-icon"
2398
- ],
2399
- "internalComponents": [
2400
- "Pressable",
2401
- "IconSlot",
2402
- "RootComponent",
2403
- "HStack",
2404
- "AnimatePresence"
2405
- ],
2406
- "internalComponentProps": {
2407
- "HStack": {
2408
- "alignItems": [
2409
- "center"
2410
- ],
2411
- "width": [
2412
- "full"
2413
- ]
2414
- },
2415
- "AnimatePresence": {
2416
- "mode": [
2417
- "popLayout"
2418
- ]
2419
- }
2420
- },
2421
- "propToVariantKeys": {
2422
- "startIconClassName": [
2423
- "className"
2424
- ],
2425
- "endIconClassName": [
2426
- "className"
2427
- ],
2428
- "startIcon": [
2429
- "icon"
2430
- ],
2431
- "endIcon": [
2432
- "icon"
2433
- ],
2434
- "columnGap": [
2435
- "gap"
2436
- ]
2437
- },
2438
- "runtimeConfigDefaultProps": {},
2439
- "runtimeConfigGetStyles": {},
2440
- "runtimeConfigInternalComponentProps": {},
2441
- "motionVarPrefixes": []
2442
- },
2443
- "Menu.ItemCheckbox": {
2444
- "name": "Menu.ItemCheckbox",
2445
- "defaultProps": {},
2446
- "getStylesLiterals": {
2447
- "menuitemItemCheckboxVariantRoot": "default",
2448
- "menuitemItemCheckboxVariantActiveRoot": "on",
2449
- "menuitemItemCheckboxVariantActiveRoot:1": "off",
2450
- "menuitemItemCheckboxVariantText": "default",
2451
- "menuitemItemCheckboxVariantActiveText": "on",
2452
- "menuitemItemCheckboxVariantActiveText:1": "off",
2453
- "menuitemItemCheckboxVariantStartIcon": "default",
2454
- "menuitemItemCheckboxVariantActiveStartIcon": "on",
2455
- "menuitemItemCheckboxVariantActiveStartIcon:1": "off",
2456
- "menuitemItemCheckboxVariantEndIcon": "default",
2457
- "menuitemItemCheckboxVariantActiveEndIcon": "on",
2458
- "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
2459
- },
2460
- "cxLiterals": [
2461
- "uds-menu-item-checkbox"
2462
- ],
2463
- "internalComponents": [
2464
- "MenuItemBase"
1759
+ "MenuItemBase"
2465
1760
  ],
2466
1761
  "internalComponentProps": {},
2467
1762
  "propToVariantKeys": {},
@@ -2539,7 +1834,206 @@
2539
1834
  "runtimeConfigInternalComponentProps": {},
2540
1835
  "motionVarPrefixes": []
2541
1836
  },
2542
- "Modal": {
1837
+ "Chip": {
1838
+ "name": "Chip",
1839
+ "defaultProps": {},
1840
+ "getStylesLiterals": {},
1841
+ "cxLiterals": [],
1842
+ "internalComponents": [
1843
+ "ChipDismissible",
1844
+ "ChipToggle",
1845
+ "ChipLink",
1846
+ "ChipButton"
1847
+ ],
1848
+ "internalComponentProps": {},
1849
+ "propToVariantKeys": {},
1850
+ "runtimeConfigDefaultProps": {},
1851
+ "runtimeConfigGetStyles": {},
1852
+ "runtimeConfigInternalComponentProps": {},
1853
+ "motionVarPrefixes": []
1854
+ },
1855
+ "ChipBase": {
1856
+ "name": "ChipBase",
1857
+ "defaultProps": {
1858
+ "size": "md",
1859
+ "as": "div"
1860
+ },
1861
+ "getStylesLiterals": {},
1862
+ "cxLiterals": [
1863
+ "pointer-events-none",
1864
+ "cursor-default",
1865
+ "opacity-50",
1866
+ "inline-flex",
1867
+ "items-center",
1868
+ "transition-[background-color,outline-color,box-shadow]",
1869
+ "truncate",
1870
+ "whitespace-nowrap",
1871
+ "text-center",
1872
+ "flex-1"
1873
+ ],
1874
+ "internalComponents": [
1875
+ "IconSlot",
1876
+ "HStack",
1877
+ "As",
1878
+ "Text"
1879
+ ],
1880
+ "internalComponentProps": {
1881
+ "Text": {
1882
+ "as": [
1883
+ "span"
1884
+ ],
1885
+ "color": [
1886
+ "current"
1887
+ ],
1888
+ "variant": [
1889
+ "inherit"
1890
+ ]
1891
+ }
1892
+ },
1893
+ "propToVariantKeys": {
1894
+ "size": [
1895
+ "chipSizeRoot",
1896
+ "chipSizeIcon"
1897
+ ],
1898
+ "startIcon": [
1899
+ "icon"
1900
+ ],
1901
+ "endIcon": [
1902
+ "icon"
1903
+ ]
1904
+ },
1905
+ "runtimeConfigDefaultProps": {},
1906
+ "runtimeConfigGetStyles": {},
1907
+ "runtimeConfigInternalComponentProps": {},
1908
+ "motionVarPrefixes": []
1909
+ },
1910
+ "ChipButton": {
1911
+ "name": "ChipButton",
1912
+ "defaultProps": {
1913
+ "variant": "primary"
1914
+ },
1915
+ "getStylesLiterals": {},
1916
+ "cxLiterals": [
1917
+ "uds-ring"
1918
+ ],
1919
+ "internalComponents": [
1920
+ "ChipBase"
1921
+ ],
1922
+ "internalComponentProps": {
1923
+ "ChipBase": {
1924
+ "as": [
1925
+ "button"
1926
+ ]
1927
+ }
1928
+ },
1929
+ "propToVariantKeys": {
1930
+ "variant": [
1931
+ "chipLinkVariantRoot",
1932
+ "chipLinkVariantIcon"
1933
+ ]
1934
+ },
1935
+ "runtimeConfigDefaultProps": {},
1936
+ "runtimeConfigGetStyles": {},
1937
+ "runtimeConfigInternalComponentProps": {},
1938
+ "motionVarPrefixes": []
1939
+ },
1940
+ "ChipDismissible": {
1941
+ "name": "ChipDismissible",
1942
+ "defaultProps": {
1943
+ "variant": "primary"
1944
+ },
1945
+ "getStylesLiterals": {},
1946
+ "cxLiterals": [
1947
+ "uds-chip-dismissible-button",
1948
+ "uds-hit-target",
1949
+ "uds-ring",
1950
+ "rounded-full"
1951
+ ],
1952
+ "internalComponents": [
1953
+ "ChipBase",
1954
+ "IconSlot",
1955
+ "Pressable"
1956
+ ],
1957
+ "internalComponentProps": {},
1958
+ "propToVariantKeys": {
1959
+ "variant": [
1960
+ "chipDismissibleVariantRoot",
1961
+ "chipDismissibleVariantIcon"
1962
+ ],
1963
+ "dismissButtonAriaLabel": [
1964
+ "aria-label"
1965
+ ]
1966
+ },
1967
+ "runtimeConfigDefaultProps": {},
1968
+ "runtimeConfigGetStyles": {},
1969
+ "runtimeConfigInternalComponentProps": {},
1970
+ "motionVarPrefixes": []
1971
+ },
1972
+ "ChipLink": {
1973
+ "name": "ChipLink",
1974
+ "defaultProps": {
1975
+ "variant": "primary"
1976
+ },
1977
+ "getStylesLiterals": {},
1978
+ "cxLiterals": [
1979
+ "uds-ring"
1980
+ ],
1981
+ "internalComponents": [
1982
+ "ChipBase"
1983
+ ],
1984
+ "internalComponentProps": {
1985
+ "ChipBase": {
1986
+ "as": [
1987
+ "a"
1988
+ ]
1989
+ }
1990
+ },
1991
+ "propToVariantKeys": {
1992
+ "variant": [
1993
+ "chipLinkVariantRoot",
1994
+ "chipLinkVariantIcon"
1995
+ ]
1996
+ },
1997
+ "runtimeConfigDefaultProps": {},
1998
+ "runtimeConfigGetStyles": {},
1999
+ "runtimeConfigInternalComponentProps": {},
2000
+ "motionVarPrefixes": []
2001
+ },
2002
+ "ChipToggle": {
2003
+ "name": "ChipToggle",
2004
+ "defaultProps": {
2005
+ "variant": "primary",
2006
+ "role": "checkbox"
2007
+ },
2008
+ "getStylesLiterals": {
2009
+ "chipToggleVariantActiveRoot": "on",
2010
+ "chipToggleVariantActiveRoot:1": "off"
2011
+ },
2012
+ "cxLiterals": [
2013
+ "uds-ring"
2014
+ ],
2015
+ "internalComponents": [
2016
+ "ChipBase"
2017
+ ],
2018
+ "internalComponentProps": {
2019
+ "ChipBase": {
2020
+ "as": [
2021
+ "button"
2022
+ ]
2023
+ }
2024
+ },
2025
+ "propToVariantKeys": {
2026
+ "variant": [
2027
+ "chipToggleVariantRoot",
2028
+ "chipToggleVariantIcon"
2029
+ ]
2030
+ },
2031
+ "runtimeConfigDefaultProps": {},
2032
+ "runtimeConfigGetStyles": {},
2033
+ "runtimeConfigInternalComponentProps": {},
2034
+ "motionVarPrefixes": []
2035
+ },
2036
+ "Modal": {
2543
2037
  "name": "Modal",
2544
2038
  "defaultProps": {
2545
2039
  "closeAriaLabel": "Close",
@@ -2838,58 +2332,244 @@
2838
2332
  "runtimeConfigInternalComponentProps": {},
2839
2333
  "motionVarPrefixes": []
2840
2334
  },
2841
- "Popover": {
2842
- "name": "Popover",
2843
- "defaultProps": {},
2844
- "getStylesLiterals": {},
2845
- "cxLiterals": [],
2846
- "internalComponents": [
2847
- "PopoverInternalContext.Provider",
2848
- "PopoverProvider"
2849
- ],
2850
- "internalComponentProps": {},
2851
- "propToVariantKeys": {},
2852
- "runtimeConfigDefaultProps": {
2853
- "size": "popover.defaultSize",
2854
- "variant": "popover.defaultVariant"
2335
+ "Input": {
2336
+ "name": "Input",
2337
+ "defaultProps": {
2338
+ "type": "text",
2339
+ "size": "md",
2340
+ "width": "full"
2855
2341
  },
2856
- "runtimeConfigGetStyles": {},
2857
- "runtimeConfigInternalComponentProps": {},
2858
- "motionVarPrefixes": []
2859
- },
2860
- "PopoverContent": {
2861
- "name": "PopoverContent",
2862
- "defaultProps": {},
2863
2342
  "getStylesLiterals": {
2864
- "popoverSizeRoot": "default",
2865
- "popoverVariantRoot": "default",
2866
- "display": "flex",
2867
- "position": "relative",
2868
- "display:1": "block",
2869
- "spacingTop": "0",
2870
- "spacingStart": "0",
2871
- "spacingBottom": "0",
2872
- "spacingEnd": "0",
2873
- "popoverSizeSvgBase": "default",
2874
- "popoverVariantSvgBase": "default",
2875
- "popoverSizeSvgBorder": "default",
2876
- "popoverVariantSvgBorder": "default",
2877
- "popoverVariantBlur": "default",
2878
- "position:1": "absolute",
2879
- "width": "full",
2880
- "height": "full",
2881
- "flexShrink": "0",
2882
- "borderRadius": "full",
2883
- "alignItems": "center",
2884
- "justifyContent": "center",
2885
- "popoverVariantCloseIcon": "default",
2886
- "popoverSizeCloseIcon": "default"
2887
- },
2888
- "cxLiterals": [
2889
- "z-[9999]",
2890
- "outline-none",
2891
- "focus-visible:outline-none",
2892
- "uds-bgBlurFillFallback",
2343
+ "inputVariantRoot": "default",
2344
+ "inputVariantValueRoot": "empty",
2345
+ "inputVariantValueRoot:1": "filled",
2346
+ "inputVariantInputWrapper": "default",
2347
+ "inputVariantValueInputWrapper": "empty",
2348
+ "inputVariantValueInputWrapper:1": "filled",
2349
+ "inputVariantInput": "default",
2350
+ "inputVariantValueInput": "empty",
2351
+ "inputVariantValueInput:1": "filled",
2352
+ "inputVariantInputPlaceholder": "default",
2353
+ "inputVariantValueInputPlaceholder": "empty",
2354
+ "inputVariantValueInputPlaceholder:1": "filled",
2355
+ "inputVariantLabel": "default",
2356
+ "inputVariantValueLabel": "empty",
2357
+ "inputVariantValueLabel:1": "filled",
2358
+ "inputVariantLabelRequired": "default",
2359
+ "inputVariantValueLabelRequired": "empty",
2360
+ "inputVariantValueLabelRequired:1": "filled",
2361
+ "inputVariantStartIcon": "default",
2362
+ "inputVariantValueStartIcon": "empty",
2363
+ "inputVariantValueStartIcon:1": "filled",
2364
+ "inputVariantEndIcon": "default",
2365
+ "inputVariantValueEndIcon": "empty",
2366
+ "inputVariantValueEndIcon:1": "filled"
2367
+ },
2368
+ "cxLiterals": [
2369
+ "opacity-50",
2370
+ "min-w-[200px]",
2371
+ "grow",
2372
+ "uds-hit-target",
2373
+ "bg-clip-text",
2374
+ "focus:outline-none",
2375
+ "cursor-text",
2376
+ "cursor-not-allowed"
2377
+ ],
2378
+ "internalComponents": [
2379
+ "IconSlot",
2380
+ "StartIcon",
2381
+ "EndIcon",
2382
+ "HelpTextContent",
2383
+ "Box",
2384
+ "InputHelpTextInternal",
2385
+ "VStack",
2386
+ "HStack",
2387
+ "AnimateHeightChange"
2388
+ ],
2389
+ "internalComponentProps": {
2390
+ "HelpTextContent": {
2391
+ "spacingTop": [
2392
+ "2"
2393
+ ]
2394
+ },
2395
+ "Box": {
2396
+ "spacingBottom": [
2397
+ "2"
2398
+ ],
2399
+ "columnGap": [
2400
+ "0.5"
2401
+ ],
2402
+ "alignItems": [
2403
+ "flex-end",
2404
+ "center"
2405
+ ],
2406
+ "position": [
2407
+ "relative"
2408
+ ]
2409
+ },
2410
+ "HStack": {
2411
+ "alignItems": [
2412
+ "center"
2413
+ ],
2414
+ "gap": [
2415
+ "1"
2416
+ ]
2417
+ }
2418
+ },
2419
+ "propToVariantKeys": {
2420
+ "size": [
2421
+ "inputSizeRoot",
2422
+ "inputSizeInputWrapper",
2423
+ "inputSizeInput",
2424
+ "inputSizeLabel",
2425
+ "inputSizeStartIcon",
2426
+ "inputSizeEndIcon"
2427
+ ],
2428
+ "startIcon": [
2429
+ "icon"
2430
+ ],
2431
+ "endIcon": [
2432
+ "icon"
2433
+ ],
2434
+ "slotProps": [
2435
+ "helperTextSlotProps"
2436
+ ],
2437
+ "helperTextIcon": [
2438
+ "startIcon"
2439
+ ]
2440
+ },
2441
+ "runtimeConfigDefaultProps": {},
2442
+ "runtimeConfigGetStyles": {},
2443
+ "runtimeConfigInternalComponentProps": {},
2444
+ "motionVarPrefixes": []
2445
+ },
2446
+ "InputHelpText": {
2447
+ "name": "InputHelpText",
2448
+ "defaultProps": {
2449
+ "size": "md"
2450
+ },
2451
+ "getStylesLiterals": {
2452
+ "inputVariantRoot": "default",
2453
+ "inputVariantValueRoot": "empty",
2454
+ "inputVariantValueRoot:1": "filled"
2455
+ },
2456
+ "cxLiterals": [],
2457
+ "internalComponents": [
2458
+ "InputHelpTextInternal",
2459
+ "Box"
2460
+ ],
2461
+ "internalComponentProps": {
2462
+ "Box": {
2463
+ "spacingTop": [
2464
+ "2"
2465
+ ]
2466
+ }
2467
+ },
2468
+ "propToVariantKeys": {
2469
+ "size": [
2470
+ "inputSizeRoot"
2471
+ ]
2472
+ },
2473
+ "runtimeConfigDefaultProps": {},
2474
+ "runtimeConfigGetStyles": {},
2475
+ "runtimeConfigInternalComponentProps": {},
2476
+ "motionVarPrefixes": []
2477
+ },
2478
+ "InputHelpTextInternal": {
2479
+ "name": "InputHelpTextInternal",
2480
+ "defaultProps": {},
2481
+ "getStylesLiterals": {
2482
+ "inputVariantHelperText": "default",
2483
+ "inputVariantValueHelperText": "empty",
2484
+ "inputVariantValueHelperText:1": "filled",
2485
+ "inputVariantHelperIcon": "default",
2486
+ "inputVariantValueHelperIcon": "empty",
2487
+ "inputVariantValueHelperIcon:1": "filled"
2488
+ },
2489
+ "cxLiterals": [],
2490
+ "internalComponents": [
2491
+ "IconSlot",
2492
+ "HStack"
2493
+ ],
2494
+ "internalComponentProps": {
2495
+ "HStack": {
2496
+ "gap": [
2497
+ "1"
2498
+ ],
2499
+ "alignItems": [
2500
+ "center"
2501
+ ]
2502
+ }
2503
+ },
2504
+ "propToVariantKeys": {
2505
+ "size": [
2506
+ "inputSizeHelperText",
2507
+ "inputSizeHelperIcon"
2508
+ ],
2509
+ "startIcon": [
2510
+ "icon"
2511
+ ],
2512
+ "endIcon": [
2513
+ "icon"
2514
+ ]
2515
+ },
2516
+ "runtimeConfigDefaultProps": {},
2517
+ "runtimeConfigGetStyles": {},
2518
+ "runtimeConfigInternalComponentProps": {},
2519
+ "motionVarPrefixes": []
2520
+ },
2521
+ "Popover": {
2522
+ "name": "Popover",
2523
+ "defaultProps": {},
2524
+ "getStylesLiterals": {},
2525
+ "cxLiterals": [],
2526
+ "internalComponents": [
2527
+ "PopoverInternalContext.Provider",
2528
+ "PopoverProvider"
2529
+ ],
2530
+ "internalComponentProps": {},
2531
+ "propToVariantKeys": {},
2532
+ "runtimeConfigDefaultProps": {
2533
+ "size": "popover.defaultSize",
2534
+ "variant": "popover.defaultVariant"
2535
+ },
2536
+ "runtimeConfigGetStyles": {},
2537
+ "runtimeConfigInternalComponentProps": {},
2538
+ "motionVarPrefixes": []
2539
+ },
2540
+ "PopoverContent": {
2541
+ "name": "PopoverContent",
2542
+ "defaultProps": {},
2543
+ "getStylesLiterals": {
2544
+ "popoverSizeRoot": "default",
2545
+ "popoverVariantRoot": "default",
2546
+ "display": "flex",
2547
+ "position": "relative",
2548
+ "display:1": "block",
2549
+ "spacingTop": "0",
2550
+ "spacingStart": "0",
2551
+ "spacingBottom": "0",
2552
+ "spacingEnd": "0",
2553
+ "popoverSizeSvgBase": "default",
2554
+ "popoverVariantSvgBase": "default",
2555
+ "popoverSizeSvgBorder": "default",
2556
+ "popoverVariantSvgBorder": "default",
2557
+ "popoverVariantBlur": "default",
2558
+ "position:1": "absolute",
2559
+ "width": "full",
2560
+ "height": "full",
2561
+ "flexShrink": "0",
2562
+ "borderRadius": "full",
2563
+ "alignItems": "center",
2564
+ "justifyContent": "center",
2565
+ "popoverVariantCloseIcon": "default",
2566
+ "popoverSizeCloseIcon": "default"
2567
+ },
2568
+ "cxLiterals": [
2569
+ "z-[9999]",
2570
+ "outline-none",
2571
+ "focus-visible:outline-none",
2572
+ "uds-bgBlurFillFallback",
2893
2573
  "uds-bgBlurFallback",
2894
2574
  "top-0",
2895
2575
  "left-0",
@@ -3686,5 +3366,325 @@
3686
3366
  "runtimeConfigGetStyles": {},
3687
3367
  "runtimeConfigInternalComponentProps": {},
3688
3368
  "motionVarPrefixes": []
3369
+ },
3370
+ "Accordion": {
3371
+ "name": "Accordion",
3372
+ "defaultProps": {
3373
+ "spacingHorizontal": "4",
3374
+ "spacingVertical": "4"
3375
+ },
3376
+ "getStylesLiterals": {},
3377
+ "cxLiterals": [
3378
+ "hover:bg-secondary/80",
3379
+ "w-full"
3380
+ ],
3381
+ "internalComponents": [
3382
+ "Icon",
3383
+ "SpringMotionConfig",
3384
+ "Pressable",
3385
+ "Text",
3386
+ "HStack",
3387
+ "AnimatePresence",
3388
+ "VStack"
3389
+ ],
3390
+ "internalComponentProps": {
3391
+ "Icon": {
3392
+ "variant": [
3393
+ "fill"
3394
+ ],
3395
+ "size": [
3396
+ "sm"
3397
+ ],
3398
+ "color": [
3399
+ "primary"
3400
+ ]
3401
+ },
3402
+ "SpringMotionConfig": {
3403
+ "layoutVariant": [
3404
+ "smooth"
3405
+ ],
3406
+ "layoutSpeed": [
3407
+ "3"
3408
+ ]
3409
+ },
3410
+ "Pressable": {
3411
+ "display": [
3412
+ "flex"
3413
+ ],
3414
+ "flexDirection": [
3415
+ "row"
3416
+ ],
3417
+ "alignItems": [
3418
+ "center"
3419
+ ],
3420
+ "justifyContent": [
3421
+ "space-between"
3422
+ ],
3423
+ "borderRadius": [
3424
+ "md"
3425
+ ]
3426
+ },
3427
+ "Text": {
3428
+ "variant": [
3429
+ "title4"
3430
+ ],
3431
+ "color": [
3432
+ "primary"
3433
+ ]
3434
+ },
3435
+ "HStack": {
3436
+ "display": [
3437
+ "flex"
3438
+ ],
3439
+ "alignItems": [
3440
+ "center"
3441
+ ],
3442
+ "justifyContent": [
3443
+ "space-between"
3444
+ ],
3445
+ "columnGap": [
3446
+ "2.5"
3447
+ ]
3448
+ }
3449
+ },
3450
+ "propToVariantKeys": {},
3451
+ "runtimeConfigDefaultProps": {},
3452
+ "runtimeConfigGetStyles": {},
3453
+ "runtimeConfigInternalComponentProps": {},
3454
+ "motionVarPrefixes": [
3455
+ "--uds-motion-smooth-3-"
3456
+ ]
3457
+ },
3458
+ "AvoidMotionLibraryProvider": {
3459
+ "name": "AvoidMotionLibraryProvider",
3460
+ "defaultProps": {},
3461
+ "getStylesLiterals": {},
3462
+ "cxLiterals": [],
3463
+ "internalComponents": [],
3464
+ "internalComponentProps": {},
3465
+ "propToVariantKeys": {},
3466
+ "runtimeConfigDefaultProps": {},
3467
+ "runtimeConfigGetStyles": {},
3468
+ "runtimeConfigInternalComponentProps": {},
3469
+ "motionVarPrefixes": []
3470
+ },
3471
+ "SegmentedControl": {
3472
+ "name": "SegmentedControl",
3473
+ "defaultProps": {
3474
+ "textVariant": "label2"
3475
+ },
3476
+ "getStylesLiterals": {
3477
+ "display": "flex",
3478
+ "alignItems": "center",
3479
+ "backgroundColor": "primary",
3480
+ "spacingVertical": "1",
3481
+ "spacingHorizontal": "3",
3482
+ "columnGap": "1.5",
3483
+ "borderWidth": "thin",
3484
+ "borderRadius": "full",
3485
+ "borderColor": "muted",
3486
+ "borderColor:1": "transparent",
3487
+ "color": "primary",
3488
+ "color:1": "tertiary",
3489
+ "color:2": "muted"
3490
+ },
3491
+ "cxLiterals": [
3492
+ "uds-ring",
3493
+ "cursor-not-allowed",
3494
+ "opacity-50",
3495
+ "pointer-events-none",
3496
+ "hover:bg-primary"
3497
+ ],
3498
+ "internalComponents": [
3499
+ "TextVariant",
3500
+ "Radio",
3501
+ "Icon",
3502
+ "RadioProvider",
3503
+ "HStack",
3504
+ "RadioGroup",
3505
+ "Pressable",
3506
+ "Text"
3507
+ ],
3508
+ "internalComponentProps": {
3509
+ "Icon": {
3510
+ "size": [
3511
+ "sm"
3512
+ ],
3513
+ "color": [
3514
+ "current"
3515
+ ],
3516
+ "aria-hidden": [
3517
+ "true"
3518
+ ]
3519
+ },
3520
+ "HStack": {
3521
+ "spacing": [
3522
+ "1"
3523
+ ],
3524
+ "gap": [
3525
+ "1"
3526
+ ],
3527
+ "backgroundColor": [
3528
+ "secondary"
3529
+ ],
3530
+ "borderRadius": [
3531
+ "full"
3532
+ ],
3533
+ "display": [
3534
+ "inline-flex"
3535
+ ]
3536
+ },
3537
+ "Text": {
3538
+ "color": [
3539
+ "current"
3540
+ ]
3541
+ }
3542
+ },
3543
+ "propToVariantKeys": {
3544
+ "value": [
3545
+ "key"
3546
+ ],
3547
+ "label": [
3548
+ "aria-label"
3549
+ ],
3550
+ "textVariant": [
3551
+ "variant"
3552
+ ]
3553
+ },
3554
+ "runtimeConfigDefaultProps": {},
3555
+ "runtimeConfigGetStyles": {},
3556
+ "runtimeConfigInternalComponentProps": {},
3557
+ "motionVarPrefixes": []
3558
+ },
3559
+ "SwitchV2": {
3560
+ "name": "SwitchV2",
3561
+ "defaultProps": {
3562
+ "labelPosition": "start",
3563
+ "size": "md"
3564
+ },
3565
+ "getStylesLiterals": {
3566
+ "switchVariantRoot": "default",
3567
+ "switchVariantActiveRoot": "on",
3568
+ "switchVariantActiveRoot:1": "off",
3569
+ "switchVariantSwitch": "default",
3570
+ "switchVariantActiveSwitch": "on",
3571
+ "switchVariantActiveSwitch:1": "off",
3572
+ "switchVariantActiveHandle": "on",
3573
+ "switchVariantActiveHandle:1": "off",
3574
+ "switchVariantHandle": "default",
3575
+ "switchVariantHandleIcon": "default",
3576
+ "switchVariantActiveHandleIcon": "on",
3577
+ "switchVariantActiveHandleIcon:1": "off"
3578
+ },
3579
+ "cxLiterals": [
3580
+ "group",
3581
+ "flex",
3582
+ "items-center",
3583
+ "flex-row",
3584
+ "flex-row-reverse",
3585
+ "uds-ring",
3586
+ "uds-ring-within",
3587
+ "relative",
3588
+ "uds-border-radius-full",
3589
+ "transition-[background-color,box-shadow]",
3590
+ "pointer-events-none",
3591
+ "w-full",
3592
+ "h-full",
3593
+ "absolute",
3594
+ "top-0",
3595
+ "bottom-0",
3596
+ "right-0",
3597
+ "left-0",
3598
+ "overflow-hidden",
3599
+ "group-hover:scale-105",
3600
+ "opacity-95",
3601
+ "group-hover:opacity-100",
3602
+ "transition-[transform,opacity]",
3603
+ "opacity-0",
3604
+ "top-1/2",
3605
+ "left-1/2",
3606
+ "transform",
3607
+ "translate-x-[-50%]",
3608
+ "translate-y-[-50%]",
3609
+ "transition-opacity",
3610
+ "cursor-[inherit]",
3611
+ "w-[calc(100%+2px)]",
3612
+ "h-[calc(100%+2px)]",
3613
+ "text-start",
3614
+ "text-end",
3615
+ "opacity-100"
3616
+ ],
3617
+ "internalComponents": [
3618
+ "IconSlot",
3619
+ "Box",
3620
+ "FormLabel",
3621
+ "SpringMotionConfig",
3622
+ "RootElement",
3623
+ "MotionBox"
3624
+ ],
3625
+ "internalComponentProps": {
3626
+ "IconSlot": {
3627
+ "data-testid": [
3628
+ "on-icon",
3629
+ "off-icon"
3630
+ ]
3631
+ },
3632
+ "FormLabel": {
3633
+ "as": [
3634
+ "div"
3635
+ ],
3636
+ "variant": [
3637
+ "inherit"
3638
+ ],
3639
+ "color": [
3640
+ "inherit"
3641
+ ]
3642
+ },
3643
+ "SpringMotionConfig": {
3644
+ "layoutVariant": [
3645
+ "bouncy"
3646
+ ],
3647
+ "layoutSpeed": [
3648
+ "4"
3649
+ ]
3650
+ },
3651
+ "RootElement": {
3652
+ "data-testid": [
3653
+ "switch-root"
3654
+ ]
3655
+ },
3656
+ "MotionBox": {
3657
+ "layout": [
3658
+ "position"
3659
+ ]
3660
+ }
3661
+ },
3662
+ "propToVariantKeys": {
3663
+ "size": [
3664
+ "switchSizeRoot",
3665
+ "switchSizeSwitch",
3666
+ "switchSizeHandle",
3667
+ "switchSizeHandleIcon"
3668
+ ],
3669
+ "onIcon": [
3670
+ "icon"
3671
+ ],
3672
+ "offIcon": [
3673
+ "icon"
3674
+ ],
3675
+ "reduceMotion": [
3676
+ "reducedMotion"
3677
+ ],
3678
+ "isOn": [
3679
+ "layoutDependency"
3680
+ ]
3681
+ },
3682
+ "runtimeConfigDefaultProps": {},
3683
+ "runtimeConfigGetStyles": {},
3684
+ "runtimeConfigInternalComponentProps": {},
3685
+ "motionVarPrefixes": [
3686
+ "--uds-motion-bouncy-4-",
3687
+ "--uds-motion-smooth-3-"
3688
+ ]
3689
3689
  }
3690
3690
  }