@ankhorage/surface 0.0.1 → 0.1.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 (411) hide show
  1. package/CHANGELOG.md +28 -0
  2. package/README.md +163 -49
  3. package/dist/components/badge/Badge.d.ts +4 -0
  4. package/dist/components/badge/Badge.d.ts.map +1 -0
  5. package/dist/components/badge/Badge.js +30 -0
  6. package/dist/components/badge/Badge.js.map +1 -0
  7. package/dist/components/badge/index.d.ts +3 -0
  8. package/dist/components/badge/index.d.ts.map +1 -0
  9. package/dist/components/badge/index.js +2 -0
  10. package/dist/components/badge/index.js.map +1 -0
  11. package/dist/components/badge/types.d.ts +12 -0
  12. package/dist/components/badge/types.d.ts.map +1 -0
  13. package/dist/components/badge/types.js +2 -0
  14. package/dist/components/badge/types.js.map +1 -0
  15. package/dist/components/button/Button.d.ts +4 -0
  16. package/dist/components/button/Button.d.ts.map +1 -0
  17. package/dist/components/button/Button.js +50 -0
  18. package/dist/components/button/Button.js.map +1 -0
  19. package/dist/components/button/index.d.ts +3 -0
  20. package/dist/components/button/index.d.ts.map +1 -0
  21. package/dist/components/button/index.js +2 -0
  22. package/dist/components/button/index.js.map +1 -0
  23. package/dist/components/button/types.d.ts +21 -0
  24. package/dist/components/button/types.d.ts.map +1 -0
  25. package/dist/components/button/types.js +2 -0
  26. package/dist/components/button/types.js.map +1 -0
  27. package/dist/components/card/Card.d.ts +4 -0
  28. package/dist/components/card/Card.d.ts.map +1 -0
  29. package/dist/components/card/Card.js +46 -0
  30. package/dist/components/card/Card.js.map +1 -0
  31. package/dist/components/card/index.d.ts +3 -0
  32. package/dist/components/card/index.d.ts.map +1 -0
  33. package/dist/components/card/index.js +2 -0
  34. package/dist/components/card/index.js.map +1 -0
  35. package/dist/components/card/types.d.ts +10 -0
  36. package/dist/components/card/types.d.ts.map +1 -0
  37. package/dist/components/card/types.js +2 -0
  38. package/dist/components/card/types.js.map +1 -0
  39. package/dist/components/checkbox/Checkbox.d.ts +4 -0
  40. package/dist/components/checkbox/Checkbox.d.ts.map +1 -0
  41. package/dist/components/checkbox/Checkbox.js +61 -0
  42. package/dist/components/checkbox/Checkbox.js.map +1 -0
  43. package/dist/components/checkbox/index.d.ts +3 -0
  44. package/dist/components/checkbox/index.d.ts.map +1 -0
  45. package/dist/components/checkbox/index.js +2 -0
  46. package/dist/components/checkbox/index.js.map +1 -0
  47. package/dist/components/checkbox/types.d.ts +15 -0
  48. package/dist/components/checkbox/types.d.ts.map +1 -0
  49. package/dist/components/checkbox/types.js +2 -0
  50. package/dist/components/checkbox/types.js.map +1 -0
  51. package/dist/components/drawer/Drawer.d.ts +4 -0
  52. package/dist/components/drawer/Drawer.d.ts.map +1 -0
  53. package/dist/components/drawer/Drawer.js +56 -0
  54. package/dist/components/drawer/Drawer.js.map +1 -0
  55. package/dist/components/drawer/index.d.ts +3 -0
  56. package/dist/components/drawer/index.d.ts.map +1 -0
  57. package/dist/components/drawer/index.js +2 -0
  58. package/dist/components/drawer/index.js.map +1 -0
  59. package/dist/components/drawer/types.d.ts +10 -0
  60. package/dist/components/drawer/types.d.ts.map +1 -0
  61. package/dist/components/drawer/types.js +2 -0
  62. package/dist/components/drawer/types.js.map +1 -0
  63. package/dist/components/field/Field.d.ts +4 -0
  64. package/dist/components/field/Field.d.ts.map +1 -0
  65. package/dist/components/field/Field.js +25 -0
  66. package/dist/components/field/Field.js.map +1 -0
  67. package/dist/components/field/index.d.ts +3 -0
  68. package/dist/components/field/index.d.ts.map +1 -0
  69. package/dist/components/field/index.js +2 -0
  70. package/dist/components/field/index.js.map +1 -0
  71. package/dist/components/field/types.d.ts +13 -0
  72. package/dist/components/field/types.d.ts.map +1 -0
  73. package/dist/components/field/types.js +2 -0
  74. package/dist/components/field/types.js.map +1 -0
  75. package/dist/components/helper-text/HelperText.d.ts +4 -0
  76. package/dist/components/helper-text/HelperText.d.ts.map +1 -0
  77. package/dist/components/helper-text/HelperText.js +10 -0
  78. package/dist/components/helper-text/HelperText.js.map +1 -0
  79. package/dist/components/helper-text/index.d.ts +3 -0
  80. package/dist/components/helper-text/index.d.ts.map +1 -0
  81. package/dist/components/helper-text/index.js +2 -0
  82. package/dist/components/helper-text/index.js.map +1 -0
  83. package/dist/components/helper-text/types.d.ts +7 -0
  84. package/dist/components/helper-text/types.d.ts.map +1 -0
  85. package/dist/components/helper-text/types.js +2 -0
  86. package/dist/components/helper-text/types.js.map +1 -0
  87. package/dist/components/icon-button/IconButton.d.ts +4 -0
  88. package/dist/components/icon-button/IconButton.d.ts.map +1 -0
  89. package/dist/components/icon-button/IconButton.js +28 -0
  90. package/dist/components/icon-button/IconButton.js.map +1 -0
  91. package/dist/components/icon-button/index.d.ts +3 -0
  92. package/dist/components/icon-button/index.d.ts.map +1 -0
  93. package/dist/components/icon-button/index.js +2 -0
  94. package/dist/components/icon-button/index.js.map +1 -0
  95. package/dist/components/icon-button/types.d.ts +16 -0
  96. package/dist/components/icon-button/types.d.ts.map +1 -0
  97. package/dist/components/icon-button/types.js +2 -0
  98. package/dist/components/icon-button/types.js.map +1 -0
  99. package/dist/components/label/Label.d.ts +4 -0
  100. package/dist/components/label/Label.d.ts.map +1 -0
  101. package/dist/components/label/Label.js +13 -0
  102. package/dist/components/label/Label.js.map +1 -0
  103. package/dist/components/label/index.d.ts +3 -0
  104. package/dist/components/label/index.d.ts.map +1 -0
  105. package/dist/components/label/index.js +2 -0
  106. package/dist/components/label/index.js.map +1 -0
  107. package/dist/components/label/types.d.ts +8 -0
  108. package/dist/components/label/types.d.ts.map +1 -0
  109. package/dist/components/label/types.js +2 -0
  110. package/dist/components/label/types.js.map +1 -0
  111. package/dist/components/list-item/ListItem.d.ts +4 -0
  112. package/dist/components/list-item/ListItem.d.ts.map +1 -0
  113. package/dist/components/list-item/ListItem.js +43 -0
  114. package/dist/components/list-item/ListItem.js.map +1 -0
  115. package/dist/components/list-item/index.d.ts +3 -0
  116. package/dist/components/list-item/index.d.ts.map +1 -0
  117. package/dist/components/list-item/index.js +2 -0
  118. package/dist/components/list-item/index.js.map +1 -0
  119. package/dist/components/list-item/types.d.ts +11 -0
  120. package/dist/components/list-item/types.d.ts.map +1 -0
  121. package/dist/components/list-item/types.js +2 -0
  122. package/dist/components/list-item/types.js.map +1 -0
  123. package/dist/components/menu/Menu.d.ts +4 -0
  124. package/dist/components/menu/Menu.d.ts.map +1 -0
  125. package/dist/components/menu/Menu.js +125 -0
  126. package/dist/components/menu/Menu.js.map +1 -0
  127. package/dist/components/menu/index.d.ts +3 -0
  128. package/dist/components/menu/index.d.ts.map +1 -0
  129. package/dist/components/menu/index.js +2 -0
  130. package/dist/components/menu/index.js.map +1 -0
  131. package/dist/components/menu/navigation.d.ts +4 -0
  132. package/dist/components/menu/navigation.d.ts.map +1 -0
  133. package/dist/components/menu/navigation.js +25 -0
  134. package/dist/components/menu/navigation.js.map +1 -0
  135. package/dist/components/menu/types.d.ts +15 -0
  136. package/dist/components/menu/types.d.ts.map +1 -0
  137. package/dist/components/menu/types.js +2 -0
  138. package/dist/components/menu/types.js.map +1 -0
  139. package/dist/components/modal/Modal.d.ts +4 -0
  140. package/dist/components/modal/Modal.d.ts.map +1 -0
  141. package/dist/components/modal/Modal.js +52 -0
  142. package/dist/components/modal/Modal.js.map +1 -0
  143. package/dist/components/modal/index.d.ts +3 -0
  144. package/dist/components/modal/index.d.ts.map +1 -0
  145. package/dist/components/modal/index.js +2 -0
  146. package/dist/components/modal/index.js.map +1 -0
  147. package/dist/components/modal/types.d.ts +9 -0
  148. package/dist/components/modal/types.d.ts.map +1 -0
  149. package/dist/components/modal/types.js +2 -0
  150. package/dist/components/modal/types.js.map +1 -0
  151. package/dist/components/radio/Radio.d.ts +4 -0
  152. package/dist/components/radio/Radio.d.ts.map +1 -0
  153. package/dist/components/radio/Radio.js +63 -0
  154. package/dist/components/radio/Radio.js.map +1 -0
  155. package/dist/components/radio/index.d.ts +3 -0
  156. package/dist/components/radio/index.d.ts.map +1 -0
  157. package/dist/components/radio/index.js +2 -0
  158. package/dist/components/radio/index.js.map +1 -0
  159. package/dist/components/radio/types.d.ts +15 -0
  160. package/dist/components/radio/types.d.ts.map +1 -0
  161. package/dist/components/radio/types.js +2 -0
  162. package/dist/components/radio/types.js.map +1 -0
  163. package/dist/components/switch/Switch.d.ts +4 -0
  164. package/dist/components/switch/Switch.d.ts.map +1 -0
  165. package/dist/components/switch/Switch.js +65 -0
  166. package/dist/components/switch/Switch.js.map +1 -0
  167. package/dist/components/switch/index.d.ts +3 -0
  168. package/dist/components/switch/index.d.ts.map +1 -0
  169. package/dist/components/switch/index.js +2 -0
  170. package/dist/components/switch/index.js.map +1 -0
  171. package/dist/components/switch/types.d.ts +15 -0
  172. package/dist/components/switch/types.d.ts.map +1 -0
  173. package/dist/components/switch/types.js +2 -0
  174. package/dist/components/switch/types.js.map +1 -0
  175. package/dist/components/tabs/Tab.d.ts +4 -0
  176. package/dist/components/tabs/Tab.d.ts.map +1 -0
  177. package/dist/components/tabs/Tab.js +43 -0
  178. package/dist/components/tabs/Tab.js.map +1 -0
  179. package/dist/components/tabs/TabList.d.ts +4 -0
  180. package/dist/components/tabs/TabList.d.ts.map +1 -0
  181. package/dist/components/tabs/TabList.js +37 -0
  182. package/dist/components/tabs/TabList.js.map +1 -0
  183. package/dist/components/tabs/TabPanel.d.ts +4 -0
  184. package/dist/components/tabs/TabPanel.d.ts.map +1 -0
  185. package/dist/components/tabs/TabPanel.js +13 -0
  186. package/dist/components/tabs/TabPanel.js.map +1 -0
  187. package/dist/components/tabs/Tabs.d.ts +4 -0
  188. package/dist/components/tabs/Tabs.d.ts.map +1 -0
  189. package/dist/components/tabs/Tabs.js +51 -0
  190. package/dist/components/tabs/Tabs.js.map +1 -0
  191. package/dist/components/tabs/context.d.ts +18 -0
  192. package/dist/components/tabs/context.d.ts.map +1 -0
  193. package/dist/components/tabs/context.js +10 -0
  194. package/dist/components/tabs/context.js.map +1 -0
  195. package/dist/components/tabs/index.d.ts +6 -0
  196. package/dist/components/tabs/index.d.ts.map +1 -0
  197. package/dist/components/tabs/index.js +5 -0
  198. package/dist/components/tabs/index.js.map +1 -0
  199. package/dist/components/tabs/navigation.d.ts +3 -0
  200. package/dist/components/tabs/navigation.d.ts.map +1 -0
  201. package/dist/components/tabs/navigation.js +21 -0
  202. package/dist/components/tabs/navigation.js.map +1 -0
  203. package/dist/components/tabs/types.d.ts +24 -0
  204. package/dist/components/tabs/types.d.ts.map +1 -0
  205. package/dist/components/tabs/types.js +2 -0
  206. package/dist/components/tabs/types.js.map +1 -0
  207. package/dist/components/text-input/TextInput.d.ts +4 -0
  208. package/dist/components/text-input/TextInput.d.ts.map +1 -0
  209. package/dist/components/text-input/TextInput.js +66 -0
  210. package/dist/components/text-input/TextInput.js.map +1 -0
  211. package/dist/components/text-input/index.d.ts +3 -0
  212. package/dist/components/text-input/index.d.ts.map +1 -0
  213. package/dist/components/text-input/index.js +2 -0
  214. package/dist/components/text-input/index.js.map +1 -0
  215. package/dist/components/text-input/types.d.ts +18 -0
  216. package/dist/components/text-input/types.d.ts.map +1 -0
  217. package/dist/components/text-input/types.js +2 -0
  218. package/dist/components/text-input/types.js.map +1 -0
  219. package/dist/components/textarea/Textarea.d.ts +4 -0
  220. package/dist/components/textarea/Textarea.d.ts.map +1 -0
  221. package/dist/components/textarea/Textarea.js +6 -0
  222. package/dist/components/textarea/Textarea.js.map +1 -0
  223. package/dist/components/textarea/index.d.ts +3 -0
  224. package/dist/components/textarea/index.d.ts.map +1 -0
  225. package/dist/components/textarea/index.js +2 -0
  226. package/dist/components/textarea/index.js.map +1 -0
  227. package/dist/components/textarea/types.d.ts +5 -0
  228. package/dist/components/textarea/types.d.ts.map +1 -0
  229. package/dist/components/textarea/types.js +2 -0
  230. package/dist/components/textarea/types.js.map +1 -0
  231. package/dist/components/toast/Toast.d.ts +4 -0
  232. package/dist/components/toast/Toast.d.ts.map +1 -0
  233. package/dist/components/toast/Toast.js +34 -0
  234. package/dist/components/toast/Toast.js.map +1 -0
  235. package/dist/components/toast/ToastProvider.d.ts +13 -0
  236. package/dist/components/toast/ToastProvider.d.ts.map +1 -0
  237. package/dist/components/toast/ToastProvider.js +69 -0
  238. package/dist/components/toast/ToastProvider.js.map +1 -0
  239. package/dist/components/toast/index.d.ts +4 -0
  240. package/dist/components/toast/index.d.ts.map +1 -0
  241. package/dist/components/toast/index.js +3 -0
  242. package/dist/components/toast/index.js.map +1 -0
  243. package/dist/components/toast/types.d.ts +14 -0
  244. package/dist/components/toast/types.d.ts.map +1 -0
  245. package/dist/components/toast/types.js +2 -0
  246. package/dist/components/toast/types.js.map +1 -0
  247. package/dist/components/tooltip/Tooltip.d.ts +4 -0
  248. package/dist/components/tooltip/Tooltip.d.ts.map +1 -0
  249. package/dist/components/tooltip/Tooltip.js +69 -0
  250. package/dist/components/tooltip/Tooltip.js.map +1 -0
  251. package/dist/components/tooltip/index.d.ts +3 -0
  252. package/dist/components/tooltip/index.d.ts.map +1 -0
  253. package/dist/components/tooltip/index.js +2 -0
  254. package/dist/components/tooltip/index.js.map +1 -0
  255. package/dist/components/tooltip/types.d.ts +9 -0
  256. package/dist/components/tooltip/types.d.ts.map +1 -0
  257. package/dist/components/tooltip/types.js +2 -0
  258. package/dist/components/tooltip/types.js.map +1 -0
  259. package/dist/context/FontContext.d.ts.map +1 -1
  260. package/dist/context/FontContext.js +3 -1
  261. package/dist/context/FontContext.js.map +1 -1
  262. package/dist/index.d.ts +42 -0
  263. package/dist/index.d.ts.map +1 -1
  264. package/dist/index.js +21 -0
  265. package/dist/index.js.map +1 -1
  266. package/dist/internal/focus/FocusScope.d.ts +9 -0
  267. package/dist/internal/focus/FocusScope.d.ts.map +1 -0
  268. package/dist/internal/focus/FocusScope.js +44 -0
  269. package/dist/internal/focus/FocusScope.js.map +1 -0
  270. package/dist/internal/focus/useFocusManager.d.ts +14 -0
  271. package/dist/internal/focus/useFocusManager.d.ts.map +1 -0
  272. package/dist/internal/focus/useFocusManager.js +74 -0
  273. package/dist/internal/focus/useFocusManager.js.map +1 -0
  274. package/dist/internal/overlay/OverlayProvider.d.ts +5 -0
  275. package/dist/internal/overlay/OverlayProvider.d.ts.map +1 -0
  276. package/dist/internal/overlay/OverlayProvider.js +47 -0
  277. package/dist/internal/overlay/OverlayProvider.js.map +1 -0
  278. package/dist/internal/overlay/Portal.d.ts +9 -0
  279. package/dist/internal/overlay/Portal.d.ts.map +1 -0
  280. package/dist/internal/overlay/Portal.js +24 -0
  281. package/dist/internal/overlay/Portal.js.map +1 -0
  282. package/dist/internal/overlay/useOverlayStack.d.ts +23 -0
  283. package/dist/internal/overlay/useOverlayStack.d.ts.map +1 -0
  284. package/dist/internal/overlay/useOverlayStack.js +30 -0
  285. package/dist/internal/overlay/useOverlayStack.js.map +1 -0
  286. package/dist/internal/resolvers/index.d.ts +14 -0
  287. package/dist/internal/resolvers/index.d.ts.map +1 -0
  288. package/dist/internal/resolvers/index.js +14 -0
  289. package/dist/internal/resolvers/index.js.map +1 -0
  290. package/dist/internal/resolvers/resolveControlSize.d.ts +12 -0
  291. package/dist/internal/resolvers/resolveControlSize.d.ts.map +1 -0
  292. package/dist/internal/resolvers/resolveControlSize.js +33 -0
  293. package/dist/internal/resolvers/resolveControlSize.js.map +1 -0
  294. package/dist/internal/resolvers/resolveFieldState.d.ts +10 -0
  295. package/dist/internal/resolvers/resolveFieldState.d.ts.map +1 -0
  296. package/dist/internal/resolvers/resolveFieldState.js +23 -0
  297. package/dist/internal/resolvers/resolveFieldState.js.map +1 -0
  298. package/dist/internal/resolvers/resolveFocusRingStyles.d.ts +3 -0
  299. package/dist/internal/resolvers/resolveFocusRingStyles.d.ts.map +1 -0
  300. package/dist/internal/resolvers/resolveFocusRingStyles.js +12 -0
  301. package/dist/internal/resolvers/resolveFocusRingStyles.js.map +1 -0
  302. package/dist/internal/resolvers/resolveIconSize.d.ts +4 -0
  303. package/dist/internal/resolvers/resolveIconSize.d.ts.map +1 -0
  304. package/dist/internal/resolvers/resolveIconSize.js +5 -0
  305. package/dist/internal/resolvers/resolveIconSize.js.map +1 -0
  306. package/dist/internal/resolvers/resolveIndicatorSize.d.ts +12 -0
  307. package/dist/internal/resolvers/resolveIndicatorSize.d.ts.map +1 -0
  308. package/dist/internal/resolvers/resolveIndicatorSize.js +36 -0
  309. package/dist/internal/resolvers/resolveIndicatorSize.js.map +1 -0
  310. package/dist/internal/resolvers/resolveInteractiveColors.d.ts +20 -0
  311. package/dist/internal/resolvers/resolveInteractiveColors.d.ts.map +1 -0
  312. package/dist/internal/resolvers/resolveInteractiveColors.js +101 -0
  313. package/dist/internal/resolvers/resolveInteractiveColors.js.map +1 -0
  314. package/dist/internal/resolvers/resolveInteractiveState.d.ts +8 -0
  315. package/dist/internal/resolvers/resolveInteractiveState.d.ts.map +1 -0
  316. package/dist/internal/resolvers/resolveInteractiveState.js +9 -0
  317. package/dist/internal/resolvers/resolveInteractiveState.js.map +1 -0
  318. package/dist/internal/resolvers/resolveOverlayAnimation.d.ts +9 -0
  319. package/dist/internal/resolvers/resolveOverlayAnimation.d.ts.map +1 -0
  320. package/dist/internal/resolvers/resolveOverlayAnimation.js +16 -0
  321. package/dist/internal/resolvers/resolveOverlayAnimation.js.map +1 -0
  322. package/dist/internal/resolvers/resolveOverlayZIndex.d.ts +3 -0
  323. package/dist/internal/resolvers/resolveOverlayZIndex.d.ts.map +1 -0
  324. package/dist/internal/resolvers/resolveOverlayZIndex.js +11 -0
  325. package/dist/internal/resolvers/resolveOverlayZIndex.js.map +1 -0
  326. package/dist/internal/resolvers/resolveSelectionControlColors.d.ts +20 -0
  327. package/dist/internal/resolvers/resolveSelectionControlColors.d.ts.map +1 -0
  328. package/dist/internal/resolvers/resolveSelectionControlColors.js +51 -0
  329. package/dist/internal/resolvers/resolveSelectionControlColors.js.map +1 -0
  330. package/dist/internal/resolvers/resolveTextColor.d.ts +5 -0
  331. package/dist/internal/resolvers/resolveTextColor.d.ts.map +1 -0
  332. package/dist/internal/resolvers/resolveTextColor.js +18 -0
  333. package/dist/internal/resolvers/resolveTextColor.js.map +1 -0
  334. package/dist/internal/resolvers/resolveTextStyles.d.ts +13 -0
  335. package/dist/internal/resolvers/resolveTextStyles.d.ts.map +1 -0
  336. package/dist/internal/resolvers/resolveTextStyles.js +69 -0
  337. package/dist/internal/resolvers/resolveTextStyles.js.map +1 -0
  338. package/dist/internal/resolvers/resolveTone.d.ts +4 -0
  339. package/dist/internal/resolvers/resolveTone.d.ts.map +1 -0
  340. package/dist/internal/resolvers/resolveTone.js +16 -0
  341. package/dist/internal/resolvers/resolveTone.js.map +1 -0
  342. package/dist/internal/useControllableState.d.ts +6 -0
  343. package/dist/internal/useControllableState.d.ts.map +1 -0
  344. package/dist/internal/useControllableState.js +14 -0
  345. package/dist/internal/useControllableState.js.map +1 -0
  346. package/dist/layout/Box.js.map +1 -1
  347. package/dist/layout/Center.d.ts +7 -0
  348. package/dist/layout/Center.d.ts.map +1 -0
  349. package/dist/layout/Center.js +12 -0
  350. package/dist/layout/Center.js.map +1 -0
  351. package/dist/layout/Divider.d.ts +10 -0
  352. package/dist/layout/Divider.d.ts.map +1 -0
  353. package/dist/layout/Divider.js +6 -0
  354. package/dist/layout/Divider.js.map +1 -0
  355. package/dist/layout/Inline.d.ts +5 -0
  356. package/dist/layout/Inline.d.ts.map +1 -0
  357. package/dist/layout/Inline.js +6 -0
  358. package/dist/layout/Inline.js.map +1 -0
  359. package/dist/layout/Spacer.d.ts +9 -0
  360. package/dist/layout/Spacer.d.ts.map +1 -0
  361. package/dist/layout/Spacer.js +12 -0
  362. package/dist/layout/Spacer.js.map +1 -0
  363. package/dist/layout/Surface.d.ts +8 -0
  364. package/dist/layout/Surface.d.ts.map +1 -0
  365. package/dist/layout/Surface.js +48 -0
  366. package/dist/layout/Surface.js.map +1 -0
  367. package/dist/layout/helpers.js.map +1 -1
  368. package/dist/layout/index.d.ts +10 -0
  369. package/dist/layout/index.d.ts.map +1 -1
  370. package/dist/layout/index.js +5 -0
  371. package/dist/layout/index.js.map +1 -1
  372. package/dist/primitives/button-base/ButtonBase.d.ts +4 -0
  373. package/dist/primitives/button-base/ButtonBase.d.ts.map +1 -0
  374. package/dist/primitives/button-base/ButtonBase.js +40 -0
  375. package/dist/primitives/button-base/ButtonBase.js.map +1 -0
  376. package/dist/primitives/button-base/index.d.ts +3 -0
  377. package/dist/primitives/button-base/index.d.ts.map +1 -0
  378. package/dist/primitives/button-base/index.js +2 -0
  379. package/dist/primitives/button-base/index.js.map +1 -0
  380. package/dist/primitives/button-base/types.d.ts +15 -0
  381. package/dist/primitives/button-base/types.d.ts.map +1 -0
  382. package/dist/primitives/button-base/types.js +2 -0
  383. package/dist/primitives/button-base/types.js.map +1 -0
  384. package/dist/primitives/heading/resolveHeadingStyle.d.ts.map +1 -1
  385. package/dist/primitives/heading/resolveHeadingStyle.js +5 -16
  386. package/dist/primitives/heading/resolveHeadingStyle.js.map +1 -1
  387. package/dist/primitives/icon/resolveExpoIconComponent.d.ts.map +1 -1
  388. package/dist/primitives/icon/resolveExpoIconComponent.js +3 -1
  389. package/dist/primitives/icon/resolveExpoIconComponent.js.map +1 -1
  390. package/dist/primitives/text/Text.d.ts +4 -0
  391. package/dist/primitives/text/Text.d.ts.map +1 -0
  392. package/dist/primitives/text/Text.js +40 -0
  393. package/dist/primitives/text/Text.js.map +1 -0
  394. package/dist/primitives/text/index.d.ts +3 -0
  395. package/dist/primitives/text/index.d.ts.map +1 -0
  396. package/dist/primitives/text/index.js +2 -0
  397. package/dist/primitives/text/index.js.map +1 -0
  398. package/dist/primitives/text/types.d.ts +17 -0
  399. package/dist/primitives/text/types.d.ts.map +1 -0
  400. package/dist/primitives/text/types.js +2 -0
  401. package/dist/primitives/text/types.js.map +1 -0
  402. package/dist/theme/ThemeContext.d.ts.map +1 -1
  403. package/dist/theme/ThemeContext.js +10 -3
  404. package/dist/theme/ThemeContext.js.map +1 -1
  405. package/dist/theme/colorEngine.d.ts +2 -8
  406. package/dist/theme/colorEngine.d.ts.map +1 -1
  407. package/dist/theme/colorEngine.js +62 -9
  408. package/dist/theme/colorEngine.js.map +1 -1
  409. package/dist/theme/types.d.ts +36 -7
  410. package/dist/theme/types.d.ts.map +1 -1
  411. package/package.json +35 -11
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ListItem.js","sourceRoot":"","sources":["../../../src/components/list-item/ListItem.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,3 @@
1
+ export { ListItem } from './ListItem';
2
+ export type { ListItemProps } from './types';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/list-item/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC"}
@@ -0,0 +1,2 @@
1
+ export { ListItem } from './ListItem';
2
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/list-item/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC"}
@@ -0,0 +1,11 @@
1
+ import type React from 'react';
2
+ export interface ListItemProps {
3
+ title?: React.ReactNode;
4
+ description?: React.ReactNode;
5
+ leading?: React.ReactNode;
6
+ trailing?: React.ReactNode;
7
+ onPress?: (() => void) | undefined;
8
+ disabled?: boolean;
9
+ testID?: string;
10
+ }
11
+ //# sourceMappingURL=types.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/list-item/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,aAAa;IAC5B,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB"}
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=types.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/list-item/types.ts"],"names":[],"mappings":""}
@@ -0,0 +1,4 @@
1
+ import React from 'react';
2
+ import type { MenuProps } from './types';
3
+ export declare function Menu({ trigger, items, onDismiss, closeOnSelect, testID }: MenuProps): React.JSX.Element;
4
+ //# sourceMappingURL=Menu.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../src/components/menu/Menu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAY1B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAezC,wBAAgB,IAAI,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,aAAoB,EAAE,MAAM,EAAE,EAAE,SAAS,qBAqJ1F"}
@@ -0,0 +1,125 @@
1
+ import React from 'react';
2
+ import { Pressable, View } from 'react-native';
3
+ import { FocusScope } from '../../internal/focus/FocusScope';
4
+ import { useFocusManager } from '../../internal/focus/useFocusManager';
5
+ import { Portal } from '../../internal/overlay/Portal';
6
+ import { resolveOverlayAnimation } from '../../internal/resolvers';
7
+ import { Box, Surface } from '../../layout';
8
+ import { ButtonBase } from '../../primitives/button-base';
9
+ import { Text } from '../../primitives/text';
10
+ import { useTheme } from '../../theme/ThemeContext';
11
+ import { resolveNextMenuIndex } from './navigation';
12
+ function measureNode(node, callback) {
13
+ const measurableNode = node;
14
+ measurableNode?.measureInWindow?.((x, y, width, height) => {
15
+ callback({ height, width, x, y });
16
+ });
17
+ }
18
+ export function Menu({ trigger, items, onDismiss, closeOnSelect = true, testID }) {
19
+ const { theme } = useTheme();
20
+ const { bindKeydown } = useFocusManager();
21
+ const animation = resolveOverlayAnimation('menu');
22
+ const anchorRef = React.useRef(null);
23
+ const [open, setOpen] = React.useState(false);
24
+ const [layout, setLayout] = React.useState(null);
25
+ const [activeIndex, setActiveIndex] = React.useState(0);
26
+ const closeMenu = React.useCallback(() => {
27
+ setOpen(false);
28
+ onDismiss?.();
29
+ }, [onDismiss]);
30
+ const openMenu = React.useCallback(() => {
31
+ measureNode(anchorRef.current, setLayout);
32
+ const firstEnabledIndex = items.findIndex((item) => !item.disabled);
33
+ setActiveIndex(firstEnabledIndex === -1 ? 0 : firstEnabledIndex);
34
+ setOpen(true);
35
+ }, [items]);
36
+ React.useEffect(() => {
37
+ if (!open) {
38
+ return undefined;
39
+ }
40
+ return bindKeydown((event) => {
41
+ const { key } = event;
42
+ if (key === 'ArrowDown' || key === 'ArrowUp' || key === 'Home' || key === 'End') {
43
+ event.preventDefault();
44
+ setActiveIndex((current) => resolveNextMenuIndex(items, current, key));
45
+ }
46
+ if (event.key === 'Enter') {
47
+ event.preventDefault();
48
+ const activeItem = items[activeIndex];
49
+ if (activeItem && !activeItem.disabled) {
50
+ activeItem.onPress?.();
51
+ if (closeOnSelect) {
52
+ closeMenu();
53
+ }
54
+ }
55
+ }
56
+ if (event.key === 'Escape') {
57
+ event.preventDefault();
58
+ closeMenu();
59
+ }
60
+ });
61
+ }, [activeIndex, bindKeydown, closeMenu, closeOnSelect, items, open]);
62
+ return (<View collapsable={false} ref={anchorRef}>
63
+ <ButtonBase onPress={open ? closeMenu : openMenu} testID={testID ? `${testID}-trigger` : undefined}>
64
+ {trigger}
65
+ </ButtonBase>
66
+ <Portal layer="menu" visible={open && Boolean(layout)}>
67
+ <View pointerEvents="box-none" style={{
68
+ bottom: 0,
69
+ left: 0,
70
+ position: 'absolute',
71
+ right: 0,
72
+ top: 0,
73
+ }}>
74
+ <Pressable onPress={closeMenu} style={{
75
+ bottom: 0,
76
+ left: 0,
77
+ position: 'absolute',
78
+ right: 0,
79
+ top: 0,
80
+ }}/>
81
+ <FocusScope active={open} onEscape={closeMenu}>
82
+ <View style={{
83
+ left: layout?.x ?? 0,
84
+ position: 'absolute',
85
+ top: (layout?.y ?? 0) + (layout?.height ?? 0) + animation.offset,
86
+ }}>
87
+ <Surface p="xs" style={{
88
+ minWidth: Math.max(layout?.width ?? 0, 180),
89
+ shadowOpacity: 0.12,
90
+ shadowRadius: 12,
91
+ shadowOffset: { width: 0, height: 6 },
92
+ }} testID={testID} variant="raised">
93
+ {items.map((item, index) => {
94
+ const selected = index === activeIndex;
95
+ return (<Pressable accessibilityRole="menuitem" disabled={item.disabled} key={item.id} onPress={() => {
96
+ if (item.disabled) {
97
+ return;
98
+ }
99
+ item.onPress?.();
100
+ if (closeOnSelect) {
101
+ closeMenu();
102
+ }
103
+ }}>
104
+ <Box px="m" py="s" style={{
105
+ backgroundColor: selected
106
+ ? theme.semantics.action.primary.softBg
107
+ : 'transparent',
108
+ opacity: item.disabled ? 0.56 : 1,
109
+ }}>
110
+ <Text color={selected
111
+ ? theme.semantics.action.primary.base
112
+ : theme.semantics.content.default} variant="bodySmall">
113
+ {item.label}
114
+ </Text>
115
+ </Box>
116
+ </Pressable>);
117
+ })}
118
+ </Surface>
119
+ </View>
120
+ </FocusScope>
121
+ </View>
122
+ </Portal>
123
+ </View>);
124
+ }
125
+ //# sourceMappingURL=Menu.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Menu.js","sourceRoot":"","sources":["../../../src/components/menu/Menu.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,3 @@
1
+ export { Menu } from './Menu';
2
+ export type { MenuItem, MenuProps } from './types';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/menu/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,YAAY,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC"}
@@ -0,0 +1,2 @@
1
+ export { Menu } from './Menu';
2
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/menu/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC"}
@@ -0,0 +1,4 @@
1
+ export declare function resolveNextMenuIndex(items: {
2
+ disabled?: boolean;
3
+ }[], currentIndex: number, key: 'ArrowDown' | 'ArrowUp' | 'Home' | 'End'): number;
4
+ //# sourceMappingURL=navigation.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"navigation.d.ts","sourceRoot":"","sources":["../../../src/components/menu/navigation.ts"],"names":[],"mappings":"AAAA,wBAAgB,oBAAoB,CAClC,KAAK,EAAE;IAAE,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAE,EAAE,EAC/B,YAAY,EAAE,MAAM,EACpB,GAAG,EAAE,WAAW,GAAG,SAAS,GAAG,MAAM,GAAG,KAAK,GAC5C,MAAM,CA6BR"}
@@ -0,0 +1,25 @@
1
+ export function resolveNextMenuIndex(items, currentIndex, key) {
2
+ const enabledIndexes = items.reduce((indexes, item, index) => {
3
+ if (!item.disabled) {
4
+ indexes.push(index);
5
+ }
6
+ return indexes;
7
+ }, []);
8
+ if (enabledIndexes.length === 0) {
9
+ return -1;
10
+ }
11
+ if (key === 'Home') {
12
+ return enabledIndexes[0] ?? -1;
13
+ }
14
+ if (key === 'End') {
15
+ return enabledIndexes[enabledIndexes.length - 1] ?? -1;
16
+ }
17
+ const activeEnabledIndex = enabledIndexes.indexOf(currentIndex);
18
+ const nextEnabledIndex = activeEnabledIndex === -1
19
+ ? 0
20
+ : key === 'ArrowUp'
21
+ ? (activeEnabledIndex - 1 + enabledIndexes.length) % enabledIndexes.length
22
+ : (activeEnabledIndex + 1) % enabledIndexes.length;
23
+ return enabledIndexes[nextEnabledIndex] ?? -1;
24
+ }
25
+ //# sourceMappingURL=navigation.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"navigation.js","sourceRoot":"","sources":["../../../src/components/menu/navigation.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,oBAAoB,CAClC,KAA+B,EAC/B,YAAoB,EACpB,GAA6C;IAE7C,MAAM,cAAc,GAAG,KAAK,CAAC,MAAM,CAAW,CAAC,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE;QACrE,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC;YACnB,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACtB,CAAC;QACD,OAAO,OAAO,CAAC;IACjB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAI,cAAc,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QAChC,OAAO,CAAC,CAAC,CAAC;IACZ,CAAC;IAED,IAAI,GAAG,KAAK,MAAM,EAAE,CAAC;QACnB,OAAO,cAAc,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;IACjC,CAAC;IAED,IAAI,GAAG,KAAK,KAAK,EAAE,CAAC;QAClB,OAAO,cAAc,CAAC,cAAc,CAAC,MAAM,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;IACzD,CAAC;IAED,MAAM,kBAAkB,GAAG,cAAc,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC;IAChE,MAAM,gBAAgB,GACpB,kBAAkB,KAAK,CAAC,CAAC;QACvB,CAAC,CAAC,CAAC;QACH,CAAC,CAAC,GAAG,KAAK,SAAS;YACjB,CAAC,CAAC,CAAC,kBAAkB,GAAG,CAAC,GAAG,cAAc,CAAC,MAAM,CAAC,GAAG,cAAc,CAAC,MAAM;YAC1E,CAAC,CAAC,CAAC,kBAAkB,GAAG,CAAC,CAAC,GAAG,cAAc,CAAC,MAAM,CAAC;IAEzD,OAAO,cAAc,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC,CAAC;AAChD,CAAC"}
@@ -0,0 +1,15 @@
1
+ import type React from 'react';
2
+ export interface MenuItem {
3
+ id: string;
4
+ label: React.ReactNode;
5
+ disabled?: boolean;
6
+ onPress?: (() => void) | undefined;
7
+ }
8
+ export interface MenuProps {
9
+ trigger?: React.ReactNode;
10
+ items: MenuItem[];
11
+ onDismiss?: (() => void) | undefined;
12
+ closeOnSelect?: boolean;
13
+ testID?: string;
14
+ }
15
+ //# sourceMappingURL=types.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/menu/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,QAAQ;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;CACpC;AAED,MAAM,WAAW,SAAS;IACxB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,SAAS,CAAC,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;IACrC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB"}
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=types.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/menu/types.ts"],"names":[],"mappings":""}
@@ -0,0 +1,4 @@
1
+ import React from 'react';
2
+ import type { ModalProps } from './types';
3
+ export declare function Modal({ visible, onDismiss, children, closeOnBackdrop, testID, }: ModalProps): React.JSX.Element | null;
4
+ //# sourceMappingURL=Modal.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/components/modal/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAE1C,wBAAgB,KAAK,CAAC,EACpB,OAAO,EACP,SAAS,EACT,QAAQ,EACR,eAAsB,EACtB,MAAM,GACP,EAAE,UAAU,4BAsEZ"}
@@ -0,0 +1,52 @@
1
+ import React from 'react';
2
+ import { Pressable, View } from 'react-native';
3
+ import { FocusScope } from '../../internal/focus/FocusScope';
4
+ import { Portal } from '../../internal/overlay/Portal';
5
+ import { resolveOverlayAnimation } from '../../internal/resolvers';
6
+ import { Center, Surface } from '../../layout';
7
+ import { useTheme } from '../../theme/ThemeContext';
8
+ export function Modal({ visible, onDismiss, children, closeOnBackdrop = true, testID, }) {
9
+ const { theme } = useTheme();
10
+ const animation = resolveOverlayAnimation('modal');
11
+ if (!visible) {
12
+ return null;
13
+ }
14
+ return (<Portal layer="modal" visible={visible}>
15
+ <View pointerEvents="box-none" style={{
16
+ bottom: 0,
17
+ left: 0,
18
+ position: 'absolute',
19
+ right: 0,
20
+ top: 0,
21
+ }}>
22
+ <Pressable onPress={closeOnBackdrop ? onDismiss : undefined} style={{
23
+ backgroundColor: theme.semantics.neutral.text,
24
+ bottom: 0,
25
+ left: 0,
26
+ opacity: animation.backdropOpacity,
27
+ position: 'absolute',
28
+ right: 0,
29
+ top: 0,
30
+ }} testID={testID ? `${testID}-backdrop` : undefined}/>
31
+ <FocusScope active={visible} onEscape={onDismiss} testID={testID ? `${testID}-focus` : undefined}>
32
+ <Center p="l" style={{
33
+ flex: 1,
34
+ }}>
35
+ <View accessible accessibilityViewIsModal style={{
36
+ maxWidth: 560,
37
+ width: '100%',
38
+ }}>
39
+ <Surface p="l" style={{
40
+ shadowOpacity: 0.14,
41
+ shadowRadius: 18,
42
+ shadowOffset: { width: 0, height: 8 },
43
+ }} testID={testID} variant="raised">
44
+ {children}
45
+ </Surface>
46
+ </View>
47
+ </Center>
48
+ </FocusScope>
49
+ </View>
50
+ </Portal>);
51
+ }
52
+ //# sourceMappingURL=Modal.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../src/components/modal/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAE/C,OAAO,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAC7D,OAAO,EAAE,MAAM,EAAE,MAAM,+BAA+B,CAAC;AACvD,OAAO,EAAE,uBAAuB,EAAE,MAAM,0BAA0B,CAAC;AACnE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AAGpD,MAAM,UAAU,KAAK,CAAC,EACpB,OAAO,EACP,SAAS,EACT,QAAQ,EACR,eAAe,GAAG,IAAI,EACtB,MAAM,GACK;IACX,MAAM,EAAE,KAAK,EAAE,GAAG,QAAQ,EAAE,CAAC;IAC7B,MAAM,SAAS,GAAG,uBAAuB,CAAC,OAAO,CAAC,CAAC;IAEnD,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CACrC;MAAA,CAAC,IAAI,CACH,aAAa,CAAC,UAAU,CACxB,KAAK,CAAC,CAAC;YACL,MAAM,EAAE,CAAC;YACT,IAAI,EAAE,CAAC;YACP,QAAQ,EAAE,UAAU;YACpB,KAAK,EAAE,CAAC;YACR,GAAG,EAAE,CAAC;SACP,CAAC,CAEF;QAAA,CAAC,SAAS,CACR,OAAO,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CACjD,KAAK,CAAC,CAAC;YACL,eAAe,EAAE,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,IAAI;YAC7C,MAAM,EAAE,CAAC;YACT,IAAI,EAAE,CAAC;YACP,OAAO,EAAE,SAAS,CAAC,eAAe;YAClC,QAAQ,EAAE,UAAU;YACpB,KAAK,EAAE,CAAC;YACR,GAAG,EAAE,CAAC;SACP,CAAC,CACF,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,MAAM,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC,EAEpD;QAAA,CAAC,UAAU,CACT,MAAM,CAAC,CAAC,OAAO,CAAC,CAChB,QAAQ,CAAC,CAAC,SAAS,CAAC,CACpB,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,MAAM,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAE/C;UAAA,CAAC,MAAM,CACL,CAAC,CAAC,GAAG,CACL,KAAK,CAAC,CAAC;YACL,IAAI,EAAE,CAAC;SACR,CAAC,CAEF;YAAA,CAAC,IAAI,CACH,UAAU,CACV,wBAAwB,CACxB,KAAK,CAAC,CAAC;YACL,QAAQ,EAAE,GAAG;YACb,KAAK,EAAE,MAAM;SACd,CAAC,CAEF;cAAA,CAAC,OAAO,CACN,CAAC,CAAC,GAAG,CACL,KAAK,CAAC,CAAC;YACL,aAAa,EAAE,IAAI;YACnB,YAAY,EAAE,EAAE;YAChB,YAAY,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE;SACtC,CAAC,CACF,MAAM,CAAC,CAAC,MAAM,CAAC,CACf,OAAO,CAAC,QAAQ,CAEhB;gBAAA,CAAC,QAAQ,CACX;cAAA,EAAE,OAAO,CACX;YAAA,EAAE,IAAI,CACR;UAAA,EAAE,MAAM,CACV;QAAA,EAAE,UAAU,CACd;MAAA,EAAE,IAAI,CACR;IAAA,EAAE,MAAM,CAAC,CACV,CAAC;AACJ,CAAC"}
@@ -0,0 +1,3 @@
1
+ export { Modal } from './Modal';
2
+ export type { ModalProps } from './types';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/modal/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC"}
@@ -0,0 +1,2 @@
1
+ export { Modal } from './Modal';
2
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/modal/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC"}
@@ -0,0 +1,9 @@
1
+ import type React from 'react';
2
+ export interface ModalProps {
3
+ visible: boolean;
4
+ onDismiss?: (() => void) | undefined;
5
+ children?: React.ReactNode;
6
+ closeOnBackdrop?: boolean;
7
+ testID?: string;
8
+ }
9
+ //# sourceMappingURL=types.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/modal/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,UAAU;IACzB,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;IACrC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB"}
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=types.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/modal/types.ts"],"names":[],"mappings":""}
@@ -0,0 +1,4 @@
1
+ import React from 'react';
2
+ import type { RadioProps } from './types';
3
+ export declare function Radio({ children, checked, defaultChecked, onCheckedChange, tone, size, disabled, invalid, readOnly, accessibilityLabel, testID, ...props }: RadioProps): React.JSX.Element;
4
+ //# sourceMappingURL=Radio.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Radio.d.ts","sourceRoot":"","sources":["../../../src/components/radio/Radio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAY1B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAE1C,wBAAgB,KAAK,CAAC,EACpB,QAAQ,EACR,OAAO,EACP,cAAsB,EACtB,eAAe,EACf,IAAgB,EAChB,IAAU,EACV,QAAgB,EAChB,OAAe,EACf,QAAgB,EAChB,kBAAkB,EAClB,MAAM,EACN,GAAG,KAAK,EACT,EAAE,UAAU,qBAkFZ"}
@@ -0,0 +1,63 @@
1
+ import React from 'react';
2
+ import { resolveFieldState, resolveIndicatorSize, resolveSelectionControlColors, } from '../../internal/resolvers';
3
+ import { useControllableState } from '../../internal/useControllableState';
4
+ import { Box } from '../../layout';
5
+ import { ButtonBase } from '../../primitives/button-base';
6
+ import { Text } from '../../primitives/text';
7
+ import { useTheme } from '../../theme/ThemeContext';
8
+ export function Radio({ children, checked, defaultChecked = false, onCheckedChange, tone = 'primary', size = 'm', disabled = false, invalid = false, readOnly = false, accessibilityLabel, testID, ...props }) {
9
+ const { theme } = useTheme();
10
+ const isDisabled = disabled || readOnly;
11
+ const [isChecked, setChecked] = useControllableState({
12
+ value: checked,
13
+ defaultValue: defaultChecked,
14
+ onChange: onCheckedChange,
15
+ });
16
+ const indicatorSize = resolveIndicatorSize(size);
17
+ return (<ButtonBase {...props} accessibilityLabel={accessibilityLabel} accessibilityRole="radio" accessibilityState={{ checked: isChecked }} disabled={isDisabled} onPress={readOnly || isChecked
18
+ ? undefined
19
+ : () => {
20
+ setChecked(true);
21
+ }} testID={testID}>
22
+ {(interactionState) => {
23
+ const fieldState = resolveFieldState({
24
+ disabled,
25
+ focused: interactionState.focused,
26
+ invalid,
27
+ readOnly,
28
+ });
29
+ const colors = resolveSelectionControlColors(theme, {
30
+ checked: isChecked,
31
+ fieldState,
32
+ hovered: interactionState.hovered,
33
+ pressed: interactionState.pressed,
34
+ tone,
35
+ });
36
+ return (<Box style={{
37
+ alignItems: 'center',
38
+ flexDirection: 'row',
39
+ opacity: colors.opacity,
40
+ }}>
41
+ <Box radius="full" style={{
42
+ alignItems: 'center',
43
+ backgroundColor: colors.backgroundColor,
44
+ borderColor: colors.borderColor,
45
+ borderWidth: 1.5,
46
+ height: indicatorSize.radio,
47
+ justifyContent: 'center',
48
+ width: indicatorSize.radio,
49
+ }}>
50
+ {isChecked ? (<Box radius="full" style={{
51
+ backgroundColor: colors.indicatorColor,
52
+ height: indicatorSize.radioDot,
53
+ width: indicatorSize.radioDot,
54
+ }}/>) : null}
55
+ </Box>
56
+ {children ? (<Box ml="s">
57
+ <Text color={colors.labelColor}>{children}</Text>
58
+ </Box>) : null}
59
+ </Box>);
60
+ }}
61
+ </ButtonBase>);
62
+ }
63
+ //# sourceMappingURL=Radio.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Radio.js","sourceRoot":"","sources":["../../../src/components/radio/Radio.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,3 @@
1
+ export { Radio } from './Radio';
2
+ export type { RadioProps } from './types';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/radio/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC"}
@@ -0,0 +1,2 @@
1
+ export { Radio } from './Radio';
2
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/radio/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC"}
@@ -0,0 +1,15 @@
1
+ import type React from 'react';
2
+ import type { ControlSize } from '../../internal/resolvers/resolveControlSize';
3
+ import type { ComponentTone } from '../../internal/resolvers/resolveTone';
4
+ import type { ButtonBaseProps } from '../../primitives/button-base';
5
+ export interface RadioProps extends Omit<ButtonBaseProps, 'accessibilityRole' | 'accessibilityState' | 'children' | 'onPress' | 'style'> {
6
+ children?: React.ReactNode;
7
+ checked?: boolean;
8
+ defaultChecked?: boolean;
9
+ onCheckedChange?: ((checked: boolean) => void) | undefined;
10
+ tone?: ComponentTone;
11
+ size?: ControlSize;
12
+ invalid?: boolean;
13
+ readOnly?: boolean;
14
+ }
15
+ //# sourceMappingURL=types.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/radio/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,6CAA6C,CAAC;AAC/E,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,sCAAsC,CAAC;AAC1E,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAEpE,MAAM,WAAW,UAAW,SAAQ,IAAI,CACtC,eAAe,EACf,mBAAmB,GAAG,oBAAoB,GAAG,UAAU,GAAG,SAAS,GAAG,OAAO,CAC9E;IACC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,eAAe,CAAC,EAAE,CAAC,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IAC3D,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB"}
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=types.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/radio/types.ts"],"names":[],"mappings":""}
@@ -0,0 +1,4 @@
1
+ import React from 'react';
2
+ import type { SwitchProps } from './types';
3
+ export declare function Switch({ children, checked, defaultChecked, onCheckedChange, tone, size, disabled, invalid, readOnly, accessibilityLabel, testID, ...props }: SwitchProps): React.JSX.Element;
4
+ //# sourceMappingURL=Switch.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../src/components/switch/Switch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAY1B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAE3C,wBAAgB,MAAM,CAAC,EACrB,QAAQ,EACR,OAAO,EACP,cAAsB,EACtB,eAAe,EACf,IAAgB,EAChB,IAAU,EACV,QAAgB,EAChB,OAAe,EACf,QAAgB,EAChB,kBAAkB,EAClB,MAAM,EACN,GAAG,KAAK,EACT,EAAE,WAAW,qBAkFb"}
@@ -0,0 +1,65 @@
1
+ import React from 'react';
2
+ import { resolveFieldState, resolveIndicatorSize, resolveSelectionControlColors, } from '../../internal/resolvers';
3
+ import { useControllableState } from '../../internal/useControllableState';
4
+ import { Box } from '../../layout';
5
+ import { ButtonBase } from '../../primitives/button-base';
6
+ import { Text } from '../../primitives/text';
7
+ import { useTheme } from '../../theme/ThemeContext';
8
+ export function Switch({ children, checked, defaultChecked = false, onCheckedChange, tone = 'primary', size = 'm', disabled = false, invalid = false, readOnly = false, accessibilityLabel, testID, ...props }) {
9
+ const { theme } = useTheme();
10
+ const isDisabled = disabled || readOnly;
11
+ const [isChecked, setChecked] = useControllableState({
12
+ value: checked,
13
+ defaultValue: defaultChecked,
14
+ onChange: onCheckedChange,
15
+ });
16
+ const indicatorSize = resolveIndicatorSize(size);
17
+ return (<ButtonBase {...props} accessibilityLabel={accessibilityLabel} accessibilityRole="switch" accessibilityState={{ checked: isChecked }} disabled={isDisabled} onPress={readOnly
18
+ ? undefined
19
+ : () => {
20
+ setChecked(!isChecked);
21
+ }} testID={testID}>
22
+ {(interactionState) => {
23
+ const fieldState = resolveFieldState({
24
+ disabled,
25
+ focused: interactionState.focused,
26
+ invalid,
27
+ readOnly,
28
+ });
29
+ const colors = resolveSelectionControlColors(theme, {
30
+ checked: isChecked,
31
+ fieldState,
32
+ hovered: interactionState.hovered,
33
+ pressed: interactionState.pressed,
34
+ tone,
35
+ });
36
+ return (<Box style={{
37
+ alignItems: 'center',
38
+ flexDirection: 'row',
39
+ opacity: colors.opacity,
40
+ }}>
41
+ <Box radius="full" style={{
42
+ backgroundColor: colors.trackColor,
43
+ borderColor: colors.borderColor,
44
+ borderWidth: 1,
45
+ justifyContent: 'center',
46
+ minWidth: indicatorSize.switchWidth,
47
+ paddingHorizontal: 2,
48
+ width: indicatorSize.switchWidth,
49
+ height: indicatorSize.switchHeight,
50
+ }}>
51
+ <Box radius="full" style={{
52
+ alignSelf: isChecked ? 'flex-end' : 'flex-start',
53
+ backgroundColor: colors.thumbColor,
54
+ height: indicatorSize.switchThumb,
55
+ width: indicatorSize.switchThumb,
56
+ }}/>
57
+ </Box>
58
+ {children ? (<Box ml="s">
59
+ <Text color={colors.labelColor}>{children}</Text>
60
+ </Box>) : null}
61
+ </Box>);
62
+ }}
63
+ </ButtonBase>);
64
+ }
65
+ //# sourceMappingURL=Switch.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Switch.js","sourceRoot":"","sources":["../../../src/components/switch/Switch.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,3 @@
1
+ export { Switch } from './Switch';
2
+ export type { SwitchProps } from './types';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/switch/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC"}
@@ -0,0 +1,2 @@
1
+ export { Switch } from './Switch';
2
+ //# sourceMappingURL=index.js.map