@ankhorage/surface 4.2.0 → 4.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (623) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/components/field/Field.js +1 -1
  3. package/dist/components/field/Field.js.map +1 -1
  4. package/dist/components/helper-text/HelperText.js +1 -1
  5. package/dist/components/helper-text/HelperText.js.map +1 -1
  6. package/dist/components/label/Label.js +1 -1
  7. package/dist/components/label/Label.js.map +1 -1
  8. package/dist/components/list-item/ListItem.js +2 -2
  9. package/dist/components/list-item/ListItem.js.map +1 -1
  10. package/dist/components/menu/Menu.d.ts.map +1 -1
  11. package/dist/components/menu/Menu.js +4 -2
  12. package/dist/components/menu/Menu.js.map +1 -1
  13. package/dist/components/modal/Modal.d.ts.map +1 -1
  14. package/dist/components/modal/Modal.js +2 -1
  15. package/dist/components/modal/Modal.js.map +1 -1
  16. package/dist/components/switch/Switch.js +2 -2
  17. package/dist/components/switch/Switch.js.map +1 -1
  18. package/dist/components/tabs/Tab.js +2 -2
  19. package/dist/components/tabs/Tab.js.map +1 -1
  20. package/dist/components/tabs/TabList.js +1 -1
  21. package/dist/components/tabs/TabList.js.map +1 -1
  22. package/dist/components/tabs/Tabs.js +1 -1
  23. package/dist/components/tabs/Tabs.js.map +1 -1
  24. package/dist/components/textarea/Textarea.js +1 -1
  25. package/dist/components/textarea/Textarea.js.map +1 -1
  26. package/dist/components/textarea/types.d.ts +1 -1
  27. package/dist/components/textarea/types.d.ts.map +1 -1
  28. package/dist/components/textarea/types.js.map +1 -1
  29. package/dist/components/toast/Toast.d.ts.map +1 -1
  30. package/dist/components/toast/Toast.js +4 -2
  31. package/dist/components/toast/Toast.js.map +1 -1
  32. package/dist/components/toast/ToastProvider.js +1 -1
  33. package/dist/components/toast/ToastProvider.js.map +1 -1
  34. package/dist/components/tooltip/Tooltip.js +2 -2
  35. package/dist/components/tooltip/Tooltip.js.map +1 -1
  36. package/dist/examples/DocsExamples.js +6 -6
  37. package/dist/examples/DocsExamples.js.map +1 -1
  38. package/dist/features/accordion/adapters/inbound/Accordion.d.ts +5 -0
  39. package/dist/features/accordion/adapters/inbound/Accordion.d.ts.map +1 -0
  40. package/dist/features/accordion/adapters/inbound/Accordion.js +46 -0
  41. package/dist/features/accordion/adapters/inbound/Accordion.js.map +1 -0
  42. package/dist/features/accordion/adapters/inbound/AccordionContent.d.ts +5 -0
  43. package/dist/features/accordion/adapters/inbound/AccordionContent.d.ts.map +1 -0
  44. package/dist/features/accordion/adapters/inbound/AccordionContent.js +16 -0
  45. package/dist/features/accordion/adapters/inbound/AccordionContent.js.map +1 -0
  46. package/dist/features/accordion/adapters/inbound/AccordionContext.d.ts +4 -0
  47. package/dist/features/accordion/adapters/inbound/AccordionContext.d.ts.map +1 -0
  48. package/dist/features/accordion/adapters/inbound/AccordionContext.js +3 -0
  49. package/dist/features/accordion/adapters/inbound/AccordionContext.js.map +1 -0
  50. package/dist/features/accordion/adapters/inbound/AccordionItem.d.ts +5 -0
  51. package/dist/features/accordion/adapters/inbound/AccordionItem.d.ts.map +1 -0
  52. package/dist/features/accordion/adapters/inbound/AccordionItem.js +28 -0
  53. package/dist/features/accordion/adapters/inbound/AccordionItem.js.map +1 -0
  54. package/dist/features/accordion/adapters/inbound/AccordionItemContext.d.ts +4 -0
  55. package/dist/features/accordion/adapters/inbound/AccordionItemContext.d.ts.map +1 -0
  56. package/dist/features/accordion/adapters/inbound/AccordionItemContext.js +3 -0
  57. package/dist/features/accordion/adapters/inbound/AccordionItemContext.js.map +1 -0
  58. package/dist/features/accordion/adapters/inbound/AccordionTrigger.d.ts +5 -0
  59. package/dist/features/accordion/adapters/inbound/AccordionTrigger.d.ts.map +1 -0
  60. package/dist/features/accordion/adapters/inbound/AccordionTrigger.js +17 -0
  61. package/dist/features/accordion/adapters/inbound/AccordionTrigger.js.map +1 -0
  62. package/dist/features/accordion/public.d.ts +6 -0
  63. package/dist/features/accordion/public.d.ts.map +1 -0
  64. package/dist/features/accordion/public.js +5 -0
  65. package/dist/features/accordion/public.js.map +1 -0
  66. package/dist/features/accordion/utils/resolveAccordionToggle.d.ts +11 -0
  67. package/dist/features/accordion/utils/resolveAccordionToggle.d.ts.map +1 -0
  68. package/dist/features/accordion/utils/resolveAccordionToggle.js +13 -0
  69. package/dist/features/accordion/utils/resolveAccordionToggle.js.map +1 -0
  70. package/dist/features/badge/adapters/inbound/Badge.d.ts +5 -0
  71. package/dist/features/badge/adapters/inbound/Badge.d.ts.map +1 -0
  72. package/dist/features/badge/adapters/inbound/Badge.js +30 -0
  73. package/dist/features/badge/adapters/inbound/Badge.js.map +1 -0
  74. package/dist/features/badge/public.d.ts +3 -0
  75. package/dist/features/badge/public.d.ts.map +1 -0
  76. package/dist/features/badge/public.js +2 -0
  77. package/dist/features/badge/public.js.map +1 -0
  78. package/dist/{components/button → features/button/adapters/inbound}/Button.d.ts +2 -1
  79. package/dist/features/button/adapters/inbound/Button.d.ts.map +1 -0
  80. package/dist/features/button/adapters/inbound/Button.js +60 -0
  81. package/dist/features/button/adapters/inbound/Button.js.map +1 -0
  82. package/dist/{components/icon-button → features/button/adapters/inbound}/IconButton.d.ts +2 -1
  83. package/dist/features/button/adapters/inbound/IconButton.d.ts.map +1 -0
  84. package/dist/features/button/adapters/inbound/IconButton.js +33 -0
  85. package/dist/features/button/adapters/inbound/IconButton.js.map +1 -0
  86. package/dist/features/button/public.d.ts +4 -0
  87. package/dist/features/button/public.d.ts.map +1 -0
  88. package/dist/features/button/public.js +3 -0
  89. package/dist/features/button/public.js.map +1 -0
  90. package/dist/features/card/adapters/inbound/Card.d.ts +5 -0
  91. package/dist/features/card/adapters/inbound/Card.d.ts.map +1 -0
  92. package/dist/features/card/adapters/inbound/Card.js +44 -0
  93. package/dist/features/card/adapters/inbound/Card.js.map +1 -0
  94. package/dist/features/card/public.d.ts +3 -0
  95. package/dist/features/card/public.d.ts.map +1 -0
  96. package/dist/features/card/public.js +2 -0
  97. package/dist/features/card/public.js.map +1 -0
  98. package/dist/features/form/checkbox/adapters/inbound/Checkbox.d.ts +5 -0
  99. package/dist/features/form/checkbox/adapters/inbound/Checkbox.d.ts.map +1 -0
  100. package/dist/features/form/checkbox/adapters/inbound/Checkbox.js +88 -0
  101. package/dist/features/form/checkbox/adapters/inbound/Checkbox.js.map +1 -0
  102. package/dist/features/form/checkbox/public.d.ts +3 -0
  103. package/dist/features/form/checkbox/public.d.ts.map +1 -0
  104. package/dist/features/form/checkbox/public.js +2 -0
  105. package/dist/features/form/checkbox/public.js.map +1 -0
  106. package/dist/features/form/radio/adapters/inbound/Radio.d.ts +5 -0
  107. package/dist/features/form/radio/adapters/inbound/Radio.d.ts.map +1 -0
  108. package/dist/features/form/radio/adapters/inbound/Radio.js +91 -0
  109. package/dist/features/form/radio/adapters/inbound/Radio.js.map +1 -0
  110. package/dist/features/form/radio/public.d.ts +3 -0
  111. package/dist/features/form/radio/public.d.ts.map +1 -0
  112. package/dist/features/form/radio/public.js +2 -0
  113. package/dist/features/form/radio/public.js.map +1 -0
  114. package/dist/features/form/radio/utils/isRadioTextContent.d.ts +4 -0
  115. package/dist/features/form/radio/utils/isRadioTextContent.d.ts.map +1 -0
  116. package/dist/features/form/radio/utils/isRadioTextContent.js +5 -0
  117. package/dist/features/form/radio/utils/isRadioTextContent.js.map +1 -0
  118. package/dist/features/form/text-input/adapters/inbound/TextInput.d.ts +5 -0
  119. package/dist/features/form/text-input/adapters/inbound/TextInput.d.ts.map +1 -0
  120. package/dist/features/form/text-input/adapters/inbound/TextInput.js +41 -0
  121. package/dist/features/form/text-input/adapters/inbound/TextInput.js.map +1 -0
  122. package/dist/features/form/text-input/public.d.ts +3 -0
  123. package/dist/features/form/text-input/public.d.ts.map +1 -0
  124. package/dist/features/form/text-input/public.js +2 -0
  125. package/dist/features/form/text-input/public.js.map +1 -0
  126. package/dist/features/form/text-input/utils/resolveTextInputPresentation.d.ts +15 -0
  127. package/dist/features/form/text-input/utils/resolveTextInputPresentation.d.ts.map +1 -0
  128. package/dist/features/form/text-input/utils/resolveTextInputPresentation.js +56 -0
  129. package/dist/features/form/text-input/utils/resolveTextInputPresentation.js.map +1 -0
  130. package/dist/features/icon/adapters/inbound/Icon.d.ts +4 -0
  131. package/dist/features/icon/adapters/inbound/Icon.d.ts.map +1 -0
  132. package/dist/{primitives/icon → features/icon/adapters/inbound}/Icon.js +3 -3
  133. package/dist/features/icon/adapters/inbound/Icon.js.map +1 -0
  134. package/dist/features/icon/adapters/inbound/PortableIcon.d.ts +19 -0
  135. package/dist/features/icon/adapters/inbound/PortableIcon.d.ts.map +1 -0
  136. package/dist/{primitives/icon → features/icon/adapters/inbound}/PortableIcon.js +37 -43
  137. package/dist/features/icon/adapters/inbound/PortableIcon.js.map +1 -0
  138. package/dist/features/icon/constants.d.ts +2 -0
  139. package/dist/features/icon/constants.d.ts.map +1 -0
  140. package/dist/features/icon/constants.js +8 -0
  141. package/dist/features/icon/constants.js.map +1 -0
  142. package/dist/features/icon/public.d.ts +4 -0
  143. package/dist/features/icon/public.d.ts.map +1 -0
  144. package/dist/features/icon/public.js +3 -0
  145. package/dist/features/icon/public.js.map +1 -0
  146. package/dist/{primitives/image → features/image/adapters/inbound}/Image.d.ts +2 -1
  147. package/dist/features/image/adapters/inbound/Image.d.ts.map +1 -0
  148. package/dist/features/image/adapters/inbound/Image.js +28 -0
  149. package/dist/features/image/adapters/inbound/Image.js.map +1 -0
  150. package/dist/features/image/public.d.ts +3 -0
  151. package/dist/features/image/public.d.ts.map +1 -0
  152. package/dist/features/image/public.js +2 -0
  153. package/dist/features/image/public.js.map +1 -0
  154. package/dist/features/image/utils/getSourceKey.d.ts +4 -0
  155. package/dist/features/image/utils/getSourceKey.d.ts.map +1 -0
  156. package/dist/features/image/utils/getSourceKey.js +33 -0
  157. package/dist/features/image/utils/getSourceKey.js.map +1 -0
  158. package/dist/features/image/utils/normalizeSource.d.ts +5 -0
  159. package/dist/features/image/utils/normalizeSource.d.ts.map +1 -0
  160. package/dist/features/image/utils/normalizeSource.js +9 -0
  161. package/dist/features/image/utils/normalizeSource.js.map +1 -0
  162. package/dist/features/image/utils/resolveAccessibilityLabel.d.ts +4 -0
  163. package/dist/features/image/utils/resolveAccessibilityLabel.d.ts.map +1 -0
  164. package/dist/features/image/utils/resolveAccessibilityLabel.js +5 -0
  165. package/dist/features/image/utils/resolveAccessibilityLabel.js.map +1 -0
  166. package/dist/features/image/utils/resolveAlt.d.ts +4 -0
  167. package/dist/features/image/utils/resolveAlt.d.ts.map +1 -0
  168. package/dist/features/image/utils/resolveAlt.js +5 -0
  169. package/dist/features/image/utils/resolveAlt.js.map +1 -0
  170. package/dist/features/image/utils/resolveImageStyle.d.ts +6 -0
  171. package/dist/features/image/utils/resolveImageStyle.d.ts.map +1 -0
  172. package/dist/features/image/utils/resolveImageStyle.js +15 -0
  173. package/dist/features/image/utils/resolveImageStyle.js.map +1 -0
  174. package/dist/features/image/utils/resolveRenderedSource.d.ts +4 -0
  175. package/dist/features/image/utils/resolveRenderedSource.d.ts.map +1 -0
  176. package/dist/features/image/utils/resolveRenderedSource.js +7 -0
  177. package/dist/features/image/utils/resolveRenderedSource.js.map +1 -0
  178. package/dist/features/image/utils/resolveResizeMode.d.ts +5 -0
  179. package/dist/features/image/utils/resolveResizeMode.d.ts.map +1 -0
  180. package/dist/features/image/utils/resolveResizeMode.js +5 -0
  181. package/dist/features/image/utils/resolveResizeMode.js.map +1 -0
  182. package/dist/features/keyboard-avoiding-view/adapters/inbound/KeyboardAvoidingView.d.ts +5 -0
  183. package/dist/features/keyboard-avoiding-view/adapters/inbound/KeyboardAvoidingView.d.ts.map +1 -0
  184. package/dist/{layout → features/keyboard-avoiding-view/adapters/inbound}/KeyboardAvoidingView.js +2 -2
  185. package/dist/features/keyboard-avoiding-view/adapters/inbound/KeyboardAvoidingView.js.map +1 -0
  186. package/dist/features/keyboard-avoiding-view/public.d.ts +3 -0
  187. package/dist/features/keyboard-avoiding-view/public.d.ts.map +1 -0
  188. package/dist/features/keyboard-avoiding-view/public.js +2 -0
  189. package/dist/features/keyboard-avoiding-view/public.js.map +1 -0
  190. package/dist/features/layout/adapters/inbound/Box.d.ts +5 -0
  191. package/dist/features/layout/adapters/inbound/Box.d.ts.map +1 -0
  192. package/dist/{layout → features/layout/adapters/inbound}/Box.js +5 -4
  193. package/dist/features/layout/adapters/inbound/Box.js.map +1 -0
  194. package/dist/features/layout/adapters/inbound/Container.d.ts +5 -0
  195. package/dist/features/layout/adapters/inbound/Container.d.ts.map +1 -0
  196. package/dist/features/layout/adapters/inbound/Container.js +28 -0
  197. package/dist/features/layout/adapters/inbound/Container.js.map +1 -0
  198. package/dist/features/layout/adapters/inbound/Divider.d.ts +5 -0
  199. package/dist/features/layout/adapters/inbound/Divider.d.ts.map +1 -0
  200. package/dist/{layout → features/layout/adapters/inbound}/Divider.js +1 -0
  201. package/dist/features/layout/adapters/inbound/Divider.js.map +1 -0
  202. package/dist/features/layout/adapters/inbound/Grid.d.ts +5 -0
  203. package/dist/features/layout/adapters/inbound/Grid.d.ts.map +1 -0
  204. package/dist/features/layout/adapters/inbound/Grid.js +48 -0
  205. package/dist/features/layout/adapters/inbound/Grid.js.map +1 -0
  206. package/dist/features/layout/adapters/inbound/Stack.d.ts +5 -0
  207. package/dist/features/layout/adapters/inbound/Stack.d.ts.map +1 -0
  208. package/dist/{layout → features/layout/adapters/inbound}/Stack.js +4 -3
  209. package/dist/features/layout/adapters/inbound/Stack.js.map +1 -0
  210. package/dist/features/layout/public.d.ts +7 -0
  211. package/dist/features/layout/public.d.ts.map +1 -0
  212. package/dist/features/layout/public.js +6 -0
  213. package/dist/features/layout/public.js.map +1 -0
  214. package/dist/features/surface/adapters/inbound/Surface.d.ts +5 -0
  215. package/dist/features/surface/adapters/inbound/Surface.d.ts.map +1 -0
  216. package/dist/{layout → features/surface/adapters/inbound}/Surface.js +17 -28
  217. package/dist/features/surface/adapters/inbound/Surface.js.map +1 -0
  218. package/dist/features/surface/public.d.ts +3 -0
  219. package/dist/features/surface/public.d.ts.map +1 -0
  220. package/dist/features/surface/public.js +2 -0
  221. package/dist/features/surface/public.js.map +1 -0
  222. package/dist/features/typography/adapters/inbound/Heading.d.ts +5 -0
  223. package/dist/features/typography/adapters/inbound/Heading.d.ts.map +1 -0
  224. package/dist/features/typography/adapters/inbound/Heading.js +29 -0
  225. package/dist/features/typography/adapters/inbound/Heading.js.map +1 -0
  226. package/dist/{primitives/text → features/typography/adapters/inbound}/Text.d.ts +2 -1
  227. package/dist/features/typography/adapters/inbound/Text.d.ts.map +1 -0
  228. package/dist/{primitives/text → features/typography/adapters/inbound}/Text.js +18 -25
  229. package/dist/features/typography/adapters/inbound/Text.js.map +1 -0
  230. package/dist/features/typography/public.d.ts +4 -0
  231. package/dist/features/typography/public.d.ts.map +1 -0
  232. package/dist/features/typography/public.js +3 -0
  233. package/dist/features/typography/public.js.map +1 -0
  234. package/dist/features/typography/utils/resolveHeadingTextStyle.d.ts +7 -0
  235. package/dist/features/typography/utils/resolveHeadingTextStyle.d.ts.map +1 -0
  236. package/dist/features/typography/utils/resolveHeadingTextStyle.js +10 -0
  237. package/dist/features/typography/utils/resolveHeadingTextStyle.js.map +1 -0
  238. package/dist/index.d.ts +26 -22
  239. package/dist/index.d.ts.map +1 -1
  240. package/dist/index.js +13 -11
  241. package/dist/index.js.map +1 -1
  242. package/dist/layout/AppBar.d.ts +1 -1
  243. package/dist/layout/AppBar.d.ts.map +1 -1
  244. package/dist/layout/AppBar.js +1 -2
  245. package/dist/layout/AppBar.js.map +1 -1
  246. package/dist/layout/Center.d.ts +1 -1
  247. package/dist/layout/Center.d.ts.map +1 -1
  248. package/dist/layout/Center.js +1 -1
  249. package/dist/layout/Center.js.map +1 -1
  250. package/dist/layout/Inline.d.ts +1 -1
  251. package/dist/layout/Inline.d.ts.map +1 -1
  252. package/dist/layout/Inline.js +1 -1
  253. package/dist/layout/Inline.js.map +1 -1
  254. package/dist/layout/ScrollArea.d.ts +1 -1
  255. package/dist/layout/ScrollArea.d.ts.map +1 -1
  256. package/dist/layout/ScrollArea.js +1 -1
  257. package/dist/layout/ScrollArea.js.map +1 -1
  258. package/dist/layout/Spacer.d.ts +1 -1
  259. package/dist/layout/Spacer.d.ts.map +1 -1
  260. package/dist/layout/Spacer.js +1 -1
  261. package/dist/layout/Spacer.js.map +1 -1
  262. package/dist/layout/Template.d.ts +2 -2
  263. package/dist/layout/Template.d.ts.map +1 -1
  264. package/dist/layout/Template.js +2 -2
  265. package/dist/layout/Template.js.map +1 -1
  266. package/dist/layout/index.d.ts +0 -14
  267. package/dist/layout/index.d.ts.map +1 -1
  268. package/dist/layout/index.js +0 -7
  269. package/dist/layout/index.js.map +1 -1
  270. package/dist/primitives/button-base/ButtonBase.js +1 -1
  271. package/dist/primitives/button-base/ButtonBase.js.map +1 -1
  272. package/dist/primitives/button-base/types.d.ts +1 -1
  273. package/dist/primitives/button-base/types.d.ts.map +1 -1
  274. package/dist/primitives/button-base/types.js.map +1 -1
  275. package/dist/types/accordion.d.ts +54 -0
  276. package/dist/types/accordion.d.ts.map +1 -0
  277. package/dist/types/accordion.js +2 -0
  278. package/dist/types/accordion.js.map +1 -0
  279. package/dist/types/badge.d.ts +12 -0
  280. package/dist/types/badge.d.ts.map +1 -0
  281. package/dist/types/badge.js +2 -0
  282. package/dist/types/badge.js.map +1 -0
  283. package/dist/types/button.d.ts +25 -0
  284. package/dist/types/button.d.ts.map +1 -0
  285. package/dist/types/button.js +2 -0
  286. package/dist/types/button.js.map +1 -0
  287. package/dist/{components/card/types.d.ts → types/card.d.ts} +2 -2
  288. package/dist/types/card.d.ts.map +1 -0
  289. package/dist/types/card.js +2 -0
  290. package/dist/types/card.js.map +1 -0
  291. package/dist/{components/checkbox/types.d.ts → types/checkbox.d.ts} +4 -4
  292. package/dist/types/checkbox.d.ts.map +1 -0
  293. package/dist/types/checkbox.js +2 -0
  294. package/dist/types/checkbox.js.map +1 -0
  295. package/dist/types/icon.d.ts +66 -0
  296. package/dist/types/icon.d.ts.map +1 -0
  297. package/dist/types/icon.js +2 -0
  298. package/dist/types/icon.js.map +1 -0
  299. package/dist/{primitives/image/types.d.ts → types/image.d.ts} +3 -4
  300. package/dist/types/image.d.ts.map +1 -0
  301. package/dist/types/image.js +2 -0
  302. package/dist/types/image.js.map +1 -0
  303. package/dist/types/keyboard-avoiding-view.d.ts +4 -0
  304. package/dist/types/keyboard-avoiding-view.d.ts.map +1 -0
  305. package/dist/types/keyboard-avoiding-view.js +2 -0
  306. package/dist/types/keyboard-avoiding-view.js.map +1 -0
  307. package/dist/{layout/helpers.d.ts → types/layout.d.ts} +39 -5
  308. package/dist/types/layout.d.ts.map +1 -0
  309. package/dist/types/layout.js +2 -0
  310. package/dist/types/layout.js.map +1 -0
  311. package/dist/{components/radio/types.d.ts → types/radio.d.ts} +4 -4
  312. package/dist/types/radio.d.ts.map +1 -0
  313. package/dist/types/radio.js +2 -0
  314. package/dist/types/radio.js.map +1 -0
  315. package/dist/types/surface.d.ts +6 -0
  316. package/dist/types/surface.d.ts.map +1 -0
  317. package/dist/types/surface.js +2 -0
  318. package/dist/types/surface.js.map +1 -0
  319. package/dist/{components/text-input/types.d.ts → types/text-input.d.ts} +3 -3
  320. package/dist/types/text-input.d.ts.map +1 -0
  321. package/dist/types/text-input.js +2 -0
  322. package/dist/types/text-input.js.map +1 -0
  323. package/dist/types/typography.d.ts +29 -0
  324. package/dist/types/typography.d.ts.map +1 -0
  325. package/dist/types/typography.js +2 -0
  326. package/dist/types/typography.js.map +1 -0
  327. package/dist/utils/resolveBoxStyles.d.ts +7 -0
  328. package/dist/utils/resolveBoxStyles.d.ts.map +1 -0
  329. package/dist/utils/resolveBoxStyles.js +83 -0
  330. package/dist/utils/resolveBoxStyles.js.map +1 -0
  331. package/dist/utils/resolveSpacing.d.ts +5 -0
  332. package/dist/utils/resolveSpacing.d.ts.map +1 -0
  333. package/dist/utils/resolveSpacing.js +6 -0
  334. package/dist/utils/resolveSpacing.js.map +1 -0
  335. package/package.json +1 -1
  336. package/src/components/field/Field.tsx +1 -1
  337. package/src/components/helper-text/HelperText.tsx +1 -1
  338. package/src/components/label/Label.tsx +1 -1
  339. package/src/components/list-item/ListItem.tsx +2 -2
  340. package/src/components/menu/Menu.tsx +4 -2
  341. package/src/components/modal/Modal.tsx +2 -1
  342. package/src/components/switch/Switch.tsx +2 -2
  343. package/src/components/tabs/Tab.tsx +2 -2
  344. package/src/components/tabs/TabList.tsx +1 -1
  345. package/src/components/tabs/Tabs.tsx +1 -1
  346. package/src/components/textarea/Textarea.tsx +1 -1
  347. package/src/components/textarea/types.ts +1 -1
  348. package/src/components/toast/Toast.tsx +4 -2
  349. package/src/components/toast/ToastProvider.tsx +1 -1
  350. package/src/components/tooltip/Tooltip.tsx +2 -2
  351. package/src/examples/DocsExamples.tsx +6 -6
  352. package/src/features/accordion/adapters/inbound/Accordion.tsx +83 -0
  353. package/src/features/accordion/adapters/inbound/AccordionContent.tsx +30 -0
  354. package/src/features/accordion/adapters/inbound/AccordionContext.ts +5 -0
  355. package/src/features/accordion/adapters/inbound/AccordionItem.tsx +42 -0
  356. package/src/features/accordion/adapters/inbound/AccordionItemContext.ts +5 -0
  357. package/src/features/accordion/adapters/inbound/AccordionTrigger.tsx +34 -0
  358. package/src/features/accordion/public.ts +13 -0
  359. package/src/features/accordion/utils/resolveAccordionToggle.test.ts +57 -0
  360. package/src/features/accordion/utils/resolveAccordionToggle.ts +28 -0
  361. package/src/features/badge/adapters/inbound/Badge.tsx +58 -0
  362. package/src/features/badge/public.ts +2 -0
  363. package/src/features/button/adapters/inbound/Button.tsx +159 -0
  364. package/src/features/button/adapters/inbound/IconButton.tsx +69 -0
  365. package/src/features/button/public.ts +3 -0
  366. package/src/features/card/adapters/inbound/Card.tsx +88 -0
  367. package/src/features/card/public.ts +2 -0
  368. package/src/features/form/checkbox/adapters/inbound/Checkbox.tsx +207 -0
  369. package/src/features/form/checkbox/public.ts +2 -0
  370. package/src/{components/radio → features/form/radio/adapters/inbound}/Radio.test.ts +5 -5
  371. package/src/features/form/radio/adapters/inbound/Radio.tsx +214 -0
  372. package/src/features/form/radio/public.ts +2 -0
  373. package/src/{components/radio → features/form/radio/utils}/isRadioTextContent.ts +1 -3
  374. package/src/features/form/text-input/adapters/inbound/TextInput.tsx +72 -0
  375. package/src/features/form/text-input/public.ts +2 -0
  376. package/src/features/form/text-input/utils/resolveTextInputPresentation.ts +91 -0
  377. package/src/features/icon/adapters/inbound/Icon.tsx +14 -0
  378. package/src/{primitives/icon → features/icon/adapters/inbound}/PortableIcon.tsx +41 -97
  379. package/src/{primitives/icon → features/icon/adapters/inbound}/PortableIcon.web.test.tsx +6 -10
  380. package/src/features/icon/constants.ts +9 -0
  381. package/src/features/icon/public.ts +10 -0
  382. package/src/features/image/adapters/inbound/Image.tsx +55 -0
  383. package/src/features/image/public.ts +2 -0
  384. package/src/features/image/utils/getSourceKey.ts +32 -0
  385. package/src/features/image/utils/normalizeSource.ts +12 -0
  386. package/src/features/image/utils/resolveAccessibilityLabel.ts +9 -0
  387. package/src/features/image/utils/resolveAlt.ts +9 -0
  388. package/src/{primitives/image → features/image/utils}/resolveImageProps.test.ts +10 -22
  389. package/src/features/image/utils/resolveImageStyle.ts +23 -0
  390. package/src/features/image/utils/resolveRenderedSource.ts +11 -0
  391. package/src/features/image/utils/resolveResizeMode.ts +11 -0
  392. package/src/features/keyboard-avoiding-view/adapters/inbound/KeyboardAvoidingView.tsx +9 -0
  393. package/src/features/keyboard-avoiding-view/public.ts +5 -0
  394. package/src/{layout → features/layout/adapters/inbound}/Box.tsx +7 -15
  395. package/src/features/layout/adapters/inbound/Container.tsx +43 -0
  396. package/src/{layout → features/layout/adapters/inbound}/Divider.tsx +3 -8
  397. package/src/features/layout/adapters/inbound/Grid.tsx +78 -0
  398. package/src/{layout → features/layout/adapters/inbound}/Stack.test.ts +0 -1
  399. package/src/{layout → features/layout/adapters/inbound}/Stack.tsx +6 -15
  400. package/src/features/layout/public.ts +12 -0
  401. package/src/{layout → features/surface/adapters/inbound}/Surface.tsx +24 -41
  402. package/src/features/surface/public.ts +2 -0
  403. package/src/{primitives/heading → features/typography/adapters/inbound}/Heading.tsx +35 -38
  404. package/src/{primitives/text → features/typography/adapters/inbound}/Text.tsx +25 -35
  405. package/src/features/typography/public.ts +3 -0
  406. package/src/{primitives/heading/resolveHeadingStyle.test.ts → features/typography/utils/resolveHeadingTextStyle.test.ts} +5 -12
  407. package/src/features/typography/utils/resolveHeadingTextStyle.ts +21 -0
  408. package/src/index.test.ts +58 -28
  409. package/src/index.ts +52 -26
  410. package/src/layout/AppBar.tsx +1 -2
  411. package/src/layout/Center.tsx +1 -1
  412. package/src/layout/Inline.tsx +1 -1
  413. package/src/layout/ScrollArea.tsx +2 -1
  414. package/src/layout/Spacer.tsx +2 -2
  415. package/src/layout/Template.tsx +3 -2
  416. package/src/layout/index.ts +0 -17
  417. package/src/primitives/button-base/ButtonBase.tsx +1 -1
  418. package/src/primitives/button-base/types.ts +1 -1
  419. package/src/types/accordion.ts +69 -0
  420. package/src/{components/badge/types.ts → types/badge.ts} +3 -3
  421. package/src/types/button.ts +34 -0
  422. package/src/{components/card/types.ts → types/card.ts} +1 -1
  423. package/src/{components/checkbox/types.ts → types/checkbox.ts} +3 -3
  424. package/src/types/icon.ts +52 -0
  425. package/src/{primitives/image/types.ts → types/image.ts} +3 -3
  426. package/src/types/keyboard-avoiding-view.ts +6 -0
  427. package/src/types/layout.ts +96 -0
  428. package/src/{components/radio/types.ts → types/radio.ts} +3 -3
  429. package/src/types/surface.ts +7 -0
  430. package/src/{components/text-input/types.ts → types/text-input.ts} +2 -2
  431. package/src/types/typography.ts +32 -0
  432. package/src/{layout/helpers.test.ts → utils/resolveBoxStyles.test.ts} +8 -25
  433. package/src/utils/resolveBoxStyles.ts +135 -0
  434. package/src/utils/resolveSpacing.ts +11 -0
  435. package/src/webAcceptance.test.tsx +2 -3
  436. package/dist/components/badge/Badge.d.ts +0 -4
  437. package/dist/components/badge/Badge.d.ts.map +0 -1
  438. package/dist/components/badge/Badge.js +0 -30
  439. package/dist/components/badge/Badge.js.map +0 -1
  440. package/dist/components/badge/index.d.ts +0 -3
  441. package/dist/components/badge/index.d.ts.map +0 -1
  442. package/dist/components/badge/index.js +0 -2
  443. package/dist/components/badge/index.js.map +0 -1
  444. package/dist/components/badge/types.d.ts +0 -12
  445. package/dist/components/badge/types.d.ts.map +0 -1
  446. package/dist/components/badge/types.js +0 -2
  447. package/dist/components/badge/types.js.map +0 -1
  448. package/dist/components/button/Button.d.ts.map +0 -1
  449. package/dist/components/button/Button.js +0 -51
  450. package/dist/components/button/Button.js.map +0 -1
  451. package/dist/components/button/index.d.ts +0 -3
  452. package/dist/components/button/index.d.ts.map +0 -1
  453. package/dist/components/button/index.js +0 -2
  454. package/dist/components/button/index.js.map +0 -1
  455. package/dist/components/button/types.d.ts +0 -18
  456. package/dist/components/button/types.d.ts.map +0 -1
  457. package/dist/components/button/types.js +0 -2
  458. package/dist/components/button/types.js.map +0 -1
  459. package/dist/components/card/Card.d.ts +0 -4
  460. package/dist/components/card/Card.d.ts.map +0 -1
  461. package/dist/components/card/Card.js +0 -46
  462. package/dist/components/card/Card.js.map +0 -1
  463. package/dist/components/card/index.d.ts +0 -3
  464. package/dist/components/card/index.d.ts.map +0 -1
  465. package/dist/components/card/index.js +0 -2
  466. package/dist/components/card/index.js.map +0 -1
  467. package/dist/components/card/types.d.ts.map +0 -1
  468. package/dist/components/card/types.js +0 -2
  469. package/dist/components/card/types.js.map +0 -1
  470. package/dist/components/checkbox/Checkbox.d.ts +0 -4
  471. package/dist/components/checkbox/Checkbox.d.ts.map +0 -1
  472. package/dist/components/checkbox/Checkbox.js +0 -69
  473. package/dist/components/checkbox/Checkbox.js.map +0 -1
  474. package/dist/components/checkbox/index.d.ts +0 -3
  475. package/dist/components/checkbox/index.d.ts.map +0 -1
  476. package/dist/components/checkbox/index.js +0 -2
  477. package/dist/components/checkbox/index.js.map +0 -1
  478. package/dist/components/checkbox/types.d.ts.map +0 -1
  479. package/dist/components/checkbox/types.js +0 -2
  480. package/dist/components/checkbox/types.js.map +0 -1
  481. package/dist/components/icon-button/IconButton.d.ts.map +0 -1
  482. package/dist/components/icon-button/IconButton.js +0 -28
  483. package/dist/components/icon-button/IconButton.js.map +0 -1
  484. package/dist/components/icon-button/index.d.ts +0 -3
  485. package/dist/components/icon-button/index.d.ts.map +0 -1
  486. package/dist/components/icon-button/index.js +0 -2
  487. package/dist/components/icon-button/index.js.map +0 -1
  488. package/dist/components/icon-button/types.d.ts +0 -13
  489. package/dist/components/icon-button/types.d.ts.map +0 -1
  490. package/dist/components/icon-button/types.js +0 -2
  491. package/dist/components/icon-button/types.js.map +0 -1
  492. package/dist/components/radio/Radio.d.ts +0 -7
  493. package/dist/components/radio/Radio.d.ts.map +0 -1
  494. package/dist/components/radio/Radio.js +0 -75
  495. package/dist/components/radio/Radio.js.map +0 -1
  496. package/dist/components/radio/index.d.ts +0 -3
  497. package/dist/components/radio/index.d.ts.map +0 -1
  498. package/dist/components/radio/index.js +0 -2
  499. package/dist/components/radio/index.js.map +0 -1
  500. package/dist/components/radio/isRadioTextContent.d.ts +0 -6
  501. package/dist/components/radio/isRadioTextContent.d.ts.map +0 -1
  502. package/dist/components/radio/isRadioTextContent.js +0 -7
  503. package/dist/components/radio/isRadioTextContent.js.map +0 -1
  504. package/dist/components/radio/types.d.ts.map +0 -1
  505. package/dist/components/radio/types.js +0 -2
  506. package/dist/components/radio/types.js.map +0 -1
  507. package/dist/components/text-input/TextInput.d.ts +0 -4
  508. package/dist/components/text-input/TextInput.d.ts.map +0 -1
  509. package/dist/components/text-input/TextInput.js +0 -72
  510. package/dist/components/text-input/TextInput.js.map +0 -1
  511. package/dist/components/text-input/index.d.ts +0 -3
  512. package/dist/components/text-input/index.d.ts.map +0 -1
  513. package/dist/components/text-input/index.js +0 -2
  514. package/dist/components/text-input/index.js.map +0 -1
  515. package/dist/components/text-input/types.d.ts.map +0 -1
  516. package/dist/components/text-input/types.js +0 -2
  517. package/dist/components/text-input/types.js.map +0 -1
  518. package/dist/layout/Box.d.ts +0 -14
  519. package/dist/layout/Box.d.ts.map +0 -1
  520. package/dist/layout/Box.js.map +0 -1
  521. package/dist/layout/Container.d.ts +0 -11
  522. package/dist/layout/Container.d.ts.map +0 -1
  523. package/dist/layout/Container.js +0 -24
  524. package/dist/layout/Container.js.map +0 -1
  525. package/dist/layout/Divider.d.ts +0 -10
  526. package/dist/layout/Divider.d.ts.map +0 -1
  527. package/dist/layout/Divider.js.map +0 -1
  528. package/dist/layout/Grid.d.ts +0 -14
  529. package/dist/layout/Grid.d.ts.map +0 -1
  530. package/dist/layout/Grid.js +0 -51
  531. package/dist/layout/Grid.js.map +0 -1
  532. package/dist/layout/KeyboardAvoidingView.d.ts +0 -7
  533. package/dist/layout/KeyboardAvoidingView.d.ts.map +0 -1
  534. package/dist/layout/KeyboardAvoidingView.js.map +0 -1
  535. package/dist/layout/Stack.d.ts +0 -14
  536. package/dist/layout/Stack.d.ts.map +0 -1
  537. package/dist/layout/Stack.js.map +0 -1
  538. package/dist/layout/Surface.d.ts +0 -8
  539. package/dist/layout/Surface.d.ts.map +0 -1
  540. package/dist/layout/Surface.js.map +0 -1
  541. package/dist/layout/helpers.d.ts.map +0 -1
  542. package/dist/layout/helpers.js +0 -91
  543. package/dist/layout/helpers.js.map +0 -1
  544. package/dist/primitives/heading/Heading.d.ts +0 -4
  545. package/dist/primitives/heading/Heading.d.ts.map +0 -1
  546. package/dist/primitives/heading/Heading.js +0 -30
  547. package/dist/primitives/heading/Heading.js.map +0 -1
  548. package/dist/primitives/heading/index.d.ts +0 -3
  549. package/dist/primitives/heading/index.d.ts.map +0 -1
  550. package/dist/primitives/heading/index.js +0 -2
  551. package/dist/primitives/heading/index.js.map +0 -1
  552. package/dist/primitives/heading/resolveHeadingStyle.d.ts +0 -6
  553. package/dist/primitives/heading/resolveHeadingStyle.d.ts.map +0 -1
  554. package/dist/primitives/heading/resolveHeadingStyle.js +0 -9
  555. package/dist/primitives/heading/resolveHeadingStyle.js.map +0 -1
  556. package/dist/primitives/heading/types.d.ts +0 -15
  557. package/dist/primitives/heading/types.d.ts.map +0 -1
  558. package/dist/primitives/heading/types.js +0 -2
  559. package/dist/primitives/heading/types.js.map +0 -1
  560. package/dist/primitives/icon/Icon.d.ts +0 -16
  561. package/dist/primitives/icon/Icon.d.ts.map +0 -1
  562. package/dist/primitives/icon/Icon.js.map +0 -1
  563. package/dist/primitives/icon/PortableIcon.d.ts +0 -70
  564. package/dist/primitives/icon/PortableIcon.d.ts.map +0 -1
  565. package/dist/primitives/icon/PortableIcon.js.map +0 -1
  566. package/dist/primitives/icon/index.d.ts +0 -4
  567. package/dist/primitives/icon/index.d.ts.map +0 -1
  568. package/dist/primitives/icon/index.js +0 -3
  569. package/dist/primitives/icon/index.js.map +0 -1
  570. package/dist/primitives/image/Image.d.ts.map +0 -1
  571. package/dist/primitives/image/Image.js +0 -26
  572. package/dist/primitives/image/Image.js.map +0 -1
  573. package/dist/primitives/image/index.d.ts +0 -3
  574. package/dist/primitives/image/index.d.ts.map +0 -1
  575. package/dist/primitives/image/index.js +0 -2
  576. package/dist/primitives/image/index.js.map +0 -1
  577. package/dist/primitives/image/resolveImageProps.d.ts +0 -12
  578. package/dist/primitives/image/resolveImageProps.d.ts.map +0 -1
  579. package/dist/primitives/image/resolveImageProps.js +0 -67
  580. package/dist/primitives/image/resolveImageProps.js.map +0 -1
  581. package/dist/primitives/image/types.d.ts.map +0 -1
  582. package/dist/primitives/image/types.js +0 -2
  583. package/dist/primitives/image/types.js.map +0 -1
  584. package/dist/primitives/text/Text.d.ts.map +0 -1
  585. package/dist/primitives/text/Text.js.map +0 -1
  586. package/dist/primitives/text/index.d.ts +0 -3
  587. package/dist/primitives/text/index.d.ts.map +0 -1
  588. package/dist/primitives/text/index.js +0 -2
  589. package/dist/primitives/text/index.js.map +0 -1
  590. package/dist/primitives/text/types.d.ts +0 -17
  591. package/dist/primitives/text/types.d.ts.map +0 -1
  592. package/dist/primitives/text/types.js +0 -2
  593. package/dist/primitives/text/types.js.map +0 -1
  594. package/src/components/badge/Badge.tsx +0 -52
  595. package/src/components/badge/index.ts +0 -2
  596. package/src/components/button/Button.tsx +0 -98
  597. package/src/components/button/index.ts +0 -2
  598. package/src/components/button/types.ts +0 -23
  599. package/src/components/card/Card.tsx +0 -81
  600. package/src/components/card/index.ts +0 -2
  601. package/src/components/checkbox/Checkbox.tsx +0 -120
  602. package/src/components/checkbox/index.ts +0 -2
  603. package/src/components/icon-button/IconButton.tsx +0 -55
  604. package/src/components/icon-button/index.ts +0 -2
  605. package/src/components/icon-button/types.ts +0 -16
  606. package/src/components/radio/Radio.tsx +0 -124
  607. package/src/components/radio/index.ts +0 -2
  608. package/src/components/text-input/TextInput.tsx +0 -124
  609. package/src/components/text-input/index.ts +0 -2
  610. package/src/layout/Container.tsx +0 -43
  611. package/src/layout/Grid.tsx +0 -83
  612. package/src/layout/KeyboardAvoidingView.tsx +0 -16
  613. package/src/layout/helpers.ts +0 -205
  614. package/src/primitives/heading/index.ts +0 -2
  615. package/src/primitives/heading/resolveHeadingStyle.ts +0 -20
  616. package/src/primitives/heading/types.ts +0 -17
  617. package/src/primitives/icon/Icon.tsx +0 -34
  618. package/src/primitives/icon/index.ts +0 -10
  619. package/src/primitives/image/Image.tsx +0 -65
  620. package/src/primitives/image/index.ts +0 -2
  621. package/src/primitives/image/resolveImageProps.ts +0 -92
  622. package/src/primitives/text/index.ts +0 -2
  623. package/src/primitives/text/types.ts +0 -18
