@cdx-ui/components 0.0.1-beta.6 → 0.0.1-beta.61

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 (538) hide show
  1. package/README.md +36 -18
  2. package/lib/commonjs/components/AlertDialog/index.js +5 -4
  3. package/lib/commonjs/components/AlertDialog/index.js.map +1 -1
  4. package/lib/commonjs/components/Avatar/index.js +1 -1
  5. package/lib/commonjs/components/Avatar/styles.js +36 -29
  6. package/lib/commonjs/components/Avatar/styles.js.map +1 -1
  7. package/lib/commonjs/components/Button/index.js +16 -1
  8. package/lib/commonjs/components/Button/index.js.map +1 -1
  9. package/lib/commonjs/components/Button/styles.js +85 -26
  10. package/lib/commonjs/components/Button/styles.js.map +1 -1
  11. package/lib/commonjs/components/CLAUDE.md +90 -0
  12. package/lib/commonjs/components/Card/index.js +22 -4
  13. package/lib/commonjs/components/Card/index.js.map +1 -1
  14. package/lib/commonjs/components/Card/styles.js +27 -4
  15. package/lib/commonjs/components/Card/styles.js.map +1 -1
  16. package/lib/commonjs/components/Checkbox/index.js +5 -29
  17. package/lib/commonjs/components/Checkbox/index.js.map +1 -1
  18. package/lib/commonjs/components/Checkbox/styles.js +41 -47
  19. package/lib/commonjs/components/Checkbox/styles.js.map +1 -1
  20. package/lib/commonjs/components/Chip/index.js +78 -9
  21. package/lib/commonjs/components/Chip/index.js.map +1 -1
  22. package/lib/commonjs/components/Chip/styles.js +207 -21
  23. package/lib/commonjs/components/Chip/styles.js.map +1 -1
  24. package/lib/commonjs/components/Dialog/index.js +71 -16
  25. package/lib/commonjs/components/Dialog/index.js.map +1 -1
  26. package/lib/commonjs/components/Dialog/styles.js +60 -14
  27. package/lib/commonjs/components/Dialog/styles.js.map +1 -1
  28. package/lib/commonjs/components/Field/index.js +8 -2
  29. package/lib/commonjs/components/Field/index.js.map +1 -1
  30. package/lib/commonjs/components/Field/styles.js +4 -4
  31. package/lib/commonjs/components/Field/styles.js.map +1 -1
  32. package/lib/commonjs/components/Heading/styles.js +1 -1
  33. package/lib/commonjs/components/Heading/styles.js.map +1 -1
  34. package/lib/commonjs/components/Icon/index.js +3 -4
  35. package/lib/commonjs/components/Icon/index.js.map +1 -1
  36. package/lib/commonjs/components/IconButton/index.js +6 -1
  37. package/lib/commonjs/components/IconButton/index.js.map +1 -1
  38. package/lib/commonjs/components/IconButton/styles.js +135 -10
  39. package/lib/commonjs/components/IconButton/styles.js.map +1 -1
  40. package/lib/commonjs/components/Input/styles.js +7 -6
  41. package/lib/commonjs/components/Input/styles.js.map +1 -1
  42. package/lib/commonjs/components/Link/index.js +22 -3
  43. package/lib/commonjs/components/Link/index.js.map +1 -1
  44. package/lib/commonjs/components/Link/styles.js +56 -6
  45. package/lib/commonjs/components/Link/styles.js.map +1 -1
  46. package/lib/commonjs/components/ListItem/index.js +3 -25
  47. package/lib/commonjs/components/ListItem/index.js.map +1 -1
  48. package/lib/commonjs/components/ListItem/styles.js +29 -57
  49. package/lib/commonjs/components/ListItem/styles.js.map +1 -1
  50. package/lib/commonjs/components/ProgressSegmented/index.js +24 -10
  51. package/lib/commonjs/components/ProgressSegmented/index.js.map +1 -1
  52. package/lib/commonjs/components/Radio/index.js +167 -0
  53. package/lib/commonjs/components/Radio/index.js.map +1 -0
  54. package/lib/commonjs/components/Radio/styles.js +31 -0
  55. package/lib/commonjs/components/Radio/styles.js.map +1 -0
  56. package/lib/commonjs/components/ScopedTheme/index.js +24 -0
  57. package/lib/commonjs/components/ScopedTheme/index.js.map +1 -0
  58. package/lib/commonjs/components/Select/SelectTriggerHost.web.js +4 -0
  59. package/lib/commonjs/components/Select/SelectTriggerHost.web.js.map +1 -1
  60. package/lib/commonjs/components/Select/index.js +9 -3
  61. package/lib/commonjs/components/Select/index.js.map +1 -1
  62. package/lib/commonjs/components/Select/styles.js +17 -20
  63. package/lib/commonjs/components/Select/styles.js.map +1 -1
  64. package/lib/commonjs/components/Text/styles.js +2 -2
  65. package/lib/commonjs/components/Text/styles.js.map +1 -1
  66. package/lib/commonjs/components/Tile/index.js +251 -0
  67. package/lib/commonjs/components/Tile/index.js.map +1 -0
  68. package/lib/commonjs/components/Tile/styles.js +52 -0
  69. package/lib/commonjs/components/Tile/styles.js.map +1 -0
  70. package/lib/commonjs/components/index.js +36 -0
  71. package/lib/commonjs/components/index.js.map +1 -1
  72. package/lib/commonjs/figma/AlertDialog.Description.figma.js +20 -0
  73. package/lib/commonjs/figma/AlertDialog.Description.figma.js.map +1 -0
  74. package/lib/commonjs/figma/AlertDialog.Footer.figma.js +41 -0
  75. package/lib/commonjs/figma/AlertDialog.Footer.figma.js.map +1 -0
  76. package/lib/commonjs/figma/AlertDialog.Header.figma.js +28 -0
  77. package/lib/commonjs/figma/AlertDialog.Header.figma.js.map +1 -0
  78. package/lib/commonjs/figma/AlertDialog.Text.figma.js +20 -0
  79. package/lib/commonjs/figma/AlertDialog.Text.figma.js.map +1 -0
  80. package/lib/commonjs/figma/AlertDialog.Title.figma.js +27 -0
  81. package/lib/commonjs/figma/AlertDialog.Title.figma.js.map +1 -0
  82. package/lib/commonjs/figma/AlertDialog.figma.js +43 -0
  83. package/lib/commonjs/figma/AlertDialog.figma.js.map +1 -0
  84. package/lib/commonjs/figma/Avatar.figma.js +57 -0
  85. package/lib/commonjs/figma/Avatar.figma.js.map +1 -0
  86. package/lib/commonjs/figma/Button.figma.js +28 -15
  87. package/lib/commonjs/figma/Button.figma.js.map +1 -1
  88. package/lib/commonjs/figma/CLAUDE.md +30 -0
  89. package/lib/commonjs/figma/Card.Header.figma.js +28 -0
  90. package/lib/commonjs/figma/Card.Header.figma.js.map +1 -0
  91. package/lib/commonjs/figma/Card.figma.js +42 -0
  92. package/lib/commonjs/figma/Card.figma.js.map +1 -0
  93. package/lib/commonjs/figma/Checkbox.figma.js +55 -0
  94. package/lib/commonjs/figma/Checkbox.figma.js.map +1 -0
  95. package/lib/commonjs/figma/Chip.figma.js +68 -0
  96. package/lib/commonjs/figma/Chip.figma.js.map +1 -0
  97. package/lib/commonjs/figma/Dialog.Description.figma.js +20 -0
  98. package/lib/commonjs/figma/Dialog.Description.figma.js.map +1 -0
  99. package/lib/commonjs/figma/Dialog.Footer.figma.js +30 -0
  100. package/lib/commonjs/figma/Dialog.Footer.figma.js.map +1 -0
  101. package/lib/commonjs/figma/Dialog.Header.figma.js +29 -0
  102. package/lib/commonjs/figma/Dialog.Header.figma.js.map +1 -0
  103. package/lib/commonjs/figma/Dialog.Text.figma.js +20 -0
  104. package/lib/commonjs/figma/Dialog.Text.figma.js.map +1 -0
  105. package/lib/commonjs/figma/Dialog.Title.figma.js +27 -0
  106. package/lib/commonjs/figma/Dialog.Title.figma.js.map +1 -0
  107. package/lib/commonjs/figma/Dialog.figma.js +51 -0
  108. package/lib/commonjs/figma/Dialog.figma.js.map +1 -0
  109. package/lib/commonjs/figma/Field.Input.figma.js +57 -0
  110. package/lib/commonjs/figma/Field.Input.figma.js.map +1 -0
  111. package/lib/commonjs/figma/Field.Select.figma.js +57 -0
  112. package/lib/commonjs/figma/Field.Select.figma.js.map +1 -0
  113. package/lib/commonjs/figma/Heading.figma.js +30 -0
  114. package/lib/commonjs/figma/Heading.figma.js.map +1 -0
  115. package/lib/commonjs/figma/Icon.figma.js +20 -0
  116. package/lib/commonjs/figma/Icon.figma.js.map +1 -0
  117. package/lib/commonjs/figma/IconButton.figma.js +47 -0
  118. package/lib/commonjs/figma/IconButton.figma.js.map +1 -0
  119. package/lib/commonjs/figma/Input.figma.js +52 -0
  120. package/lib/commonjs/figma/Input.figma.js.map +1 -0
  121. package/lib/commonjs/figma/Link.figma.js +30 -0
  122. package/lib/commonjs/figma/Link.figma.js.map +1 -0
  123. package/lib/commonjs/figma/ListItem.Description.figma.js +23 -0
  124. package/lib/commonjs/figma/ListItem.Description.figma.js.map +1 -0
  125. package/lib/commonjs/figma/ListItem.LeadingSlot.figma.js +24 -0
  126. package/lib/commonjs/figma/ListItem.LeadingSlot.figma.js.map +1 -0
  127. package/lib/commonjs/figma/ListItem.Meta.figma.js +23 -0
  128. package/lib/commonjs/figma/ListItem.Meta.figma.js.map +1 -0
  129. package/lib/commonjs/figma/ListItem.SectionHeader.figma.js +24 -0
  130. package/lib/commonjs/figma/ListItem.SectionHeader.figma.js.map +1 -0
  131. package/lib/commonjs/figma/ListItem.Title.figma.js +23 -0
  132. package/lib/commonjs/figma/ListItem.Title.figma.js.map +1 -0
  133. package/lib/commonjs/figma/ListItem.TrailingSlot.figma.js +24 -0
  134. package/lib/commonjs/figma/ListItem.TrailingSlot.figma.js.map +1 -0
  135. package/lib/commonjs/figma/ListItem.figma.js +50 -0
  136. package/lib/commonjs/figma/ListItem.figma.js.map +1 -0
  137. package/lib/commonjs/figma/ProgressSegmented.figma.js +39 -0
  138. package/lib/commonjs/figma/ProgressSegmented.figma.js.map +1 -0
  139. package/lib/commonjs/figma/Radio.figma.js +40 -0
  140. package/lib/commonjs/figma/Radio.figma.js.map +1 -0
  141. package/lib/commonjs/figma/Select.figma.js +53 -0
  142. package/lib/commonjs/figma/Select.figma.js.map +1 -0
  143. package/lib/commonjs/figma/Text.figma.js +32 -0
  144. package/lib/commonjs/figma/Text.figma.js.map +1 -0
  145. package/lib/commonjs/figma/icons.figma.batch.js +27 -0
  146. package/lib/commonjs/figma/icons.figma.batch.js.map +1 -0
  147. package/lib/commonjs/figma/icons.figma.batch.json +17705 -0
  148. package/lib/commonjs/hooks/index.js +19 -0
  149. package/lib/commonjs/hooks/index.js.map +1 -0
  150. package/lib/commonjs/hooks/useForgeBottomTabScreenOptions.js +246 -0
  151. package/lib/commonjs/hooks/useForgeBottomTabScreenOptions.js.map +1 -0
  152. package/lib/commonjs/index.js +24 -0
  153. package/lib/commonjs/index.js.map +1 -1
  154. package/lib/commonjs/metro/withCdxMetroConfig.js +7 -18
  155. package/lib/commonjs/metro/withCdxMetroConfig.js.map +1 -1
  156. package/lib/commonjs/metro/withForgeMetroConfig.js +24 -0
  157. package/lib/commonjs/metro/withForgeMetroConfig.js.map +1 -0
  158. package/lib/commonjs/navigation/forgeTabIcon.js +43 -0
  159. package/lib/commonjs/navigation/forgeTabIcon.js.map +1 -0
  160. package/lib/commonjs/navigation/forgeTabIcon.native.js +35 -0
  161. package/lib/commonjs/navigation/forgeTabIcon.native.js.map +1 -0
  162. package/lib/commonjs/navigation/index.js +13 -0
  163. package/lib/commonjs/navigation/index.js.map +1 -0
  164. package/lib/commonjs/navigation/types.js +38 -0
  165. package/lib/commonjs/navigation/types.js.map +1 -0
  166. package/lib/commonjs/styles/primitives.js +43 -6
  167. package/lib/commonjs/styles/primitives.js.map +1 -1
  168. package/lib/module/components/AlertDialog/index.js +5 -4
  169. package/lib/module/components/AlertDialog/index.js.map +1 -1
  170. package/lib/module/components/Avatar/index.js +1 -1
  171. package/lib/module/components/Avatar/styles.js +36 -29
  172. package/lib/module/components/Avatar/styles.js.map +1 -1
  173. package/lib/module/components/Button/index.js +17 -2
  174. package/lib/module/components/Button/index.js.map +1 -1
  175. package/lib/module/components/Button/styles.js +85 -26
  176. package/lib/module/components/Button/styles.js.map +1 -1
  177. package/lib/module/components/CLAUDE.md +90 -0
  178. package/lib/module/components/Card/index.js +23 -4
  179. package/lib/module/components/Card/index.js.map +1 -1
  180. package/lib/module/components/Card/styles.js +27 -4
  181. package/lib/module/components/Card/styles.js.map +1 -1
  182. package/lib/module/components/Checkbox/index.js +6 -30
  183. package/lib/module/components/Checkbox/index.js.map +1 -1
  184. package/lib/module/components/Checkbox/styles.js +43 -48
  185. package/lib/module/components/Checkbox/styles.js.map +1 -1
  186. package/lib/module/components/Chip/index.js +82 -13
  187. package/lib/module/components/Chip/index.js.map +1 -1
  188. package/lib/module/components/Chip/styles.js +206 -20
  189. package/lib/module/components/Chip/styles.js.map +1 -1
  190. package/lib/module/components/Dialog/index.js +74 -19
  191. package/lib/module/components/Dialog/index.js.map +1 -1
  192. package/lib/module/components/Dialog/styles.js +60 -14
  193. package/lib/module/components/Dialog/styles.js.map +1 -1
  194. package/lib/module/components/Field/index.js +9 -3
  195. package/lib/module/components/Field/index.js.map +1 -1
  196. package/lib/module/components/Field/styles.js +4 -4
  197. package/lib/module/components/Field/styles.js.map +1 -1
  198. package/lib/module/components/Heading/styles.js +1 -1
  199. package/lib/module/components/Heading/styles.js.map +1 -1
  200. package/lib/module/components/Icon/index.js +3 -4
  201. package/lib/module/components/Icon/index.js.map +1 -1
  202. package/lib/module/components/IconButton/index.js +6 -1
  203. package/lib/module/components/IconButton/index.js.map +1 -1
  204. package/lib/module/components/IconButton/styles.js +135 -10
  205. package/lib/module/components/IconButton/styles.js.map +1 -1
  206. package/lib/module/components/Input/styles.js +7 -6
  207. package/lib/module/components/Input/styles.js.map +1 -1
  208. package/lib/module/components/Link/index.js +25 -6
  209. package/lib/module/components/Link/index.js.map +1 -1
  210. package/lib/module/components/Link/styles.js +55 -6
  211. package/lib/module/components/Link/styles.js.map +1 -1
  212. package/lib/module/components/ListItem/index.js +3 -25
  213. package/lib/module/components/ListItem/index.js.map +1 -1
  214. package/lib/module/components/ListItem/styles.js +30 -58
  215. package/lib/module/components/ListItem/styles.js.map +1 -1
  216. package/lib/module/components/ProgressSegmented/index.js +25 -11
  217. package/lib/module/components/ProgressSegmented/index.js.map +1 -1
  218. package/lib/module/components/Radio/index.js +164 -0
  219. package/lib/module/components/Radio/index.js.map +1 -0
  220. package/lib/module/components/Radio/styles.js +27 -0
  221. package/lib/module/components/Radio/styles.js.map +1 -0
  222. package/lib/module/components/ScopedTheme/index.js +19 -0
  223. package/lib/module/components/ScopedTheme/index.js.map +1 -0
  224. package/lib/module/components/Select/SelectTriggerHost.web.js +4 -0
  225. package/lib/module/components/Select/SelectTriggerHost.web.js.map +1 -1
  226. package/lib/module/components/Select/index.js +10 -4
  227. package/lib/module/components/Select/index.js.map +1 -1
  228. package/lib/module/components/Select/styles.js +18 -21
  229. package/lib/module/components/Select/styles.js.map +1 -1
  230. package/lib/module/components/Text/styles.js +2 -2
  231. package/lib/module/components/Text/styles.js.map +1 -1
  232. package/lib/module/components/Tile/index.js +243 -0
  233. package/lib/module/components/Tile/index.js.map +1 -0
  234. package/lib/module/components/Tile/styles.js +48 -0
  235. package/lib/module/components/Tile/styles.js.map +1 -0
  236. package/lib/module/components/index.js +3 -0
  237. package/lib/module/components/index.js.map +1 -1
  238. package/lib/module/figma/AlertDialog.Description.figma.js +14 -0
  239. package/lib/module/figma/AlertDialog.Description.figma.js.map +1 -0
  240. package/lib/module/figma/AlertDialog.Footer.figma.js +35 -0
  241. package/lib/module/figma/AlertDialog.Footer.figma.js.map +1 -0
  242. package/lib/module/figma/AlertDialog.Header.figma.js +22 -0
  243. package/lib/module/figma/AlertDialog.Header.figma.js.map +1 -0
  244. package/lib/module/figma/AlertDialog.Text.figma.js +14 -0
  245. package/lib/module/figma/AlertDialog.Text.figma.js.map +1 -0
  246. package/lib/module/figma/AlertDialog.Title.figma.js +21 -0
  247. package/lib/module/figma/AlertDialog.Title.figma.js.map +1 -0
  248. package/lib/module/figma/AlertDialog.figma.js +37 -0
  249. package/lib/module/figma/AlertDialog.figma.js.map +1 -0
  250. package/lib/module/figma/Avatar.figma.js +51 -0
  251. package/lib/module/figma/Avatar.figma.js.map +1 -0
  252. package/lib/module/figma/Button.figma.js +28 -15
  253. package/lib/module/figma/Button.figma.js.map +1 -1
  254. package/lib/module/figma/CLAUDE.md +30 -0
  255. package/lib/module/figma/Card.Header.figma.js +22 -0
  256. package/lib/module/figma/Card.Header.figma.js.map +1 -0
  257. package/lib/module/figma/Card.figma.js +36 -0
  258. package/lib/module/figma/Card.figma.js.map +1 -0
  259. package/lib/module/figma/Checkbox.figma.js +49 -0
  260. package/lib/module/figma/Checkbox.figma.js.map +1 -0
  261. package/lib/module/figma/Chip.figma.js +62 -0
  262. package/lib/module/figma/Chip.figma.js.map +1 -0
  263. package/lib/module/figma/Dialog.Description.figma.js +14 -0
  264. package/lib/module/figma/Dialog.Description.figma.js.map +1 -0
  265. package/lib/module/figma/Dialog.Footer.figma.js +24 -0
  266. package/lib/module/figma/Dialog.Footer.figma.js.map +1 -0
  267. package/lib/module/figma/Dialog.Header.figma.js +23 -0
  268. package/lib/module/figma/Dialog.Header.figma.js.map +1 -0
  269. package/lib/module/figma/Dialog.Text.figma.js +14 -0
  270. package/lib/module/figma/Dialog.Text.figma.js.map +1 -0
  271. package/lib/module/figma/Dialog.Title.figma.js +21 -0
  272. package/lib/module/figma/Dialog.Title.figma.js.map +1 -0
  273. package/lib/module/figma/Dialog.figma.js +45 -0
  274. package/lib/module/figma/Dialog.figma.js.map +1 -0
  275. package/lib/module/figma/Field.Input.figma.js +51 -0
  276. package/lib/module/figma/Field.Input.figma.js.map +1 -0
  277. package/lib/module/figma/Field.Select.figma.js +51 -0
  278. package/lib/module/figma/Field.Select.figma.js.map +1 -0
  279. package/lib/module/figma/Heading.figma.js +24 -0
  280. package/lib/module/figma/Heading.figma.js.map +1 -0
  281. package/lib/module/figma/Icon.figma.js +14 -0
  282. package/lib/module/figma/Icon.figma.js.map +1 -0
  283. package/lib/module/figma/IconButton.figma.js +41 -0
  284. package/lib/module/figma/IconButton.figma.js.map +1 -0
  285. package/lib/module/figma/Input.figma.js +46 -0
  286. package/lib/module/figma/Input.figma.js.map +1 -0
  287. package/lib/module/figma/Link.figma.js +24 -0
  288. package/lib/module/figma/Link.figma.js.map +1 -0
  289. package/lib/module/figma/ListItem.Description.figma.js +17 -0
  290. package/lib/module/figma/ListItem.Description.figma.js.map +1 -0
  291. package/lib/module/figma/ListItem.LeadingSlot.figma.js +18 -0
  292. package/lib/module/figma/ListItem.LeadingSlot.figma.js.map +1 -0
  293. package/lib/module/figma/ListItem.Meta.figma.js +17 -0
  294. package/lib/module/figma/ListItem.Meta.figma.js.map +1 -0
  295. package/lib/module/figma/ListItem.SectionHeader.figma.js +18 -0
  296. package/lib/module/figma/ListItem.SectionHeader.figma.js.map +1 -0
  297. package/lib/module/figma/ListItem.Title.figma.js +17 -0
  298. package/lib/module/figma/ListItem.Title.figma.js.map +1 -0
  299. package/lib/module/figma/ListItem.TrailingSlot.figma.js +18 -0
  300. package/lib/module/figma/ListItem.TrailingSlot.figma.js.map +1 -0
  301. package/lib/module/figma/ListItem.figma.js +44 -0
  302. package/lib/module/figma/ListItem.figma.js.map +1 -0
  303. package/lib/module/figma/ProgressSegmented.figma.js +33 -0
  304. package/lib/module/figma/ProgressSegmented.figma.js.map +1 -0
  305. package/lib/module/figma/Radio.figma.js +34 -0
  306. package/lib/module/figma/Radio.figma.js.map +1 -0
  307. package/lib/module/figma/Select.figma.js +47 -0
  308. package/lib/module/figma/Select.figma.js.map +1 -0
  309. package/lib/module/figma/Text.figma.js +26 -0
  310. package/lib/module/figma/Text.figma.js.map +1 -0
  311. package/lib/module/figma/icons.figma.batch.js +22 -0
  312. package/lib/module/figma/icons.figma.batch.js.map +1 -0
  313. package/lib/module/figma/icons.figma.batch.json +17705 -0
  314. package/lib/module/hooks/index.js +4 -0
  315. package/lib/module/hooks/index.js.map +1 -0
  316. package/lib/module/hooks/useForgeBottomTabScreenOptions.js +242 -0
  317. package/lib/module/hooks/useForgeBottomTabScreenOptions.js.map +1 -0
  318. package/lib/module/index.js +2 -0
  319. package/lib/module/index.js.map +1 -1
  320. package/lib/module/metro/withCdxMetroConfig.js +3 -17
  321. package/lib/module/metro/withCdxMetroConfig.js.map +1 -1
  322. package/lib/module/metro/withForgeMetroConfig.js +20 -0
  323. package/lib/module/metro/withForgeMetroConfig.js.map +1 -0
  324. package/lib/module/navigation/forgeTabIcon.js +39 -0
  325. package/lib/module/navigation/forgeTabIcon.js.map +1 -0
  326. package/lib/module/navigation/forgeTabIcon.native.js +31 -0
  327. package/lib/module/navigation/forgeTabIcon.native.js.map +1 -0
  328. package/lib/module/navigation/index.js +4 -0
  329. package/lib/module/navigation/index.js.map +1 -0
  330. package/lib/module/navigation/types.js +36 -0
  331. package/lib/module/navigation/types.js.map +1 -0
  332. package/lib/module/styles/primitives.js +43 -6
  333. package/lib/module/styles/primitives.js.map +1 -1
  334. package/lib/typescript/components/AlertDialog/index.d.ts +3 -2
  335. package/lib/typescript/components/AlertDialog/index.d.ts.map +1 -1
  336. package/lib/typescript/components/Avatar/styles.d.ts +4 -4
  337. package/lib/typescript/components/Avatar/styles.d.ts.map +1 -1
  338. package/lib/typescript/components/Button/index.d.ts +13 -1
  339. package/lib/typescript/components/Button/index.d.ts.map +1 -1
  340. package/lib/typescript/components/Button/styles.d.ts +5 -3
  341. package/lib/typescript/components/Button/styles.d.ts.map +1 -1
  342. package/lib/typescript/components/Card/index.d.ts +4 -3
  343. package/lib/typescript/components/Card/index.d.ts.map +1 -1
  344. package/lib/typescript/components/Card/styles.d.ts +13 -3
  345. package/lib/typescript/components/Card/styles.d.ts.map +1 -1
  346. package/lib/typescript/components/Checkbox/index.d.ts +1 -2
  347. package/lib/typescript/components/Checkbox/index.d.ts.map +1 -1
  348. package/lib/typescript/components/Checkbox/styles.d.ts +4 -14
  349. package/lib/typescript/components/Checkbox/styles.d.ts.map +1 -1
  350. package/lib/typescript/components/Chip/index.d.ts +19 -6
  351. package/lib/typescript/components/Chip/index.d.ts.map +1 -1
  352. package/lib/typescript/components/Chip/styles.d.ts +13 -4
  353. package/lib/typescript/components/Chip/styles.d.ts.map +1 -1
  354. package/lib/typescript/components/Dialog/index.d.ts +16 -10
  355. package/lib/typescript/components/Dialog/index.d.ts.map +1 -1
  356. package/lib/typescript/components/Dialog/styles.d.ts +16 -5
  357. package/lib/typescript/components/Dialog/styles.d.ts.map +1 -1
  358. package/lib/typescript/components/Field/FieldLabel.web.d.ts +2 -2
  359. package/lib/typescript/components/Field/FieldLabel.web.d.ts.map +1 -1
  360. package/lib/typescript/components/Field/index.d.ts.map +1 -1
  361. package/lib/typescript/components/Field/styles.d.ts.map +1 -1
  362. package/lib/typescript/components/Heading/styles.d.ts +1 -1
  363. package/lib/typescript/components/Icon/index.d.ts +5 -5
  364. package/lib/typescript/components/Icon/index.d.ts.map +1 -1
  365. package/lib/typescript/components/IconButton/index.d.ts +3 -3
  366. package/lib/typescript/components/IconButton/index.d.ts.map +1 -1
  367. package/lib/typescript/components/IconButton/styles.d.ts +6 -2
  368. package/lib/typescript/components/IconButton/styles.d.ts.map +1 -1
  369. package/lib/typescript/components/Input/styles.d.ts.map +1 -1
  370. package/lib/typescript/components/Link/index.d.ts +2 -2
  371. package/lib/typescript/components/Link/index.d.ts.map +1 -1
  372. package/lib/typescript/components/Link/styles.d.ts +9 -2
  373. package/lib/typescript/components/Link/styles.d.ts.map +1 -1
  374. package/lib/typescript/components/ListItem/index.d.ts.map +1 -1
  375. package/lib/typescript/components/ListItem/styles.d.ts +3 -10
  376. package/lib/typescript/components/ListItem/styles.d.ts.map +1 -1
  377. package/lib/typescript/components/ProgressSegmented/index.d.ts +14 -3
  378. package/lib/typescript/components/ProgressSegmented/index.d.ts.map +1 -1
  379. package/lib/typescript/components/Radio/index.d.ts +40 -0
  380. package/lib/typescript/components/Radio/index.d.ts.map +1 -0
  381. package/lib/typescript/components/Radio/styles.d.ts +8 -0
  382. package/lib/typescript/components/Radio/styles.d.ts.map +1 -0
  383. package/lib/typescript/components/ScopedTheme/index.d.ts +16 -0
  384. package/lib/typescript/components/ScopedTheme/index.d.ts.map +1 -0
  385. package/lib/typescript/components/Select/SelectTriggerHost.web.d.ts +3 -0
  386. package/lib/typescript/components/Select/SelectTriggerHost.web.d.ts.map +1 -1
  387. package/lib/typescript/components/Select/index.d.ts +1 -1
  388. package/lib/typescript/components/Select/index.d.ts.map +1 -1
  389. package/lib/typescript/components/Select/styles.d.ts.map +1 -1
  390. package/lib/typescript/components/Stack/styles.d.ts +2 -2
  391. package/lib/typescript/components/Text/styles.d.ts +1 -1
  392. package/lib/typescript/components/Tile/index.d.ts +70 -0
  393. package/lib/typescript/components/Tile/index.d.ts.map +1 -0
  394. package/lib/typescript/components/Tile/styles.d.ts +18 -0
  395. package/lib/typescript/components/Tile/styles.d.ts.map +1 -0
  396. package/lib/typescript/components/index.d.ts +3 -0
  397. package/lib/typescript/components/index.d.ts.map +1 -1
  398. package/lib/typescript/figma/AlertDialog.Description.figma.d.ts +8 -0
  399. package/lib/typescript/figma/AlertDialog.Description.figma.d.ts.map +1 -0
  400. package/lib/typescript/figma/AlertDialog.Footer.figma.d.ts +8 -0
  401. package/lib/typescript/figma/AlertDialog.Footer.figma.d.ts.map +1 -0
  402. package/lib/typescript/figma/AlertDialog.Header.figma.d.ts +8 -0
  403. package/lib/typescript/figma/AlertDialog.Header.figma.d.ts.map +1 -0
  404. package/lib/typescript/figma/AlertDialog.Text.figma.d.ts +8 -0
  405. package/lib/typescript/figma/AlertDialog.Text.figma.d.ts.map +1 -0
  406. package/lib/typescript/figma/AlertDialog.Title.figma.d.ts +8 -0
  407. package/lib/typescript/figma/AlertDialog.Title.figma.d.ts.map +1 -0
  408. package/lib/typescript/figma/AlertDialog.figma.d.ts +8 -0
  409. package/lib/typescript/figma/AlertDialog.figma.d.ts.map +1 -0
  410. package/lib/typescript/figma/Avatar.figma.d.ts +11 -0
  411. package/lib/typescript/figma/Avatar.figma.d.ts.map +1 -0
  412. package/lib/typescript/figma/Button.figma.d.ts.map +1 -1
  413. package/lib/typescript/figma/Card.Header.figma.d.ts +8 -0
  414. package/lib/typescript/figma/Card.Header.figma.d.ts.map +1 -0
  415. package/lib/typescript/figma/Card.figma.d.ts +8 -0
  416. package/lib/typescript/figma/Card.figma.d.ts.map +1 -0
  417. package/lib/typescript/figma/Checkbox.figma.d.ts +8 -0
  418. package/lib/typescript/figma/Checkbox.figma.d.ts.map +1 -0
  419. package/lib/typescript/figma/Chip.figma.d.ts +8 -0
  420. package/lib/typescript/figma/Chip.figma.d.ts.map +1 -0
  421. package/lib/typescript/figma/Dialog.Description.figma.d.ts +8 -0
  422. package/lib/typescript/figma/Dialog.Description.figma.d.ts.map +1 -0
  423. package/lib/typescript/figma/Dialog.Footer.figma.d.ts +8 -0
  424. package/lib/typescript/figma/Dialog.Footer.figma.d.ts.map +1 -0
  425. package/lib/typescript/figma/Dialog.Header.figma.d.ts +8 -0
  426. package/lib/typescript/figma/Dialog.Header.figma.d.ts.map +1 -0
  427. package/lib/typescript/figma/Dialog.Text.figma.d.ts +8 -0
  428. package/lib/typescript/figma/Dialog.Text.figma.d.ts.map +1 -0
  429. package/lib/typescript/figma/Dialog.Title.figma.d.ts +8 -0
  430. package/lib/typescript/figma/Dialog.Title.figma.d.ts.map +1 -0
  431. package/lib/typescript/figma/Dialog.figma.d.ts +8 -0
  432. package/lib/typescript/figma/Dialog.figma.d.ts.map +1 -0
  433. package/lib/typescript/figma/Field.Input.figma.d.ts +8 -0
  434. package/lib/typescript/figma/Field.Input.figma.d.ts.map +1 -0
  435. package/lib/typescript/figma/Field.Select.figma.d.ts +8 -0
  436. package/lib/typescript/figma/Field.Select.figma.d.ts.map +1 -0
  437. package/lib/typescript/figma/Heading.figma.d.ts +8 -0
  438. package/lib/typescript/figma/Heading.figma.d.ts.map +1 -0
  439. package/lib/typescript/figma/Icon.figma.d.ts +8 -0
  440. package/lib/typescript/figma/Icon.figma.d.ts.map +1 -0
  441. package/lib/typescript/figma/IconButton.figma.d.ts +8 -0
  442. package/lib/typescript/figma/IconButton.figma.d.ts.map +1 -0
  443. package/lib/typescript/figma/Input.figma.d.ts +8 -0
  444. package/lib/typescript/figma/Input.figma.d.ts.map +1 -0
  445. package/lib/typescript/figma/Link.figma.d.ts +8 -0
  446. package/lib/typescript/figma/Link.figma.d.ts.map +1 -0
  447. package/lib/typescript/figma/ListItem.Description.figma.d.ts +11 -0
  448. package/lib/typescript/figma/ListItem.Description.figma.d.ts.map +1 -0
  449. package/lib/typescript/figma/ListItem.LeadingSlot.figma.d.ts +8 -0
  450. package/lib/typescript/figma/ListItem.LeadingSlot.figma.d.ts.map +1 -0
  451. package/lib/typescript/figma/ListItem.Meta.figma.d.ts +11 -0
  452. package/lib/typescript/figma/ListItem.Meta.figma.d.ts.map +1 -0
  453. package/lib/typescript/figma/ListItem.SectionHeader.figma.d.ts +8 -0
  454. package/lib/typescript/figma/ListItem.SectionHeader.figma.d.ts.map +1 -0
  455. package/lib/typescript/figma/ListItem.Title.figma.d.ts +11 -0
  456. package/lib/typescript/figma/ListItem.Title.figma.d.ts.map +1 -0
  457. package/lib/typescript/figma/ListItem.TrailingSlot.figma.d.ts +8 -0
  458. package/lib/typescript/figma/ListItem.TrailingSlot.figma.d.ts.map +1 -0
  459. package/lib/typescript/figma/ListItem.figma.d.ts +8 -0
  460. package/lib/typescript/figma/ListItem.figma.d.ts.map +1 -0
  461. package/lib/typescript/figma/ProgressSegmented.figma.d.ts +8 -0
  462. package/lib/typescript/figma/ProgressSegmented.figma.d.ts.map +1 -0
  463. package/lib/typescript/figma/Radio.figma.d.ts +8 -0
  464. package/lib/typescript/figma/Radio.figma.d.ts.map +1 -0
  465. package/lib/typescript/figma/Select.figma.d.ts +8 -0
  466. package/lib/typescript/figma/Select.figma.d.ts.map +1 -0
  467. package/lib/typescript/figma/Text.figma.d.ts +11 -0
  468. package/lib/typescript/figma/Text.figma.d.ts.map +1 -0
  469. package/lib/typescript/figma/icons.figma.batch.d.ts +14 -0
  470. package/lib/typescript/figma/icons.figma.batch.d.ts.map +1 -0
  471. package/lib/typescript/hooks/index.d.ts +2 -0
  472. package/lib/typescript/hooks/index.d.ts.map +1 -0
  473. package/lib/typescript/hooks/useForgeBottomTabScreenOptions.d.ts +137 -0
  474. package/lib/typescript/hooks/useForgeBottomTabScreenOptions.d.ts.map +1 -0
  475. package/lib/typescript/index.d.ts +2 -0
  476. package/lib/typescript/index.d.ts.map +1 -1
  477. package/lib/typescript/metro/withCdxMetroConfig.d.ts +4 -18
  478. package/lib/typescript/metro/withCdxMetroConfig.d.ts.map +1 -1
  479. package/lib/typescript/metro/withForgeMetroConfig.d.ts +19 -0
  480. package/lib/typescript/metro/withForgeMetroConfig.d.ts.map +1 -0
  481. package/lib/typescript/navigation/forgeTabIcon.d.ts +27 -0
  482. package/lib/typescript/navigation/forgeTabIcon.d.ts.map +1 -0
  483. package/lib/typescript/navigation/forgeTabIcon.native.d.ts +15 -0
  484. package/lib/typescript/navigation/forgeTabIcon.native.d.ts.map +1 -0
  485. package/lib/typescript/navigation/index.d.ts +4 -0
  486. package/lib/typescript/navigation/index.d.ts.map +1 -0
  487. package/lib/typescript/navigation/types.d.ts +37 -0
  488. package/lib/typescript/navigation/types.d.ts.map +1 -0
  489. package/lib/typescript/styles/primitives.d.ts +38 -0
  490. package/lib/typescript/styles/primitives.d.ts.map +1 -1
  491. package/package.json +10 -8
  492. package/src/components/AlertDialog/index.tsx +8 -6
  493. package/src/components/Avatar/index.tsx +1 -1
  494. package/src/components/Avatar/styles.ts +49 -34
  495. package/src/components/Button/index.tsx +39 -5
  496. package/src/components/Button/styles.ts +56 -27
  497. package/src/components/CLAUDE.md +90 -0
  498. package/src/components/Card/index.tsx +41 -16
  499. package/src/components/Card/styles.ts +42 -15
  500. package/src/components/Checkbox/index.tsx +8 -19
  501. package/src/components/Checkbox/styles.ts +84 -86
  502. package/src/components/Chip/index.tsx +104 -27
  503. package/src/components/Chip/styles.ts +232 -18
  504. package/src/components/Dialog/index.tsx +95 -29
  505. package/src/components/Dialog/styles.ts +72 -30
  506. package/src/components/Field/FieldLabel.web.tsx +1 -1
  507. package/src/components/Field/index.tsx +10 -3
  508. package/src/components/Field/styles.ts +5 -4
  509. package/src/components/Heading/styles.ts +1 -1
  510. package/src/components/Icon/index.tsx +6 -7
  511. package/src/components/IconButton/index.tsx +7 -6
  512. package/src/components/IconButton/styles.ts +136 -10
  513. package/src/components/Input/styles.ts +15 -9
  514. package/src/components/Link/index.tsx +22 -9
  515. package/src/components/Link/styles.ts +49 -9
  516. package/src/components/ListItem/index.tsx +8 -23
  517. package/src/components/ListItem/styles.ts +50 -81
  518. package/src/components/ProgressSegmented/index.tsx +50 -14
  519. package/src/components/Radio/index.tsx +192 -0
  520. package/src/components/Radio/styles.ts +59 -0
  521. package/src/components/ScopedTheme/index.tsx +17 -0
  522. package/src/components/Select/SelectTriggerHost.web.tsx +8 -1
  523. package/src/components/Select/index.tsx +9 -4
  524. package/src/components/Select/styles.ts +49 -51
  525. package/src/components/Text/styles.ts +2 -2
  526. package/src/components/Tile/index.tsx +296 -0
  527. package/src/components/Tile/styles.ts +82 -0
  528. package/src/components/index.ts +3 -0
  529. package/src/hooks/index.ts +5 -0
  530. package/src/hooks/useForgeBottomTabScreenOptions.ts +245 -0
  531. package/src/index.ts +2 -0
  532. package/src/metro/withCdxMetroConfig.ts +4 -29
  533. package/src/metro/withForgeMetroConfig.ts +29 -0
  534. package/src/navigation/forgeTabIcon.native.ts +36 -0
  535. package/src/navigation/forgeTabIcon.ts +33 -0
  536. package/src/navigation/index.ts +3 -0
  537. package/src/navigation/types.ts +54 -0
  538. package/src/styles/primitives.ts +43 -6
