@yahoo/uds 3.133.3 → 3.134.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (212) hide show
  1. package/dist/automated-config/dist/generated/autoVariants.cjs +14 -0
  2. package/dist/automated-config/dist/generated/autoVariants.d.cts +14 -0
  3. package/dist/automated-config/dist/generated/autoVariants.d.ts +14 -0
  4. package/dist/automated-config/dist/generated/autoVariants.js +14 -0
  5. package/dist/automated-config/dist/generated/generatedConfigs.cjs +2796 -1
  6. package/dist/automated-config/dist/generated/generatedConfigs.d.cts +288 -2
  7. package/dist/automated-config/dist/generated/generatedConfigs.d.ts +288 -2
  8. package/dist/automated-config/dist/generated/generatedConfigs.js +2796 -2
  9. package/dist/automated-config/dist/generated/universalTokensConfigAuto.cjs +119 -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 +119 -0
  13. package/dist/automated-config/dist/properties.cjs +15 -1
  14. package/dist/automated-config/dist/properties.d.cts +4 -0
  15. package/dist/automated-config/dist/properties.d.ts +4 -0
  16. package/dist/automated-config/dist/properties.js +15 -1
  17. package/dist/automated-config/dist/utils/getConfigVariantProperties.d.cts +2 -2
  18. package/dist/automated-config/dist/utils/getConfigVariantProperties.d.ts +2 -2
  19. package/dist/cli/commands/sync.cjs +4 -0
  20. package/dist/cli/commands/sync.js +4 -0
  21. package/dist/cli/dist/lib/args.cjs +7 -3
  22. package/dist/cli/dist/lib/args.js +7 -3
  23. package/dist/components/client/Menu/Menu.ItemCheckbox.d.cts +1 -1
  24. package/dist/components/client/Menu/Menu.ItemCheckbox.d.ts +1 -1
  25. package/dist/components/client/Modal/Modal.cjs +193 -0
  26. package/dist/components/client/Modal/Modal.d.cts +51 -0
  27. package/dist/components/client/Modal/Modal.d.ts +52 -0
  28. package/dist/components/client/Modal/Modal.js +191 -0
  29. package/dist/components/client/Modal/ModalActions.cjs +54 -0
  30. package/dist/components/client/Modal/ModalActions.d.cts +27 -0
  31. package/dist/components/client/Modal/ModalActions.d.ts +28 -0
  32. package/dist/components/client/Modal/ModalActions.js +52 -0
  33. package/dist/components/client/Modal/ModalContent.cjs +37 -0
  34. package/dist/components/client/Modal/ModalContent.d.cts +24 -0
  35. package/dist/components/client/Modal/ModalContent.d.ts +25 -0
  36. package/dist/components/client/Modal/ModalContent.js +35 -0
  37. package/dist/components/client/Modal/ModalContext.cjs +15 -0
  38. package/dist/components/client/Modal/ModalContext.d.cts +13 -0
  39. package/dist/components/client/Modal/ModalContext.d.ts +14 -0
  40. package/dist/components/client/Modal/ModalContext.js +12 -0
  41. package/dist/components/client/Modal/ModalDescription.cjs +29 -0
  42. package/dist/components/client/Modal/ModalDescription.d.cts +23 -0
  43. package/dist/components/client/Modal/ModalDescription.d.ts +24 -0
  44. package/dist/components/client/Modal/ModalDescription.js +27 -0
  45. package/dist/components/client/Modal/ModalTitle.cjs +29 -0
  46. package/dist/components/client/Modal/ModalTitle.d.cts +23 -0
  47. package/dist/components/client/Modal/ModalTitle.d.ts +24 -0
  48. package/dist/components/client/Modal/ModalTitle.js +27 -0
  49. package/dist/components/client/Modal/UDSModalConfigProvider.cjs +42 -0
  50. package/dist/components/client/Modal/UDSModalConfigProvider.d.cts +35 -0
  51. package/dist/components/client/Modal/UDSModalConfigProvider.d.ts +36 -0
  52. package/dist/components/client/Modal/UDSModalConfigProvider.js +39 -0
  53. package/dist/components/client/Modal/index.cjs +16 -0
  54. package/dist/components/client/Modal/index.d.cts +8 -0
  55. package/dist/components/client/Modal/index.d.ts +9 -0
  56. package/dist/components/client/Modal/index.js +9 -0
  57. package/dist/components/client/Modal/useScrollFade.cjs +38 -0
  58. package/dist/components/client/Modal/useScrollFade.d.cts +13 -0
  59. package/dist/components/client/Modal/useScrollFade.d.ts +14 -0
  60. package/dist/components/client/Modal/useScrollFade.js +36 -0
  61. package/dist/components/client/Modal/utils.cjs +32 -0
  62. package/dist/components/client/Modal/utils.d.cts +13 -0
  63. package/dist/components/client/Modal/utils.d.ts +14 -0
  64. package/dist/components/client/Modal/utils.js +30 -0
  65. package/dist/components/client/Popover/index.d.cts +1 -1
  66. package/dist/components/client/Popover/index.d.ts +1 -1
  67. package/dist/components/client/Toast/UDSToastConfigProvider.d.cts +1 -1
  68. package/dist/components/client/Toast/UDSToastConfigProvider.d.ts +1 -1
  69. package/dist/components/client/index.cjs +13 -0
  70. package/dist/components/client/index.d.cts +8 -2
  71. package/dist/components/client/index.d.ts +8 -2
  72. package/dist/components/client/index.js +7 -1
  73. package/dist/components/client/providers/UDSConfigProvider.cjs +6 -2
  74. package/dist/components/client/providers/UDSConfigProvider.d.cts +2 -1
  75. package/dist/components/client/providers/UDSConfigProvider.d.ts +2 -1
  76. package/dist/components/client/providers/UDSConfigProvider.js +6 -2
  77. package/dist/components/experimental/client/index.cjs +0 -5
  78. package/dist/components/experimental/client/index.d.cts +1 -2
  79. package/dist/components/experimental/client/index.d.ts +1 -2
  80. package/dist/components/experimental/client/index.js +1 -2
  81. package/dist/components/experimental/index.cjs +1 -10
  82. package/dist/components/experimental/index.d.cts +1 -2
  83. package/dist/components/experimental/index.d.ts +1 -2
  84. package/dist/components/experimental/index.js +2 -7
  85. package/dist/components/index.cjs +20 -0
  86. package/dist/components/index.d.cts +8 -2
  87. package/dist/components/index.d.ts +8 -2
  88. package/dist/components/index.js +14 -1
  89. package/dist/config/dist/index.cjs +129 -4
  90. package/dist/config/dist/index.js +129 -4
  91. package/dist/index.cjs +16 -0
  92. package/dist/index.d.cts +11 -4
  93. package/dist/index.d.ts +11 -4
  94. package/dist/index.js +9 -2
  95. package/dist/runtime/index.cjs +2 -0
  96. package/dist/runtime/index.d.cts +2 -1
  97. package/dist/runtime/index.d.ts +2 -1
  98. package/dist/runtime/index.js +2 -1
  99. package/dist/runtime/modalConfig.cjs +22 -0
  100. package/dist/runtime/modalConfig.d.cts +22 -0
  101. package/dist/runtime/modalConfig.d.ts +22 -0
  102. package/dist/runtime/modalConfig.js +21 -0
  103. package/dist/runtime/udsConfig.cjs +4 -2
  104. package/dist/runtime/udsConfig.d.cts +2 -0
  105. package/dist/runtime/udsConfig.d.ts +2 -0
  106. package/dist/runtime/udsConfig.js +4 -2
  107. package/dist/styles/styler.d.cts +35 -21
  108. package/dist/styles/styler.d.ts +35 -21
  109. package/dist/styles/variants.d.cts +42 -0
  110. package/dist/styles/variants.d.ts +42 -0
  111. package/dist/tailwind/dist/automated-config/dist/generated/autoVariants.cjs +14 -0
  112. package/dist/tailwind/dist/automated-config/dist/generated/autoVariants.js +14 -0
  113. package/dist/tailwind/dist/automated-config/dist/generated/autoVariants.js.map +1 -1
  114. package/dist/tailwind/dist/automated-config/dist/generated/generatedConfigs.cjs +2796 -1
  115. package/dist/tailwind/dist/automated-config/dist/generated/generatedConfigs.js +2796 -2
  116. package/dist/tailwind/dist/automated-config/dist/generated/generatedConfigs.js.map +1 -1
  117. package/dist/tailwind/dist/automated-config/dist/properties.cjs +15 -1
  118. package/dist/tailwind/dist/automated-config/dist/properties.js +15 -1
  119. package/dist/tailwind/dist/automated-config/dist/properties.js.map +1 -1
  120. package/dist/tailwind/dist/commands/css.cjs +1 -0
  121. package/dist/tailwind/dist/commands/css.d.cts.map +1 -1
  122. package/dist/tailwind/dist/commands/css.d.ts.map +1 -1
  123. package/dist/tailwind/dist/commands/css.helpers.cjs +8 -1
  124. package/dist/tailwind/dist/commands/css.helpers.js +8 -1
  125. package/dist/tailwind/dist/commands/css.helpers.js.map +1 -1
  126. package/dist/tailwind/dist/commands/css.js +1 -0
  127. package/dist/tailwind/dist/commands/css.js.map +1 -1
  128. package/dist/tailwind/dist/config/dist/index.cjs +129 -4
  129. package/dist/tailwind/dist/config/dist/index.js +129 -4
  130. package/dist/tailwind/dist/config/dist/index.js.map +1 -1
  131. package/dist/tailwind/dist/css/generate.cjs +7 -4
  132. package/dist/tailwind/dist/css/generate.d.cts.map +1 -1
  133. package/dist/tailwind/dist/css/generate.d.ts.map +1 -1
  134. package/dist/tailwind/dist/css/generate.js +7 -4
  135. package/dist/tailwind/dist/css/generate.js.map +1 -1
  136. package/dist/tailwind/dist/css/nodeUtils.cjs +19 -8
  137. package/dist/tailwind/dist/css/nodeUtils.js +19 -8
  138. package/dist/tailwind/dist/css/nodeUtils.js.map +1 -1
  139. package/dist/tailwind/dist/css/perf.cjs +92 -0
  140. package/dist/tailwind/dist/css/perf.js +89 -0
  141. package/dist/tailwind/dist/css/perf.js.map +1 -0
  142. package/dist/tailwind/dist/css/purgeWorker.cjs +47 -0
  143. package/dist/tailwind/dist/css/purgeWorker.d.cts +2 -0
  144. package/dist/tailwind/dist/css/purgeWorker.d.ts +2 -0
  145. package/dist/tailwind/dist/css/purgeWorker.js +48 -0
  146. package/dist/tailwind/dist/css/purgeWorker.js.map +1 -0
  147. package/dist/tailwind/dist/css/runner.cjs +158 -145
  148. package/dist/tailwind/dist/css/runner.js +158 -145
  149. package/dist/tailwind/dist/css/runner.js.map +1 -1
  150. package/dist/tailwind/dist/css/utils.cjs +8 -0
  151. package/dist/tailwind/dist/css/utils.js +8 -0
  152. package/dist/tailwind/dist/css/utils.js.map +1 -1
  153. package/dist/tailwind/dist/css/workerPool.cjs +89 -0
  154. package/dist/tailwind/dist/css/workerPool.js +90 -0
  155. package/dist/tailwind/dist/css/workerPool.js.map +1 -0
  156. package/dist/tailwind/dist/purger/optimized/ast/expressions.cjs +95 -15
  157. package/dist/tailwind/dist/purger/optimized/ast/expressions.js +95 -15
  158. package/dist/tailwind/dist/purger/optimized/ast/expressions.js.map +1 -1
  159. package/dist/tailwind/dist/purger/optimized/purgeFromCode.cjs +38 -14
  160. package/dist/tailwind/dist/purger/optimized/purgeFromCode.d.cts.map +1 -1
  161. package/dist/tailwind/dist/purger/optimized/purgeFromCode.d.ts.map +1 -1
  162. package/dist/tailwind/dist/purger/optimized/purgeFromCode.js +39 -15
  163. package/dist/tailwind/dist/purger/optimized/purgeFromCode.js.map +1 -1
  164. package/dist/tailwind/dist/purger/optimized/types.d.cts +10 -0
  165. package/dist/tailwind/dist/purger/optimized/types.d.cts.map +1 -1
  166. package/dist/tailwind/dist/purger/optimized/types.d.ts +10 -0
  167. package/dist/tailwind/dist/purger/optimized/types.d.ts.map +1 -1
  168. package/dist/tailwind/dist/runtimeConfig/hookMetadata.cjs +34 -0
  169. package/dist/tailwind/dist/runtimeConfig/hookMetadata.js +34 -0
  170. package/dist/tailwind/dist/runtimeConfig/hookMetadata.js.map +1 -1
  171. package/dist/tailwind/dist/tailwind/plugins/blurBgFallback.cjs +3 -0
  172. package/dist/tailwind/dist/tailwind/plugins/blurBgFallback.js +3 -0
  173. package/dist/tailwind/dist/tailwind/plugins/blurBgFallback.js.map +1 -1
  174. package/dist/tailwind/dist/tailwind/plugins/components.cjs +1 -0
  175. package/dist/tailwind/dist/tailwind/plugins/components.js +2 -1
  176. package/dist/tailwind/dist/tailwind/plugins/components.js.map +1 -1
  177. package/dist/tailwind/dist/types/dist/index.d.cts.map +1 -1
  178. package/dist/tailwind/dist/types/dist/index.d.ts.map +1 -1
  179. package/dist/tokens/automation/configs/index.cjs +1 -0
  180. package/dist/tokens/automation/configs/index.d.cts +2 -2
  181. package/dist/tokens/automation/configs/index.d.ts +2 -2
  182. package/dist/tokens/automation/configs/index.js +2 -2
  183. package/dist/tokens/automation/index.cjs +1 -0
  184. package/dist/tokens/automation/index.d.cts +2 -2
  185. package/dist/tokens/automation/index.d.ts +2 -2
  186. package/dist/tokens/automation/index.js +2 -2
  187. package/dist/tokens/index.cjs +1 -0
  188. package/dist/tokens/index.d.cts +3 -3
  189. package/dist/tokens/index.d.ts +3 -3
  190. package/dist/tokens/index.js +2 -2
  191. package/dist/tokens/types.d.cts +2 -2
  192. package/dist/tokens/types.d.ts +2 -2
  193. package/dist/types/dist/index.d.cts +68 -2
  194. package/dist/types/dist/index.d.ts +68 -2
  195. package/dist/uds/generated/componentData.cjs +1024 -833
  196. package/dist/uds/generated/componentData.js +995 -840
  197. package/dist/uds/generated/tailwindPurge.cjs +137 -96
  198. package/dist/uds/generated/tailwindPurge.js +137 -96
  199. package/dist/utils/exposeAriakitScrollbarWidth.cjs +17 -0
  200. package/dist/utils/exposeAriakitScrollbarWidth.d.cts +13 -0
  201. package/dist/utils/exposeAriakitScrollbarWidth.d.ts +13 -0
  202. package/dist/utils/exposeAriakitScrollbarWidth.js +16 -0
  203. package/generated/componentData.json +1761 -1550
  204. package/generated/tailwindPurge.ts +4 -4
  205. package/package.json +1 -1
  206. package/dist/components/experimental/client/Modal.cjs +0 -60
  207. package/dist/components/experimental/client/Modal.d.cts +0 -27
  208. package/dist/components/experimental/client/Modal.d.ts +0 -28
  209. package/dist/components/experimental/client/Modal.js +0 -55
  210. package/dist/tailwind/dist/purger/optimized/ast/jsx.cjs +0 -16
  211. package/dist/tailwind/dist/purger/optimized/ast/jsx.js +0 -17
  212. package/dist/tailwind/dist/purger/optimized/ast/jsx.js.map +0 -1
@@ -577,92 +577,6 @@
577
577
  "runtimeConfigInternalComponentProps": {},
578
578
  "motionVarPrefixes": []
579
579
  },
580
- "Spinner": {
581
- "name": "Spinner",
582
- "defaultProps": {
583
- "color": "primary",
584
- "size": "lg"
585
- },
586
- "getStylesLiterals": {},
587
- "cxLiterals": [
588
- "self-center",
589
- "relative",
590
- "sr-only"
591
- ],
592
- "internalComponents": [
593
- "Icon"
594
- ],
595
- "internalComponentProps": {
596
- "Icon": {
597
- "role": [
598
- "img"
599
- ],
600
- "className": [
601
- "animate-spin"
602
- ],
603
- "aria-hidden": [
604
- "true"
605
- ]
606
- }
607
- },
608
- "propToVariantKeys": {},
609
- "runtimeConfigDefaultProps": {},
610
- "runtimeConfigGetStyles": {},
611
- "runtimeConfigInternalComponentProps": {},
612
- "motionVarPrefixes": []
613
- },
614
- "Table.mocks": {
615
- "name": "Table.mocks",
616
- "defaultProps": {},
617
- "getStylesLiterals": {},
618
- "cxLiterals": [],
619
- "internalComponents": [],
620
- "internalComponentProps": {},
621
- "propToVariantKeys": {},
622
- "runtimeConfigDefaultProps": {},
623
- "runtimeConfigGetStyles": {},
624
- "runtimeConfigInternalComponentProps": {},
625
- "motionVarPrefixes": []
626
- },
627
- "Table": {
628
- "name": "Table",
629
- "defaultProps": {
630
- "display": "table-cell",
631
- "overflow": "hidden",
632
- "borderColor": "muted",
633
- "borderRadius": "md",
634
- "spacing": "3",
635
- "borderBottomColor": "muted",
636
- "borderBottomWidth": "thin",
637
- "color": "primary"
638
- },
639
- "getStylesLiterals": {
640
- "textAlign": "start"
641
- },
642
- "cxLiterals": [],
643
- "internalComponents": [
644
- "CellComponent",
645
- "Box",
646
- "Text",
647
- "Table.Root",
648
- "Table.Header",
649
- "Table.Row",
650
- "Table.Cell",
651
- "Table.Body"
652
- ],
653
- "internalComponentProps": {
654
- "Table.Cell": {
655
- "asHeaderCell": [
656
- "column"
657
- ]
658
- }
659
- },
660
- "propToVariantKeys": {},
661
- "runtimeConfigDefaultProps": {},
662
- "runtimeConfigGetStyles": {},
663
- "runtimeConfigInternalComponentProps": {},
664
- "motionVarPrefixes": []
665
- },
666
580
  "AnimateHeightChange": {
667
581
  "name": "AnimateHeightChange",
668
582
  "defaultProps": {},
@@ -1164,83 +1078,31 @@
1164
1078
  "--uds-motion-smooth-3-"
1165
1079
  ]