@@ -1,6 +0,0 @@
1
- import type { TextStyle } from 'react-native';
2
- import type { SurfaceColor, SurfaceEmphasis } from '../../surfaceColor';
3
- import type { SurfaceTheme } from '../../theme/types';
4
- import type { HeadingLevel, HeadingProps } from './types';
5
- export declare function resolveHeadingTextStyle(theme: SurfaceTheme, level: HeadingLevel, align?: HeadingProps['align'], emphasis?: SurfaceEmphasis, color?: SurfaceColor): TextStyle;
6
- //# sourceMappingURL=resolveHeadingStyle.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"resolveHeadingStyle.d.ts","sourceRoot":"","sources":["../../../src/primitives/heading/resolveHeadingStyle.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAI9C,OAAO,KAAK,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACxE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACtD,OAAO,KAAK,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAE1D,wBAAgB,uBAAuB,CACrC,KAAK,EAAE,YAAY,EACnB,KAAK,EAAE,YAAY,EACnB,KAAK,CAAC,EAAE,YAAY,CAAC,OAAO,CAAC,EAC7B,QAAQ,GAAE,eAA2B,EACrC,KAAK,CAAC,EAAE,YAAY,GACnB,SAAS,CAKX"}
@@ -1,9 +0,0 @@
1
- import { resolveTextColor } from '../../internal/resolvers/resolveTextColor';
2
- import { resolveTextStyles } from '../../internal/resolvers/resolveTextStyles';
3
- export function resolveHeadingTextStyle(theme, level, align, emphasis = 'default', color) {
4
- return {
5
- ...resolveTextStyles(theme, { align, level }),
6
- color: resolveTextColor(theme, emphasis, color),
7
- };
8
- }
9
- //# sourceMappingURL=resolveHeadingStyle.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"resolveHeadingStyle.js","sourceRoot":"","sources":["../../../src/primitives/heading/resolveHeadingStyle.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,2CAA2C,CAAC;AAC7E,OAAO,EAAE,iBAAiB,EAAE,MAAM,4CAA4C,CAAC;AAK/E,MAAM,UAAU,uBAAuB,CACrC,KAAmB,EACnB,KAAmB,EACnB,KAA6B,EAC7B,WAA4B,SAAS,EACrC,KAAoB;IAEpB,OAAO;QACL,GAAG,iBAAiB,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC;QAC7C,KAAK,EAAE,gBAAgB,CAAC,KAAK,EAAE,QAAQ,EAAE,KAAK,CAAC;KAChD,CAAC;AACJ,CAAC","sourcesContent":["import type { TextStyle } from 'react-native';\n\nimport { resolveTextColor } from '../../internal/resolvers/resolveTextColor';\nimport { resolveTextStyles } from '../../internal/resolvers/resolveTextStyles';\nimport type { SurfaceColor, SurfaceEmphasis } from '../../surfaceColor';\nimport type { SurfaceTheme } from '../../theme/types';\nimport type { HeadingLevel, HeadingProps } from './types';\n\nexport function resolveHeadingTextStyle(\n theme: SurfaceTheme,\n level: HeadingLevel,\n align?: HeadingProps['align'],\n emphasis: SurfaceEmphasis = 'default',\n color?: SurfaceColor,\n): TextStyle {\n return {\n ...resolveTextStyles(theme, { align, level }),\n color: resolveTextColor(theme, emphasis, color),\n };\n}\n"]}
@@ -1,15 +0,0 @@
1
- import type React from 'react';
2
- import type { SurfaceColor, SurfaceEmphasis } from '../../surfaceColor';
3
- export type HeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;
4
- export interface HeadingProps {
5
- text?: string;
6
- children?: React.ReactNode;
7
- level?: HeadingLevel;
8
- align?: 'auto' | 'left' | 'right' | 'center' | 'justify';
9
- color?: SurfaceColor;
10
- emphasis?: SurfaceEmphasis;
11
- numberOfLines?: number;
12
- i18nKey?: string;
13
- testID?: string;
14
- }
15
- //# sourceMappingURL=types.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/primitives/heading/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAExE,MAAM,MAAM,YAAY,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AAEjD,MAAM,WAAW,YAAY;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS,CAAC;IACzD,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,QAAQ,CAAC,EAAE,eAAe,CAAC;IAC3B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB"}
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=types.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/primitives/heading/types.ts"],"names":[],"mappings":"","sourcesContent":["import type React from 'react';\n\nimport type { SurfaceColor, SurfaceEmphasis } from '../../surfaceColor';\n\nexport type HeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;\n\nexport interface HeadingProps {\n text?: string;\n children?: React.ReactNode;\n level?: HeadingLevel;\n align?: 'auto' | 'left' | 'right' | 'center' | 'justify';\n color?: SurfaceColor;\n emphasis?: SurfaceEmphasis;\n numberOfLines?: number;\n i18nKey?: string;\n testID?: string;\n}\n"]}
@@ -1,16 +0,0 @@
1
- import { type StyleProp, type TextStyle, type ViewStyle } from 'react-native';
2
- import type { SurfaceTheme } from '../../theme/types';
3
- import { type FontIconSource, type SvgIconSource } from './PortableIcon';
4
- export type { FontIconSource, IconProvider, IconSource, IconVariant, SvgIconSource, } from './PortableIcon';
5
- interface IconPresentationProps {
6
- size?: keyof SurfaceTheme['spacing'] | number;
7
- color?: keyof SurfaceTheme['colors'] | string;
8
- testID?: string;
9
- }
10
- export type IconProps = (FontIconSource & IconPresentationProps & {
11
- style?: StyleProp<TextStyle>;
12
- }) | (SvgIconSource & IconPresentationProps & {
13
- style?: StyleProp<ViewStyle>;
14
- });
15
- export declare function Icon(props: IconProps): import("react").JSX.Element;
16
- //# sourceMappingURL=Icon.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../src/primitives/icon/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAI9E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACtD,OAAO,EAAE,KAAK,cAAc,EAAgB,KAAK,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAEvF,YAAY,EACV,cAAc,EACd,YAAY,EACZ,UAAU,EACV,WAAW,EACX,aAAa,GACd,MAAM,gBAAgB,CAAC;AAExB,UAAU,qBAAqB;IAC7B,IAAI,CAAC,EAAE,MAAM,YAAY,CAAC,SAAS,CAAC,GAAG,MAAM,CAAC;IAC9C,KAAK,CAAC,EAAE,MAAM,YAAY,CAAC,QAAQ,CAAC,GAAG,MAAM,CAAC;IAC9C,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,MAAM,SAAS,GACjB,CAAC,cAAc,GAAG,qBAAqB,GAAG;IAAE,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;CAAE,CAAC,GAC3E,CAAC,aAAa,GAAG,qBAAqB,GAAG;IAAE,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;CAAE,CAAC,CAAC;AAE/E,wBAAgB,IAAI,CAAC,KAAK,EAAE,SAAS,+BAQpC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../../src/primitives/icon/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAkD,MAAM,cAAc,CAAC;AAE9E,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACxD,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AAEpD,OAAO,EAAuB,YAAY,EAAsB,MAAM,gBAAgB,CAAC;AAoBvF,MAAM,UAAU,IAAI,CAAC,KAAgB;IACnC,MAAM,EAAE,KAAK,EAAE,GAAG,QAAQ,EAAE,CAAC;IAC7B,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,IAAI,GAAG,CAAC;IAC/B,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,IAAI,MAAM,CAAC;IACpC,MAAM,YAAY,GAAG,OAAO,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,YAAY,CAAC,KAAK,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;IACzF,MAAM,aAAa,GAAG,YAAY,CAAC,KAAK,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;IAExD,OAAO,CAAC,YAAY,CAAC,IAAI,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,aAAa,CAAC,CAAC,IAAI,CAAC,CAAC,YAAY,CAAC,EAAG,CAAC;AAC/E,CAAC","sourcesContent":["import { type StyleProp, type TextStyle, type ViewStyle } from 'react-native';\n\nimport { resolveToken } from '../../theme/resolveToken';\nimport { useTheme } from '../../theme/ThemeContext';\nimport type { SurfaceTheme } from '../../theme/types';\nimport { type FontIconSource, PortableIcon, type SvgIconSource } from './PortableIcon';\n\nexport type {\n FontIconSource,\n IconProvider,\n IconSource,\n IconVariant,\n SvgIconSource,\n} from './PortableIcon';\n\ninterface IconPresentationProps {\n size?: keyof SurfaceTheme['spacing'] | number;\n color?: keyof SurfaceTheme['colors'] | string;\n testID?: string;\n}\n\nexport type IconProps =\n | (FontIconSource & IconPresentationProps & { style?: StyleProp<TextStyle> })\n | (SvgIconSource & IconPresentationProps & { style?: StyleProp<ViewStyle> });\n\nexport function Icon(props: IconProps) {\n const { theme } = useTheme();\n const size = props.size ?? 'm';\n const color = props.color ?? 'text';\n const resolvedSize = typeof size === 'number' ? size : resolveToken(theme.spacing, size);\n const resolvedColor = resolveToken(theme.colors, color);\n\n return <PortableIcon {...props} color={resolvedColor} size={resolvedSize} />;\n}\n"]}
@@ -1,70 +0,0 @@
1
- import { type FontAwesomeIconName } from '@react-native-vector-icons/fontawesome/static';
2
- import { type FontAwesome5BrandIconName, type FontAwesome5RegularIconName, type FontAwesome5SolidIconName } from '@react-native-vector-icons/fontawesome5/static';
3
- import { type FontAwesome6BrandIconName, type FontAwesome6RegularIconName, type FontAwesome6SolidIconName } from '@react-native-vector-icons/fontawesome6/static';
4
- import { type IoniconsIconName } from '@react-native-vector-icons/ionicons/static';
5
- import { type MaterialDesignIconsIconName } from '@react-native-vector-icons/material-design-icons/static';
6
- import React from 'react';
7
- import { type StyleProp, type TextStyle, type ViewStyle } from 'react-native';
8
- import type { SurfaceImageSource } from '../image';
9
- export declare const SUPPORTED_ICON_PROVIDERS: readonly ["Ionicons", "FontAwesome", "FontAwesome5", "FontAwesome6", "MaterialDesignIcons"];
10
- export type IconProvider = (typeof SUPPORTED_ICON_PROVIDERS)[number];
11
- export type IconVariant = 'regular' | 'solid' | 'brand';
12
- export type FontIconSource = {
13
- name: IoniconsIconName;
14
- provider?: 'Ionicons';
15
- variant?: never;
16
- } | {
17
- name: FontAwesomeIconName;
18
- provider: 'FontAwesome';
19
- variant?: never;
20
- } | {
21
- name: FontAwesome5RegularIconName;
22
- provider: 'FontAwesome5';
23
- variant: 'regular';
24
- } | {
25
- name: FontAwesome5SolidIconName;
26
- provider: 'FontAwesome5';
27
- variant: 'solid';
28
- } | {
29
- name: FontAwesome5BrandIconName;
30
- provider: 'FontAwesome5';
31
- variant: 'brand';
32
- } | {
33
- name: FontAwesome6RegularIconName;
34
- provider: 'FontAwesome6';
35
- variant: 'regular';
36
- } | {
37
- name: FontAwesome6SolidIconName;
38
- provider: 'FontAwesome6';
39
- variant: 'solid';
40
- } | {
41
- name: FontAwesome6BrandIconName;
42
- provider: 'FontAwesome6';
43
- variant: 'brand';
44
- } | {
45
- name: MaterialDesignIconsIconName;
46
- provider: 'MaterialDesignIcons';
47
- variant?: never;
48
- };
49
- export interface SvgIconSource {
50
- source: SurfaceImageSource;
51
- name?: never;
52
- provider?: never;
53
- variant?: never;
54
- }
55
- export type IconSource = FontIconSource | SvgIconSource;
56
- interface PortableIconPresentationProps {
57
- color: string;
58
- size: number;
59
- testID?: string;
60
- }
61
- type FontPortableIconProps = FontIconSource & PortableIconPresentationProps & {
62
- style?: StyleProp<TextStyle>;
63
- };
64
- type SvgPortableIconProps = SvgIconSource & PortableIconPresentationProps & {
65
- style?: StyleProp<ViewStyle>;
66
- };
67
- type PortableIconProps = FontPortableIconProps | SvgPortableIconProps;
68
- export declare function PortableIcon(props: PortableIconProps): React.JSX.Element;
69
- export {};
70
- //# sourceMappingURL=PortableIcon.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"PortableIcon.d.ts","sourceRoot":"","sources":["../../../src/primitives/icon/PortableIcon.tsx"],"names":[],"mappings":"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"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"PortableIcon.js","sourceRoot":"","sources":["../../../src/primitives/icon/PortableIcon.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n FontAwesome,\n type FontAwesomeIconName,\n} from '@react-native-vector-icons/fontawesome/static';\nimport {\n FontAwesome5,\n type FontAwesome5BrandIconName,\n type FontAwesome5RegularIconName,\n type FontAwesome5SolidIconName,\n} from '@react-native-vector-icons/fontawesome5/static';\nimport {\n FontAwesome6,\n type FontAwesome6BrandIconName,\n type FontAwesome6RegularIconName,\n type FontAwesome6SolidIconName,\n} from '@react-native-vector-icons/fontawesome6/static';\nimport { Ionicons, type IoniconsIconName } from '@react-native-vector-icons/ionicons/static';\nimport {\n MaterialDesignIcons,\n type MaterialDesignIconsIconName,\n} from '@react-native-vector-icons/material-design-icons/static';\nimport React from 'react';\nimport {\n Image,\n type StyleProp,\n StyleSheet,\n type TextStyle,\n View,\n type ViewStyle,\n} from 'react-native';\nimport { SvgUri } from 'react-native-svg';\n\nimport type { SurfaceImageSource } from '../image';\n\nexport const SUPPORTED_ICON_PROVIDERS = [\n 'Ionicons',\n 'FontAwesome',\n 'FontAwesome5',\n 'FontAwesome6',\n 'MaterialDesignIcons',\n] as const;\n\nexport type IconProvider = (typeof SUPPORTED_ICON_PROVIDERS)[number];\nexport type IconVariant = 'regular' | 'solid' | 'brand';\n\nexport type FontIconSource =\n | { name: IoniconsIconName; provider?: 'Ionicons'; variant?: never }\n | { name: FontAwesomeIconName; provider: 'FontAwesome'; variant?: never }\n | { name: FontAwesome5RegularIconName; provider: 'FontAwesome5'; variant: 'regular' }\n | { name: FontAwesome5SolidIconName; provider: 'FontAwesome5'; variant: 'solid' }\n | { name: FontAwesome5BrandIconName; provider: 'FontAwesome5'; variant: 'brand' }\n | { name: FontAwesome6RegularIconName; provider: 'FontAwesome6'; variant: 'regular' }\n | { name: FontAwesome6SolidIconName; provider: 'FontAwesome6'; variant: 'solid' }\n | { name: FontAwesome6BrandIconName; provider: 'FontAwesome6'; variant: 'brand' }\n | { name: MaterialDesignIconsIconName; provider: 'MaterialDesignIcons'; variant?: never };\n\nexport interface SvgIconSource {\n source: SurfaceImageSource;\n name?: never;\n provider?: never;\n variant?: never;\n}\n\nexport type IconSource = FontIconSource | SvgIconSource;\n\ninterface PortableIconPresentationProps {\n color: string;\n size: number;\n testID?: string;\n}\n\ntype FontPortableIconProps = FontIconSource &\n PortableIconPresentationProps & {\n style?: StyleProp<TextStyle>;\n };\n\ntype SvgPortableIconProps = SvgIconSource &\n PortableIconPresentationProps & {\n style?: StyleProp<ViewStyle>;\n };\n\ntype PortableIconProps = FontPortableIconProps | SvgPortableIconProps;\n\ntype SharedIconProps = PortableIconPresentationProps & {\n style?: StyleProp<TextStyle>;\n};\n\nconst styles = StyleSheet.create({\n bundledSvgImage: { height: '100%', width: '100%' },\n});\n\n/*** Resolve an SVG URI directly or through React Native's native bundled-asset API when available. */\nfunction resolveSvgIconUri(source: SurfaceImageSource): string | null {\n if (typeof source === 'string') return source;\n if (!Array.isArray(source) && typeof source === 'object' && typeof source.uri === 'string') {\n return source.uri;\n }\n if (typeof Image.resolveAssetSource !== 'function') return null;\n\n return Image.resolveAssetSource(source).uri;\n}\n\n/*** Render URI-backed SVGs through SvgUri and let React Native Web resolve bundled numeric assets through Image. */\nfunction renderSvgIcon(props: SvgPortableIconProps) {\n const uri = resolveSvgIconUri(props.source);\n if (uri) {\n return (\n <SvgUri\n color={props.color}\n height={props.size}\n style={props.style}\n testID={props.testID}\n uri={uri}\n width={props.size}\n />\n );\n }\n\n const imageSource = typeof props.source === 'string' ? { uri: props.source } : props.source;\n return (\n <View style={[{ height: props.size, width: props.size }, props.style]} testID={props.testID}>\n <Image source={imageSource} style={styles.bundledSvgImage} tintColor={props.color} />\n </View>\n );\n}\n\nfunction assertNever(value: never, configuration: string): never {\n throw new Error(`Unsupported icon ${configuration}: ${String(value)}`);\n}\n\nfunction renderFontAwesome5(\n props: Extract<IconSource, { provider: 'FontAwesome5' }>,\n sharedProps: SharedIconProps,\n) {\n const { variant } = props;\n\n switch (variant) {\n case 'brand':\n return <FontAwesome5 {...sharedProps} iconStyle=\"brand\" name={props.name} />;\n case 'regular':\n return <FontAwesome5 {...sharedProps} iconStyle=\"regular\" name={props.name} />;\n case 'solid':\n return <FontAwesome5 {...sharedProps} iconStyle=\"solid\" name={props.name} />;\n default:\n return assertNever(variant, 'FontAwesome5 variant');\n }\n}\n\nfunction renderFontAwesome6(\n props: Extract<IconSource, { provider: 'FontAwesome6' }>,\n sharedProps: SharedIconProps,\n) {\n const { variant } = props;\n\n switch (variant) {\n case 'brand':\n return <FontAwesome6 {...sharedProps} iconStyle=\"brand\" name={props.name} />;\n case 'regular':\n return <FontAwesome6 {...sharedProps} iconStyle=\"regular\" name={props.name} />;\n case 'solid':\n return <FontAwesome6 {...sharedProps} iconStyle=\"solid\" name={props.name} />;\n default:\n return assertNever(variant, 'FontAwesome6 variant');\n }\n}\n\nexport function PortableIcon(props: PortableIconProps) {\n if ('source' in props) {\n return renderSvgIcon(props);\n }\n\n const { provider } = props;\n const sharedProps = {\n color: props.color,\n size: props.size,\n style: props.style,\n testID: props.testID,\n };\n\n switch (provider) {\n case undefined:\n case 'Ionicons':\n return <Ionicons {...sharedProps} name={props.name} />;\n case 'FontAwesome':\n return <FontAwesome {...sharedProps} name={props.name} />;\n case 'FontAwesome5':\n return renderFontAwesome5(props, sharedProps);\n case 'FontAwesome6':\n return renderFontAwesome6(props, sharedProps);\n case 'MaterialDesignIcons':\n return <MaterialDesignIcons {...sharedProps} name={props.name} />;\n default:\n return assertNever(provider, 'provider');\n }\n}\n"]}
@@ -1,4 +0,0 @@
1
- export type { FontIconSource, IconProps, IconProvider, IconSource, IconVariant, SvgIconSource, } from './Icon';
2
- export { Icon } from './Icon';
3
- export { SUPPORTED_ICON_PROVIDERS } from './PortableIcon';
4
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/primitives/icon/index.ts"],"names":[],"mappings":"AAAA,YAAY,EACV,cAAc,EACd,SAAS,EACT,YAAY,EACZ,UAAU,EACV,WAAW,EACX,aAAa,GACd,MAAM,QAAQ,CAAC;AAChB,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,wBAAwB,EAAE,MAAM,gBAAgB,CAAC"}
@@ -1,3 +0,0 @@
1
- export { Icon } from './Icon';
2
- export { SUPPORTED_ICON_PROVIDERS } from './PortableIcon';
3
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/primitives/icon/index.ts"],"names":[],"mappings":"AAQA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,wBAAwB,EAAE,MAAM,gBAAgB,CAAC","sourcesContent":["export type {\n FontIconSource,\n IconProps,\n IconProvider,\n IconSource,\n IconVariant,\n SvgIconSource,\n} from './Icon';\nexport { Icon } from './Icon';\nexport { SUPPORTED_ICON_PROVIDERS } from './PortableIcon';\n"]}
@@ -1 +0,0 @@
1
- {"version":3,"file":"Image.d.ts","sourceRoot":"","sources":["../../../src/primitives/image/Image.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAa1B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAE1C,wBAAgB,KAAK,CAAC,EACpB,MAAM,EACN,cAAc,EACd,GAAG,EACH,kBAAkB,EAClB,KAAK,EACL,MAAM,EACN,WAAW,EACX,GAAG,EACH,UAAU,EACV,MAAM,EACN,KAAK,EACL,MAAM,EACN,OAAO,GACR,EAAE,UAAU,4BAmCZ"}
@@ -1,26 +0,0 @@
1
- import React from 'react';
2
- import { Image as RNImage } from 'react-native';
3
- import { useTheme } from '../../theme/ThemeContext';
4
- import { getSourceKey, normalizeSource, resolveAccessibilityLabel, resolveAlt, resolveImageStyle, resolveRenderedSource, resolveResizeMode, } from './resolveImageProps';
5
- export function Image({ source, fallbackSource, alt, accessibilityLabel, width, height, aspectRatio, fit, resizeMode, radius, style, testID, onError, }) {
6
- const { theme } = useTheme();
7
- const primaryKey = React.useMemo(() => getSourceKey(source), [source]);
8
- const [failedPrimaryKey, setFailedPrimaryKey] = React.useState(null);
9
- const showFallback = primaryKey !== null && failedPrimaryKey === primaryKey;
10
- const normalizedPrimary = normalizeSource(source);
11
- const normalizedFallback = normalizeSource(fallbackSource);
12
- const resolvedSource = resolveRenderedSource(normalizedPrimary, normalizedFallback, showFallback);
13
- if (!resolvedSource)
14
- return null;
15
- const resolvedResizeMode = resolveResizeMode(fit, resizeMode);
16
- const resolvedAccessibilityLabel = resolveAccessibilityLabel(alt, accessibilityLabel);
17
- const resolvedAlt = resolveAlt(alt, accessibilityLabel);
18
- const resolvedStyle = resolveImageStyle(theme, { width, height, aspectRatio, radius });
19
- return (<RNImage accessibilityLabel={resolvedAccessibilityLabel} accessibilityRole="image" alt={resolvedAlt} onError={(event) => {
20
- onError?.(event);
21
- if (!showFallback && normalizedFallback) {
22
- setFailedPrimaryKey(primaryKey);
23
- }
24
- }} resizeMode={resolvedResizeMode} source={resolvedSource} style={[resolvedStyle, style]} testID={testID}/>);
25
- }
26
- //# sourceMappingURL=Image.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Image.js","sourceRoot":"","sources":["../../../src/primitives/image/Image.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,KAAK,IAAI,OAAO,EAAE,MAAM,cAAc,CAAC;AAEhD,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AACpD,OAAO,EACL,YAAY,EACZ,eAAe,EACf,yBAAyB,EACzB,UAAU,EACV,iBAAiB,EACjB,qBAAqB,EACrB,iBAAiB,GAClB,MAAM,qBAAqB,CAAC;AAG7B,MAAM,UAAU,KAAK,CAAC,EACpB,MAAM,EACN,cAAc,EACd,GAAG,EACH,kBAAkB,EAClB,KAAK,EACL,MAAM,EACN,WAAW,EACX,GAAG,EACH,UAAU,EACV,MAAM,EACN,KAAK,EACL,MAAM,EACN,OAAO,GACI;IACX,MAAM,EAAE,KAAK,EAAE,GAAG,QAAQ,EAAE,CAAC;IAC7B,MAAM,UAAU,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IACvE,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAgB,IAAI,CAAC,CAAC;IACpF,MAAM,YAAY,GAAG,UAAU,KAAK,IAAI,IAAI,gBAAgB,KAAK,UAAU,CAAC;IAE5E,MAAM,iBAAiB,GAAG,eAAe,CAAC,MAAM,CAAC,CAAC;IAClD,MAAM,kBAAkB,GAAG,eAAe,CAAC,cAAc,CAAC,CAAC;IAC3D,MAAM,cAAc,GAAG,qBAAqB,CAAC,iBAAiB,EAAE,kBAAkB,EAAE,YAAY,CAAC,CAAC;IAElG,IAAI,CAAC,cAAc;QAAE,OAAO,IAAI,CAAC;IAEjC,MAAM,kBAAkB,GAAG,iBAAiB,CAAC,GAAG,EAAE,UAAU,CAAC,CAAC;IAC9D,MAAM,0BAA0B,GAAG,yBAAyB,CAAC,GAAG,EAAE,kBAAkB,CAAC,CAAC;IACtF,MAAM,WAAW,GAAG,UAAU,CAAC,GAAG,EAAE,kBAAkB,CAAC,CAAC;IACxD,MAAM,aAAa,GAAG,iBAAiB,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,EAAE,CAAC,CAAC;IAEvF,OAAO,CACL,CAAC,OAAO,CACN,kBAAkB,CAAC,CAAC,0BAA0B,CAAC,CAC/C,iBAAiB,CAAC,OAAO,CACzB,GAAG,CAAC,CAAC,WAAW,CAAC,CACjB,OAAO,CAAC,CAAC,CAAC,KAAK,EAAE,EAAE;YACjB,OAAO,EAAE,CAAC,KAAK,CAAC,CAAC;YAEjB,IAAI,CAAC,YAAY,IAAI,kBAAkB,EAAE,CAAC;gBACxC,mBAAmB,CAAC,UAAU,CAAC,CAAC;YAClC,CAAC;QACH,CAAC,CAAC,CACF,UAAU,CAAC,CAAC,kBAAkB,CAAC,CAC/B,MAAM,CAAC,CAAC,cAAc,CAAC,CACvB,KAAK,CAAC,CAAC,CAAC,aAAa,EAAE,KAAK,CAAC,CAAC,CAC9B,MAAM,CAAC,CAAC,MAAM,CAAC,EACf,CACH,CAAC;AACJ,CAAC","sourcesContent":["import React from 'react';\nimport { Image as RNImage } from 'react-native';\n\nimport { useTheme } from '../../theme/ThemeContext';\nimport {\n getSourceKey,\n normalizeSource,\n resolveAccessibilityLabel,\n resolveAlt,\n resolveImageStyle,\n resolveRenderedSource,\n resolveResizeMode,\n} from './resolveImageProps';\nimport type { ImageProps } from './types';\n\nexport function Image({\n source,\n fallbackSource,\n alt,\n accessibilityLabel,\n width,\n height,\n aspectRatio,\n fit,\n resizeMode,\n radius,\n style,\n testID,\n onError,\n}: ImageProps) {\n const { theme } = useTheme();\n const primaryKey = React.useMemo(() => getSourceKey(source), [source]);\n const [failedPrimaryKey, setFailedPrimaryKey] = React.useState<string | null>(null);\n const showFallback = primaryKey !== null && failedPrimaryKey === primaryKey;\n\n const normalizedPrimary = normalizeSource(source);\n const normalizedFallback = normalizeSource(fallbackSource);\n const resolvedSource = resolveRenderedSource(normalizedPrimary, normalizedFallback, showFallback);\n\n if (!resolvedSource) return null;\n\n const resolvedResizeMode = resolveResizeMode(fit, resizeMode);\n const resolvedAccessibilityLabel = resolveAccessibilityLabel(alt, accessibilityLabel);\n const resolvedAlt = resolveAlt(alt, accessibilityLabel);\n const resolvedStyle = resolveImageStyle(theme, { width, height, aspectRatio, radius });\n\n return (\n <RNImage\n accessibilityLabel={resolvedAccessibilityLabel}\n accessibilityRole=\"image\"\n alt={resolvedAlt}\n onError={(event) => {\n onError?.(event);\n\n if (!showFallback && normalizedFallback) {\n setFailedPrimaryKey(primaryKey);\n }\n }}\n resizeMode={resolvedResizeMode}\n source={resolvedSource}\n style={[resolvedStyle, style]}\n testID={testID}\n />\n );\n}\n"]}
@@ -1,3 +0,0 @@
1
- export { Image } from './Image';
2
- export type { ImageFit, ImageProps, SurfaceImageSource } from './types';
3
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/primitives/image/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,YAAY,EAAE,QAAQ,EAAE,UAAU,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC"}
@@ -1,2 +0,0 @@
1
- export { Image } from './Image';
2
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/primitives/image/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC","sourcesContent":["export { Image } from './Image';\nexport type { ImageFit, ImageProps, SurfaceImageSource } from './types';\n"]}
@@ -1,12 +0,0 @@
1
- import type { ImageResizeMode, ImageSourcePropType } from 'react-native';
2
- import type { ImageStyle } from 'react-native';
3
- import type { SurfaceTheme } from '../../theme/types';
4
- import type { ImageProps, SurfaceImageSource } from './types';
5
- export declare function normalizeSource(source: SurfaceImageSource | null | undefined): ImageSourcePropType | undefined;
6
- export declare function resolveRenderedSource(normalizedPrimary: ImageSourcePropType | undefined, normalizedFallback: ImageSourcePropType | undefined, showFallback: boolean): ImageSourcePropType | undefined;
7
- export declare function getSourceKey(source: SurfaceImageSource | null | undefined): string | null;
8
- export declare function resolveResizeMode(fit: ImageProps['fit'], resizeMode: ImageProps['resizeMode']): ImageResizeMode;
9
- export declare function resolveAccessibilityLabel(alt: ImageProps['alt'], accessibilityLabel: ImageProps['accessibilityLabel']): string | undefined;
10
- export declare function resolveAlt(alt: ImageProps['alt'], accessibilityLabel: ImageProps['accessibilityLabel']): string | undefined;
11
- export declare function resolveImageStyle(theme: SurfaceTheme, props: Pick<ImageProps, 'width' | 'height' | 'aspectRatio' | 'radius'>): ImageStyle;
12
- //# sourceMappingURL=resolveImageProps.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"resolveImageProps.d.ts","sourceRoot":"","sources":["../../../src/primitives/image/resolveImageProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AACzE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAG/C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACtD,OAAO,KAAK,EAAE,UAAU,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAE9D,wBAAgB,eAAe,CAC7B,MAAM,EAAE,kBAAkB,GAAG,IAAI,GAAG,SAAS,GAC5C,mBAAmB,GAAG,SAAS,CAIjC;AAED,wBAAgB,qBAAqB,CACnC,iBAAiB,EAAE,mBAAmB,GAAG,SAAS,EAClD,kBAAkB,EAAE,mBAAmB,GAAG,SAAS,EACnD,YAAY,EAAE,OAAO,GACpB,mBAAmB,GAAG,SAAS,CAGjC;AAYD,wBAAgB,YAAY,CAAC,MAAM,EAAE,kBAAkB,GAAG,IAAI,GAAG,SAAS,GAAG,MAAM,GAAG,IAAI,CAmBzF;AAED,wBAAgB,iBAAiB,CAC/B,GAAG,EAAE,UAAU,CAAC,KAAK,CAAC,EACtB,UAAU,EAAE,UAAU,CAAC,YAAY,CAAC,GACnC,eAAe,CAEjB;AAED,wBAAgB,yBAAyB,CACvC,GAAG,EAAE,UAAU,CAAC,KAAK,CAAC,EACtB,kBAAkB,EAAE,UAAU,CAAC,oBAAoB,CAAC,GACnD,MAAM,GAAG,SAAS,CAEpB;AAED,wBAAgB,UAAU,CACxB,GAAG,EAAE,UAAU,CAAC,KAAK,CAAC,EACtB,kBAAkB,EAAE,UAAU,CAAC,oBAAoB,CAAC,GACnD,MAAM,GAAG,SAAS,CAEpB;AAED,wBAAgB,iBAAiB,CAC/B,KAAK,EAAE,YAAY,EACnB,KAAK,EAAE,IAAI,CAAC,UAAU,EAAE,OAAO,GAAG,QAAQ,GAAG,aAAa,GAAG,QAAQ,CAAC,GACrE,UAAU,CAYZ"}
@@ -1,67 +0,0 @@
1
- import { resolveToken } from '../../theme/resolveToken';
2
- export function normalizeSource(source) {
3
- if (source === null || source === undefined)
4
- return undefined;
5
- if (typeof source === 'string')
6
- return { uri: source };
7
- return source;
8
- }
9
- export function resolveRenderedSource(normalizedPrimary, normalizedFallback, showFallback) {
10
- if (showFallback || !normalizedPrimary)
11
- return normalizedFallback;
12
- return normalizedPrimary;
13
- }
14
- function getUriFromSource(source) {
15
- if (Array.isArray(source)) {
16
- const [first] = source;
17
- return first?.uri;
18
- }
19
- if (typeof source === 'number')
20
- return undefined;
21
- return source.uri;
22
- }
23
- export function getSourceKey(source) {
24
- if (source === null || source === undefined)
25
- return null;
26
- if (typeof source === 'string')
27
- return `uri:${source}`;
28
- if (typeof source === 'number')
29
- return `asset:${source}`;
30
- if (Array.isArray(source)) {
31
- const parts = source
32
- .map((item) => item.uri)
33
- .filter((value) => typeof value === 'string');
34
- return `uri-set:${parts.join('|')}`;
35
- }
36
- const uri = getUriFromSource(source);
37
- if (uri)
38
- return `uri:${uri}`;
39
- try {
40
- return `src:${JSON.stringify(source)}`;
41
- }
42
- catch {
43
- return 'src:unknown';
44
- }
45
- }
46
- export function resolveResizeMode(fit, resizeMode) {
47
- return fit ?? resizeMode ?? 'cover';
48
- }
49
- export function resolveAccessibilityLabel(alt, accessibilityLabel) {
50
- return accessibilityLabel ?? alt;
51
- }
52
- export function resolveAlt(alt, accessibilityLabel) {
53
- return alt ?? accessibilityLabel;
54
- }
55
- export function resolveImageStyle(theme, props) {
56
- const width = resolveToken(theme.spacing, props.width);
57
- const height = resolveToken(theme.spacing, props.height);
58
- const borderRadius = resolveToken(theme.radii, props.radius);
59
- return {
60
- width,
61
- height,
62
- aspectRatio: props.aspectRatio,
63
- borderRadius,
64
- overflow: borderRadius !== undefined ? 'hidden' : undefined,
65
- };
66
- }
67
- //# sourceMappingURL=resolveImageProps.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"resolveImageProps.js","sourceRoot":"","sources":["../../../src/primitives/image/resolveImageProps.ts"],"names":[],"mappings":"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","sourcesContent":["import type { ImageResizeMode, ImageSourcePropType } from 'react-native';\nimport type { ImageStyle } from 'react-native';\n\nimport { resolveToken } from '../../theme/resolveToken';\nimport type { SurfaceTheme } from '../../theme/types';\nimport type { ImageProps, SurfaceImageSource } from './types';\n\nexport function normalizeSource(\n source: SurfaceImageSource | null | undefined,\n): ImageSourcePropType | undefined {\n if (source === null || source === undefined) return undefined;\n if (typeof source === 'string') return { uri: source };\n return source;\n}\n\nexport function resolveRenderedSource(\n normalizedPrimary: ImageSourcePropType | undefined,\n normalizedFallback: ImageSourcePropType | undefined,\n showFallback: boolean,\n): ImageSourcePropType | undefined {\n if (showFallback || !normalizedPrimary) return normalizedFallback;\n return normalizedPrimary;\n}\n\nfunction getUriFromSource(source: ImageSourcePropType): string | undefined {\n if (Array.isArray(source)) {\n const [first] = source;\n return first?.uri;\n }\n\n if (typeof source === 'number') return undefined;\n return source.uri;\n}\n\nexport function getSourceKey(source: SurfaceImageSource | null | undefined): string | null {\n if (source === null || source === undefined) return null;\n if (typeof source === 'string') return `uri:${source}`;\n if (typeof source === 'number') return `asset:${source}`;\n if (Array.isArray(source)) {\n const parts = source\n .map((item) => item.uri)\n .filter((value): value is string => typeof value === 'string');\n return `uri-set:${parts.join('|')}`;\n }\n\n const uri = getUriFromSource(source);\n if (uri) return `uri:${uri}`;\n\n try {\n return `src:${JSON.stringify(source)}`;\n } catch {\n return 'src:unknown';\n }\n}\n\nexport function resolveResizeMode(\n fit: ImageProps['fit'],\n resizeMode: ImageProps['resizeMode'],\n): ImageResizeMode {\n return fit ?? resizeMode ?? 'cover';\n}\n\nexport function resolveAccessibilityLabel(\n alt: ImageProps['alt'],\n accessibilityLabel: ImageProps['accessibilityLabel'],\n): string | undefined {\n return accessibilityLabel ?? alt;\n}\n\nexport function resolveAlt(\n alt: ImageProps['alt'],\n accessibilityLabel: ImageProps['accessibilityLabel'],\n): string | undefined {\n return alt ?? accessibilityLabel;\n}\n\nexport function resolveImageStyle(\n theme: SurfaceTheme,\n props: Pick<ImageProps, 'width' | 'height' | 'aspectRatio' | 'radius'>,\n): ImageStyle {\n const width = resolveToken(theme.spacing, props.width);\n const height = resolveToken(theme.spacing, props.height);\n const borderRadius = resolveToken(theme.radii, props.radius);\n\n return {\n width,\n height,\n aspectRatio: props.aspectRatio,\n borderRadius,\n overflow: borderRadius !== undefined ? 'hidden' : undefined,\n };\n}\n"]}
@@ -1 +0,0 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/primitives/image/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,UAAU,IAAI,qBAAqB,EACnC,eAAe,EACf,mBAAmB,EACpB,MAAM,cAAc,CAAC;AACtB,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE1D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEtD,MAAM,MAAM,kBAAkB,GAAG,MAAM,GAAG,mBAAmB,CAAC;AAE9D,MAAM,MAAM,QAAQ,GAAG,eAAe,CAAC;AAEvC,MAAM,WAAW,UAAU;IACzB,MAAM,CAAC,EAAE,kBAAkB,GAAG,IAAI,CAAC;IACnC,cAAc,CAAC,EAAE,kBAAkB,GAAG,IAAI,CAAC;IAC3C,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,GAAG,CAAC,EAAE,QAAQ,CAAC;IACf,UAAU,CAAC,EAAE,eAAe,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,YAAY,CAAC,OAAO,CAAC,CAAC;IAC9C,KAAK,CAAC,EAAE,SAAS,CAAC,UAAU,CAAC,CAAC;IAC9B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,qBAAqB,CAAC,SAAS,CAAC,CAAC;CAC5C"}
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=types.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/primitives/image/types.ts"],"names":[],"mappings":"","sourcesContent":["import type {\n ImageProps as ReactNativeImageProps,\n ImageResizeMode,\n ImageSourcePropType,\n} from 'react-native';\nimport type { ImageStyle, StyleProp } from 'react-native';\n\nimport type { SurfaceTheme } from '../../theme/types';\n\nexport type SurfaceImageSource = string | ImageSourcePropType;\n\nexport type ImageFit = ImageResizeMode;\n\nexport interface ImageProps {\n source?: SurfaceImageSource | null;\n fallbackSource?: SurfaceImageSource | null;\n alt?: string;\n accessibilityLabel?: string;\n width?: number | string;\n height?: number | string;\n aspectRatio?: number;\n fit?: ImageFit;\n resizeMode?: ImageResizeMode;\n radius?: number | keyof SurfaceTheme['radii'];\n style?: StyleProp<ImageStyle>;\n testID?: string;\n onError?: ReactNativeImageProps['onError'];\n}\n"]}
@@ -1 +0,0 @@
1
- {"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../src/primitives/text/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAwBzC,wBAAgB,IAAI,CAAC,EACnB,QAAQ,EACR,OAAO,EACP,OAAgB,EAChB,QAAoB,EACpB,KAAK,EACL,KAAK,EACL,MAAM,EACN,MAAc,EACd,aAAa,EACb,MAAM,GACP,EAAE,SAAS,qBAwBX"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"Text.js","sourceRoot":"","sources":["../../../src/primitives/text/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,IAAI,eAAe,EAAE,MAAM,cAAc,CAAC;AAEvD,OAAO,EAAE,qBAAqB,EAAE,MAAM,kCAAkC,CAAC;AACzE,OAAO,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAC/E,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AAGpD,SAAS,kBAAkB,CACzB,QAA+B,EAC/B,OAA6B,EAC7B,SAAkC;IAElC,IAAI,QAAQ,KAAK,SAAS,EAAE,CAAC;QAC3B,OAAO,QAAQ,CAAC;IAClB,CAAC;IAED,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,OAAO,IAAI,CAAC;IACd,CAAC;IAED,IAAI,CAAC;QACH,MAAM,UAAU,GAAG,SAAS,CAAC,OAAO,CAAC,CAAC;QACtC,OAAO,UAAU,IAAI,UAAU,KAAK,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC;IACrE,CAAC;IAAC,OAAO,KAAK,EAAE,CAAC;QACf,OAAO,CAAC,IAAI,CAAC,2BAA2B,EAAE,KAAK,CAAC,CAAC;QACjD,OAAO,OAAO,CAAC;IACjB,CAAC;AACH,CAAC;AAED,MAAM,UAAU,IAAI,CAAC,EACnB,QAAQ,EACR,OAAO,EACP,OAAO,GAAG,MAAM,EAChB,QAAQ,GAAG,SAAS,EACpB,KAAK,EACL,KAAK,EACL,MAAM,EACN,MAAM,GAAG,KAAK,EACd,aAAa,EACb,MAAM,GACI;IACV,MAAM,EAAE,KAAK,EAAE,GAAG,QAAQ,EAAE,CAAC;IAC7B,MAAM,EAAE,CAAC,EAAE,GAAG,qBAAqB,EAAE,CAAC;IACtC,MAAM,OAAO,GAAG,kBAAkB,CAAC,QAAQ,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC;IAEzD,OAAO,CACL,CAAC,eAAe,CACd,aAAa,CAAC,CAAC,aAAa,CAAC,CAC7B,MAAM,CAAC,CAAC,MAAM,CAAC,CACf,KAAK,CAAC,CAAC;YACL,iBAAiB,CAAC,KAAK,EAAE;gBACvB,KAAK;gBACL,MAAM;gBACN,OAAO;gBACP,MAAM;aACP,CAAC;YACF;gBACE,KAAK,EAAE,gBAAgB,CAAC,KAAK,EAAE,QAAQ,EAAE,KAAK,CAAC;aAChD;SACF,CAAC,CAEF;MAAA,CAAC,OAAO,CACV;IAAA,EAAE,eAAe,CAAC,CACnB,CAAC;AACJ,CAAC","sourcesContent":["import React from 'react';\nimport { Text as ReactNativeText } from 'react-native';\n\nimport { useTranslationContext } from '../../context/TranslationContext';\nimport { resolveTextColor, resolveTextStyles } from '../../internal/resolvers';\nimport { useTheme } from '../../theme/ThemeContext';\nimport type { TextProps } from './types';\n\nfunction resolveTextContent(\n children: TextProps['children'],\n i18nKey: TextProps['i18nKey'],\n translate: (key: string) => string,\n) {\n if (children !== undefined) {\n return children;\n }\n\n if (!i18nKey) {\n return null;\n }\n\n try {\n const translated = translate(i18nKey);\n return translated && translated !== i18nKey ? translated : i18nKey;\n } catch (error) {\n console.warn('[Text] Translation error:', error);\n return i18nKey;\n }\n}\n\nexport function Text({\n children,\n i18nKey,\n variant = 'body',\n emphasis = 'default',\n color,\n align,\n weight,\n italic = false,\n numberOfLines,\n testID,\n}: TextProps) {\n const { theme } = useTheme();\n const { t } = useTranslationContext();\n const content = resolveTextContent(children, i18nKey, t);\n\n return (\n <ReactNativeText\n numberOfLines={numberOfLines}\n testID={testID}\n style={[\n resolveTextStyles(theme, {\n align,\n italic,\n variant,\n weight,\n }),\n {\n color: resolveTextColor(theme, emphasis, color),\n },\n ]}\n >\n {content}\n </ReactNativeText>\n );\n}\n"]}
@@ -1,3 +0,0 @@
1
- export { Text } from './Text';
2
- export type { TextProps } from './types';
3
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/primitives/text/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,YAAY,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC"}
@@ -1,2 +0,0 @@
1
- export { Text } from './Text';
2
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/primitives/text/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC","sourcesContent":["export { Text } from './Text';\nexport type { TextProps } from './types';\n"]}
@@ -1,17 +0,0 @@
1
- import type React from 'react';
2
- import type { TextStyle } from 'react-native';
3
- import type { TextVariant, TextWeight } from '../../internal/resolvers/resolveTextStyles';
4
- import type { SurfaceColor, SurfaceEmphasis } from '../../surfaceColor';
5
- export interface TextProps {
6
- children?: React.ReactNode;
7
- i18nKey?: string;
8
- variant?: TextVariant;
9
- emphasis?: SurfaceEmphasis;
10
- color?: SurfaceColor;
11
- align?: TextStyle['textAlign'];
12
- weight?: TextWeight;
13
- italic?: boolean;
14
- numberOfLines?: number;
15
- testID?: string;
16
- }
17
- //# sourceMappingURL=types.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/primitives/text/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C,OAAO,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,4CAA4C,CAAC;AAC1F,OAAO,KAAK,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAExE,MAAM,WAAW,SAAS;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,QAAQ,CAAC,EAAE,eAAe,CAAC;IAC3B,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,CAAC,WAAW,CAAC,CAAC;IAC/B,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB"}
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=types.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/primitives/text/types.ts"],"names":[],"mappings":"","sourcesContent":["import type React from 'react';\nimport type { TextStyle } from 'react-native';\n\nimport type { TextVariant, TextWeight } from '../../internal/resolvers/resolveTextStyles';\nimport type { SurfaceColor, SurfaceEmphasis } from '../../surfaceColor';\n\nexport interface TextProps {\n children?: React.ReactNode;\n i18nKey?: string;\n variant?: TextVariant;\n emphasis?: SurfaceEmphasis;\n color?: SurfaceColor;\n align?: TextStyle['textAlign'];\n weight?: TextWeight;\n italic?: boolean;\n numberOfLines?: number;\n testID?: string;\n}\n"]}
@@ -1,52 +0,0 @@
1
- import React from 'react';
2
-
3
- import { resolveButtonColors, resolveControlSize } from '../../internal/resolvers';
4
- import { Box } from '../../layout';
5
- import { Text } from '../../primitives/text';
6
- import { useTheme } from '../../theme/ThemeContext';
7
- import type { BadgeProps } from './types';
8
-
9
- export function Badge({
10
- content,
11
- variant = 'soft',
12
- color = 'primary',
13
- size = 's',
14
- testID,
15
- }: BadgeProps) {
16
- const { theme } = useTheme();
17
- const controlSize = resolveControlSize(theme, size);
18
- const colors = resolveButtonColors(theme, {
19
- variant,
20
- color,
21
- state: {
22
- disabled: false,
23
- focused: false,
24
- hovered: false,
25
- pressed: false,
26
- },
27
- });
28
-
29
- return (
30
- <Box
31
- px={Math.max(theme.spacing.xs, controlSize.paddingHorizontal - 4)}
32
- py={Math.max(4, controlSize.paddingVertical - 2)}
33
- radius={controlSize.borderRadius}
34
- style={{
35
- alignSelf: 'flex-start',
36
- backgroundColor: colors.backgroundColor,
37
- borderColor: colors.borderColor,
38
- borderWidth: variant === 'solid' ? 0 : 1,
39
- }}
40
- testID={testID}
41
- >
42
- <Text
43
- color={color}
44
- emphasis={variant === 'solid' ? 'inverse' : 'default'}
45
- variant="bodySmall"
46
- weight="medium"
47
- >
48
- {content}
49
- </Text>
50
- </Box>
51
- );
52
- }
@@ -1,2 +0,0 @@
1
- export { Badge } from './Badge';
2
- export type { BadgeProps } from './types';
@@ -1,98 +0,0 @@
1
- import React from 'react';
2
- import { ActivityIndicator, View } from 'react-native';
3
-
4
- import { resolveButtonColors, resolveControlSize, resolveIconSize } from '../../internal/resolvers';
5
- import { Box } from '../../layout';
6
- import { ButtonBase } from '../../primitives/button-base';
7
- import { Icon } from '../../primitives/icon';
8
- import { Text } from '../../primitives/text';
9
- import { useTheme } from '../../theme/ThemeContext';
10
- import type { ButtonProps } from './types';
11
-
12
- export function Button({
13
- children,
14
- variant = 'solid',
15
- color = 'primary',
16
- size = 'm',
17
- disabled = false,
18
- loading = false,
19
- leadingIcon,
20
- trailingIcon,
21
- fullWidth = false,
22
- onPress,
23
- testID,
24
- ...props
25
- }: ButtonProps) {
26
- const { theme } = useTheme();
27
- const controlSize = resolveControlSize(theme, size);
28
-
29
- return (
30
- <ButtonBase
31
- {...props}
32
- disabled={disabled || loading}
33
- onPress={onPress}
34
- style={{
35
- alignSelf: fullWidth ? 'stretch' : 'flex-start',
36
- }}
37
- testID={testID}
38
- >
39
- {(state) => {
40
- const colors = resolveButtonColors(theme, {
41
- variant,
42
- color,
43
- state,
44
- });
45
- const textEmphasis =
46
- colors.contentColor === theme.semantics.content.muted ? 'muted' : 'default';
47
- const resolvedTextColor = textEmphasis === 'muted' ? undefined : color;
48
- const resolvedTextEmphasis =
49
- textEmphasis === 'muted' ? 'muted' : variant === 'solid' ? 'inverse' : 'default';
50
- const iconSize = resolveIconSize(theme, size);
51
-
52
- return (
53
- <Box
54
- px={controlSize.paddingHorizontal}
55
- py={controlSize.paddingVertical}
56
- radius={controlSize.borderRadius}
57
- style={{
58
- minHeight: controlSize.minHeight,
59
- width: fullWidth ? '100%' : undefined,
60
- flexDirection: 'row',
61
- alignItems: 'center',
62
- justifyContent: 'center',
63
- backgroundColor: colors.backgroundColor,
64
- borderColor: colors.borderColor,
65
- borderWidth: variant === 'solid' ? 0 : 1,
66
- opacity: colors.opacity,
67
- }}
68
- >
69
- {loading ? (
70
- <ActivityIndicator color={colors.contentColor} size="small" />
71
- ) : (
72
- <>
73
- {leadingIcon ? (
74
- <View style={{ marginRight: theme.spacing.s }}>
75
- <Icon {...leadingIcon} color={colors.contentColor} size={iconSize} />
76
- </View>
77
- ) : null}
78
- <Text
79
- color={resolvedTextColor}
80
- emphasis={resolvedTextEmphasis}
81
- variant={controlSize.textVariant}
82
- weight="semiBold"
83
- >
84
- {children}
85
- </Text>
86
- {trailingIcon ? (
87
- <View style={{ marginLeft: theme.spacing.s }}>
88
- <Icon {...trailingIcon} color={colors.contentColor} size={iconSize} />
89
- </View>
90
- ) : null}
91
- </>
92
- )}
93
- </Box>
94
- );
95
- }}
96
- </ButtonBase>
97
- );
98
- }
@@ -1,2 +0,0 @@
1
- export { Button } from './Button';
2
- export type { ButtonIconSpec, ButtonProps } from './types';