@yahoo/uds 3.145.0 → 3.146.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 (129) hide show
  1. package/dist/automated-config/dist/generated/autoVariants.cjs +34 -0
  2. package/dist/automated-config/dist/generated/autoVariants.d.cts +5 -0
  3. package/dist/automated-config/dist/generated/autoVariants.d.ts +5 -0
  4. package/dist/automated-config/dist/generated/autoVariants.js +34 -0
  5. package/dist/automated-config/dist/generated/generatedConfigs.cjs +1457 -0
  6. package/dist/automated-config/dist/generated/generatedConfigs.d.cts +161 -1
  7. package/dist/automated-config/dist/generated/generatedConfigs.d.ts +161 -1
  8. package/dist/automated-config/dist/generated/generatedConfigs.js +1457 -1
  9. package/dist/automated-config/dist/generated/universalTokensConfigAuto.cjs +385 -0
  10. package/dist/automated-config/dist/generated/universalTokensConfigAuto.d.cts +2 -1
  11. package/dist/automated-config/dist/generated/universalTokensConfigAuto.d.ts +2 -1
  12. package/dist/automated-config/dist/generated/universalTokensConfigAuto.js +385 -0
  13. package/dist/automated-config/dist/utils/buildConfigSchema.cjs +9 -5
  14. package/dist/automated-config/dist/utils/buildConfigSchema.d.cts +3 -1
  15. package/dist/automated-config/dist/utils/buildConfigSchema.d.ts +3 -1
  16. package/dist/automated-config/dist/utils/buildConfigSchema.js +9 -6
  17. package/dist/automated-config/dist/utils/index.cjs +14 -3
  18. package/dist/automated-config/dist/utils/index.d.cts +1 -1
  19. package/dist/automated-config/dist/utils/index.d.ts +1 -1
  20. package/dist/automated-config/dist/utils/index.js +14 -3
  21. package/dist/cli/runner.cjs +6 -2
  22. package/dist/cli/runner.js +6 -2
  23. package/dist/components/Banner/Banner.cjs +2 -1
  24. package/dist/components/Banner/Banner.js +2 -1
  25. package/dist/components/Banner/utils.cjs +3 -12
  26. package/dist/components/Banner/utils.d.cts +1 -6
  27. package/dist/components/Banner/utils.d.ts +1 -6
  28. package/dist/components/Banner/utils.js +2 -11
  29. package/dist/components/client/Menu/Menu.ItemCheckbox.d.cts +1 -1
  30. package/dist/components/client/Menu/Menu.ItemCheckbox.d.ts +1 -1
  31. package/dist/components/client/PaddleNav/PaddleButton.cjs +51 -0
  32. package/dist/components/client/PaddleNav/PaddleButton.d.cts +16 -0
  33. package/dist/components/client/PaddleNav/PaddleButton.d.ts +17 -0
  34. package/dist/components/client/PaddleNav/PaddleButton.js +49 -0
  35. package/dist/components/client/PaddleNav/PaddleButtonNext.cjs +18 -0
  36. package/dist/components/client/PaddleNav/PaddleButtonNext.d.cts +11 -0
  37. package/dist/components/client/PaddleNav/PaddleButtonNext.d.ts +12 -0
  38. package/dist/components/client/PaddleNav/PaddleButtonNext.js +16 -0
  39. package/dist/components/client/PaddleNav/PaddleButtonPrevious.cjs +18 -0
  40. package/dist/components/client/PaddleNav/PaddleButtonPrevious.d.cts +11 -0
  41. package/dist/components/client/PaddleNav/PaddleButtonPrevious.d.ts +12 -0
  42. package/dist/components/client/PaddleNav/PaddleButtonPrevious.js +16 -0
  43. package/dist/components/client/PaddleNav/PaddleNav.cjs +193 -0
  44. package/dist/components/client/PaddleNav/PaddleNav.d.cts +11 -0
  45. package/dist/components/client/PaddleNav/PaddleNav.d.ts +12 -0
  46. package/dist/components/client/PaddleNav/PaddleNav.js +191 -0
  47. package/dist/components/client/PaddleNav/PaddleNavContent.cjs +29 -0
  48. package/dist/components/client/PaddleNav/PaddleNavContent.d.cts +11 -0
  49. package/dist/components/client/PaddleNav/PaddleNavContent.d.ts +12 -0
  50. package/dist/components/client/PaddleNav/PaddleNavContent.js +27 -0
  51. package/dist/components/client/PaddleNav/index.cjs +11 -0
  52. package/dist/components/client/PaddleNav/index.d.cts +6 -0
  53. package/dist/components/client/PaddleNav/index.d.ts +7 -0
  54. package/dist/components/client/PaddleNav/index.js +7 -0
  55. package/dist/components/client/PaddleNav/paddleButtonIcons.cjs +12 -0
  56. package/dist/components/client/PaddleNav/paddleButtonIcons.d.cts +22 -0
  57. package/dist/components/client/PaddleNav/paddleButtonIcons.d.ts +23 -0
  58. package/dist/components/client/PaddleNav/paddleButtonIcons.js +10 -0
  59. package/dist/components/client/PaddleNav/paddleNavContext.cjs +20 -0
  60. package/dist/components/client/PaddleNav/paddleNavContext.d.cts +20 -0
  61. package/dist/components/client/PaddleNav/paddleNavContext.d.ts +21 -0
  62. package/dist/components/client/PaddleNav/paddleNavContext.js +16 -0
  63. package/dist/components/client/PaddleNav/utils/resolvePaddleNavCornerOrientation.cjs +25 -0
  64. package/dist/components/client/PaddleNav/utils/resolvePaddleNavCornerOrientation.d.cts +16 -0
  65. package/dist/components/client/PaddleNav/utils/resolvePaddleNavCornerOrientation.d.ts +17 -0
  66. package/dist/components/client/PaddleNav/utils/resolvePaddleNavCornerOrientation.js +24 -0
  67. package/dist/components/client/Popover/UDSPopoverConfigProvider.d.cts +1 -1
  68. package/dist/components/client/Popover/UDSPopoverConfigProvider.d.ts +1 -1
  69. package/dist/components/client/index.cjs +8 -0
  70. package/dist/components/client/index.d.cts +5 -1
  71. package/dist/components/client/index.d.ts +5 -1
  72. package/dist/components/client/index.js +5 -1
  73. package/dist/components/index.cjs +8 -0
  74. package/dist/components/index.d.cts +5 -1
  75. package/dist/components/index.d.ts +5 -1
  76. package/dist/components/index.js +5 -1
  77. package/dist/config/dist/index.cjs +399 -14
  78. package/dist/config/dist/index.js +399 -14
  79. package/dist/css/dist/packages/config/dist/index.cjs +399 -14
  80. package/dist/css/dist/packages/config/dist/index.js +399 -14
  81. package/dist/icons/dist/types.d.cts +1 -1
  82. package/dist/icons/dist/types.d.ts +1 -1
  83. package/dist/index.cjs +11 -1
  84. package/dist/index.d.cts +9 -5
  85. package/dist/index.d.ts +9 -5
  86. package/dist/index.js +8 -4
  87. package/dist/styles/styler.d.cts +24 -19
  88. package/dist/styles/styler.d.ts +24 -19
  89. package/dist/styles/variants.d.cts +34 -0
  90. package/dist/styles/variants.d.ts +34 -0
  91. package/dist/tailwind-internal/dist/packages/automated-config/dist/generated/generatedConfigs.cjs +1457 -0
  92. package/dist/tailwind-internal/dist/packages/automated-config/dist/generated/generatedConfigs.js +1457 -1
  93. package/dist/tailwind-internal/dist/packages/automated-config/dist/utils/buildConfigSchema.cjs +15 -0
  94. package/dist/tailwind-internal/dist/packages/automated-config/dist/utils/buildConfigSchema.js +15 -0
  95. package/dist/tailwind-internal/dist/packages/automated-config/dist/utils/index.cjs +14 -2
  96. package/dist/tailwind-internal/dist/packages/automated-config/dist/utils/index.js +14 -2
  97. package/dist/tailwind-internal/dist/packages/config/dist/index.cjs +399 -14
  98. package/dist/tailwind-internal/dist/packages/config/dist/index.js +399 -14
  99. package/dist/tailwind-internal/dist/plugins/components.cjs +1 -0
  100. package/dist/tailwind-internal/dist/plugins/components.js +2 -1
  101. package/dist/tailwind-internal/dist/utils/getNestedBorderRadiusUtilities.cjs +6 -0
  102. package/dist/tailwind-internal/dist/utils/getNestedBorderRadiusUtilities.js +6 -0
  103. package/dist/tokens/automation/configs/index.cjs +1 -0
  104. package/dist/tokens/automation/configs/index.d.cts +2 -2
  105. package/dist/tokens/automation/configs/index.d.ts +2 -2
  106. package/dist/tokens/automation/configs/index.js +2 -2
  107. package/dist/tokens/automation/index.cjs +3 -1
  108. package/dist/tokens/automation/index.d.cts +3 -3
  109. package/dist/tokens/automation/index.d.ts +3 -3
  110. package/dist/tokens/automation/index.js +4 -4
  111. package/dist/tokens/index.cjs +3 -1
  112. package/dist/tokens/index.d.cts +5 -5
  113. package/dist/tokens/index.d.ts +5 -5
  114. package/dist/tokens/index.js +4 -4
  115. package/dist/tokens/types.d.cts +6 -2
  116. package/dist/tokens/types.d.ts +6 -2
  117. package/dist/types/dist/index.d.cts +50 -1
  118. package/dist/types/dist/index.d.ts +50 -1
  119. package/dist/uds/generated/componentData.cjs +2781 -3273
  120. package/dist/uds/generated/componentData.js +2776 -2710
  121. package/dist/uds/generated/tailwindPurge.cjs +22 -0
  122. package/dist/uds/generated/tailwindPurge.js +22 -0
  123. package/dist/utils/hasDisplayName.cjs +17 -0
  124. package/dist/utils/hasDisplayName.d.cts +12 -0
  125. package/dist/utils/hasDisplayName.d.ts +12 -0
  126. package/dist/utils/hasDisplayName.js +15 -0
  127. package/generated/componentData.json +1770 -1565
  128. package/generated/tailwindPurge.ts +4 -4
  129. package/package.json +1 -1
@@ -351,6 +351,7 @@
351
351
  "color": "primary"
352
352
  },
353
353
  "cxLiterals": [
354
+ "uds-banner",
354
355
  "flex",
355
356
  "flex-row",
356
357
  "items-center",
@@ -592,6 +593,92 @@
592
593
  "runtimeConfigInternalComponentProps": {},
593
594
  "motionVarPrefixes": []
594
595
  },
596
+ "Spinner": {
597
+ "name": "Spinner",
598
+ "defaultProps": {
599
+ "color": "primary",
600
+ "size": "lg"
601
+ },
602
+ "getStylesLiterals": {},
603
+ "cxLiterals": [
604
+ "self-center",
605
+ "relative",
606
+ "sr-only"
607
+ ],
608
+ "internalComponents": [
609
+ "Icon"
610
+ ],
611
+ "internalComponentProps": {
612
+ "Icon": {
613
+ "role": [
614
+ "img"
615
+ ],
616
+ "className": [
617
+ "animate-spin"
618
+ ],
619
+ "aria-hidden": [
620
+ "true"
621
+ ]
622
+ }
623
+ },
624
+ "propToVariantKeys": {},
625
+ "runtimeConfigDefaultProps": {},
626
+ "runtimeConfigGetStyles": {},
627
+ "runtimeConfigInternalComponentProps": {},
628
+ "motionVarPrefixes": []
629
+ },
630
+ "Table.mocks": {
631
+ "name": "Table.mocks",
632
+ "defaultProps": {},
633
+ "getStylesLiterals": {},
634
+ "cxLiterals": [],
635
+ "internalComponents": [],
636
+ "internalComponentProps": {},
637
+ "propToVariantKeys": {},
638
+ "runtimeConfigDefaultProps": {},
639
+ "runtimeConfigGetStyles": {},
640
+ "runtimeConfigInternalComponentProps": {},
641
+ "motionVarPrefixes": []
642
+ },
643
+ "Table": {
644
+ "name": "Table",
645
+ "defaultProps": {
646
+ "display": "table-cell",
647
+ "overflow": "hidden",
648
+ "borderColor": "muted",
649
+ "borderRadius": "md",
650
+ "spacing": "3",
651
+ "borderBottomColor": "muted",
652
+ "borderBottomWidth": "thin",
653
+ "color": "primary"
654
+ },
655
+ "getStylesLiterals": {
656
+ "textAlign": "start"
657
+ },
658
+ "cxLiterals": [],
659
+ "internalComponents": [
660
+ "CellComponent",
661
+ "Box",
662
+ "Text",
663
+ "Table.Root",
664
+ "Table.Header",
665
+ "Table.Row",
666
+ "Table.Cell",
667
+ "Table.Body"
668
+ ],
669
+ "internalComponentProps": {
670
+ "Table.Cell": {
671
+ "asHeaderCell": [
672
+ "column"
673
+ ]
674
+ }
675
+ },
676
+ "propToVariantKeys": {},
677
+ "runtimeConfigDefaultProps": {},
678
+ "runtimeConfigGetStyles": {},
679
+ "runtimeConfigInternalComponentProps": {},
680
+ "motionVarPrefixes": []
681
+ },
595
682
  "AnimateHeightChange": {
596
683
  "name": "AnimateHeightChange",
597
684
  "defaultProps": {},
@@ -630,6 +717,11 @@
630
717
  },
631
718
  "getStylesLiterals": {},
632
719
  "cxLiterals": [
720
+ "uds-badge",
721
+ "uds-badge-variant",
722
+ "uds-badge-size",
723
+ "uds-badge-iconSize",
724
+ "uds-badge-iconColor",
633
725
  "flex-1",
634
726
  "truncate",
635
727
  "whitespace-nowrap",
@@ -1093,170 +1185,185 @@
1093
1185
  "--uds-motion-smooth-3-"
1094
1186
  ]
1095
1187
  },