1166
1080
  },
1167
- "Accordion": {
1168
- "name": "Accordion",
1081
+ "Spinner": {
1082
+ "name": "Spinner",
1169
1083
  "defaultProps": {
1170
- "spacingHorizontal": "4",
1171
- "spacingVertical": "4"
1084
+ "color": "primary",
1085
+ "size": "lg"
1172
1086
  },
1173
1087
  "getStylesLiterals": {},
1174
1088
  "cxLiterals": [
1175
- "hover:bg-secondary/80",
1176
- "w-full"
1089
+ "self-center",
1090
+ "relative",
1091
+ "sr-only"
1177
1092
  ],
1178
1093
  "internalComponents": [
1179
- "Icon",
1180
- "SpringMotionConfig",
1181
- "Pressable",
1182
- "Text",
1183
- "HStack",
1184
- "AnimatePresence",
1185
- "VStack"
1094
+ "Icon"
1186
1095
  ],
1187
1096
  "internalComponentProps": {
1188
1097
  "Icon": {
1189
- "variant": [
1190
- "fill"
1191
- ],
1192
- "size": [
1193
- "sm"
1194
- ],
1195
- "color": [
1196
- "primary"
1197
- ]
1198
- },
1199
- "SpringMotionConfig": {
1200
- "layoutVariant": [
1201
- "smooth"
1202
- ],
1203
- "layoutSpeed": [
1204
- "3"
1205
- ]
1206
- },
1207
- "Pressable": {
1208
- "display": [
1209
- "flex"
1210
- ],
1211
- "flexDirection": [
1212
- "row"
1213
- ],
1214
- "alignItems": [
1215
- "center"
1216
- ],
1217
- "justifyContent": [
1218
- "space-between"
1219
- ],
1220
- "borderRadius": [
1221
- "md"
1222
- ]
1223
- },
1224
- "Text": {
1225
- "variant": [
1226
- "title4"
1227
- ],
1228
- "color": [
1229
- "primary"
1230
- ]
1231
- },
1232
- "HStack": {
1233
- "display": [
1234
- "flex"
1235
- ],
1236
- "alignItems": [
1237
- "center"
1098
+ "role": [
1099
+ "img"
1238
1100
  ],
1239
- "justifyContent": [
1240
- "space-between"
1101
+ "className": [
1102
+ "animate-spin"
1241
1103
  ],
1242
- "columnGap": [
1243
- "2.5"
1104
+ "aria-hidden": [
1105
+ "true"
1244
1106
  ]
1245
1107
  }
1246
1108
  },
@@ -1248,12 +1110,10 @@
1248
1110
  "runtimeConfigDefaultProps": {},
1249
1111
  "runtimeConfigGetStyles": {},
1250
1112
  "runtimeConfigInternalComponentProps": {},
1251
- "motionVarPrefixes": [
1252
- "--uds-motion-smooth-3-"
1253
- ]
1113
+ "motionVarPrefixes": []
1254
1114
  },
1255
- "AvoidMotionLibraryProvider": {
1256
- "name": "AvoidMotionLibraryProvider",
1115
+ "Table.mocks": {
1116
+ "name": "Table.mocks",
1257
1117
  "defaultProps": {},
1258
1118
  "getStylesLiterals": {},
1259
1119
  "cxLiterals": [],
@@ -1265,314 +1125,45 @@
1265
1125
  "runtimeConfigInternalComponentProps": {},
1266
1126
  "motionVarPrefixes": []
1267
1127
  },
1268
- "Modal": {
1269
- "name": "Modal",
1270
- "defaultProps": {},
1271
- "getStylesLiterals": {},
1272
- "cxLiterals": [
1273
- "inset-8",
1274
- "top-[250px]",
1275
- "z-50",
1276
- "mx-auto",
1277
- "h-fit",
1278
- "w-[600px]",
1279
- "origin-center",
1280
- "scale-95",
1281
- "opacity-0",
1282
- "transition",
1283
- "duration-150",
1284
- "data-[enter]:scale-100",
1285
- "data-[enter]:opacity-100",
1286
- "data-[enter]:bg-primary",
1287
- "backdrop-blur-0",
1288
- "data-[enter]:opacity-60",
1289
- "data-[enter]:backdrop-blur-sm"
1290
- ],
1128
+ "Table": {
1129
+ "name": "Table",
1130
+ "defaultProps": {
1131
+ "display": "table-cell",
1132
+ "overflow": "hidden",
1133
+ "borderColor": "muted",
1134
+ "borderRadius": "md",
1135
+ "spacing": "3",
1136
+ "borderBottomColor": "muted",
1137
+ "borderBottomWidth": "thin",
1138
+ "color": "primary"
1139
+ },
1140
+ "getStylesLiterals": {
1141
+ "textAlign": "start"
1142
+ },
1143
+ "cxLiterals": [],
1291
1144
  "internalComponents": [
1292
- "IconButton",
1293
- "Dialog",
1294
- "HStack",
1145
+ "CellComponent",
1146
+ "Box",
1295
1147
  "Text",
1296
- "VStack"
1148
+ "Table.Root",
1149
+ "Table.Header",
1150
+ "Table.Row",
1151
+ "Table.Cell",
1152
+ "Table.Body"
1297
1153
  ],
1298
1154
  "internalComponentProps": {
1299
- "IconButton": {
1300
- "aria-label": [
1301
- "Close"
1302
- ],
1303
- "size": [
1304
- "sm"
1305
- ],
1306
- "variant": [
1307
- "tertiary"
1308
- ]
1309
- },
1310
- "HStack": {
1311
- "alignItems": [
1312
- "center"
1313
- ],
1314
- "justifyContent": [
1315
- "space-between"
1316
- ]
1317
- },
1318
- "Text": {
1319
- "variant": [
1320
- "headline1"
1321
- ],
1322
- "color": [
1323
- "primary"
1324
- ]
1325
- },
1326
- "VStack": {
1327
- "borderRadius": [
1328
- "md"
1329
- ],
1330
- "position": [
1331
- "fixed"
1332
- ],
1333
- "backgroundColor": [
1334
- "primary"
1335
- ],
1336
- "dropShadow": [
1337
- "md"
1338
- ],
1339
- "spacing": [
1340
- "8"
1341
- ],
1342
- "overflow": [
1343
- "hidden"
1155
+ "Table.Cell": {
1156
+ "asHeaderCell": [
1157
+ "column"
1344
1158
  ]
1345
1159
  }
1346
1160
  },
1347
- "propToVariantKeys": {
1348
- "handleClose": [
1349
- "onClick"
1350
- ]
1351
- },
1161
+ "propToVariantKeys": {},
1352
1162
  "runtimeConfigDefaultProps": {},
1353
1163
  "runtimeConfigGetStyles": {},
1354
1164
  "runtimeConfigInternalComponentProps": {},
1355
1165
  "motionVarPrefixes": []
1356
1166
  },
1357
- "SegmentedControl": {
1358
- "name": "SegmentedControl",
1359
- "defaultProps": {
1360
- "textVariant": "label2"
1361
- },
1362
- "getStylesLiterals": {
1363
- "display": "flex",
1364
- "alignItems": "center",
1365
- "backgroundColor": "primary",
1366
- "spacingVertical": "1",
1367
- "spacingHorizontal": "3",
1368
- "columnGap": "1.5",
1369
- "borderWidth": "thin",
1370
- "borderRadius": "full",
1371
- "borderColor": "muted",
1372
- "borderColor:1": "transparent",
1373
- "color": "primary",
1374
- "color:1": "tertiary",
1375
- "color:2": "muted"
1376
- },
1377
- "cxLiterals": [
1378
- "uds-ring",
1379
- "cursor-not-allowed",
1380
- "opacity-50",
1381
- "pointer-events-none",
1382
- "hover:bg-primary"
1383
- ],
1384
- "internalComponents": [
1385
- "TextVariant",
1386
- "Radio",
1387
- "Icon",
1388
- "RadioProvider",
1389
- "HStack",
1390
- "RadioGroup",
1391
- "Pressable",
1392
- "Text"
1393
- ],
1394
- "internalComponentProps": {
1395
- "Icon": {
1396
- "size": [
1397
- "sm"
1398
- ],
1399
- "color": [
1400
- "current"
1401
- ],
1402
- "aria-hidden": [
1403
- "true"
1404
- ]
1405
- },
1406
- "HStack": {
1407
- "spacing": [
1408
- "1"
1409
- ],
1410
- "gap": [
1411
- "1"
1412
- ],
1413
- "backgroundColor": [
1414
- "secondary"
1415
- ],
1416
- "borderRadius": [
1417
- "full"
1418
- ],
1419
- "display": [
1420
- "inline-flex"
1421
- ]
1422
- },
1423
- "Text": {
1424
- "color": [
1425
- "current"
1426
- ]
1427
- }
1428
- },
1429
- "propToVariantKeys": {
1430
- "value": [
1431
- "key"
1432
- ],
1433
- "label": [
1434
- "aria-label"
1435
- ],
1436
- "textVariant": [
1437
- "variant"
1438
- ]
1439
- },
1440
- "runtimeConfigDefaultProps": {},
1441
- "runtimeConfigGetStyles": {},
1442
- "runtimeConfigInternalComponentProps": {},
1443
- "motionVarPrefixes": []
1444
- },
1445
- "SwitchV2": {
1446
- "name": "SwitchV2",
1447
- "defaultProps": {
1448
- "labelPosition": "start",
1449
- "size": "md"
1450
- },
1451
- "getStylesLiterals": {
1452
- "switchVariantRoot": "default",
1453
- "switchVariantActiveRoot": "on",
1454
- "switchVariantActiveRoot:1": "off",
1455
- "switchVariantSwitch": "default",
1456
- "switchVariantActiveSwitch": "on",
1457
- "switchVariantActiveSwitch:1": "off",
1458
- "switchVariantActiveHandle": "on",
1459
- "switchVariantActiveHandle:1": "off",
1460
- "switchVariantHandle": "default",
1461
- "switchVariantHandleIcon": "default",
1462
- "switchVariantActiveHandleIcon": "on",
1463
- "switchVariantActiveHandleIcon:1": "off"
1464
- },
1465
- "cxLiterals": [
1466
- "group",
1467
- "flex",
1468
- "items-center",
1469
- "flex-row",
1470
- "flex-row-reverse",
1471
- "uds-ring",
1472
- "uds-ring-within",
1473
- "relative",
1474
- "uds-border-radius-full",
1475
- "transition-[background-color,box-shadow]",
1476
- "pointer-events-none",
1477
- "w-full",
1478
- "h-full",
1479
- "absolute",
1480
- "top-0",
1481
- "bottom-0",
1482
- "right-0",
1483
- "left-0",
1484
- "overflow-hidden",
1485
- "group-hover:scale-105",
1486
- "opacity-95",
1487
- "group-hover:opacity-100",
1488
- "transition-[transform,opacity]",
1489
- "opacity-0",
1490
- "top-1/2",
1491
- "left-1/2",
1492
- "transform",
1493
- "translate-x-[-50%]",
1494
- "translate-y-[-50%]",
1495
- "transition-opacity",
1496
- "cursor-[inherit]",
1497
- "w-[calc(100%+2px)]",
1498
- "h-[calc(100%+2px)]",
1499
- "text-start",
1500
- "text-end",
1501
- "opacity-100"
1502
- ],
1503
- "internalComponents": [
1504
- "IconSlot",
1505
- "Box",
1506
- "FormLabel",
1507
- "SpringMotionConfig",
1508
- "RootElement",
1509
- "MotionBox"
1510
- ],
1511
- "internalComponentProps": {
1512
- "IconSlot": {
1513
- "data-testid": [
1514
- "on-icon",
1515
- "off-icon"
1516
- ]
1517
- },
1518
- "FormLabel": {
1519
- "as": [
1520
- "div"
1521
- ],
1522
- "variant": [
1523
- "inherit"
1524
- ],
1525
- "color": [
1526
- "inherit"
1527
- ]
1528
- },
1529
- "SpringMotionConfig": {
1530
- "layoutVariant": [
1531
- "bouncy"
1532
- ],
1533
- "layoutSpeed": [
1534
- "4"
1535
- ]
1536
- },
1537
- "RootElement": {
1538
- "data-testid": [
1539
- "switch-root"
1540
- ]
1541
- },
1542
- "MotionBox": {
1543
- "layout": [
1544
- "position"
1545
- ]
1546
- }
1547
- },
1548
- "propToVariantKeys": {
1549
- "size": [
1550
- "switchSizeRoot",
1551
- "switchSizeSwitch",
1552
- "switchSizeHandle",
1553
- "switchSizeHandleIcon"
1554
- ],
1555
- "onIcon": [
1556
- "icon"
1557
- ],
1558
- "offIcon": [
1559
- "icon"
1560
- ],
1561
- "reduceMotion": [
1562
- "reducedMotion"
1563
- ],
1564
- "isOn": [
1565
- "layoutDependency"
1566
- ]
1567
- },
1568
- "runtimeConfigDefaultProps": {},
1569
- "runtimeConfigGetStyles": {},
1570
- "runtimeConfigInternalComponentProps": {},
1571
- "motionVarPrefixes": [
1572
- "--uds-motion-bouncy-4-",
1573
- "--uds-motion-smooth-3-"
1574
- ]
1575
- },
1576
1167
  "Avatar": {
1577
1168
  "name": "Avatar",
1578
1169
  "defaultProps": {},
@@ -1696,198 +1287,12 @@
1696
1287
  "runtimeConfigInternalComponentProps": {},
1697
1288
  "motionVarPrefixes": []
1698
1289
  },
1699
- "Input": {
1700
- "name": "Input",
1290
+ "BottomSheet": {
1291
+ "name": "BottomSheet",
1701
1292
  "defaultProps": {
1702
- "type": "text",
1703
- "size": "md",
1704
- "width": "full"
1705
- },
1706
- "getStylesLiterals": {
1707
- "inputVariantRoot": "default",
1708
- "inputVariantValueRoot": "empty",
1709
- "inputVariantValueRoot:1": "filled",
1710
- "inputVariantInputWrapper": "default",
1711
- "inputVariantValueInputWrapper": "empty",
1712
- "inputVariantValueInputWrapper:1": "filled",
1713
- "inputVariantInput": "default",
1714
- "inputVariantValueInput": "empty",
1715
- "inputVariantValueInput:1": "filled",
1716
- "inputVariantInputPlaceholder": "default",
1717
- "inputVariantValueInputPlaceholder": "empty",
1718
- "inputVariantValueInputPlaceholder:1": "filled",
1719
- "inputVariantLabel": "default",
1720
- "inputVariantValueLabel": "empty",
1721
- "inputVariantValueLabel:1": "filled",
1722
- "inputVariantLabelRequired": "default",
1723
- "inputVariantValueLabelRequired": "empty",
1724
- "inputVariantValueLabelRequired:1": "filled",
1725
- "inputVariantStartIcon": "default",
1726
- "inputVariantValueStartIcon": "empty",
1727
- "inputVariantValueStartIcon:1": "filled",
1728
- "inputVariantEndIcon": "default",
1729
- "inputVariantValueEndIcon": "empty",
1730
- "inputVariantValueEndIcon:1": "filled"
1293
+ "variant": "default"
1731
1294
  },
1732
- "cxLiterals": [
1733
- "opacity-50",
1734
- "min-w-[200px]",
1735
- "grow",
1736
- "uds-hit-target",
1737
- "bg-clip-text",
1738
- "focus:outline-none",
1739
- "cursor-text",
1740
- "cursor-not-allowed"
1741
- ],
1742
- "internalComponents": [
1743
- "IconSlot",
1744
- "StartIcon",
1745
- "EndIcon",
1746
- "HelpTextContent",
1747
- "Box",
1748
- "InputHelpTextInternal",
1749
- "VStack",
1750
- "HStack",
1751
- "AnimateHeightChange"
1752
- ],
1753
- "internalComponentProps": {
1754
- "HelpTextContent": {
1755
- "spacingTop": [
1756
- "2"
1757
- ]
1758
- },
1759
- "Box": {
1760
- "spacingBottom": [
1761
- "2"
1762
- ],
1763
- "columnGap": [
1764
- "0.5"
1765
- ],
1766
- "alignItems": [
1767
- "flex-end",
1768
- "center"
1769
- ],
1770
- "position": [
1771
- "relative"
1772
- ]
1773
- },
1774
- "HStack": {
1775
- "alignItems": [
1776
- "center"
1777
- ],
1778
- "gap": [
1779
- "1"
1780
- ]
1781
- }
1782
- },
1783
- "propToVariantKeys": {
1784
- "size": [
1785
- "inputSizeRoot",
1786
- "inputSizeInputWrapper",
1787
- "inputSizeInput",
1788
- "inputSizeLabel",
1789
- "inputSizeStartIcon",
1790
- "inputSizeEndIcon"
1791
- ],
1792
- "startIcon": [
1793
- "icon"
1794
- ],
1795
- "endIcon": [
1796
- "icon"
1797
- ],
1798
- "slotProps": [
1799
- "helperTextSlotProps"
1800
- ],
1801
- "helperTextIcon": [
1802
- "startIcon"
1803
- ]
1804
- },
1805
- "runtimeConfigDefaultProps": {},
1806
- "runtimeConfigGetStyles": {},
1807
- "runtimeConfigInternalComponentProps": {},
1808
- "motionVarPrefixes": []
1809
- },
1810
- "InputHelpText": {
1811
- "name": "InputHelpText",
1812
- "defaultProps": {
1813
- "size": "md"
1814
- },
1815
- "getStylesLiterals": {
1816
- "inputVariantRoot": "default",
1817
- "inputVariantValueRoot": "empty",
1818
- "inputVariantValueRoot:1": "filled"
1819
- },
1820
- "cxLiterals": [],
1821
- "internalComponents": [
1822
- "InputHelpTextInternal",
1823
- "Box"
1824
- ],
1825
- "internalComponentProps": {
1826
- "Box": {
1827
- "spacingTop": [
1828
- "2"
1829
- ]
1830
- }
1831
- },
1832
- "propToVariantKeys": {
1833
- "size": [
1834
- "inputSizeRoot"
1835
- ]
1836
- },
1837
- "runtimeConfigDefaultProps": {},
1838
- "runtimeConfigGetStyles": {},
1839
- "runtimeConfigInternalComponentProps": {},
1840
- "motionVarPrefixes": []
1841
- },
1842
- "InputHelpTextInternal": {
1843
- "name": "InputHelpTextInternal",
1844
- "defaultProps": {},
1845
- "getStylesLiterals": {
1846
- "inputVariantHelperText": "default",
1847
- "inputVariantValueHelperText": "empty",
1848
- "inputVariantValueHelperText:1": "filled",
1849
- "inputVariantHelperIcon": "default",
1850
- "inputVariantValueHelperIcon": "empty",
1851
- "inputVariantValueHelperIcon:1": "filled"
1852
- },
1853
- "cxLiterals": [],
1854
- "internalComponents": [
1855
- "IconSlot",
1856
- "HStack"
1857
- ],
1858
- "internalComponentProps": {
1859
- "HStack": {
1860
- "gap": [
1861
- "1"
1862
- ],
1863
- "alignItems": [
1864
- "center"
1865
- ]
1866
- }
1867
- },
1868
- "propToVariantKeys": {
1869
- "size": [
1870
- "inputSizeHelperText",
1871
- "inputSizeHelperIcon"
1872
- ],
1873
- "startIcon": [
1874
- "icon"
1875
- ],
1876
- "endIcon": [
1877
- "icon"
1878
- ]
1879
- },
1880
- "runtimeConfigDefaultProps": {},
1881
- "runtimeConfigGetStyles": {},
1882
- "runtimeConfigInternalComponentProps": {},
1883
- "motionVarPrefixes": []
1884
- },
1885
- "BottomSheet": {
1886
- "name": "BottomSheet",
1887
- "defaultProps": {
1888
- "variant": "default"
1889
- },
1890
- "getStylesLiterals": {},
1295
+ "getStylesLiterals": {},
1891
1296
  "cxLiterals": [
1892
1297
  "fixed",
1893
1298
  "overflow-hidden",
@@ -2158,134 +1563,171 @@
2158
1563
  "runtimeConfigInternalComponentProps": {},
2159
1564
  "motionVarPrefixes": []
2160
1565
  },
2161
- "Chip": {
2162
- "name": "Chip",
2163
- "defaultProps": {},
1566
+ "Menu.Content": {
1567
+ "name": "Menu.Content",
1568
+ "defaultProps": {
1569
+ "size": "default",
1570
+ "variant": "default",
1571
+ "gutter": "1"
1572
+ },
2164
1573
  "getStylesLiterals": {},
2165
- "cxLiterals": [],
1574
+ "cxLiterals": [
1575
+ "uds-menu-content",
1576
+ "transition-shadow",
1577
+ "duration-200",
1578
+ "ease-in-out",
1579
+ "min-w-60",
1580
+ "max-w-lg",
1581
+ "max-h-96",
1582
+ "overflow-auto",
1583
+ "uds-ring",
1584
+ "z-10",
1585
+ "group"
1586
+ ],
2166
1587
  "internalComponents": [
2167
- "ChipDismissible",
2168
- "ChipToggle",
2169
- "ChipLink",
2170
- "ChipButton"
1588
+ "AriakitMenu",
1589
+ "AnimatePresence",
1590
+ "MotionVStack"
2171
1591
  ],
2172
1592
  "internalComponentProps": {},
2173
- "propToVariantKeys": {},
1593
+ "propToVariantKeys": {
1594
+ "size": [
1595
+ "menucontentSizeRoot"
1596
+ ],
1597
+ "variant": [
1598
+ "menucontentVariantRoot"
1599
+ ]
1600
+ },
2174
1601
  "runtimeConfigDefaultProps": {},
2175
1602
  "runtimeConfigGetStyles": {},
2176
1603
  "runtimeConfigInternalComponentProps": {},
2177
1604
  "motionVarPrefixes": []
2178
1605
  },
2179
- "ChipBase": {
2180
- "name": "ChipBase",
1606
+ "Menu.Divider": {
1607
+ "name": "Menu.Divider",
2181
1608
  "defaultProps": {
2182
- "size": "md",
2183
- "as": "div"
1609
+ "role": "separator",
1610
+ "contentPosition": "start",
1611
+ "gap": "4"
2184
1612
  },
2185
- "getStylesLiterals": {},
2186
- "cxLiterals": [
2187
- "pointer-events-none",
2188
- "cursor-default",
2189
- "opacity-50",
2190
- "inline-flex",
2191
- "items-center",
2192
- "transition-[background-color,outline-color,box-shadow]",
2193
- "truncate",
2194
- "whitespace-nowrap",
2195
- "text-center",
2196
- "flex-1"
2197
- ],
1613
+ "getStylesLiterals": {
1614
+ "menuitemDividerVariantRoot": "default",
1615
+ "menuitemDividerVariantText": "default",
1616
+ "menuitemDividerVariantLine": "default"
1617
+ },
1618
+ "cxLiterals": [],
2198
1619
  "internalComponents": [
2199
- "IconSlot",
2200
- "HStack",
2201
- "As",
2202
- "Text"
1620
+ "DividerInternal"
2203
1621
  ],
2204
1622
  "internalComponentProps": {
2205
- "Text": {
2206
- "as": [
2207
- "span"
2208
- ],
2209
- "color": [
2210
- "current"
2211
- ],
1623
+ "DividerInternal": {
2212
1624
  "variant": [
2213
1625
  "inherit"
2214
1626
  ]
2215
1627
  }
2216
1628
  },
2217
- "propToVariantKeys": {
2218
- "size": [
2219
- "chipSizeRoot",
2220
- "chipSizeIcon"
2221
- ],
2222
- "startIcon": [
2223
- "icon"
2224
- ],
2225
- "endIcon": [
2226
- "icon"
2227
- ]
2228
- },
1629
+ "propToVariantKeys": {},
2229
1630
  "runtimeConfigDefaultProps": {},
2230
1631
  "runtimeConfigGetStyles": {},
2231
1632
  "runtimeConfigInternalComponentProps": {},
2232
1633
  "motionVarPrefixes": []
2233
1634
  },
2234
- "ChipButton": {
2235
- "name": "ChipButton",
2236
- "defaultProps": {
2237
- "variant": "primary"
2238
- },
2239
- "getStylesLiterals": {},
2240
- "cxLiterals": [
2241
- "uds-ring"
2242
- ],
1635
+ "Menu.Item": {
1636
+ "name": "Menu.Item",
1637
+ "defaultProps": {},
1638
+ "getStylesLiterals": {
1639
+ "menuitemItemVariantRoot": "default",
1640
+ "menuitemItemVariantActiveRoot": "on",
1641
+ "menuitemItemVariantActiveRoot:1": "off",
1642
+ "menuitemItemVariantText": "default",
1643
+ "menuitemItemVariantActiveText": "on",
1644
+ "menuitemItemVariantActiveText:1": "off",
1645
+ "menuitemItemVariantIcon": "default",
1646
+ "menuitemItemVariantActiveIcon": "on",
1647
+ "menuitemItemVariantActiveIcon:1": "off"
1648
+ },
1649
+ "cxLiterals": [],
2243
1650
  "internalComponents": [
2244
- "ChipBase"
1651
+ "MenuItemBase"
2245
1652
  ],
2246
- "internalComponentProps": {
2247
- "ChipBase": {
2248
- "as": [
2249
- "button"
2250
- ]
2251
- }
2252
- },
2253
- "propToVariantKeys": {
2254
- "variant": [
2255
- "chipLinkVariantRoot",
2256
- "chipLinkVariantIcon"
2257
- ]
2258
- },
1653
+ "internalComponentProps": {},
1654
+ "propToVariantKeys": {},
2259
1655
  "runtimeConfigDefaultProps": {},
2260
1656
  "runtimeConfigGetStyles": {},
2261
1657
  "runtimeConfigInternalComponentProps": {},
2262
1658
  "motionVarPrefixes": []
2263
1659
  },
2264
- "ChipDismissible": {
2265
- "name": "ChipDismissible",
1660
+ "Menu.ItemBase": {
1661
+ "name": "Menu.ItemBase",
2266
1662
  "defaultProps": {
2267
- "variant": "primary"
1663
+ "spacing": "0",
1664
+ "spacingHorizontal": "4",
1665
+ "spacingVertical": "3.5",
1666
+ "columnGap": "2",
1667
+ "alignItems": "center",
1668
+ "justifyContent": "space-between"
1669
+ },
1670
+ "getStylesLiterals": {
1671
+ "textAlign": "start",
1672
+ "menuitemSizeRoot": "default",
1673
+ "flexDirection": "row",
1674
+ "menuitemSizeStartIcon": "default",
1675
+ "menuitemSizeEndIcon": "default"
2268
1676
  },
2269
- "getStylesLiterals": {},
2270
1677
  "cxLiterals": [
2271
- "uds-chip-dismissible-button",
2272
- "uds-hit-target",
1678
+ "flex",
1679
+ "focus-visible:text-brand",
1680
+ "focus-visible:bg-brand-secondary",
1681
+ "focus-visible:z-10",
2273
1682
  "uds-ring",
2274
- "rounded-full"
1683
+ "!-outline-offset-2",
1684
+ "[&:not([aria-checked])]:cursor-default",
1685
+ "opacity-25",
1686
+ "cursor-not-allowed",
1687
+ "duration-20",
1688
+ "transition-[font-variation-settings]",
1689
+ "ease-in-out",
1690
+ "z-0",
1691
+ "uds-start-icon",
1692
+ "uds-end-icon"
2275
1693
  ],
2276
1694
  "internalComponents": [
2277
- "ChipBase",
1695
+ "Pressable",
2278
1696
  "IconSlot",
2279
- "Pressable"
1697
+ "RootComponent",
1698
+ "HStack",
1699
+ "AnimatePresence"
2280
1700
  ],
2281
- "internalComponentProps": {},
1701
+ "internalComponentProps": {
1702
+ "HStack": {
1703
+ "alignItems": [
1704
+ "center"
1705
+ ],
1706
+ "width": [
1707
+ "full"
1708
+ ]
1709
+ },
1710
+ "AnimatePresence": {
1711
+ "mode": [
1712
+ "popLayout"
1713
+ ]
1714
+ }
1715
+ },
2282
1716
  "propToVariantKeys": {
2283
- "variant": [
2284
- "chipDismissibleVariantRoot",
2285
- "chipDismissibleVariantIcon"
1717
+ "startIconClassName": [
1718
+ "className"
2286
1719
  ],
2287
- "dismissButtonAriaLabel": [
2288
- "aria-label"
1720
+ "endIconClassName": [
1721
+ "className"
1722
+ ],
1723
+ "startIcon": [
1724
+ "icon"
1725
+ ],
1726
+ "endIcon": [
1727
+ "icon"
1728
+ ],
1729
+ "columnGap": [
1730
+ "gap"
2289
1731
  ]
2290
1732
  },
2291
1733
  "runtimeConfigDefaultProps": {},
@@ -2293,209 +1735,201 @@
2293
1735
  "runtimeConfigInternalComponentProps": {},
2294
1736
  "motionVarPrefixes": []
2295
1737
  },
2296
- "ChipLink": {
2297
- "name": "ChipLink",
2298
- "defaultProps": {
2299
- "variant": "primary"
1738
+ "Menu.ItemCheckbox": {
1739
+ "name": "Menu.ItemCheckbox",
1740
+ "defaultProps": {},
1741
+ "getStylesLiterals": {
1742
+ "menuitemItemCheckboxVariantRoot": "default",
1743
+ "menuitemItemCheckboxVariantActiveRoot": "on",
1744
+ "menuitemItemCheckboxVariantActiveRoot:1": "off",
1745
+ "menuitemItemCheckboxVariantText": "default",
1746
+ "menuitemItemCheckboxVariantActiveText": "on",
1747
+ "menuitemItemCheckboxVariantActiveText:1": "off",
1748
+ "menuitemItemCheckboxVariantStartIcon": "default",
1749
+ "menuitemItemCheckboxVariantActiveStartIcon": "on",
1750
+ "menuitemItemCheckboxVariantActiveStartIcon:1": "off",
1751
+ "menuitemItemCheckboxVariantEndIcon": "default",
1752
+ "menuitemItemCheckboxVariantActiveEndIcon": "on",
1753
+ "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
2300
1754
  },
2301
- "getStylesLiterals": {},
2302
1755
  "cxLiterals": [
2303
- "uds-ring"
1756
+ "uds-menu-item-checkbox"
2304
1757
  ],
2305
1758
  "internalComponents": [
2306
- "ChipBase"
1759
+ "MenuItemBase"
2307
1760
  ],
2308
- "internalComponentProps": {
2309
- "ChipBase": {
2310
- "as": [
2311
- "a"
2312
- ]
2313
- }
2314
- },
2315
- "propToVariantKeys": {
2316
- "variant": [
2317
- "chipLinkVariantRoot",
2318
- "chipLinkVariantIcon"
2319
- ]
2320
- },
1761
+ "internalComponentProps": {},
1762
+ "propToVariantKeys": {},
2321
1763
  "runtimeConfigDefaultProps": {},
2322
1764
  "runtimeConfigGetStyles": {},
2323
1765
  "runtimeConfigInternalComponentProps": {},
2324
1766
  "motionVarPrefixes": []
2325
1767
  },
2326
- "ChipToggle": {
2327
- "name": "ChipToggle",
2328
- "defaultProps": {
2329
- "variant": "primary",
2330
- "role": "checkbox"
2331
- },
2332
- "getStylesLiterals": {
2333
- "chipToggleVariantActiveRoot": "on",
2334
- "chipToggleVariantActiveRoot:1": "off"
2335
- },
1768
+ "Menu.Provider": {
1769
+ "name": "Menu.Provider",
1770
+ "defaultProps": {},
1771
+ "getStylesLiterals": {},
1772
+ "cxLiterals": [],
1773
+ "internalComponents": [
1774
+ "AriakitMenuProvider",
1775
+ "SpringMotionConfig"
1776
+ ],
1777
+ "internalComponentProps": {},
1778
+ "propToVariantKeys": {},
1779
+ "runtimeConfigDefaultProps": {},
1780
+ "runtimeConfigGetStyles": {},
1781
+ "runtimeConfigInternalComponentProps": {},
1782
+ "motionVarPrefixes": [
1783
+ "--uds-motion-subtle-3-",
1784
+ "--uds-motion-smooth-3-"
1785
+ ]
1786
+ },
1787
+ "Menu.Trigger": {
1788
+ "name": "Menu.Trigger",
1789
+ "defaultProps": {},
1790
+ "getStylesLiterals": {},
2336
1791
  "cxLiterals": [
2337
- "uds-ring"
1792
+ "uds-menu-trigger"
2338
1793
  ],
2339
1794
  "internalComponents": [
2340
- "ChipBase"
1795
+ "AriakitMenuTrigger",
1796
+ "Box"
2341
1797
  ],
2342
1798
  "internalComponentProps": {
2343
- "ChipBase": {
2344
- "as": [
2345
- "button"
1799
+ "Box": {
1800
+ "className": [
1801
+ "uds-ring h-fit w-fit"
2346
1802
  ]
2347
1803
  }
2348
1804
  },
2349
- "propToVariantKeys": {
2350
- "variant": [
2351
- "chipToggleVariantRoot",
2352
- "chipToggleVariantIcon"
2353
- ]
2354
- },
1805
+ "propToVariantKeys": {},
2355
1806
  "runtimeConfigDefaultProps": {},
2356
1807
  "runtimeConfigGetStyles": {},
2357
1808
  "runtimeConfigInternalComponentProps": {},
2358
1809
  "motionVarPrefixes": []
2359
1810
  },
2360
- "Popover": {
2361
- "name": "Popover",
1811
+ "Menu.index": {
1812
+ "name": "Menu.index",
1813
+ "defaultProps": {},
1814
+ "getStylesLiterals": {},
1815
+ "cxLiterals": [],
1816
+ "internalComponents": [],
1817
+ "internalComponentProps": {},
1818
+ "propToVariantKeys": {},
1819
+ "runtimeConfigDefaultProps": {},
1820
+ "runtimeConfigGetStyles": {},
1821
+ "runtimeConfigInternalComponentProps": {},
1822
+ "motionVarPrefixes": []
1823
+ },
1824
+ "Menu": {
1825
+ "name": "Menu",
1826
+ "defaultProps": {},
1827
+ "getStylesLiterals": {},
1828
+ "cxLiterals": [],
1829
+ "internalComponents": [],
1830
+ "internalComponentProps": {},
1831
+ "propToVariantKeys": {},
1832
+ "runtimeConfigDefaultProps": {},
1833
+ "runtimeConfigGetStyles": {},
1834
+ "runtimeConfigInternalComponentProps": {},
1835
+ "motionVarPrefixes": []
1836
+ },
1837
+ "Chip": {
1838
+ "name": "Chip",
2362
1839
  "defaultProps": {},
2363
1840
  "getStylesLiterals": {},
2364
1841
  "cxLiterals": [],
2365
1842
  "internalComponents": [
2366
- "PopoverInternalContext.Provider",
2367
- "PopoverProvider"
1843
+ "ChipDismissible",
1844
+ "ChipToggle",
1845
+ "ChipLink",
1846
+ "ChipButton"
2368
1847
  ],
2369
1848
  "internalComponentProps": {},
2370
1849
  "propToVariantKeys": {},
2371
- "runtimeConfigDefaultProps": {
2372
- "size": "popover.defaultSize",
2373
- "variant": "popover.defaultVariant"
2374
- },
1850
+ "runtimeConfigDefaultProps": {},
2375
1851
  "runtimeConfigGetStyles": {},
2376
1852
  "runtimeConfigInternalComponentProps": {},
2377
1853
  "motionVarPrefixes": []
2378
1854
  },
2379
- "PopoverContent": {
2380
- "name": "PopoverContent",
2381
- "defaultProps": {},
2382
- "getStylesLiterals": {
2383
- "popoverSizeRoot": "default",
2384
- "popoverVariantRoot": "default",
2385
- "display": "flex",
2386
- "position": "relative",
2387
- "display:1": "block",
2388
- "spacingTop": "0",
2389
- "spacingStart": "0",
2390
- "spacingBottom": "0",
2391
- "spacingEnd": "0",
2392
- "popoverSizeSvgBase": "default",
2393
- "popoverVariantSvgBase": "default",
2394
- "popoverSizeSvgBorder": "default",
2395
- "popoverVariantSvgBorder": "default",
2396
- "popoverVariantBlur": "default",
2397
- "position:1": "absolute",
2398
- "width": "full",
2399
- "height": "full",
2400
- "flexShrink": "0",
2401
- "borderRadius": "full",
2402
- "alignItems": "center",
2403
- "justifyContent": "center",
2404
- "popoverVariantCloseIcon": "default",
2405
- "popoverSizeCloseIcon": "default"
1855
+ "ChipBase": {
1856
+ "name": "ChipBase",
1857
+ "defaultProps": {
1858
+ "size": "md",
1859
+ "as": "div"
2406
1860
  },
1861
+ "getStylesLiterals": {},
2407
1862
  "cxLiterals": [
2408
- "z-[9999]",
2409
- "outline-none",
2410
- "focus-visible:outline-none",
2411
- "uds-bgBlurFillFallback",
2412
- "uds-bgBlurFallback",
2413
- "top-0",
2414
- "left-0",
2415
- "z-[1]",
2416
- "duration-0",
2417
- "duration-120",
2418
- "transition-[background-color]",
2419
- "bg-carbon-15/0",
2420
- "hover:bg-carbon-15/10",
2421
- "active:bg-carbon-15/15",
2422
- "uds-ring",
2423
- "absolute",
2424
- "z-[4]"
1863
+ "pointer-events-none",
1864
+ "cursor-default",
1865
+ "opacity-50",
1866
+ "inline-flex",
1867
+ "items-center",
1868
+ "transition-[background-color,outline-color,box-shadow]",
1869
+ "truncate",
1870
+ "whitespace-nowrap",
1871
+ "text-center",
1872
+ "flex-1"
2425
1873
  ],
2426
1874
  "internalComponents": [
2427
- "PopoverDismiss",
2428
1875
  "IconSlot",
2429
- "PopoverArrow",
2430
- "Popover",
2431
- "SvgFloatingOverlay",
2432
- "Box",
2433
- "Pressable"
1876
+ "HStack",
1877
+ "As",
1878
+ "Text"
2434
1879
  ],
2435
- "internalComponentProps": {},
2436
- "propToVariantKeys": {
2437
- "closeIcon": [
2438
- "icon"
2439
- ]
2440
- },
2441
- "runtimeConfigDefaultProps": {
2442
- "size": "popover.defaultSize",
2443
- "variant": "popover.defaultVariant"
1880
+ "internalComponentProps": {
1881
+ "Text": {
1882
+ "as": [
1883
+ "span"
1884
+ ],
1885
+ "color": [
1886
+ "current"
1887
+ ],
1888
+ "variant": [
1889
+ "inherit"
1890
+ ]
1891
+ }
2444
1892
  },
2445
- "runtimeConfigGetStyles": {
2446
- "spacingTop": [
2447
- "popover.spacingVertical.${size}"
2448
- ],
2449
- "spacingStart": [
2450
- "popover.spacingHorizontal.${size}"
1893
+ "propToVariantKeys": {
1894
+ "size": [
1895
+ "chipSizeRoot",
1896
+ "chipSizeIcon"
2451
1897
  ],
2452
- "spacingBottom": [
2453
- "popover.spacingVertical.${size}"
1898
+ "startIcon": [
1899
+ "icon"
2454
1900
  ],
2455
- "spacingEnd": [
2456
- "popover.spacingHorizontal.${size}"
1901
+ "endIcon": [
1902
+ "icon"
2457
1903
  ]
2458
1904
  },
2459
- "runtimeConfigInternalComponentProps": {
2460
- "SvgFloatingOverlay": {
2461
- "borderRadius": [
2462
- "popover.borderRadius.${size}"
2463
- ]
2464
- }
2465
- },
2466
- "motionVarPrefixes": []
2467
- },
2468
- "PopoverContext": {
2469
- "name": "PopoverContext",
2470
- "defaultProps": {},
2471
- "getStylesLiterals": {},
2472
- "cxLiterals": [],
2473
- "internalComponents": [],
2474
- "internalComponentProps": {},
2475
- "propToVariantKeys": {},
2476
1905
  "runtimeConfigDefaultProps": {},
2477
1906
  "runtimeConfigGetStyles": {},
2478
1907
  "runtimeConfigInternalComponentProps": {},
2479
1908
  "motionVarPrefixes": []
2480
1909
  },
2481
- "PopoverTrigger": {
2482
- "name": "PopoverTrigger",
2483
- "defaultProps": {},
1910
+ "ChipButton": {
1911
+ "name": "ChipButton",
1912
+ "defaultProps": {
1913
+ "variant": "primary"
1914
+ },
2484
1915
  "getStylesLiterals": {},
2485
- "cxLiterals": [],
1916
+ "cxLiterals": [
1917
+ "uds-ring"
1918
+ ],
2486
1919
  "internalComponents": [
2487
- "PopoverDisclosure"
1920
+ "ChipBase"
2488
1921
  ],
2489
1922
  "internalComponentProps": {
2490
- "PopoverDisclosure": {
2491
- "className": [
2492
- "inline"
1923
+ "ChipBase": {
1924
+ "as": [
1925
+ "button"
2493
1926
  ]
2494
1927
  }
2495
1928
  },
2496
1929
  "propToVariantKeys": {
2497
- "children": [
2498
- "render"
1930
+ "variant": [
1931
+ "chipLinkVariantRoot",
1932
+ "chipLinkVariantIcon"
2499
1933
  ]
2500
1934
  },
2501
1935
  "runtimeConfigDefaultProps": {},
@@ -2503,161 +1937,297 @@
2503
1937
  "runtimeConfigInternalComponentProps": {},
2504
1938
  "motionVarPrefixes": []
2505
1939
  },
2506
- "UDSPopoverConfigProvider": {
2507
- "name": "UDSPopoverConfigProvider",
2508
- "defaultProps": {},
1940
+ "ChipDismissible": {
1941
+ "name": "ChipDismissible",
1942
+ "defaultProps": {
1943
+ "variant": "primary"
1944
+ },
2509
1945
  "getStylesLiterals": {},
2510
- "cxLiterals": [],
1946
+ "cxLiterals": [
1947
+ "uds-chip-dismissible-button",
1948
+ "uds-hit-target",
1949
+ "uds-ring",
1950
+ "rounded-full"
1951
+ ],
2511
1952
  "internalComponents": [
2512
- "PopoverContext.Provider"
1953
+ "ChipBase",
1954
+ "IconSlot",
1955
+ "Pressable"
2513
1956
  ],
2514
1957
  "internalComponentProps": {},
2515
- "propToVariantKeys": {},
1958
+ "propToVariantKeys": {
1959
+ "variant": [
1960
+ "chipDismissibleVariantRoot",
1961
+ "chipDismissibleVariantIcon"
1962
+ ],
1963
+ "dismissButtonAriaLabel": [
1964
+ "aria-label"
1965
+ ]
1966
+ },
2516
1967
  "runtimeConfigDefaultProps": {},
2517
1968
  "runtimeConfigGetStyles": {},
2518
1969
  "runtimeConfigInternalComponentProps": {},
2519
1970
  "motionVarPrefixes": []
2520
1971
  },
2521
- "Radio": {
2522
- "name": "Radio",
1972
+ "ChipLink": {
1973
+ "name": "ChipLink",
1974
+ "defaultProps": {
1975
+ "variant": "primary"
1976
+ },
1977
+ "getStylesLiterals": {},
1978
+ "cxLiterals": [
1979
+ "uds-ring"
1980
+ ],
1981
+ "internalComponents": [
1982
+ "ChipBase"
1983
+ ],
1984
+ "internalComponentProps": {
1985
+ "ChipBase": {
1986
+ "as": [
1987
+ "a"
1988
+ ]
1989
+ }
1990
+ },
1991
+ "propToVariantKeys": {
1992
+ "variant": [
1993
+ "chipLinkVariantRoot",
1994
+ "chipLinkVariantIcon"
1995
+ ]
1996
+ },
1997
+ "runtimeConfigDefaultProps": {},
1998
+ "runtimeConfigGetStyles": {},
1999
+ "runtimeConfigInternalComponentProps": {},
2000
+ "motionVarPrefixes": []
2001
+ },
2002
+ "ChipToggle": {
2003
+ "name": "ChipToggle",
2523
2004
  "defaultProps": {
2524
- "labelPosition": "start",
2525
2005
  "variant": "primary",
2526
- "size": "md",
2527
- "value": ""
2006
+ "role": "checkbox"
2528
2007
  },
2529
2008
  "getStylesLiterals": {
2530
- "radioVariantValueRoot": "checked",
2531
- "radioVariantValueRoot:1": "unchecked",
2532
- "display": "flex",
2533
- "flexDirection": "row",
2534
- "flexDirection:1": "row-reverse",
2535
- "alignItems": "center",
2536
- "radioVariantValueRadio": "checked",
2537
- "radioVariantValueRadio:1": "unchecked",
2538
- "radioVariantValueRadioCircle": "checked",
2539
- "radioVariantValueRadioCircle:1": "unchecked"
2009
+ "chipToggleVariantActiveRoot": "on",
2010
+ "chipToggleVariantActiveRoot:1": "off"
2540
2011
  },
2541
2012
  "cxLiterals": [
2542
- "cursor-pointer",
2543
- "cursor-default",
2544
- "opacity-50",
2545
- "border",
2546
- "uds-ring",
2547
- "uds-ring-within",
2548
- "transition-[background-color,border-color]",
2549
- "transition-shadow",
2550
- "pointer-events-none",
2551
- "w-[8px]",
2552
- "h-[8px]",
2553
- "transition-opacity",
2554
- "cursor-[inherit]",
2555
- "absolute",
2556
- "opacity-0",
2557
- "top-1/2",
2558
- "left-1/2",
2559
- "w-[calc(100%+2px)]",
2560
- "h-[calc(100%+2px)]",
2561
- "transform",
2562
- "translate-x-[-50%]",
2563
- "translate-y-[-50%]",
2564
- "text-start",
2565
- "text-end"
2013
+ "uds-ring"
2566
2014
  ],
2567
2015
  "internalComponents": [
2568
- "Box",
2569
- "FormLabel",
2570
- "SpringMotionConfig",
2571
- "RootElement",
2572
- "MotionBox"
2016
+ "ChipBase"
2573
2017
  ],
2574
2018
  "internalComponentProps": {
2575
- "Box": {
2576
- "borderRadius": [
2577
- "full"
2578
- ]
2579
- },
2580
- "FormLabel": {
2019
+ "ChipBase": {
2581
2020
  "as": [
2582
- "div"
2583
- ],
2584
- "variant": [
2585
- "inherit"
2586
- ],
2587
- "color": [
2588
- "inherit"
2589
- ]
2590
- },
2591
- "RootElement": {
2592
- "data-testid": [
2593
- "container"
2021
+ "button"
2594
2022
  ]
2595
- },
2596
- "MotionBox": {
2597
- "position": [
2598
- "relative"
2599
- ],
2600
- "borderRadius": [
2601
- "full"
2602
- ],
2603
- "alignItems": [
2604
- "center"
2605
- ],
2606
- "justifyContent": [
2607
- "center"
2608
- ],
2609
- "flex": [
2610
- "none"
2023
+ }
2024
+ },
2025
+ "propToVariantKeys": {
2026
+ "variant": [
2027
+ "chipToggleVariantRoot",
2028
+ "chipToggleVariantIcon"
2029
+ ]
2030
+ },
2031
+ "runtimeConfigDefaultProps": {},
2032
+ "runtimeConfigGetStyles": {},
2033
+ "runtimeConfigInternalComponentProps": {},
2034
+ "motionVarPrefixes": []
2035
+ },
2036
+ "Modal": {
2037
+ "name": "Modal",
2038
+ "defaultProps": {
2039
+ "closeAriaLabel": "Close",
2040
+ "maxWidth": "auto",
2041
+ "maxHeight": "auto",
2042
+ "scrollBehavior": "outside"
2043
+ },
2044
+ "getStylesLiterals": {
2045
+ "flexDirection": "row-reverse",
2046
+ "justifyContent": "space-between",
2047
+ "alignItems": "flex-end",
2048
+ "alignItems:1": "flex-start",
2049
+ "borderRadius": "full"
2050
+ },
2051
+ "cxLiterals": [
2052
+ "fixed",
2053
+ "inset-0",
2054
+ "z-40",
2055
+ "overflow-y-auto",
2056
+ "overflow-hidden",
2057
+ "transition-[opacity,visibility]",
2058
+ "visible",
2059
+ "opacity-100",
2060
+ "invisible",
2061
+ "opacity-0",
2062
+ "pointer-events-none",
2063
+ "uds-bgBlurFallback",
2064
+ "w-full",
2065
+ "w-fit",
2066
+ "h-full",
2067
+ "h-fit",
2068
+ "m-auto",
2069
+ "pointer-events-auto",
2070
+ "inside",
2071
+ "max-h-full",
2072
+ "transition-transform",
2073
+ "duration-0",
2074
+ "duration-120",
2075
+ "transition-[background-color]",
2076
+ "bg-carbon-15/0",
2077
+ "hover:bg-carbon-15/10",
2078
+ "active:bg-carbon-15/15",
2079
+ "uds-ring",
2080
+ "[translate:50%_-50%]"
2081
+ ],
2082
+ "internalComponents": [
2083
+ "Scrim",
2084
+ "VStack",
2085
+ "Pressable",
2086
+ "IconSlot",
2087
+ "Box",
2088
+ "Dialog",
2089
+ "ModalContext.Provider",
2090
+ "HStack",
2091
+ "DialogDismiss",
2092
+ "ModalTitle",
2093
+ "ModalDescription",
2094
+ "ModalContent",
2095
+ "ModalActions"
2096
+ ],
2097
+ "internalComponentProps": {
2098
+ "Box": {
2099
+ "flexGrow": [
2100
+ "1"
2611
2101
  ]
2612
2102
  }
2613
2103
  },
2614
2104
  "propToVariantKeys": {
2105
+ "gutter": [
2106
+ "spacing"
2107
+ ],
2615
2108
  "size": [
2616
- "radioSizeRoot",
2617
- "radioSizeRadio"
2109
+ "modalSizeRoot",
2110
+ "modalSizeSpacingHorizontal",
2111
+ "modalSizeHeader",
2112
+ "modalSizeTitleDescriptionWrapper",
2113
+ "modalSizeCloseIconContainer",
2114
+ "modalSizeCloseIcon"
2618
2115
  ],
2619
2116
  "variant": [
2620
- "radioVariantRoot",
2621
- "radioVariantRadio",
2622
- "radioVariantRadioCircle"
2117
+ "modalVariantRoot",
2118
+ "modalVariantCloseIcon"
2623
2119
  ],
2624
- "reduceMotion": [
2625
- "reducedMotion"
2120
+ "closeAriaLabel": [
2121
+ "aria-label"
2122
+ ],
2123
+ "closeIcon": [
2124
+ "icon"
2125
+ ]
2126
+ },
2127
+ "runtimeConfigDefaultProps": {
2128
+ "size": "modal.defaultSize",
2129
+ "variant": "modal.defaultVariant"
2130
+ },
2131
+ "runtimeConfigGetStyles": {
2132
+ "spacing": [
2133
+ "modal.gutter.${size}"
2134
+ ],
2135
+ "modalSizeRoot": [
2136
+ "modal.defaultSize"
2137
+ ],
2138
+ "modalVariantRoot": [
2139
+ "modal.defaultVariant"
2140
+ ],
2141
+ "modalSizeSpacingHorizontal": [
2142
+ "modal.defaultSize"
2143
+ ],
2144
+ "modalSizeHeader": [
2145
+ "modal.defaultSize"
2146
+ ],
2147
+ "modalSizeTitleDescriptionWrapper": [
2148
+ "modal.defaultSize"
2149
+ ],
2150
+ "modalSizeCloseIconContainer": [
2151
+ "modal.defaultSize"
2152
+ ],
2153
+ "modalSizeCloseIcon": [
2154
+ "modal.defaultSize"
2155
+ ],
2156
+ "modalVariantCloseIcon": [
2157
+ "modal.defaultVariant"
2626
2158
  ]
2627
2159
  },
2628
- "runtimeConfigDefaultProps": {},
2629
- "runtimeConfigGetStyles": {},
2630
2160
  "runtimeConfigInternalComponentProps": {},
2631
- "motionVarPrefixes": [
2632
- "--uds-motion-subtle-3-",
2633
- "--uds-motion-smooth-3-"
2634
- ]
2161
+ "motionVarPrefixes": []
2635
2162
  },
2636
- "RadioGroupProvider": {
2637
- "name": "RadioGroupProvider",
2163
+ "ModalActions": {
2164
+ "name": "ModalActions",
2638
2165
  "defaultProps": {},
2639
- "getStylesLiterals": {},
2166
+ "getStylesLiterals": {
2167
+ "flexDirection": "row-reverse",
2168
+ "justifyContent": "space-between",
2169
+ "alignItems": "center"
2170
+ },
2171
+ "cxLiterals": [
2172
+ "gap-[inherit]"
2173
+ ],
2174
+ "internalComponents": [
2175
+ "HStack"
2176
+ ],
2177
+ "internalComponentProps": {},
2178
+ "propToVariantKeys": {
2179
+ "size": [
2180
+ "modalSizeSpacingHorizontal",
2181
+ "modalSizeActions"
2182
+ ]
2183
+ },
2184
+ "runtimeConfigDefaultProps": {
2185
+ "size": "modal.defaultSize",
2186
+ "variant": "modal.defaultVariant"
2187
+ },
2188
+ "runtimeConfigGetStyles": {
2189
+ "modalSizeSpacingHorizontal": [
2190
+ "modal.defaultSize"
2191
+ ],
2192
+ "modalSizeActions": [
2193
+ "modal.defaultSize"
2194
+ ]
2195
+ },
2196
+ "runtimeConfigInternalComponentProps": {},
2197
+ "motionVarPrefixes": []
2198
+ },
2199
+ "ModalContent": {
2200
+ "name": "ModalContent",
2201
+ "defaultProps": {},
2202
+ "getStylesLiterals": {
2203
+ "overflowY": "auto",
2204
+ "display": "block",
2205
+ "flexGrow": "1"
2206
+ },
2640
2207
  "cxLiterals": [],
2641
2208
  "internalComponents": [
2642
- "DivProps",
2643
- "Comp",
2644
- "RadioGroupContext.Provider"
2209
+ "Box"
2645
2210
  ],
2646
- "internalComponentProps": {
2647
- "Comp": {
2648
- "role": [
2649
- "radiogroup"
2650
- ]
2651
- }
2211
+ "internalComponentProps": {},
2212
+ "propToVariantKeys": {
2213
+ "size": [
2214
+ "modalSizeSpacingHorizontal"
2215
+ ]
2216
+ },
2217
+ "runtimeConfigDefaultProps": {
2218
+ "size": "modal.defaultSize",
2219
+ "variant": "modal.defaultVariant"
2220
+ },
2221
+ "runtimeConfigGetStyles": {
2222
+ "modalSizeSpacingHorizontal": [
2223
+ "modal.defaultSize"
2224
+ ]
2652
2225
  },
2653
- "propToVariantKeys": {},
2654
- "runtimeConfigDefaultProps": {},
2655
- "runtimeConfigGetStyles": {},
2656
2226
  "runtimeConfigInternalComponentProps": {},
2657
2227
  "motionVarPrefixes": []
2658
2228
  },
2659
- "RadioGroupStore": {
2660
- "name": "RadioGroupStore",
2229
+ "ModalContext": {
2230
+ "name": "ModalContext",
2661
2231
  "defaultProps": {},
2662
2232
  "getStylesLiterals": {},
2663
2233
  "cxLiterals": [],
@@ -2669,162 +2239,191 @@
2669
2239
  "runtimeConfigInternalComponentProps": {},
2670
2240
  "motionVarPrefixes": []
2671
2241
  },
2672
- "Menu.Content": {
2673
- "name": "Menu.Content",
2674
- "defaultProps": {
2675
- "size": "default",
2676
- "variant": "default",
2677
- "gutter": "1"
2678
- },
2242
+ "ModalDescription": {
2243
+ "name": "ModalDescription",
2244
+ "defaultProps": {},
2679
2245
  "getStylesLiterals": {},
2680
- "cxLiterals": [
2681
- "uds-menu-content",
2682
- "transition-shadow",
2683
- "duration-200",
2684
- "ease-in-out",
2685
- "min-w-60",
2686
- "max-w-lg",
2687
- "max-h-96",
2688
- "overflow-auto",
2689
- "uds-ring",
2690
- "z-10",
2691
- "group"
2692
- ],
2246
+ "cxLiterals": [],
2693
2247
  "internalComponents": [
2694
- "AriakitMenu",
2695
- "AnimatePresence",
2696
- "MotionVStack"
2248
+ "Text",
2249
+ "DialogDescription"
2697
2250
  ],
2698
- "internalComponentProps": {},
2251
+ "internalComponentProps": {
2252
+ "Text": {
2253
+ "as": [
2254
+ "span"
2255
+ ]
2256
+ }
2257
+ },
2699
2258
  "propToVariantKeys": {
2700
2259
  "size": [
2701
- "menucontentSizeRoot"
2260
+ "modalSizeDescription"
2702
2261
  ],
2703
2262
  "variant": [
2704
- "menucontentVariantRoot"
2263
+ "modalVariantDescription"
2264
+ ]
2265
+ },
2266
+ "runtimeConfigDefaultProps": {
2267
+ "size": "modal.defaultSize",
2268
+ "variant": "modal.defaultVariant"
2269
+ },
2270
+ "runtimeConfigGetStyles": {
2271
+ "modalSizeDescription": [
2272
+ "modal.defaultSize"
2273
+ ],
2274
+ "modalVariantDescription": [
2275
+ "modal.defaultVariant"
2705
2276
  ]
2706
2277
  },
2707
- "runtimeConfigDefaultProps": {},
2708
- "runtimeConfigGetStyles": {},
2709
2278
  "runtimeConfigInternalComponentProps": {},
2710
2279
  "motionVarPrefixes": []
2711
2280
  },
2712
- "Menu.Divider": {
2713
- "name": "Menu.Divider",
2714
- "defaultProps": {
2715
- "role": "separator",
2716
- "contentPosition": "start",
2717
- "gap": "4"
2718
- },
2719
- "getStylesLiterals": {
2720
- "menuitemDividerVariantRoot": "default",
2721
- "menuitemDividerVariantText": "default",
2722
- "menuitemDividerVariantLine": "default"
2723
- },
2281
+ "ModalTitle": {
2282
+ "name": "ModalTitle",
2283
+ "defaultProps": {},
2284
+ "getStylesLiterals": {},
2724
2285
  "cxLiterals": [],
2725
2286
  "internalComponents": [
2726
- "DividerInternal"
2287
+ "Text",
2288
+ "DialogHeading"
2727
2289
  ],
2728
2290
  "internalComponentProps": {
2729
- "DividerInternal": {
2730
- "variant": [
2731
- "inherit"
2291
+ "Text": {
2292
+ "as": [
2293
+ "span"
2732
2294
  ]
2733
2295
  }
2734
2296
  },
2297
+ "propToVariantKeys": {
2298
+ "size": [
2299
+ "modalSizeTitle"
2300
+ ],
2301
+ "variant": [
2302
+ "modalVariantTitle"
2303
+ ]
2304
+ },
2305
+ "runtimeConfigDefaultProps": {
2306
+ "size": "modal.defaultSize",
2307
+ "variant": "modal.defaultVariant"
2308
+ },
2309
+ "runtimeConfigGetStyles": {
2310
+ "modalSizeTitle": [
2311
+ "modal.defaultSize"
2312
+ ],
2313
+ "modalVariantTitle": [
2314
+ "modal.defaultVariant"
2315
+ ]
2316
+ },
2317
+ "runtimeConfigInternalComponentProps": {},
2318
+ "motionVarPrefixes": []
2319
+ },
2320
+ "UDSModalConfigProvider": {
2321
+ "name": "UDSModalConfigProvider",
2322
+ "defaultProps": {},
2323
+ "getStylesLiterals": {},
2324
+ "cxLiterals": [],
2325
+ "internalComponents": [
2326
+ "ModalContext.Provider"
2327
+ ],
2328
+ "internalComponentProps": {},
2735
2329
  "propToVariantKeys": {},
2736
2330
  "runtimeConfigDefaultProps": {},
2737
2331
  "runtimeConfigGetStyles": {},
2738
2332
  "runtimeConfigInternalComponentProps": {},
2739
2333
  "motionVarPrefixes": []
2740
2334
  },
2741
- "Menu.Item": {
2742
- "name": "Menu.Item",
2743
- "defaultProps": {},
2744
- "getStylesLiterals": {
2745
- "menuitemItemVariantRoot": "default",
2746
- "menuitemItemVariantActiveRoot": "on",
2747
- "menuitemItemVariantActiveRoot:1": "off",
2748
- "menuitemItemVariantText": "default",
2749
- "menuitemItemVariantActiveText": "on",
2750
- "menuitemItemVariantActiveText:1": "off",
2751
- "menuitemItemVariantIcon": "default",
2752
- "menuitemItemVariantActiveIcon": "on",
2753
- "menuitemItemVariantActiveIcon:1": "off"
2754
- },
2755
- "cxLiterals": [],
2756
- "internalComponents": [
2757
- "MenuItemBase"
2758
- ],
2759
- "internalComponentProps": {},
2760
- "propToVariantKeys": {},
2761
- "runtimeConfigDefaultProps": {},
2762
- "runtimeConfigGetStyles": {},
2763
- "runtimeConfigInternalComponentProps": {},
2764
- "motionVarPrefixes": []
2765
- },
2766
- "Menu.ItemBase": {
2767
- "name": "Menu.ItemBase",
2335
+ "Input": {
2336
+ "name": "Input",
2768
2337
  "defaultProps": {
2769
- "spacing": "0",
2770
- "spacingHorizontal": "4",
2771
- "spacingVertical": "3.5",
2772
- "columnGap": "2",
2773
- "alignItems": "center",
2774
- "justifyContent": "space-between"
2338
+ "type": "text",
2339
+ "size": "md",
2340
+ "width": "full"
2775
2341
  },
2776
2342
  "getStylesLiterals": {
2777
- "textAlign": "start",
2778
- "menuitemSizeRoot": "default",
2779
- "flexDirection": "row",
2780
- "menuitemSizeStartIcon": "default",
2781
- "menuitemSizeEndIcon": "default"
2343
+ "inputVariantRoot": "default",
2344
+ "inputVariantValueRoot": "empty",
2345
+ "inputVariantValueRoot:1": "filled",
2346
+ "inputVariantInputWrapper": "default",
2347
+ "inputVariantValueInputWrapper": "empty",
2348
+ "inputVariantValueInputWrapper:1": "filled",
2349
+ "inputVariantInput": "default",
2350
+ "inputVariantValueInput": "empty",
2351
+ "inputVariantValueInput:1": "filled",
2352
+ "inputVariantInputPlaceholder": "default",
2353
+ "inputVariantValueInputPlaceholder": "empty",
2354
+ "inputVariantValueInputPlaceholder:1": "filled",
2355
+ "inputVariantLabel": "default",
2356
+ "inputVariantValueLabel": "empty",
2357
+ "inputVariantValueLabel:1": "filled",
2358
+ "inputVariantLabelRequired": "default",
2359
+ "inputVariantValueLabelRequired": "empty",
2360
+ "inputVariantValueLabelRequired:1": "filled",
2361
+ "inputVariantStartIcon": "default",
2362
+ "inputVariantValueStartIcon": "empty",
2363
+ "inputVariantValueStartIcon:1": "filled",
2364
+ "inputVariantEndIcon": "default",
2365
+ "inputVariantValueEndIcon": "empty",
2366
+ "inputVariantValueEndIcon:1": "filled"
2782
2367
  },
2783
2368
  "cxLiterals": [
2784
- "flex",
2785
- "focus-visible:text-brand",
2786
- "focus-visible:bg-brand-secondary",
2787
- "focus-visible:z-10",
2788
- "uds-ring",
2789
- "!-outline-offset-2",
2790
- "[&:not([aria-checked])]:cursor-default",
2791
- "opacity-25",
2792
- "cursor-not-allowed",
2793
- "duration-20",
2794
- "transition-[font-variation-settings]",
2795
- "ease-in-out",
2796
- "z-0",
2797
- "uds-start-icon",
2798
- "uds-end-icon"
2369
+ "opacity-50",
2370
+ "min-w-[200px]",
2371
+ "grow",
2372
+ "uds-hit-target",
2373
+ "bg-clip-text",
2374
+ "focus:outline-none",
2375
+ "cursor-text",
2376
+ "cursor-not-allowed"
2799
2377
  ],
2800
2378
  "internalComponents": [
2801
- "Pressable",
2802
2379
  "IconSlot",
2803
- "RootComponent",
2380
+ "StartIcon",
2381
+ "EndIcon",
2382
+ "HelpTextContent",
2383
+ "Box",
2384
+ "InputHelpTextInternal",
2385
+ "VStack",
2804
2386
  "HStack",
2805
- "AnimatePresence"
2387
+ "AnimateHeightChange"
2806
2388
  ],
2807
2389
  "internalComponentProps": {
2808
- "HStack": {
2390
+ "HelpTextContent": {
2391
+ "spacingTop": [
2392
+ "2"
2393
+ ]
2394
+ },
2395
+ "Box": {
2396
+ "spacingBottom": [
2397
+ "2"
2398
+ ],
2399
+ "columnGap": [
2400
+ "0.5"
2401
+ ],
2809
2402
  "alignItems": [
2403
+ "flex-end",
2810
2404
  "center"
2811
2405
  ],
2812
- "width": [
2813
- "full"
2406
+ "position": [
2407
+ "relative"
2814
2408
  ]
2815
2409
  },
2816
- "AnimatePresence": {
2817
- "mode": [
2818
- "popLayout"
2410
+ "HStack": {
2411
+ "alignItems": [
2412
+ "center"
2413
+ ],
2414
+ "gap": [
2415
+ "1"
2819
2416
  ]
2820
2417
  }
2821
2418
  },
2822
2419
  "propToVariantKeys": {
2823
- "startIconClassName": [
2824
- "className"
2825
- ],
2826
- "endIconClassName": [
2827
- "className"
2420
+ "size": [
2421
+ "inputSizeRoot",
2422
+ "inputSizeInputWrapper",
2423
+ "inputSizeInput",
2424
+ "inputSizeLabel",
2425
+ "inputSizeStartIcon",
2426
+ "inputSizeEndIcon"
2828
2427
  ],
2829
2428
  "startIcon": [
2830
2429
  "icon"
@@ -2832,8 +2431,11 @@
2832
2431
  "endIcon": [
2833
2432
  "icon"
2834
2433
  ],
2835
- "columnGap": [
2836
- "gap"
2434
+ "slotProps": [
2435
+ "helperTextSlotProps"
2436
+ ],
2437
+ "helperTextIcon": [
2438
+ "startIcon"
2837
2439
  ]
2838
2440
  },
2839
2441
  "runtimeConfigDefaultProps": {},
@@ -2841,229 +2443,220 @@
2841
2443
  "runtimeConfigInternalComponentProps": {},
2842
2444
  "motionVarPrefixes": []
2843
2445
  },
2844
- "Menu.ItemCheckbox": {
2845
- "name": "Menu.ItemCheckbox",
2846
- "defaultProps": {},
2446
+ "InputHelpText": {
2447
+ "name": "InputHelpText",
2448
+ "defaultProps": {
2449
+ "size": "md"
2450
+ },
2847
2451
  "getStylesLiterals": {
2848
- "menuitemItemCheckboxVariantRoot": "default",
2849
- "menuitemItemCheckboxVariantActiveRoot": "on",
2850
- "menuitemItemCheckboxVariantActiveRoot:1": "off",
2851
- "menuitemItemCheckboxVariantText": "default",
2852
- "menuitemItemCheckboxVariantActiveText": "on",
2853
- "menuitemItemCheckboxVariantActiveText:1": "off",
2854
- "menuitemItemCheckboxVariantStartIcon": "default",
2855
- "menuitemItemCheckboxVariantActiveStartIcon": "on",
2856
- "menuitemItemCheckboxVariantActiveStartIcon:1": "off",
2857
- "menuitemItemCheckboxVariantEndIcon": "default",
2858
- "menuitemItemCheckboxVariantActiveEndIcon": "on",
2859
- "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
2452
+ "inputVariantRoot": "default",
2453
+ "inputVariantValueRoot": "empty",
2454
+ "inputVariantValueRoot:1": "filled"
2860
2455
  },
2861
- "cxLiterals": [
2862
- "uds-menu-item-checkbox"
2863
- ],
2456
+ "cxLiterals": [],
2864
2457
  "internalComponents": [
2865
- "MenuItemBase"
2458
+ "InputHelpTextInternal",
2459
+ "Box"
2866
2460
  ],
2867
- "internalComponentProps": {},
2868
- "propToVariantKeys": {},
2461
+ "internalComponentProps": {
2462
+ "Box": {
2463
+ "spacingTop": [
2464
+ "2"
2465
+ ]
2466
+ }
2467
+ },
2468
+ "propToVariantKeys": {
2469
+ "size": [
2470
+ "inputSizeRoot"
2471
+ ]
2472
+ },
2869
2473
  "runtimeConfigDefaultProps": {},
2870
2474
  "runtimeConfigGetStyles": {},
2871
2475
  "runtimeConfigInternalComponentProps": {},
2872
2476
  "motionVarPrefixes": []
2873
2477
  },
2874
- "Menu.Provider": {
2875
- "name": "Menu.Provider",
2478
+ "InputHelpTextInternal": {
2479
+ "name": "InputHelpTextInternal",
2876
2480
  "defaultProps": {},
2877
- "getStylesLiterals": {},
2481
+ "getStylesLiterals": {
2482
+ "inputVariantHelperText": "default",
2483
+ "inputVariantValueHelperText": "empty",
2484
+ "inputVariantValueHelperText:1": "filled",
2485
+ "inputVariantHelperIcon": "default",
2486
+ "inputVariantValueHelperIcon": "empty",
2487
+ "inputVariantValueHelperIcon:1": "filled"
2488
+ },
2878
2489
  "cxLiterals": [],
2879
2490
  "internalComponents": [
2880
- "AriakitMenuProvider",
2881
- "SpringMotionConfig"
2882
- ],
2883
- "internalComponentProps": {},
2884
- "propToVariantKeys": {},
2885
- "runtimeConfigDefaultProps": {},
2886
- "runtimeConfigGetStyles": {},
2887
- "runtimeConfigInternalComponentProps": {},
2888
- "motionVarPrefixes": [
2889
- "--uds-motion-subtle-3-",
2890
- "--uds-motion-smooth-3-"
2891
- ]
2892
- },
2893
- "Menu.Trigger": {
2894
- "name": "Menu.Trigger",
2895
- "defaultProps": {},
2896
- "getStylesLiterals": {},
2897
- "cxLiterals": [
2898
- "uds-menu-trigger"
2899
- ],
2900
- "internalComponents": [
2901
- "AriakitMenuTrigger",
2902
- "Box"
2491
+ "IconSlot",
2492
+ "HStack"
2903
2493
  ],
2904
2494
  "internalComponentProps": {
2905
- "Box": {
2906
- "className": [
2907
- "uds-ring h-fit w-fit"
2495
+ "HStack": {
2496
+ "gap": [
2497
+ "1"
2498
+ ],
2499
+ "alignItems": [
2500
+ "center"
2908
2501
  ]
2909
2502
  }
2910
2503
  },
2911
- "propToVariantKeys": {},
2504
+ "propToVariantKeys": {
2505
+ "size": [
2506
+ "inputSizeHelperText",
2507
+ "inputSizeHelperIcon"
2508
+ ],
2509
+ "startIcon": [
2510
+ "icon"
2511
+ ],
2512
+ "endIcon": [
2513
+ "icon"
2514
+ ]
2515
+ },
2912
2516
  "runtimeConfigDefaultProps": {},
2913
2517
  "runtimeConfigGetStyles": {},
2914
2518
  "runtimeConfigInternalComponentProps": {},
2915
2519
  "motionVarPrefixes": []
2916
2520
  },
2917
- "Menu.index": {
2918
- "name": "Menu.index",
2521
+ "Popover": {
2522
+ "name": "Popover",
2919
2523
  "defaultProps": {},
2920
2524
  "getStylesLiterals": {},
2921
2525
  "cxLiterals": [],
2922
- "internalComponents": [],
2923
- "internalComponentProps": {},
2924
- "propToVariantKeys": {},
2925
- "runtimeConfigDefaultProps": {},
2926
- "runtimeConfigGetStyles": {},
2927
- "runtimeConfigInternalComponentProps": {},
2928
- "motionVarPrefixes": []
2929
- },
2930
- "Menu": {
2931
- "name": "Menu",
2932
- "defaultProps": {},
2933
- "getStylesLiterals": {},
2934
- "cxLiterals": [],
2935
- "internalComponents": [],
2526
+ "internalComponents": [
2527
+ "PopoverInternalContext.Provider",
2528
+ "PopoverProvider"
2529
+ ],
2936
2530
  "internalComponentProps": {},
2937
2531
  "propToVariantKeys": {},
2938
- "runtimeConfigDefaultProps": {},
2532
+ "runtimeConfigDefaultProps": {
2533
+ "size": "popover.defaultSize",
2534
+ "variant": "popover.defaultVariant"
2535
+ },
2939
2536
  "runtimeConfigGetStyles": {},
2940
2537
  "runtimeConfigInternalComponentProps": {},
2941
2538
  "motionVarPrefixes": []
2942
2539
  },
2943
- "Tab": {
2944
- "name": "Tab",
2945
- "defaultProps": {
2946
- "variant": "primary"
2947
- },
2540
+ "PopoverContent": {
2541
+ "name": "PopoverContent",
2542
+ "defaultProps": {},
2948
2543
  "getStylesLiterals": {
2949
- "tabSizeRoot": "default",
2950
- "tabVariantActiveRoot": "off",
2951
- "tabVariantActiveRoot:1": "on",
2952
- "tabSizeIcon": "default"
2544
+ "popoverSizeRoot": "default",
2545
+ "popoverVariantRoot": "default",
2546
+ "display": "flex",
2547
+ "position": "relative",
2548
+ "display:1": "block",
2549
+ "spacingTop": "0",
2550
+ "spacingStart": "0",
2551
+ "spacingBottom": "0",
2552
+ "spacingEnd": "0",
2553
+ "popoverSizeSvgBase": "default",
2554
+ "popoverVariantSvgBase": "default",
2555
+ "popoverSizeSvgBorder": "default",
2556
+ "popoverVariantSvgBorder": "default",
2557
+ "popoverVariantBlur": "default",
2558
+ "position:1": "absolute",
2559
+ "width": "full",
2560
+ "height": "full",
2561
+ "flexShrink": "0",
2562
+ "borderRadius": "full",
2563
+ "alignItems": "center",
2564
+ "justifyContent": "center",
2565
+ "popoverVariantCloseIcon": "default",
2566
+ "popoverSizeCloseIcon": "default"
2953
2567
  },
2954
2568
  "cxLiterals": [
2955
- "pointer-events-none",
2956
- "absolute",
2957
- "bottom-0",
2569
+ "z-[9999]",
2570
+ "outline-none",
2571
+ "focus-visible:outline-none",
2572
+ "uds-bgBlurFillFallback",
2573
+ "uds-bgBlurFallback",
2574
+ "top-0",
2958
2575
  "left-0",
2959
- "right-0",
2960
- "h-[var(--uds-tab-underline-width,0px)]",
2961
- "bg-[var(--uds-tab-underline-color,transparent)]",
2962
- "transition-[height,background-color]",
2963
- "duration-[240ms]",
2964
- "ease-[cubic-bezier(0.2,0,0,1)]",
2965
- "!bg-transparent",
2966
- "!shadow-none",
2967
- "inline-flex",
2968
- "items-center",
2969
- "shrink-0",
2970
- "box-border",
2971
- "relative",
2972
2576
  "z-[1]",
2973
- "cursor-pointer",
2974
- "select-none",
2975
- "whitespace-nowrap",
2577
+ "duration-0",
2578
+ "duration-120",
2579
+ "transition-[background-color]",
2580
+ "bg-carbon-15/0",
2581
+ "hover:bg-carbon-15/10",
2582
+ "active:bg-carbon-15/15",
2976
2583
  "uds-ring",
2977
- "opacity-50",
2978
- "cursor-default",
2979
- "border-solid",
2980
- "border-b-solid",
2981
- "transition-colors"
2584
+ "absolute",
2585
+ "z-[4]"
2982
2586
  ],
2983
2587
  "internalComponents": [
2588
+ "PopoverDismiss",
2984
2589
  "IconSlot",
2985
- "AriakitTab",
2986
- "Text"
2590
+ "PopoverArrow",
2591
+ "Popover",
2592
+ "SvgFloatingOverlay",
2593
+ "Box",
2594
+ "Pressable"
2987
2595
  ],
2988
- "internalComponentProps": {
2989
- "Text": {
2990
- "variant": [
2991
- "inherit"
2992
- ],
2993
- "as": [
2994
- "span"
2995
- ],
2996
- "color": [
2997
- "current"
2998
- ]
2999
- }
3000
- },
2596
+ "internalComponentProps": {},
3001
2597
  "propToVariantKeys": {
3002
- "variant": [
3003
- "tabVariantRoot",
3004
- "tabVariantIcon"
2598
+ "closeIcon": [
2599
+ "icon"
2600
+ ]
2601
+ },
2602
+ "runtimeConfigDefaultProps": {
2603
+ "size": "popover.defaultSize",
2604
+ "variant": "popover.defaultVariant"
2605
+ },
2606
+ "runtimeConfigGetStyles": {
2607
+ "spacingTop": [
2608
+ "popover.spacingVertical.${size}"
3005
2609
  ],
3006
- "activeState": [
3007
- "tabVariantActiveIcon"
2610
+ "spacingStart": [
2611
+ "popover.spacingHorizontal.${size}"
3008
2612
  ],
3009
- "startIcon": [
3010
- "icon"
2613
+ "spacingBottom": [
2614
+ "popover.spacingVertical.${size}"
3011
2615
  ],
3012
- "endIcon": [
3013
- "icon"
2616
+ "spacingEnd": [
2617
+ "popover.spacingHorizontal.${size}"
3014
2618
  ]
3015
2619
  },
2620
+ "runtimeConfigInternalComponentProps": {
2621
+ "SvgFloatingOverlay": {
2622
+ "borderRadius": [
2623
+ "popover.borderRadius.${size}"
2624
+ ]
2625
+ }
2626
+ },
2627
+ "motionVarPrefixes": []
2628
+ },
2629
+ "PopoverContext": {
2630
+ "name": "PopoverContext",
2631
+ "defaultProps": {},
2632
+ "getStylesLiterals": {},
2633
+ "cxLiterals": [],
2634
+ "internalComponents": [],
2635
+ "internalComponentProps": {},
2636
+ "propToVariantKeys": {},
3016
2637
  "runtimeConfigDefaultProps": {},
3017
2638
  "runtimeConfigGetStyles": {},
3018
2639
  "runtimeConfigInternalComponentProps": {},
3019
2640
  "motionVarPrefixes": []
3020
2641
  },
3021
- "TabList": {
3022
- "name": "TabList",
3023
- "defaultProps": {
3024
- "variant": "primary"
3025
- },
3026
- "getStylesLiterals": {
3027
- "tabSizeRoot": "default",
3028
- "tabVariantActiveRoot": "on"
3029
- },
3030
- "cxLiterals": [
3031
- "pointer-events-none",
3032
- "absolute",
3033
- "bottom-0",
3034
- "left-0",
3035
- "right-0",
3036
- "h-[var(--uds-tab-underline-width,0px)]",
3037
- "bg-[var(--uds-tab-underline-color,transparent)]",
3038
- "transition-[height,background-color]",
3039
- "duration-[240ms]",
3040
- "ease-[cubic-bezier(0.2,0,0,1)]",
3041
- "!m-0",
3042
- "!p-0",
3043
- "!gap-0",
3044
- "box-border",
3045
- "z-0",
3046
- "min-w-0",
3047
- "min-h-0",
3048
- "flex",
3049
- "flex-row",
3050
- "items-center",
3051
- "overflow-x-auto",
3052
- "overflow-y-clip",
3053
- "scrollbar-none",
3054
- "[overflow-clip-margin:6px]",
3055
- "overflow-clip",
3056
- "[overflow-clip-margin:8px]",
3057
- "relative"
3058
- ],
2642
+ "PopoverTrigger": {
2643
+ "name": "PopoverTrigger",
2644
+ "defaultProps": {},
2645
+ "getStylesLiterals": {},
2646
+ "cxLiterals": [],
3059
2647
  "internalComponents": [
3060
- "AriakitTabList"
2648
+ "PopoverDisclosure"
3061
2649
  ],
3062
- "internalComponentProps": {},
2650
+ "internalComponentProps": {
2651
+ "PopoverDisclosure": {
2652
+ "className": [
2653
+ "inline"
2654
+ ]
2655
+ }
2656
+ },
3063
2657
  "propToVariantKeys": {
3064
- "variant": [
3065
- "tabsVariantRoot",
3066
- "tabVariantRoot"
2658
+ "children": [
2659
+ "render"
3067
2660
  ]
3068
2661
  },
3069
2662
  "runtimeConfigDefaultProps": {},
@@ -3071,13 +2664,13 @@
3071
2664
  "runtimeConfigInternalComponentProps": {},
3072
2665
  "motionVarPrefixes": []
3073
2666
  },
3074
- "TabPanel": {
3075
- "name": "TabPanel",
2667
+ "UDSPopoverConfigProvider": {
2668
+ "name": "UDSPopoverConfigProvider",
3076
2669
  "defaultProps": {},
3077
2670
  "getStylesLiterals": {},
3078
2671
  "cxLiterals": [],
3079
2672
  "internalComponents": [
3080
- "AriakitTabPanel"
2673
+ "PopoverContext.Provider"
3081
2674
  ],
3082
2675
  "internalComponentProps": {},
3083
2676
  "propToVariantKeys": {},
@@ -3086,314 +2679,227 @@
3086
2679
  "runtimeConfigInternalComponentProps": {},
3087
2680
  "motionVarPrefixes": []
3088
2681
  },
3089
- "Tabs": {
3090
- "name": "Tabs",
2682
+ "Radio": {
2683
+ "name": "Radio",
3091
2684
  "defaultProps": {
3092
- "variant": "primary"
3093
- },
3094
- "getStylesLiterals": {},
3095
- "cxLiterals": [],
3096
- "internalComponents": [
3097
- "TabsContext.Provider",
3098
- "TabProvider"
3099
- ],
3100
- "internalComponentProps": {},
3101
- "propToVariantKeys": {
3102
- "onSelectionChange": [
3103
- "setSelectedId"
3104
- ]
2685
+ "labelPosition": "start",
2686
+ "variant": "primary",
2687
+ "size": "md",
2688
+ "value": ""
3105
2689
  },
3106
- "runtimeConfigDefaultProps": {},
3107
- "runtimeConfigGetStyles": {},
3108
- "runtimeConfigInternalComponentProps": {},
3109
- "motionVarPrefixes": []
3110
- },
3111
- "Toast": {
3112
- "name": "Toast",
3113
- "defaultProps": {},
3114
2690
  "getStylesLiterals": {
3115
- "className": "animate-spin",
3116
- "className:1": "flex-none",
3117
- "spacing": "2",
3118
- "borderRadius": "full"
3119
- },
2691
+ "radioVariantValueRoot": "checked",
2692
+ "radioVariantValueRoot:1": "unchecked",
2693
+ "display": "flex",
2694
+ "flexDirection": "row",
2695
+ "flexDirection:1": "row-reverse",
2696
+ "alignItems": "center",
2697
+ "radioVariantValueRadio": "checked",
2698
+ "radioVariantValueRadio:1": "unchecked",
2699
+ "radioVariantValueRadioCircle": "checked",
2700
+ "radioVariantValueRadioCircle:1": "unchecked"
2701
+ },
3120
2702
  "cxLiterals": [
3121
- "duration-0",
3122
- "duration-120",
3123
- "transition-[background-color]",
3124
- "bg-carbon-15/0",
3125
- "hover:bg-carbon-15/10",
3126
- "active:bg-carbon-15/15",
3127
- "uds-ring"
2703
+ "cursor-pointer",
2704
+ "cursor-default",
2705
+ "opacity-50",
2706
+ "border",
2707
+ "uds-ring",
2708
+ "uds-ring-within",
2709
+ "transition-[background-color,border-color]",
2710
+ "transition-shadow",
2711
+ "pointer-events-none",
2712
+ "w-[8px]",
2713
+ "h-[8px]",
2714
+ "transition-opacity",
2715
+ "cursor-[inherit]",
2716
+ "absolute",
2717
+ "opacity-0",
2718
+ "top-1/2",
2719
+ "left-1/2",
2720
+ "w-[calc(100%+2px)]",
2721
+ "h-[calc(100%+2px)]",
2722
+ "transform",
2723
+ "translate-x-[-50%]",
2724
+ "translate-y-[-50%]",
2725
+ "text-start",
2726
+ "text-end"
3128
2727
  ],
3129
2728
  "internalComponents": [
3130
- "IconSlot",
3131
- "ToastContainer",
3132
- "Text",
3133
- "Button",
3134
- "Pressable"
2729
+ "Box",
2730
+ "FormLabel",
2731
+ "SpringMotionConfig",
2732
+ "RootElement",
2733
+ "MotionBox"
3135
2734
  ],
3136
- "internalComponentProps": {},
3137
- "propToVariantKeys": {
3138
- "size": [
3139
- "toastSizeLabel",
3140
- "toastSizeIcon",
3141
- "toastSizeActionButton",
3142
- "toastSizeCloseIcon"
3143
- ],
3144
- "variant": [
3145
- "toastVariantIcon",
3146
- "toastVariantActionButton",
3147
- "toastVariantCloseIcon"
3148
- ],
3149
- "closeIcon": [
3150
- "icon"
3151
- ],
3152
- "onClickActionButton": [
3153
- "onClick"
3154
- ]
3155
- },
3156
- "runtimeConfigDefaultProps": {
3157
- "size": "toast.defaultSize",
3158
- "variant": "toast.defaultVariant"
3159
- },
3160
- "runtimeConfigGetStyles": {
3161
- "toastSizeLabel": [
3162
- "toast.defaultSize"
3163
- ],
3164
- "toastVariantIcon": [
3165
- "toast.defaultVariant"
3166
- ],
3167
- "toastSizeIcon": [
3168
- "toast.defaultSize"
3169
- ],
3170
- "toastSizeActionButton": [
3171
- "toast.defaultSize"
3172
- ],
3173
- "toastVariantActionButton": [
3174
- "toast.defaultVariant"
3175
- ],
3176
- "toastVariantCloseIcon": [
3177
- "toast.defaultVariant"
3178
- ],
3179
- "toastSizeCloseIcon": [
3180
- "toast.defaultSize"
3181
- ]
3182
- },
3183
- "runtimeConfigInternalComponentProps": {
3184
- "ToastContainer": {
3185
- "size": [
3186
- "toast.defaultSize"
3187
- ],
3188
- "variant": [
3189
- "toast.defaultVariant"
2735
+ "internalComponentProps": {
2736
+ "Box": {
2737
+ "borderRadius": [
2738
+ "full"
3190
2739
  ]
3191
2740
  },
3192
- "Text": {
2741
+ "FormLabel": {
2742
+ "as": [
2743
+ "div"
2744
+ ],
3193
2745
  "variant": [
3194
- "toast.textVariant.${size}"
2746
+ "inherit"
3195
2747
  ],
3196
2748
  "color": [
3197
- "toast.textColor.${variant}"
2749
+ "inherit"
3198
2750
  ]
3199
2751
  },
3200
- "Button": {
3201
- "size": [
3202
- "toast.buttonSize.${size}"
3203
- ],
3204
- "variant": [
3205
- "toast.buttonVariant.${variant}"
2752
+ "RootElement": {
2753
+ "data-testid": [
2754
+ "container"
3206
2755
  ]
3207
- }
3208
- },
3209
- "motionVarPrefixes": []
3210
- },
3211
- "ToastContainer": {
3212
- "name": "ToastContainer",
3213
- "defaultProps": {},
3214
- "getStylesLiterals": {
3215
- "position": "relative",
3216
- "alignItems": "center",
3217
- "display": "flex",
3218
- "className": "box-border touch-none z-0 w-full break-words mb-2 last:mb-0"
3219
- },
3220
- "cxLiterals": [
3221
- "w-full"
3222
- ],
3223
- "internalComponents": [
3224
- "HStack"
3225
- ],
3226
- "internalComponentProps": {
3227
- "HStack": {
2756
+ },
2757
+ "MotionBox": {
2758
+ "position": [
2759
+ "relative"
2760
+ ],
2761
+ "borderRadius": [
2762
+ "full"
2763
+ ],
3228
2764
  "alignItems": [
3229
2765
  "center"
3230
2766
  ],
3231
2767
  "justifyContent": [
3232
- "space-between"
3233
- ],
3234
- "overflow": [
3235
- "hidden"
2768
+ "center"
3236
2769
  ],
3237
- "position": [
3238
- "relative"
2770
+ "flex": [
2771
+ "none"
3239
2772
  ]
3240
2773
  }
3241
2774
  },
3242
2775
  "propToVariantKeys": {
3243
- "variant": [
3244
- "toastVariantRoot"
3245
- ],
3246
2776
  "size": [
3247
- "toastSizeRoot"
3248
- ]
3249
- },
3250
- "runtimeConfigDefaultProps": {
3251
- "size": "toast.defaultSize",
3252
- "variant": "toast.defaultVariant"
3253
- },
3254
- "runtimeConfigGetStyles": {
3255
- "toastVariantRoot": [
3256
- "toast.defaultVariant"
2777
+ "radioSizeRoot",
2778
+ "radioSizeRadio"
3257
2779
  ],
3258
- "toastSizeRoot": [
3259
- "toast.defaultSize"
2780
+ "variant": [
2781
+ "radioVariantRoot",
2782
+ "radioVariantRadio",
2783
+ "radioVariantRadioCircle"
2784
+ ],
2785
+ "reduceMotion": [
2786
+ "reducedMotion"
3260
2787
  ]
3261
2788
  },
3262
- "runtimeConfigInternalComponentProps": {
3263
- "HStack": {
3264
- "backgroundColor": [
3265
- "toast.backgroundColor.${variant}"
3266
- ]
3267
- }
3268
- },
3269
- "motionVarPrefixes": []
2789
+ "runtimeConfigDefaultProps": {},
2790
+ "runtimeConfigGetStyles": {},
2791
+ "runtimeConfigInternalComponentProps": {},
2792
+ "motionVarPrefixes": [
2793
+ "--uds-motion-subtle-3-",
2794
+ "--uds-motion-smooth-3-"
2795
+ ]
3270
2796
  },
3271
- "ToastPortal": {
3272
- "name": "ToastPortal",
2797
+ "RadioGroupProvider": {
2798
+ "name": "RadioGroupProvider",
3273
2799
  "defaultProps": {},
3274
2800
  "getStylesLiterals": {},
3275
2801
  "cxLiterals": [],
3276
2802
  "internalComponents": [
3277
- "ReactToastifyToastContainer"
2803
+ "DivProps",
2804
+ "Comp",
2805
+ "RadioGroupContext.Provider"
3278
2806
  ],
3279
- "internalComponentProps": {},
3280
- "propToVariantKeys": {},
3281
- "runtimeConfigDefaultProps": {
3282
- "size": "toast.defaultSize",
3283
- "variant": "toast.defaultVariant"
3284
- },
3285
- "runtimeConfigGetStyles": {},
3286
- "runtimeConfigInternalComponentProps": {
3287
- "ReactToastifyToastContainer": {
3288
- "autoClose": [
3289
- "toast.autoClose"
2807
+ "internalComponentProps": {
2808
+ "Comp": {
2809
+ "role": [
2810
+ "radiogroup"
3290
2811
  ]
3291
2812
  }
3292
2813
  },
3293
- "motionVarPrefixes": []
3294
- },
3295
- "UDSToastConfigProvider": {
3296
- "name": "UDSToastConfigProvider",
3297
- "defaultProps": {},
3298
- "getStylesLiterals": {},
3299
- "cxLiterals": [],
3300
- "internalComponents": [
3301
- "ToastContext.Provider"
3302
- ],
3303
- "internalComponentProps": {},
3304
2814
  "propToVariantKeys": {},
3305
2815
  "runtimeConfigDefaultProps": {},
3306
2816
  "runtimeConfigGetStyles": {},
3307
2817
  "runtimeConfigInternalComponentProps": {},
3308
2818
  "motionVarPrefixes": []
3309
2819
  },
3310
- "Tooltip": {
3311
- "name": "Tooltip",
2820
+ "RadioGroupStore": {
2821
+ "name": "RadioGroupStore",
3312
2822
  "defaultProps": {},
3313
2823
  "getStylesLiterals": {},
3314
2824
  "cxLiterals": [],
3315
- "internalComponents": [
3316
- "TooltipInternalContext.Provider",
3317
- "TooltipProvider"
3318
- ],
2825
+ "internalComponents": [],
3319
2826
  "internalComponentProps": {},
3320
2827
  "propToVariantKeys": {},
3321
2828
  "runtimeConfigDefaultProps": {},
3322
2829
  "runtimeConfigGetStyles": {},
3323
- "runtimeConfigInternalComponentProps": {
3324
- "TooltipProvider": {
3325
- "animated": [
3326
- "tooltip.animationDuration"
3327
- ]
3328
- }
3329
- },
2830
+ "runtimeConfigInternalComponentProps": {},
3330
2831
  "motionVarPrefixes": []
3331
2832
  },
3332
- "TooltipContent": {
3333
- "name": "TooltipContent",
3334
- "defaultProps": {},
2833
+ "Tab": {
2834
+ "name": "Tab",
2835
+ "defaultProps": {
2836
+ "variant": "primary"
2837
+ },
3335
2838
  "getStylesLiterals": {
3336
- "tooltipSizeRoot": "default",
3337
- "tooltipVariantRoot": "default",
3338
- "tooltipSizeSvg": "default",
3339
- "tooltipVariantSvg": "default",
3340
- "tooltipVariantBlur": "default",
3341
- "position": "absolute",
3342
- "width": "full",
3343
- "height": "full",
3344
- "tooltipSizeTitle": "default",
3345
- "tooltipSizeBody": "default",
3346
- "tooltipSizeEndContent": "default",
3347
- "tooltipSizeIcon": "default",
3348
- "tooltipVariantIcon": "default"
2839
+ "tabSizeRoot": "default",
2840
+ "tabVariantActiveRoot": "off",
2841
+ "tabVariantActiveRoot:1": "on",
2842
+ "tabSizeIcon": "default"
3349
2843
  },
3350
2844
  "cxLiterals": [
3351
- "max-w-lg",
3352
- "flex",
3353
- "z-[9999]",
3354
- "uds-bgBlurFillFallback",
3355
- "uds-bgBlurFallback",
3356
- "top-0",
2845
+ "pointer-events-none",
2846
+ "absolute",
2847
+ "bottom-0",
3357
2848
  "left-0",
3358
- "z-[1]"
2849
+ "right-0",
2850
+ "h-[var(--uds-tab-underline-width,0px)]",
2851
+ "bg-[var(--uds-tab-underline-color,transparent)]",
2852
+ "transition-[height,background-color]",
2853
+ "duration-[240ms]",
2854
+ "ease-[cubic-bezier(0.2,0,0,1)]",
2855
+ "!bg-transparent",
2856
+ "!shadow-none",
2857
+ "inline-flex",
2858
+ "items-center",
2859
+ "shrink-0",
2860
+ "box-border",
2861
+ "relative",
2862
+ "z-[1]",
2863
+ "cursor-pointer",
2864
+ "select-none",
2865
+ "whitespace-nowrap",
2866
+ "uds-ring",
2867
+ "opacity-50",
2868
+ "cursor-default",
2869
+ "border-solid",
2870
+ "border-b-solid",
2871
+ "transition-colors"
3359
2872
  ],
3360
2873
  "internalComponents": [
3361
2874
  "IconSlot",
3362
- "TooltipArrow",
3363
- "Tooltip",
3364
- "SvgFloatingOverlay",
3365
- "VStack",
3366
- "Box",
2875
+ "AriakitTab",
3367
2876
  "Text"
3368
2877
  ],
3369
2878
  "internalComponentProps": {
3370
- "SvgFloatingOverlay": {
3371
- "contentOverflow": [
3372
- "visible"
3373
- ]
3374
- },
3375
- "VStack": {
3376
- "className": [
3377
- "gap-[inherit]"
3378
- ]
3379
- },
3380
- "Box": {
3381
- "alignItems": [
3382
- "center"
3383
- ],
3384
- "columnGap": [
3385
- "1",
3386
- "1.5"
3387
- ]
3388
- },
3389
2879
  "Text": {
3390
- "color": [
2880
+ "variant": [
3391
2881
  "inherit"
2882
+ ],
2883
+ "as": [
2884
+ "span"
2885
+ ],
2886
+ "color": [
2887
+ "current"
3392
2888
  ]
3393
2889
  }
3394
2890
  },
3395
2891
  "propToVariantKeys": {
3396
- "startTitleIcon": [
2892
+ "variant": [
2893
+ "tabVariantRoot",
2894
+ "tabVariantIcon"
2895
+ ],
2896
+ "activeState": [
2897
+ "tabVariantActiveIcon"
2898
+ ],
2899
+ "startIcon": [
2900
+ "icon"
2901
+ ],
2902
+ "endIcon": [
3397
2903
  "icon"
3398
2904
  ]
3399
2905
  },
@@ -3402,24 +2908,52 @@
3402
2908
  "runtimeConfigInternalComponentProps": {},
3403
2909
  "motionVarPrefixes": []
3404
2910
  },
3405
- "TooltipTrigger": {
3406
- "name": "TooltipTrigger",
3407
- "defaultProps": {},
3408
- "getStylesLiterals": {},
3409
- "cxLiterals": [],
2911
+ "TabList": {
2912
+ "name": "TabList",
2913
+ "defaultProps": {
2914
+ "variant": "primary"
2915
+ },
2916
+ "getStylesLiterals": {
2917
+ "tabSizeRoot": "default",
2918
+ "tabVariantActiveRoot": "on"
2919
+ },
2920
+ "cxLiterals": [
2921
+ "pointer-events-none",
2922
+ "absolute",
2923
+ "bottom-0",
2924
+ "left-0",
2925
+ "right-0",
2926
+ "h-[var(--uds-tab-underline-width,0px)]",
2927
+ "bg-[var(--uds-tab-underline-color,transparent)]",
2928
+ "transition-[height,background-color]",
2929
+ "duration-[240ms]",
2930
+ "ease-[cubic-bezier(0.2,0,0,1)]",
2931
+ "!m-0",
2932
+ "!p-0",
2933
+ "!gap-0",
2934
+ "box-border",
2935
+ "z-0",
2936
+ "min-w-0",
2937
+ "min-h-0",
2938
+ "flex",
2939
+ "flex-row",
2940
+ "items-center",
2941
+ "overflow-x-auto",
2942
+ "overflow-y-clip",
2943
+ "scrollbar-none",
2944
+ "[overflow-clip-margin:6px]",
2945
+ "overflow-clip",
2946
+ "[overflow-clip-margin:8px]",
2947
+ "relative"
2948
+ ],
3410
2949
  "internalComponents": [
3411
- "TooltipAnchor"
2950
+ "AriakitTabList"
3412
2951
  ],
3413
- "internalComponentProps": {
3414
- "TooltipAnchor": {
3415
- "className": [
3416
- "inline"
3417
- ]
3418
- }
3419
- },
2952
+ "internalComponentProps": {},
3420
2953
  "propToVariantKeys": {
3421
- "children": [
3422
- "render"
2954
+ "variant": [
2955
+ "tabsVariantRoot",
2956
+ "tabVariantRoot"
3423
2957
  ]
3424
2958
  },
3425
2959
  "runtimeConfigDefaultProps": {},
@@ -3427,13 +2961,13 @@
3427
2961
  "runtimeConfigInternalComponentProps": {},
3428
2962
  "motionVarPrefixes": []
3429
2963
  },
3430
- "UDSTooltipConfigProvider": {
3431
- "name": "UDSTooltipConfigProvider",
2964
+ "TabPanel": {
2965
+ "name": "TabPanel",
3432
2966
  "defaultProps": {},
3433
2967
  "getStylesLiterals": {},
3434
2968
  "cxLiterals": [],
3435
2969
  "internalComponents": [
3436
- "TooltipContext.Provider"
2970
+ "AriakitTabPanel"
3437
2971
  ],
3438
2972
  "internalComponentProps": {},
3439
2973
  "propToVariantKeys": {},
@@ -3442,38 +2976,715 @@
3442
2976
  "runtimeConfigInternalComponentProps": {},
3443
2977
  "motionVarPrefixes": []
3444
2978
  },
3445
- "UDSBreakpointsConfigProvider": {
3446
- "name": "UDSBreakpointsConfigProvider",
3447
- "defaultProps": {},
2979
+ "Tabs": {
2980
+ "name": "Tabs",
2981
+ "defaultProps": {
2982
+ "variant": "primary"
2983
+ },
3448
2984
  "getStylesLiterals": {},
3449
2985
  "cxLiterals": [],
3450
2986
  "internalComponents": [
3451
- "UDSBreakpointsConfigContext.Provider"
2987
+ "TabsContext.Provider",
2988
+ "TabProvider"
3452
2989
  ],
3453
2990
  "internalComponentProps": {},
3454
- "propToVariantKeys": {},
2991
+ "propToVariantKeys": {
2992
+ "onSelectionChange": [
2993
+ "setSelectedId"
2994
+ ]
2995
+ },
3455
2996
  "runtimeConfigDefaultProps": {},
3456
2997
  "runtimeConfigGetStyles": {},
3457
2998
  "runtimeConfigInternalComponentProps": {},
3458
2999
  "motionVarPrefixes": []
3459
3000
  },
3460
- "UDSConfigProvider": {
3461
- "name": "UDSConfigProvider",
3001
+ "Toast": {
3002
+ "name": "Toast",
3462
3003
  "defaultProps": {},
3463
- "getStylesLiterals": {},
3464
- "cxLiterals": [],
3004
+ "getStylesLiterals": {
3005
+ "className": "animate-spin",
3006
+ "className:1": "flex-none",
3007
+ "spacing": "2",
3008
+ "borderRadius": "full"
3009
+ },
3010
+ "cxLiterals": [
3011
+ "duration-0",
3012
+ "duration-120",
3013
+ "transition-[background-color]",
3014
+ "bg-carbon-15/0",
3015
+ "hover:bg-carbon-15/10",
3016
+ "active:bg-carbon-15/15",
3017
+ "uds-ring"
3018
+ ],
3465
3019
  "internalComponents": [
3466
- "UDSBreakpointsConfigProvider",
3467
- "UDSBottomSheetConfigProvider",
3468
- "UDSToastConfigProvider",
3469
- "UDSTooltipConfigProvider",
3470
- "UDSPopoverConfigProvider"
3020
+ "IconSlot",
3021
+ "ToastContainer",
3022
+ "Text",
3023
+ "Button",
3024
+ "Pressable"
3471
3025
  ],
3472
3026
  "internalComponentProps": {},
3473
- "propToVariantKeys": {},
3474
- "runtimeConfigDefaultProps": {},
3475
- "runtimeConfigGetStyles": {},
3476
- "runtimeConfigInternalComponentProps": {},
3477
- "motionVarPrefixes": []
3027
+ "propToVariantKeys": {
3028
+ "size": [
3029
+ "toastSizeLabel",
3030
+ "toastSizeIcon",
3031
+ "toastSizeActionButton",
3032
+ "toastSizeCloseIcon"
3033
+ ],
3034
+ "variant": [
3035
+ "toastVariantIcon",
3036
+ "toastVariantActionButton",
3037
+ "toastVariantCloseIcon"
3038
+ ],
3039
+ "closeIcon": [
3040
+ "icon"
3041
+ ],
3042
+ "onClickActionButton": [
3043
+ "onClick"
3044
+ ]
3045
+ },
3046
+ "runtimeConfigDefaultProps": {
3047
+ "size": "toast.defaultSize",
3048
+ "variant": "toast.defaultVariant"
3049
+ },
3050
+ "runtimeConfigGetStyles": {
3051
+ "toastSizeLabel": [
3052
+ "toast.defaultSize"
3053
+ ],
3054
+ "toastVariantIcon": [
3055
+ "toast.defaultVariant"
3056
+ ],
3057
+ "toastSizeIcon": [
3058
+ "toast.defaultSize"
3059
+ ],
3060
+ "toastSizeActionButton": [
3061
+ "toast.defaultSize"
3062
+ ],
3063
+ "toastVariantActionButton": [
3064
+ "toast.defaultVariant"
3065
+ ],
3066
+ "toastVariantCloseIcon": [
3067
+ "toast.defaultVariant"
3068
+ ],
3069
+ "toastSizeCloseIcon": [
3070
+ "toast.defaultSize"
3071
+ ]
3072
+ },
3073
+ "runtimeConfigInternalComponentProps": {
3074
+ "ToastContainer": {
3075
+ "size": [
3076
+ "toast.defaultSize"
3077
+ ],
3078
+ "variant": [
3079
+ "toast.defaultVariant"
3080
+ ]
3081
+ },
3082
+ "Text": {
3083
+ "variant": [
3084
+ "toast.textVariant.${size}"
3085
+ ],
3086
+ "color": [
3087
+ "toast.textColor.${variant}"
3088
+ ]
3089
+ },
3090
+ "Button": {
3091
+ "size": [
3092
+ "toast.buttonSize.${size}"
3093
+ ],
3094
+ "variant": [
3095
+ "toast.buttonVariant.${variant}"
3096
+ ]
3097
+ }
3098
+ },
3099
+ "motionVarPrefixes": []
3100
+ },
3101
+ "ToastContainer": {
3102
+ "name": "ToastContainer",
3103
+ "defaultProps": {},
3104
+ "getStylesLiterals": {
3105
+ "position": "relative",
3106
+ "alignItems": "center",
3107
+ "display": "flex",
3108
+ "className": "box-border touch-none z-0 w-full break-words mb-2 last:mb-0"
3109
+ },
3110
+ "cxLiterals": [
3111
+ "w-full"
3112
+ ],
3113
+ "internalComponents": [
3114
+ "HStack"
3115
+ ],
3116
+ "internalComponentProps": {
3117
+ "HStack": {
3118
+ "alignItems": [
3119
+ "center"
3120
+ ],
3121
+ "justifyContent": [
3122
+ "space-between"
3123
+ ],
3124
+ "overflow": [
3125
+ "hidden"
3126
+ ],
3127
+ "position": [
3128
+ "relative"
3129
+ ]
3130
+ }
3131
+ },
3132
+ "propToVariantKeys": {
3133
+ "variant": [
3134
+ "toastVariantRoot"
3135
+ ],
3136
+ "size": [
3137
+ "toastSizeRoot"
3138
+ ]
3139
+ },
3140
+ "runtimeConfigDefaultProps": {
3141
+ "size": "toast.defaultSize",
3142
+ "variant": "toast.defaultVariant"
3143
+ },
3144
+ "runtimeConfigGetStyles": {
3145
+ "toastVariantRoot": [
3146
+ "toast.defaultVariant"
3147
+ ],
3148
+ "toastSizeRoot": [
3149
+ "toast.defaultSize"
3150
+ ]
3151
+ },
3152
+ "runtimeConfigInternalComponentProps": {
3153
+ "HStack": {
3154
+ "backgroundColor": [
3155
+ "toast.backgroundColor.${variant}"
3156
+ ]
3157
+ }
3158
+ },
3159
+ "motionVarPrefixes": []
3160
+ },
3161
+ "ToastPortal": {
3162
+ "name": "ToastPortal",
3163
+ "defaultProps": {},
3164
+ "getStylesLiterals": {},
3165
+ "cxLiterals": [],
3166
+ "internalComponents": [
3167
+ "ReactToastifyToastContainer"
3168
+ ],
3169
+ "internalComponentProps": {},
3170
+ "propToVariantKeys": {},
3171
+ "runtimeConfigDefaultProps": {
3172
+ "size": "toast.defaultSize",
3173
+ "variant": "toast.defaultVariant"
3174
+ },
3175
+ "runtimeConfigGetStyles": {},
3176
+ "runtimeConfigInternalComponentProps": {
3177
+ "ReactToastifyToastContainer": {
3178
+ "autoClose": [
3179
+ "toast.autoClose"
3180
+ ]
3181
+ }
3182
+ },
3183
+ "motionVarPrefixes": []
3184
+ },
3185
+ "UDSToastConfigProvider": {
3186
+ "name": "UDSToastConfigProvider",
3187
+ "defaultProps": {},
3188
+ "getStylesLiterals": {},
3189
+ "cxLiterals": [],
3190
+ "internalComponents": [
3191
+ "ToastContext.Provider"
3192
+ ],
3193
+ "internalComponentProps": {},
3194
+ "propToVariantKeys": {},
3195
+ "runtimeConfigDefaultProps": {},
3196
+ "runtimeConfigGetStyles": {},
3197
+ "runtimeConfigInternalComponentProps": {},
3198
+ "motionVarPrefixes": []
3199
+ },
3200
+ "Tooltip": {
3201
+ "name": "Tooltip",
3202
+ "defaultProps": {},
3203
+ "getStylesLiterals": {},
3204
+ "cxLiterals": [],
3205
+ "internalComponents": [
3206
+ "TooltipInternalContext.Provider",
3207
+ "TooltipProvider"
3208
+ ],
3209
+ "internalComponentProps": {},
3210
+ "propToVariantKeys": {},
3211
+ "runtimeConfigDefaultProps": {},
3212
+ "runtimeConfigGetStyles": {},
3213
+ "runtimeConfigInternalComponentProps": {
3214
+ "TooltipProvider": {
3215
+ "animated": [
3216
+ "tooltip.animationDuration"
3217
+ ]
3218
+ }
3219
+ },
3220
+ "motionVarPrefixes": []
3221
+ },
3222
+ "TooltipContent": {
3223
+ "name": "TooltipContent",
3224
+ "defaultProps": {},
3225
+ "getStylesLiterals": {
3226
+ "tooltipSizeRoot": "default",
3227
+ "tooltipVariantRoot": "default",
3228
+ "tooltipSizeSvg": "default",
3229
+ "tooltipVariantSvg": "default",
3230
+ "tooltipVariantBlur": "default",
3231
+ "position": "absolute",
3232
+ "width": "full",
3233
+ "height": "full",
3234
+ "tooltipSizeTitle": "default",
3235
+ "tooltipSizeBody": "default",
3236
+ "tooltipSizeEndContent": "default",
3237
+ "tooltipSizeIcon": "default",
3238
+ "tooltipVariantIcon": "default"
3239
+ },
3240
+ "cxLiterals": [
3241
+ "max-w-lg",
3242
+ "flex",
3243
+ "z-[9999]",
3244
+ "uds-bgBlurFillFallback",
3245
+ "uds-bgBlurFallback",
3246
+ "top-0",
3247
+ "left-0",
3248
+ "z-[1]"
3249
+ ],
3250
+ "internalComponents": [
3251
+ "IconSlot",
3252
+ "TooltipArrow",
3253
+ "Tooltip",
3254
+ "SvgFloatingOverlay",
3255
+ "VStack",
3256
+ "Box",
3257
+ "Text"
3258
+ ],
3259
+ "internalComponentProps": {
3260
+ "SvgFloatingOverlay": {
3261
+ "contentOverflow": [
3262
+ "visible"
3263
+ ]
3264
+ },
3265
+ "VStack": {
3266
+ "className": [
3267
+ "gap-[inherit]"
3268
+ ]
3269
+ },
3270
+ "Box": {
3271
+ "alignItems": [
3272
+ "center"
3273
+ ],
3274
+ "columnGap": [
3275
+ "1",
3276
+ "1.5"
3277
+ ]
3278
+ },
3279
+ "Text": {
3280
+ "color": [
3281
+ "inherit"
3282
+ ]
3283
+ }
3284
+ },
3285
+ "propToVariantKeys": {
3286
+ "startTitleIcon": [
3287
+ "icon"
3288
+ ]
3289
+ },
3290
+ "runtimeConfigDefaultProps": {},
3291
+ "runtimeConfigGetStyles": {},
3292
+ "runtimeConfigInternalComponentProps": {},
3293
+ "motionVarPrefixes": []
3294
+ },
3295
+ "TooltipTrigger": {
3296
+ "name": "TooltipTrigger",
3297
+ "defaultProps": {},
3298
+ "getStylesLiterals": {},
3299
+ "cxLiterals": [],
3300
+ "internalComponents": [
3301
+ "TooltipAnchor"
3302
+ ],
3303
+ "internalComponentProps": {
3304
+ "TooltipAnchor": {
3305
+ "className": [
3306
+ "inline"
3307
+ ]
3308
+ }
3309
+ },
3310
+ "propToVariantKeys": {
3311
+ "children": [
3312
+ "render"
3313
+ ]
3314
+ },
3315
+ "runtimeConfigDefaultProps": {},
3316
+ "runtimeConfigGetStyles": {},
3317
+ "runtimeConfigInternalComponentProps": {},
3318
+ "motionVarPrefixes": []
3319
+ },
3320
+ "UDSTooltipConfigProvider": {
3321
+ "name": "UDSTooltipConfigProvider",
3322
+ "defaultProps": {},
3323
+ "getStylesLiterals": {},
3324
+ "cxLiterals": [],
3325
+ "internalComponents": [
3326
+ "TooltipContext.Provider"
3327
+ ],
3328
+ "internalComponentProps": {},
3329
+ "propToVariantKeys": {},
3330
+ "runtimeConfigDefaultProps": {},
3331
+ "runtimeConfigGetStyles": {},
3332
+ "runtimeConfigInternalComponentProps": {},
3333
+ "motionVarPrefixes": []
3334
+ },
3335
+ "UDSBreakpointsConfigProvider": {
3336
+ "name": "UDSBreakpointsConfigProvider",
3337
+ "defaultProps": {},
3338
+ "getStylesLiterals": {},
3339
+ "cxLiterals": [],
3340
+ "internalComponents": [
3341
+ "UDSBreakpointsConfigContext.Provider"
3342
+ ],
3343
+ "internalComponentProps": {},
3344
+ "propToVariantKeys": {},
3345
+ "runtimeConfigDefaultProps": {},
3346
+ "runtimeConfigGetStyles": {},
3347
+ "runtimeConfigInternalComponentProps": {},
3348
+ "motionVarPrefixes": []
3349
+ },
3350
+ "UDSConfigProvider": {
3351
+ "name": "UDSConfigProvider",
3352
+ "defaultProps": {},
3353
+ "getStylesLiterals": {},
3354
+ "cxLiterals": [],
3355
+ "internalComponents": [
3356
+ "UDSBreakpointsConfigProvider",
3357
+ "UDSBottomSheetConfigProvider",
3358
+ "UDSToastConfigProvider",
3359
+ "UDSTooltipConfigProvider",
3360
+ "UDSPopoverConfigProvider",
3361
+ "UDSModalConfigProvider"
3362
+ ],
3363
+ "internalComponentProps": {},
3364
+ "propToVariantKeys": {},
3365
+ "runtimeConfigDefaultProps": {},
3366
+ "runtimeConfigGetStyles": {},
3367
+ "runtimeConfigInternalComponentProps": {},
3368
+ "motionVarPrefixes": []
3369
+ },
3370
+ "Accordion": {
3371
+ "name": "Accordion",
3372
+ "defaultProps": {
3373
+ "spacingHorizontal": "4",
3374
+ "spacingVertical": "4"
3375
+ },
3376
+ "getStylesLiterals": {},
3377
+ "cxLiterals": [
3378
+ "hover:bg-secondary/80",
3379
+ "w-full"
3380
+ ],
3381
+ "internalComponents": [
3382
+ "Icon",
3383
+ "SpringMotionConfig",
3384
+ "Pressable",
3385
+ "Text",
3386
+ "HStack",
3387
+ "AnimatePresence",
3388
+ "VStack"
3389
+ ],
3390
+ "internalComponentProps": {
3391
+ "Icon": {
3392
+ "variant": [
3393
+ "fill"
3394
+ ],
3395
+ "size": [
3396
+ "sm"
3397
+ ],
3398
+ "color": [
3399
+ "primary"
3400
+ ]
3401
+ },
3402
+ "SpringMotionConfig": {
3403
+ "layoutVariant": [
3404
+ "smooth"
3405
+ ],
3406
+ "layoutSpeed": [
3407
+ "3"
3408
+ ]
3409
+ },
3410
+ "Pressable": {
3411
+ "display": [
3412
+ "flex"
3413
+ ],
3414
+ "flexDirection": [
3415
+ "row"
3416
+ ],
3417
+ "alignItems": [
3418
+ "center"
3419
+ ],
3420
+ "justifyContent": [
3421
+ "space-between"
3422
+ ],
3423
+ "borderRadius": [
3424
+ "md"
3425
+ ]
3426
+ },
3427
+ "Text": {
3428
+ "variant": [
3429
+ "title4"
3430
+ ],
3431
+ "color": [
3432
+ "primary"
3433
+ ]
3434
+ },
3435
+ "HStack": {
3436
+ "display": [
3437
+ "flex"
3438
+ ],
3439
+ "alignItems": [
3440
+ "center"
3441
+ ],
3442
+ "justifyContent": [
3443
+ "space-between"
3444
+ ],
3445
+ "columnGap": [
3446
+ "2.5"
3447
+ ]
3448
+ }
3449
+ },
3450
+ "propToVariantKeys": {},
3451
+ "runtimeConfigDefaultProps": {},
3452
+ "runtimeConfigGetStyles": {},
3453
+ "runtimeConfigInternalComponentProps": {},
3454
+ "motionVarPrefixes": [
3455
+ "--uds-motion-smooth-3-"
3456
+ ]
3457
+ },
3458
+ "AvoidMotionLibraryProvider": {
3459
+ "name": "AvoidMotionLibraryProvider",
3460
+ "defaultProps": {},
3461
+ "getStylesLiterals": {},
3462
+ "cxLiterals": [],
3463
+ "internalComponents": [],
3464
+ "internalComponentProps": {},
3465
+ "propToVariantKeys": {},
3466
+ "runtimeConfigDefaultProps": {},
3467
+ "runtimeConfigGetStyles": {},
3468
+ "runtimeConfigInternalComponentProps": {},
3469
+ "motionVarPrefixes": []
3470
+ },
3471
+ "SegmentedControl": {
3472
+ "name": "SegmentedControl",
3473
+ "defaultProps": {
3474
+ "textVariant": "label2"
3475
+ },
3476
+ "getStylesLiterals": {
3477
+ "display": "flex",
3478
+ "alignItems": "center",
3479
+ "backgroundColor": "primary",
3480
+ "spacingVertical": "1",
3481
+ "spacingHorizontal": "3",
3482
+ "columnGap": "1.5",
3483
+ "borderWidth": "thin",
3484
+ "borderRadius": "full",
3485
+ "borderColor": "muted",
3486
+ "borderColor:1": "transparent",
3487
+ "color": "primary",
3488
+ "color:1": "tertiary",
3489
+ "color:2": "muted"
3490
+ },
3491
+ "cxLiterals": [
3492
+ "uds-ring",
3493
+ "cursor-not-allowed",
3494
+ "opacity-50",
3495
+ "pointer-events-none",
3496
+ "hover:bg-primary"
3497
+ ],
3498
+ "internalComponents": [
3499
+ "TextVariant",
3500
+ "Radio",
3501
+ "Icon",
3502
+ "RadioProvider",
3503
+ "HStack",
3504
+ "RadioGroup",
3505
+ "Pressable",
3506
+ "Text"
3507
+ ],
3508
+ "internalComponentProps": {
3509
+ "Icon": {
3510
+ "size": [
3511
+ "sm"
3512
+ ],
3513
+ "color": [
3514
+ "current"
3515
+ ],
3516
+ "aria-hidden": [
3517
+ "true"
3518
+ ]
3519
+ },
3520
+ "HStack": {
3521
+ "spacing": [
3522
+ "1"
3523
+ ],
3524
+ "gap": [
3525
+ "1"
3526
+ ],
3527
+ "backgroundColor": [
3528
+ "secondary"
3529
+ ],
3530
+ "borderRadius": [
3531
+ "full"
3532
+ ],
3533
+ "display": [
3534
+ "inline-flex"
3535
+ ]
3536
+ },
3537
+ "Text": {
3538
+ "color": [
3539
+ "current"
3540
+ ]
3541
+ }
3542
+ },
3543
+ "propToVariantKeys": {
3544
+ "value": [
3545
+ "key"
3546
+ ],
3547
+ "label": [
3548
+ "aria-label"
3549
+ ],
3550
+ "textVariant": [
3551
+ "variant"
3552
+ ]
3553
+ },
3554
+ "runtimeConfigDefaultProps": {},
3555
+ "runtimeConfigGetStyles": {},
3556
+ "runtimeConfigInternalComponentProps": {},
3557
+ "motionVarPrefixes": []
3558
+ },
3559
+ "SwitchV2": {
3560
+ "name": "SwitchV2",
3561
+ "defaultProps": {
3562
+ "labelPosition": "start",
3563
+ "size": "md"
3564
+ },
3565
+ "getStylesLiterals": {
3566
+ "switchVariantRoot": "default",
3567
+ "switchVariantActiveRoot": "on",
3568
+ "switchVariantActiveRoot:1": "off",
3569
+ "switchVariantSwitch": "default",
3570
+ "switchVariantActiveSwitch": "on",
3571
+ "switchVariantActiveSwitch:1": "off",
3572
+ "switchVariantActiveHandle": "on",
3573
+ "switchVariantActiveHandle:1": "off",
3574
+ "switchVariantHandle": "default",
3575
+ "switchVariantHandleIcon": "default",
3576
+ "switchVariantActiveHandleIcon": "on",
3577
+ "switchVariantActiveHandleIcon:1": "off"
3578
+ },
3579
+ "cxLiterals": [
3580
+ "group",
3581
+ "flex",
3582
+ "items-center",
3583
+ "flex-row",
3584
+ "flex-row-reverse",
3585
+ "uds-ring",
3586
+ "uds-ring-within",
3587
+ "relative",
3588
+ "uds-border-radius-full",
3589
+ "transition-[background-color,box-shadow]",
3590
+ "pointer-events-none",
3591
+ "w-full",
3592
+ "h-full",
3593
+ "absolute",
3594
+ "top-0",
3595
+ "bottom-0",
3596
+ "right-0",
3597
+ "left-0",
3598
+ "overflow-hidden",
3599
+ "group-hover:scale-105",
3600
+ "opacity-95",
3601
+ "group-hover:opacity-100",
3602
+ "transition-[transform,opacity]",
3603
+ "opacity-0",
3604
+ "top-1/2",
3605
+ "left-1/2",
3606
+ "transform",
3607
+ "translate-x-[-50%]",
3608
+ "translate-y-[-50%]",
3609
+ "transition-opacity",
3610
+ "cursor-[inherit]",
3611
+ "w-[calc(100%+2px)]",
3612
+ "h-[calc(100%+2px)]",
3613
+ "text-start",
3614
+ "text-end",
3615
+ "opacity-100"
3616
+ ],
3617
+ "internalComponents": [
3618
+ "IconSlot",
3619
+ "Box",
3620
+ "FormLabel",
3621
+ "SpringMotionConfig",
3622
+ "RootElement",
3623
+ "MotionBox"
3624
+ ],
3625
+ "internalComponentProps": {
3626
+ "IconSlot": {
3627
+ "data-testid": [
3628
+ "on-icon",
3629
+ "off-icon"
3630
+ ]
3631
+ },
3632
+ "FormLabel": {
3633
+ "as": [
3634
+ "div"
3635
+ ],
3636
+ "variant": [
3637
+ "inherit"
3638
+ ],
3639
+ "color": [
3640
+ "inherit"
3641
+ ]
3642
+ },
3643
+ "SpringMotionConfig": {
3644
+ "layoutVariant": [
3645
+ "bouncy"
3646
+ ],
3647
+ "layoutSpeed": [
3648
+ "4"
3649
+ ]
3650
+ },
3651
+ "RootElement": {
3652
+ "data-testid": [
3653
+ "switch-root"
3654
+ ]
3655
+ },
3656
+ "MotionBox": {
3657
+ "layout": [
3658
+ "position"
3659
+ ]
3660
+ }
3661
+ },
3662
+ "propToVariantKeys": {
3663
+ "size": [
3664
+ "switchSizeRoot",
3665
+ "switchSizeSwitch",
3666
+ "switchSizeHandle",
3667
+ "switchSizeHandleIcon"
3668
+ ],
3669
+ "onIcon": [
3670
+ "icon"
3671
+ ],
3672
+ "offIcon": [
3673
+ "icon"
3674
+ ],
3675
+ "reduceMotion": [
3676
+ "reducedMotion"
3677
+ ],
3678
+ "isOn": [
3679
+ "layoutDependency"
3680
+ ]
3681
+ },
3682
+ "runtimeConfigDefaultProps": {},
3683
+ "runtimeConfigGetStyles": {},
3684
+ "runtimeConfigInternalComponentProps": {},
3685
+ "motionVarPrefixes": [
3686
+ "--uds-motion-bouncy-4-",
3687
+ "--uds-motion-smooth-3-"
3688
+ ]
3478
3689
  }
3479
3690
  }