@ankhorage/surface 4.2.0 → 4.2.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (577) hide show
  1. package/CHANGELOG.md +6 -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/badge/adapters/inbound/Badge.d.ts +5 -0
  39. package/dist/features/badge/adapters/inbound/Badge.d.ts.map +1 -0
  40. package/dist/features/badge/adapters/inbound/Badge.js +30 -0
  41. package/dist/features/badge/adapters/inbound/Badge.js.map +1 -0
  42. package/dist/features/badge/public.d.ts +3 -0
  43. package/dist/features/badge/public.d.ts.map +1 -0
  44. package/dist/features/badge/public.js +2 -0
  45. package/dist/features/badge/public.js.map +1 -0
  46. package/dist/{components/button → features/button/adapters/inbound}/Button.d.ts +2 -1
  47. package/dist/features/button/adapters/inbound/Button.d.ts.map +1 -0
  48. package/dist/features/button/adapters/inbound/Button.js +60 -0
  49. package/dist/features/button/adapters/inbound/Button.js.map +1 -0
  50. package/dist/{components/icon-button → features/button/adapters/inbound}/IconButton.d.ts +2 -1
  51. package/dist/features/button/adapters/inbound/IconButton.d.ts.map +1 -0
  52. package/dist/features/button/adapters/inbound/IconButton.js +33 -0
  53. package/dist/features/button/adapters/inbound/IconButton.js.map +1 -0
  54. package/dist/features/button/public.d.ts +4 -0
  55. package/dist/features/button/public.d.ts.map +1 -0
  56. package/dist/features/button/public.js +3 -0
  57. package/dist/features/button/public.js.map +1 -0
  58. package/dist/features/card/adapters/inbound/Card.d.ts +5 -0
  59. package/dist/features/card/adapters/inbound/Card.d.ts.map +1 -0
  60. package/dist/features/card/adapters/inbound/Card.js +44 -0
  61. package/dist/features/card/adapters/inbound/Card.js.map +1 -0
  62. package/dist/features/card/public.d.ts +3 -0
  63. package/dist/features/card/public.d.ts.map +1 -0
  64. package/dist/features/card/public.js +2 -0
  65. package/dist/features/card/public.js.map +1 -0
  66. package/dist/features/form/checkbox/adapters/inbound/Checkbox.d.ts +5 -0
  67. package/dist/features/form/checkbox/adapters/inbound/Checkbox.d.ts.map +1 -0
  68. package/dist/features/form/checkbox/adapters/inbound/Checkbox.js +88 -0
  69. package/dist/features/form/checkbox/adapters/inbound/Checkbox.js.map +1 -0
  70. package/dist/features/form/checkbox/public.d.ts +3 -0
  71. package/dist/features/form/checkbox/public.d.ts.map +1 -0
  72. package/dist/features/form/checkbox/public.js +2 -0
  73. package/dist/features/form/checkbox/public.js.map +1 -0
  74. package/dist/features/form/radio/adapters/inbound/Radio.d.ts +5 -0
  75. package/dist/features/form/radio/adapters/inbound/Radio.d.ts.map +1 -0
  76. package/dist/features/form/radio/adapters/inbound/Radio.js +91 -0
  77. package/dist/features/form/radio/adapters/inbound/Radio.js.map +1 -0
  78. package/dist/features/form/radio/public.d.ts +3 -0
  79. package/dist/features/form/radio/public.d.ts.map +1 -0
  80. package/dist/features/form/radio/public.js +2 -0
  81. package/dist/features/form/radio/public.js.map +1 -0
  82. package/dist/features/form/radio/utils/isRadioTextContent.d.ts +4 -0
  83. package/dist/features/form/radio/utils/isRadioTextContent.d.ts.map +1 -0
  84. package/dist/features/form/radio/utils/isRadioTextContent.js +5 -0
  85. package/dist/features/form/radio/utils/isRadioTextContent.js.map +1 -0
  86. package/dist/features/form/text-input/adapters/inbound/TextInput.d.ts +5 -0
  87. package/dist/features/form/text-input/adapters/inbound/TextInput.d.ts.map +1 -0
  88. package/dist/features/form/text-input/adapters/inbound/TextInput.js +41 -0
  89. package/dist/features/form/text-input/adapters/inbound/TextInput.js.map +1 -0
  90. package/dist/features/form/text-input/public.d.ts +3 -0
  91. package/dist/features/form/text-input/public.d.ts.map +1 -0
  92. package/dist/features/form/text-input/public.js +2 -0
  93. package/dist/features/form/text-input/public.js.map +1 -0
  94. package/dist/features/form/text-input/utils/resolveTextInputPresentation.d.ts +15 -0
  95. package/dist/features/form/text-input/utils/resolveTextInputPresentation.d.ts.map +1 -0
  96. package/dist/features/form/text-input/utils/resolveTextInputPresentation.js +56 -0
  97. package/dist/features/form/text-input/utils/resolveTextInputPresentation.js.map +1 -0
  98. package/dist/features/icon/adapters/inbound/Icon.d.ts +4 -0
  99. package/dist/features/icon/adapters/inbound/Icon.d.ts.map +1 -0
  100. package/dist/{primitives/icon → features/icon/adapters/inbound}/Icon.js +3 -3
  101. package/dist/features/icon/adapters/inbound/Icon.js.map +1 -0
  102. package/dist/features/icon/adapters/inbound/PortableIcon.d.ts +19 -0
  103. package/dist/features/icon/adapters/inbound/PortableIcon.d.ts.map +1 -0
  104. package/dist/{primitives/icon → features/icon/adapters/inbound}/PortableIcon.js +37 -43
  105. package/dist/features/icon/adapters/inbound/PortableIcon.js.map +1 -0
  106. package/dist/features/icon/constants.d.ts +2 -0
  107. package/dist/features/icon/constants.d.ts.map +1 -0
  108. package/dist/features/icon/constants.js +8 -0
  109. package/dist/features/icon/constants.js.map +1 -0
  110. package/dist/features/icon/public.d.ts +4 -0
  111. package/dist/features/icon/public.d.ts.map +1 -0
  112. package/dist/features/icon/public.js +3 -0
  113. package/dist/features/icon/public.js.map +1 -0
  114. package/dist/{primitives/image → features/image/adapters/inbound}/Image.d.ts +2 -1
  115. package/dist/features/image/adapters/inbound/Image.d.ts.map +1 -0
  116. package/dist/features/image/adapters/inbound/Image.js +28 -0
  117. package/dist/features/image/adapters/inbound/Image.js.map +1 -0
  118. package/dist/features/image/public.d.ts +3 -0
  119. package/dist/features/image/public.d.ts.map +1 -0
  120. package/dist/features/image/public.js +2 -0
  121. package/dist/features/image/public.js.map +1 -0
  122. package/dist/features/image/utils/getSourceKey.d.ts +4 -0
  123. package/dist/features/image/utils/getSourceKey.d.ts.map +1 -0
  124. package/dist/features/image/utils/getSourceKey.js +33 -0
  125. package/dist/features/image/utils/getSourceKey.js.map +1 -0
  126. package/dist/features/image/utils/normalizeSource.d.ts +5 -0
  127. package/dist/features/image/utils/normalizeSource.d.ts.map +1 -0
  128. package/dist/features/image/utils/normalizeSource.js +9 -0
  129. package/dist/features/image/utils/normalizeSource.js.map +1 -0
  130. package/dist/features/image/utils/resolveAccessibilityLabel.d.ts +4 -0
  131. package/dist/features/image/utils/resolveAccessibilityLabel.d.ts.map +1 -0
  132. package/dist/features/image/utils/resolveAccessibilityLabel.js +5 -0
  133. package/dist/features/image/utils/resolveAccessibilityLabel.js.map +1 -0
  134. package/dist/features/image/utils/resolveAlt.d.ts +4 -0
  135. package/dist/features/image/utils/resolveAlt.d.ts.map +1 -0
  136. package/dist/features/image/utils/resolveAlt.js +5 -0
  137. package/dist/features/image/utils/resolveAlt.js.map +1 -0
  138. package/dist/features/image/utils/resolveImageStyle.d.ts +6 -0
  139. package/dist/features/image/utils/resolveImageStyle.d.ts.map +1 -0
  140. package/dist/features/image/utils/resolveImageStyle.js +15 -0
  141. package/dist/features/image/utils/resolveImageStyle.js.map +1 -0
  142. package/dist/features/image/utils/resolveRenderedSource.d.ts +4 -0
  143. package/dist/features/image/utils/resolveRenderedSource.d.ts.map +1 -0
  144. package/dist/features/image/utils/resolveRenderedSource.js +7 -0
  145. package/dist/features/image/utils/resolveRenderedSource.js.map +1 -0
  146. package/dist/features/image/utils/resolveResizeMode.d.ts +5 -0
  147. package/dist/features/image/utils/resolveResizeMode.d.ts.map +1 -0
  148. package/dist/features/image/utils/resolveResizeMode.js +5 -0
  149. package/dist/features/image/utils/resolveResizeMode.js.map +1 -0
  150. package/dist/features/keyboard-avoiding-view/adapters/inbound/KeyboardAvoidingView.d.ts +5 -0
  151. package/dist/features/keyboard-avoiding-view/adapters/inbound/KeyboardAvoidingView.d.ts.map +1 -0
  152. package/dist/{layout → features/keyboard-avoiding-view/adapters/inbound}/KeyboardAvoidingView.js +2 -2
  153. package/dist/features/keyboard-avoiding-view/adapters/inbound/KeyboardAvoidingView.js.map +1 -0
  154. package/dist/features/keyboard-avoiding-view/public.d.ts +3 -0
  155. package/dist/features/keyboard-avoiding-view/public.d.ts.map +1 -0
  156. package/dist/features/keyboard-avoiding-view/public.js +2 -0
  157. package/dist/features/keyboard-avoiding-view/public.js.map +1 -0
  158. package/dist/features/layout/adapters/inbound/Box.d.ts +5 -0
  159. package/dist/features/layout/adapters/inbound/Box.d.ts.map +1 -0
  160. package/dist/{layout → features/layout/adapters/inbound}/Box.js +5 -4
  161. package/dist/features/layout/adapters/inbound/Box.js.map +1 -0
  162. package/dist/features/layout/adapters/inbound/Container.d.ts +5 -0
  163. package/dist/features/layout/adapters/inbound/Container.d.ts.map +1 -0
  164. package/dist/features/layout/adapters/inbound/Container.js +28 -0
  165. package/dist/features/layout/adapters/inbound/Container.js.map +1 -0
  166. package/dist/features/layout/adapters/inbound/Divider.d.ts +5 -0
  167. package/dist/features/layout/adapters/inbound/Divider.d.ts.map +1 -0
  168. package/dist/{layout → features/layout/adapters/inbound}/Divider.js +1 -0
  169. package/dist/features/layout/adapters/inbound/Divider.js.map +1 -0
  170. package/dist/features/layout/adapters/inbound/Grid.d.ts +5 -0
  171. package/dist/features/layout/adapters/inbound/Grid.d.ts.map +1 -0
  172. package/dist/features/layout/adapters/inbound/Grid.js +48 -0
  173. package/dist/features/layout/adapters/inbound/Grid.js.map +1 -0
  174. package/dist/features/layout/adapters/inbound/Stack.d.ts +5 -0
  175. package/dist/features/layout/adapters/inbound/Stack.d.ts.map +1 -0
  176. package/dist/{layout → features/layout/adapters/inbound}/Stack.js +4 -3
  177. package/dist/features/layout/adapters/inbound/Stack.js.map +1 -0
  178. package/dist/features/layout/public.d.ts +7 -0
  179. package/dist/features/layout/public.d.ts.map +1 -0
  180. package/dist/features/layout/public.js +6 -0
  181. package/dist/features/layout/public.js.map +1 -0
  182. package/dist/features/surface/adapters/inbound/Surface.d.ts +5 -0
  183. package/dist/features/surface/adapters/inbound/Surface.d.ts.map +1 -0
  184. package/dist/{layout → features/surface/adapters/inbound}/Surface.js +17 -28
  185. package/dist/features/surface/adapters/inbound/Surface.js.map +1 -0
  186. package/dist/features/surface/public.d.ts +3 -0
  187. package/dist/features/surface/public.d.ts.map +1 -0
  188. package/dist/features/surface/public.js +2 -0
  189. package/dist/features/surface/public.js.map +1 -0
  190. package/dist/features/typography/adapters/inbound/Heading.d.ts +5 -0
  191. package/dist/features/typography/adapters/inbound/Heading.d.ts.map +1 -0
  192. package/dist/features/typography/adapters/inbound/Heading.js +29 -0
  193. package/dist/features/typography/adapters/inbound/Heading.js.map +1 -0
  194. package/dist/{primitives/text → features/typography/adapters/inbound}/Text.d.ts +2 -1
  195. package/dist/features/typography/adapters/inbound/Text.d.ts.map +1 -0
  196. package/dist/{primitives/text → features/typography/adapters/inbound}/Text.js +18 -25
  197. package/dist/features/typography/adapters/inbound/Text.js.map +1 -0
  198. package/dist/features/typography/public.d.ts +4 -0
  199. package/dist/features/typography/public.d.ts.map +1 -0
  200. package/dist/features/typography/public.js +3 -0
  201. package/dist/features/typography/public.js.map +1 -0
  202. package/dist/features/typography/utils/resolveHeadingTextStyle.d.ts +7 -0
  203. package/dist/features/typography/utils/resolveHeadingTextStyle.d.ts.map +1 -0
  204. package/dist/features/typography/utils/resolveHeadingTextStyle.js +10 -0
  205. package/dist/features/typography/utils/resolveHeadingTextStyle.js.map +1 -0
  206. package/dist/index.d.ts +24 -22
  207. package/dist/index.d.ts.map +1 -1
  208. package/dist/index.js +12 -11
  209. package/dist/index.js.map +1 -1
  210. package/dist/layout/AppBar.d.ts +1 -1
  211. package/dist/layout/AppBar.d.ts.map +1 -1
  212. package/dist/layout/AppBar.js +1 -2
  213. package/dist/layout/AppBar.js.map +1 -1
  214. package/dist/layout/Center.d.ts +1 -1
  215. package/dist/layout/Center.d.ts.map +1 -1
  216. package/dist/layout/Center.js +1 -1
  217. package/dist/layout/Center.js.map +1 -1
  218. package/dist/layout/Inline.d.ts +1 -1
  219. package/dist/layout/Inline.d.ts.map +1 -1
  220. package/dist/layout/Inline.js +1 -1
  221. package/dist/layout/Inline.js.map +1 -1
  222. package/dist/layout/ScrollArea.d.ts +1 -1
  223. package/dist/layout/ScrollArea.d.ts.map +1 -1
  224. package/dist/layout/ScrollArea.js +1 -1
  225. package/dist/layout/ScrollArea.js.map +1 -1
  226. package/dist/layout/Spacer.d.ts +1 -1
  227. package/dist/layout/Spacer.d.ts.map +1 -1
  228. package/dist/layout/Spacer.js +1 -1
  229. package/dist/layout/Spacer.js.map +1 -1
  230. package/dist/layout/Template.d.ts +2 -2
  231. package/dist/layout/Template.d.ts.map +1 -1
  232. package/dist/layout/Template.js +2 -2
  233. package/dist/layout/Template.js.map +1 -1
  234. package/dist/layout/index.d.ts +0 -14
  235. package/dist/layout/index.d.ts.map +1 -1
  236. package/dist/layout/index.js +0 -7
  237. package/dist/layout/index.js.map +1 -1
  238. package/dist/primitives/button-base/ButtonBase.js +1 -1
  239. package/dist/primitives/button-base/ButtonBase.js.map +1 -1
  240. package/dist/primitives/button-base/types.d.ts +1 -1
  241. package/dist/primitives/button-base/types.d.ts.map +1 -1
  242. package/dist/primitives/button-base/types.js.map +1 -1
  243. package/dist/types/badge.d.ts +12 -0
  244. package/dist/types/badge.d.ts.map +1 -0
  245. package/dist/types/badge.js +2 -0
  246. package/dist/types/badge.js.map +1 -0
  247. package/dist/types/button.d.ts +25 -0
  248. package/dist/types/button.d.ts.map +1 -0
  249. package/dist/types/button.js +2 -0
  250. package/dist/types/button.js.map +1 -0
  251. package/dist/{components/card/types.d.ts → types/card.d.ts} +2 -2
  252. package/dist/types/card.d.ts.map +1 -0
  253. package/dist/types/card.js +2 -0
  254. package/dist/types/card.js.map +1 -0
  255. package/dist/{components/checkbox/types.d.ts → types/checkbox.d.ts} +4 -4
  256. package/dist/types/checkbox.d.ts.map +1 -0
  257. package/dist/types/checkbox.js +2 -0
  258. package/dist/types/checkbox.js.map +1 -0
  259. package/dist/types/icon.d.ts +66 -0
  260. package/dist/types/icon.d.ts.map +1 -0
  261. package/dist/types/icon.js +2 -0
  262. package/dist/types/icon.js.map +1 -0
  263. package/dist/{primitives/image/types.d.ts → types/image.d.ts} +3 -4
  264. package/dist/types/image.d.ts.map +1 -0
  265. package/dist/types/image.js +2 -0
  266. package/dist/types/image.js.map +1 -0
  267. package/dist/types/keyboard-avoiding-view.d.ts +4 -0
  268. package/dist/types/keyboard-avoiding-view.d.ts.map +1 -0
  269. package/dist/types/keyboard-avoiding-view.js +2 -0
  270. package/dist/types/keyboard-avoiding-view.js.map +1 -0
  271. package/dist/{layout/helpers.d.ts → types/layout.d.ts} +39 -5
  272. package/dist/types/layout.d.ts.map +1 -0
  273. package/dist/types/layout.js +2 -0
  274. package/dist/types/layout.js.map +1 -0
  275. package/dist/{components/radio/types.d.ts → types/radio.d.ts} +4 -4
  276. package/dist/types/radio.d.ts.map +1 -0
  277. package/dist/types/radio.js +2 -0
  278. package/dist/types/radio.js.map +1 -0
  279. package/dist/types/surface.d.ts +6 -0
  280. package/dist/types/surface.d.ts.map +1 -0
  281. package/dist/types/surface.js +2 -0
  282. package/dist/types/surface.js.map +1 -0
  283. package/dist/{components/text-input/types.d.ts → types/text-input.d.ts} +3 -3
  284. package/dist/types/text-input.d.ts.map +1 -0
  285. package/dist/types/text-input.js +2 -0
  286. package/dist/types/text-input.js.map +1 -0
  287. package/dist/types/typography.d.ts +29 -0
  288. package/dist/types/typography.d.ts.map +1 -0
  289. package/dist/types/typography.js +2 -0
  290. package/dist/types/typography.js.map +1 -0
  291. package/dist/utils/resolveBoxStyles.d.ts +7 -0
  292. package/dist/utils/resolveBoxStyles.d.ts.map +1 -0
  293. package/dist/utils/resolveBoxStyles.js +83 -0
  294. package/dist/utils/resolveBoxStyles.js.map +1 -0
  295. package/dist/utils/resolveSpacing.d.ts +5 -0
  296. package/dist/utils/resolveSpacing.d.ts.map +1 -0
  297. package/dist/utils/resolveSpacing.js +6 -0
  298. package/dist/utils/resolveSpacing.js.map +1 -0
  299. package/package.json +1 -1
  300. package/src/components/field/Field.tsx +1 -1
  301. package/src/components/helper-text/HelperText.tsx +1 -1
  302. package/src/components/label/Label.tsx +1 -1
  303. package/src/components/list-item/ListItem.tsx +2 -2
  304. package/src/components/menu/Menu.tsx +4 -2
  305. package/src/components/modal/Modal.tsx +2 -1
  306. package/src/components/switch/Switch.tsx +2 -2
  307. package/src/components/tabs/Tab.tsx +2 -2
  308. package/src/components/tabs/TabList.tsx +1 -1
  309. package/src/components/tabs/Tabs.tsx +1 -1
  310. package/src/components/textarea/Textarea.tsx +1 -1
  311. package/src/components/textarea/types.ts +1 -1
  312. package/src/components/toast/Toast.tsx +4 -2
  313. package/src/components/toast/ToastProvider.tsx +1 -1
  314. package/src/components/tooltip/Tooltip.tsx +2 -2
  315. package/src/examples/DocsExamples.tsx +6 -6
  316. package/src/features/badge/adapters/inbound/Badge.tsx +58 -0
  317. package/src/features/badge/public.ts +2 -0
  318. package/src/features/button/adapters/inbound/Button.tsx +159 -0
  319. package/src/features/button/adapters/inbound/IconButton.tsx +69 -0
  320. package/src/features/button/public.ts +3 -0
  321. package/src/features/card/adapters/inbound/Card.tsx +88 -0
  322. package/src/features/card/public.ts +2 -0
  323. package/src/features/form/checkbox/adapters/inbound/Checkbox.tsx +207 -0
  324. package/src/features/form/checkbox/public.ts +2 -0
  325. package/src/{components/radio → features/form/radio/adapters/inbound}/Radio.test.ts +5 -5
  326. package/src/features/form/radio/adapters/inbound/Radio.tsx +214 -0
  327. package/src/features/form/radio/public.ts +2 -0
  328. package/src/{components/radio → features/form/radio/utils}/isRadioTextContent.ts +1 -3
  329. package/src/features/form/text-input/adapters/inbound/TextInput.tsx +72 -0
  330. package/src/features/form/text-input/public.ts +2 -0
  331. package/src/features/form/text-input/utils/resolveTextInputPresentation.ts +91 -0
  332. package/src/features/icon/adapters/inbound/Icon.tsx +14 -0
  333. package/src/{primitives/icon → features/icon/adapters/inbound}/PortableIcon.tsx +41 -97
  334. package/src/{primitives/icon → features/icon/adapters/inbound}/PortableIcon.web.test.tsx +6 -10
  335. package/src/features/icon/constants.ts +9 -0
  336. package/src/features/icon/public.ts +10 -0
  337. package/src/features/image/adapters/inbound/Image.tsx +55 -0
  338. package/src/features/image/public.ts +2 -0
  339. package/src/features/image/utils/getSourceKey.ts +32 -0
  340. package/src/features/image/utils/normalizeSource.ts +12 -0
  341. package/src/features/image/utils/resolveAccessibilityLabel.ts +9 -0
  342. package/src/features/image/utils/resolveAlt.ts +9 -0
  343. package/src/{primitives/image → features/image/utils}/resolveImageProps.test.ts +10 -22
  344. package/src/features/image/utils/resolveImageStyle.ts +23 -0
  345. package/src/features/image/utils/resolveRenderedSource.ts +11 -0
  346. package/src/features/image/utils/resolveResizeMode.ts +11 -0
  347. package/src/features/keyboard-avoiding-view/adapters/inbound/KeyboardAvoidingView.tsx +9 -0
  348. package/src/features/keyboard-avoiding-view/public.ts +5 -0
  349. package/src/{layout → features/layout/adapters/inbound}/Box.tsx +7 -15
  350. package/src/features/layout/adapters/inbound/Container.tsx +43 -0
  351. package/src/{layout → features/layout/adapters/inbound}/Divider.tsx +3 -8
  352. package/src/features/layout/adapters/inbound/Grid.tsx +78 -0
  353. package/src/{layout → features/layout/adapters/inbound}/Stack.test.ts +0 -1
  354. package/src/{layout → features/layout/adapters/inbound}/Stack.tsx +6 -15
  355. package/src/features/layout/public.ts +12 -0
  356. package/src/{layout → features/surface/adapters/inbound}/Surface.tsx +24 -41
  357. package/src/features/surface/public.ts +2 -0
  358. package/src/{primitives/heading → features/typography/adapters/inbound}/Heading.tsx +35 -38
  359. package/src/{primitives/text → features/typography/adapters/inbound}/Text.tsx +25 -35
  360. package/src/features/typography/public.ts +3 -0
  361. package/src/{primitives/heading/resolveHeadingStyle.test.ts → features/typography/utils/resolveHeadingTextStyle.test.ts} +5 -12
  362. package/src/features/typography/utils/resolveHeadingTextStyle.ts +21 -0
  363. package/src/index.test.ts +58 -28
  364. package/src/index.ts +37 -26
  365. package/src/layout/AppBar.tsx +1 -2
  366. package/src/layout/Center.tsx +1 -1
  367. package/src/layout/Inline.tsx +1 -1
  368. package/src/layout/ScrollArea.tsx +2 -1
  369. package/src/layout/Spacer.tsx +2 -2
  370. package/src/layout/Template.tsx +3 -2
  371. package/src/layout/index.ts +0 -17
  372. package/src/primitives/button-base/ButtonBase.tsx +1 -1
  373. package/src/primitives/button-base/types.ts +1 -1
  374. package/src/{components/badge/types.ts → types/badge.ts} +3 -3
  375. package/src/types/button.ts +34 -0
  376. package/src/{components/card/types.ts → types/card.ts} +1 -1
  377. package/src/{components/checkbox/types.ts → types/checkbox.ts} +3 -3
  378. package/src/types/icon.ts +52 -0
  379. package/src/{primitives/image/types.ts → types/image.ts} +3 -3
  380. package/src/types/keyboard-avoiding-view.ts +6 -0
  381. package/src/types/layout.ts +96 -0
  382. package/src/{components/radio/types.ts → types/radio.ts} +3 -3
  383. package/src/types/surface.ts +7 -0
  384. package/src/{components/text-input/types.ts → types/text-input.ts} +2 -2
  385. package/src/types/typography.ts +32 -0
  386. package/src/{layout/helpers.test.ts → utils/resolveBoxStyles.test.ts} +8 -25
  387. package/src/utils/resolveBoxStyles.ts +135 -0
  388. package/src/utils/resolveSpacing.ts +11 -0
  389. package/src/webAcceptance.test.tsx +2 -3
  390. package/dist/components/badge/Badge.d.ts +0 -4
  391. package/dist/components/badge/Badge.d.ts.map +0 -1
  392. package/dist/components/badge/Badge.js +0 -30
  393. package/dist/components/badge/Badge.js.map +0 -1
  394. package/dist/components/badge/index.d.ts +0 -3
  395. package/dist/components/badge/index.d.ts.map +0 -1
  396. package/dist/components/badge/index.js +0 -2
  397. package/dist/components/badge/index.js.map +0 -1
  398. package/dist/components/badge/types.d.ts +0 -12
  399. package/dist/components/badge/types.d.ts.map +0 -1
  400. package/dist/components/badge/types.js +0 -2
  401. package/dist/components/badge/types.js.map +0 -1
  402. package/dist/components/button/Button.d.ts.map +0 -1
  403. package/dist/components/button/Button.js +0 -51
  404. package/dist/components/button/Button.js.map +0 -1
  405. package/dist/components/button/index.d.ts +0 -3
  406. package/dist/components/button/index.d.ts.map +0 -1
  407. package/dist/components/button/index.js +0 -2
  408. package/dist/components/button/index.js.map +0 -1
  409. package/dist/components/button/types.d.ts +0 -18
  410. package/dist/components/button/types.d.ts.map +0 -1
  411. package/dist/components/button/types.js +0 -2
  412. package/dist/components/button/types.js.map +0 -1
  413. package/dist/components/card/Card.d.ts +0 -4
  414. package/dist/components/card/Card.d.ts.map +0 -1
  415. package/dist/components/card/Card.js +0 -46
  416. package/dist/components/card/Card.js.map +0 -1
  417. package/dist/components/card/index.d.ts +0 -3
  418. package/dist/components/card/index.d.ts.map +0 -1
  419. package/dist/components/card/index.js +0 -2
  420. package/dist/components/card/index.js.map +0 -1
  421. package/dist/components/card/types.d.ts.map +0 -1
  422. package/dist/components/card/types.js +0 -2
  423. package/dist/components/card/types.js.map +0 -1
  424. package/dist/components/checkbox/Checkbox.d.ts +0 -4
  425. package/dist/components/checkbox/Checkbox.d.ts.map +0 -1
  426. package/dist/components/checkbox/Checkbox.js +0 -69
  427. package/dist/components/checkbox/Checkbox.js.map +0 -1
  428. package/dist/components/checkbox/index.d.ts +0 -3
  429. package/dist/components/checkbox/index.d.ts.map +0 -1
  430. package/dist/components/checkbox/index.js +0 -2
  431. package/dist/components/checkbox/index.js.map +0 -1
  432. package/dist/components/checkbox/types.d.ts.map +0 -1
  433. package/dist/components/checkbox/types.js +0 -2
  434. package/dist/components/checkbox/types.js.map +0 -1
  435. package/dist/components/icon-button/IconButton.d.ts.map +0 -1
  436. package/dist/components/icon-button/IconButton.js +0 -28
  437. package/dist/components/icon-button/IconButton.js.map +0 -1
  438. package/dist/components/icon-button/index.d.ts +0 -3
  439. package/dist/components/icon-button/index.d.ts.map +0 -1
  440. package/dist/components/icon-button/index.js +0 -2
  441. package/dist/components/icon-button/index.js.map +0 -1
  442. package/dist/components/icon-button/types.d.ts +0 -13
  443. package/dist/components/icon-button/types.d.ts.map +0 -1
  444. package/dist/components/icon-button/types.js +0 -2
  445. package/dist/components/icon-button/types.js.map +0 -1
  446. package/dist/components/radio/Radio.d.ts +0 -7
  447. package/dist/components/radio/Radio.d.ts.map +0 -1
  448. package/dist/components/radio/Radio.js +0 -75
  449. package/dist/components/radio/Radio.js.map +0 -1
  450. package/dist/components/radio/index.d.ts +0 -3
  451. package/dist/components/radio/index.d.ts.map +0 -1
  452. package/dist/components/radio/index.js +0 -2
  453. package/dist/components/radio/index.js.map +0 -1
  454. package/dist/components/radio/isRadioTextContent.d.ts +0 -6
  455. package/dist/components/radio/isRadioTextContent.d.ts.map +0 -1
  456. package/dist/components/radio/isRadioTextContent.js +0 -7
  457. package/dist/components/radio/isRadioTextContent.js.map +0 -1
  458. package/dist/components/radio/types.d.ts.map +0 -1
  459. package/dist/components/radio/types.js +0 -2
  460. package/dist/components/radio/types.js.map +0 -1
  461. package/dist/components/text-input/TextInput.d.ts +0 -4
  462. package/dist/components/text-input/TextInput.d.ts.map +0 -1
  463. package/dist/components/text-input/TextInput.js +0 -72
  464. package/dist/components/text-input/TextInput.js.map +0 -1
  465. package/dist/components/text-input/index.d.ts +0 -3
  466. package/dist/components/text-input/index.d.ts.map +0 -1
  467. package/dist/components/text-input/index.js +0 -2
  468. package/dist/components/text-input/index.js.map +0 -1
  469. package/dist/components/text-input/types.d.ts.map +0 -1
  470. package/dist/components/text-input/types.js +0 -2
  471. package/dist/components/text-input/types.js.map +0 -1
  472. package/dist/layout/Box.d.ts +0 -14
  473. package/dist/layout/Box.d.ts.map +0 -1
  474. package/dist/layout/Box.js.map +0 -1
  475. package/dist/layout/Container.d.ts +0 -11
  476. package/dist/layout/Container.d.ts.map +0 -1
  477. package/dist/layout/Container.js +0 -24
  478. package/dist/layout/Container.js.map +0 -1
  479. package/dist/layout/Divider.d.ts +0 -10
  480. package/dist/layout/Divider.d.ts.map +0 -1
  481. package/dist/layout/Divider.js.map +0 -1
  482. package/dist/layout/Grid.d.ts +0 -14
  483. package/dist/layout/Grid.d.ts.map +0 -1
  484. package/dist/layout/Grid.js +0 -51
  485. package/dist/layout/Grid.js.map +0 -1
  486. package/dist/layout/KeyboardAvoidingView.d.ts +0 -7
  487. package/dist/layout/KeyboardAvoidingView.d.ts.map +0 -1
  488. package/dist/layout/KeyboardAvoidingView.js.map +0 -1
  489. package/dist/layout/Stack.d.ts +0 -14
  490. package/dist/layout/Stack.d.ts.map +0 -1
  491. package/dist/layout/Stack.js.map +0 -1
  492. package/dist/layout/Surface.d.ts +0 -8
  493. package/dist/layout/Surface.d.ts.map +0 -1
  494. package/dist/layout/Surface.js.map +0 -1
  495. package/dist/layout/helpers.d.ts.map +0 -1
  496. package/dist/layout/helpers.js +0 -91
  497. package/dist/layout/helpers.js.map +0 -1
  498. package/dist/primitives/heading/Heading.d.ts +0 -4
  499. package/dist/primitives/heading/Heading.d.ts.map +0 -1
  500. package/dist/primitives/heading/Heading.js +0 -30
  501. package/dist/primitives/heading/Heading.js.map +0 -1
  502. package/dist/primitives/heading/index.d.ts +0 -3
  503. package/dist/primitives/heading/index.d.ts.map +0 -1
  504. package/dist/primitives/heading/index.js +0 -2
  505. package/dist/primitives/heading/index.js.map +0 -1
  506. package/dist/primitives/heading/resolveHeadingStyle.d.ts +0 -6
  507. package/dist/primitives/heading/resolveHeadingStyle.d.ts.map +0 -1
  508. package/dist/primitives/heading/resolveHeadingStyle.js +0 -9
  509. package/dist/primitives/heading/resolveHeadingStyle.js.map +0 -1
  510. package/dist/primitives/heading/types.d.ts +0 -15
  511. package/dist/primitives/heading/types.d.ts.map +0 -1
  512. package/dist/primitives/heading/types.js +0 -2
  513. package/dist/primitives/heading/types.js.map +0 -1
  514. package/dist/primitives/icon/Icon.d.ts +0 -16
  515. package/dist/primitives/icon/Icon.d.ts.map +0 -1
  516. package/dist/primitives/icon/Icon.js.map +0 -1
  517. package/dist/primitives/icon/PortableIcon.d.ts +0 -70
  518. package/dist/primitives/icon/PortableIcon.d.ts.map +0 -1
  519. package/dist/primitives/icon/PortableIcon.js.map +0 -1
  520. package/dist/primitives/icon/index.d.ts +0 -4
  521. package/dist/primitives/icon/index.d.ts.map +0 -1
  522. package/dist/primitives/icon/index.js +0 -3
  523. package/dist/primitives/icon/index.js.map +0 -1
  524. package/dist/primitives/image/Image.d.ts.map +0 -1
  525. package/dist/primitives/image/Image.js +0 -26
  526. package/dist/primitives/image/Image.js.map +0 -1
  527. package/dist/primitives/image/index.d.ts +0 -3
  528. package/dist/primitives/image/index.d.ts.map +0 -1
  529. package/dist/primitives/image/index.js +0 -2
  530. package/dist/primitives/image/index.js.map +0 -1
  531. package/dist/primitives/image/resolveImageProps.d.ts +0 -12
  532. package/dist/primitives/image/resolveImageProps.d.ts.map +0 -1
  533. package/dist/primitives/image/resolveImageProps.js +0 -67
  534. package/dist/primitives/image/resolveImageProps.js.map +0 -1
  535. package/dist/primitives/image/types.d.ts.map +0 -1
  536. package/dist/primitives/image/types.js +0 -2
  537. package/dist/primitives/image/types.js.map +0 -1
  538. package/dist/primitives/text/Text.d.ts.map +0 -1
  539. package/dist/primitives/text/Text.js.map +0 -1
  540. package/dist/primitives/text/index.d.ts +0 -3
  541. package/dist/primitives/text/index.d.ts.map +0 -1
  542. package/dist/primitives/text/index.js +0 -2
  543. package/dist/primitives/text/index.js.map +0 -1
  544. package/dist/primitives/text/types.d.ts +0 -17
  545. package/dist/primitives/text/types.d.ts.map +0 -1
  546. package/dist/primitives/text/types.js +0 -2
  547. package/dist/primitives/text/types.js.map +0 -1
  548. package/src/components/badge/Badge.tsx +0 -52
  549. package/src/components/badge/index.ts +0 -2
  550. package/src/components/button/Button.tsx +0 -98
  551. package/src/components/button/index.ts +0 -2
  552. package/src/components/button/types.ts +0 -23
  553. package/src/components/card/Card.tsx +0 -81
  554. package/src/components/card/index.ts +0 -2
  555. package/src/components/checkbox/Checkbox.tsx +0 -120
  556. package/src/components/checkbox/index.ts +0 -2
  557. package/src/components/icon-button/IconButton.tsx +0 -55
  558. package/src/components/icon-button/index.ts +0 -2
  559. package/src/components/icon-button/types.ts +0 -16
  560. package/src/components/radio/Radio.tsx +0 -124
  561. package/src/components/radio/index.ts +0 -2
  562. package/src/components/text-input/TextInput.tsx +0 -124
  563. package/src/components/text-input/index.ts +0 -2
  564. package/src/layout/Container.tsx +0 -43
  565. package/src/layout/Grid.tsx +0 -83
  566. package/src/layout/KeyboardAvoidingView.tsx +0 -16
  567. package/src/layout/helpers.ts +0 -205
  568. package/src/primitives/heading/index.ts +0 -2
  569. package/src/primitives/heading/resolveHeadingStyle.ts +0 -20
  570. package/src/primitives/heading/types.ts +0 -17
  571. package/src/primitives/icon/Icon.tsx +0 -34
  572. package/src/primitives/icon/index.ts +0 -10
  573. package/src/primitives/image/Image.tsx +0 -65
  574. package/src/primitives/image/index.ts +0 -2
  575. package/src/primitives/image/resolveImageProps.ts +0 -92
  576. package/src/primitives/text/index.ts +0 -2
  577. package/src/primitives/text/types.ts +0 -18