1096
- "Spinner": {
1097
- "name": "Spinner",
1188
+ "Input": {
1189
+ "name": "Input",
1098
1190
  "defaultProps": {
1099
- "color": "primary",
1100
- "size": "lg"
1191
+ "type": "text",
1192
+ "size": "md",
1193
+ "width": "full"
1194
+ },
1195
+ "getStylesLiterals": {
1196
+ "inputVariantRoot": "default",
1197
+ "inputVariantValueRoot": "empty",
1198
+ "inputVariantValueRoot:1": "filled",
1199
+ "inputVariantInputWrapper": "default",
1200
+ "inputVariantValueInputWrapper": "empty",
1201
+ "inputVariantValueInputWrapper:1": "filled",
1202
+ "inputVariantInput": "default",
1203
+ "inputVariantValueInput": "empty",
1204
+ "inputVariantValueInput:1": "filled",
1205
+ "inputVariantInputPlaceholder": "default",
1206
+ "inputVariantValueInputPlaceholder": "empty",
1207
+ "inputVariantValueInputPlaceholder:1": "filled",
1208
+ "inputVariantLabel": "default",
1209
+ "inputVariantValueLabel": "empty",
1210
+ "inputVariantValueLabel:1": "filled",
1211
+ "inputVariantLabelRequired": "default",
1212
+ "inputVariantValueLabelRequired": "empty",
1213
+ "inputVariantValueLabelRequired:1": "filled",
1214
+ "inputVariantStartIcon": "default",
1215
+ "inputVariantValueStartIcon": "empty",
1216
+ "inputVariantValueStartIcon:1": "filled",
1217
+ "inputVariantEndIcon": "default",
1218
+ "inputVariantValueEndIcon": "empty",
1219
+ "inputVariantValueEndIcon:1": "filled"
1101
1220
  },
1102
- "getStylesLiterals": {},
1103
1221
  "cxLiterals": [
1104
- "self-center",
1105
- "relative",
1106
- "sr-only"
1222
+ "opacity-50",
1223
+ "min-w-[200px]",
1224
+ "grow",
1225
+ "uds-hit-target",
1226
+ "bg-clip-text",
1227
+ "focus:outline-none",
1228
+ "cursor-text",
1229
+ "cursor-not-allowed"
1107
1230
  ],
1108
1231
  "internalComponents": [
1109
- "Icon"
1232
+ "IconSlot",
1233
+ "StartIcon",
1234
+ "EndIcon",
1235
+ "HelpTextContent",
1236
+ "Box",
1237
+ "InputHelpTextInternal",
1238
+ "VStack",
1239
+ "HStack",
1240
+ "AnimateHeightChange"
1110
1241
  ],
1111
1242
  "internalComponentProps": {
1112
- "Icon": {
1113
- "role": [
1114
- "img"
1243
+ "HelpTextContent": {
1244
+ "spacingTop": [
1245
+ "2"
1246
+ ]
1247
+ },
1248
+ "Box": {
1249
+ "spacingBottom": [
1250
+ "2"
1115
1251
  ],
1116
- "className": [
1117
- "animate-spin"
1252
+ "columnGap": [
1253
+ "0.5"
1118
1254
  ],
1119
- "aria-hidden": [
1120
- "true"
1255
+ "alignItems": [
1256
+ "flex-end",
1257
+ "center"
1258
+ ],
1259
+ "position": [
1260
+ "relative"
1261
+ ]
1262
+ },
1263
+ "HStack": {
1264
+ "alignItems": [
1265
+ "center"
1266
+ ],
1267
+ "gap": [
1268
+ "1"
1121
1269
  ]
1122
1270
  }
1123
1271
  },
1124
- "propToVariantKeys": {},
1125
- "runtimeConfigDefaultProps": {},
1126
- "runtimeConfigGetStyles": {},
1127
- "runtimeConfigInternalComponentProps": {},
1128
- "motionVarPrefixes": []
1129
- },
1130
- "Table.mocks": {
1131
- "name": "Table.mocks",
1132
- "defaultProps": {},
1133
- "getStylesLiterals": {},
1134
- "cxLiterals": [],
1135
- "internalComponents": [],
1136
- "internalComponentProps": {},
1137
- "propToVariantKeys": {},
1272
+ "propToVariantKeys": {
1273
+ "size": [
1274
+ "inputSizeRoot",
1275
+ "inputSizeInputWrapper",
1276
+ "inputSizeInput",
1277
+ "inputSizeLabel",
1278
+ "inputSizeStartIcon",
1279
+ "inputSizeEndIcon"
1280
+ ],
1281
+ "startIcon": [
1282
+ "icon"
1283
+ ],
1284
+ "endIcon": [
1285
+ "icon"
1286
+ ],
1287
+ "slotProps": [
1288
+ "helperTextSlotProps"
1289
+ ],
1290
+ "helperTextIcon": [
1291
+ "startIcon"
1292
+ ]
1293
+ },
1138
1294
  "runtimeConfigDefaultProps": {},
1139
1295
  "runtimeConfigGetStyles": {},
1140
1296
  "runtimeConfigInternalComponentProps": {},
1141
1297
  "motionVarPrefixes": []
1142
1298
  },
1143
- "Table": {
1144
- "name": "Table",
1299
+ "InputHelpText": {
1300
+ "name": "InputHelpText",
1145
1301
  "defaultProps": {
1146
- "display": "table-cell",
1147
- "overflow": "hidden",
1148
- "borderColor": "muted",
1149
- "borderRadius": "md",
1150
- "spacing": "3",
1151
- "borderBottomColor": "muted",
1152
- "borderBottomWidth": "thin",
1153
- "color": "primary"
1302
+ "size": "md"
1154
1303
  },
1155
1304
  "getStylesLiterals": {
1156
- "textAlign": "start"
1305
+ "inputVariantRoot": "default",
1306
+ "inputVariantValueRoot": "empty",
1307
+ "inputVariantValueRoot:1": "filled"
1157
1308
  },
1158
1309
  "cxLiterals": [],
1159
1310
  "internalComponents": [
1160
- "CellComponent",
1161
- "Box",
1162
- "Text",
1163
- "Table.Root",
1164
- "Table.Header",
1165
- "Table.Row",
1166
- "Table.Cell",
1167
- "Table.Body"
1311
+ "InputHelpTextInternal",
1312
+ "Box"
1168
1313
  ],
1169
1314
  "internalComponentProps": {
1170
- "Table.Cell": {
1171
- "asHeaderCell": [
1172
- "column"
1315
+ "Box": {
1316
+ "spacingTop": [
1317
+ "2"
1173
1318
  ]
1174
1319
  }
1175
1320
  },
1176
- "propToVariantKeys": {},
1321
+ "propToVariantKeys": {
1322
+ "size": [
1323
+ "inputSizeRoot"
1324
+ ]
1325
+ },
1177
1326
  "runtimeConfigDefaultProps": {},
1178
1327
  "runtimeConfigGetStyles": {},
1179
1328
  "runtimeConfigInternalComponentProps": {},
1180
1329
  "motionVarPrefixes": []
1181
1330
  },
1182
- "Avatar": {
1183
- "name": "Avatar",
1331
+ "InputHelpTextInternal": {
1332
+ "name": "InputHelpTextInternal",
1184
1333
  "defaultProps": {},
1185
- "getStylesLiterals": {},
1186
- "cxLiterals": [],
1187
- "internalComponents": [
1188
- "AvatarImage"
1189
- ],
1190
- "internalComponentProps": {},
1191
- "propToVariantKeys": {},
1192
- "runtimeConfigDefaultProps": {},
1193
- "runtimeConfigGetStyles": {},
1194
- "runtimeConfigInternalComponentProps": {},
1195
- "motionVarPrefixes": []
1196
- },
1197
- "AvatarIcon": {
1198
- "name": "AvatarIcon",
1199
- "defaultProps": {
1200
- "size": "md",
1201
- "variant": "primary"
1334
+ "getStylesLiterals": {
1335
+ "inputVariantHelperText": "default",
1336
+ "inputVariantValueHelperText": "empty",
1337
+ "inputVariantValueHelperText:1": "filled",
1338
+ "inputVariantHelperIcon": "default",
1339
+ "inputVariantValueHelperIcon": "empty",
1340
+ "inputVariantValueHelperIcon:1": "filled"
1202
1341
  },
1203
- "getStylesLiterals": {},
1204
- "cxLiterals": [
1205
- "overflow-hidden",
1206
- "w-full",
1207
- "h-full",
1208
- "shrink-0",
1209
- "text-center",
1210
- "inline-flex",
1211
- "justify-center",
1212
- "items-center"
1213
- ],
1342
+ "cxLiterals": [],
1214
1343
  "internalComponents": [
1215
1344
  "IconSlot",
1216
- "Box"
1345
+ "HStack"
1217
1346
  ],
1218
- "internalComponentProps": {},
1219
- "propToVariantKeys": {
1220
- "size": [
1221
- "avatarSizeIcon"
1222
- ]
1223
- },
1224
- "runtimeConfigDefaultProps": {},
1225
- "runtimeConfigGetStyles": {},
1226
- "runtimeConfigInternalComponentProps": {},
1227
- "motionVarPrefixes": []
1228
- },
1229
- "AvatarImage": {
1230
- "name": "AvatarImage",
1231
- "defaultProps": {
1232
- "size": "md",
1233
- "variant": "primary"
1347
+ "internalComponentProps": {
1348
+ "HStack": {
1349
+ "gap": [
1350
+ "1"
1351
+ ],
1352
+ "alignItems": [
1353
+ "center"
1354
+ ]
1355
+ }
1234
1356
  },
1235
- "getStylesLiterals": {},
1236
- "cxLiterals": [
1237
- "overflow-hidden",
1238
- "w-full",
1239
- "h-full",
1240
- "shrink-0",
1241
- "text-center",
1242
- "inline-flex",
1243
- "justify-center",
1244
- "items-center",
1245
- "object-cover"
1246
- ],
1247
- "internalComponents": [
1248
- "UDSImage",
1249
- "AvatarText",
1250
- "AvatarIcon",
1251
- "Box"
1252
- ],
1253
- "internalComponentProps": {},
1254
1357
  "propToVariantKeys": {
1255
- "alt": [
1256
- "name"
1358
+ "size": [
1359
+ "inputSizeHelperText",
1360
+ "inputSizeHelperIcon"
1257
1361
  ],
1258
- "fallback": [
1259
- "initials"
1362
+ "startIcon": [
1363
+ "icon"
1364
+ ],
1365
+ "endIcon": [
1366
+ "icon"
1260
1367
  ]
1261
1368
  },
1262
1369
  "runtimeConfigDefaultProps": {},
@@ -1264,136 +1371,83 @@
1264
1371
  "runtimeConfigInternalComponentProps": {},
1265
1372
  "motionVarPrefixes": []
1266
1373
  },
1267
- "AvatarText": {
1268
- "name": "AvatarText",
1374
+ "Accordion": {
1375
+ "name": "Accordion",
1269
1376
  "defaultProps": {
1270
- "size": "md",
1271
- "variant": "primary"
1377
+ "spacingHorizontal": "4",
1378
+ "spacingVertical": "4"
1272
1379
  },
1273
1380
  "getStylesLiterals": {},
1274
1381
  "cxLiterals": [
1275
- "overflow-hidden",
1276
- "truncate",
1277
- "w-full",
1278
- "h-full",
1279
- "shrink-0",
1280
- "text-center",
1281
- "inline-flex",
1282
- "justify-center",
1283
- "items-center"
1382
+ "hover:bg-secondary/80",
1383
+ "w-full"
1284
1384
  ],
1285
1385
  "internalComponents": [
1286
- "Box",
1287
- "Text"
1386
+ "Icon",
1387
+ "SpringMotionConfig",
1388
+ "Pressable",
1389
+ "Text",
1390
+ "HStack",
1391
+ "AnimatePresence",
1392
+ "VStack"
1288
1393
  ],
1289
1394
  "internalComponentProps": {
1290
- "Text": {
1291
- "color": [
1292
- "inherit"
1293
- ],
1395
+ "Icon": {
1294
1396
  "variant": [
1295
- "inherit"
1296
- ]
1297
- }
1298
- },
1299
- "propToVariantKeys": {},
1300
- "runtimeConfigDefaultProps": {},
1301
- "runtimeConfigGetStyles": {},
1302
- "runtimeConfigInternalComponentProps": {},
1303
- "motionVarPrefixes": []
1304
- },
1305
- "BottomSheet": {
1306
- "name": "BottomSheet",
1307
- "defaultProps": {
1308
- "variant": "default"
1309
- },
1310
- "getStylesLiterals": {},
1311
- "cxLiterals": [
1312
- "fixed",
1313
- "overflow-hidden",
1314
- "inset-x-0",
1315
- "bottom-0",
1316
- "z-50",
1317
- "[will-change:transform]",
1318
- "touch-none",
1319
- "[transform:translate3d(0,var(--uds-bottomsheet-hidden-translate),0)]",
1320
- "data-[enter]:[transform:translate3d(0,var(--uds-bottomsheet-visible-translate),0)]",
1321
- "transition-transform",
1322
- "duration-500",
1323
- "ease-[cubic-bezier(0.32,0.72,0,1)]",
1324
- "motion-reduce:transition-none",
1325
- "top-[-4px]",
1326
- "z-[1]",
1327
- "touch-pan-y"
1328
- ],
1329
- "internalComponents": [
1330
- "Scrim",
1331
- "BottomSheetHandle",
1332
- "Dialog",
1333
- "Box",
1334
- "BottomSheetInternalContext.Provider"
1335
- ],
1336
- "internalComponentProps": {
1337
- "BottomSheetHandle": {
1338
- "ariaLabel": [
1339
- "Resize sheet"
1397
+ "fill"
1398
+ ],
1399
+ "size": [
1400
+ "sm"
1401
+ ],
1402
+ "color": [
1403
+ "primary"
1340
1404
  ]
1341
1405
  },
1342
- "Dialog": {
1343
- "data-testid": [
1344
- "bottom-sheet"
1406
+ "SpringMotionConfig": {
1407
+ "layoutVariant": [
1408
+ "smooth"
1409
+ ],
1410
+ "layoutSpeed": [
1411
+ "3"
1345
1412
  ]
1346
1413
  },
1347
- "Box": {
1414
+ "Pressable": {
1348
1415
  "display": [
1349
- "block",
1350
1416
  "flex"
1351
1417
  ],
1352
- "position": [
1353
- "absolute"
1354
- ],
1355
1418
  "flexDirection": [
1356
- "column"
1419
+ "row"
1357
1420
  ],
1358
- "className": [
1359
- "absolute inset-0 min-h-0 p-[inherit]"
1421
+ "alignItems": [
1422
+ "center"
1423
+ ],
1424
+ "justifyContent": [
1425
+ "space-between"
1426
+ ],
1427
+ "borderRadius": [
1428
+ "md"
1360
1429
  ]
1361
- }
1362
- },
1363
- "propToVariantKeys": {
1364
- "variant": [
1365
- "bottomsheetVariantRoot"
1366
- ]
1367
- },
1368
- "runtimeConfigDefaultProps": {},
1369
- "runtimeConfigGetStyles": {},
1370
- "runtimeConfigInternalComponentProps": {},
1371
- "motionVarPrefixes": []
1372
- },
1373
- "BottomSheetContent": {
1374
- "name": "BottomSheetContent",
1375
- "defaultProps": {},
1376
- "getStylesLiterals": {},
1377
- "cxLiterals": [
1378
- "min-h-0",
1379
- "touch-pan-y"
1380
- ],
1381
- "internalComponents": [
1382
- "Box",
1383
- "VStack"
1384
- ],
1385
- "internalComponentProps": {
1386
- "Box": {
1387
- "display": [
1388
- "block"
1430
+ },
1431
+ "Text": {
1432
+ "variant": [
1433
+ "title4"
1389
1434
  ],
1390
- "flex": [
1391
- "1"
1435
+ "color": [
1436
+ "primary"
1392
1437
  ]
1393
1438
  },
1394
- "VStack": {
1395
- "className": [
1396
- "pb-[calc(env(safe-area-inset-bottom))]"
1439
+ "HStack": {
1440
+ "display": [
1441
+ "flex"
1442
+ ],
1443
+ "alignItems": [
1444
+ "center"
1445
+ ],
1446
+ "justifyContent": [
1447
+ "space-between"
1448
+ ],
1449
+ "columnGap": [
1450
+ "2.5"
1397
1451
  ]
1398
1452
  }
1399
1453
  },
@@ -1401,16 +1455,16 @@
1401
1455
  "runtimeConfigDefaultProps": {},
1402
1456
  "runtimeConfigGetStyles": {},
1403
1457
  "runtimeConfigInternalComponentProps": {},
1404
- "motionVarPrefixes": []
1405
- },
1406
- "BottomSheetDismiss": {
1407
- "name": "BottomSheetDismiss",
1458
+ "motionVarPrefixes": [
1459
+ "--uds-motion-smooth-3-"
1460
+ ]
1461
+ },
1462
+ "AvoidMotionLibraryProvider": {
1463
+ "name": "AvoidMotionLibraryProvider",
1408
1464
  "defaultProps": {},
1409
1465
  "getStylesLiterals": {},
1410
1466
  "cxLiterals": [],
1411
- "internalComponents": [
1412
- "AriakitDialogDismiss"
1413
- ],
1467
+ "internalComponents": [],
1414
1468
  "internalComponentProps": {},
1415
1469
  "propToVariantKeys": {},
1416
1470
  "runtimeConfigDefaultProps": {},
@@ -1418,45 +1472,86 @@
1418
1472
  "runtimeConfigInternalComponentProps": {},
1419
1473
  "motionVarPrefixes": []
1420
1474
  },
1421
- "BottomSheetHandle": {
1422
- "name": "BottomSheetHandle",
1475
+ "SegmentedControl": {
1476
+ "name": "SegmentedControl",
1423
1477
  "defaultProps": {
1424
- "variant": "default"
1478
+ "textVariant": "label2"
1479
+ },
1480
+ "getStylesLiterals": {
1481
+ "display": "flex",
1482
+ "alignItems": "center",
1483
+ "backgroundColor": "primary",
1484
+ "spacingVertical": "1",
1485
+ "spacingHorizontal": "3",
1486
+ "columnGap": "1.5",
1487
+ "borderWidth": "thin",
1488
+ "borderRadius": "full",
1489
+ "borderColor": "muted",
1490
+ "borderColor:1": "transparent",
1491
+ "color": "primary",
1492
+ "color:1": "tertiary",
1493
+ "color:2": "muted"
1425
1494
  },
1426
- "getStylesLiterals": {},
1427
1495
  "cxLiterals": [
1428
- "relative",
1429
- "h-5",
1430
- "w-16",
1431
- "outline-none",
1432
- "focus-visible:outline-none",
1433
- "[touch-action:pan-y]",
1434
- "absolute",
1435
- "left-1/2",
1436
- "top-1/2",
1437
- "-translate-x-1/2",
1438
- "-translate-y-1/2",
1439
- "h-1",
1440
- "w-8",
1441
- "rounded-full"
1496
+ "uds-ring",
1497
+ "cursor-not-allowed",
1498
+ "opacity-50",
1499
+ "pointer-events-none",
1500
+ "hover:bg-primary"
1442
1501
  ],
1443
1502
  "internalComponents": [
1444
- "Box"
1503
+ "Radio",
1504
+ "Icon",
1505
+ "RadioProvider",
1506
+ "HStack",
1507
+ "RadioGroup",
1508
+ "Pressable",
1509
+ "Text"
1445
1510
  ],
1446
1511
  "internalComponentProps": {
1447
- "Box": {
1448
- "display": [
1449
- "block",
1450
- "flex"
1512
+ "Icon": {
1513
+ "size": [
1514
+ "sm"
1451
1515
  ],
1452
- "justifyContent": [
1453
- "center"
1516
+ "color": [
1517
+ "current"
1518
+ ],
1519
+ "aria-hidden": [
1520
+ "true"
1521
+ ]
1522
+ },
1523
+ "HStack": {
1524
+ "spacing": [
1525
+ "1"
1526
+ ],
1527
+ "gap": [
1528
+ "1"
1529
+ ],
1530
+ "backgroundColor": [
1531
+ "secondary"
1532
+ ],
1533
+ "borderRadius": [
1534
+ "full"
1535
+ ],
1536
+ "display": [
1537
+ "inline-flex"
1538
+ ]
1539
+ },
1540
+ "Text": {
1541
+ "color": [
1542
+ "current"
1454
1543
  ]
1455
1544
  }
1456
1545
  },
1457
1546
  "propToVariantKeys": {
1458
- "variant": [
1459
- "bottomsheetVariantHandleIndicator"
1547
+ "value": [
1548
+ "key"
1549
+ ],
1550
+ "label": [
1551
+ "aria-label"
1552
+ ],
1553
+ "textVariant": [
1554
+ "variant"
1460
1555
  ]
1461
1556
  },
1462
1557
  "runtimeConfigDefaultProps": {},
@@ -1464,140 +1559,148 @@
1464
1559
  "runtimeConfigInternalComponentProps": {},
1465
1560
  "motionVarPrefixes": []
1466
1561
  },
1467
- "BottomSheetHeader": {
1468
- "name": "BottomSheetHeader",
1562
+ "SwitchV2": {
1563
+ "name": "SwitchV2",
1469
1564
  "defaultProps": {
1470
- "variant": "default"
1565
+ "labelPosition": "start",
1566
+ "size": "md"
1567
+ },
1568
+ "getStylesLiterals": {
1569
+ "switchVariantRoot": "default",
1570
+ "switchVariantActiveRoot": "on",
1571
+ "switchVariantActiveRoot:1": "off",
1572
+ "switchVariantSwitch": "default",
1573
+ "switchVariantActiveSwitch": "on",
1574
+ "switchVariantActiveSwitch:1": "off",
1575
+ "switchVariantActiveHandle": "on",
1576
+ "switchVariantActiveHandle:1": "off",
1577
+ "switchVariantHandle": "default",
1578
+ "switchVariantHandleIcon": "default",
1579
+ "switchVariantActiveHandleIcon": "on",
1580
+ "switchVariantActiveHandleIcon:1": "off"
1471
1581
  },
1472
- "getStylesLiterals": {},
1473
1582
  "cxLiterals": [
1474
- "grid-cols-[40px_1fr_40px]",
1583
+ "group",
1584
+ "flex",
1475
1585
  "items-center",
1586
+ "flex-row",
1587
+ "flex-row-reverse",
1588
+ "uds-ring",
1589
+ "uds-ring-within",
1590
+ "relative",
1591
+ "uds-border-radius-full",
1592
+ "transition-[background-color,box-shadow]",
1593
+ "pointer-events-none",
1476
1594
  "w-full",
1477
- "min-h-10",
1478
- "mt-2"
1595
+ "h-full",
1596
+ "absolute",
1597
+ "top-0",
1598
+ "bottom-0",
1599
+ "right-0",
1600
+ "left-0",
1601
+ "overflow-hidden",
1602
+ "group-hover:scale-105",
1603
+ "opacity-95",
1604
+ "group-hover:opacity-100",
1605
+ "transition-[transform,opacity]",
1606
+ "opacity-0",
1607
+ "top-1/2",
1608
+ "left-1/2",
1609
+ "transform",
1610
+ "translate-x-[-50%]",
1611
+ "translate-y-[-50%]",
1612
+ "transition-opacity",
1613
+ "cursor-[inherit]",
1614
+ "w-[calc(100%+2px)]",
1615
+ "h-[calc(100%+2px)]",
1616
+ "text-start",
1617
+ "text-end",
1618
+ "opacity-100"
1479
1619
  ],
1480
1620
  "internalComponents": [
1621
+ "IconSlot",
1481
1622
  "Box",
1482
- "Text",
1483
- "DialogHeading"
1623
+ "FormLabel",
1624
+ "SpringMotionConfig",
1625
+ "RootElement",
1626
+ "MotionBox"
1484
1627
  ],
1485
1628
  "internalComponentProps": {
1486
- "Box": {
1487
- "className": [
1488
- "h-10 w-10 opacity-0 pointer-events-none"
1489
- ],
1490
- "display": [
1491
- "grid",
1492
- "flex"
1493
- ],
1494
- "justifyContent": [
1495
- "flex-start",
1496
- "flex-end"
1629
+ "IconSlot": {
1630
+ "data-testid": [
1631
+ "on-icon",
1632
+ "off-icon"
1497
1633
  ]
1498
1634
  },
1499
- "Text": {
1635
+ "FormLabel": {
1500
1636
  "as": [
1501
- "p"
1637
+ "div"
1502
1638
  ],
1503
1639
  "variant": [
1504
1640
  "inherit"
1505
1641
  ],
1506
1642
  "color": [
1507
1643
  "inherit"
1644
+ ]
1645
+ },
1646
+ "SpringMotionConfig": {
1647
+ "layoutVariant": [
1648
+ "bouncy"
1508
1649
  ],
1509
- "textAlign": [
1510
- "center"
1511
- ],
1512
- "className": [
1513
- "m-0 w-full"
1650
+ "layoutSpeed": [
1651
+ "4"
1514
1652
  ]
1515
1653
  },
1516
- "DialogHeading": {
1517
- "role": [
1518
- "heading"
1654
+ "RootElement": {
1655
+ "data-testid": [
1656
+ "switch-root"
1657
+ ]
1658
+ },
1659
+ "MotionBox": {
1660
+ "layout": [
1661
+ "position"
1519
1662
  ]
1520
1663
  }
1521
1664
  },
1522
1665
  "propToVariantKeys": {
1523
- "variant": [
1524
- "bottomsheetVariantHeader"
1666
+ "size": [
1667
+ "switchSizeRoot",
1668
+ "switchSizeSwitch",
1669
+ "switchSizeHandle",
1670
+ "switchSizeHandleIcon"
1671
+ ],
1672
+ "onIcon": [
1673
+ "icon"
1674
+ ],
1675
+ "offIcon": [
1676
+ "icon"
1677
+ ],
1678
+ "reduceMotion": [
1679
+ "reducedMotion"
1680
+ ],
1681
+ "isOn": [
1682
+ "layoutDependency"
1525
1683
  ]
1526
1684
  },
1527
1685
  "runtimeConfigDefaultProps": {},
1528
1686
  "runtimeConfigGetStyles": {},
1529
1687
  "runtimeConfigInternalComponentProps": {},
1530
- "motionVarPrefixes": []
1688
+ "motionVarPrefixes": [
1689
+ "--uds-motion-bouncy-4-",
1690
+ "--uds-motion-smooth-3-"
1691
+ ]
1531
1692
  },
1532
- "BottomSheetInternalContext": {
1533
- "name": "BottomSheetInternalContext",
1693
+ "Chip": {
1694
+ "name": "Chip",
1534
1695
  "defaultProps": {},
1535
1696
  "getStylesLiterals": {},
1536
1697
  "cxLiterals": [],
1537
- "internalComponents": [],
1538
- "internalComponentProps": {},
1539
- "propToVariantKeys": {},
1540
- "runtimeConfigDefaultProps": {},
1541
- "runtimeConfigGetStyles": {},
1542
- "runtimeConfigInternalComponentProps": {},
1543
- "motionVarPrefixes": []
1544
- },
1545
- "BottomSheetProvider": {
1546
- "name": "BottomSheetProvider",
1547
- "defaultProps": {},
1548
- "getStylesLiterals": {},
1549
- "cxLiterals": [],
1550
- "internalComponents": [
1551
- "AriakitDialogProvider"
1552
- ],
1553
- "internalComponentProps": {},
1554
- "propToVariantKeys": {},
1555
- "runtimeConfigDefaultProps": {},
1556
- "runtimeConfigGetStyles": {},
1557
- "runtimeConfigInternalComponentProps": {},
1558
- "motionVarPrefixes": []
1559
- },
1560
- "BottomSheetTrigger": {
1561
- "name": "BottomSheetTrigger",
1562
- "defaultProps": {},
1563
- "getStylesLiterals": {},
1564
- "cxLiterals": [],
1565
- "internalComponents": [
1566
- "AriakitDialogDisclosure"
1567
- ],
1568
- "internalComponentProps": {},
1569
- "propToVariantKeys": {},
1570
- "runtimeConfigDefaultProps": {},
1571
- "runtimeConfigGetStyles": {},
1572
- "runtimeConfigInternalComponentProps": {},
1573
- "motionVarPrefixes": []
1574
- },
1575
- "UDSBottomSheetConfigProvider": {
1576
- "name": "UDSBottomSheetConfigProvider",
1577
- "defaultProps": {},
1578
- "getStylesLiterals": {},
1579
- "cxLiterals": [],
1580
- "internalComponents": [
1581
- "BottomSheetContext.Provider"
1582
- ],
1583
- "internalComponentProps": {},
1584
- "propToVariantKeys": {},
1585
- "runtimeConfigDefaultProps": {},
1586
- "runtimeConfigGetStyles": {},
1587
- "runtimeConfigInternalComponentProps": {},
1588
- "motionVarPrefixes": []
1589
- },
1590
- "Chip": {
1591
- "name": "Chip",
1592
- "defaultProps": {},
1593
- "getStylesLiterals": {},
1594
- "cxLiterals": [],
1595
- "internalComponents": [
1596
- "ChipDismissible",
1597
- "ChipToggle",
1598
- "ChipLink",
1599
- "ChipButton"
1600
- ],
1698
+ "internalComponents": [
1699
+ "ChipDismissible",
1700
+ "ChipToggle",
1701
+ "ChipLink",
1702
+ "ChipButton"
1703
+ ],
1601
1704
  "internalComponentProps": {},
1602
1705
  "propToVariantKeys": {},
1603
1706
  "runtimeConfigDefaultProps": {},
@@ -1622,7 +1725,9 @@
1622
1725
  "truncate",
1623
1726
  "whitespace-nowrap",
1624
1727
  "text-center",
1625
- "flex-1"
1728
+ "flex-1",
1729
+ "md",
1730
+ "primary"
1626
1731
  ],
1627
1732
  "internalComponents": [
1628
1733
  "IconSlot",
@@ -1786,110 +1891,57 @@
1786
1891
  "runtimeConfigInternalComponentProps": {},
1787
1892
  "motionVarPrefixes": []
1788
1893
  },
1789
- "Input": {
1790
- "name": "Input",
1791
- "defaultProps": {
1792
- "type": "text",
1793
- "size": "md",
1794
- "width": "full"
1795
- },
1796
- "getStylesLiterals": {
1797
- "inputVariantRoot": "default",
1798
- "inputVariantValueRoot": "empty",
1799
- "inputVariantValueRoot:1": "filled",
1800
- "inputVariantInputWrapper": "default",
1801
- "inputVariantValueInputWrapper": "empty",
1802
- "inputVariantValueInputWrapper:1": "filled",
1803
- "inputVariantInput": "default",
1804
- "inputVariantValueInput": "empty",
1805
- "inputVariantValueInput:1": "filled",
1806
- "inputVariantInputPlaceholder": "default",
1807
- "inputVariantValueInputPlaceholder": "empty",
1808
- "inputVariantValueInputPlaceholder:1": "filled",
1809
- "inputVariantLabel": "default",
1810
- "inputVariantValueLabel": "empty",
1811
- "inputVariantValueLabel:1": "filled",
1812
- "inputVariantLabelRequired": "default",
1813
- "inputVariantValueLabelRequired": "empty",
1814
- "inputVariantValueLabelRequired:1": "filled",
1815
- "inputVariantStartIcon": "default",
1816
- "inputVariantValueStartIcon": "empty",
1817
- "inputVariantValueStartIcon:1": "filled",
1818
- "inputVariantEndIcon": "default",
1819
- "inputVariantValueEndIcon": "empty",
1820
- "inputVariantValueEndIcon:1": "filled"
1821
- },
1894
+ "PaddleButton": {
1895
+ "name": "PaddleButton",
1896
+ "defaultProps": {},
1897
+ "getStylesLiterals": {},
1822
1898
  "cxLiterals": [
1899
+ "relative",
1900
+ "inline-flex",
1901
+ "items-center",
1902
+ "justify-center",
1903
+ "box-border",
1904
+ "overflow-hidden",
1905
+ "border-solid",
1906
+ "select-none",
1907
+ "uds-nested-radius",
1908
+ "transition-[color,border-color,box-shadow]",
1909
+ "duration-[180ms]",
1910
+ "ease-[cubic-bezier(0,0,0.2,1)]",
1911
+ "uds-ring",
1912
+ "cursor-pointer",
1913
+ "cursor-not-allowed",
1823
1914
  "opacity-50",
1824
- "min-w-[200px]",
1825
- "grow",
1826
- "uds-hit-target",
1827
- "bg-clip-text",
1828
- "focus:outline-none",
1829
- "cursor-text",
1830
- "cursor-not-allowed"
1915
+ "pointer-events-none",
1916
+ "hidden",
1917
+ "absolute",
1918
+ "inset-0",
1919
+ "-z-10",
1920
+ "rounded-[length:var(--uds-nested-radius)]",
1921
+ "transition-[background-color,opacity]"
1831
1922
  ],
1832
1923
  "internalComponents": [
1833
- "IconSlot",
1834
- "StartIcon",
1835
- "EndIcon",
1836
- "HelpTextContent",
1837
- "Box",
1838
- "InputHelpTextInternal",
1839
- "VStack",
1840
- "HStack",
1841
- "AnimateHeightChange"
1924
+ "Icon"
1842
1925
  ],
1843
1926
  "internalComponentProps": {
1844
- "HelpTextContent": {
1845
- "spacingTop": [
1846
- "2"
1847
- ]
1848
- },
1849
- "Box": {
1850
- "spacingBottom": [
1851
- "2"
1852
- ],
1853
- "columnGap": [
1854
- "0.5"
1855
- ],
1856
- "alignItems": [
1857
- "flex-end",
1858
- "center"
1859
- ],
1860
- "position": [
1861
- "relative"
1862
- ]
1863
- },
1864
- "HStack": {
1865
- "alignItems": [
1866
- "center"
1927
+ "Icon": {
1928
+ "size": [
1929
+ "md"
1867
1930
  ],
1868
- "gap": [
1869
- "1"
1931
+ "color": [
1932
+ "current"
1870
1933
  ]
1871
1934
  }
1872
1935
  },
1873
1936
  "propToVariantKeys": {
1874
1937
  "size": [
1875
- "inputSizeRoot",
1876
- "inputSizeInputWrapper",
1877
- "inputSizeInput",
1878
- "inputSizeLabel",
1879
- "inputSizeStartIcon",
1880
- "inputSizeEndIcon"
1938
+ "paddlenavSizeRoot",
1939
+ "paddlenavSizeIcon"
1881
1940
  ],
1882
- "startIcon": [
1883
- "icon"
1884
- ],
1885
- "endIcon": [
1886
- "icon"
1887
- ],
1888
- "slotProps": [
1889
- "helperTextSlotProps"
1890
- ],
1891
- "helperTextIcon": [
1892
- "startIcon"
1941
+ "variant": [
1942
+ "paddlenavVariantRoot",
1943
+ "paddlenavVariantBackground",
1944
+ "paddlenavVariantIcon"
1893
1945
  ]
1894
1946
  },
1895
1947
  "runtimeConfigDefaultProps": {},
@@ -1897,246 +1949,107 @@
1897
1949
  "runtimeConfigInternalComponentProps": {},
1898
1950
  "motionVarPrefixes": []
1899
1951
  },
1900
- "InputHelpText": {
1901
- "name": "InputHelpText",
1902
- "defaultProps": {
1903
- "size": "md"
1904
- },
1905
- "getStylesLiterals": {
1906
- "inputVariantRoot": "default",
1907
- "inputVariantValueRoot": "empty",
1908
- "inputVariantValueRoot:1": "filled"
1909
- },
1952
+ "PaddleButtonNext": {
1953
+ "name": "PaddleButtonNext",
1954
+ "defaultProps": {},
1955
+ "getStylesLiterals": {},
1910
1956
  "cxLiterals": [],
1911
1957
  "internalComponents": [
1912
- "InputHelpTextInternal",
1913
- "Box"
1958
+ "PaddleButton"
1914
1959
  ],
1915
1960
  "internalComponentProps": {
1916
- "Box": {
1917
- "spacingTop": [
1918
- "2"
1961
+ "PaddleButton": {
1962
+ "paddleRole": [
1963
+ "next"
1919
1964
  ]
1920
1965
  }
1921
1966
  },
1922
- "propToVariantKeys": {
1923
- "size": [
1924
- "inputSizeRoot"
1925
- ]
1926
- },
1967
+ "propToVariantKeys": {},
1927
1968
  "runtimeConfigDefaultProps": {},
1928
1969
  "runtimeConfigGetStyles": {},
1929
1970
  "runtimeConfigInternalComponentProps": {},
1930
1971
  "motionVarPrefixes": []
1931
1972
  },
1932
- "InputHelpTextInternal": {
1933
- "name": "InputHelpTextInternal",
1973
+ "PaddleButtonPrevious": {
1974
+ "name": "PaddleButtonPrevious",
1934
1975
  "defaultProps": {},
1935
- "getStylesLiterals": {
1936
- "inputVariantHelperText": "default",
1937
- "inputVariantValueHelperText": "empty",
1938
- "inputVariantValueHelperText:1": "filled",
1939
- "inputVariantHelperIcon": "default",
1940
- "inputVariantValueHelperIcon": "empty",
1941
- "inputVariantValueHelperIcon:1": "filled"
1942
- },
1976
+ "getStylesLiterals": {},
1943
1977
  "cxLiterals": [],
1944
1978
  "internalComponents": [
1945
- "IconSlot",
1946
- "HStack"
1979
+ "PaddleButton"
1947
1980
  ],
1948
1981
  "internalComponentProps": {
1949
- "HStack": {
1950
- "gap": [
1951
- "1"
1952
- ],
1953
- "alignItems": [
1954
- "center"
1982
+ "PaddleButton": {
1983
+ "paddleRole": [
1984
+ "previous"
1955
1985
  ]
1956
1986
  }
1957
1987
  },
1958
- "propToVariantKeys": {
1959
- "size": [
1960
- "inputSizeHelperText",
1961
- "inputSizeHelperIcon"
1962
- ],
1963
- "startIcon": [
1964
- "icon"
1965
- ],
1966
- "endIcon": [
1967
- "icon"
1968
- ]
1969
- },
1988
+ "propToVariantKeys": {},
1970
1989
  "runtimeConfigDefaultProps": {},
1971
1990
  "runtimeConfigGetStyles": {},
1972
1991
  "runtimeConfigInternalComponentProps": {},
1973
1992
  "motionVarPrefixes": []
1974
1993
  },
1975
- "Menu.Content": {
1976
- "name": "Menu.Content",
1994
+ "PaddleNav": {
1995
+ "name": "PaddleNav",
1977
1996
  "defaultProps": {
1978
- "size": "default",
1979
- "variant": "default",
1980
- "gutter": "1"
1997
+ "orientation": "horizontal",
1998
+ "variant": "primary",
1999
+ "size": "md"
1981
2000
  },
1982
2001
  "getStylesLiterals": {},
1983
2002
  "cxLiterals": [
1984
- "uds-menu-content",
1985
- "transition-shadow",
1986
- "duration-200",
1987
- "ease-in-out",
1988
- "min-w-60",
1989
- "max-w-lg",
1990
- "max-h-96",
1991
- "overflow-auto",
1992
- "uds-ring",
2003
+ "pointer-events-none",
2004
+ "inline-flex",
2005
+ "flex-row",
2006
+ "gap-2",
2007
+ "items-center",
2008
+ "pointer-events-auto",
2009
+ "flex-col",
2010
+ "relative",
2011
+ "min-w-0",
2012
+ "min-h-0",
2013
+ "flex-1",
2014
+ "inline-block",
2015
+ "absolute",
1993
2016
  "z-10",
1994
- "group"
1995
- ],
1996
- "internalComponents": [
1997
- "AriakitMenu",
1998
- "AnimatePresence",
1999
- "MotionVStack"
2000
- ],
2001
- "internalComponentProps": {},
2002
- "propToVariantKeys": {
2003
- "size": [
2004
- "menucontentSizeRoot"
2005
- ],
2006
- "variant": [
2007
- "menucontentVariantRoot"
2008
- ]
2009
- },
2010
- "runtimeConfigDefaultProps": {},
2011
- "runtimeConfigGetStyles": {},
2012
- "runtimeConfigInternalComponentProps": {},
2013
- "motionVarPrefixes": []
2014
- },
2015
- "Menu.Divider": {
2016
- "name": "Menu.Divider",
2017
- "defaultProps": {
2018
- "role": "separator",
2019
- "contentPosition": "start",
2020
- "gap": "4"
2021
- },
2022
- "getStylesLiterals": {
2023
- "menuitemDividerVariantRoot": "default",
2024
- "menuitemDividerVariantText": "default",
2025
- "menuitemDividerVariantLine": "default"
2026
- },
2027
- "cxLiterals": [],
2028
- "internalComponents": [
2029
- "Divider"
2030
- ],
2031
- "internalComponentProps": {
2032
- "Divider": {
2033
- "variant": [
2034
- "inherit"
2035
- ]
2036
- }
2037
- },
2038
- "propToVariantKeys": {},
2039
- "runtimeConfigDefaultProps": {},
2040
- "runtimeConfigGetStyles": {},
2041
- "runtimeConfigInternalComponentProps": {},
2042
- "motionVarPrefixes": []
2043
- },
2044
- "Menu.Item": {
2045
- "name": "Menu.Item",
2046
- "defaultProps": {},
2047
- "getStylesLiterals": {
2048
- "menuitemItemVariantRoot": "default",
2049
- "menuitemItemVariantActiveRoot": "on",
2050
- "menuitemItemVariantActiveRoot:1": "off",
2051
- "menuitemItemVariantText": "default",
2052
- "menuitemItemVariantActiveText": "on",
2053
- "menuitemItemVariantActiveText:1": "off",
2054
- "menuitemItemVariantIcon": "default",
2055
- "menuitemItemVariantActiveIcon": "on",
2056
- "menuitemItemVariantActiveIcon:1": "off"
2057
- },
2058
- "cxLiterals": [],
2059
- "internalComponents": [
2060
- "MenuItemBase"
2061
- ],
2062
- "internalComponentProps": {},
2063
- "propToVariantKeys": {},
2064
- "runtimeConfigDefaultProps": {},
2065
- "runtimeConfigGetStyles": {},
2066
- "runtimeConfigInternalComponentProps": {},
2067
- "motionVarPrefixes": []
2068
- },
2069
- "Menu.ItemBase": {
2070
- "name": "Menu.ItemBase",
2071
- "defaultProps": {
2072
- "spacing": "0",
2073
- "spacingHorizontal": "4",
2074
- "spacingVertical": "3.5",
2075
- "columnGap": "2",
2076
- "alignItems": "center",
2077
- "justifyContent": "space-between"
2078
- },
2079
- "getStylesLiterals": {
2080
- "textAlign": "start",
2081
- "menuitemSizeRoot": "default",
2082
- "flexDirection": "row",
2083
- "menuitemSizeStartIcon": "default",
2084
- "menuitemSizeEndIcon": "default"
2085
- },
2086
- "cxLiterals": [
2087
- "flex",
2088
- "focus-visible:text-brand",
2089
- "focus-visible:bg-brand-secondary",
2090
- "focus-visible:z-10",
2091
- "uds-ring",
2092
- "!-outline-offset-2",
2093
- "[&:not([aria-checked])]:cursor-default",
2094
- "opacity-25",
2095
- "cursor-not-allowed",
2096
- "duration-20",
2097
- "transition-[font-variation-settings]",
2098
- "ease-in-out",
2099
- "z-0",
2100
- "uds-start-icon",
2101
- "uds-end-icon"
2017
+ "top-2",
2018
+ "left-1/2",
2019
+ "-translate-x-1/2",
2020
+ "left-2",
2021
+ "top-1/2",
2022
+ "-translate-y-1/2",
2023
+ "bottom-2",
2024
+ "right-2",
2025
+ "-top-12",
2026
+ "left-0",
2027
+ "right-0",
2028
+ "-bottom-12"
2102
2029
  ],
2103
2030
  "internalComponents": [
2104
- "Pressable",
2105
- "IconSlot",
2106
- "RootComponent",
2107
- "HStack",
2108
- "AnimatePresence"
2031
+ "PaddleNavContext.Provider",
2032
+ "Box"
2109
2033
  ],
2110
2034
  "internalComponentProps": {
2111
- "HStack": {
2035
+ "Box": {
2036
+ "display": [
2037
+ "inline-flex"
2038
+ ],
2112
2039
  "alignItems": [
2113
2040
  "center"
2114
2041
  ],
2115
- "width": [
2116
- "full"
2117
- ]
2118
- },
2119
- "AnimatePresence": {
2120
- "mode": [
2121
- "popLayout"
2042
+ "justifyContent": [
2043
+ "center"
2044
+ ],
2045
+ "data-paddle-nav-outside": [
2046
+ "true"
2122
2047
  ]
2123
2048
  }
2124
2049
  },
2125
2050
  "propToVariantKeys": {
2126
- "startIconClassName": [
2127
- "className"
2128
- ],
2129
- "endIconClassName": [
2130
- "className"
2131
- ],
2132
- "startIcon": [
2133
- "icon"
2134
- ],
2135
- "endIcon": [
2136
- "icon"
2137
- ],
2138
- "columnGap": [
2139
- "gap"
2051
+ "orientation": [
2052
+ "data-paddle-nav-orientation"
2140
2053
  ]
2141
2054
  },
2142
2055
  "runtimeConfigDefaultProps": {},
@@ -2144,97 +2057,15 @@
2144
2057
  "runtimeConfigInternalComponentProps": {},
2145
2058
  "motionVarPrefixes": []
2146
2059
  },
2147
- "Menu.ItemCheckbox": {
2148
- "name": "Menu.ItemCheckbox",
2149
- "defaultProps": {},
2150
- "getStylesLiterals": {
2151
- "menuitemItemCheckboxVariantRoot": "default",
2152
- "menuitemItemCheckboxVariantActiveRoot": "on",
2153
- "menuitemItemCheckboxVariantActiveRoot:1": "off",
2154
- "menuitemItemCheckboxVariantText": "default",
2155
- "menuitemItemCheckboxVariantActiveText": "on",
2156
- "menuitemItemCheckboxVariantActiveText:1": "off",
2157
- "menuitemItemCheckboxVariantStartIcon": "default",
2158
- "menuitemItemCheckboxVariantActiveStartIcon": "on",
2159
- "menuitemItemCheckboxVariantActiveStartIcon:1": "off",
2160
- "menuitemItemCheckboxVariantEndIcon": "default",
2161
- "menuitemItemCheckboxVariantActiveEndIcon": "on",
2162
- "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
2163
- },
2164
- "cxLiterals": [
2165
- "uds-menu-item-checkbox"
2166
- ],
2167
- "internalComponents": [
2168
- "MenuItemBase"
2169
- ],
2170
- "internalComponentProps": {},
2171
- "propToVariantKeys": {},
2172
- "runtimeConfigDefaultProps": {},
2173
- "runtimeConfigGetStyles": {},
2174
- "runtimeConfigInternalComponentProps": {},
2175
- "motionVarPrefixes": []
2176
- },
2177
- "Menu.Provider": {
2178
- "name": "Menu.Provider",
2179
- "defaultProps": {},
2180
- "getStylesLiterals": {},
2181
- "cxLiterals": [],
2182
- "internalComponents": [
2183
- "AriakitMenuProvider",
2184
- "SpringMotionConfig"
2185
- ],
2186
- "internalComponentProps": {},
2187
- "propToVariantKeys": {},
2188
- "runtimeConfigDefaultProps": {},
2189
- "runtimeConfigGetStyles": {},
2190
- "runtimeConfigInternalComponentProps": {},
2191
- "motionVarPrefixes": [
2192
- "--uds-motion-subtle-3-",
2193
- "--uds-motion-smooth-3-"
2194
- ]
2195
- },
2196
- "Menu.Trigger": {
2197
- "name": "Menu.Trigger",
2060
+ "PaddleNavContent": {
2061
+ "name": "PaddleNavContent",
2198
2062
  "defaultProps": {},
2199
2063
  "getStylesLiterals": {},
2200
2064
  "cxLiterals": [
2201
- "uds-menu-trigger"
2202
- ],
2203
- "internalComponents": [
2204
- "AriakitMenuTrigger",
2205
- "Box"
2065
+ "min-w-0",
2066
+ "min-h-0",
2067
+ "relative"
2206
2068
  ],
2207
- "internalComponentProps": {
2208
- "Box": {
2209
- "className": [
2210
- "uds-ring h-fit w-fit"
2211
- ]
2212
- }
2213
- },
2214
- "propToVariantKeys": {},
2215
- "runtimeConfigDefaultProps": {},
2216
- "runtimeConfigGetStyles": {},
2217
- "runtimeConfigInternalComponentProps": {},
2218
- "motionVarPrefixes": []
2219
- },
2220
- "Menu.index": {
2221
- "name": "Menu.index",
2222
- "defaultProps": {},
2223
- "getStylesLiterals": {},
2224
- "cxLiterals": [],
2225
- "internalComponents": [],
2226
- "internalComponentProps": {},
2227
- "propToVariantKeys": {},
2228
- "runtimeConfigDefaultProps": {},
2229
- "runtimeConfigGetStyles": {},
2230
- "runtimeConfigInternalComponentProps": {},
2231
- "motionVarPrefixes": []
2232
- },
2233
- "Menu": {
2234
- "name": "Menu",
2235
- "defaultProps": {},
2236
- "getStylesLiterals": {},
2237
- "cxLiterals": [],
2238
2069
  "internalComponents": [],
2239
2070
  "internalComponentProps": {},
2240
2071
  "propToVariantKeys": {},
@@ -2542,159 +2373,114 @@
2542
2373
  "runtimeConfigInternalComponentProps": {},
2543
2374
  "motionVarPrefixes": []
2544
2375
  },
2545
- "Popover": {
2546
- "name": "Popover",
2547
- "defaultProps": {},
2548
- "getStylesLiterals": {},
2549
- "cxLiterals": [],
2550
- "internalComponents": [
2551
- "PopoverInternalContext.Provider",
2552
- "PopoverProvider"
2553
- ],
2554
- "internalComponentProps": {},
2555
- "propToVariantKeys": {},
2556
- "runtimeConfigDefaultProps": {
2557
- "size": "popover.defaultSize",
2558
- "variant": "popover.defaultVariant"
2559
- },
2560
- "runtimeConfigGetStyles": {},
2561
- "runtimeConfigInternalComponentProps": {},
2562
- "motionVarPrefixes": []
2563
- },
2564
- "PopoverContent": {
2565
- "name": "PopoverContent",
2566
- "defaultProps": {},
2567
- "getStylesLiterals": {
2568
- "popoverSizeRoot": "default",
2569
- "popoverVariantRoot": "default",
2570
- "display": "flex",
2571
- "position": "relative",
2572
- "display:1": "block",
2573
- "spacingTop": "0",
2574
- "spacingStart": "0",
2575
- "spacingBottom": "0",
2576
- "spacingEnd": "0",
2577
- "popoverSizeSvgBase": "default",
2578
- "popoverVariantSvgBase": "default",
2579
- "popoverSizeSvgBorder": "default",
2580
- "popoverVariantSvgBorder": "default",
2581
- "popoverVariantBlur": "default",
2582
- "position:1": "absolute",
2583
- "width": "full",
2584
- "height": "full",
2585
- "flexShrink": "0",
2586
- "borderRadius": "full",
2587
- "alignItems": "center",
2588
- "justifyContent": "center",
2589
- "popoverVariantCloseIcon": "default",
2590
- "popoverSizeCloseIcon": "default"
2376
+ "BottomSheet": {
2377
+ "name": "BottomSheet",
2378
+ "defaultProps": {
2379
+ "variant": "default"
2591
2380
  },
2381
+ "getStylesLiterals": {},
2592
2382
  "cxLiterals": [
2593
- "z-[9999]",
2594
- "outline-none",
2595
- "focus-visible:outline-none",
2596
- "uds-bgBlurFillFallback",
2597
- "uds-bgBlurFallback",
2598
- "top-0",
2599
- "left-0",
2383
+ "fixed",
2384
+ "overflow-hidden",
2385
+ "inset-x-0",
2386
+ "bottom-0",
2387
+ "z-50",
2388
+ "[will-change:transform]",
2389
+ "touch-none",
2390
+ "[transform:translate3d(0,var(--uds-bottomsheet-hidden-translate),0)]",
2391
+ "data-[enter]:[transform:translate3d(0,var(--uds-bottomsheet-visible-translate),0)]",
2392
+ "transition-transform",
2393
+ "duration-500",
2394
+ "ease-[cubic-bezier(0.32,0.72,0,1)]",
2395
+ "motion-reduce:transition-none",
2396
+ "top-[-4px]",
2600
2397
  "z-[1]",
2601
- "duration-0",
2602
- "duration-120",
2603
- "transition-[background-color]",
2604
- "bg-carbon-15/0",
2605
- "hover:bg-carbon-15/10",
2606
- "active:bg-carbon-15/15",
2607
- "uds-ring",
2608
- "absolute",
2609
- "z-[4]"
2398
+ "touch-pan-y"
2610
2399
  ],
2611
2400
  "internalComponents": [
2612
- "PopoverDismiss",
2613
- "IconSlot",
2614
- "PopoverArrow",
2615
- "Popover",
2616
- "SvgFloatingOverlay",
2401
+ "Scrim",
2402
+ "BottomSheetHandle",
2403
+ "Dialog",
2617
2404
  "Box",
2618
- "Pressable"
2405
+ "BottomSheetInternalContext.Provider"
2619
2406
  ],
2620
- "internalComponentProps": {},
2621
- "propToVariantKeys": {
2622
- "closeIcon": [
2623
- "icon"
2624
- ]
2625
- },
2626
- "runtimeConfigDefaultProps": {
2627
- "size": "popover.defaultSize",
2628
- "variant": "popover.defaultVariant"
2629
- },
2630
- "runtimeConfigGetStyles": {
2631
- "spacingTop": [
2632
- "popover.spacingVertical.${size}"
2633
- ],
2634
- "spacingStart": [
2635
- "popover.spacingHorizontal.${size}"
2636
- ],
2637
- "spacingBottom": [
2638
- "popover.spacingVertical.${size}"
2639
- ],
2640
- "spacingEnd": [
2641
- "popover.spacingHorizontal.${size}"
2642
- ]
2643
- },
2644
- "runtimeConfigInternalComponentProps": {
2645
- "SvgFloatingOverlay": {
2646
- "borderRadius": [
2647
- "popover.borderRadius.${size}"
2407
+ "internalComponentProps": {
2408
+ "BottomSheetHandle": {
2409
+ "ariaLabel": [
2410
+ "Resize sheet"
2411
+ ]
2412
+ },
2413
+ "Dialog": {
2414
+ "data-testid": [
2415
+ "bottom-sheet"
2416
+ ]
2417
+ },
2418
+ "Box": {
2419
+ "display": [
2420
+ "block",
2421
+ "flex"
2422
+ ],
2423
+ "position": [
2424
+ "absolute"
2425
+ ],
2426
+ "flexDirection": [
2427
+ "column"
2428
+ ],
2429
+ "className": [
2430
+ "absolute inset-0 min-h-0 p-[inherit]"
2648
2431
  ]
2649
2432
  }
2650
2433
  },
2651
- "motionVarPrefixes": []
2652
- },
2653
- "PopoverContext": {
2654
- "name": "PopoverContext",
2655
- "defaultProps": {},
2656
- "getStylesLiterals": {},
2657
- "cxLiterals": [],
2658
- "internalComponents": [],
2659
- "internalComponentProps": {},
2660
- "propToVariantKeys": {},
2434
+ "propToVariantKeys": {
2435
+ "variant": [
2436
+ "bottomsheetVariantRoot"
2437
+ ]
2438
+ },
2661
2439
  "runtimeConfigDefaultProps": {},
2662
2440
  "runtimeConfigGetStyles": {},
2663
2441
  "runtimeConfigInternalComponentProps": {},
2664
2442
  "motionVarPrefixes": []
2665
2443
  },
2666
- "PopoverTrigger": {
2667
- "name": "PopoverTrigger",
2444
+ "BottomSheetContent": {
2445
+ "name": "BottomSheetContent",
2668
2446
  "defaultProps": {},
2669
2447
  "getStylesLiterals": {},
2670
- "cxLiterals": [],
2448
+ "cxLiterals": [
2449
+ "min-h-0",
2450
+ "touch-pan-y"
2451
+ ],
2671
2452
  "internalComponents": [
2672
- "PopoverDisclosure"
2453
+ "Box",
2454
+ "VStack"
2673
2455
  ],
2674
2456
  "internalComponentProps": {
2675
- "PopoverDisclosure": {
2457
+ "Box": {
2458
+ "display": [
2459
+ "block"
2460
+ ],
2461
+ "flex": [
2462
+ "1"
2463
+ ]
2464
+ },
2465
+ "VStack": {
2676
2466
  "className": [
2677
- "inline"
2467
+ "pb-[calc(env(safe-area-inset-bottom))]"
2678
2468
  ]
2679
2469
  }
2680
2470
  },
2681
- "propToVariantKeys": {
2682
- "children": [
2683
- "render"
2684
- ]
2685
- },
2471
+ "propToVariantKeys": {},
2686
2472
  "runtimeConfigDefaultProps": {},
2687
2473
  "runtimeConfigGetStyles": {},
2688
2474
  "runtimeConfigInternalComponentProps": {},
2689
2475
  "motionVarPrefixes": []
2690
2476
  },
2691
- "UDSPopoverConfigProvider": {
2692
- "name": "UDSPopoverConfigProvider",
2477
+ "BottomSheetDismiss": {
2478
+ "name": "BottomSheetDismiss",
2693
2479
  "defaultProps": {},
2694
2480
  "getStylesLiterals": {},
2695
2481
  "cxLiterals": [],
2696
2482
  "internalComponents": [
2697
- "PopoverContext.Provider"
2483
+ "AriakitDialogDismiss"
2698
2484
  ],
2699
2485
  "internalComponentProps": {},
2700
2486
  "propToVariantKeys": {},
@@ -2703,228 +2489,110 @@
2703
2489
  "runtimeConfigInternalComponentProps": {},
2704
2490
  "motionVarPrefixes": []
2705
2491
  },
2706
- "Radio": {
2707
- "name": "Radio",
2492
+ "BottomSheetHandle": {
2493
+ "name": "BottomSheetHandle",
2708
2494
  "defaultProps": {
2709
- "labelPosition": "start",
2710
- "variant": "primary",
2711
- "size": "md",
2712
- "value": ""
2713
- },
2714
- "getStylesLiterals": {
2715
- "radioVariantValueRoot": "checked",
2716
- "radioVariantValueRoot:1": "unchecked",
2717
- "display": "flex",
2718
- "flexDirection": "row",
2719
- "flexDirection:1": "row-reverse",
2720
- "alignItems": "center",
2721
- "radioVariantValueRadio": "checked",
2722
- "radioVariantValueRadio:1": "unchecked",
2723
- "radioVariantValueRadioCircle": "checked",
2724
- "radioVariantValueRadioCircle:1": "unchecked"
2495
+ "variant": "default"
2725
2496
  },
2497
+ "getStylesLiterals": {},
2726
2498
  "cxLiterals": [
2727
- "cursor-pointer",
2728
- "cursor-default",
2729
- "opacity-50",
2730
- "border",
2731
- "uds-ring",
2732
- "uds-ring-within",
2733
- "transition-[background-color,border-color]",
2734
- "transition-shadow",
2735
- "pointer-events-none",
2736
- "w-[8px]",
2737
- "h-[8px]",
2738
- "transition-opacity",
2739
- "cursor-[inherit]",
2499
+ "relative",
2500
+ "h-5",
2501
+ "w-16",
2502
+ "outline-none",
2503
+ "focus-visible:outline-none",
2504
+ "[touch-action:pan-y]",
2740
2505
  "absolute",
2741
- "opacity-0",
2742
- "top-1/2",
2743
2506
  "left-1/2",
2744
- "w-[calc(100%+2px)]",
2745
- "h-[calc(100%+2px)]",
2746
- "transform",
2747
- "translate-x-[-50%]",
2748
- "translate-y-[-50%]",
2749
- "text-start",
2750
- "text-end"
2507
+ "top-1/2",
2508
+ "-translate-x-1/2",
2509
+ "-translate-y-1/2",
2510
+ "h-1",
2511
+ "w-8",
2512
+ "rounded-full"
2751
2513
  ],
2752
2514
  "internalComponents": [
2753
- "Box",
2754
- "FormLabel",
2755
- "SpringMotionConfig",
2756
- "RootElement",
2757
- "MotionBox"
2515
+ "Box"
2758
2516
  ],
2759
2517
  "internalComponentProps": {
2760
2518
  "Box": {
2761
- "borderRadius": [
2762
- "full"
2763
- ]
2764
- },
2765
- "FormLabel": {
2766
- "as": [
2767
- "div"
2768
- ],
2769
- "variant": [
2770
- "inherit"
2519
+ "display": [
2520
+ "block",
2521
+ "flex"
2771
2522
  ],
2772
- "color": [
2773
- "inherit"
2774
- ]
2775
- },
2776
- "RootElement": {
2777
- "data-testid": [
2778
- "container"
2779
- ]
2780
- },
2781
- "MotionBox": {
2782
- "position": [
2783
- "relative"
2784
- ],
2785
- "borderRadius": [
2786
- "full"
2787
- ],
2788
- "alignItems": [
2789
- "center"
2790
- ],
2791
- "justifyContent": [
2792
- "center"
2793
- ],
2794
- "flex": [
2795
- "none"
2523
+ "justifyContent": [
2524
+ "center"
2796
2525
  ]
2797
2526
  }
2798
2527
  },
2799
2528
  "propToVariantKeys": {
2800
- "size": [
2801
- "radioSizeRoot",
2802
- "radioSizeRadio"
2803
- ],
2804
2529
  "variant": [
2805
- "radioVariantRoot",
2806
- "radioVariantRadio",
2807
- "radioVariantRadioCircle"
2808
- ],
2809
- "reduceMotion": [
2810
- "reducedMotion"
2530
+ "bottomsheetVariantHandleIndicator"
2811
2531
  ]
2812
2532
  },
2813
2533
  "runtimeConfigDefaultProps": {},
2814
2534
  "runtimeConfigGetStyles": {},
2815
2535
  "runtimeConfigInternalComponentProps": {},
2816
- "motionVarPrefixes": [
2817
- "--uds-motion-subtle-3-",
2818
- "--uds-motion-smooth-3-"
2819
- ]
2820
- },
2821
- "RadioGroupProvider": {
2822
- "name": "RadioGroupProvider",
2823
- "defaultProps": {},
2824
- "getStylesLiterals": {},
2825
- "cxLiterals": [],
2826
- "internalComponents": [
2827
- "DivProps",
2828
- "Comp",
2829
- "RadioGroupContext.Provider"
2830
- ],
2831
- "internalComponentProps": {
2832
- "Comp": {
2833
- "role": [
2834
- "radiogroup"
2835
- ]
2836
- }
2837
- },
2838
- "propToVariantKeys": {},
2839
- "runtimeConfigDefaultProps": {},
2840
- "runtimeConfigGetStyles": {},
2841
- "runtimeConfigInternalComponentProps": {},
2842
- "motionVarPrefixes": []
2843
- },
2844
- "RadioGroupStore": {
2845
- "name": "RadioGroupStore",
2846
- "defaultProps": {},
2847
- "getStylesLiterals": {},
2848
- "cxLiterals": [],
2849
- "internalComponents": [],
2850
- "internalComponentProps": {},
2851
- "propToVariantKeys": {},
2852
- "runtimeConfigDefaultProps": {},
2853
- "runtimeConfigGetStyles": {},
2854
- "runtimeConfigInternalComponentProps": {},
2855
2536
  "motionVarPrefixes": []
2856
2537
  },
2857
- "Tab": {
2858
- "name": "Tab",
2538
+ "BottomSheetHeader": {
2539
+ "name": "BottomSheetHeader",
2859
2540
  "defaultProps": {
2860
- "variant": "primary"
2861
- },
2862
- "getStylesLiterals": {
2863
- "tabSizeRoot": "default",
2864
- "tabVariantActiveRoot": "off",
2865
- "tabVariantActiveRoot:1": "on",
2866
- "tabSizeIcon": "default"
2541
+ "variant": "default"
2867
2542
  },
2543
+ "getStylesLiterals": {},
2868
2544
  "cxLiterals": [
2869
- "pointer-events-none",
2870
- "absolute",
2871
- "bottom-0",
2872
- "left-0",
2873
- "right-0",
2874
- "h-[var(--uds-tab-underline-width,0px)]",
2875
- "bg-[var(--uds-tab-underline-color,transparent)]",
2876
- "transition-[height,background-color]",
2877
- "duration-[240ms]",
2878
- "ease-[cubic-bezier(0.2,0,0,1)]",
2879
- "!bg-transparent",
2880
- "!shadow-none",
2881
- "inline-flex",
2545
+ "grid-cols-[40px_1fr_40px]",
2882
2546
  "items-center",
2883
- "shrink-0",
2884
- "box-border",
2885
- "relative",
2886
- "z-[1]",
2887
- "cursor-pointer",
2888
- "select-none",
2889
- "whitespace-nowrap",
2890
- "uds-ring",
2891
- "opacity-50",
2892
- "cursor-default",
2893
- "border-solid",
2894
- "border-b-solid",
2895
- "transition-colors"
2547
+ "w-full",
2548
+ "min-h-10",
2549
+ "mt-2"
2896
2550
  ],
2897
2551
  "internalComponents": [
2898
- "IconSlot",
2899
- "AriakitTab",
2900
- "Text"
2552
+ "Box",
2553
+ "Text",
2554
+ "DialogHeading"
2901
2555
  ],
2902
2556
  "internalComponentProps": {
2557
+ "Box": {
2558
+ "className": [
2559
+ "h-10 w-10 opacity-0 pointer-events-none"
2560
+ ],
2561
+ "display": [
2562
+ "grid",
2563
+ "flex"
2564
+ ],
2565
+ "justifyContent": [
2566
+ "flex-start",
2567
+ "flex-end"
2568
+ ]
2569
+ },
2903
2570
  "Text": {
2571
+ "as": [
2572
+ "p"
2573
+ ],
2904
2574
  "variant": [
2905
2575
  "inherit"
2906
2576
  ],
2907
- "as": [
2908
- "span"
2909
- ],
2910
2577
  "color": [
2911
- "current"
2578
+ "inherit"
2579
+ ],
2580
+ "textAlign": [
2581
+ "center"
2582
+ ],
2583
+ "className": [
2584
+ "m-0 w-full"
2585
+ ]
2586
+ },
2587
+ "DialogHeading": {
2588
+ "role": [
2589
+ "heading"
2912
2590
  ]
2913
2591
  }
2914
2592
  },
2915
2593
  "propToVariantKeys": {
2916
2594
  "variant": [
2917
- "tabVariantRoot",
2918
- "tabVariantIcon"
2919
- ],
2920
- "activeState": [
2921
- "tabVariantActiveIcon"
2922
- ],
2923
- "startIcon": [
2924
- "icon"
2925
- ],
2926
- "endIcon": [
2927
- "icon"
2595
+ "bottomsheetVariantHeader"
2928
2596
  ]
2929
2597
  },
2930
2598
  "runtimeConfigDefaultProps": {},
@@ -2932,66 +2600,41 @@
2932
2600
  "runtimeConfigInternalComponentProps": {},
2933
2601
  "motionVarPrefixes": []
2934
2602
  },
2935
- "TabList": {
2936
- "name": "TabList",
2937
- "defaultProps": {
2938
- "variant": "primary"
2939
- },
2940
- "getStylesLiterals": {
2941
- "tabSizeRoot": "default",
2942
- "tabVariantActiveRoot": "on"
2943
- },
2944
- "cxLiterals": [
2945
- "pointer-events-none",
2946
- "absolute",
2947
- "bottom-0",
2948
- "left-0",
2949
- "right-0",
2950
- "h-[var(--uds-tab-underline-width,0px)]",
2951
- "bg-[var(--uds-tab-underline-color,transparent)]",
2952
- "transition-[height,background-color]",
2953
- "duration-[240ms]",
2954
- "ease-[cubic-bezier(0.2,0,0,1)]",
2955
- "!m-0",
2956
- "!p-0",
2957
- "!gap-0",
2958
- "box-border",
2959
- "z-0",
2960
- "min-w-0",
2961
- "min-h-0",
2962
- "flex",
2963
- "flex-row",
2964
- "items-center",
2965
- "overflow-x-auto",
2966
- "overflow-y-clip",
2967
- "scrollbar-none",
2968
- "[overflow-clip-margin:6px]",
2969
- "overflow-clip",
2970
- "[overflow-clip-margin:8px]",
2971
- "relative"
2972
- ],
2603
+ "BottomSheetInternalContext": {
2604
+ "name": "BottomSheetInternalContext",
2605
+ "defaultProps": {},
2606
+ "getStylesLiterals": {},
2607
+ "cxLiterals": [],
2608
+ "internalComponents": [],
2609
+ "internalComponentProps": {},
2610
+ "propToVariantKeys": {},
2611
+ "runtimeConfigDefaultProps": {},
2612
+ "runtimeConfigGetStyles": {},
2613
+ "runtimeConfigInternalComponentProps": {},
2614
+ "motionVarPrefixes": []
2615
+ },
2616
+ "BottomSheetProvider": {
2617
+ "name": "BottomSheetProvider",
2618
+ "defaultProps": {},
2619
+ "getStylesLiterals": {},
2620
+ "cxLiterals": [],
2973
2621
  "internalComponents": [
2974
- "AriakitTabList"
2622
+ "AriakitDialogProvider"
2975
2623
  ],
2976
2624
  "internalComponentProps": {},
2977
- "propToVariantKeys": {
2978
- "variant": [
2979
- "tabsVariantRoot",
2980
- "tabVariantRoot"
2981
- ]
2982
- },
2625
+ "propToVariantKeys": {},
2983
2626
  "runtimeConfigDefaultProps": {},
2984
2627
  "runtimeConfigGetStyles": {},
2985
2628
  "runtimeConfigInternalComponentProps": {},
2986
2629
  "motionVarPrefixes": []
2987
2630
  },
2988
- "TabPanel": {
2989
- "name": "TabPanel",
2631
+ "BottomSheetTrigger": {
2632
+ "name": "BottomSheetTrigger",
2990
2633
  "defaultProps": {},
2991
2634
  "getStylesLiterals": {},
2992
2635
  "cxLiterals": [],
2993
2636
  "internalComponents": [
2994
- "AriakitTabPanel"
2637
+ "AriakitDialogDisclosure"
2995
2638
  ],
2996
2639
  "internalComponentProps": {},
2997
2640
  "propToVariantKeys": {},
@@ -3000,219 +2643,216 @@
3000
2643
  "runtimeConfigInternalComponentProps": {},
3001
2644
  "motionVarPrefixes": []
3002
2645
  },
3003
- "Tabs": {
3004
- "name": "Tabs",
3005
- "defaultProps": {
3006
- "variant": "primary"
3007
- },
2646
+ "UDSBottomSheetConfigProvider": {
2647
+ "name": "UDSBottomSheetConfigProvider",
2648
+ "defaultProps": {},
3008
2649
  "getStylesLiterals": {},
3009
2650
  "cxLiterals": [],
3010
2651
  "internalComponents": [
3011
- "TabsContext.Provider",
3012
- "TabProvider"
2652
+ "BottomSheetContext.Provider"
3013
2653
  ],
3014
2654
  "internalComponentProps": {},
3015
- "propToVariantKeys": {
3016
- "onSelectionChange": [
3017
- "setSelectedId"
3018
- ]
3019
- },
2655
+ "propToVariantKeys": {},
3020
2656
  "runtimeConfigDefaultProps": {},
3021
2657
  "runtimeConfigGetStyles": {},
3022
2658
  "runtimeConfigInternalComponentProps": {},
3023
2659
  "motionVarPrefixes": []
3024
2660
  },
3025
- "Toast": {
3026
- "name": "Toast",
3027
- "defaultProps": {},
3028
- "getStylesLiterals": {
3029
- "className": "animate-spin",
3030
- "className:1": "flex-none",
3031
- "spacing": "2",
3032
- "borderRadius": "full"
2661
+ "Menu.Content": {
2662
+ "name": "Menu.Content",
2663
+ "defaultProps": {
2664
+ "size": "default",
2665
+ "variant": "default",
2666
+ "gutter": "1"
3033
2667
  },
2668
+ "getStylesLiterals": {},
3034
2669
  "cxLiterals": [
3035
- "duration-0",
3036
- "duration-120",
3037
- "transition-[background-color]",
3038
- "bg-carbon-15/0",
3039
- "hover:bg-carbon-15/10",
3040
- "active:bg-carbon-15/15",
3041
- "uds-ring"
2670
+ "uds-menu-content",
2671
+ "transition-shadow",
2672
+ "duration-200",
2673
+ "ease-in-out",
2674
+ "min-w-60",
2675
+ "max-w-lg",
2676
+ "max-h-96",
2677
+ "overflow-auto",
2678
+ "uds-ring",
2679
+ "z-10",
2680
+ "group"
3042
2681
  ],
3043
2682
  "internalComponents": [
3044
- "IconSlot",
3045
- "ToastContainer",
3046
- "Text",
3047
- "Button",
3048
- "Pressable"
2683
+ "AriakitMenu",
2684
+ "AnimatePresence",
2685
+ "MotionVStack"
3049
2686
  ],
3050
2687
  "internalComponentProps": {},
3051
2688
  "propToVariantKeys": {
3052
2689
  "size": [
3053
- "toastSizeLabel",
3054
- "toastSizeIcon",
3055
- "toastSizeActionButton",
3056
- "toastSizeCloseIcon"
2690
+ "menucontentSizeRoot"
3057
2691
  ],
3058
2692
  "variant": [
3059
- "toastVariantIcon",
3060
- "toastVariantActionButton",
3061
- "toastVariantCloseIcon"
3062
- ],
3063
- "closeIcon": [
3064
- "icon"
3065
- ],
3066
- "onClickActionButton": [
3067
- "onClick"
2693
+ "menucontentVariantRoot"
3068
2694
  ]
3069
2695
  },
3070
- "runtimeConfigDefaultProps": {
3071
- "size": "toast.defaultSize",
3072
- "variant": "toast.defaultVariant"
2696
+ "runtimeConfigDefaultProps": {},
2697
+ "runtimeConfigGetStyles": {},
2698
+ "runtimeConfigInternalComponentProps": {},
2699
+ "motionVarPrefixes": []
2700
+ },
2701
+ "Menu.Divider": {
2702
+ "name": "Menu.Divider",
2703
+ "defaultProps": {
2704
+ "role": "separator",
2705
+ "contentPosition": "start",
2706
+ "gap": "4"
3073
2707
  },
3074
- "runtimeConfigGetStyles": {
3075
- "toastSizeLabel": [
3076
- "toast.defaultSize"
3077
- ],
3078
- "toastVariantIcon": [
3079
- "toast.defaultVariant"
3080
- ],
3081
- "toastSizeIcon": [
3082
- "toast.defaultSize"
3083
- ],
3084
- "toastSizeActionButton": [
3085
- "toast.defaultSize"
3086
- ],
3087
- "toastVariantActionButton": [
3088
- "toast.defaultVariant"
3089
- ],
3090
- "toastVariantCloseIcon": [
3091
- "toast.defaultVariant"
3092
- ],
3093
- "toastSizeCloseIcon": [
3094
- "toast.defaultSize"
3095
- ]
2708
+ "getStylesLiterals": {
2709
+ "menuitemDividerVariantRoot": "default",
2710
+ "menuitemDividerVariantText": "default",
2711
+ "menuitemDividerVariantLine": "default"
3096
2712
  },
3097
- "runtimeConfigInternalComponentProps": {
3098
- "ToastContainer": {
3099
- "size": [
3100
- "toast.defaultSize"
3101
- ],
3102
- "variant": [
3103
- "toast.defaultVariant"
3104
- ]
3105
- },
3106
- "Text": {
3107
- "variant": [
3108
- "toast.textVariant.${size}"
3109
- ],
3110
- "color": [
3111
- "toast.textColor.${variant}"
3112
- ]
3113
- },
3114
- "Button": {
3115
- "size": [
3116
- "toast.buttonSize.${size}"
3117
- ],
2713
+ "cxLiterals": [],
2714
+ "internalComponents": [
2715
+ "Divider"
2716
+ ],
2717
+ "internalComponentProps": {
2718
+ "Divider": {
3118
2719
  "variant": [
3119
- "toast.buttonVariant.${variant}"
2720
+ "inherit"
3120
2721
  ]
3121
2722
  }
3122
2723
  },
2724
+ "propToVariantKeys": {},
2725
+ "runtimeConfigDefaultProps": {},
2726
+ "runtimeConfigGetStyles": {},
2727
+ "runtimeConfigInternalComponentProps": {},
3123
2728
  "motionVarPrefixes": []
3124
2729
  },
3125
- "ToastContainer": {
3126
- "name": "ToastContainer",
2730
+ "Menu.Item": {
2731
+ "name": "Menu.Item",
3127
2732
  "defaultProps": {},
3128
2733
  "getStylesLiterals": {
3129
- "position": "relative",
2734
+ "menuitemItemVariantRoot": "default",
2735
+ "menuitemItemVariantActiveRoot": "on",
2736
+ "menuitemItemVariantActiveRoot:1": "off",
2737
+ "menuitemItemVariantText": "default",
2738
+ "menuitemItemVariantActiveText": "on",
2739
+ "menuitemItemVariantActiveText:1": "off",
2740
+ "menuitemItemVariantIcon": "default",
2741
+ "menuitemItemVariantActiveIcon": "on",
2742
+ "menuitemItemVariantActiveIcon:1": "off"
2743
+ },
2744
+ "cxLiterals": [],
2745
+ "internalComponents": [
2746
+ "MenuItemBase"
2747
+ ],
2748
+ "internalComponentProps": {},
2749
+ "propToVariantKeys": {},
2750
+ "runtimeConfigDefaultProps": {},
2751
+ "runtimeConfigGetStyles": {},
2752
+ "runtimeConfigInternalComponentProps": {},
2753
+ "motionVarPrefixes": []
2754
+ },
2755
+ "Menu.ItemBase": {
2756
+ "name": "Menu.ItemBase",
2757
+ "defaultProps": {
2758
+ "spacing": "0",
2759
+ "spacingHorizontal": "4",
2760
+ "spacingVertical": "3.5",
2761
+ "columnGap": "2",
3130
2762
  "alignItems": "center",
3131
- "display": "flex",
3132
- "className": "box-border touch-none z-0 w-full break-words mb-2 last:mb-0"
2763
+ "justifyContent": "space-between"
2764
+ },
2765
+ "getStylesLiterals": {
2766
+ "textAlign": "start",
2767
+ "menuitemSizeRoot": "default",
2768
+ "flexDirection": "row",
2769
+ "menuitemSizeStartIcon": "default",
2770
+ "menuitemSizeEndIcon": "default"
3133
2771
  },
3134
2772
  "cxLiterals": [
3135
- "w-full"
2773
+ "uds-menu-item",
2774
+ "flex",
2775
+ "focus-visible:text-brand",
2776
+ "focus-visible:bg-brand-secondary",
2777
+ "focus-visible:z-10",
2778
+ "uds-ring",
2779
+ "!-outline-offset-2",
2780
+ "[&:not([aria-checked])]:cursor-default",
2781
+ "opacity-25",
2782
+ "cursor-not-allowed",
2783
+ "duration-20",
2784
+ "transition-[font-variation-settings]",
2785
+ "ease-in-out",
2786
+ "z-0",
2787
+ "uds-start-icon",
2788
+ "uds-end-icon"
3136
2789
  ],
3137
2790
  "internalComponents": [
3138
- "HStack"
2791
+ "Pressable",
2792
+ "IconSlot",
2793
+ "RootComponent",
2794
+ "HStack",
2795
+ "AnimatePresence"
3139
2796
  ],
3140
2797
  "internalComponentProps": {
3141
2798
  "HStack": {
3142
2799
  "alignItems": [
3143
2800
  "center"
3144
2801
  ],
3145
- "justifyContent": [
3146
- "space-between"
3147
- ],
3148
- "overflow": [
3149
- "hidden"
3150
- ],
3151
- "position": [
3152
- "relative"
2802
+ "width": [
2803
+ "full"
2804
+ ]
2805
+ },
2806
+ "AnimatePresence": {
2807
+ "mode": [
2808
+ "popLayout"
3153
2809
  ]
3154
2810
  }
3155
2811
  },
3156
2812
  "propToVariantKeys": {
3157
- "variant": [
3158
- "toastVariantRoot"
2813
+ "startIconClassName": [
2814
+ "className"
3159
2815
  ],
3160
- "size": [
3161
- "toastSizeRoot"
3162
- ]
3163
- },
3164
- "runtimeConfigDefaultProps": {
3165
- "size": "toast.defaultSize",
3166
- "variant": "toast.defaultVariant"
3167
- },
3168
- "runtimeConfigGetStyles": {
3169
- "toastVariantRoot": [
3170
- "toast.defaultVariant"
2816
+ "endIconClassName": [
2817
+ "className"
3171
2818
  ],
3172
- "toastSizeRoot": [
3173
- "toast.defaultSize"
2819
+ "startIcon": [
2820
+ "icon"
2821
+ ],
2822
+ "endIcon": [
2823
+ "icon"
2824
+ ],
2825
+ "columnGap": [
2826
+ "gap"
3174
2827
  ]
3175
2828
  },
3176
- "runtimeConfigInternalComponentProps": {
3177
- "HStack": {
3178
- "backgroundColor": [
3179
- "toast.backgroundColor.${variant}"
3180
- ]
3181
- }
3182
- },
2829
+ "runtimeConfigDefaultProps": {},
2830
+ "runtimeConfigGetStyles": {},
2831
+ "runtimeConfigInternalComponentProps": {},
3183
2832
  "motionVarPrefixes": []
3184
2833
  },
3185
- "ToastPortal": {
3186
- "name": "ToastPortal",
2834
+ "Menu.ItemCheckbox": {
2835
+ "name": "Menu.ItemCheckbox",
3187
2836
  "defaultProps": {},
3188
- "getStylesLiterals": {},
3189
- "cxLiterals": [],
3190
- "internalComponents": [
3191
- "ReactToastifyToastContainer"
3192
- ],
3193
- "internalComponentProps": {},
3194
- "propToVariantKeys": {},
3195
- "runtimeConfigDefaultProps": {
3196
- "size": "toast.defaultSize",
3197
- "variant": "toast.defaultVariant"
3198
- },
3199
- "runtimeConfigGetStyles": {},
3200
- "runtimeConfigInternalComponentProps": {
3201
- "ReactToastifyToastContainer": {
3202
- "autoClose": [
3203
- "toast.autoClose"
3204
- ]
3205
- }
2837
+ "getStylesLiterals": {
2838
+ "menuitemItemCheckboxVariantRoot": "default",
2839
+ "menuitemItemCheckboxVariantActiveRoot": "on",
2840
+ "menuitemItemCheckboxVariantActiveRoot:1": "off",
2841
+ "menuitemItemCheckboxVariantText": "default",
2842
+ "menuitemItemCheckboxVariantActiveText": "on",
2843
+ "menuitemItemCheckboxVariantActiveText:1": "off",
2844
+ "menuitemItemCheckboxVariantStartIcon": "default",
2845
+ "menuitemItemCheckboxVariantActiveStartIcon": "on",
2846
+ "menuitemItemCheckboxVariantActiveStartIcon:1": "off",
2847
+ "menuitemItemCheckboxVariantEndIcon": "default",
2848
+ "menuitemItemCheckboxVariantActiveEndIcon": "on",
2849
+ "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
3206
2850
  },
3207
- "motionVarPrefixes": []
3208
- },
3209
- "UDSToastConfigProvider": {
3210
- "name": "UDSToastConfigProvider",
3211
- "defaultProps": {},
3212
- "getStylesLiterals": {},
3213
- "cxLiterals": [],
2851
+ "cxLiterals": [
2852
+ "uds-menu-item-checkbox"
2853
+ ],
3214
2854
  "internalComponents": [
3215
- "ToastContext.Provider"
2855
+ "MenuItemBase"
3216
2856
  ],
3217
2857
  "internalComponentProps": {},
3218
2858
  "propToVariantKeys": {},
@@ -3221,134 +2861,68 @@
3221
2861
  "runtimeConfigInternalComponentProps": {},
3222
2862
  "motionVarPrefixes": []
3223
2863
  },
3224
- "Tooltip": {
3225
- "name": "Tooltip",
2864
+ "Menu.Provider": {
2865
+ "name": "Menu.Provider",
3226
2866
  "defaultProps": {},
3227
2867
  "getStylesLiterals": {},
3228
2868
  "cxLiterals": [],
3229
2869
  "internalComponents": [
3230
- "TooltipInternalContext.Provider",
3231
- "TooltipProvider"
2870
+ "AriakitMenuProvider",
2871
+ "SpringMotionConfig"
3232
2872
  ],
3233
2873
  "internalComponentProps": {},
3234
2874
  "propToVariantKeys": {},
3235
2875
  "runtimeConfigDefaultProps": {},
3236
2876
  "runtimeConfigGetStyles": {},
3237
- "runtimeConfigInternalComponentProps": {
3238
- "TooltipProvider": {
3239
- "animated": [
3240
- "tooltip.animationDuration"
3241
- ]
3242
- }
3243
- },
3244
- "motionVarPrefixes": []
2877
+ "runtimeConfigInternalComponentProps": {},
2878
+ "motionVarPrefixes": [
2879
+ "--uds-motion-subtle-3-",
2880
+ "--uds-motion-smooth-3-"
2881
+ ]
3245
2882
  },
3246
- "TooltipContent": {
3247
- "name": "TooltipContent",
2883
+ "Menu.Trigger": {
2884
+ "name": "Menu.Trigger",
3248
2885
  "defaultProps": {},
3249
- "getStylesLiterals": {
3250
- "tooltipSizeRoot": "default",
3251
- "tooltipVariantRoot": "default",
3252
- "tooltipSizeSvg": "default",
3253
- "tooltipVariantSvg": "default",
3254
- "tooltipVariantBlur": "default",
3255
- "position": "absolute",
3256
- "width": "full",
3257
- "height": "full",
3258
- "tooltipSizeTitle": "default",
3259
- "tooltipSizeBody": "default",
3260
- "tooltipSizeEndContent": "default",
3261
- "tooltipSizeIcon": "default",
3262
- "tooltipVariantIcon": "default"
3263
- },
2886
+ "getStylesLiterals": {},
3264
2887
  "cxLiterals": [
3265
- "max-w-lg",
3266
- "flex",
3267
- "z-[9999]",
3268
- "uds-bgBlurFillFallback",
3269
- "uds-bgBlurFallback",
3270
- "top-0",
3271
- "left-0",
3272
- "z-[1]"
2888
+ "uds-menu-trigger"
3273
2889
  ],
3274
2890
  "internalComponents": [
3275
- "IconSlot",
3276
- "TooltipArrow",
3277
- "Tooltip",
3278
- "SvgFloatingOverlay",
3279
- "VStack",
3280
- "Box",
3281
- "Text"
2891
+ "AriakitMenuTrigger",
2892
+ "Box"
3282
2893
  ],
3283
2894
  "internalComponentProps": {
3284
- "SvgFloatingOverlay": {
3285
- "contentOverflow": [
3286
- "visible"
3287
- ]
3288
- },
3289
- "VStack": {
3290
- "className": [
3291
- "gap-[inherit]"
3292
- ]
3293
- },
3294
2895
  "Box": {
3295
- "alignItems": [
3296
- "center"
3297
- ],
3298
- "columnGap": [
3299
- "1",
3300
- "1.5"
3301
- ]
3302
- },
3303
- "Text": {
3304
- "color": [
3305
- "inherit"
2896
+ "className": [
2897
+ "uds-ring h-fit w-fit"
3306
2898
  ]
3307
2899
  }
3308
2900
  },
3309
- "propToVariantKeys": {
3310
- "startTitleIcon": [
3311
- "icon"
3312
- ]
3313
- },
2901
+ "propToVariantKeys": {},
3314
2902
  "runtimeConfigDefaultProps": {},
3315
2903
  "runtimeConfigGetStyles": {},
3316
2904
  "runtimeConfigInternalComponentProps": {},
3317
2905
  "motionVarPrefixes": []
3318
2906
  },
3319
- "TooltipTrigger": {
3320
- "name": "TooltipTrigger",
2907
+ "Menu.index": {
2908
+ "name": "Menu.index",
3321
2909
  "defaultProps": {},
3322
2910
  "getStylesLiterals": {},
3323
2911
  "cxLiterals": [],
3324
- "internalComponents": [
3325
- "TooltipAnchor"
3326
- ],
3327
- "internalComponentProps": {
3328
- "TooltipAnchor": {
3329
- "className": [
3330
- "inline"
3331
- ]
3332
- }
3333
- },
3334
- "propToVariantKeys": {
3335
- "children": [
3336
- "render"
3337
- ]
3338
- },
2912
+ "internalComponents": [],
2913
+ "internalComponentProps": {},
2914
+ "propToVariantKeys": {},
3339
2915
  "runtimeConfigDefaultProps": {},
3340
2916
  "runtimeConfigGetStyles": {},
3341
2917
  "runtimeConfigInternalComponentProps": {},
3342
2918
  "motionVarPrefixes": []
3343
2919
  },
3344
- "UDSTooltipConfigProvider": {
3345
- "name": "UDSTooltipConfigProvider",
2920
+ "Menu": {
2921
+ "name": "Menu",
3346
2922
  "defaultProps": {},
3347
2923
  "getStylesLiterals": {},
3348
2924
  "cxLiterals": [],
3349
- "internalComponents": [
3350
- "TooltipContext.Provider"
3351
- ],
2925
+ "internalComponents": [],
3352
2926
  "internalComponentProps": {},
3353
2927
  "propToVariantKeys": {},
3354
2928
  "runtimeConfigDefaultProps": {},
@@ -3356,13 +2930,13 @@
3356
2930
  "runtimeConfigInternalComponentProps": {},
3357
2931
  "motionVarPrefixes": []
3358
2932
  },
3359
- "UDSBreakpointsConfigProvider": {
3360
- "name": "UDSBreakpointsConfigProvider",
2933
+ "Avatar": {
2934
+ "name": "Avatar",
3361
2935
  "defaultProps": {},
3362
2936
  "getStylesLiterals": {},
3363
2937
  "cxLiterals": [],
3364
2938
  "internalComponents": [
3365
- "UDSBreakpointsConfigContext.Provider"
2939
+ "AvatarImage"
3366
2940
  ],
3367
2941
  "internalComponentProps": {},
3368
2942
  "propToVariantKeys": {},
@@ -3371,103 +2945,105 @@
3371
2945
  "runtimeConfigInternalComponentProps": {},
3372
2946
  "motionVarPrefixes": []
3373
2947
  },
3374
- "UDSConfigProvider": {
3375
- "name": "UDSConfigProvider",
3376
- "defaultProps": {},
2948
+ "AvatarIcon": {
2949
+ "name": "AvatarIcon",
2950
+ "defaultProps": {
2951
+ "size": "md",
2952
+ "variant": "primary"
2953
+ },
3377
2954
  "getStylesLiterals": {},
3378
- "cxLiterals": [],
2955
+ "cxLiterals": [
2956
+ "overflow-hidden",
2957
+ "w-full",
2958
+ "h-full",
2959
+ "shrink-0",
2960
+ "text-center",
2961
+ "inline-flex",
2962
+ "justify-center",
2963
+ "items-center"
2964
+ ],
3379
2965
  "internalComponents": [
3380
- "UDSBreakpointsConfigProvider",
3381
- "UDSBottomSheetConfigProvider",
3382
- "UDSToastConfigProvider",
3383
- "UDSTooltipConfigProvider",
3384
- "UDSPopoverConfigProvider",
3385
- "UDSModalConfigProvider"
2966
+ "IconSlot",
2967
+ "Box"
3386
2968
  ],
3387
2969
  "internalComponentProps": {},
3388
- "propToVariantKeys": {},
2970
+ "propToVariantKeys": {
2971
+ "size": [
2972
+ "avatarSizeIcon"
2973
+ ]
2974
+ },
3389
2975
  "runtimeConfigDefaultProps": {},
3390
2976
  "runtimeConfigGetStyles": {},
3391
2977
  "runtimeConfigInternalComponentProps": {},
3392
2978
  "motionVarPrefixes": []
3393
2979
  },
3394
- "Accordion": {
3395
- "name": "Accordion",
2980
+ "AvatarImage": {
2981
+ "name": "AvatarImage",
3396
2982
  "defaultProps": {
3397
- "spacingHorizontal": "4",
3398
- "spacingVertical": "4"
2983
+ "size": "md",
2984
+ "variant": "primary"
3399
2985
  },
3400
2986
  "getStylesLiterals": {},
3401
2987
  "cxLiterals": [
3402
- "hover:bg-secondary/80",
3403
- "w-full"
2988
+ "overflow-hidden",
2989
+ "w-full",
2990
+ "h-full",
2991
+ "shrink-0",
2992
+ "text-center",
2993
+ "inline-flex",
2994
+ "justify-center",
2995
+ "items-center",
2996
+ "object-cover"
3404
2997
  ],
3405
2998
  "internalComponents": [
3406
- "Icon",
3407
- "SpringMotionConfig",
3408
- "Pressable",
3409
- "Text",
3410
- "HStack",
3411
- "AnimatePresence",
3412
- "VStack"
2999
+ "UDSImage",
3000
+ "AvatarText",
3001
+ "AvatarIcon",
3002
+ "Box"
3413
3003
  ],
3414
- "internalComponentProps": {
3415
- "Icon": {
3416
- "variant": [
3417
- "fill"
3418
- ],
3419
- "size": [
3420
- "sm"
3421
- ],
3422
- "color": [
3423
- "primary"
3424
- ]
3425
- },
3426
- "SpringMotionConfig": {
3427
- "layoutVariant": [
3428
- "smooth"
3429
- ],
3430
- "layoutSpeed": [
3431
- "3"
3432
- ]
3433
- },
3434
- "Pressable": {
3435
- "display": [
3436
- "flex"
3437
- ],
3438
- "flexDirection": [
3439
- "row"
3440
- ],
3441
- "alignItems": [
3442
- "center"
3443
- ],
3444
- "justifyContent": [
3445
- "space-between"
3446
- ],
3447
- "borderRadius": [
3448
- "md"
3449
- ]
3450
- },
3004
+ "internalComponentProps": {},
3005
+ "propToVariantKeys": {
3006
+ "alt": [
3007
+ "name"
3008
+ ],
3009
+ "fallback": [
3010
+ "initials"
3011
+ ]
3012
+ },
3013
+ "runtimeConfigDefaultProps": {},
3014
+ "runtimeConfigGetStyles": {},
3015
+ "runtimeConfigInternalComponentProps": {},
3016
+ "motionVarPrefixes": []
3017
+ },
3018
+ "AvatarText": {
3019
+ "name": "AvatarText",
3020
+ "defaultProps": {
3021
+ "size": "md",
3022
+ "variant": "primary"
3023
+ },
3024
+ "getStylesLiterals": {},
3025
+ "cxLiterals": [
3026
+ "overflow-hidden",
3027
+ "truncate",
3028
+ "w-full",
3029
+ "h-full",
3030
+ "shrink-0",
3031
+ "text-center",
3032
+ "inline-flex",
3033
+ "justify-center",
3034
+ "items-center"
3035
+ ],
3036
+ "internalComponents": [
3037
+ "Box",
3038
+ "Text"
3039
+ ],
3040
+ "internalComponentProps": {
3451
3041
  "Text": {
3452
- "variant": [
3453
- "title4"
3454
- ],
3455
3042
  "color": [
3456
- "primary"
3457
- ]
3458
- },
3459
- "HStack": {
3460
- "display": [
3461
- "flex"
3462
- ],
3463
- "alignItems": [
3464
- "center"
3465
- ],
3466
- "justifyContent": [
3467
- "space-between"
3043
+ "inherit"
3468
3044
  ],
3469
- "columnGap": [
3470
- "2.5"
3045
+ "variant": [
3046
+ "inherit"
3471
3047
  ]
3472
3048
  }
3473
3049
  },
@@ -3475,103 +3051,149 @@
3475
3051
  "runtimeConfigDefaultProps": {},
3476
3052
  "runtimeConfigGetStyles": {},
3477
3053
  "runtimeConfigInternalComponentProps": {},
3478
- "motionVarPrefixes": [
3479
- "--uds-motion-smooth-3-"
3480
- ]
3054
+ "motionVarPrefixes": []
3481
3055
  },
3482
- "AvoidMotionLibraryProvider": {
3483
- "name": "AvoidMotionLibraryProvider",
3056
+ "Popover": {
3057
+ "name": "Popover",
3484
3058
  "defaultProps": {},
3485
3059
  "getStylesLiterals": {},
3486
- "cxLiterals": [],
3487
- "internalComponents": [],
3060
+ "cxLiterals": [
3061
+ "uds:popover-open"
3062
+ ],
3063
+ "internalComponents": [
3064
+ "PopoverInternalContext.Provider",
3065
+ "PopoverProvider"
3066
+ ],
3488
3067
  "internalComponentProps": {},
3489
3068
  "propToVariantKeys": {},
3490
- "runtimeConfigDefaultProps": {},
3069
+ "runtimeConfigDefaultProps": {
3070
+ "size": "popover.defaultSize",
3071
+ "variant": "popover.defaultVariant"
3072
+ },
3491
3073
  "runtimeConfigGetStyles": {},
3492
3074
  "runtimeConfigInternalComponentProps": {},
3493
3075
  "motionVarPrefixes": []
3494
3076
  },
3495
- "SegmentedControl": {
3496
- "name": "SegmentedControl",
3497
- "defaultProps": {
3498
- "textVariant": "label2"
3499
- },
3077
+ "PopoverContent": {
3078
+ "name": "PopoverContent",
3079
+ "defaultProps": {},
3500
3080
  "getStylesLiterals": {
3081
+ "popoverSizeRoot": "default",
3082
+ "popoverVariantRoot": "default",
3501
3083
  "display": "flex",
3502
- "alignItems": "center",
3503
- "backgroundColor": "primary",
3504
- "spacingVertical": "1",
3505
- "spacingHorizontal": "3",
3506
- "columnGap": "1.5",
3507
- "borderWidth": "thin",
3084
+ "position": "relative",
3085
+ "display:1": "block",
3086
+ "spacingTop": "0",
3087
+ "spacingStart": "0",
3088
+ "spacingBottom": "0",
3089
+ "spacingEnd": "0",
3090
+ "popoverSizeSvgBase": "default",
3091
+ "popoverVariantSvgBase": "default",
3092
+ "popoverSizeSvgBorder": "default",
3093
+ "popoverVariantSvgBorder": "default",
3094
+ "popoverVariantBlur": "default",
3095
+ "position:1": "absolute",
3096
+ "width": "full",
3097
+ "height": "full",
3098
+ "flexShrink": "0",
3508
3099
  "borderRadius": "full",
3509
- "borderColor": "muted",
3510
- "borderColor:1": "transparent",
3511
- "color": "primary",
3512
- "color:1": "tertiary",
3513
- "color:2": "muted"
3100
+ "alignItems": "center",
3101
+ "justifyContent": "center",
3102
+ "popoverVariantCloseIcon": "default",
3103
+ "popoverSizeCloseIcon": "default"
3514
3104
  },
3515
3105
  "cxLiterals": [
3106
+ "z-[9999]",
3107
+ "outline-none",
3108
+ "focus-visible:outline-none",
3109
+ "uds-bgBlurFillFallback",
3110
+ "uds-bgBlurFallback",
3111
+ "top-0",
3112
+ "left-0",
3113
+ "z-[1]",
3114
+ "duration-0",
3115
+ "duration-120",
3116
+ "transition-[background-color]",
3117
+ "bg-carbon-15/0",
3118
+ "hover:bg-carbon-15/10",
3119
+ "active:bg-carbon-15/15",
3516
3120
  "uds-ring",
3517
- "cursor-not-allowed",
3518
- "opacity-50",
3519
- "pointer-events-none",
3520
- "hover:bg-primary"
3121
+ "absolute",
3122
+ "z-[4]"
3521
3123
  ],
3522
3124
  "internalComponents": [
3523
- "Radio",
3524
- "Icon",
3525
- "RadioProvider",
3526
- "HStack",
3527
- "RadioGroup",
3528
- "Pressable",
3529
- "Text"
3125
+ "PopoverDismiss",
3126
+ "IconSlot",
3127
+ "PopoverArrow",
3128
+ "Popover",
3129
+ "SvgFloatingOverlay",
3130
+ "Box",
3131
+ "Pressable"
3530
3132
  ],
3531
- "internalComponentProps": {
3532
- "Icon": {
3533
- "size": [
3534
- "sm"
3535
- ],
3536
- "color": [
3537
- "current"
3538
- ],
3539
- "aria-hidden": [
3540
- "true"
3541
- ]
3542
- },
3543
- "HStack": {
3544
- "spacing": [
3545
- "1"
3546
- ],
3547
- "gap": [
3548
- "1"
3549
- ],
3550
- "backgroundColor": [
3551
- "secondary"
3552
- ],
3133
+ "internalComponentProps": {},
3134
+ "propToVariantKeys": {
3135
+ "closeIcon": [
3136
+ "icon"
3137
+ ]
3138
+ },
3139
+ "runtimeConfigDefaultProps": {
3140
+ "size": "popover.defaultSize",
3141
+ "variant": "popover.defaultVariant"
3142
+ },
3143
+ "runtimeConfigGetStyles": {
3144
+ "spacingTop": [
3145
+ "popover.spacingVertical.${size}"
3146
+ ],
3147
+ "spacingStart": [
3148
+ "popover.spacingHorizontal.${size}"
3149
+ ],
3150
+ "spacingBottom": [
3151
+ "popover.spacingVertical.${size}"
3152
+ ],
3153
+ "spacingEnd": [
3154
+ "popover.spacingHorizontal.${size}"
3155
+ ]
3156
+ },
3157
+ "runtimeConfigInternalComponentProps": {
3158
+ "SvgFloatingOverlay": {
3553
3159
  "borderRadius": [
3554
- "full"
3555
- ],
3556
- "display": [
3557
- "inline-flex"
3160
+ "popover.borderRadius.${size}"
3558
3161
  ]
3559
- },
3560
- "Text": {
3561
- "color": [
3562
- "current"
3162
+ }
3163
+ },
3164
+ "motionVarPrefixes": []
3165
+ },
3166
+ "PopoverContext": {
3167
+ "name": "PopoverContext",
3168
+ "defaultProps": {},
3169
+ "getStylesLiterals": {},
3170
+ "cxLiterals": [],
3171
+ "internalComponents": [],
3172
+ "internalComponentProps": {},
3173
+ "propToVariantKeys": {},
3174
+ "runtimeConfigDefaultProps": {},
3175
+ "runtimeConfigGetStyles": {},
3176
+ "runtimeConfigInternalComponentProps": {},
3177
+ "motionVarPrefixes": []
3178
+ },
3179
+ "PopoverTrigger": {
3180
+ "name": "PopoverTrigger",
3181
+ "defaultProps": {},
3182
+ "getStylesLiterals": {},
3183
+ "cxLiterals": [],
3184
+ "internalComponents": [
3185
+ "PopoverDisclosure"
3186
+ ],
3187
+ "internalComponentProps": {
3188
+ "PopoverDisclosure": {
3189
+ "className": [
3190
+ "inline"
3563
3191
  ]
3564
3192
  }
3565
3193
  },
3566
3194
  "propToVariantKeys": {
3567
- "value": [
3568
- "key"
3569
- ],
3570
- "label": [
3571
- "aria-label"
3572
- ],
3573
- "textVariant": [
3574
- "variant"
3195
+ "children": [
3196
+ "render"
3575
3197
  ]
3576
3198
  },
3577
3199
  "runtimeConfigDefaultProps": {},
@@ -3579,66 +3201,68 @@
3579
3201
  "runtimeConfigInternalComponentProps": {},
3580
3202
  "motionVarPrefixes": []
3581
3203
  },
3582
- "SwitchV2": {
3583
- "name": "SwitchV2",
3584
- "defaultProps": {
3585
- "labelPosition": "start",
3586
- "size": "md"
3204
+ "UDSPopoverConfigProvider": {
3205
+ "name": "UDSPopoverConfigProvider",
3206
+ "defaultProps": {},
3207
+ "getStylesLiterals": {},
3208
+ "cxLiterals": [],
3209
+ "internalComponents": [
3210
+ "PopoverContext.Provider"
3211
+ ],
3212
+ "internalComponentProps": {},
3213
+ "propToVariantKeys": {},
3214
+ "runtimeConfigDefaultProps": {},
3215
+ "runtimeConfigGetStyles": {},
3216
+ "runtimeConfigInternalComponentProps": {},
3217
+ "motionVarPrefixes": []
3218
+ },
3219
+ "Radio": {
3220
+ "name": "Radio",
3221
+ "defaultProps": {
3222
+ "labelPosition": "start",
3223
+ "variant": "primary",
3224
+ "size": "md",
3225
+ "value": ""
3587
3226
  },
3588
3227
  "getStylesLiterals": {
3589
- "switchVariantRoot": "default",
3590
- "switchVariantActiveRoot": "on",
3591
- "switchVariantActiveRoot:1": "off",
3592
- "switchVariantSwitch": "default",
3593
- "switchVariantActiveSwitch": "on",
3594
- "switchVariantActiveSwitch:1": "off",
3595
- "switchVariantActiveHandle": "on",
3596
- "switchVariantActiveHandle:1": "off",
3597
- "switchVariantHandle": "default",
3598
- "switchVariantHandleIcon": "default",
3599
- "switchVariantActiveHandleIcon": "on",
3600
- "switchVariantActiveHandleIcon:1": "off"
3228
+ "radioVariantValueRoot": "checked",
3229
+ "radioVariantValueRoot:1": "unchecked",
3230
+ "display": "flex",
3231
+ "flexDirection": "row",
3232
+ "flexDirection:1": "row-reverse",
3233
+ "alignItems": "center",
3234
+ "radioVariantValueRadio": "checked",
3235
+ "radioVariantValueRadio:1": "unchecked",
3236
+ "radioVariantValueRadioCircle": "checked",
3237
+ "radioVariantValueRadioCircle:1": "unchecked"
3601
3238
  },
3602
3239
  "cxLiterals": [
3603
- "group",
3604
- "flex",
3605
- "items-center",
3606
- "flex-row",
3607
- "flex-row-reverse",
3240
+ "cursor-pointer",
3241
+ "cursor-default",
3242
+ "opacity-50",
3243
+ "border",
3608
3244
  "uds-ring",
3609
3245
  "uds-ring-within",
3610
- "relative",
3611
- "uds-border-radius-full",
3612
- "transition-[background-color,box-shadow]",
3246
+ "transition-[background-color,border-color]",
3247
+ "transition-shadow",
3613
3248
  "pointer-events-none",
3614
- "w-full",
3615
- "h-full",
3249
+ "w-[8px]",
3250
+ "h-[8px]",
3251
+ "transition-opacity",
3252
+ "cursor-[inherit]",
3616
3253
  "absolute",
3617
- "top-0",
3618
- "bottom-0",
3619
- "right-0",
3620
- "left-0",
3621
- "overflow-hidden",
3622
- "group-hover:scale-105",
3623
- "opacity-95",
3624
- "group-hover:opacity-100",
3625
- "transition-[transform,opacity]",
3626
3254
  "opacity-0",
3627
3255
  "top-1/2",
3628
3256
  "left-1/2",
3257
+ "w-[calc(100%+2px)]",
3258
+ "h-[calc(100%+2px)]",
3629
3259
  "transform",
3630
3260
  "translate-x-[-50%]",
3631
3261
  "translate-y-[-50%]",
3632
- "transition-opacity",
3633
- "cursor-[inherit]",
3634
- "w-[calc(100%+2px)]",
3635
- "h-[calc(100%+2px)]",
3636
3262
  "text-start",
3637
- "text-end",
3638
- "opacity-100"
3263
+ "text-end"
3639
3264
  ],
3640
3265
  "internalComponents": [
3641
- "IconSlot",
3642
3266
  "Box",
3643
3267
  "FormLabel",
3644
3268
  "SpringMotionConfig",
@@ -3646,10 +3270,9 @@
3646
3270
  "MotionBox"
3647
3271
  ],
3648
3272
  "internalComponentProps": {
3649
- "IconSlot": {
3650
- "data-testid": [
3651
- "on-icon",
3652
- "off-icon"
3273
+ "Box": {
3274
+ "borderRadius": [
3275
+ "full"
3653
3276
  ]
3654
3277
  },
3655
3278
  "FormLabel": {
@@ -3663,51 +3286,633 @@
3663
3286
  "inherit"
3664
3287
  ]
3665
3288
  },
3666
- "SpringMotionConfig": {
3667
- "layoutVariant": [
3668
- "bouncy"
3669
- ],
3670
- "layoutSpeed": [
3671
- "4"
3672
- ]
3673
- },
3674
3289
  "RootElement": {
3675
3290
  "data-testid": [
3676
- "switch-root"
3291
+ "container"
3677
3292
  ]
3678
3293
  },
3679
3294
  "MotionBox": {
3680
- "layout": [
3681
- "position"
3295
+ "position": [
3296
+ "relative"
3297
+ ],
3298
+ "borderRadius": [
3299
+ "full"
3300
+ ],
3301
+ "alignItems": [
3302
+ "center"
3303
+ ],
3304
+ "justifyContent": [
3305
+ "center"
3306
+ ],
3307
+ "flex": [
3308
+ "none"
3682
3309
  ]
3683
3310
  }
3684
3311
  },
3685
3312
  "propToVariantKeys": {
3686
3313
  "size": [
3687
- "switchSizeRoot",
3688
- "switchSizeSwitch",
3689
- "switchSizeHandle",
3690
- "switchSizeHandleIcon"
3691
- ],
3692
- "onIcon": [
3693
- "icon"
3314
+ "radioSizeRoot",
3315
+ "radioSizeRadio"
3694
3316
  ],
3695
- "offIcon": [
3696
- "icon"
3317
+ "variant": [
3318
+ "radioVariantRoot",
3319
+ "radioVariantRadio",
3320
+ "radioVariantRadioCircle"
3697
3321
  ],
3698
3322
  "reduceMotion": [
3699
3323
  "reducedMotion"
3700
- ],
3701
- "isOn": [
3702
- "layoutDependency"
3703
3324
  ]
3704
3325
  },
3705
3326
  "runtimeConfigDefaultProps": {},
3706
3327
  "runtimeConfigGetStyles": {},
3707
3328
  "runtimeConfigInternalComponentProps": {},
3708
3329
  "motionVarPrefixes": [
3709
- "--uds-motion-bouncy-4-",
3330
+ "--uds-motion-subtle-3-",
3710
3331
  "--uds-motion-smooth-3-"
3711
3332
  ]
3333
+ },
3334
+ "RadioGroupProvider": {
3335
+ "name": "RadioGroupProvider",
3336
+ "defaultProps": {},
3337
+ "getStylesLiterals": {},
3338
+ "cxLiterals": [],
3339
+ "internalComponents": [
3340
+ "DivProps",
3341
+ "Comp",
3342
+ "RadioGroupContext.Provider"
3343
+ ],
3344
+ "internalComponentProps": {
3345
+ "Comp": {
3346
+ "role": [
3347
+ "radiogroup"
3348
+ ]
3349
+ }
3350
+ },
3351
+ "propToVariantKeys": {},
3352
+ "runtimeConfigDefaultProps": {},
3353
+ "runtimeConfigGetStyles": {},
3354
+ "runtimeConfigInternalComponentProps": {},
3355
+ "motionVarPrefixes": []
3356
+ },
3357
+ "RadioGroupStore": {
3358
+ "name": "RadioGroupStore",
3359
+ "defaultProps": {},
3360
+ "getStylesLiterals": {},
3361
+ "cxLiterals": [],
3362
+ "internalComponents": [],
3363
+ "internalComponentProps": {},
3364
+ "propToVariantKeys": {},
3365
+ "runtimeConfigDefaultProps": {},
3366
+ "runtimeConfigGetStyles": {},
3367
+ "runtimeConfigInternalComponentProps": {},
3368
+ "motionVarPrefixes": []
3369
+ },
3370
+ "Tab": {
3371
+ "name": "Tab",
3372
+ "defaultProps": {
3373
+ "variant": "primary"
3374
+ },
3375
+ "getStylesLiterals": {
3376
+ "tabSizeRoot": "default",
3377
+ "tabVariantActiveRoot": "off",
3378
+ "tabVariantActiveRoot:1": "on",
3379
+ "tabSizeIcon": "default"
3380
+ },
3381
+ "cxLiterals": [
3382
+ "pointer-events-none",
3383
+ "absolute",
3384
+ "bottom-0",
3385
+ "left-0",
3386
+ "right-0",
3387
+ "h-[var(--uds-tab-underline-width,0px)]",
3388
+ "bg-[var(--uds-tab-underline-color,transparent)]",
3389
+ "transition-[height,background-color]",
3390
+ "duration-[240ms]",
3391
+ "ease-[cubic-bezier(0.2,0,0,1)]",
3392
+ "!bg-transparent",
3393
+ "!shadow-none",
3394
+ "inline-flex",
3395
+ "items-center",
3396
+ "shrink-0",
3397
+ "box-border",
3398
+ "relative",
3399
+ "z-[1]",
3400
+ "cursor-pointer",
3401
+ "select-none",
3402
+ "whitespace-nowrap",
3403
+ "uds-ring",
3404
+ "opacity-50",
3405
+ "cursor-default",
3406
+ "border-solid",
3407
+ "border-b-solid",
3408
+ "transition-colors"
3409
+ ],
3410
+ "internalComponents": [
3411
+ "IconSlot",
3412
+ "AriakitTab",
3413
+ "Text"
3414
+ ],
3415
+ "internalComponentProps": {
3416
+ "Text": {
3417
+ "variant": [
3418
+ "inherit"
3419
+ ],
3420
+ "as": [
3421
+ "span"
3422
+ ],
3423
+ "color": [
3424
+ "current"
3425
+ ]
3426
+ }
3427
+ },
3428
+ "propToVariantKeys": {
3429
+ "variant": [
3430
+ "tabVariantRoot",
3431
+ "tabVariantIcon"
3432
+ ],
3433
+ "activeState": [
3434
+ "tabVariantActiveIcon"
3435
+ ],
3436
+ "startIcon": [
3437
+ "icon"
3438
+ ],
3439
+ "endIcon": [
3440
+ "icon"
3441
+ ]
3442
+ },
3443
+ "runtimeConfigDefaultProps": {},
3444
+ "runtimeConfigGetStyles": {},
3445
+ "runtimeConfigInternalComponentProps": {},
3446
+ "motionVarPrefixes": []
3447
+ },
3448
+ "TabList": {
3449
+ "name": "TabList",
3450
+ "defaultProps": {
3451
+ "variant": "primary"
3452
+ },
3453
+ "getStylesLiterals": {
3454
+ "tabSizeRoot": "default",
3455
+ "tabVariantActiveRoot": "on"
3456
+ },
3457
+ "cxLiterals": [
3458
+ "pointer-events-none",
3459
+ "absolute",
3460
+ "bottom-0",
3461
+ "left-0",
3462
+ "right-0",
3463
+ "h-[var(--uds-tab-underline-width,0px)]",
3464
+ "bg-[var(--uds-tab-underline-color,transparent)]",
3465
+ "transition-[height,background-color]",
3466
+ "duration-[240ms]",
3467
+ "ease-[cubic-bezier(0.2,0,0,1)]",
3468
+ "!m-0",
3469
+ "!p-0",
3470
+ "!gap-0",
3471
+ "box-border",
3472
+ "z-0",
3473
+ "min-w-0",
3474
+ "min-h-0",
3475
+ "flex",
3476
+ "flex-row",
3477
+ "items-center",
3478
+ "overflow-x-auto",
3479
+ "overflow-y-clip",
3480
+ "scrollbar-none",
3481
+ "[overflow-clip-margin:6px]",
3482
+ "overflow-clip",
3483
+ "[overflow-clip-margin:8px]",
3484
+ "relative",
3485
+ "left",
3486
+ "240ms",
3487
+ "cubic-bezier(0.2,",
3488
+ "0,",
3489
+ "1),",
3490
+ "top",
3491
+ "width",
3492
+ "height",
3493
+ "1)",
3494
+ "--uds-tab-underline-color",
3495
+ "--uds-tab-underline-width"
3496
+ ],
3497
+ "internalComponents": [
3498
+ "AriakitTabList"
3499
+ ],
3500
+ "internalComponentProps": {},
3501
+ "propToVariantKeys": {
3502
+ "variant": [
3503
+ "tabsVariantRoot",
3504
+ "tabVariantRoot"
3505
+ ]
3506
+ },
3507
+ "runtimeConfigDefaultProps": {},
3508
+ "runtimeConfigGetStyles": {},
3509
+ "runtimeConfigInternalComponentProps": {},
3510
+ "motionVarPrefixes": []
3511
+ },
3512
+ "TabPanel": {
3513
+ "name": "TabPanel",
3514
+ "defaultProps": {},
3515
+ "getStylesLiterals": {},
3516
+ "cxLiterals": [],
3517
+ "internalComponents": [
3518
+ "AriakitTabPanel"
3519
+ ],
3520
+ "internalComponentProps": {},
3521
+ "propToVariantKeys": {},
3522
+ "runtimeConfigDefaultProps": {},
3523
+ "runtimeConfigGetStyles": {},
3524
+ "runtimeConfigInternalComponentProps": {},
3525
+ "motionVarPrefixes": []
3526
+ },
3527
+ "Tabs": {
3528
+ "name": "Tabs",
3529
+ "defaultProps": {
3530
+ "variant": "primary"
3531
+ },
3532
+ "getStylesLiterals": {},
3533
+ "cxLiterals": [],
3534
+ "internalComponents": [
3535
+ "TabsContext.Provider",
3536
+ "TabProvider"
3537
+ ],
3538
+ "internalComponentProps": {},
3539
+ "propToVariantKeys": {
3540
+ "onSelectionChange": [
3541
+ "setSelectedId"
3542
+ ]
3543
+ },
3544
+ "runtimeConfigDefaultProps": {},
3545
+ "runtimeConfigGetStyles": {},
3546
+ "runtimeConfigInternalComponentProps": {},
3547
+ "motionVarPrefixes": []
3548
+ },
3549
+ "Toast": {
3550
+ "name": "Toast",
3551
+ "defaultProps": {},
3552
+ "getStylesLiterals": {
3553
+ "className": "animate-spin",
3554
+ "className:1": "flex-none",
3555
+ "spacing": "2",
3556
+ "borderRadius": "full"
3557
+ },
3558
+ "cxLiterals": [
3559
+ "duration-0",
3560
+ "duration-120",
3561
+ "transition-[background-color]",
3562
+ "bg-carbon-15/0",
3563
+ "hover:bg-carbon-15/10",
3564
+ "active:bg-carbon-15/15",
3565
+ "uds-ring"
3566
+ ],
3567
+ "internalComponents": [
3568
+ "IconSlot",
3569
+ "ToastContainer",
3570
+ "Text",
3571
+ "Button",
3572
+ "Pressable"
3573
+ ],
3574
+ "internalComponentProps": {},
3575
+ "propToVariantKeys": {
3576
+ "size": [
3577
+ "toastSizeLabel",
3578
+ "toastSizeIcon",
3579
+ "toastSizeActionButton",
3580
+ "toastSizeCloseIcon"
3581
+ ],
3582
+ "variant": [
3583
+ "toastVariantIcon",
3584
+ "toastVariantActionButton",
3585
+ "toastVariantCloseIcon"
3586
+ ],
3587
+ "closeIcon": [
3588
+ "icon"
3589
+ ],
3590
+ "onClickActionButton": [
3591
+ "onClick"
3592
+ ]
3593
+ },
3594
+ "runtimeConfigDefaultProps": {
3595
+ "size": "toast.defaultSize",
3596
+ "variant": "toast.defaultVariant"
3597
+ },
3598
+ "runtimeConfigGetStyles": {
3599
+ "toastSizeLabel": [
3600
+ "toast.defaultSize"
3601
+ ],
3602
+ "toastVariantIcon": [
3603
+ "toast.defaultVariant"
3604
+ ],
3605
+ "toastSizeIcon": [
3606
+ "toast.defaultSize"
3607
+ ],
3608
+ "toastSizeActionButton": [
3609
+ "toast.defaultSize"
3610
+ ],
3611
+ "toastVariantActionButton": [
3612
+ "toast.defaultVariant"
3613
+ ],
3614
+ "toastVariantCloseIcon": [
3615
+ "toast.defaultVariant"
3616
+ ],
3617
+ "toastSizeCloseIcon": [
3618
+ "toast.defaultSize"
3619
+ ]
3620
+ },
3621
+ "runtimeConfigInternalComponentProps": {
3622
+ "ToastContainer": {
3623
+ "size": [
3624
+ "toast.defaultSize"
3625
+ ],
3626
+ "variant": [
3627
+ "toast.defaultVariant"
3628
+ ]
3629
+ },
3630
+ "Text": {
3631
+ "variant": [
3632
+ "toast.textVariant.${size}"
3633
+ ],
3634
+ "color": [
3635
+ "toast.textColor.${variant}"
3636
+ ]
3637
+ },
3638
+ "Button": {
3639
+ "size": [
3640
+ "toast.buttonSize.${size}"
3641
+ ],
3642
+ "variant": [
3643
+ "toast.buttonVariant.${variant}"
3644
+ ]
3645
+ }
3646
+ },
3647
+ "motionVarPrefixes": []
3648
+ },
3649
+ "ToastContainer": {
3650
+ "name": "ToastContainer",
3651
+ "defaultProps": {},
3652
+ "getStylesLiterals": {
3653
+ "position": "relative",
3654
+ "alignItems": "center",
3655
+ "display": "flex",
3656
+ "className": "box-border touch-none z-0 w-full break-words mb-2 last:mb-0"
3657
+ },
3658
+ "cxLiterals": [
3659
+ "w-full"
3660
+ ],
3661
+ "internalComponents": [
3662
+ "HStack"
3663
+ ],
3664
+ "internalComponentProps": {
3665
+ "HStack": {
3666
+ "alignItems": [
3667
+ "center"
3668
+ ],
3669
+ "justifyContent": [
3670
+ "space-between"
3671
+ ],
3672
+ "overflow": [
3673
+ "hidden"
3674
+ ],
3675
+ "position": [
3676
+ "relative"
3677
+ ]
3678
+ }
3679
+ },
3680
+ "propToVariantKeys": {
3681
+ "variant": [
3682
+ "toastVariantRoot"
3683
+ ],
3684
+ "size": [
3685
+ "toastSizeRoot"
3686
+ ]
3687
+ },
3688
+ "runtimeConfigDefaultProps": {
3689
+ "size": "toast.defaultSize",
3690
+ "variant": "toast.defaultVariant"
3691
+ },
3692
+ "runtimeConfigGetStyles": {
3693
+ "toastVariantRoot": [
3694
+ "toast.defaultVariant"
3695
+ ],
3696
+ "toastSizeRoot": [
3697
+ "toast.defaultSize"
3698
+ ]
3699
+ },
3700
+ "runtimeConfigInternalComponentProps": {
3701
+ "HStack": {
3702
+ "backgroundColor": [
3703
+ "toast.backgroundColor.${variant}"
3704
+ ]
3705
+ }
3706
+ },
3707
+ "motionVarPrefixes": []
3708
+ },
3709
+ "ToastPortal": {
3710
+ "name": "ToastPortal",
3711
+ "defaultProps": {},
3712
+ "getStylesLiterals": {},
3713
+ "cxLiterals": [],
3714
+ "internalComponents": [
3715
+ "ReactToastifyToastContainer"
3716
+ ],
3717
+ "internalComponentProps": {},
3718
+ "propToVariantKeys": {},
3719
+ "runtimeConfigDefaultProps": {
3720
+ "size": "toast.defaultSize",
3721
+ "variant": "toast.defaultVariant"
3722
+ },
3723
+ "runtimeConfigGetStyles": {},
3724
+ "runtimeConfigInternalComponentProps": {
3725
+ "ReactToastifyToastContainer": {
3726
+ "autoClose": [
3727
+ "toast.autoClose"
3728
+ ]
3729
+ }
3730
+ },
3731
+ "motionVarPrefixes": []
3732
+ },
3733
+ "UDSToastConfigProvider": {
3734
+ "name": "UDSToastConfigProvider",
3735
+ "defaultProps": {},
3736
+ "getStylesLiterals": {},
3737
+ "cxLiterals": [],
3738
+ "internalComponents": [
3739
+ "ToastContext.Provider"
3740
+ ],
3741
+ "internalComponentProps": {},
3742
+ "propToVariantKeys": {},
3743
+ "runtimeConfigDefaultProps": {},
3744
+ "runtimeConfigGetStyles": {},
3745
+ "runtimeConfigInternalComponentProps": {},
3746
+ "motionVarPrefixes": []
3747
+ },
3748
+ "Tooltip": {
3749
+ "name": "Tooltip",
3750
+ "defaultProps": {},
3751
+ "getStylesLiterals": {},
3752
+ "cxLiterals": [],
3753
+ "internalComponents": [
3754
+ "TooltipInternalContext.Provider",
3755
+ "TooltipProvider"
3756
+ ],
3757
+ "internalComponentProps": {},
3758
+ "propToVariantKeys": {},
3759
+ "runtimeConfigDefaultProps": {},
3760
+ "runtimeConfigGetStyles": {},
3761
+ "runtimeConfigInternalComponentProps": {
3762
+ "TooltipProvider": {
3763
+ "animated": [
3764
+ "tooltip.animationDuration"
3765
+ ]
3766
+ }
3767
+ },
3768
+ "motionVarPrefixes": []
3769
+ },
3770
+ "TooltipContent": {
3771
+ "name": "TooltipContent",
3772
+ "defaultProps": {},
3773
+ "getStylesLiterals": {
3774
+ "tooltipSizeRoot": "default",
3775
+ "tooltipVariantRoot": "default",
3776
+ "tooltipSizeSvg": "default",
3777
+ "tooltipVariantSvg": "default",
3778
+ "tooltipVariantBlur": "default",
3779
+ "position": "absolute",
3780
+ "width": "full",
3781
+ "height": "full",
3782
+ "tooltipSizeTitle": "default",
3783
+ "tooltipSizeBody": "default",
3784
+ "tooltipSizeEndContent": "default",
3785
+ "tooltipSizeIcon": "default",
3786
+ "tooltipVariantIcon": "default"
3787
+ },
3788
+ "cxLiterals": [
3789
+ "max-w-lg",
3790
+ "flex",
3791
+ "z-[9999]",
3792
+ "uds-bgBlurFillFallback",
3793
+ "uds-bgBlurFallback",
3794
+ "top-0",
3795
+ "left-0",
3796
+ "z-[1]"
3797
+ ],
3798
+ "internalComponents": [
3799
+ "IconSlot",
3800
+ "TooltipArrow",
3801
+ "Tooltip",
3802
+ "SvgFloatingOverlay",
3803
+ "VStack",
3804
+ "Box",
3805
+ "Text"
3806
+ ],
3807
+ "internalComponentProps": {
3808
+ "SvgFloatingOverlay": {
3809
+ "contentOverflow": [
3810
+ "visible"
3811
+ ]
3812
+ },
3813
+ "VStack": {
3814
+ "className": [
3815
+ "gap-[inherit]"
3816
+ ]
3817
+ },
3818
+ "Box": {
3819
+ "alignItems": [
3820
+ "center"
3821
+ ],
3822
+ "columnGap": [
3823
+ "1",
3824
+ "1.5"
3825
+ ]
3826
+ },
3827
+ "Text": {
3828
+ "color": [
3829
+ "inherit"
3830
+ ]
3831
+ }
3832
+ },
3833
+ "propToVariantKeys": {
3834
+ "startTitleIcon": [
3835
+ "icon"
3836
+ ]
3837
+ },
3838
+ "runtimeConfigDefaultProps": {},
3839
+ "runtimeConfigGetStyles": {},
3840
+ "runtimeConfigInternalComponentProps": {},
3841
+ "motionVarPrefixes": []
3842
+ },
3843
+ "TooltipTrigger": {
3844
+ "name": "TooltipTrigger",
3845
+ "defaultProps": {},
3846
+ "getStylesLiterals": {},
3847
+ "cxLiterals": [],
3848
+ "internalComponents": [
3849
+ "TooltipAnchor"
3850
+ ],
3851
+ "internalComponentProps": {
3852
+ "TooltipAnchor": {
3853
+ "className": [
3854
+ "inline"
3855
+ ]
3856
+ }
3857
+ },
3858
+ "propToVariantKeys": {
3859
+ "children": [
3860
+ "render"
3861
+ ]
3862
+ },
3863
+ "runtimeConfigDefaultProps": {},
3864
+ "runtimeConfigGetStyles": {},
3865
+ "runtimeConfigInternalComponentProps": {},
3866
+ "motionVarPrefixes": []
3867
+ },
3868
+ "UDSTooltipConfigProvider": {
3869
+ "name": "UDSTooltipConfigProvider",
3870
+ "defaultProps": {},
3871
+ "getStylesLiterals": {},
3872
+ "cxLiterals": [],
3873
+ "internalComponents": [
3874
+ "TooltipContext.Provider"
3875
+ ],
3876
+ "internalComponentProps": {},
3877
+ "propToVariantKeys": {},
3878
+ "runtimeConfigDefaultProps": {},
3879
+ "runtimeConfigGetStyles": {},
3880
+ "runtimeConfigInternalComponentProps": {},
3881
+ "motionVarPrefixes": []
3882
+ },
3883
+ "UDSBreakpointsConfigProvider": {
3884
+ "name": "UDSBreakpointsConfigProvider",
3885
+ "defaultProps": {},
3886
+ "getStylesLiterals": {},
3887
+ "cxLiterals": [],
3888
+ "internalComponents": [
3889
+ "UDSBreakpointsConfigContext.Provider"
3890
+ ],
3891
+ "internalComponentProps": {},
3892
+ "propToVariantKeys": {},
3893
+ "runtimeConfigDefaultProps": {},
3894
+ "runtimeConfigGetStyles": {},
3895
+ "runtimeConfigInternalComponentProps": {},
3896
+ "motionVarPrefixes": []
3897
+ },
3898
+ "UDSConfigProvider": {
3899
+ "name": "UDSConfigProvider",
3900
+ "defaultProps": {},
3901
+ "getStylesLiterals": {},
3902
+ "cxLiterals": [],
3903
+ "internalComponents": [
3904
+ "UDSBreakpointsConfigProvider",
3905
+ "UDSBottomSheetConfigProvider",
3906
+ "UDSToastConfigProvider",
3907
+ "UDSTooltipConfigProvider",
3908
+ "UDSPopoverConfigProvider",
3909
+ "UDSModalConfigProvider"
3910
+ ],
3911
+ "internalComponentProps": {},
3912
+ "propToVariantKeys": {},
3913
+ "runtimeConfigDefaultProps": {},
3914
+ "runtimeConfigGetStyles": {},
3915
+ "runtimeConfigInternalComponentProps": {},
3916
+ "motionVarPrefixes": []
3712
3917
  }
3713
3918
  }