@@ -23,7 +23,6 @@ const ListItemPrimitive = createListItem({
23
23
  const useListItemStyleContext = () => {
24
24
  const ctx = useStyleContext(SCOPE);
25
25
  return {
26
- size: ctx?.size ?? 'default',
27
26
  crossAlign: ctx?.crossAlign ?? 'center'
28
27
  };
29
28
  };
@@ -34,7 +33,6 @@ const useListItemStyleContext = () => {
34
33
 
35
34
  const ListItemRoot = /*#__PURE__*/forwardRef(({
36
35
  size = 'default',
37
- surface = 'default',
38
36
  showSeparator = true,
39
37
  crossAlign = 'center',
40
38
  className,
@@ -43,7 +41,6 @@ const ListItemRoot = /*#__PURE__*/forwardRef(({
43
41
  }, ref) => {
44
42
  const computedClassName = cn(listItemRootVariants({
45
43
  size,
46
- surface,
47
44
  showSeparator,
48
45
  crossAlign
49
46
  }), className);
@@ -51,16 +48,12 @@ const ListItemRoot = /*#__PURE__*/forwardRef(({
51
48
  ref: ref,
52
49
  className: computedClassName,
53
50
  context: {
54
- size,
55
- surface,
56
- showSeparator,
57
51
  crossAlign
58
52
  },
59
53
  crossAlign: crossAlign,
60
54
  showSeparator: showSeparator,
61
55
  size: size,
62
56
  style: style,
63
- surface: surface,
64
57
  ...props
65
58
  });
66
59
  });
@@ -105,14 +98,9 @@ const ListItemTitle = /*#__PURE__*/forwardRef(({
105
98
  style,
106
99
  ...props
107
100
  }, ref) => {
108
- const {
109
- size
110
- } = useListItemStyleContext();
111
101
  return /*#__PURE__*/_jsx(ListItemPrimitive.Title, {
112
102
  ref: ref,
113
- className: cn(listItemTitleVariants({
114
- size
115
- }), className),
103
+ className: cn(listItemTitleVariants(), className),
116
104
  numberOfLines: numberOfLines,
117
105
  style: style,
118
106
  ...props
@@ -124,14 +112,9 @@ const ListItemDescription = /*#__PURE__*/forwardRef(({
124
112
  style,
125
113
  ...props
126
114
  }, ref) => {
127
- const {
128
- size
129
- } = useListItemStyleContext();
130
115
  return /*#__PURE__*/_jsx(ListItemPrimitive.Description, {
131
116
  ref: ref,
132
- className: cn(listItemDescriptionVariants({
133
- size
134
- }), className),
117
+ className: cn(listItemDescriptionVariants(), className),
135
118
  style: style,
136
119
  ...props
137
120
  });
@@ -143,14 +126,9 @@ const ListItemMeta = /*#__PURE__*/forwardRef(({
143
126
  style,
144
127
  ...props
145
128
  }, ref) => {
146
- const {
147
- size
148
- } = useListItemStyleContext();
149
129
  return /*#__PURE__*/_jsx(ListItemPrimitive.Meta, {
150
130
  ref: ref,
151
- className: cn(listItemMetaVariants({
152
- size
153
- }), className),
131
+ className: cn(listItemMetaVariants(), className),
154
132
  numberOfLines: numberOfLines,
155
133
  style: style,
156
134
  ...props
@@ -1 +1 @@
1
- {"version":3,"names":["forwardRef","Pressable","Text","View","createListItem","cn","useStyleContext","withStyleContext","listItemContentVariants","listItemDescriptionVariants","listItemLeadingSlotVariants","listItemMetaVariants","listItemRootVariants","listItemSectionHeaderLabelVariants","listItemSectionHeaderVariants","listItemTitleVariants","listItemTrailingSlotVariants","jsx","_jsx","SCOPE","RootView","RootPressable","ListItemPrimitive","LeadingSlot","Content","Title","Description","Meta","TrailingSlot","SectionHeader","useListItemStyleContext","ctx","size","crossAlign","ListItemRoot","surface","showSeparator","className","style","props","ref","computedClassName","context","displayName","ListItemLeadingSlot","ListItemContent","ListItemTitle","numberOfLines","ListItemDescription","ListItemMeta","ListItemTrailingSlot","wrapSectionHeaderLabel","children","ListItemSectionHeader","showDivider","trailing","ListItem","Object","assign"],"sourceRoot":"../../../../src","sources":["components/ListItem/index.tsx"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"names":["forwardRef","Pressable","Text","View","createListItem","cn","useStyleContext","withStyleContext","listItemContentVariants","listItemDescriptionVariants","listItemLeadingSlotVariants","listItemMetaVariants","listItemRootVariants","listItemSectionHeaderLabelVariants","listItemSectionHeaderVariants","listItemTitleVariants","listItemTrailingSlotVariants","jsx","_jsx","SCOPE","RootView","RootPressable","ListItemPrimitive","LeadingSlot","Content","Title","Description","Meta","TrailingSlot","SectionHeader","useListItemStyleContext","ctx","crossAlign","ListItemRoot","size","showSeparator","className","style","props","ref","computedClassName","context","displayName","ListItemLeadingSlot","ListItemContent","ListItemTitle","numberOfLines","ListItemDescription","ListItemMeta","ListItemTrailingSlot","wrapSectionHeaderLabel","children","ListItemSectionHeader","showDivider","trailing","ListItem","Object","assign"],"sourceRoot":"../../../../src","sources":["components/ListItem/index.tsx"],"mappings":"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","ignoreList":[]}
@@ -2,25 +2,35 @@
2
2
 
3
3
  import { Platform } from 'react-native';
4
4
  import { cva } from 'class-variance-authority';
5
- import { COLOR_BORDER_DEFAULT, COLOR_TEXT_MUTED, COLOR_TEXT_PRIMARY, COLOR_TEXT_SECONDARY, TRANSITION_COLORS } from '../../styles/primitives';
5
+ import { TRANSITION_COLORS } from '../../styles/primitives';
6
6
 
7
- // ── Root (row): density, surface, separator, interactive feedback ──────────
7
+ // ── Root (row): density, separator, interactive feedback ───────────────────
8
+ //
9
+ // Web hover/active/focus paint an absolutely positioned bg-content-primary overlay at
10
+ // --opacity-hover (8%) / --opacity-hover-overlay (20%) / --opacity-selected (12%), plus a focus
11
+ // ring on focus-visible. State is driven by the data attributes the primitive root emits
12
+ // (data-hover / data-active / data-focus-visible) — or by the composed child on `asChild`
13
+ // (e.g. Link emits the same attributes). Native active uses a flat tint because ::before
14
+ // pseudo-elements are web-only.
15
+ //
16
+ // TODO: Handle native background color hover/focus transitions
8
17
 
9
- export const listItemRootVariants = cva(['flex-row self-stretch w-full px-4', 'data-[disabled=true]:opacity-50 data-[disabled=true]:pointer-events-none', 'data-[active=true]:opacity-70', TRANSITION_COLORS, Platform.select({
10
- web: ['outline-none', 'web:data-[hovered=true]:bg-slate-50', 'web:focus-visible:data-[disabled=false]:bg-slate-50', 'web:focus-visible:data-[disabled=false]:ring-2 web:focus-visible:data-[disabled=false]:ring-slate-400/40 web:focus-visible:data-[disabled=false]:ring-offset-2'].join(' '),
11
- default: ''
18
+ export const listItemRootVariants = cva(['relative flex-row self-stretch w-full overflow-clip px-5 bg-transparent', 'data-[disabled=true]:opacity-[var(--opacity-disabled)] data-[disabled=true]:pointer-events-none', TRANSITION_COLORS, Platform.select({
19
+ web: ['outline-none', 'before:pointer-events-none before:absolute before:inset-0 before:bg-content-primary before:opacity-0 before:content-[""]', 'before:transition-opacity before:duration-150 before:ease-out', 'data-[hover=true]:before:opacity-[var(--opacity-hover)]',
20
+ // Pressed wins over hover via the compound selector (higher specificity), mirroring Button.
21
+ 'data-[active=true]:data-[hover=true]:before:opacity-[var(--opacity-hover-overlay)]', 'data-[focus-visible=true]:before:opacity-[var(--opacity-selected)]', 'data-[focus-visible=true]:ring-2 data-[focus-visible=true]:ring-stroke-focus data-[focus-visible=true]:ring-offset-2'].join(' '),
22
+ default: 'data-[active=true]:bg-surface-primary-hover'
12
23
  })], {
13
24
  variants: {
14
25
  size: {
15
- default: 'gap-3 py-4',
16
- compact: 'gap-2 py-3'
17
- },
18
- surface: {
19
- default: 'bg-white',
20
- negative: 'bg-red-50'
26
+ default: 'gap-3 py-3 min-h-16',
27
+ compact: 'gap-3 py-2 min-h-12'
21
28
  },
22
29
  showSeparator: {
23
- true: ['border-b border-solid', COLOR_BORDER_DEFAULT],
30
+ true: ['border-b border-solid border-stroke-secondary', Platform.select({
31
+ web: 'before:-bottom-px',
32
+ default: ''
33
+ })].join(' '),
24
34
  false: 'border-b-0'
25
35
  },
26
36
  crossAlign: {
@@ -28,16 +38,8 @@ export const listItemRootVariants = cva(['flex-row self-stretch w-full px-4', 'd
28
38
  start: 'items-start'
29
39
  }
30
40
  },
31
- compoundVariants: [{
32
- surface: 'negative',
33
- className: Platform.select({
34
- web: 'web:data-[hovered=true]:bg-red-100/90',
35
- default: ''
36
- })
37
- }],
38
41
  defaultVariants: {
39
42
  size: 'default',
40
- surface: 'default',
41
43
  showSeparator: true,
42
44
  crossAlign: 'center'
43
45
  }
@@ -45,8 +47,8 @@ export const listItemRootVariants = cva(['flex-row self-stretch w-full px-4', 'd
45
47
 
46
48
  // ── Leading / trailing slots ─────────────────────────────────────────────────
47
49
 
48
- export const listItemLeadingSlotVariants = cva(['flex shrink-0 items-center justify-center']);
49
- export const listItemTrailingSlotVariants = cva(['flex shrink-0 flex-row justify-end gap-2'], {
50
+ export const listItemLeadingSlotVariants = cva(['relative z-10 flex shrink-0 items-center justify-center']);
51
+ export const listItemTrailingSlotVariants = cva(['relative z-10 flex shrink-0 flex-row justify-end gap-2'], {
50
52
  variants: {
51
53
  crossAlign: {
52
54
  center: 'items-center',
@@ -60,7 +62,7 @@ export const listItemTrailingSlotVariants = cva(['flex shrink-0 flex-row justify
60
62
 
61
63
  // ── Content stack (title / description / meta) ───────────────────────────────
62
64
 
63
- export const listItemContentVariants = cva(['flex min-w-0 flex-1 flex-col gap-1'], {
65
+ export const listItemContentVariants = cva('relative z-10 flex min-w-0 flex-1 flex-col gap-1', {
64
66
  variants: {
65
67
  crossAlign: {
66
68
  center: 'justify-center',
@@ -74,43 +76,13 @@ export const listItemContentVariants = cva(['flex min-w-0 flex-1 flex-col gap-1'
74
76
 
75
77
  // ── Typography ───────────────────────────────────────────────────────────────
76
78
 
77
- export const listItemTitleVariants = cva([COLOR_TEXT_PRIMARY, 'font-medium'], {
78
- variants: {
79
- size: {
80
- default: 'text-base leading-snug',
81
- compact: 'text-sm leading-snug'
82
- }
83
- },
84
- defaultVariants: {
85
- size: 'default'
86
- }
87
- });
88
- export const listItemDescriptionVariants = cva([COLOR_TEXT_SECONDARY], {
89
- variants: {
90
- size: {
91
- default: 'text-sm leading-normal',
92
- compact: 'text-xs leading-normal'
93
- }
94
- },
95
- defaultVariants: {
96
- size: 'default'
97
- }
98
- });
99
- export const listItemMetaVariants = cva([COLOR_TEXT_MUTED], {
100
- variants: {
101
- size: {
102
- default: 'text-xs leading-normal',
103
- compact: 'text-[11px] leading-normal'
104
- }
105
- },
106
- defaultVariants: {
107
- size: 'default'
108
- }
109
- });
79
+ export const listItemTitleVariants = cva('body-md font-medium text-content-primary');
80
+ export const listItemDescriptionVariants = cva('body-sm text-content-secondary');
81
+ export const listItemMetaVariants = cva('body-sm text-content-tertiary');
110
82
 
111
83
  // ── Section header (group label row inside lists / cards) ───────────────────
112
84
 
113
- export const listItemSectionHeaderVariants = cva(['flex-row items-center justify-between gap-2 border-b border-solid px-4 py-3', COLOR_BORDER_DEFAULT], {
85
+ export const listItemSectionHeaderVariants = cva(['flex-row items-center justify-between gap-2 border-b border-solid px-4 py-3', 'border-stroke-secondary'], {
114
86
  variants: {
115
87
  showDivider: {
116
88
  true: ['border-t-4 border-solid border-t-surface-brand-strong/40', 'border-x-0'],
@@ -123,5 +95,5 @@ export const listItemSectionHeaderVariants = cva(['flex-row items-center justify
123
95
  });
124
96
 
125
97
  /** Default section-title typography; applied by `ListItem.SectionHeader` for string/number children. Exported for rare custom composition. */
126
- export const listItemSectionHeaderLabelVariants = cva(['text-xs font-semibold uppercase tracking-wide', COLOR_TEXT_SECONDARY]);
98
+ export const listItemSectionHeaderLabelVariants = cva('text-xs font-semibold uppercase tracking-wide text-content-secondary');
127
99
  //# sourceMappingURL=styles.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["Platform","cva","COLOR_BORDER_DEFAULT","COLOR_TEXT_MUTED","COLOR_TEXT_PRIMARY","COLOR_TEXT_SECONDARY","TRANSITION_COLORS","listItemRootVariants","select","web","join","default","variants","size","compact","surface","negative","showSeparator","true","false","crossAlign","center","start","compoundVariants","className","defaultVariants","listItemLeadingSlotVariants","listItemTrailingSlotVariants","listItemContentVariants","listItemTitleVariants","listItemDescriptionVariants","listItemMetaVariants","listItemSectionHeaderVariants","showDivider","listItemSectionHeaderLabelVariants"],"sourceRoot":"../../../../src","sources":["components/ListItem/styles.ts"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"names":["Platform","cva","TRANSITION_COLORS","listItemRootVariants","select","web","join","default","variants","size","compact","showSeparator","true","false","crossAlign","center","start","defaultVariants","listItemLeadingSlotVariants","listItemTrailingSlotVariants","listItemContentVariants","listItemTitleVariants","listItemDescriptionVariants","listItemMetaVariants","listItemSectionHeaderVariants","showDivider","listItemSectionHeaderLabelVariants"],"sourceRoot":"../../../../src","sources":["components/ListItem/styles.ts"],"mappings":";;AAAA,SAASA,QAAQ,QAAQ,cAAc;AACvC,SAASC,GAAG,QAA2B,0BAA0B;AACjE,SAASC,iBAAiB,QAAQ,yBAAyB;;AAE3D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAO,MAAMC,oBAAoB,GAAGF,GAAG,CACrC,CACE,yEAAyE,EACzE,iGAAiG,EACjGC,iBAAiB,EACjBF,QAAQ,CAACI,MAAM,CAAC;EACdC,GAAG,EAAE,CACH,cAAc,EACd,0HAA0H,EAC1H,+DAA+D,EAC/D,yDAAyD;EACzD;EACA,oFAAoF,EACpF,oEAAoE,EACpE,sHAAsH,CACvH,CAACC,IAAI,CAAC,GAAG,CAAC;EACXC,OAAO,EAAE;AACX,CAAC,CAAC,CACH,EACD;EACEC,QAAQ,EAAE;IACRC,IAAI,EAAE;MACJF,OAAO,EAAE,qBAAqB;MAC9BG,OAAO,EAAE;IACX,CAAC;IACDC,aAAa,EAAE;MACbC,IAAI,EAAE,CACJ,+CAA+C,EAC/CZ,QAAQ,CAACI,MAAM,CAAC;QAAEC,GAAG,EAAE,mBAAmB;QAAEE,OAAO,EAAE;MAAG,CAAC,CAAC,CAC3D,CAACD,IAAI,CAAC,GAAG,CAAC;MACXO,KAAK,EAAE;IACT,CAAC;IACDC,UAAU,EAAE;MACVC,MAAM,EAAE,cAAc;MACtBC,KAAK,EAAE;IACT;EACF,CAAC;EACDC,eAAe,EAAE;IACfR,IAAI,EAAE,SAAS;IACfE,aAAa,EAAE,IAAI;IACnBG,UAAU,EAAE;EACd;AACF,CACF,CAAC;;AAED;;AAEA,OAAO,MAAMI,2BAA2B,GAAGjB,GAAG,CAAC,CAC7C,yDAAyD,CAC1D,CAAC;AAEF,OAAO,MAAMkB,4BAA4B,GAAGlB,GAAG,CAC7C,CAAC,wDAAwD,CAAC,EAC1D;EACEO,QAAQ,EAAE;IACRM,UAAU,EAAE;MACVC,MAAM,EAAE,cAAc;MACtBC,KAAK,EAAE;IACT;EACF,CAAC;EACDC,eAAe,EAAE;IACfH,UAAU,EAAE;EACd;AACF,CACF,CAAC;;AAED;;AAEA,OAAO,MAAMM,uBAAuB,GAAGnB,GAAG,CAAC,kDAAkD,EAAE;EAC7FO,QAAQ,EAAE;IACRM,UAAU,EAAE;MACVC,MAAM,EAAE,gBAAgB;MACxBC,KAAK,EAAE;IACT;EACF,CAAC;EACDC,eAAe,EAAE;IACfH,UAAU,EAAE;EACd;AACF,CAAC,CAAC;;AAEF;;AAEA,OAAO,MAAMO,qBAAqB,GAAGpB,GAAG,CAAC,0CAA0C,CAAC;AAEpF,OAAO,MAAMqB,2BAA2B,GAAGrB,GAAG,CAAC,gCAAgC,CAAC;AAEhF,OAAO,MAAMsB,oBAAoB,GAAGtB,GAAG,CAAC,+BAA+B,CAAC;;AAExE;;AAEA,OAAO,MAAMuB,6BAA6B,GAAGvB,GAAG,CAC9C,CACE,6EAA6E,EAC7E,yBAAyB,CAC1B,EACD;EACEO,QAAQ,EAAE;IACRiB,WAAW,EAAE;MACXb,IAAI,EAAE,CAAC,0DAA0D,EAAE,YAAY,CAAC;MAChFC,KAAK,EAAE;IACT;EACF,CAAC;EACDI,eAAe,EAAE;IACfQ,WAAW,EAAE;EACf;AACF,CACF,CAAC;;AAED;AACA,OAAO,MAAMC,kCAAkC,GAAGzB,GAAG,CACnD,sEACF,CAAC","ignoreList":[]}
@@ -1,23 +1,35 @@
1
1
  "use strict";
2
2
 
3
- import { forwardRef, useMemo } from 'react';
3
+ import { forwardRef, useEffect, useMemo } from 'react';
4
4
  import { View } from 'react-native';
5
5
  import { cn } from '@cdx-ui/utils';
6
6
  import { progressSegmentedVariants, segmentVariants } from './styles';
7
+
8
+ /* `ProgressSegmentedProps.total` remains in the public API until the next major release. */
9
+ /* eslint-disable @typescript-eslint/no-deprecated */
7
10
  import { jsx as _jsx } from "react/jsx-runtime";
8
11
  export const ProgressSegmented = /*#__PURE__*/forwardRef(({
9
12
  step,
10
- total = 5,
13
+ segments,
14
+ total,
11
15
  isStepComplete = false,
12
16
  getAccessibilityText,
13
17
  className,
14
18
  accessibilityLabel = 'Progress',
15
19
  ...props
16
20
  }, ref) => {
17
- const clampedStep = Math.max(0, Math.min(step, total));
18
- const segments = useMemo(() => {
21
+ const segmentCount = segments ?? total ?? 5;
22
+
23
+ // TODO: Remove this once the `total` prop is removed.
24
+ useEffect(() => {
25
+ if (typeof process !== 'undefined' && process.env.NODE_ENV !== 'production' && total !== undefined && segments === undefined) {
26
+ console.warn('[ProgressSegmented] The `total` prop is deprecated and will be removed in a future major release. Use `segments` instead.');
27
+ }
28
+ }, [total, segments]);
29
+ const clampedStep = Math.max(0, Math.min(step, segmentCount));
30
+ const segmentStates = useMemo(() => {
19
31
  return Array.from({
20
- length: total
32
+ length: segmentCount
21
33
  }, (_, index) => {
22
34
  const segmentIndex = index + 1;
23
35
  let state = 'incomplete';
@@ -28,12 +40,12 @@ export const ProgressSegmented = /*#__PURE__*/forwardRef(({
28
40
  }
29
41
  return state;
30
42
  });
31
- }, [total, clampedStep, isStepComplete]);
32
- let accessibilityText = `Step ${String(clampedStep)} of ${String(total)}`;
43
+ }, [segmentCount, clampedStep, isStepComplete]);
44
+ let accessibilityText = `Step ${String(clampedStep)} of ${String(segmentCount)}`;
33
45
  if (getAccessibilityText) {
34
- accessibilityText = getAccessibilityText(clampedStep, total, isStepComplete);
46
+ accessibilityText = getAccessibilityText(clampedStep, segmentCount, isStepComplete);
35
47
  } else if (isStepComplete) {
36
- accessibilityText = `Step ${String(clampedStep)} of ${String(total)}, completed`;
48
+ accessibilityText = `Step ${String(clampedStep)} of ${String(segmentCount)}, completed`;
37
49
  }
38
50
  return /*#__PURE__*/_jsx(View, {
39
51
  ref: ref,
@@ -41,13 +53,13 @@ export const ProgressSegmented = /*#__PURE__*/forwardRef(({
41
53
  accessibilityLabel: accessibilityLabel,
42
54
  accessibilityValue: {
43
55
  min: 0,
44
- max: total,
56
+ max: segmentCount,
45
57
  now: clampedStep,
46
58
  text: accessibilityText
47
59
  },
48
60
  className: cn(progressSegmentedVariants(), className),
49
61
  ...props,
50
- children: segments.map((state, index) => /*#__PURE__*/_jsx(View, {
62
+ children: segmentStates.map((state, index) => /*#__PURE__*/_jsx(View, {
51
63
  className: cn(segmentVariants({
52
64
  state
53
65
  }))
@@ -55,4 +67,6 @@ export const ProgressSegmented = /*#__PURE__*/forwardRef(({
55
67
  });
56
68
  });
57
69
  ProgressSegmented.displayName = 'ProgressSegmented';
70
+
71
+ /* eslint-enable @typescript-eslint/no-deprecated */
58
72
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["forwardRef","useMemo","View","cn","progressSegmentedVariants","segmentVariants","jsx","_jsx","ProgressSegmented","step","total","isStepComplete","getAccessibilityText","className","accessibilityLabel","props","ref","clampedStep","Math","max","min","segments","Array","from","length","_","index","segmentIndex","state","accessibilityText","String","accessibilityRole","accessibilityValue","now","text","children","map","displayName"],"sourceRoot":"../../../../src","sources":["components/ProgressSegmented/index.tsx"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,OAAO,QAAQ,OAAO;AAC3C,SAASC,IAAI,QAAwB,cAAc;AACnD,SAASC,EAAE,QAAQ,eAAe;AAClC,SACEC,yBAAyB,EACzBC,eAAe,QAEV,UAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAclB,OAAO,MAAMC,iBAAiB,gBAAGR,UAAU,CACzC,CACE;EACES,IAAI;EACJC,KAAK,GAAG,CAAC;EACTC,cAAc,GAAG,KAAK;EACtBC,oBAAoB;EACpBC,SAAS;EACTC,kBAAkB,GAAG,UAAU;EAC/B,GAAGC;AACL,CAAC,EACDC,GAAG,KACA;EACH,MAAMC,WAAW,GAAGC,IAAI,CAACC,GAAG,CAAC,CAAC,EAAED,IAAI,CAACE,GAAG,CAACX,IAAI,EAAEC,KAAK,CAAC,CAAC;EAEtD,MAAMW,QAAQ,GAAGpB,OAAO,CAAC,MAAM;IAC7B,OAAOqB,KAAK,CAACC,IAAI,CAAC;MAAEC,MAAM,EAAEd;IAAM,CAAC,EAAE,CAACe,CAAC,EAAEC,KAAK,KAAK;MACjD,MAAMC,YAAY,GAAGD,KAAK,GAAG,CAAC;MAC9B,IAAIE,KAA+C,GAAG,YAAY;MAElE,IAAID,YAAY,GAAGV,WAAW,IAAKN,cAAc,IAAIgB,YAAY,KAAKV,WAAY,EAAE;QAClFW,KAAK,GAAG,UAAU;MACpB,CAAC,MAAM,IAAID,YAAY,KAAKV,WAAW,EAAE;QACvCW,KAAK,GAAG,YAAY;MACtB;MAEA,OAAOA,KAAK;IACd,CAAC,CAAC;EACJ,CAAC,EAAE,CAAClB,KAAK,EAAEO,WAAW,EAAEN,cAAc,CAAC,CAAC;EAExC,IAAIkB,iBAAiB,GAAG,QAAQC,MAAM,CAACb,WAAW,CAAC,OAAOa,MAAM,CAACpB,KAAK,CAAC,EAAE;EACzE,IAAIE,oBAAoB,EAAE;IACxBiB,iBAAiB,GAAGjB,oBAAoB,CAACK,WAAW,EAAEP,KAAK,EAAEC,cAAc,CAAC;EAC9E,CAAC,MAAM,IAAIA,cAAc,EAAE;IACzBkB,iBAAiB,GAAG,QAAQC,MAAM,CAACb,WAAW,CAAC,OAAOa,MAAM,CAACpB,KAAK,CAAC,aAAa;EAClF;EAEA,oBACEH,IAAA,CAACL,IAAI;IACHc,GAAG,EAAEA,GAAI;IACTe,iBAAiB,EAAC,aAAa;IAC/BjB,kBAAkB,EAAEA,kBAAmB;IACvCkB,kBAAkB,EAAE;MAClBZ,GAAG,EAAE,CAAC;MACND,GAAG,EAAET,KAAK;MACVuB,GAAG,EAAEhB,WAAW;MAChBiB,IAAI,EAAEL;IACR,CAAE;IACFhB,SAAS,EAAEV,EAAE,CAACC,yBAAyB,CAAC,CAAC,EAAES,SAAS,CAAE;IAAA,GAClDE,KAAK;IAAAoB,QAAA,EAERd,QAAQ,CAACe,GAAG,CAAC,CAACR,KAAK,EAAEF,KAAK,kBACzBnB,IAAA,CAACL,IAAI;MAAaW,SAAS,EAAEV,EAAE,CAACE,eAAe,CAAC;QAAEuB;MAAM,CAAC,CAAC;IAAE,GAAjDF,KAAmD,CAC/D;EAAC,CACE,CAAC;AAEX,CACF,CAAC;AAEDlB,iBAAiB,CAAC6B,WAAW,GAAG,mBAAmB","ignoreList":[]}
1
+ {"version":3,"names":["forwardRef","useEffect","useMemo","View","cn","progressSegmentedVariants","segmentVariants","jsx","_jsx","ProgressSegmented","step","segments","total","isStepComplete","getAccessibilityText","className","accessibilityLabel","props","ref","segmentCount","process","env","NODE_ENV","undefined","console","warn","clampedStep","Math","max","min","segmentStates","Array","from","length","_","index","segmentIndex","state","accessibilityText","String","accessibilityRole","accessibilityValue","now","text","children","map","displayName"],"sourceRoot":"../../../../src","sources":["components/ProgressSegmented/index.tsx"],"mappings":"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","ignoreList":[]}
@@ -0,0 +1,164 @@
1
+ "use strict";
2
+
3
+ import { forwardRef } from 'react';
4
+ import { Pressable, Text, View } from 'react-native';
5
+ import { createRadio, dataAttributes } from '@cdx-ui/primitives';
6
+ import { cn } from '@cdx-ui/utils';
7
+ import { radioGroupVariants, radioIndicatorVariants, radioInnerDotVariants, radioLabelVariants, radioRootVariants } from './styles';
8
+
9
+ // =============================================================================
10
+ // STYLED INDICATOR BASE
11
+ // =============================================================================
12
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
13
+ const RadioIndicatorBase = /*#__PURE__*/forwardRef(({
14
+ className,
15
+ children,
16
+ style,
17
+ ...props
18
+ }, ref) => {
19
+ // On web, data attributes arrive as `dataSet: { checked: true }`.
20
+ // On native, they arrive as individual `data-checked: "true"` props.
21
+ const ds = props.dataSet;
22
+ const isChecked = ds ? ds.checked === true : props['data-checked'] === 'true';
23
+ const isInvalid = ds ? ds.invalid === true : props['data-invalid'] === 'true';
24
+ const isHovered = ds ? ds.hover === true : props['data-hover'] === 'true';
25
+ return /*#__PURE__*/_jsxs(View, {
26
+ ref: ref,
27
+ className: cn(radioIndicatorVariants(), className),
28
+ style: style,
29
+ ...props,
30
+ children: [/*#__PURE__*/_jsx(View, {
31
+ className: cn(radioInnerDotVariants()),
32
+ ...dataAttributes({
33
+ checked: isChecked,
34
+ invalid: isInvalid,
35
+ hover: isHovered
36
+ })
37
+ }), children]
38
+ });
39
+ });
40
+ RadioIndicatorBase.displayName = 'Radio.IndicatorBase';
41
+
42
+ // =============================================================================
43
+ // PRIMITIVE ASSEMBLY
44
+ // =============================================================================
45
+
46
+ const RadioPrimitive = createRadio({
47
+ Root: Pressable,
48
+ Indicator: RadioIndicatorBase,
49
+ Label: Text,
50
+ Group: View
51
+ });
52
+
53
+ // =============================================================================
54
+ // RADIO ROOT
55
+ // =============================================================================
56
+
57
+ const RadioRoot = /*#__PURE__*/forwardRef(({
58
+ className,
59
+ children,
60
+ style,
61
+ ...props
62
+ }, ref) => {
63
+ const computedClassName = cn(radioRootVariants(), className);
64
+ return /*#__PURE__*/_jsx(RadioPrimitive, {
65
+ ref: ref,
66
+ className: computedClassName,
67
+ style: style,
68
+ ...props,
69
+ children: children
70
+ });
71
+ });
72
+ RadioRoot.displayName = 'Radio';
73
+
74
+ // =============================================================================
75
+ // RADIO INDICATOR
76
+ // =============================================================================
77
+
78
+ const RadioIndicator = /*#__PURE__*/forwardRef(({
79
+ className,
80
+ children,
81
+ style,
82
+ ...props
83
+ }, ref) => {
84
+ return /*#__PURE__*/_jsx(RadioPrimitive.Indicator, {
85
+ ref: ref,
86
+ className: className,
87
+ style: style,
88
+ ...props,
89
+ children: children
90
+ });
91
+ });
92
+ RadioIndicator.displayName = 'Radio.Indicator';
93
+
94
+ // =============================================================================
95
+ // RADIO LABEL
96
+ // =============================================================================
97
+
98
+ const RadioLabel = /*#__PURE__*/forwardRef(({
99
+ className,
100
+ children,
101
+ style,
102
+ ...props
103
+ }, ref) => {
104
+ const computedClassName = cn(radioLabelVariants(), className);
105
+ return /*#__PURE__*/_jsx(RadioPrimitive.Label, {
106
+ ref: ref,
107
+ className: computedClassName,
108
+ style: style,
109
+ ...props,
110
+ children: children
111
+ });
112
+ });
113
+ RadioLabel.displayName = 'Radio.Label';
114
+
115
+ // =============================================================================
116
+ // RADIO GROUP
117
+ // =============================================================================
118
+
119
+ const RadioGroup = /*#__PURE__*/forwardRef(({
120
+ className,
121
+ children,
122
+ style,
123
+ direction = 'column',
124
+ value,
125
+ defaultValue,
126
+ onChange,
127
+ isDisabled,
128
+ isInvalid,
129
+ isRequired,
130
+ isReadOnly,
131
+ name,
132
+ ...viewProps
133
+ }, ref) => {
134
+ const computedClassName = cn(radioGroupVariants({
135
+ direction
136
+ }), className);
137
+ return /*#__PURE__*/_jsx(RadioPrimitive.Group, {
138
+ ref: ref,
139
+ className: computedClassName,
140
+ style: style,
141
+ value: value,
142
+ defaultValue: defaultValue,
143
+ onChange: onChange,
144
+ isDisabled: isDisabled,
145
+ isInvalid: isInvalid,
146
+ isRequired: isRequired,
147
+ isReadOnly: isReadOnly,
148
+ name: name,
149
+ ...viewProps,
150
+ children: children
151
+ });
152
+ });
153
+ RadioGroup.displayName = 'Radio.Group';
154
+
155
+ // =============================================================================
156
+ // COMPOUND COMPONENT
157
+ // =============================================================================
158
+
159
+ export const Radio = Object.assign(RadioRoot, {
160
+ Indicator: RadioIndicator,
161
+ Label: RadioLabel,
162
+ Group: RadioGroup
163
+ });
164
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["forwardRef","Pressable","Text","View","createRadio","dataAttributes","cn","radioGroupVariants","radioIndicatorVariants","radioInnerDotVariants","radioLabelVariants","radioRootVariants","jsx","_jsx","jsxs","_jsxs","RadioIndicatorBase","className","children","style","props","ref","ds","dataSet","isChecked","checked","isInvalid","invalid","isHovered","hover","displayName","RadioPrimitive","Root","Indicator","Label","Group","RadioRoot","computedClassName","RadioIndicator","RadioLabel","RadioGroup","direction","value","defaultValue","onChange","isDisabled","isRequired","isReadOnly","name","viewProps","Radio","Object","assign"],"sourceRoot":"../../../../src","sources":["components/Radio/index.tsx"],"mappings":"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","ignoreList":[]}
@@ -0,0 +1,27 @@
1
+ "use strict";
2
+
3
+ import { Platform } from 'react-native';
4
+ import { cva } from 'class-variance-authority';
5
+ import { DISABLED_CURSOR, TRANSITION_COLORS } from '../../styles/primitives';
6
+ export const radioRootVariants = cva(['flex-row items-center gap-2', 'data-[disabled=true]:opacity-[var(--opacity-disabled)]', DISABLED_CURSOR]);
7
+ export const radioIndicatorVariants = cva(['items-center justify-center', 'rounded-[var(--border-radius-round)]', 'border-[length:var(--border-width-selected)]', 'h-5 w-5', 'bg-surface-primary', 'data-[checked=false]:border-content-secondary', 'data-[checked=true]:border-stroke-action', 'data-[invalid=true]:border-stroke-danger', 'data-[checked=true]:data-[invalid=true]:border-stroke-danger', Platform.select({
8
+ web: [TRANSITION_COLORS, 'data-[hover=true]:data-[checked=true]:border-surface-action-strong-hover', 'data-[hover=true]:data-[invalid=true]:border-surface-danger-strong-hover', 'web:data-[focus-visible=true]:outline-none', 'web:data-[focus-visible=true]:ring-2 web:data-[focus-visible=true]:ring-[var(--color-stroke-ring)] web:data-[focus-visible=true]:ring-offset-2'].join(' '),
9
+ default: ''
10
+ })]);
11
+ export const radioInnerDotVariants = cva(['rounded-[var(--border-radius-round)]', 'h-2.5 w-2.5', 'scale-0', 'data-[checked=true]:scale-100', 'bg-surface-action-strong', 'data-[invalid=true]:bg-surface-danger-strong', Platform.select({
12
+ web: ['data-[hover=true]:bg-surface-action-strong-hover', 'data-[hover=true]:data-[invalid=true]:bg-surface-danger-strong-hover'].join(' '),
13
+ default: ''
14
+ })]);
15
+ export const radioLabelVariants = cva(['body-md', 'text-content-primary']);
16
+ export const radioGroupVariants = cva([], {
17
+ variants: {
18
+ direction: {
19
+ column: 'gap-2',
20
+ row: 'flex-row gap-4'
21
+ }
22
+ },
23
+ defaultVariants: {
24
+ direction: 'column'
25
+ }
26
+ });
27
+ //# sourceMappingURL=styles.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["Platform","cva","DISABLED_CURSOR","TRANSITION_COLORS","radioRootVariants","radioIndicatorVariants","select","web","join","default","radioInnerDotVariants","radioLabelVariants","radioGroupVariants","variants","direction","column","row","defaultVariants"],"sourceRoot":"../../../../src","sources":["components/Radio/styles.ts"],"mappings":";;AAAA,SAASA,QAAQ,QAAQ,cAAc;AACvC,SAASC,GAAG,QAAQ,0BAA0B;AAC9C,SAASC,eAAe,EAAEC,iBAAiB,QAAQ,yBAAyB;AAE5E,OAAO,MAAMC,iBAAiB,GAAGH,GAAG,CAAC,CACnC,6BAA6B,EAC7B,wDAAwD,EACxDC,eAAe,CAChB,CAAC;AAEF,OAAO,MAAMG,sBAAsB,GAAGJ,GAAG,CAAC,CACxC,6BAA6B,EAC7B,sCAAsC,EACtC,8CAA8C,EAC9C,SAAS,EACT,oBAAoB,EACpB,+CAA+C,EAC/C,0CAA0C,EAC1C,0CAA0C,EAC1C,8DAA8D,EAC9DD,QAAQ,CAACM,MAAM,CAAC;EACdC,GAAG,EAAE,CACHJ,iBAAiB,EACjB,0EAA0E,EAC1E,0EAA0E,EAC1E,4CAA4C,EAC5C,gJAAgJ,CACjJ,CAACK,IAAI,CAAC,GAAG,CAAC;EACXC,OAAO,EAAE;AACX,CAAC,CAAC,CACH,CAAC;AAEF,OAAO,MAAMC,qBAAqB,GAAGT,GAAG,CAAC,CACvC,sCAAsC,EACtC,aAAa,EACb,SAAS,EACT,+BAA+B,EAC/B,0BAA0B,EAC1B,8CAA8C,EAC9CD,QAAQ,CAACM,MAAM,CAAC;EACdC,GAAG,EAAE,CACH,kDAAkD,EAClD,sEAAsE,CACvE,CAACC,IAAI,CAAC,GAAG,CAAC;EACXC,OAAO,EAAE;AACX,CAAC,CAAC,CACH,CAAC;AAEF,OAAO,MAAME,kBAAkB,GAAGV,GAAG,CAAC,CAAC,SAAS,EAAE,sBAAsB,CAAC,CAAC;AAE1E,OAAO,MAAMW,kBAAkB,GAAGX,GAAG,CAAC,EAAE,EAAE;EACxCY,QAAQ,EAAE;IACRC,SAAS,EAAE;MACTC,MAAM,EAAE,OAAO;MACfC,GAAG,EAAE;IACP;EACF,CAAC;EACDC,eAAe,EAAE;IAAEH,SAAS,EAAE;EAAS;AACzC,CAAC,CAAC","ignoreList":[]}
@@ -0,0 +1,19 @@
1
+ "use strict";
2
+
3
+ import { ScopedTheme as UniwindScopedTheme } from 'uniwind';
4
+ import { jsx as _jsx } from "react/jsx-runtime";
5
+ /**
6
+ * Forces a specific theme on a component subtree, regardless of the application's
7
+ * global theme. Useful for marketing heroes, embedded widgets, or preview surfaces
8
+ * that must render in a fixed mode.
9
+ *
10
+ * Wraps Uniwind's `ScopedTheme` to keep `uniwind` an internal implementation detail.
11
+ *
12
+ * Web requires `@custom-variant dark (&:where(.dark, .dark *));` in the consuming
13
+ * app's `global.css`. See the Storybook story (`Theming/ScopedTheme`) for the full
14
+ * mechanism, light-vs-dark asymmetry, and dynamic-switch caveat.
15
+ */
16
+ export const ScopedTheme = props => /*#__PURE__*/_jsx(UniwindScopedTheme, {
17
+ ...props
18
+ });
19
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["ScopedTheme","UniwindScopedTheme","jsx","_jsx","props"],"sourceRoot":"../../../../src","sources":["components/ScopedTheme/index.tsx"],"mappings":";;AACA,SAASA,WAAW,IAAIC,kBAAkB,QAAQ,SAAS;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAI5D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMH,WAAW,GAAII,KAAuB,iBAAKD,IAAA,CAACF,kBAAkB;EAAA,GAAKG;AAAK,CAAG,CAAC","ignoreList":[]}
@@ -2,6 +2,7 @@
2
2
 
3
3
  import React, { forwardRef } from 'react';
4
4
  import { StyleSheet } from 'react-native';
5
+ import { domDataAttributes } from '@cdx-ui/primitives';
5
6
  import { jsx as _jsx } from "react/jsx-runtime";
6
7
  /** Props that must not be forwarded to a DOM `<button>`. */
7
8
  const OMIT = new Set(['hitSlop', 'pressRetentionOffset', 'android_ripple', 'android_disableSound', 'unstable_pressDelay', 'onLongPress', 'delayLongPress', 'onPress', 'onPressIn', 'onPressOut', 'onHoverIn', 'onHoverOut', 'disabled', 'style', 'className', 'testID', 'children', 'accessible', 'accessibilityActions', 'accessibilityElementsHidden', 'accessibilityHint', 'accessibilityIgnoresInvertColors', 'accessibilityLabel', 'accessibilityLabelledBy', 'accessibilityLiveRegion', 'accessibilityRole', 'accessibilityState', 'accessibilityValue', 'accessibilityViewIsModal', 'importantForAccessibility', 'needsOffscreenAlphaCompositing', 'collapsable', 'shouldRasterizeIOS', 'removeClippedSubviews', 'onAccessibilityAction', 'onAccessibilityEscape', 'onAccessibilityTap']);
@@ -51,13 +52,16 @@ export const SelectTriggerHost = /*#__PURE__*/forwardRef(function SelectTriggerH
51
52
  style,
52
53
  className,
53
54
  testID,
55
+ dataSet,
54
56
  ...rest
55
57
  } = props;
56
58
  const domProps = filterDomProps(rest);
59
+ const dataAttrs = domDataAttributes(dataSet ?? {});
57
60
  const flattened = StyleSheet.flatten(style);
58
61
  return /*#__PURE__*/_jsx("button", {
59
62
  ref: ref,
60
63
  ...domProps,
64
+ ...dataAttrs,
61
65
  type: "button",
62
66
  disabled: !!disabled,
63
67
  className: typeof className === 'string' ? className : undefined,