@@ -0,0 +1,28 @@
1
+ import React from 'react';
2
+ import { Image as ReactNativeImage } from 'react-native';
3
+ import { useTheme } from '../../../../theme/ThemeContext';
4
+ import { getSourceKey } from '../../utils/getSourceKey';
5
+ import { normalizeSource } from '../../utils/normalizeSource';
6
+ import { resolveAccessibilityLabel } from '../../utils/resolveAccessibilityLabel';
7
+ import { resolveAlt } from '../../utils/resolveAlt';
8
+ import { resolveImageStyle } from '../../utils/resolveImageStyle';
9
+ import { resolveRenderedSource } from '../../utils/resolveRenderedSource';
10
+ import { resolveResizeMode } from '../../utils/resolveResizeMode';
11
+ /*** Renders a token-aware accessible image with optional fallback source. */
12
+ export function Image({ source, fallbackSource, alt, accessibilityLabel, width, height, aspectRatio, fit, resizeMode, radius, style, testID, onError, }) {
13
+ const { theme } = useTheme();
14
+ const primaryKey = React.useMemo(() => getSourceKey(source), [source]);
15
+ const [failedPrimaryKey, setFailedPrimaryKey] = React.useState(null);
16
+ const showFallback = primaryKey !== null && failedPrimaryKey === primaryKey;
17
+ const normalizedPrimary = normalizeSource(source);
18
+ const normalizedFallback = normalizeSource(fallbackSource);
19
+ const resolvedSource = resolveRenderedSource(normalizedPrimary, normalizedFallback, showFallback);
20
+ if (!resolvedSource)
21
+ return null;
22
+ return (<ReactNativeImage accessibilityLabel={resolveAccessibilityLabel(alt, accessibilityLabel)} accessibilityRole="image" alt={resolveAlt(alt, accessibilityLabel)} onError={(event) => {
23
+ onError?.(event);
24
+ if (!showFallback && normalizedFallback)
25
+ setFailedPrimaryKey(primaryKey);
26
+ }} resizeMode={resolveResizeMode(fit, resizeMode)} source={resolvedSource} style={[resolveImageStyle(theme, { width, height, aspectRatio, radius }), style]} testID={testID}/>);
27
+ }
28
+ //# sourceMappingURL=Image.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Image.js","sourceRoot":"","sources":["../../../../../src/features/image/adapters/inbound/Image.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,KAAK,IAAI,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAEzD,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAE1D,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACxD,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAC9D,OAAO,EAAE,yBAAyB,EAAE,MAAM,uCAAuC,CAAC;AAClF,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACpD,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAClE,OAAO,EAAE,qBAAqB,EAAE,MAAM,mCAAmC,CAAC;AAC1E,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAElE,6EAA6E;AAC7E,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;IAC5E,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,OAAO,CACL,CAAC,gBAAgB,CACf,kBAAkB,CAAC,CAAC,yBAAyB,CAAC,GAAG,EAAE,kBAAkB,CAAC,CAAC,CACvE,iBAAiB,CAAC,OAAO,CACzB,GAAG,CAAC,CAAC,UAAU,CAAC,GAAG,EAAE,kBAAkB,CAAC,CAAC,CACzC,OAAO,CAAC,CAAC,CAAC,KAAK,EAAE,EAAE;YACjB,OAAO,EAAE,CAAC,KAAK,CAAC,CAAC;YACjB,IAAI,CAAC,YAAY,IAAI,kBAAkB;gBAAE,mBAAmB,CAAC,UAAU,CAAC,CAAC;QAC3E,CAAC,CAAC,CACF,UAAU,CAAC,CAAC,iBAAiB,CAAC,GAAG,EAAE,UAAU,CAAC,CAAC,CAC/C,MAAM,CAAC,CAAC,cAAc,CAAC,CACvB,KAAK,CAAC,CAAC,CAAC,iBAAiB,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,EAAE,CAAC,EAAE,KAAK,CAAC,CAAC,CACjF,MAAM,CAAC,CAAC,MAAM,CAAC,EACf,CACH,CAAC;AACJ,CAAC","sourcesContent":["import React from 'react';\nimport { Image as ReactNativeImage } from 'react-native';\n\nimport { useTheme } from '../../../../theme/ThemeContext';\nimport type { ImageProps } from '../../../../types/image';\nimport { getSourceKey } from '../../utils/getSourceKey';\nimport { normalizeSource } from '../../utils/normalizeSource';\nimport { resolveAccessibilityLabel } from '../../utils/resolveAccessibilityLabel';\nimport { resolveAlt } from '../../utils/resolveAlt';\nimport { resolveImageStyle } from '../../utils/resolveImageStyle';\nimport { resolveRenderedSource } from '../../utils/resolveRenderedSource';\nimport { resolveResizeMode } from '../../utils/resolveResizeMode';\n\n/*** Renders a token-aware accessible image with optional fallback source. */\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 const normalizedPrimary = normalizeSource(source);\n const normalizedFallback = normalizeSource(fallbackSource);\n const resolvedSource = resolveRenderedSource(normalizedPrimary, normalizedFallback, showFallback);\n\n if (!resolvedSource) return null;\n\n return (\n <ReactNativeImage\n accessibilityLabel={resolveAccessibilityLabel(alt, accessibilityLabel)}\n accessibilityRole=\"image\"\n alt={resolveAlt(alt, accessibilityLabel)}\n onError={(event) => {\n onError?.(event);\n if (!showFallback && normalizedFallback) setFailedPrimaryKey(primaryKey);\n }}\n resizeMode={resolveResizeMode(fit, resizeMode)}\n source={resolvedSource}\n style={[resolveImageStyle(theme, { width, height, aspectRatio, radius }), style]}\n testID={testID}\n />\n );\n}\n"]}
@@ -0,0 +1,3 @@
1
+ export type { ImageFit, ImageProps, SurfaceImageSource } from '../../types/image';
2
+ export { Image } from './adapters/inbound/Image';
3
+ //# sourceMappingURL=public.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"public.d.ts","sourceRoot":"","sources":["../../../src/features/image/public.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,QAAQ,EAAE,UAAU,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAClF,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAC"}
@@ -0,0 +1,2 @@
1
+ export { Image } from './adapters/inbound/Image';
2
+ //# sourceMappingURL=public.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"public.js","sourceRoot":"","sources":["../../../src/features/image/public.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAC","sourcesContent":["export type { ImageFit, ImageProps, SurfaceImageSource } from '../../types/image';\nexport { Image } from './adapters/inbound/Image';\n"]}
@@ -0,0 +1,4 @@
1
+ import type { SurfaceImageSource } from '../../../types/image';
2
+ /*** Derives a stable runtime key for one Surface image source. */
3
+ export declare function getSourceKey(source: SurfaceImageSource | null | undefined): string | null;
4
+ //# sourceMappingURL=getSourceKey.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"getSourceKey.d.ts","sourceRoot":"","sources":["../../../../src/features/image/utils/getSourceKey.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAE/D,kEAAkE;AAClE,wBAAgB,YAAY,CAAC,MAAM,EAAE,kBAAkB,GAAG,IAAI,GAAG,SAAS,GAAG,MAAM,GAAG,IAAI,CAmBzF"}
@@ -0,0 +1,33 @@
1
+ /*** Derives a stable runtime key for one Surface image source. */
2
+ export function getSourceKey(source) {
3
+ if (source === null || source === undefined)
4
+ return null;
5
+ if (typeof source === 'string')
6
+ return `uri:${source}`;
7
+ if (typeof source === 'number')
8
+ return `asset:${source}`;
9
+ if (Array.isArray(source)) {
10
+ const parts = source
11
+ .map((item) => item.uri)
12
+ .filter((value) => typeof value === 'string');
13
+ return `uri-set:${parts.join('|')}`;
14
+ }
15
+ const uri = getUriFromSource(source);
16
+ if (uri)
17
+ return `uri:${uri}`;
18
+ try {
19
+ return `src:${JSON.stringify(source)}`;
20
+ }
21
+ catch {
22
+ return 'src:unknown';
23
+ }
24
+ }
25
+ /*** Reads the first URI represented by a React Native image source. */
26
+ function getUriFromSource(source) {
27
+ if (Array.isArray(source))
28
+ return source[0]?.uri;
29
+ if (typeof source === 'number')
30
+ return undefined;
31
+ return source.uri;
32
+ }
33
+ //# sourceMappingURL=getSourceKey.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"getSourceKey.js","sourceRoot":"","sources":["../../../../src/features/image/utils/getSourceKey.ts"],"names":[],"mappings":"AAIA,kEAAkE;AAClE,MAAM,UAAU,YAAY,CAAC,MAA6C;IACxE,IAAI,MAAM,KAAK,IAAI,IAAI,MAAM,KAAK,SAAS;QAAE,OAAO,IAAI,CAAC;IACzD,IAAI,OAAO,MAAM,KAAK,QAAQ;QAAE,OAAO,OAAO,MAAM,EAAE,CAAC;IACvD,IAAI,OAAO,MAAM,KAAK,QAAQ;QAAE,OAAO,SAAS,MAAM,EAAE,CAAC;IACzD,IAAI,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,CAAC;QAC1B,MAAM,KAAK,GAAG,MAAM;aACjB,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC;aACvB,MAAM,CAAC,CAAC,KAAK,EAAmB,EAAE,CAAC,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC;QACjE,OAAO,WAAW,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC;IACtC,CAAC;IAED,MAAM,GAAG,GAAG,gBAAgB,CAAC,MAAM,CAAC,CAAC;IACrC,IAAI,GAAG;QAAE,OAAO,OAAO,GAAG,EAAE,CAAC;IAE7B,IAAI,CAAC;QACH,OAAO,OAAO,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,EAAE,CAAC;IACzC,CAAC;IAAC,MAAM,CAAC;QACP,OAAO,aAAa,CAAC;IACvB,CAAC;AACH,CAAC;AAED,uEAAuE;AACvE,SAAS,gBAAgB,CAAC,MAA2B;IACnD,IAAI,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC;QAAE,OAAO,MAAM,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC;IACjD,IAAI,OAAO,MAAM,KAAK,QAAQ;QAAE,OAAO,SAAS,CAAC;IACjD,OAAO,MAAM,CAAC,GAAG,CAAC;AACpB,CAAC","sourcesContent":["import type { ImageSourcePropType } from 'react-native';\n\nimport type { SurfaceImageSource } from '../../../types/image';\n\n/*** Derives a stable runtime key for one Surface image source. */\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\n/*** Reads the first URI represented by a React Native image source. */\nfunction getUriFromSource(source: ImageSourcePropType): string | undefined {\n if (Array.isArray(source)) return source[0]?.uri;\n if (typeof source === 'number') return undefined;\n return source.uri;\n}\n"]}
@@ -0,0 +1,5 @@
1
+ import type { ImageSourcePropType } from 'react-native';
2
+ import type { SurfaceImageSource } from '../../../types/image';
3
+ /*** Normalizes a Surface image source into React Native's source shape. */
4
+ export declare function normalizeSource(source: SurfaceImageSource | null | undefined): ImageSourcePropType | undefined;
5
+ //# sourceMappingURL=normalizeSource.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"normalizeSource.d.ts","sourceRoot":"","sources":["../../../../src/features/image/utils/normalizeSource.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAExD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAE/D,2EAA2E;AAC3E,wBAAgB,eAAe,CAC7B,MAAM,EAAE,kBAAkB,GAAG,IAAI,GAAG,SAAS,GAC5C,mBAAmB,GAAG,SAAS,CAIjC"}
@@ -0,0 +1,9 @@
1
+ /*** Normalizes a Surface image source into React Native's source shape. */
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
+ //# sourceMappingURL=normalizeSource.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"normalizeSource.js","sourceRoot":"","sources":["../../../../src/features/image/utils/normalizeSource.ts"],"names":[],"mappings":"AAIA,2EAA2E;AAC3E,MAAM,UAAU,eAAe,CAC7B,MAA6C;IAE7C,IAAI,MAAM,KAAK,IAAI,IAAI,MAAM,KAAK,SAAS;QAAE,OAAO,SAAS,CAAC;IAC9D,IAAI,OAAO,MAAM,KAAK,QAAQ;QAAE,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,CAAC;IACvD,OAAO,MAAM,CAAC;AAChB,CAAC","sourcesContent":["import type { ImageSourcePropType } from 'react-native';\n\nimport type { SurfaceImageSource } from '../../../types/image';\n\n/*** Normalizes a Surface image source into React Native's source shape. */\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"]}
@@ -0,0 +1,4 @@
1
+ import type { ImageProps } from '../../../types/image';
2
+ /*** Resolves the accessible image label from explicit label or alt text. */
3
+ export declare function resolveAccessibilityLabel(alt: ImageProps['alt'], accessibilityLabel: ImageProps['accessibilityLabel']): string | undefined;
4
+ //# sourceMappingURL=resolveAccessibilityLabel.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"resolveAccessibilityLabel.d.ts","sourceRoot":"","sources":["../../../../src/features/image/utils/resolveAccessibilityLabel.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAEvD,4EAA4E;AAC5E,wBAAgB,yBAAyB,CACvC,GAAG,EAAE,UAAU,CAAC,KAAK,CAAC,EACtB,kBAAkB,EAAE,UAAU,CAAC,oBAAoB,CAAC,GACnD,MAAM,GAAG,SAAS,CAEpB"}
@@ -0,0 +1,5 @@
1
+ /*** Resolves the accessible image label from explicit label or alt text. */
2
+ export function resolveAccessibilityLabel(alt, accessibilityLabel) {
3
+ return accessibilityLabel ?? alt;
4
+ }
5
+ //# sourceMappingURL=resolveAccessibilityLabel.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"resolveAccessibilityLabel.js","sourceRoot":"","sources":["../../../../src/features/image/utils/resolveAccessibilityLabel.ts"],"names":[],"mappings":"AAEA,4EAA4E;AAC5E,MAAM,UAAU,yBAAyB,CACvC,GAAsB,EACtB,kBAAoD;IAEpD,OAAO,kBAAkB,IAAI,GAAG,CAAC;AACnC,CAAC","sourcesContent":["import type { ImageProps } from '../../../types/image';\n\n/*** Resolves the accessible image label from explicit label or alt text. */\nexport function resolveAccessibilityLabel(\n alt: ImageProps['alt'],\n accessibilityLabel: ImageProps['accessibilityLabel'],\n): string | undefined {\n return accessibilityLabel ?? alt;\n}\n"]}
@@ -0,0 +1,4 @@
1
+ import type { ImageProps } from '../../../types/image';
2
+ /*** Resolves web alt text from alt or the accessible label. */
3
+ export declare function resolveAlt(alt: ImageProps['alt'], accessibilityLabel: ImageProps['accessibilityLabel']): string | undefined;
4
+ //# sourceMappingURL=resolveAlt.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"resolveAlt.d.ts","sourceRoot":"","sources":["../../../../src/features/image/utils/resolveAlt.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAEvD,+DAA+D;AAC/D,wBAAgB,UAAU,CACxB,GAAG,EAAE,UAAU,CAAC,KAAK,CAAC,EACtB,kBAAkB,EAAE,UAAU,CAAC,oBAAoB,CAAC,GACnD,MAAM,GAAG,SAAS,CAEpB"}
@@ -0,0 +1,5 @@
1
+ /*** Resolves web alt text from alt or the accessible label. */
2
+ export function resolveAlt(alt, accessibilityLabel) {
3
+ return alt ?? accessibilityLabel;
4
+ }
5
+ //# sourceMappingURL=resolveAlt.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"resolveAlt.js","sourceRoot":"","sources":["../../../../src/features/image/utils/resolveAlt.ts"],"names":[],"mappings":"AAEA,+DAA+D;AAC/D,MAAM,UAAU,UAAU,CACxB,GAAsB,EACtB,kBAAoD;IAEpD,OAAO,GAAG,IAAI,kBAAkB,CAAC;AACnC,CAAC","sourcesContent":["import type { ImageProps } from '../../../types/image';\n\n/*** Resolves web alt text from alt or the accessible label. */\nexport function resolveAlt(\n alt: ImageProps['alt'],\n accessibilityLabel: ImageProps['accessibilityLabel'],\n): string | undefined {\n return alt ?? accessibilityLabel;\n}\n"]}
@@ -0,0 +1,6 @@
1
+ import type { ImageStyle } from 'react-native';
2
+ import type { SurfaceTheme } from '../../../theme/types';
3
+ import type { ImageProps } from '../../../types/image';
4
+ /*** Resolves token-aware dimensions and radius for a Surface image. */
5
+ export declare function resolveImageStyle(theme: SurfaceTheme, props: Pick<ImageProps, 'width' | 'height' | 'aspectRatio' | 'radius'>): ImageStyle;
6
+ //# sourceMappingURL=resolveImageStyle.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"resolveImageStyle.d.ts","sourceRoot":"","sources":["../../../../src/features/image/utils/resolveImageStyle.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAG/C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAEvD,uEAAuE;AACvE,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"}
@@ -0,0 +1,15 @@
1
+ import { resolveToken } from '../../../theme/resolveToken';
2
+ /*** Resolves token-aware dimensions and radius for a Surface image. */
3
+ export function resolveImageStyle(theme, props) {
4
+ const width = resolveToken(theme.spacing, props.width);
5
+ const height = resolveToken(theme.spacing, props.height);
6
+ const borderRadius = resolveToken(theme.radii, props.radius);
7
+ return {
8
+ width,
9
+ height,
10
+ aspectRatio: props.aspectRatio,
11
+ borderRadius,
12
+ overflow: borderRadius !== undefined ? 'hidden' : undefined,
13
+ };
14
+ }
15
+ //# sourceMappingURL=resolveImageStyle.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"resolveImageStyle.js","sourceRoot":"","sources":["../../../../src/features/image/utils/resolveImageStyle.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAI3D,uEAAuE;AACvE,MAAM,UAAU,iBAAiB,CAC/B,KAAmB,EACnB,KAAsE;IAEtE,MAAM,KAAK,GAAG,YAAY,CAAC,KAAK,CAAC,OAAO,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;IACvD,MAAM,MAAM,GAAG,YAAY,CAAC,KAAK,CAAC,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IACzD,MAAM,YAAY,GAAG,YAAY,CAAC,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IAE7D,OAAO;QACL,KAAK;QACL,MAAM;QACN,WAAW,EAAE,KAAK,CAAC,WAAW;QAC9B,YAAY;QACZ,QAAQ,EAAE,YAAY,KAAK,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS;KAC5D,CAAC;AACJ,CAAC","sourcesContent":["import type { ImageStyle } from 'react-native';\n\nimport { resolveToken } from '../../../theme/resolveToken';\nimport type { SurfaceTheme } from '../../../theme/types';\nimport type { ImageProps } from '../../../types/image';\n\n/*** Resolves token-aware dimensions and radius for a Surface image. */\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"]}
@@ -0,0 +1,4 @@
1
+ import type { ImageSourcePropType } from 'react-native';
2
+ /*** Chooses the primary or fallback normalized image source. */
3
+ export declare function resolveRenderedSource(normalizedPrimary: ImageSourcePropType | undefined, normalizedFallback: ImageSourcePropType | undefined, showFallback: boolean): ImageSourcePropType | undefined;
4
+ //# sourceMappingURL=resolveRenderedSource.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"resolveRenderedSource.d.ts","sourceRoot":"","sources":["../../../../src/features/image/utils/resolveRenderedSource.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAExD,gEAAgE;AAChE,wBAAgB,qBAAqB,CACnC,iBAAiB,EAAE,mBAAmB,GAAG,SAAS,EAClD,kBAAkB,EAAE,mBAAmB,GAAG,SAAS,EACnD,YAAY,EAAE,OAAO,GACpB,mBAAmB,GAAG,SAAS,CAGjC"}
@@ -0,0 +1,7 @@
1
+ /*** Chooses the primary or fallback normalized image source. */
2
+ export function resolveRenderedSource(normalizedPrimary, normalizedFallback, showFallback) {
3
+ if (showFallback || !normalizedPrimary)
4
+ return normalizedFallback;
5
+ return normalizedPrimary;
6
+ }
7
+ //# sourceMappingURL=resolveRenderedSource.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"resolveRenderedSource.js","sourceRoot":"","sources":["../../../../src/features/image/utils/resolveRenderedSource.ts"],"names":[],"mappings":"AAEA,gEAAgE;AAChE,MAAM,UAAU,qBAAqB,CACnC,iBAAkD,EAClD,kBAAmD,EACnD,YAAqB;IAErB,IAAI,YAAY,IAAI,CAAC,iBAAiB;QAAE,OAAO,kBAAkB,CAAC;IAClE,OAAO,iBAAiB,CAAC;AAC3B,CAAC","sourcesContent":["import type { ImageSourcePropType } from 'react-native';\n\n/*** Chooses the primary or fallback normalized image source. */\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"]}
@@ -0,0 +1,5 @@
1
+ import type { ImageResizeMode } from 'react-native';
2
+ import type { ImageProps } from '../../../types/image';
3
+ /*** Resolves the canonical resize mode, preferring the Surface fit alias. */
4
+ export declare function resolveResizeMode(fit: ImageProps['fit'], resizeMode: ImageProps['resizeMode']): ImageResizeMode;
5
+ //# sourceMappingURL=resolveResizeMode.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"resolveResizeMode.d.ts","sourceRoot":"","sources":["../../../../src/features/image/utils/resolveResizeMode.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAEpD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAEvD,6EAA6E;AAC7E,wBAAgB,iBAAiB,CAC/B,GAAG,EAAE,UAAU,CAAC,KAAK,CAAC,EACtB,UAAU,EAAE,UAAU,CAAC,YAAY,CAAC,GACnC,eAAe,CAEjB"}
@@ -0,0 +1,5 @@
1
+ /*** Resolves the canonical resize mode, preferring the Surface fit alias. */
2
+ export function resolveResizeMode(fit, resizeMode) {
3
+ return fit ?? resizeMode ?? 'cover';
4
+ }
5
+ //# sourceMappingURL=resolveResizeMode.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"resolveResizeMode.js","sourceRoot":"","sources":["../../../../src/features/image/utils/resolveResizeMode.ts"],"names":[],"mappings":"AAIA,6EAA6E;AAC7E,MAAM,UAAU,iBAAiB,CAC/B,GAAsB,EACtB,UAAoC;IAEpC,OAAO,GAAG,IAAI,UAAU,IAAI,OAAO,CAAC;AACtC,CAAC","sourcesContent":["import type { ImageResizeMode } from 'react-native';\n\nimport type { ImageProps } from '../../../types/image';\n\n/*** Resolves the canonical resize mode, preferring the Surface fit alias. */\nexport function resolveResizeMode(\n fit: ImageProps['fit'],\n resizeMode: ImageProps['resizeMode'],\n): ImageResizeMode {\n return fit ?? resizeMode ?? 'cover';\n}\n"]}
@@ -0,0 +1,5 @@
1
+ import React from 'react';
2
+ import type { KeyboardAvoidingViewProps } from '../../../../types/keyboard-avoiding-view';
3
+ /*** Preserves React Native keyboard avoidance behind the stable Surface feature boundary. */
4
+ export declare function KeyboardAvoidingView(props: KeyboardAvoidingViewProps): React.JSX.Element;
5
+ //# sourceMappingURL=KeyboardAvoidingView.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"KeyboardAvoidingView.d.ts","sourceRoot":"","sources":["../../../../../src/features/keyboard-avoiding-view/adapters/inbound/KeyboardAvoidingView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,0CAA0C,CAAC;AAE1F,6FAA6F;AAC7F,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,yBAAyB,qBAEpE"}
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
- import { KeyboardAvoidingView as ReactNativeKeyboardAvoidingView, } from 'react-native';
3
- /*** Preserve React Native keyboard avoidance behind the stable Surface layout boundary. */
2
+ import { KeyboardAvoidingView as ReactNativeKeyboardAvoidingView } from 'react-native';
3
+ /*** Preserves React Native keyboard avoidance behind the stable Surface feature boundary. */
4
4
  export function KeyboardAvoidingView(props) {
5
5
  return <ReactNativeKeyboardAvoidingView {...props}/>;
6
6
  }
@@ -0,0 +1 @@
1
+ {"version":3,"file":"KeyboardAvoidingView.js","sourceRoot":"","sources":["../../../../../src/features/keyboard-avoiding-view/adapters/inbound/KeyboardAvoidingView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,oBAAoB,IAAI,+BAA+B,EAAE,MAAM,cAAc,CAAC;AAIvF,6FAA6F;AAC7F,MAAM,UAAU,oBAAoB,CAAC,KAAgC;IACnE,OAAO,CAAC,+BAA+B,CAAC,IAAI,KAAK,CAAC,EAAG,CAAC;AACxD,CAAC","sourcesContent":["import React from 'react';\nimport { KeyboardAvoidingView as ReactNativeKeyboardAvoidingView } from 'react-native';\n\nimport type { KeyboardAvoidingViewProps } from '../../../../types/keyboard-avoiding-view';\n\n/*** Preserves React Native keyboard avoidance behind the stable Surface feature boundary. */\nexport function KeyboardAvoidingView(props: KeyboardAvoidingViewProps) {\n return <ReactNativeKeyboardAvoidingView {...props} />;\n}\n"]}
@@ -0,0 +1,3 @@
1
+ export type { KeyboardAvoidingViewBehavior, KeyboardAvoidingViewProps, } from '../../types/keyboard-avoiding-view';
2
+ export { KeyboardAvoidingView } from './adapters/inbound/KeyboardAvoidingView';
3
+ //# sourceMappingURL=public.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"public.d.ts","sourceRoot":"","sources":["../../../src/features/keyboard-avoiding-view/public.ts"],"names":[],"mappings":"AAAA,YAAY,EACV,4BAA4B,EAC5B,yBAAyB,GAC1B,MAAM,oCAAoC,CAAC;AAC5C,OAAO,EAAE,oBAAoB,EAAE,MAAM,yCAAyC,CAAC"}
@@ -0,0 +1,2 @@
1
+ export { KeyboardAvoidingView } from './adapters/inbound/KeyboardAvoidingView';
2
+ //# sourceMappingURL=public.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"public.js","sourceRoot":"","sources":["../../../src/features/keyboard-avoiding-view/public.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,oBAAoB,EAAE,MAAM,yCAAyC,CAAC","sourcesContent":["export type {\n KeyboardAvoidingViewBehavior,\n KeyboardAvoidingViewProps,\n} from '../../types/keyboard-avoiding-view';\nexport { KeyboardAvoidingView } from './adapters/inbound/KeyboardAvoidingView';\n"]}
@@ -0,0 +1,5 @@
1
+ import React from 'react';
2
+ import type { BoxProps } from '../../../../types/layout';
3
+ /*** Renders the responsive foundational layout box. */
4
+ export declare function Box({ accessible, accessibilityLabel, accessibilityRole, accessibilityState, children, pointerEvents, style, testID, ...props }: BoxProps): React.JSX.Element;
5
+ //# sourceMappingURL=Box.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Box.d.ts","sourceRoot":"","sources":["../../../../../src/features/layout/adapters/inbound/Box.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AAGzD,uDAAuD;AACvD,wBAAgB,GAAG,CAAC,EAClB,UAAU,EACV,kBAAkB,EAClB,iBAAiB,EACjB,kBAAkB,EAClB,QAAQ,EACR,aAAa,EACb,KAAK,EACL,MAAM,EACN,GAAG,KAAK,EACT,EAAE,QAAQ,qBAmBV"}
@@ -1,9 +1,10 @@
1
1
  import React from 'react';
2
2
  import { View } from 'react-native';
3
- import { useResponsiveRuntime } from '../core/responsive';
4
- import { resolvePointerEvents } from '../internal/resolvePointerEvents';
5
- import { useTheme } from '../theme/ThemeContext';
6
- import { resolveBoxStyles } from './helpers';
3
+ import { useResponsiveRuntime } from '../../../../core/responsive';
4
+ import { resolvePointerEvents } from '../../../../internal/resolvePointerEvents';
5
+ import { useTheme } from '../../../../theme/ThemeContext';
6
+ import { resolveBoxStyles } from '../../../../utils/resolveBoxStyles';
7
+ /*** Renders the responsive foundational layout box. */
7
8
  export function Box({ accessible, accessibilityLabel, accessibilityRole, accessibilityState, children, pointerEvents, style, testID, ...props }) {
8
9
  const { theme } = useTheme();
9
10
  const { breakpoint } = useResponsiveRuntime();
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Box.js","sourceRoot":"","sources":["../../../../../src/features/layout/adapters/inbound/Box.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AACnE,OAAO,EAAE,oBAAoB,EAAE,MAAM,2CAA2C,CAAC;AACjF,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAE1D,OAAO,EAAE,gBAAgB,EAAE,MAAM,oCAAoC,CAAC;AAEtE,uDAAuD;AACvD,MAAM,UAAU,GAAG,CAAC,EAClB,UAAU,EACV,kBAAkB,EAClB,iBAAiB,EACjB,kBAAkB,EAClB,QAAQ,EACR,aAAa,EACb,KAAK,EACL,MAAM,EACN,GAAG,KAAK,EACC;IACT,MAAM,EAAE,KAAK,EAAE,GAAG,QAAQ,EAAE,CAAC;IAC7B,MAAM,EAAE,UAAU,EAAE,GAAG,oBAAoB,EAAE,CAAC;IAC9C,MAAM,QAAQ,GAAG,gBAAgB,CAAC,KAAK,EAAE,UAAU,EAAE,KAAK,CAAC,CAAC;IAC5D,MAAM,qBAAqB,GAAG,aAAa,CAAC,CAAC,CAAC,oBAAoB,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IAEzF,OAAO,CACL,CAAC,IAAI,CACH,IAAI,qBAAqB,EAAE,KAAK,CAAC,CACjC,UAAU,CAAC,CAAC,UAAU,CAAC,CACvB,kBAAkB,CAAC,CAAC,kBAAkB,CAAC,CACvC,iBAAiB,CAAC,CAAC,iBAAiB,CAAC,CACrC,kBAAkB,CAAC,CAAC,kBAAkB,CAAC,CACvC,MAAM,CAAC,CAAC,MAAM,CAAC,CACf,KAAK,CAAC,CAAC,CAAC,QAAQ,EAAE,qBAAqB,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,CAEvD;MAAA,CAAC,QAAQ,CACX;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC","sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\n\nimport { useResponsiveRuntime } from '../../../../core/responsive';\nimport { resolvePointerEvents } from '../../../../internal/resolvePointerEvents';\nimport { useTheme } from '../../../../theme/ThemeContext';\nimport type { BoxProps } from '../../../../types/layout';\nimport { resolveBoxStyles } from '../../../../utils/resolveBoxStyles';\n\n/*** Renders the responsive foundational layout box. */\nexport function Box({\n accessible,\n accessibilityLabel,\n accessibilityRole,\n accessibilityState,\n children,\n pointerEvents,\n style,\n testID,\n ...props\n}: BoxProps) {\n const { theme } = useTheme();\n const { breakpoint } = useResponsiveRuntime();\n const resolved = resolveBoxStyles(theme, breakpoint, props);\n const resolvedPointerEvents = pointerEvents ? resolvePointerEvents(pointerEvents) : null;\n\n return (\n <View\n {...resolvedPointerEvents?.props}\n accessible={accessible}\n accessibilityLabel={accessibilityLabel}\n accessibilityRole={accessibilityRole}\n accessibilityState={accessibilityState}\n testID={testID}\n style={[resolved, resolvedPointerEvents?.style, style]}\n >\n {children}\n </View>\n );\n}\n"]}
@@ -0,0 +1,5 @@
1
+ import React from 'react';
2
+ import type { ContainerProps } from '../../../../types/layout';
3
+ /*** Centers responsive content inside a configurable maximum width. */
4
+ export declare function Container({ children, maxWidth, px, ...props }: ContainerProps): React.JSX.Element;
5
+ //# sourceMappingURL=Container.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Container.d.ts","sourceRoot":"","sources":["../../../../../src/features/layout/adapters/inbound/Container.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAI/D,uEAAuE;AACvE,wBAAgB,SAAS,CAAC,EACxB,QAAQ,EACR,QAAsD,EACtD,EAAiC,EACjC,GAAG,KAAK,EACT,EAAE,cAAc,qBAWhB"}
@@ -0,0 +1,28 @@
1
+ import React from 'react';
2
+ import { StyleSheet, View } from 'react-native';
3
+ import { resolveResponsive, useResponsiveRuntime } from '../../../../core/responsive';
4
+ import { useTheme } from '../../../../theme/ThemeContext';
5
+ import { resolveSpacing } from '../../../../utils/resolveSpacing';
6
+ import { Box } from './Box';
7
+ /*** Centers responsive content inside a configurable maximum width. */
8
+ export function Container({ children, maxWidth = { base: Number.MAX_SAFE_INTEGER, lg: 1120 }, px = { base: 16, md: 24, lg: 32 }, ...props }) {
9
+ const { theme } = useTheme();
10
+ const { breakpoint } = useResponsiveRuntime();
11
+ const activeMaxWidth = resolveResponsive(maxWidth, breakpoint);
12
+ const activePx = resolveSpacing(theme, resolveResponsive(px, breakpoint));
13
+ return (<Box {...props} width="100%" style={[styles.fullWidth, props.style]}>
14
+ <View style={resolveContainerStyle(activeMaxWidth, activePx)}>{children}</View>
15
+ </Box>);
16
+ }
17
+ /*** Resolves centered responsive Container dimensions and padding. */
18
+ function resolveContainerStyle(maxWidth, horizontalPadding) {
19
+ return {
20
+ alignSelf: 'center',
21
+ maxWidth,
22
+ paddingLeft: horizontalPadding,
23
+ paddingRight: horizontalPadding,
24
+ width: '100%',
25
+ };
26
+ }
27
+ const styles = StyleSheet.create({ fullWidth: { width: '100%' } });
28
+ //# sourceMappingURL=Container.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Container.js","sourceRoot":"","sources":["../../../../../src/features/layout/adapters/inbound/Container.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,IAAI,EAAkB,MAAM,cAAc,CAAC;AAEhE,OAAO,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AACtF,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAE1D,OAAO,EAAE,cAAc,EAAE,MAAM,kCAAkC,CAAC;AAClE,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5B,uEAAuE;AACvE,MAAM,UAAU,SAAS,CAAC,EACxB,QAAQ,EACR,QAAQ,GAAG,EAAE,IAAI,EAAE,MAAM,CAAC,gBAAgB,EAAE,EAAE,EAAE,IAAI,EAAE,EACtD,EAAE,GAAG,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EACjC,GAAG,KAAK,EACO;IACf,MAAM,EAAE,KAAK,EAAE,GAAG,QAAQ,EAAE,CAAC;IAC7B,MAAM,EAAE,UAAU,EAAE,GAAG,oBAAoB,EAAE,CAAC;IAC9C,MAAM,cAAc,GAAG,iBAAiB,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC;IAC/D,MAAM,QAAQ,GAAG,cAAc,CAAC,KAAK,EAAE,iBAAiB,CAAC,EAAE,EAAE,UAAU,CAAC,CAAC,CAAC;IAE1E,OAAO,CACL,CAAC,GAAG,CAAC,IAAI,KAAK,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAClE;MAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,qBAAqB,CAAC,cAAc,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,IAAI,CAChF;IAAA,EAAE,GAAG,CAAC,CACP,CAAC;AACJ,CAAC;AAED,sEAAsE;AACtE,SAAS,qBAAqB,CAC5B,QAA4B,EAC5B,iBAAqC;IAErC,OAAO;QACL,SAAS,EAAE,QAAQ;QACnB,QAAQ;QACR,WAAW,EAAE,iBAAiB;QAC9B,YAAY,EAAE,iBAAiB;QAC/B,KAAK,EAAE,MAAM;KACd,CAAC;AACJ,CAAC;AAED,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC,EAAE,SAAS,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,CAAC,CAAC","sourcesContent":["import React from 'react';\nimport { StyleSheet, View, type ViewStyle } from 'react-native';\n\nimport { resolveResponsive, useResponsiveRuntime } from '../../../../core/responsive';\nimport { useTheme } from '../../../../theme/ThemeContext';\nimport type { ContainerProps } from '../../../../types/layout';\nimport { resolveSpacing } from '../../../../utils/resolveSpacing';\nimport { Box } from './Box';\n\n/*** Centers responsive content inside a configurable maximum width. */\nexport function Container({\n children,\n maxWidth = { base: Number.MAX_SAFE_INTEGER, lg: 1120 },\n px = { base: 16, md: 24, lg: 32 },\n ...props\n}: ContainerProps) {\n const { theme } = useTheme();\n const { breakpoint } = useResponsiveRuntime();\n const activeMaxWidth = resolveResponsive(maxWidth, breakpoint);\n const activePx = resolveSpacing(theme, resolveResponsive(px, breakpoint));\n\n return (\n <Box {...props} width=\"100%\" style={[styles.fullWidth, props.style]}>\n <View style={resolveContainerStyle(activeMaxWidth, activePx)}>{children}</View>\n </Box>\n );\n}\n\n/*** Resolves centered responsive Container dimensions and padding. */\nfunction resolveContainerStyle(\n maxWidth: number | undefined,\n horizontalPadding: number | undefined,\n): ViewStyle {\n return {\n alignSelf: 'center',\n maxWidth,\n paddingLeft: horizontalPadding,\n paddingRight: horizontalPadding,\n width: '100%',\n };\n}\n\nconst styles = StyleSheet.create({ fullWidth: { width: '100%' } });\n"]}
@@ -0,0 +1,5 @@
1
+ import React from 'react';
2
+ import type { DividerProps } from '../../../../types/layout';
3
+ /*** Renders a horizontal or vertical separator using layout tokens. */
4
+ export declare function Divider({ orientation, color, thickness, ...props }: DividerProps): React.JSX.Element;
5
+ //# sourceMappingURL=Divider.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Divider.d.ts","sourceRoot":"","sources":["../../../../../src/features/layout/adapters/inbound/Divider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAG7D,uEAAuE;AACvE,wBAAgB,OAAO,CAAC,EACtB,WAA0B,EAC1B,KAAgB,EAChB,SAAa,EACb,GAAG,KAAK,EACT,EAAE,YAAY,qBASd"}
@@ -1,5 +1,6 @@
1
1
  import React from 'react';
2
2
  import { Box } from './Box';
3
+ /*** Renders a horizontal or vertical separator using layout tokens. */
3
4
  export function Divider({ orientation = 'horizontal', color = 'border', thickness = 1, ...props }) {
4
5
  return (<Box {...props} bg={color} height={orientation === 'horizontal' ? thickness : '100%'} width={orientation === 'vertical' ? thickness : '100%'}/>);
5
6
  }
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Divider.js","sourceRoot":"","sources":["../../../../../src/features/layout/adapters/inbound/Divider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5B,uEAAuE;AACvE,MAAM,UAAU,OAAO,CAAC,EACtB,WAAW,GAAG,YAAY,EAC1B,KAAK,GAAG,QAAQ,EAChB,SAAS,GAAG,CAAC,EACb,GAAG,KAAK,EACK;IACb,OAAO,CACL,CAAC,GAAG,CACF,IAAI,KAAK,CAAC,CACV,EAAE,CAAC,CAAC,KAAK,CAAC,CACV,MAAM,CAAC,CAAC,WAAW,KAAK,YAAY,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAC1D,KAAK,CAAC,CAAC,WAAW,KAAK,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,EACvD,CACH,CAAC;AACJ,CAAC","sourcesContent":["import React from 'react';\n\nimport type { DividerProps } from '../../../../types/layout';\nimport { Box } from './Box';\n\n/*** Renders a horizontal or vertical separator using layout tokens. */\nexport function Divider({\n orientation = 'horizontal',\n color = 'border',\n thickness = 1,\n ...props\n}: DividerProps) {\n return (\n <Box\n {...props}\n bg={color}\n height={orientation === 'horizontal' ? thickness : '100%'}\n width={orientation === 'vertical' ? thickness : '100%'}\n />\n );\n}\n"]}
@@ -0,0 +1,5 @@
1
+ import React from 'react';
2
+ import type { GridProps } from '../../../../types/layout';
3
+ /*** Lays out children in a responsive wrapping grid. */
4
+ export declare function Grid({ children, cols, gap, rowGap, colGap, minItemWidth, ...props }: GridProps): React.JSX.Element;
5
+ //# sourceMappingURL=Grid.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Grid.d.ts","sourceRoot":"","sources":["../../../../../src/features/layout/adapters/inbound/Grid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAI1D,wDAAwD;AACxD,wBAAgB,IAAI,CAAC,EACnB,QAAQ,EACR,IAAI,EACJ,GAAO,EACP,MAAM,EACN,MAAM,EACN,YAAY,EACZ,GAAG,KAAK,EACT,EAAE,SAAS,qBA4BX"}
@@ -0,0 +1,48 @@
1
+ import React from 'react';
2
+ import { View } from 'react-native';
3
+ import { resolveResponsive, useResponsiveRuntime } from '../../../../core/responsive';
4
+ import { useTheme } from '../../../../theme/ThemeContext';
5
+ import { resolveSpacing } from '../../../../utils/resolveSpacing';
6
+ import { Box } from './Box';
7
+ /*** Lays out children in a responsive wrapping grid. */
8
+ export function Grid({ children, cols, gap = 0, rowGap, colGap, minItemWidth, ...props }) {
9
+ const { theme } = useTheme();
10
+ const { breakpoint } = useResponsiveRuntime();
11
+ const activeCols = Math.max(1, Math.floor(resolveResponsive(cols, breakpoint) ?? 1));
12
+ const defaultGap = resolveResponsive(gap, breakpoint) ?? 0;
13
+ const rowSpacing = Number(resolveSpacing(theme, resolveResponsive(rowGap, breakpoint) ?? defaultGap) ?? 0);
14
+ const colSpacing = Number(resolveSpacing(theme, resolveResponsive(colGap, breakpoint) ?? defaultGap) ?? 0);
15
+ const activeMinItemWidth = resolveResponsive(minItemWidth, breakpoint);
16
+ const basisPercent = `${100 / activeCols}%`;
17
+ return (<Box {...props}>
18
+ <View style={resolveGridStyle(rowSpacing, colSpacing)}>
19
+ {React.Children.toArray(children).map((node, index) => (<View key={String(index)} style={resolveGridItemStyle(activeMinItemWidth, basisPercent, rowSpacing, colSpacing)}>
20
+ {node}
21
+ </View>))}
22
+ </View>
23
+ </Box>);
24
+ }
25
+ /*** Resolves the wrapping Grid container style. */
26
+ function resolveGridStyle(rowSpacing, colSpacing) {
27
+ return {
28
+ flexDirection: 'row',
29
+ flexWrap: 'wrap',
30
+ marginLeft: -colSpacing / 2,
31
+ marginRight: -colSpacing / 2,
32
+ marginTop: -rowSpacing / 2,
33
+ };
34
+ }
35
+ /*** Resolves a fixed-column or minimum-width grid item style. */
36
+ function resolveGridItemStyle(minItemWidth, basisPercent, rowSpacing, colSpacing) {
37
+ const sizing = minItemWidth === undefined
38
+ ? { width: basisPercent, flexBasis: basisPercent }
39
+ : { minWidth: minItemWidth, flexBasis: minItemWidth, flexGrow: 1 };
40
+ return {
41
+ ...sizing,
42
+ paddingBottom: rowSpacing / 2,
43
+ paddingLeft: colSpacing / 2,
44
+ paddingRight: colSpacing / 2,
45
+ paddingTop: rowSpacing / 2,
46
+ };
47
+ }
48
+ //# sourceMappingURL=Grid.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Grid.js","sourceRoot":"","sources":["../../../../../src/features/layout/adapters/inbound/Grid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAkB,MAAM,cAAc,CAAC;AAEpD,OAAO,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AACtF,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAE1D,OAAO,EAAE,cAAc,EAAE,MAAM,kCAAkC,CAAC;AAClE,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5B,wDAAwD;AACxD,MAAM,UAAU,IAAI,CAAC,EACnB,QAAQ,EACR,IAAI,EACJ,GAAG,GAAG,CAAC,EACP,MAAM,EACN,MAAM,EACN,YAAY,EACZ,GAAG,KAAK,EACE;IACV,MAAM,EAAE,KAAK,EAAE,GAAG,QAAQ,EAAE,CAAC;IAC7B,MAAM,EAAE,UAAU,EAAE,GAAG,oBAAoB,EAAE,CAAC;IAC9C,MAAM,UAAU,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,iBAAiB,CAAC,IAAI,EAAE,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;IACrF,MAAM,UAAU,GAAG,iBAAiB,CAAC,GAAG,EAAE,UAAU,CAAC,IAAI,CAAC,CAAC;IAC3D,MAAM,UAAU,GAAG,MAAM,CACvB,cAAc,CAAC,KAAK,EAAE,iBAAiB,CAAC,MAAM,EAAE,UAAU,CAAC,IAAI,UAAU,CAAC,IAAI,CAAC,CAChF,CAAC;IACF,MAAM,UAAU,GAAG,MAAM,CACvB,cAAc,CAAC,KAAK,EAAE,iBAAiB,CAAC,MAAM,EAAE,UAAU,CAAC,IAAI,UAAU,CAAC,IAAI,CAAC,CAChF,CAAC;IACF,MAAM,kBAAkB,GAAG,iBAAiB,CAAC,YAAY,EAAE,UAAU,CAAC,CAAC;IACvE,MAAM,YAAY,GAAiB,GAAG,GAAG,GAAG,UAAU,GAAG,CAAC;IAE1D,OAAO,CACL,CAAC,GAAG,CAAC,IAAI,KAAK,CAAC,CACb;MAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,gBAAgB,CAAC,UAAU,EAAE,UAAU,CAAC,CAAC,CACpD;QAAA,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CACrD,CAAC,IAAI,CACH,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CACnB,KAAK,CAAC,CAAC,oBAAoB,CAAC,kBAAkB,EAAE,YAAY,EAAE,UAAU,EAAE,UAAU,CAAC,CAAC,CAEtF;YAAA,CAAC,IAAI,CACP;UAAA,EAAE,IAAI,CAAC,CACR,CAAC,CACJ;MAAA,EAAE,IAAI,CACR;IAAA,EAAE,GAAG,CAAC,CACP,CAAC;AACJ,CAAC;AAED,mDAAmD;AACnD,SAAS,gBAAgB,CAAC,UAAkB,EAAE,UAAkB;IAC9D,OAAO;QACL,aAAa,EAAE,KAAK;QACpB,QAAQ,EAAE,MAAM;QAChB,UAAU,EAAE,CAAC,UAAU,GAAG,CAAC;QAC3B,WAAW,EAAE,CAAC,UAAU,GAAG,CAAC;QAC5B,SAAS,EAAE,CAAC,UAAU,GAAG,CAAC;KAC3B,CAAC;AACJ,CAAC;AAED,iEAAiE;AACjE,SAAS,oBAAoB,CAC3B,YAAgC,EAChC,YAA0B,EAC1B,UAAkB,EAClB,UAAkB;IAElB,MAAM,MAAM,GACV,YAAY,KAAK,SAAS;QACxB,CAAC,CAAC,EAAE,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,YAAY,EAAE;QAClD,CAAC,CAAC,EAAE,QAAQ,EAAE,YAAY,EAAE,SAAS,EAAE,YAAY,EAAE,QAAQ,EAAE,CAAC,EAAE,CAAC;IACvE,OAAO;QACL,GAAG,MAAM;QACT,aAAa,EAAE,UAAU,GAAG,CAAC;QAC7B,WAAW,EAAE,UAAU,GAAG,CAAC;QAC3B,YAAY,EAAE,UAAU,GAAG,CAAC;QAC5B,UAAU,EAAE,UAAU,GAAG,CAAC;KAC3B,CAAC;AACJ,CAAC","sourcesContent":["import React from 'react';\nimport { View, type ViewStyle } from 'react-native';\n\nimport { resolveResponsive, useResponsiveRuntime } from '../../../../core/responsive';\nimport { useTheme } from '../../../../theme/ThemeContext';\nimport type { GridProps } from '../../../../types/layout';\nimport { resolveSpacing } from '../../../../utils/resolveSpacing';\nimport { Box } from './Box';\n\n/*** Lays out children in a responsive wrapping grid. */\nexport function Grid({\n children,\n cols,\n gap = 0,\n rowGap,\n colGap,\n minItemWidth,\n ...props\n}: GridProps) {\n const { theme } = useTheme();\n const { breakpoint } = useResponsiveRuntime();\n const activeCols = Math.max(1, Math.floor(resolveResponsive(cols, breakpoint) ?? 1));\n const defaultGap = resolveResponsive(gap, breakpoint) ?? 0;\n const rowSpacing = Number(\n resolveSpacing(theme, resolveResponsive(rowGap, breakpoint) ?? defaultGap) ?? 0,\n );\n const colSpacing = Number(\n resolveSpacing(theme, resolveResponsive(colGap, breakpoint) ?? defaultGap) ?? 0,\n );\n const activeMinItemWidth = resolveResponsive(minItemWidth, breakpoint);\n const basisPercent: `${number}%` = `${100 / activeCols}%`;\n\n return (\n <Box {...props}>\n <View style={resolveGridStyle(rowSpacing, colSpacing)}>\n {React.Children.toArray(children).map((node, index) => (\n <View\n key={String(index)}\n style={resolveGridItemStyle(activeMinItemWidth, basisPercent, rowSpacing, colSpacing)}\n >\n {node}\n </View>\n ))}\n </View>\n </Box>\n );\n}\n\n/*** Resolves the wrapping Grid container style. */\nfunction resolveGridStyle(rowSpacing: number, colSpacing: number): ViewStyle {\n return {\n flexDirection: 'row',\n flexWrap: 'wrap',\n marginLeft: -colSpacing / 2,\n marginRight: -colSpacing / 2,\n marginTop: -rowSpacing / 2,\n };\n}\n\n/*** Resolves a fixed-column or minimum-width grid item style. */\nfunction resolveGridItemStyle(\n minItemWidth: number | undefined,\n basisPercent: `${number}%`,\n rowSpacing: number,\n colSpacing: number,\n): ViewStyle {\n const sizing =\n minItemWidth === undefined\n ? { width: basisPercent, flexBasis: basisPercent }\n : { minWidth: minItemWidth, flexBasis: minItemWidth, flexGrow: 1 };\n return {\n ...sizing,\n paddingBottom: rowSpacing / 2,\n paddingLeft: colSpacing / 2,\n paddingRight: colSpacing / 2,\n paddingTop: rowSpacing / 2,\n };\n}\n"]}
@@ -0,0 +1,5 @@
1
+ import type React from 'react';
2
+ import type { StackProps } from '../../../../types/layout';
3
+ /*** Stacks authored children directly along a responsive flex direction. */
4
+ export declare function Stack({ children, direction, gap, align, justify, wrap, ...props }: StackProps): React.JSX.Element;
5
+ //# sourceMappingURL=Stack.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Stack.d.ts","sourceRoot":"","sources":["../../../../../src/features/layout/adapters/inbound/Stack.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAI3D,4EAA4E;AAC5E,wBAAgB,KAAK,CAAC,EACpB,QAAQ,EACR,SAAoB,EACpB,GAAO,EACP,KAAK,EACL,OAAO,EACP,IAAI,EACJ,GAAG,KAAK,EACT,EAAE,UAAU,qBA0BZ"}
@@ -1,7 +1,8 @@
1
- import { resolveResponsive, useResponsiveRuntime } from '../core/responsive';
2
- import { useTheme } from '../theme/ThemeContext';
1
+ import { resolveResponsive, useResponsiveRuntime } from '../../../../core/responsive';
2
+ import { useTheme } from '../../../../theme/ThemeContext';
3
+ import { resolveSpacing } from '../../../../utils/resolveSpacing';
3
4
  import { Box } from './Box';
4
- import { resolveSpacing } from './helpers';
5
+ /*** Stacks authored children directly along a responsive flex direction. */
5
6
  export function Stack({ children, direction = 'column', gap = 0, align, justify, wrap, ...props }) {
6
7
  const { theme } = useTheme();
7
8
  const { breakpoint } = useResponsiveRuntime();
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Stack.js","sourceRoot":"","sources":["../../../../../src/features/layout/adapters/inbound/Stack.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AACtF,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAE1D,OAAO,EAAE,cAAc,EAAE,MAAM,kCAAkC,CAAC;AAClE,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5B,4EAA4E;AAC5E,MAAM,UAAU,KAAK,CAAC,EACpB,QAAQ,EACR,SAAS,GAAG,QAAQ,EACpB,GAAG,GAAG,CAAC,EACP,KAAK,EACL,OAAO,EACP,IAAI,EACJ,GAAG,KAAK,EACG;IACX,MAAM,EAAE,KAAK,EAAE,GAAG,QAAQ,EAAE,CAAC;IAC7B,MAAM,EAAE,UAAU,EAAE,GAAG,oBAAoB,EAAE,CAAC;IAC9C,MAAM,eAAe,GAAG,iBAAiB,CAAC,SAAS,EAAE,UAAU,CAAC,IAAI,QAAQ,CAAC;IAC7E,MAAM,SAAS,GAAG,cAAc,CAAC,KAAK,EAAE,iBAAiB,CAAC,GAAG,EAAE,UAAU,CAAC,CAAC,IAAI,CAAC,CAAC;IACjF,MAAM,WAAW,GAAG,iBAAiB,CAAC,KAAK,EAAE,UAAU,CAAC,CAAC;IACzD,MAAM,aAAa,GAAG,iBAAiB,CAAC,OAAO,EAAE,UAAU,CAAC,CAAC;IAC7D,MAAM,UAAU,GAAG,iBAAiB,CAAC,IAAI,EAAE,UAAU,CAAC,CAAC;IAEvD,OAAO,CACL,CAAC,GAAG,CACF,IAAI,KAAK,CAAC,CACV,KAAK,CAAC,CAAC;YACL;gBACE,aAAa,EAAE,eAAe;gBAC9B,GAAG,EAAE,SAAS;gBACd,UAAU,EAAE,WAAW;gBACvB,cAAc,EAAE,aAAa;gBAC7B,QAAQ,EAAE,UAAU;aACrB;YACD,KAAK,CAAC,KAAK;SACZ,CAAC,CAEF;MAAA,CAAC,QAAQ,CACX;IAAA,EAAE,GAAG,CAAC,CACP,CAAC;AACJ,CAAC","sourcesContent":["import type React from 'react';\n\nimport { resolveResponsive, useResponsiveRuntime } from '../../../../core/responsive';\nimport { useTheme } from '../../../../theme/ThemeContext';\nimport type { StackProps } from '../../../../types/layout';\nimport { resolveSpacing } from '../../../../utils/resolveSpacing';\nimport { Box } from './Box';\n\n/*** Stacks authored children directly along a responsive flex direction. */\nexport function Stack({\n children,\n direction = 'column',\n gap = 0,\n align,\n justify,\n wrap,\n ...props\n}: StackProps) {\n const { theme } = useTheme();\n const { breakpoint } = useResponsiveRuntime();\n const activeDirection = resolveResponsive(direction, breakpoint) ?? 'column';\n const activeGap = resolveSpacing(theme, resolveResponsive(gap, breakpoint)) ?? 0;\n const activeAlign = resolveResponsive(align, breakpoint);\n const activeJustify = resolveResponsive(justify, breakpoint);\n const activeWrap = resolveResponsive(wrap, breakpoint);\n\n return (\n <Box\n {...props}\n style={[\n {\n flexDirection: activeDirection,\n gap: activeGap,\n alignItems: activeAlign,\n justifyContent: activeJustify,\n flexWrap: activeWrap,\n },\n props.style,\n ]}\n >\n {children}\n </Box>\n );\n}\n"]}
@@ -0,0 +1,7 @@
1
+ export type { BoxProps, ContainerProps, DividerProps, GridProps, StackProps, } from '../../types/layout';
2
+ export { Box } from './adapters/inbound/Box';
3
+ export { Container } from './adapters/inbound/Container';
4
+ export { Divider } from './adapters/inbound/Divider';
5
+ export { Grid } from './adapters/inbound/Grid';
6
+ export { Stack } from './adapters/inbound/Stack';
7
+ //# sourceMappingURL=public.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"public.d.ts","sourceRoot":"","sources":["../../../src/features/layout/public.ts"],"names":[],"mappings":"AAAA,YAAY,EACV,QAAQ,EACR,cAAc,EACd,YAAY,EACZ,SAAS,EACT,UAAU,GACX,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,GAAG,EAAE,MAAM,wBAAwB,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAC/C,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAC"}
@@ -0,0 +1,6 @@
1
+ export { Box } from './adapters/inbound/Box';
2
+ export { Container } from './adapters/inbound/Container';
3
+ export { Divider } from './adapters/inbound/Divider';
4
+ export { Grid } from './adapters/inbound/Grid';
5
+ export { Stack } from './adapters/inbound/Stack';
6
+ //# sourceMappingURL=public.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"public.js","sourceRoot":"","sources":["../../../src/features/layout/public.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,GAAG,EAAE,MAAM,wBAAwB,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAC/C,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAC","sourcesContent":["export type {\n BoxProps,\n ContainerProps,\n DividerProps,\n GridProps,\n StackProps,\n} from '../../types/layout';\nexport { Box } from './adapters/inbound/Box';\nexport { Container } from './adapters/inbound/Container';\nexport { Divider } from './adapters/inbound/Divider';\nexport { Grid } from './adapters/inbound/Grid';\nexport { Stack } from './adapters/inbound/Stack';\n"]}
@@ -0,0 +1,5 @@
1
+ import React from 'react';
2
+ import type { SurfaceProps } from '../../../../types/surface';
3
+ /*** Renders a themed container surface with semantic elevation and border variants. */
4
+ export declare function Surface({ variant, radius, style, ...props }: SurfaceProps): React.JSX.Element;
5
+ //# sourceMappingURL=Surface.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Surface.d.ts","sourceRoot":"","sources":["../../../../../src/features/surface/adapters/inbound/Surface.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAAE,YAAY,EAAkB,MAAM,2BAA2B,CAAC;AAG9E,uFAAuF;AACvF,wBAAgB,OAAO,CAAC,EAAE,OAAmB,EAAE,MAAY,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,YAAY,qBAiB3F"}