@ankhorage/zora 2.5.1 → 2.5.3

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 (534) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/README.md +3545 -1
  3. package/dist/components/action-sheet/ActionSheet.d.ts +5 -0
  4. package/dist/components/action-sheet/ActionSheet.d.ts.map +1 -1
  5. package/dist/components/action-sheet/ActionSheet.js +5 -0
  6. package/dist/components/action-sheet/ActionSheet.js.map +1 -1
  7. package/dist/components/action-sheet/ActionSheetItem.d.ts +5 -0
  8. package/dist/components/action-sheet/ActionSheetItem.d.ts.map +1 -1
  9. package/dist/components/action-sheet/ActionSheetItem.js +5 -0
  10. package/dist/components/action-sheet/ActionSheetItem.js.map +1 -1
  11. package/dist/components/app-bar/AppBar.d.ts +5 -0
  12. package/dist/components/app-bar/AppBar.d.ts.map +1 -1
  13. package/dist/components/app-bar/AppBar.js +5 -0
  14. package/dist/components/app-bar/AppBar.js.map +1 -1
  15. package/dist/components/avatar/Avatar.d.ts +5 -0
  16. package/dist/components/avatar/Avatar.d.ts.map +1 -1
  17. package/dist/components/avatar/Avatar.js +5 -0
  18. package/dist/components/avatar/Avatar.js.map +1 -1
  19. package/dist/components/avatar-group/AvatarGroup.d.ts +5 -0
  20. package/dist/components/avatar-group/AvatarGroup.d.ts.map +1 -1
  21. package/dist/components/avatar-group/AvatarGroup.js +5 -0
  22. package/dist/components/avatar-group/AvatarGroup.js.map +1 -1
  23. package/dist/components/badge/Badge.d.ts +5 -0
  24. package/dist/components/badge/Badge.d.ts.map +1 -1
  25. package/dist/components/badge/Badge.js +5 -0
  26. package/dist/components/badge/Badge.js.map +1 -1
  27. package/dist/components/breadcrumbs/Breadcrumbs.d.ts +5 -0
  28. package/dist/components/breadcrumbs/Breadcrumbs.d.ts.map +1 -1
  29. package/dist/components/breadcrumbs/Breadcrumbs.js +5 -0
  30. package/dist/components/breadcrumbs/Breadcrumbs.js.map +1 -1
  31. package/dist/components/button/Button.d.ts +12 -0
  32. package/dist/components/button/Button.d.ts.map +1 -1
  33. package/dist/components/button/Button.js +12 -0
  34. package/dist/components/button/Button.js.map +1 -1
  35. package/dist/components/button-group/ButtonGroup.d.ts +5 -0
  36. package/dist/components/button-group/ButtonGroup.d.ts.map +1 -1
  37. package/dist/components/button-group/ButtonGroup.js +5 -0
  38. package/dist/components/button-group/ButtonGroup.js.map +1 -1
  39. package/dist/components/card/Card.d.ts +12 -0
  40. package/dist/components/card/Card.d.ts.map +1 -1
  41. package/dist/components/card/Card.js +12 -0
  42. package/dist/components/card/Card.js.map +1 -1
  43. package/dist/components/checkbox/Checkbox.d.ts +5 -0
  44. package/dist/components/checkbox/Checkbox.d.ts.map +1 -1
  45. package/dist/components/checkbox/Checkbox.js +5 -0
  46. package/dist/components/checkbox/Checkbox.js.map +1 -1
  47. package/dist/components/checkbox/CheckboxGroup.d.ts +5 -0
  48. package/dist/components/checkbox/CheckboxGroup.d.ts.map +1 -1
  49. package/dist/components/checkbox/CheckboxGroup.js +5 -0
  50. package/dist/components/checkbox/CheckboxGroup.js.map +1 -1
  51. package/dist/components/chip/Chip.d.ts +5 -0
  52. package/dist/components/chip/Chip.d.ts.map +1 -1
  53. package/dist/components/chip/Chip.js +5 -0
  54. package/dist/components/chip/Chip.js.map +1 -1
  55. package/dist/components/chip-group/ChipGroup.d.ts +5 -0
  56. package/dist/components/chip-group/ChipGroup.d.ts.map +1 -1
  57. package/dist/components/chip-group/ChipGroup.js +5 -0
  58. package/dist/components/chip-group/ChipGroup.js.map +1 -1
  59. package/dist/components/data-table/DataTable.d.ts +5 -0
  60. package/dist/components/data-table/DataTable.d.ts.map +1 -1
  61. package/dist/components/data-table/DataTable.js +5 -0
  62. package/dist/components/data-table/DataTable.js.map +1 -1
  63. package/dist/components/date-picker/DatePicker.d.ts +5 -0
  64. package/dist/components/date-picker/DatePicker.d.ts.map +1 -1
  65. package/dist/components/date-picker/DatePicker.js +5 -0
  66. package/dist/components/date-picker/DatePicker.js.map +1 -1
  67. package/dist/components/drawer/Drawer.d.ts +5 -0
  68. package/dist/components/drawer/Drawer.d.ts.map +1 -1
  69. package/dist/components/drawer/Drawer.js +5 -0
  70. package/dist/components/drawer/Drawer.js.map +1 -1
  71. package/dist/components/form/Form.d.ts +5 -0
  72. package/dist/components/form/Form.d.ts.map +1 -1
  73. package/dist/components/form/Form.js +5 -0
  74. package/dist/components/form/Form.js.map +1 -1
  75. package/dist/components/form/FormActions.d.ts +5 -0
  76. package/dist/components/form/FormActions.d.ts.map +1 -1
  77. package/dist/components/form/FormActions.js +5 -0
  78. package/dist/components/form/FormActions.js.map +1 -1
  79. package/dist/components/form/FormError.d.ts +5 -0
  80. package/dist/components/form/FormError.d.ts.map +1 -1
  81. package/dist/components/form/FormError.js +5 -0
  82. package/dist/components/form/FormError.js.map +1 -1
  83. package/dist/components/form/FormField.d.ts +5 -0
  84. package/dist/components/form/FormField.d.ts.map +1 -1
  85. package/dist/components/form/FormField.js +5 -0
  86. package/dist/components/form/FormField.js.map +1 -1
  87. package/dist/components/form/index.d.ts +1 -1
  88. package/dist/components/form/index.d.ts.map +1 -1
  89. package/dist/components/form/index.js.map +1 -1
  90. package/dist/components/form/useFormController.d.ts.map +1 -1
  91. package/dist/components/form/useFormController.js.map +1 -1
  92. package/dist/components/heading/Heading.d.ts +12 -0
  93. package/dist/components/heading/Heading.d.ts.map +1 -1
  94. package/dist/components/heading/Heading.js +12 -0
  95. package/dist/components/heading/Heading.js.map +1 -1
  96. package/dist/components/icon/Icon.d.ts +5 -0
  97. package/dist/components/icon/Icon.d.ts.map +1 -1
  98. package/dist/components/icon/Icon.js +5 -0
  99. package/dist/components/icon/Icon.js.map +1 -1
  100. package/dist/components/icon-button/IconButton.d.ts +5 -0
  101. package/dist/components/icon-button/IconButton.d.ts.map +1 -1
  102. package/dist/components/icon-button/IconButton.js +5 -0
  103. package/dist/components/icon-button/IconButton.js.map +1 -1
  104. package/dist/components/image/Image.d.ts +5 -0
  105. package/dist/components/image/Image.d.ts.map +1 -1
  106. package/dist/components/image/Image.js +5 -0
  107. package/dist/components/image/Image.js.map +1 -1
  108. package/dist/components/input/Input.d.ts +12 -0
  109. package/dist/components/input/Input.d.ts.map +1 -1
  110. package/dist/components/input/Input.js +12 -0
  111. package/dist/components/input/Input.js.map +1 -1
  112. package/dist/components/media-card/MediaCard.d.ts +5 -0
  113. package/dist/components/media-card/MediaCard.d.ts.map +1 -1
  114. package/dist/components/media-card/MediaCard.js +5 -0
  115. package/dist/components/media-card/MediaCard.js.map +1 -1
  116. package/dist/components/menu/DropdownMenu.d.ts +5 -0
  117. package/dist/components/menu/DropdownMenu.d.ts.map +1 -1
  118. package/dist/components/menu/DropdownMenu.js +5 -0
  119. package/dist/components/menu/DropdownMenu.js.map +1 -1
  120. package/dist/components/menu/Menu.d.ts +5 -0
  121. package/dist/components/menu/Menu.d.ts.map +1 -1
  122. package/dist/components/menu/Menu.js +5 -0
  123. package/dist/components/menu/Menu.js.map +1 -1
  124. package/dist/components/metric-card/MetricCard.d.ts +5 -0
  125. package/dist/components/metric-card/MetricCard.d.ts.map +1 -1
  126. package/dist/components/metric-card/MetricCard.js +5 -0
  127. package/dist/components/metric-card/MetricCard.js.map +1 -1
  128. package/dist/components/modal/Modal.d.ts +5 -0
  129. package/dist/components/modal/Modal.d.ts.map +1 -1
  130. package/dist/components/modal/Modal.js +5 -0
  131. package/dist/components/modal/Modal.js.map +1 -1
  132. package/dist/components/navigation-item/NavigationItem.d.ts +5 -0
  133. package/dist/components/navigation-item/NavigationItem.d.ts.map +1 -1
  134. package/dist/components/navigation-item/NavigationItem.js +5 -0
  135. package/dist/components/navigation-item/NavigationItem.js.map +1 -1
  136. package/dist/components/navigation-list/NavigationList.d.ts +5 -0
  137. package/dist/components/navigation-list/NavigationList.d.ts.map +1 -1
  138. package/dist/components/navigation-list/NavigationList.js +5 -0
  139. package/dist/components/navigation-list/NavigationList.js.map +1 -1
  140. package/dist/components/pagination/Pagination.d.ts +5 -0
  141. package/dist/components/pagination/Pagination.d.ts.map +1 -1
  142. package/dist/components/pagination/Pagination.js +5 -0
  143. package/dist/components/pagination/Pagination.js.map +1 -1
  144. package/dist/components/progress/Progress.d.ts +5 -0
  145. package/dist/components/progress/Progress.d.ts.map +1 -1
  146. package/dist/components/progress/Progress.js +5 -0
  147. package/dist/components/progress/Progress.js.map +1 -1
  148. package/dist/components/radio/Radio.d.ts +5 -0
  149. package/dist/components/radio/Radio.d.ts.map +1 -1
  150. package/dist/components/radio/Radio.js +5 -0
  151. package/dist/components/radio/Radio.js.map +1 -1
  152. package/dist/components/radio/RadioGroup.d.ts +5 -0
  153. package/dist/components/radio/RadioGroup.d.ts.map +1 -1
  154. package/dist/components/radio/RadioGroup.js +5 -0
  155. package/dist/components/radio/RadioGroup.js.map +1 -1
  156. package/dist/components/rating/Rating.d.ts +5 -0
  157. package/dist/components/rating/Rating.d.ts.map +1 -1
  158. package/dist/components/rating/Rating.js +5 -0
  159. package/dist/components/rating/Rating.js.map +1 -1
  160. package/dist/components/search-bar/SearchBar.d.ts +5 -0
  161. package/dist/components/search-bar/SearchBar.d.ts.map +1 -1
  162. package/dist/components/search-bar/SearchBar.js +5 -0
  163. package/dist/components/search-bar/SearchBar.js.map +1 -1
  164. package/dist/components/select/Select.d.ts +5 -0
  165. package/dist/components/select/Select.d.ts.map +1 -1
  166. package/dist/components/select/Select.js +5 -0
  167. package/dist/components/select/Select.js.map +1 -1
  168. package/dist/components/skeleton/Skeleton.d.ts +5 -0
  169. package/dist/components/skeleton/Skeleton.d.ts.map +1 -1
  170. package/dist/components/skeleton/Skeleton.js +5 -0
  171. package/dist/components/skeleton/Skeleton.js.map +1 -1
  172. package/dist/components/skeleton/SkeletonCard.d.ts +5 -0
  173. package/dist/components/skeleton/SkeletonCard.d.ts.map +1 -1
  174. package/dist/components/skeleton/SkeletonCard.js +5 -0
  175. package/dist/components/skeleton/SkeletonCard.js.map +1 -1
  176. package/dist/components/skeleton/SkeletonList.d.ts +5 -0
  177. package/dist/components/skeleton/SkeletonList.d.ts.map +1 -1
  178. package/dist/components/skeleton/SkeletonList.js +5 -0
  179. package/dist/components/skeleton/SkeletonList.js.map +1 -1
  180. package/dist/components/skeleton/SkeletonText.d.ts +5 -0
  181. package/dist/components/skeleton/SkeletonText.d.ts.map +1 -1
  182. package/dist/components/skeleton/SkeletonText.js +5 -0
  183. package/dist/components/skeleton/SkeletonText.js.map +1 -1
  184. package/dist/components/tabs/Tabs.d.ts +5 -0
  185. package/dist/components/tabs/Tabs.d.ts.map +1 -1
  186. package/dist/components/tabs/Tabs.js +5 -0
  187. package/dist/components/tabs/Tabs.js.map +1 -1
  188. package/dist/components/text/Text.d.ts +12 -0
  189. package/dist/components/text/Text.d.ts.map +1 -1
  190. package/dist/components/text/Text.js +12 -0
  191. package/dist/components/text/Text.js.map +1 -1
  192. package/dist/components/textarea/Textarea.d.ts +5 -0
  193. package/dist/components/textarea/Textarea.d.ts.map +1 -1
  194. package/dist/components/textarea/Textarea.js +5 -0
  195. package/dist/components/textarea/Textarea.js.map +1 -1
  196. package/dist/components/time-picker/TimePicker.d.ts +5 -0
  197. package/dist/components/time-picker/TimePicker.d.ts.map +1 -1
  198. package/dist/components/time-picker/TimePicker.js +5 -0
  199. package/dist/components/time-picker/TimePicker.js.map +1 -1
  200. package/dist/components/toast/Toast.d.ts +5 -0
  201. package/dist/components/toast/Toast.d.ts.map +1 -1
  202. package/dist/components/toast/Toast.js +5 -0
  203. package/dist/components/toast/Toast.js.map +1 -1
  204. package/dist/components/toast/ToastProvider.d.ts +5 -0
  205. package/dist/components/toast/ToastProvider.d.ts.map +1 -1
  206. package/dist/components/toast/ToastProvider.js +5 -0
  207. package/dist/components/toast/ToastProvider.js.map +1 -1
  208. package/dist/components/toolbar/Toolbar.d.ts +5 -0
  209. package/dist/components/toolbar/Toolbar.d.ts.map +1 -1
  210. package/dist/components/toolbar/Toolbar.js +5 -0
  211. package/dist/components/toolbar/Toolbar.js.map +1 -1
  212. package/dist/components/toolbar/ToolbarAction.d.ts +5 -0
  213. package/dist/components/toolbar/ToolbarAction.d.ts.map +1 -1
  214. package/dist/components/toolbar/ToolbarAction.js +5 -0
  215. package/dist/components/toolbar/ToolbarAction.js.map +1 -1
  216. package/dist/foundation/Box.d.ts +5 -0
  217. package/dist/foundation/Box.d.ts.map +1 -1
  218. package/dist/foundation/Box.js +5 -0
  219. package/dist/foundation/Box.js.map +1 -1
  220. package/dist/foundation/Center.d.ts +5 -0
  221. package/dist/foundation/Center.d.ts.map +1 -1
  222. package/dist/foundation/Center.js +5 -0
  223. package/dist/foundation/Center.js.map +1 -1
  224. package/dist/foundation/Container.d.ts +5 -0
  225. package/dist/foundation/Container.d.ts.map +1 -1
  226. package/dist/foundation/Container.js +5 -0
  227. package/dist/foundation/Container.js.map +1 -1
  228. package/dist/foundation/Divider.d.ts +5 -0
  229. package/dist/foundation/Divider.d.ts.map +1 -1
  230. package/dist/foundation/Divider.js +5 -0
  231. package/dist/foundation/Divider.js.map +1 -1
  232. package/dist/foundation/Grid.d.ts +5 -0
  233. package/dist/foundation/Grid.d.ts.map +1 -1
  234. package/dist/foundation/Grid.js +5 -0
  235. package/dist/foundation/Grid.js.map +1 -1
  236. package/dist/foundation/Inline.d.ts +5 -0
  237. package/dist/foundation/Inline.d.ts.map +1 -1
  238. package/dist/foundation/Inline.js +5 -0
  239. package/dist/foundation/Inline.js.map +1 -1
  240. package/dist/foundation/Show.d.ts +5 -0
  241. package/dist/foundation/Show.d.ts.map +1 -1
  242. package/dist/foundation/Show.js +5 -0
  243. package/dist/foundation/Show.js.map +1 -1
  244. package/dist/foundation/Spacer.d.ts +5 -0
  245. package/dist/foundation/Spacer.d.ts.map +1 -1
  246. package/dist/foundation/Spacer.js +5 -0
  247. package/dist/foundation/Spacer.js.map +1 -1
  248. package/dist/foundation/Stack.d.ts +5 -0
  249. package/dist/foundation/Stack.d.ts.map +1 -1
  250. package/dist/foundation/Stack.js +5 -0
  251. package/dist/foundation/Stack.js.map +1 -1
  252. package/dist/foundation/Surface.d.ts +5 -0
  253. package/dist/foundation/Surface.d.ts.map +1 -1
  254. package/dist/foundation/Surface.js +5 -0
  255. package/dist/foundation/Surface.js.map +1 -1
  256. package/dist/index.d.ts +1 -1
  257. package/dist/index.d.ts.map +1 -1
  258. package/dist/index.js.map +1 -1
  259. package/dist/layout/app-shell/AppShell.d.ts +12 -0
  260. package/dist/layout/app-shell/AppShell.d.ts.map +1 -1
  261. package/dist/layout/app-shell/AppShell.js +12 -0
  262. package/dist/layout/app-shell/AppShell.js.map +1 -1
  263. package/dist/layout/screen/Screen.d.ts +5 -0
  264. package/dist/layout/screen/Screen.d.ts.map +1 -1
  265. package/dist/layout/screen/Screen.js +5 -0
  266. package/dist/layout/screen/Screen.js.map +1 -1
  267. package/dist/layout/screen-section/ScreenSection.d.ts +5 -0
  268. package/dist/layout/screen-section/ScreenSection.d.ts.map +1 -1
  269. package/dist/layout/screen-section/ScreenSection.js +5 -0
  270. package/dist/layout/screen-section/ScreenSection.js.map +1 -1
  271. package/dist/layout/settings-layout/SettingsLayout.d.ts +5 -0
  272. package/dist/layout/settings-layout/SettingsLayout.d.ts.map +1 -1
  273. package/dist/layout/settings-layout/SettingsLayout.js +5 -0
  274. package/dist/layout/settings-layout/SettingsLayout.js.map +1 -1
  275. package/dist/layout/sidebar-layout/SidebarLayout.d.ts +5 -0
  276. package/dist/layout/sidebar-layout/SidebarLayout.d.ts.map +1 -1
  277. package/dist/layout/sidebar-layout/SidebarLayout.js +5 -0
  278. package/dist/layout/sidebar-layout/SidebarLayout.js.map +1 -1
  279. package/dist/layout/topbar-layout/TopbarLayout.d.ts +5 -0
  280. package/dist/layout/topbar-layout/TopbarLayout.d.ts.map +1 -1
  281. package/dist/layout/topbar-layout/TopbarLayout.js +5 -0
  282. package/dist/layout/topbar-layout/TopbarLayout.js.map +1 -1
  283. package/dist/patterns/auth/ForgotPasswordForm.d.ts +5 -0
  284. package/dist/patterns/auth/ForgotPasswordForm.d.ts.map +1 -1
  285. package/dist/patterns/auth/ForgotPasswordForm.js +5 -0
  286. package/dist/patterns/auth/ForgotPasswordForm.js.map +1 -1
  287. package/dist/patterns/auth/OtpForm.d.ts +5 -0
  288. package/dist/patterns/auth/OtpForm.d.ts.map +1 -1
  289. package/dist/patterns/auth/OtpForm.js +5 -0
  290. package/dist/patterns/auth/OtpForm.js.map +1 -1
  291. package/dist/patterns/auth/SignInForm.d.ts +5 -0
  292. package/dist/patterns/auth/SignInForm.d.ts.map +1 -1
  293. package/dist/patterns/auth/SignInForm.js +5 -0
  294. package/dist/patterns/auth/SignInForm.js.map +1 -1
  295. package/dist/patterns/auth/SignUpForm.d.ts +5 -0
  296. package/dist/patterns/auth/SignUpForm.d.ts.map +1 -1
  297. package/dist/patterns/auth/SignUpForm.js +5 -0
  298. package/dist/patterns/auth/SignUpForm.js.map +1 -1
  299. package/dist/patterns/chat-list-item/ChatListItem.d.ts +5 -0
  300. package/dist/patterns/chat-list-item/ChatListItem.d.ts.map +1 -1
  301. package/dist/patterns/chat-list-item/ChatListItem.js +5 -0
  302. package/dist/patterns/chat-list-item/ChatListItem.js.map +1 -1
  303. package/dist/patterns/collection-editor/CollectionEditor.d.ts +5 -0
  304. package/dist/patterns/collection-editor/CollectionEditor.d.ts.map +1 -1
  305. package/dist/patterns/collection-editor/CollectionEditor.js +5 -0
  306. package/dist/patterns/collection-editor/CollectionEditor.js.map +1 -1
  307. package/dist/patterns/confirm-dialog/ConfirmDialog.d.ts +5 -0
  308. package/dist/patterns/confirm-dialog/ConfirmDialog.d.ts.map +1 -1
  309. package/dist/patterns/confirm-dialog/ConfirmDialog.js +5 -0
  310. package/dist/patterns/confirm-dialog/ConfirmDialog.js.map +1 -1
  311. package/dist/patterns/disclosure-section/DisclosureSection.d.ts +5 -0
  312. package/dist/patterns/disclosure-section/DisclosureSection.d.ts.map +1 -1
  313. package/dist/patterns/disclosure-section/DisclosureSection.js +5 -0
  314. package/dist/patterns/disclosure-section/DisclosureSection.js.map +1 -1
  315. package/dist/patterns/empty-state/EmptyState.d.ts +12 -0
  316. package/dist/patterns/empty-state/EmptyState.d.ts.map +1 -1
  317. package/dist/patterns/empty-state/EmptyState.js +12 -0
  318. package/dist/patterns/empty-state/EmptyState.js.map +1 -1
  319. package/dist/patterns/filter-bar/FilterBar.d.ts +5 -0
  320. package/dist/patterns/filter-bar/FilterBar.d.ts.map +1 -1
  321. package/dist/patterns/filter-bar/FilterBar.js +5 -0
  322. package/dist/patterns/filter-bar/FilterBar.js.map +1 -1
  323. package/dist/patterns/hero/Hero.d.ts +5 -0
  324. package/dist/patterns/hero/Hero.d.ts.map +1 -1
  325. package/dist/patterns/hero/Hero.js +5 -0
  326. package/dist/patterns/hero/Hero.js.map +1 -1
  327. package/dist/patterns/image-preview/ImagePreview.d.ts +5 -0
  328. package/dist/patterns/image-preview/ImagePreview.d.ts.map +1 -1
  329. package/dist/patterns/image-preview/ImagePreview.js +5 -0
  330. package/dist/patterns/image-preview/ImagePreview.js.map +1 -1
  331. package/dist/patterns/image-upload-field/ImageUploadField.d.ts +5 -0
  332. package/dist/patterns/image-upload-field/ImageUploadField.d.ts.map +1 -1
  333. package/dist/patterns/image-upload-field/ImageUploadField.js +5 -0
  334. package/dist/patterns/image-upload-field/ImageUploadField.js.map +1 -1
  335. package/dist/patterns/inspector-field/InspectorField.d.ts +5 -0
  336. package/dist/patterns/inspector-field/InspectorField.d.ts.map +1 -1
  337. package/dist/patterns/inspector-field/InspectorField.js +5 -0
  338. package/dist/patterns/inspector-field/InspectorField.js.map +1 -1
  339. package/dist/patterns/list/List.d.ts +5 -0
  340. package/dist/patterns/list/List.d.ts.map +1 -1
  341. package/dist/patterns/list/List.js +5 -0
  342. package/dist/patterns/list/List.js.map +1 -1
  343. package/dist/patterns/list/ListRow.d.ts +5 -0
  344. package/dist/patterns/list/ListRow.d.ts.map +1 -1
  345. package/dist/patterns/list/ListRow.js +5 -0
  346. package/dist/patterns/list/ListRow.js.map +1 -1
  347. package/dist/patterns/list/ListSection.d.ts +5 -0
  348. package/dist/patterns/list/ListSection.d.ts.map +1 -1
  349. package/dist/patterns/list/ListSection.js +5 -0
  350. package/dist/patterns/list/ListSection.js.map +1 -1
  351. package/dist/patterns/message-bubble/MessageBubble.d.ts +5 -0
  352. package/dist/patterns/message-bubble/MessageBubble.d.ts.map +1 -1
  353. package/dist/patterns/message-bubble/MessageBubble.js +5 -0
  354. package/dist/patterns/message-bubble/MessageBubble.js.map +1 -1
  355. package/dist/patterns/notice/Notice.d.ts +5 -0
  356. package/dist/patterns/notice/Notice.d.ts.map +1 -1
  357. package/dist/patterns/notice/Notice.js +5 -0
  358. package/dist/patterns/notice/Notice.js.map +1 -1
  359. package/dist/patterns/panel/Panel.d.ts +5 -0
  360. package/dist/patterns/panel/Panel.d.ts.map +1 -1
  361. package/dist/patterns/panel/Panel.js +5 -0
  362. package/dist/patterns/panel/Panel.js.map +1 -1
  363. package/dist/patterns/post-card/PostCard.d.ts +5 -0
  364. package/dist/patterns/post-card/PostCard.d.ts.map +1 -1
  365. package/dist/patterns/post-card/PostCard.js +5 -0
  366. package/dist/patterns/post-card/PostCard.js.map +1 -1
  367. package/dist/patterns/responsive-panel/ResponsivePanel.d.ts +12 -0
  368. package/dist/patterns/responsive-panel/ResponsivePanel.d.ts.map +1 -1
  369. package/dist/patterns/responsive-panel/ResponsivePanel.js +12 -0
  370. package/dist/patterns/responsive-panel/ResponsivePanel.js.map +1 -1
  371. package/dist/patterns/section-header/SectionHeader.d.ts +5 -0
  372. package/dist/patterns/section-header/SectionHeader.d.ts.map +1 -1
  373. package/dist/patterns/section-header/SectionHeader.js +5 -0
  374. package/dist/patterns/section-header/SectionHeader.js.map +1 -1
  375. package/dist/patterns/selection/SelectableItem.d.ts +5 -0
  376. package/dist/patterns/selection/SelectableItem.d.ts.map +1 -1
  377. package/dist/patterns/selection/SelectableItem.js +5 -0
  378. package/dist/patterns/selection/SelectableItem.js.map +1 -1
  379. package/dist/patterns/selection/SelectionProvider.d.ts +10 -0
  380. package/dist/patterns/selection/SelectionProvider.d.ts.map +1 -1
  381. package/dist/patterns/selection/SelectionProvider.js +10 -0
  382. package/dist/patterns/selection/SelectionProvider.js.map +1 -1
  383. package/dist/patterns/settings-row/SettingsRow.d.ts +5 -0
  384. package/dist/patterns/settings-row/SettingsRow.d.ts.map +1 -1
  385. package/dist/patterns/settings-row/SettingsRow.js +5 -0
  386. package/dist/patterns/settings-row/SettingsRow.js.map +1 -1
  387. package/dist/patterns/switch-field/SwitchField.d.ts +5 -0
  388. package/dist/patterns/switch-field/SwitchField.d.ts.map +1 -1
  389. package/dist/patterns/switch-field/SwitchField.js +5 -0
  390. package/dist/patterns/switch-field/SwitchField.js.map +1 -1
  391. package/dist/patterns/theme-composer/ThemeComposer.d.ts +5 -0
  392. package/dist/patterns/theme-composer/ThemeComposer.d.ts.map +1 -1
  393. package/dist/patterns/theme-composer/ThemeComposer.js +5 -0
  394. package/dist/patterns/theme-composer/ThemeComposer.js.map +1 -1
  395. package/dist/patterns/tile-grid/PaletteItem.d.ts +5 -0
  396. package/dist/patterns/tile-grid/PaletteItem.d.ts.map +1 -1
  397. package/dist/patterns/tile-grid/PaletteItem.js +5 -0
  398. package/dist/patterns/tile-grid/PaletteItem.js.map +1 -1
  399. package/dist/patterns/tile-grid/TileGrid.d.ts +5 -0
  400. package/dist/patterns/tile-grid/TileGrid.d.ts.map +1 -1
  401. package/dist/patterns/tile-grid/TileGrid.js +5 -0
  402. package/dist/patterns/tile-grid/TileGrid.js.map +1 -1
  403. package/dist/patterns/timeline/Timeline.d.ts +5 -0
  404. package/dist/patterns/timeline/Timeline.d.ts.map +1 -1
  405. package/dist/patterns/timeline/Timeline.js +5 -0
  406. package/dist/patterns/timeline/Timeline.js.map +1 -1
  407. package/dist/patterns/tree-view/TreeItem.d.ts +5 -0
  408. package/dist/patterns/tree-view/TreeItem.d.ts.map +1 -1
  409. package/dist/patterns/tree-view/TreeItem.js +5 -0
  410. package/dist/patterns/tree-view/TreeItem.js.map +1 -1
  411. package/dist/patterns/tree-view/TreeView.d.ts +5 -0
  412. package/dist/patterns/tree-view/TreeView.d.ts.map +1 -1
  413. package/dist/patterns/tree-view/TreeView.js +5 -0
  414. package/dist/patterns/tree-view/TreeView.js.map +1 -1
  415. package/dist/patterns/zora-drawer-content/ZoraDrawerContent.d.ts +5 -0
  416. package/dist/patterns/zora-drawer-content/ZoraDrawerContent.d.ts.map +1 -1
  417. package/dist/patterns/zora-drawer-content/ZoraDrawerContent.js +5 -0
  418. package/dist/patterns/zora-drawer-content/ZoraDrawerContent.js.map +1 -1
  419. package/dist/patterns/zora-tab-bar/ZoraTabBar.d.ts +5 -0
  420. package/dist/patterns/zora-tab-bar/ZoraTabBar.d.ts.map +1 -1
  421. package/dist/patterns/zora-tab-bar/ZoraTabBar.js +5 -0
  422. package/dist/patterns/zora-tab-bar/ZoraTabBar.js.map +1 -1
  423. package/dist/theme/ZoraProvider.d.ts +12 -0
  424. package/dist/theme/ZoraProvider.d.ts.map +1 -1
  425. package/dist/theme/ZoraProvider.js +12 -0
  426. package/dist/theme/ZoraProvider.js.map +1 -1
  427. package/package.json +1 -1
  428. package/src/components/action-sheet/ActionSheet.tsx +5 -0
  429. package/src/components/action-sheet/ActionSheetItem.tsx +5 -0
  430. package/src/components/app-bar/AppBar.tsx +5 -0
  431. package/src/components/avatar/Avatar.tsx +5 -0
  432. package/src/components/avatar-group/AvatarGroup.tsx +5 -0
  433. package/src/components/badge/Badge.tsx +5 -0
  434. package/src/components/breadcrumbs/Breadcrumbs.tsx +5 -0
  435. package/src/components/button/Button.tsx +12 -0
  436. package/src/components/button-group/ButtonGroup.tsx +5 -0
  437. package/src/components/card/Card.tsx +12 -0
  438. package/src/components/checkbox/Checkbox.tsx +5 -0
  439. package/src/components/checkbox/CheckboxGroup.tsx +5 -0
  440. package/src/components/chip/Chip.tsx +5 -0
  441. package/src/components/chip-group/ChipGroup.tsx +5 -0
  442. package/src/components/data-table/DataTable.tsx +5 -0
  443. package/src/components/date-picker/DatePicker.tsx +5 -0
  444. package/src/components/drawer/Drawer.tsx +5 -0
  445. package/src/components/form/Form.tsx +5 -0
  446. package/src/components/form/FormActions.tsx +5 -0
  447. package/src/components/form/FormError.tsx +5 -0
  448. package/src/components/form/FormField.tsx +5 -0
  449. package/src/components/form/index.ts +0 -1
  450. package/src/components/form/useFormController.ts +3 -2
  451. package/src/components/heading/Heading.tsx +12 -0
  452. package/src/components/icon/Icon.tsx +5 -0
  453. package/src/components/icon-button/IconButton.tsx +5 -0
  454. package/src/components/image/Image.tsx +5 -0
  455. package/src/components/input/Input.tsx +12 -0
  456. package/src/components/media-card/MediaCard.tsx +5 -0
  457. package/src/components/menu/DropdownMenu.tsx +5 -0
  458. package/src/components/menu/Menu.tsx +5 -0
  459. package/src/components/metric-card/MetricCard.tsx +5 -0
  460. package/src/components/modal/Modal.tsx +5 -0
  461. package/src/components/navigation-item/NavigationItem.tsx +5 -0
  462. package/src/components/navigation-list/NavigationList.tsx +5 -0
  463. package/src/components/pagination/Pagination.tsx +5 -0
  464. package/src/components/progress/Progress.tsx +5 -0
  465. package/src/components/radio/Radio.tsx +5 -0
  466. package/src/components/radio/RadioGroup.tsx +5 -0
  467. package/src/components/rating/Rating.tsx +5 -0
  468. package/src/components/search-bar/SearchBar.tsx +5 -0
  469. package/src/components/select/Select.tsx +5 -0
  470. package/src/components/skeleton/Skeleton.tsx +5 -0
  471. package/src/components/skeleton/SkeletonCard.tsx +5 -0
  472. package/src/components/skeleton/SkeletonList.tsx +5 -0
  473. package/src/components/skeleton/SkeletonText.tsx +5 -0
  474. package/src/components/tabs/Tabs.tsx +5 -0
  475. package/src/components/text/Text.tsx +12 -0
  476. package/src/components/textarea/Textarea.tsx +5 -0
  477. package/src/components/time-picker/TimePicker.tsx +5 -0
  478. package/src/components/toast/Toast.tsx +5 -0
  479. package/src/components/toast/ToastProvider.tsx +5 -0
  480. package/src/components/toolbar/Toolbar.tsx +5 -0
  481. package/src/components/toolbar/ToolbarAction.tsx +5 -0
  482. package/src/foundation/Box.tsx +5 -0
  483. package/src/foundation/Center.tsx +5 -0
  484. package/src/foundation/Container.tsx +5 -0
  485. package/src/foundation/Divider.tsx +5 -0
  486. package/src/foundation/Grid.tsx +5 -0
  487. package/src/foundation/Inline.tsx +5 -0
  488. package/src/foundation/Show.tsx +5 -0
  489. package/src/foundation/Spacer.tsx +5 -0
  490. package/src/foundation/Stack.tsx +5 -0
  491. package/src/foundation/Surface.tsx +5 -0
  492. package/src/index.ts +0 -1
  493. package/src/layout/app-shell/AppShell.tsx +12 -0
  494. package/src/layout/screen/Screen.tsx +5 -0
  495. package/src/layout/screen-section/ScreenSection.tsx +5 -0
  496. package/src/layout/settings-layout/SettingsLayout.tsx +5 -0
  497. package/src/layout/sidebar-layout/SidebarLayout.tsx +5 -0
  498. package/src/layout/topbar-layout/TopbarLayout.tsx +5 -0
  499. package/src/patterns/auth/ForgotPasswordForm.tsx +5 -0
  500. package/src/patterns/auth/OtpForm.tsx +5 -0
  501. package/src/patterns/auth/SignInForm.tsx +5 -0
  502. package/src/patterns/auth/SignUpForm.tsx +5 -0
  503. package/src/patterns/chat-list-item/ChatListItem.tsx +5 -0
  504. package/src/patterns/collection-editor/CollectionEditor.tsx +5 -0
  505. package/src/patterns/confirm-dialog/ConfirmDialog.tsx +5 -0
  506. package/src/patterns/disclosure-section/DisclosureSection.tsx +5 -0
  507. package/src/patterns/empty-state/EmptyState.tsx +12 -0
  508. package/src/patterns/filter-bar/FilterBar.tsx +5 -0
  509. package/src/patterns/hero/Hero.tsx +5 -0
  510. package/src/patterns/image-preview/ImagePreview.tsx +5 -0
  511. package/src/patterns/image-upload-field/ImageUploadField.tsx +5 -0
  512. package/src/patterns/inspector-field/InspectorField.tsx +5 -0
  513. package/src/patterns/list/List.tsx +5 -0
  514. package/src/patterns/list/ListRow.tsx +5 -0
  515. package/src/patterns/list/ListSection.tsx +5 -0
  516. package/src/patterns/message-bubble/MessageBubble.tsx +5 -0
  517. package/src/patterns/notice/Notice.tsx +5 -0
  518. package/src/patterns/panel/Panel.tsx +5 -0
  519. package/src/patterns/post-card/PostCard.tsx +5 -0
  520. package/src/patterns/responsive-panel/ResponsivePanel.tsx +12 -0
  521. package/src/patterns/section-header/SectionHeader.tsx +5 -0
  522. package/src/patterns/selection/SelectableItem.tsx +5 -0
  523. package/src/patterns/selection/SelectionProvider.tsx +10 -0
  524. package/src/patterns/settings-row/SettingsRow.tsx +5 -0
  525. package/src/patterns/switch-field/SwitchField.tsx +5 -0
  526. package/src/patterns/theme-composer/ThemeComposer.tsx +5 -0
  527. package/src/patterns/tile-grid/PaletteItem.tsx +5 -0
  528. package/src/patterns/tile-grid/TileGrid.tsx +5 -0
  529. package/src/patterns/timeline/Timeline.tsx +5 -0
  530. package/src/patterns/tree-view/TreeItem.tsx +5 -0
  531. package/src/patterns/tree-view/TreeView.tsx +5 -0
  532. package/src/patterns/zora-drawer-content/ZoraDrawerContent.tsx +5 -0
  533. package/src/patterns/zora-tab-bar/ZoraTabBar.tsx +5 -0
  534. package/src/theme/ZoraProvider.tsx +12 -0
@@ -1,4 +1,9 @@
1
1
  import React from 'react';
2
2
  import type { ActionSheetProps } from './types';
3
+ /***
4
+ * Presents a modal bottom sheet with a list of actions.
5
+ *
6
+ * @readme
7
+ */
3
8
  export declare const ActionSheet: (props: ActionSheetProps) => React.ReactElement | null;
4
9
  //# sourceMappingURL=ActionSheet.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"ActionSheet.d.ts","sourceRoot":"","sources":["../../../src/components/action-sheet/ActionSheet.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAMhD,eAAO,MAAM,WAAW,wDAAuC,CAAC"}
1
+ {"version":3,"file":"ActionSheet.d.ts","sourceRoot":"","sources":["../../../src/components/action-sheet/ActionSheet.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAMhD;;;;GAIG;AACH,eAAO,MAAM,WAAW,wDAAuC,CAAC"}
@@ -4,5 +4,10 @@ import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
4
4
  function ActionSheetInner({ mode: _mode, themeId: _themeId, ...props }) {
5
5
  return <SurfaceActionSheet {...props}/>;
6
6
  }
7
+ /***
8
+ * Presents a modal bottom sheet with a list of actions.
9
+ *
10
+ * @readme
11
+ */
7
12
  export const ActionSheet = withZoraThemeScope(ActionSheetInner);
8
13
  //# sourceMappingURL=ActionSheet.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"ActionSheet.js","sourceRoot":"","sources":["../../../src/components/action-sheet/ActionSheet.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,IAAI,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AACvE,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAGpE,SAAS,gBAAgB,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAoB;IACtF,OAAO,CAAC,kBAAkB,CAAC,IAAI,KAAK,CAAC,EAAG,CAAC;AAC3C,CAAC;AAED,MAAM,CAAC,MAAM,WAAW,GAAG,kBAAkB,CAAC,gBAAgB,CAAC,CAAC","sourcesContent":["import { ActionSheet as SurfaceActionSheet } from '@ankhorage/surface';\nimport React from 'react';\n\nimport { withZoraThemeScope } from '../../theme/withZoraThemeScope';\nimport type { ActionSheetProps } from './types';\n\nfunction ActionSheetInner({ mode: _mode, themeId: _themeId, ...props }: ActionSheetProps) {\n return <SurfaceActionSheet {...props} />;\n}\n\nexport const ActionSheet = withZoraThemeScope(ActionSheetInner);\n"]}
1
+ {"version":3,"file":"ActionSheet.js","sourceRoot":"","sources":["../../../src/components/action-sheet/ActionSheet.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,IAAI,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AACvE,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAGpE,SAAS,gBAAgB,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAoB;IACtF,OAAO,CAAC,kBAAkB,CAAC,IAAI,KAAK,CAAC,EAAG,CAAC;AAC3C,CAAC;AAED;;;;GAIG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,kBAAkB,CAAC,gBAAgB,CAAC,CAAC","sourcesContent":["import { ActionSheet as SurfaceActionSheet } from '@ankhorage/surface';\nimport React from 'react';\n\nimport { withZoraThemeScope } from '../../theme/withZoraThemeScope';\nimport type { ActionSheetProps } from './types';\n\nfunction ActionSheetInner({ mode: _mode, themeId: _themeId, ...props }: ActionSheetProps) {\n return <SurfaceActionSheet {...props} />;\n}\n\n/***\n * Presents a modal bottom sheet with a list of actions.\n *\n * @readme\n */\nexport const ActionSheet = withZoraThemeScope(ActionSheetInner);\n"]}
@@ -1,4 +1,9 @@
1
1
  import React from 'react';
2
2
  import type { ActionSheetItemProps } from './types';
3
+ /***
4
+ * Renders a single selectable action row within an `ActionSheet`.
5
+ *
6
+ * @readme
7
+ */
3
8
  export declare const ActionSheetItem: (props: ActionSheetItemProps) => React.ReactElement | null;
4
9
  //# sourceMappingURL=ActionSheetItem.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"ActionSheetItem.d.ts","sourceRoot":"","sources":["../../../src/components/action-sheet/ActionSheetItem.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAwBpD,eAAO,MAAM,eAAe,4DAA2C,CAAC"}
1
+ {"version":3,"file":"ActionSheetItem.d.ts","sourceRoot":"","sources":["../../../src/components/action-sheet/ActionSheetItem.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAwBpD;;;;GAIG;AACH,eAAO,MAAM,eAAe,4DAA2C,CAAC"}
@@ -10,5 +10,10 @@ function ActionSheetItemInner({ themeId: _themeId, mode: _mode, icon, leading, .
10
10
  (icon ? (<Icon color={theme.semantics.content.muted} name={icon.name} provider={icon.provider} size={resolveIconSize('s')}/>) : undefined);
11
11
  return <SurfaceActionSheetItem {...props} leading={resolvedLeading}/>;
12
12
  }
13
+ /***
14
+ * Renders a single selectable action row within an `ActionSheet`.
15
+ *
16
+ * @readme
17
+ */
13
18
  export const ActionSheetItem = withZoraThemeScope(ActionSheetItemInner);
14
19
  //# sourceMappingURL=ActionSheetItem.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"ActionSheetItem.js","sourceRoot":"","sources":["../../../src/components/action-sheet/ActionSheetItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,IAAI,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAC/E,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACxD,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AACpE,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAG/B,SAAS,oBAAoB,CAAC,EAC5B,OAAO,EAAE,QAAQ,EACjB,IAAI,EAAE,KAAK,EACX,IAAI,EACJ,OAAO,EACP,GAAG,KAAK,EACa;IACrB,MAAM,EAAE,KAAK,EAAE,GAAG,YAAY,EAAE,CAAC;IACjC,MAAM,eAAe,GACnB,OAAO;QACP,CAAC,IAAI,CAAC,CAAC,CAAC,CACN,CAAC,IAAI,CACH,KAAK,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,KAAK,CAAC,CACrC,IAAI,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAChB,QAAQ,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CACxB,IAAI,CAAC,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC,EAC3B,CACH,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;IAEjB,OAAO,CAAC,sBAAsB,CAAC,IAAI,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC,eAAe,CAAC,EAAG,CAAC;AACzE,CAAC;AAED,MAAM,CAAC,MAAM,eAAe,GAAG,kBAAkB,CAAC,oBAAoB,CAAC,CAAC","sourcesContent":["import { ActionSheetItem as SurfaceActionSheetItem } from '@ankhorage/surface';\nimport React from 'react';\n\nimport { resolveIconSize } from '../../internal/recipes';\nimport { useZoraTheme } from '../../theme/useZoraTheme';\nimport { withZoraThemeScope } from '../../theme/withZoraThemeScope';\nimport { Icon } from '../icon';\nimport type { ActionSheetItemProps } from './types';\n\nfunction ActionSheetItemInner({\n themeId: _themeId,\n mode: _mode,\n icon,\n leading,\n ...props\n}: ActionSheetItemProps) {\n const { theme } = useZoraTheme();\n const resolvedLeading =\n leading ??\n (icon ? (\n <Icon\n color={theme.semantics.content.muted}\n name={icon.name}\n provider={icon.provider}\n size={resolveIconSize('s')}\n />\n ) : undefined);\n\n return <SurfaceActionSheetItem {...props} leading={resolvedLeading} />;\n}\n\nexport const ActionSheetItem = withZoraThemeScope(ActionSheetItemInner);\n"]}
1
+ {"version":3,"file":"ActionSheetItem.js","sourceRoot":"","sources":["../../../src/components/action-sheet/ActionSheetItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,IAAI,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAC/E,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACxD,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AACpE,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAG/B,SAAS,oBAAoB,CAAC,EAC5B,OAAO,EAAE,QAAQ,EACjB,IAAI,EAAE,KAAK,EACX,IAAI,EACJ,OAAO,EACP,GAAG,KAAK,EACa;IACrB,MAAM,EAAE,KAAK,EAAE,GAAG,YAAY,EAAE,CAAC;IACjC,MAAM,eAAe,GACnB,OAAO;QACP,CAAC,IAAI,CAAC,CAAC,CAAC,CACN,CAAC,IAAI,CACH,KAAK,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,KAAK,CAAC,CACrC,IAAI,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAChB,QAAQ,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CACxB,IAAI,CAAC,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC,EAC3B,CACH,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;IAEjB,OAAO,CAAC,sBAAsB,CAAC,IAAI,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC,eAAe,CAAC,EAAG,CAAC;AACzE,CAAC;AAED;;;;GAIG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,kBAAkB,CAAC,oBAAoB,CAAC,CAAC","sourcesContent":["import { ActionSheetItem as SurfaceActionSheetItem } from '@ankhorage/surface';\nimport React from 'react';\n\nimport { resolveIconSize } from '../../internal/recipes';\nimport { useZoraTheme } from '../../theme/useZoraTheme';\nimport { withZoraThemeScope } from '../../theme/withZoraThemeScope';\nimport { Icon } from '../icon';\nimport type { ActionSheetItemProps } from './types';\n\nfunction ActionSheetItemInner({\n themeId: _themeId,\n mode: _mode,\n icon,\n leading,\n ...props\n}: ActionSheetItemProps) {\n const { theme } = useZoraTheme();\n const resolvedLeading =\n leading ??\n (icon ? (\n <Icon\n color={theme.semantics.content.muted}\n name={icon.name}\n provider={icon.provider}\n size={resolveIconSize('s')}\n />\n ) : undefined);\n\n return <SurfaceActionSheetItem {...props} leading={resolvedLeading} />;\n}\n\n/***\n * Renders a single selectable action row within an `ActionSheet`.\n *\n * @readme\n */\nexport const ActionSheetItem = withZoraThemeScope(ActionSheetItemInner);\n"]}
@@ -1,4 +1,9 @@
1
1
  import React from 'react';
2
2
  import type { AppBarProps } from './types';
3
+ /***
4
+ * Renders a top app bar with title/subtitle and optional leading/trailing actions.
5
+ *
6
+ * @readme
7
+ */
3
8
  export declare const AppBar: (props: AppBarProps) => React.ReactElement | null;
4
9
  //# sourceMappingURL=AppBar.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"AppBar.d.ts","sourceRoot":"","sources":["../../../src/components/app-bar/AppBar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,OAAO,KAAK,EAAoC,WAAW,EAAE,MAAM,SAAS,CAAC;AA2H7E,eAAO,MAAM,MAAM,mDAAkC,CAAC"}
1
+ {"version":3,"file":"AppBar.d.ts","sourceRoot":"","sources":["../../../src/components/app-bar/AppBar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,OAAO,KAAK,EAAoC,WAAW,EAAE,MAAM,SAAS,CAAC;AA2H7E;;;;GAIG;AACH,eAAO,MAAM,MAAM,mDAAkC,CAAC"}
@@ -59,5 +59,10 @@ function AppBarInner({ themeId: _themeId, mode: _mode, title, subtitle, leading,
59
59
  {resolvedCenter ? <Box style={{ minWidth: 0 }}>{resolvedCenter}</Box> : null}
60
60
  </SurfaceAppBar>);
61
61
  }
62
+ /***
63
+ * Renders a top app bar with title/subtitle and optional leading/trailing actions.
64
+ *
65
+ * @readme
66
+ */
62
67
  export const AppBar = withZoraThemeScope(AppBarInner);
63
68
  //# sourceMappingURL=AppBar.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"AppBar.js","sourceRoot":"","sources":["../../../src/components/app-bar/AppBar.tsx"],"names":[],"mappings":"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","sourcesContent":["import { AppBar as SurfaceAppBar } from '@ankhorage/surface';\nimport React from 'react';\n\nimport { Box, Inline, Stack } from '../../foundation';\nimport { useZoraTheme } from '../../theme/useZoraTheme';\nimport { withZoraThemeScope } from '../../theme/withZoraThemeScope';\nimport { Heading } from '../heading';\nimport { IconButton } from '../icon-button';\nimport { Text } from '../text';\nimport type { AppBarMode, AppBarOverflowAction, AppBarProps } from './types';\n\nconst DEFAULT_CANCEL_ICON = { name: 'close-outline' };\nconst DEFAULT_OVERFLOW_ICON = { name: 'ellipsis-vertical' };\n\nfunction resolveMode(mode: AppBarMode | undefined): AppBarMode {\n return mode ?? { type: 'default' };\n}\n\nfunction resolveSelectionLabel({ count, label }: { count?: number; label: string }): string {\n if (count === undefined) {\n return label;\n }\n\n return `${label} (${count})`;\n}\n\nfunction resolveOverflowLabel(overflow: AppBarOverflowAction): string {\n return overflow.label ?? 'More options';\n}\n\nfunction resolveCancelLabel(mode: Extract<AppBarMode, { type: 'selection' }>): string {\n return mode.cancelLabel ?? 'Cancel selection';\n}\n\nfunction AppBarInner({\n themeId: _themeId,\n mode: _mode,\n title,\n subtitle,\n leading,\n actions,\n overflow,\n appMode,\n children,\n safeAreaTop = true,\n divider = true,\n testID,\n}: AppBarProps) {\n const { theme } = useZoraTheme();\n const resolvedMode = resolveMode(appMode);\n const isSelectionMode = resolvedMode.type === 'selection';\n\n const resolvedLeading =\n leading ??\n (isSelectionMode ? (\n <IconButton\n icon={resolvedMode.cancelIcon ?? DEFAULT_CANCEL_ICON}\n label={resolveCancelLabel(resolvedMode)}\n variant=\"ghost\"\n size=\"m\"\n color=\"neutral\"\n onPress={resolvedMode.onCancel}\n />\n ) : undefined);\n\n const overflowButton = overflow?.onPress ? (\n <IconButton\n disabled={overflow.disabled}\n icon={overflow.icon ?? DEFAULT_OVERFLOW_ICON}\n label={resolveOverflowLabel(overflow)}\n variant=\"ghost\"\n size=\"m\"\n color=\"neutral\"\n onPress={overflow.onPress}\n />\n ) : null;\n\n const resolvedTrailing =\n actions || overflowButton ? (\n <Inline align=\"center\" gap=\"s\" wrap=\"nowrap\">\n {actions}\n {overflowButton}\n </Inline>\n ) : undefined;\n\n const resolvedCenter = (() => {\n if (children !== undefined) {\n return children;\n }\n\n if (isSelectionMode) {\n return (\n <Text numberOfLines={1} emphasis=\"default\" variant=\"label\" weight=\"semiBold\">\n {resolveSelectionLabel(resolvedMode)}\n </Text>\n );\n }\n\n if (title == null && subtitle == null) {\n return null;\n }\n\n return (\n <Stack gap=\"xs\">\n {title != null ? (\n <Heading ellipsizeMode=\"tail\" level={3} numberOfLines={1} size=\"h5\">\n {title}\n </Heading>\n ) : null}\n {subtitle != null ? (\n <Text ellipsizeMode=\"tail\" numberOfLines={1} emphasis=\"muted\" variant=\"bodySmall\">\n {subtitle}\n </Text>\n ) : null}\n </Stack>\n );\n })();\n\n return (\n <SurfaceAppBar\n bg={isSelectionMode ? theme.semantics.action.primary.softBg : undefined}\n divider={divider}\n leading={resolvedLeading}\n safeAreaTop={safeAreaTop}\n testID={testID}\n trailing={resolvedTrailing}\n >\n {resolvedCenter ? <Box style={{ minWidth: 0 }}>{resolvedCenter}</Box> : null}\n </SurfaceAppBar>\n );\n}\n\nexport const AppBar = withZoraThemeScope(AppBarInner);\n"]}
1
+ {"version":3,"file":"AppBar.js","sourceRoot":"","sources":["../../../src/components/app-bar/AppBar.tsx"],"names":[],"mappings":"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","sourcesContent":["import { AppBar as SurfaceAppBar } from '@ankhorage/surface';\nimport React from 'react';\n\nimport { Box, Inline, Stack } from '../../foundation';\nimport { useZoraTheme } from '../../theme/useZoraTheme';\nimport { withZoraThemeScope } from '../../theme/withZoraThemeScope';\nimport { Heading } from '../heading';\nimport { IconButton } from '../icon-button';\nimport { Text } from '../text';\nimport type { AppBarMode, AppBarOverflowAction, AppBarProps } from './types';\n\nconst DEFAULT_CANCEL_ICON = { name: 'close-outline' };\nconst DEFAULT_OVERFLOW_ICON = { name: 'ellipsis-vertical' };\n\nfunction resolveMode(mode: AppBarMode | undefined): AppBarMode {\n return mode ?? { type: 'default' };\n}\n\nfunction resolveSelectionLabel({ count, label }: { count?: number; label: string }): string {\n if (count === undefined) {\n return label;\n }\n\n return `${label} (${count})`;\n}\n\nfunction resolveOverflowLabel(overflow: AppBarOverflowAction): string {\n return overflow.label ?? 'More options';\n}\n\nfunction resolveCancelLabel(mode: Extract<AppBarMode, { type: 'selection' }>): string {\n return mode.cancelLabel ?? 'Cancel selection';\n}\n\nfunction AppBarInner({\n themeId: _themeId,\n mode: _mode,\n title,\n subtitle,\n leading,\n actions,\n overflow,\n appMode,\n children,\n safeAreaTop = true,\n divider = true,\n testID,\n}: AppBarProps) {\n const { theme } = useZoraTheme();\n const resolvedMode = resolveMode(appMode);\n const isSelectionMode = resolvedMode.type === 'selection';\n\n const resolvedLeading =\n leading ??\n (isSelectionMode ? (\n <IconButton\n icon={resolvedMode.cancelIcon ?? DEFAULT_CANCEL_ICON}\n label={resolveCancelLabel(resolvedMode)}\n variant=\"ghost\"\n size=\"m\"\n color=\"neutral\"\n onPress={resolvedMode.onCancel}\n />\n ) : undefined);\n\n const overflowButton = overflow?.onPress ? (\n <IconButton\n disabled={overflow.disabled}\n icon={overflow.icon ?? DEFAULT_OVERFLOW_ICON}\n label={resolveOverflowLabel(overflow)}\n variant=\"ghost\"\n size=\"m\"\n color=\"neutral\"\n onPress={overflow.onPress}\n />\n ) : null;\n\n const resolvedTrailing =\n actions || overflowButton ? (\n <Inline align=\"center\" gap=\"s\" wrap=\"nowrap\">\n {actions}\n {overflowButton}\n </Inline>\n ) : undefined;\n\n const resolvedCenter = (() => {\n if (children !== undefined) {\n return children;\n }\n\n if (isSelectionMode) {\n return (\n <Text numberOfLines={1} emphasis=\"default\" variant=\"label\" weight=\"semiBold\">\n {resolveSelectionLabel(resolvedMode)}\n </Text>\n );\n }\n\n if (title == null && subtitle == null) {\n return null;\n }\n\n return (\n <Stack gap=\"xs\">\n {title != null ? (\n <Heading ellipsizeMode=\"tail\" level={3} numberOfLines={1} size=\"h5\">\n {title}\n </Heading>\n ) : null}\n {subtitle != null ? (\n <Text ellipsizeMode=\"tail\" numberOfLines={1} emphasis=\"muted\" variant=\"bodySmall\">\n {subtitle}\n </Text>\n ) : null}\n </Stack>\n );\n })();\n\n return (\n <SurfaceAppBar\n bg={isSelectionMode ? theme.semantics.action.primary.softBg : undefined}\n divider={divider}\n leading={resolvedLeading}\n safeAreaTop={safeAreaTop}\n testID={testID}\n trailing={resolvedTrailing}\n >\n {resolvedCenter ? <Box style={{ minWidth: 0 }}>{resolvedCenter}</Box> : null}\n </SurfaceAppBar>\n );\n}\n\n/***\n * Renders a top app bar with title/subtitle and optional leading/trailing actions.\n *\n * @readme\n */\nexport const AppBar = withZoraThemeScope(AppBarInner);\n"]}
@@ -1,4 +1,9 @@
1
1
  import React from 'react';
2
2
  import type { AvatarProps } from './types';
3
+ /***
4
+ * Displays a user or entity avatar with image support and initials fallback.
5
+ *
6
+ * @readme
7
+ */
3
8
  export declare const Avatar: (props: AvatarProps) => React.ReactElement | null;
4
9
  //# sourceMappingURL=Avatar.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../src/components/avatar/Avatar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,OAAO,KAAK,EAAE,WAAW,EAA2B,MAAM,SAAS,CAAC;AAmIpE,eAAO,MAAM,MAAM,mDAAkC,CAAC"}
1
+ {"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../src/components/avatar/Avatar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,OAAO,KAAK,EAAE,WAAW,EAA2B,MAAM,SAAS,CAAC;AAmIpE;;;;GAIG;AACH,eAAO,MAAM,MAAM,mDAAkC,CAAC"}
@@ -86,5 +86,10 @@ function AvatarInner({ themeId: _themeId, mode: _mode, testID, source, name, ini
86
86
  {source ? (<Image accessibilityLabel={label} source={source} style={{ height: '100%', width: '100%' }}/>) : (renderFallback())}
87
87
  </Box>);
88
88
  }
89
+ /***
90
+ * Displays a user or entity avatar with image support and initials fallback.
91
+ *
92
+ * @readme
93
+ */
89
94
  export const Avatar = withZoraThemeScope(AvatarInner);
90
95
  //# sourceMappingURL=Avatar.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Avatar.js","sourceRoot":"","sources":["../../../src/components/avatar/Avatar.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { RoleSemantics, SurfaceTheme } from '@ankhorage/surface';\nimport React from 'react';\nimport { Image } from 'react-native';\n\nimport { Box } from '../../foundation';\nimport type { ZoraColor } from '../../internal/recipes';\nimport { useZoraTheme } from '../../theme/useZoraTheme';\nimport { withZoraThemeScope } from '../../theme/withZoraThemeScope';\nimport { Icon } from '../icon';\nimport { Text, type TextVariant } from '../text';\nimport { resolveAvatarInitials } from './resolveAvatarInitials';\nimport type { AvatarProps, AvatarShape, AvatarSize } from './types';\n\nconst AVATAR_SIZES: Record<AvatarSize, number> = {\n xs: 24,\n s: 32,\n m: 40,\n l: 48,\n xl: 64,\n};\n\nfunction resolveRoleSemantics(theme: SurfaceTheme, color: ZoraColor): RoleSemantics {\n switch (color) {\n case 'secondary':\n return theme.semantics.secondary;\n case 'tertiary':\n return theme.semantics.accent;\n case 'quaternary':\n return theme.semantics.highlight;\n case 'primary':\n return theme.semantics.action.primary;\n case 'error':\n return theme.semantics.error;\n case 'info':\n return theme.semantics.info;\n case 'danger':\n return theme.semantics.action.danger;\n case 'success':\n return theme.semantics.success;\n case 'warning':\n return theme.semantics.warning;\n case 'neutral':\n default:\n return theme.semantics.action.neutral;\n }\n}\n\nfunction resolveTextColor(color: ZoraColor): ZoraColor | undefined {\n return color === 'neutral' ? undefined : color;\n}\n\nfunction resolveTextVariant(size: AvatarSize): TextVariant {\n switch (size) {\n case 'xs':\n case 's':\n return 'caption';\n case 'l':\n return 'bodySmall';\n case 'xl':\n return 'lead';\n case 'm':\n default:\n return 'label';\n }\n}\n\nfunction resolveRadius(shape: AvatarShape): 'full' | 'l' {\n return shape === 'circle' ? 'full' : 'l';\n}\n\nfunction AvatarInner({\n themeId: _themeId,\n mode: _mode,\n testID,\n source,\n name,\n initials,\n iconFallback,\n label,\n size = 'm',\n shape = 'circle',\n color = 'neutral',\n}: AvatarProps) {\n const { theme } = useZoraTheme();\n const resolvedSize = AVATAR_SIZES[size];\n const resolvedInitials = initials ?? resolveAvatarInitials(name);\n const role = resolveRoleSemantics(theme, color);\n const backgroundColor = color === 'neutral' ? theme.semantics.neutral.surface : role.softBg;\n const contentColor = color === 'neutral' ? theme.semantics.content.default : role.base;\n const radius = resolveRadius(shape);\n\n const renderFallback = () => {\n if (resolvedInitials) {\n return (\n <Text color={resolveTextColor(color)} variant={resolveTextVariant(size)} weight=\"semiBold\">\n {resolvedInitials}\n </Text>\n );\n }\n\n if (iconFallback) {\n const iconSize = Math.max(16, Math.round(resolvedSize * 0.48));\n return (\n <Icon\n color={contentColor}\n name={iconFallback.name}\n provider={iconFallback.provider}\n size={iconSize}\n />\n );\n }\n\n return null;\n };\n\n return (\n <Box\n accessibilityLabel={label}\n bg={backgroundColor}\n height={resolvedSize}\n radius={radius}\n testID={testID}\n width={resolvedSize}\n style={{\n alignItems: 'center',\n justifyContent: 'center',\n overflow: 'hidden',\n }}\n >\n {source ? (\n <Image\n accessibilityLabel={label}\n source={source}\n style={{ height: '100%', width: '100%' }}\n />\n ) : (\n renderFallback()\n )}\n </Box>\n );\n}\n\nexport const Avatar = withZoraThemeScope(AvatarInner);\n"]}
1
+ {"version":3,"file":"Avatar.js","sourceRoot":"","sources":["../../../src/components/avatar/Avatar.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { RoleSemantics, SurfaceTheme } from '@ankhorage/surface';\nimport React from 'react';\nimport { Image } from 'react-native';\n\nimport { Box } from '../../foundation';\nimport type { ZoraColor } from '../../internal/recipes';\nimport { useZoraTheme } from '../../theme/useZoraTheme';\nimport { withZoraThemeScope } from '../../theme/withZoraThemeScope';\nimport { Icon } from '../icon';\nimport { Text, type TextVariant } from '../text';\nimport { resolveAvatarInitials } from './resolveAvatarInitials';\nimport type { AvatarProps, AvatarShape, AvatarSize } from './types';\n\nconst AVATAR_SIZES: Record<AvatarSize, number> = {\n xs: 24,\n s: 32,\n m: 40,\n l: 48,\n xl: 64,\n};\n\nfunction resolveRoleSemantics(theme: SurfaceTheme, color: ZoraColor): RoleSemantics {\n switch (color) {\n case 'secondary':\n return theme.semantics.secondary;\n case 'tertiary':\n return theme.semantics.accent;\n case 'quaternary':\n return theme.semantics.highlight;\n case 'primary':\n return theme.semantics.action.primary;\n case 'error':\n return theme.semantics.error;\n case 'info':\n return theme.semantics.info;\n case 'danger':\n return theme.semantics.action.danger;\n case 'success':\n return theme.semantics.success;\n case 'warning':\n return theme.semantics.warning;\n case 'neutral':\n default:\n return theme.semantics.action.neutral;\n }\n}\n\nfunction resolveTextColor(color: ZoraColor): ZoraColor | undefined {\n return color === 'neutral' ? undefined : color;\n}\n\nfunction resolveTextVariant(size: AvatarSize): TextVariant {\n switch (size) {\n case 'xs':\n case 's':\n return 'caption';\n case 'l':\n return 'bodySmall';\n case 'xl':\n return 'lead';\n case 'm':\n default:\n return 'label';\n }\n}\n\nfunction resolveRadius(shape: AvatarShape): 'full' | 'l' {\n return shape === 'circle' ? 'full' : 'l';\n}\n\nfunction AvatarInner({\n themeId: _themeId,\n mode: _mode,\n testID,\n source,\n name,\n initials,\n iconFallback,\n label,\n size = 'm',\n shape = 'circle',\n color = 'neutral',\n}: AvatarProps) {\n const { theme } = useZoraTheme();\n const resolvedSize = AVATAR_SIZES[size];\n const resolvedInitials = initials ?? resolveAvatarInitials(name);\n const role = resolveRoleSemantics(theme, color);\n const backgroundColor = color === 'neutral' ? theme.semantics.neutral.surface : role.softBg;\n const contentColor = color === 'neutral' ? theme.semantics.content.default : role.base;\n const radius = resolveRadius(shape);\n\n const renderFallback = () => {\n if (resolvedInitials) {\n return (\n <Text color={resolveTextColor(color)} variant={resolveTextVariant(size)} weight=\"semiBold\">\n {resolvedInitials}\n </Text>\n );\n }\n\n if (iconFallback) {\n const iconSize = Math.max(16, Math.round(resolvedSize * 0.48));\n return (\n <Icon\n color={contentColor}\n name={iconFallback.name}\n provider={iconFallback.provider}\n size={iconSize}\n />\n );\n }\n\n return null;\n };\n\n return (\n <Box\n accessibilityLabel={label}\n bg={backgroundColor}\n height={resolvedSize}\n radius={radius}\n testID={testID}\n width={resolvedSize}\n style={{\n alignItems: 'center',\n justifyContent: 'center',\n overflow: 'hidden',\n }}\n >\n {source ? (\n <Image\n accessibilityLabel={label}\n source={source}\n style={{ height: '100%', width: '100%' }}\n />\n ) : (\n renderFallback()\n )}\n </Box>\n );\n}\n\n/***\n * Displays a user or entity avatar with image support and initials fallback.\n *\n * @readme\n */\nexport const Avatar = withZoraThemeScope(AvatarInner);\n"]}
@@ -1,4 +1,9 @@
1
1
  import React from 'react';
2
2
  import type { AvatarGroupProps } from './types';
3
+ /***
4
+ * Renders a compact group of avatars with optional overflow handling.
5
+ *
6
+ * @readme
7
+ */
3
8
  export declare const AvatarGroup: (props: AvatarGroupProps) => React.ReactElement | null;
4
9
  //# sourceMappingURL=AvatarGroup.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"AvatarGroup.d.ts","sourceRoot":"","sources":["../../../src/components/avatar-group/AvatarGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,KAAK,EAAmB,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAmEjE,eAAO,MAAM,WAAW,wDAAuC,CAAC"}
1
+ {"version":3,"file":"AvatarGroup.d.ts","sourceRoot":"","sources":["../../../src/components/avatar-group/AvatarGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,KAAK,EAAmB,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAmEjE;;;;GAIG;AACH,eAAO,MAAM,WAAW,wDAAuC,CAAC"}
@@ -22,5 +22,10 @@ function AvatarGroupInner({ themeId: _themeId, mode: _mode, testID, items, max =
22
22
  </Box>) : null}
23
23
  </Stack>);
24
24
  }
25
+ /***
26
+ * Renders a compact group of avatars with optional overflow handling.
27
+ *
28
+ * @readme
29
+ */
25
30
  export const AvatarGroup = withZoraThemeScope(AvatarGroupInner);
26
31
  //# sourceMappingURL=AvatarGroup.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"AvatarGroup.js","sourceRoot":"","sources":["../../../src/components/avatar-group/AvatarGroup.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\n\nimport { Box, Stack } from '../../foundation';\nimport { useZoraTheme } from '../../theme/useZoraTheme';\nimport { withZoraThemeScope } from '../../theme/withZoraThemeScope';\nimport { Avatar } from '../avatar';\nimport type { AvatarGroupItem, AvatarGroupProps } from './types';\n\nfunction defaultOverflowLabel(overflowCount: number): string {\n return `+${overflowCount}`;\n}\n\nfunction AvatarGroupInner({\n themeId: _themeId,\n mode: _mode,\n testID,\n items,\n max = 4,\n size = 's',\n shape = 'circle',\n overflowLabel = defaultOverflowLabel,\n}: AvatarGroupProps) {\n const { theme } = useZoraTheme();\n\n const visibleItems = items.slice(0, max);\n const overflowCount = Math.max(0, items.length - visibleItems.length);\n const overlap =\n size === 'xs' ? 8 : size === 's' ? 10 : size === 'm' ? 12 : size === 'l' ? 14 : 16;\n const borderColor = theme.semantics.surface.default;\n\n const renderItem = (item: AvatarGroupItem, index: number) => (\n <Box\n key={item.id ?? `${index}`}\n ml={index === 0 ? 0 : -overlap}\n radius=\"full\"\n borderWidth={2}\n borderColor={borderColor}\n >\n <Avatar\n iconFallback={item.iconFallback}\n initials={item.initials}\n label={item.label}\n name={item.name}\n shape={shape}\n size={size}\n source={item.source}\n color={item.color}\n />\n </Box>\n );\n\n return (\n <Stack align=\"center\" direction=\"row\" testID={testID} wrap=\"nowrap\">\n {visibleItems.map(renderItem)}\n {overflowCount > 0 ? (\n <Box\n ml={visibleItems.length === 0 ? 0 : -overlap}\n radius=\"full\"\n borderWidth={2}\n borderColor={borderColor}\n >\n <Avatar\n initials={overflowLabel(overflowCount)}\n size={size}\n shape={shape}\n color=\"neutral\"\n />\n </Box>\n ) : null}\n </Stack>\n );\n}\n\nexport const AvatarGroup = withZoraThemeScope(AvatarGroupInner);\n"]}
1
+ {"version":3,"file":"AvatarGroup.js","sourceRoot":"","sources":["../../../src/components/avatar-group/AvatarGroup.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\n\nimport { Box, Stack } from '../../foundation';\nimport { useZoraTheme } from '../../theme/useZoraTheme';\nimport { withZoraThemeScope } from '../../theme/withZoraThemeScope';\nimport { Avatar } from '../avatar';\nimport type { AvatarGroupItem, AvatarGroupProps } from './types';\n\nfunction defaultOverflowLabel(overflowCount: number): string {\n return `+${overflowCount}`;\n}\n\nfunction AvatarGroupInner({\n themeId: _themeId,\n mode: _mode,\n testID,\n items,\n max = 4,\n size = 's',\n shape = 'circle',\n overflowLabel = defaultOverflowLabel,\n}: AvatarGroupProps) {\n const { theme } = useZoraTheme();\n\n const visibleItems = items.slice(0, max);\n const overflowCount = Math.max(0, items.length - visibleItems.length);\n const overlap =\n size === 'xs' ? 8 : size === 's' ? 10 : size === 'm' ? 12 : size === 'l' ? 14 : 16;\n const borderColor = theme.semantics.surface.default;\n\n const renderItem = (item: AvatarGroupItem, index: number) => (\n <Box\n key={item.id ?? `${index}`}\n ml={index === 0 ? 0 : -overlap}\n radius=\"full\"\n borderWidth={2}\n borderColor={borderColor}\n >\n <Avatar\n iconFallback={item.iconFallback}\n initials={item.initials}\n label={item.label}\n name={item.name}\n shape={shape}\n size={size}\n source={item.source}\n color={item.color}\n />\n </Box>\n );\n\n return (\n <Stack align=\"center\" direction=\"row\" testID={testID} wrap=\"nowrap\">\n {visibleItems.map(renderItem)}\n {overflowCount > 0 ? (\n <Box\n ml={visibleItems.length === 0 ? 0 : -overlap}\n radius=\"full\"\n borderWidth={2}\n borderColor={borderColor}\n >\n <Avatar\n initials={overflowLabel(overflowCount)}\n size={size}\n shape={shape}\n color=\"neutral\"\n />\n </Box>\n ) : null}\n </Stack>\n );\n}\n\n/***\n * Renders a compact group of avatars with optional overflow handling.\n *\n * @readme\n */\nexport const AvatarGroup = withZoraThemeScope(AvatarGroupInner);\n"]}
@@ -1,4 +1,9 @@
1
1
  import React from 'react';
2
2
  import type { BadgeProps } from './types';
3
+ /***
4
+ * Shows a small status, label, or count indicator.
5
+ *
6
+ * @readme
7
+ */
3
8
  export declare const Badge: (props: BadgeProps) => React.ReactElement | null;
4
9
  //# sourceMappingURL=Badge.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../src/components/badge/Badge.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAwB1C,eAAO,MAAM,KAAK,kDAAiC,CAAC"}
1
+ {"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../src/components/badge/Badge.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAwB1C;;;;GAIG;AACH,eAAO,MAAM,KAAK,kDAAiC,CAAC"}
@@ -6,5 +6,10 @@ function BadgeInner({ themeId: _themeId, mode: _mode, children, color, variant,
6
6
  const recipe = resolveBadgeRecipe({ color, variant, size });
7
7
  return (<SurfaceBadge {...props} content={children} color={recipe.color} size={recipe.size} variant={recipe.variant}/>);
8
8
  }
9
+ /***
10
+ * Shows a small status, label, or count indicator.
11
+ *
12
+ * @readme
13
+ */
9
14
  export const Badge = withZoraThemeScope(BadgeInner);
10
15
  //# sourceMappingURL=Badge.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Badge.js","sourceRoot":"","sources":["../../../src/components/badge/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,IAAI,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAC3D,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAGpE,SAAS,UAAU,CAAC,EAClB,OAAO,EAAE,QAAQ,EACjB,IAAI,EAAE,KAAK,EACX,QAAQ,EACR,KAAK,EACL,OAAO,EACP,IAAI,EACJ,GAAG,KAAK,EACG;IACX,MAAM,MAAM,GAAG,kBAAkB,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;IAE5D,OAAO,CACL,CAAC,YAAY,CACX,IAAI,KAAK,CAAC,CACV,OAAO,CAAC,CAAC,QAAQ,CAAC,CAClB,KAAK,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CACpB,IAAI,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAClB,OAAO,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,EACxB,CACH,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,KAAK,GAAG,kBAAkB,CAAC,UAAU,CAAC,CAAC","sourcesContent":["import { Badge as SurfaceBadge } from '@ankhorage/surface';\nimport React from 'react';\n\nimport { resolveBadgeRecipe } from '../../internal/recipes';\nimport { withZoraThemeScope } from '../../theme/withZoraThemeScope';\nimport type { BadgeProps } from './types';\n\nfunction BadgeInner({\n themeId: _themeId,\n mode: _mode,\n children,\n color,\n variant,\n size,\n ...props\n}: BadgeProps) {\n const recipe = resolveBadgeRecipe({ color, variant, size });\n\n return (\n <SurfaceBadge\n {...props}\n content={children}\n color={recipe.color}\n size={recipe.size}\n variant={recipe.variant}\n />\n );\n}\n\nexport const Badge = withZoraThemeScope(BadgeInner);\n"]}
1
+ {"version":3,"file":"Badge.js","sourceRoot":"","sources":["../../../src/components/badge/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,IAAI,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAC3D,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAGpE,SAAS,UAAU,CAAC,EAClB,OAAO,EAAE,QAAQ,EACjB,IAAI,EAAE,KAAK,EACX,QAAQ,EACR,KAAK,EACL,OAAO,EACP,IAAI,EACJ,GAAG,KAAK,EACG;IACX,MAAM,MAAM,GAAG,kBAAkB,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;IAE5D,OAAO,CACL,CAAC,YAAY,CACX,IAAI,KAAK,CAAC,CACV,OAAO,CAAC,CAAC,QAAQ,CAAC,CAClB,KAAK,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CACpB,IAAI,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAClB,OAAO,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,EACxB,CACH,CAAC;AACJ,CAAC;AAED;;;;GAIG;AACH,MAAM,CAAC,MAAM,KAAK,GAAG,kBAAkB,CAAC,UAAU,CAAC,CAAC","sourcesContent":["import { Badge as SurfaceBadge } from '@ankhorage/surface';\nimport React from 'react';\n\nimport { resolveBadgeRecipe } from '../../internal/recipes';\nimport { withZoraThemeScope } from '../../theme/withZoraThemeScope';\nimport type { BadgeProps } from './types';\n\nfunction BadgeInner({\n themeId: _themeId,\n mode: _mode,\n children,\n color,\n variant,\n size,\n ...props\n}: BadgeProps) {\n const recipe = resolveBadgeRecipe({ color, variant, size });\n\n return (\n <SurfaceBadge\n {...props}\n content={children}\n color={recipe.color}\n size={recipe.size}\n variant={recipe.variant}\n />\n );\n}\n\n/***\n * Shows a small status, label, or count indicator.\n *\n * @readme\n */\nexport const Badge = withZoraThemeScope(BadgeInner);\n"]}
@@ -1,4 +1,9 @@
1
1
  import React from 'react';
2
2
  import type { BreadcrumbsProps } from './types';
3
+ /***
4
+ * Renders a breadcrumb trail for hierarchical navigation.
5
+ *
6
+ * @readme
7
+ */
3
8
  export declare const Breadcrumbs: (props: BreadcrumbsProps) => React.ReactElement | null;
4
9
  //# sourceMappingURL=Breadcrumbs.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Breadcrumbs.d.ts","sourceRoot":"","sources":["../../../src/components/breadcrumbs/Breadcrumbs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,OAAO,KAAK,EAAkB,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAqIhE,eAAO,MAAM,WAAW,wDAAuC,CAAC"}
1
+ {"version":3,"file":"Breadcrumbs.d.ts","sourceRoot":"","sources":["../../../src/components/breadcrumbs/Breadcrumbs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,OAAO,KAAK,EAAkB,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAqIhE;;;;GAIG;AACH,eAAO,MAAM,WAAW,wDAAuC,CAAC"}
@@ -73,5 +73,10 @@ function BreadcrumbsInner({ themeId: _themeId, mode: _mode, items, separator = '
73
73
  })}
74
74
  </Inline>);
75
75
  }
76
+ /***
77
+ * Renders a breadcrumb trail for hierarchical navigation.
78
+ *
79
+ * @readme
80
+ */
76
81
  export const Breadcrumbs = withZoraThemeScope(BreadcrumbsInner);
77
82
  //# sourceMappingURL=Breadcrumbs.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Breadcrumbs.js","sourceRoot":"","sources":["../../../src/components/breadcrumbs/Breadcrumbs.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\n\nimport { Inline } from '../../foundation';\nimport { resolveIconSize } from '../../internal/recipes';\nimport { useZoraTheme } from '../../theme/useZoraTheme';\nimport { withZoraThemeScope } from '../../theme/withZoraThemeScope';\nimport { Button } from '../button';\nimport { Icon } from '../icon';\nimport { Text } from '../text';\nimport type { BreadcrumbItem, BreadcrumbsProps } from './types';\n\ntype BreadcrumbRenderItem =\n | {\n item: BreadcrumbItem;\n type: 'item';\n }\n | {\n type: 'ellipsis';\n };\n\nfunction normalizeMaxItems(value: number | undefined): number | undefined {\n if (value === undefined || !Number.isFinite(value)) {\n return undefined;\n }\n\n return Math.max(0, Math.trunc(value));\n}\n\nfunction createRenderItems(\n items: readonly BreadcrumbItem[],\n maxItems: number | undefined,\n): readonly BreadcrumbRenderItem[] {\n if (maxItems === undefined || maxItems === 0 || items.length <= maxItems || maxItems < 3) {\n return items.map((item) => ({ item, type: 'item' }));\n }\n\n const [firstItem] = items;\n if (firstItem === undefined) {\n return [];\n }\n\n const trailingCount = maxItems - 2;\n const trailingItems = items.slice(items.length - trailingCount);\n\n return [\n { item: firstItem, type: 'item' },\n { type: 'ellipsis' },\n ...trailingItems.map((item) => ({ item, type: 'item' }) satisfies BreadcrumbRenderItem),\n ];\n}\n\nfunction renderSeparator(separator: React.ReactNode) {\n return (\n <Text emphasis=\"muted\" variant=\"bodySmall\">\n {separator}\n </Text>\n );\n}\n\nfunction BreadcrumbLabel({ item, compact }: { item: BreadcrumbItem; compact: boolean }) {\n const { theme } = useZoraTheme();\n\n return (\n <Inline align=\"center\" gap=\"xs\" wrap=\"nowrap\">\n {item.icon ? (\n <Icon\n color={theme.semantics.content.muted}\n name={item.icon.name}\n provider={item.icon.provider}\n size={resolveIconSize(compact ? 's' : 'm')}\n />\n ) : null}\n <Text emphasis=\"muted\" variant={compact ? 'caption' : 'bodySmall'}>\n {item.label}\n </Text>\n </Inline>\n );\n}\n\nfunction BreadcrumbsInner({\n themeId: _themeId,\n mode: _mode,\n items,\n separator = '/',\n maxItems,\n compact = false,\n disabled = false,\n testID,\n}: BreadcrumbsProps) {\n const normalizedMaxItems = normalizeMaxItems(maxItems);\n const renderItems = createRenderItems(items, normalizedMaxItems);\n const currentItemId = items.at(-1)?.id;\n\n if (items.length === 0) {\n return null;\n }\n\n return (\n <Inline align=\"center\" gap={compact ? 'xs' : 's'} testID={testID} wrap=\"wrap\">\n {renderItems.map((renderItem, index) => {\n const isLastRenderedItem = index === renderItems.length - 1;\n const showSeparator = !isLastRenderedItem;\n\n if (renderItem.type === 'ellipsis') {\n return (\n <React.Fragment key=\"ellipsis\">\n <Text emphasis=\"muted\" variant={compact ? 'caption' : 'bodySmall'}>\n …\n </Text>\n {showSeparator ? renderSeparator(separator) : null}\n </React.Fragment>\n );\n }\n\n const { item } = renderItem;\n const current = item.id === currentItemId;\n const interactive = !current && !disabled && !item.disabled && Boolean(item.onPress);\n\n return (\n <React.Fragment key={item.id}>\n {interactive ? (\n <Button\n color=\"neutral\"\n leadingIcon={item.icon}\n onPress={item.onPress}\n size={compact ? 's' : 'm'}\n testID={testID ? `${testID}-item-${item.id}` : undefined}\n variant=\"ghost\"\n >\n {item.label}\n </Button>\n ) : (\n <BreadcrumbLabel item={item} compact={compact} />\n )}\n {showSeparator ? renderSeparator(separator) : null}\n </React.Fragment>\n );\n })}\n </Inline>\n );\n}\n\nexport const Breadcrumbs = withZoraThemeScope(BreadcrumbsInner);\n"]}
1
+ {"version":3,"file":"Breadcrumbs.js","sourceRoot":"","sources":["../../../src/components/breadcrumbs/Breadcrumbs.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\n\nimport { Inline } from '../../foundation';\nimport { resolveIconSize } from '../../internal/recipes';\nimport { useZoraTheme } from '../../theme/useZoraTheme';\nimport { withZoraThemeScope } from '../../theme/withZoraThemeScope';\nimport { Button } from '../button';\nimport { Icon } from '../icon';\nimport { Text } from '../text';\nimport type { BreadcrumbItem, BreadcrumbsProps } from './types';\n\ntype BreadcrumbRenderItem =\n | {\n item: BreadcrumbItem;\n type: 'item';\n }\n | {\n type: 'ellipsis';\n };\n\nfunction normalizeMaxItems(value: number | undefined): number | undefined {\n if (value === undefined || !Number.isFinite(value)) {\n return undefined;\n }\n\n return Math.max(0, Math.trunc(value));\n}\n\nfunction createRenderItems(\n items: readonly BreadcrumbItem[],\n maxItems: number | undefined,\n): readonly BreadcrumbRenderItem[] {\n if (maxItems === undefined || maxItems === 0 || items.length <= maxItems || maxItems < 3) {\n return items.map((item) => ({ item, type: 'item' }));\n }\n\n const [firstItem] = items;\n if (firstItem === undefined) {\n return [];\n }\n\n const trailingCount = maxItems - 2;\n const trailingItems = items.slice(items.length - trailingCount);\n\n return [\n { item: firstItem, type: 'item' },\n { type: 'ellipsis' },\n ...trailingItems.map((item) => ({ item, type: 'item' }) satisfies BreadcrumbRenderItem),\n ];\n}\n\nfunction renderSeparator(separator: React.ReactNode) {\n return (\n <Text emphasis=\"muted\" variant=\"bodySmall\">\n {separator}\n </Text>\n );\n}\n\nfunction BreadcrumbLabel({ item, compact }: { item: BreadcrumbItem; compact: boolean }) {\n const { theme } = useZoraTheme();\n\n return (\n <Inline align=\"center\" gap=\"xs\" wrap=\"nowrap\">\n {item.icon ? (\n <Icon\n color={theme.semantics.content.muted}\n name={item.icon.name}\n provider={item.icon.provider}\n size={resolveIconSize(compact ? 's' : 'm')}\n />\n ) : null}\n <Text emphasis=\"muted\" variant={compact ? 'caption' : 'bodySmall'}>\n {item.label}\n </Text>\n </Inline>\n );\n}\n\nfunction BreadcrumbsInner({\n themeId: _themeId,\n mode: _mode,\n items,\n separator = '/',\n maxItems,\n compact = false,\n disabled = false,\n testID,\n}: BreadcrumbsProps) {\n const normalizedMaxItems = normalizeMaxItems(maxItems);\n const renderItems = createRenderItems(items, normalizedMaxItems);\n const currentItemId = items.at(-1)?.id;\n\n if (items.length === 0) {\n return null;\n }\n\n return (\n <Inline align=\"center\" gap={compact ? 'xs' : 's'} testID={testID} wrap=\"wrap\">\n {renderItems.map((renderItem, index) => {\n const isLastRenderedItem = index === renderItems.length - 1;\n const showSeparator = !isLastRenderedItem;\n\n if (renderItem.type === 'ellipsis') {\n return (\n <React.Fragment key=\"ellipsis\">\n <Text emphasis=\"muted\" variant={compact ? 'caption' : 'bodySmall'}>\n …\n </Text>\n {showSeparator ? renderSeparator(separator) : null}\n </React.Fragment>\n );\n }\n\n const { item } = renderItem;\n const current = item.id === currentItemId;\n const interactive = !current && !disabled && !item.disabled && Boolean(item.onPress);\n\n return (\n <React.Fragment key={item.id}>\n {interactive ? (\n <Button\n color=\"neutral\"\n leadingIcon={item.icon}\n onPress={item.onPress}\n size={compact ? 's' : 'm'}\n testID={testID ? `${testID}-item-${item.id}` : undefined}\n variant=\"ghost\"\n >\n {item.label}\n </Button>\n ) : (\n <BreadcrumbLabel item={item} compact={compact} />\n )}\n {showSeparator ? renderSeparator(separator) : null}\n </React.Fragment>\n );\n })}\n </Inline>\n );\n}\n\n/***\n * Renders a breadcrumb trail for hierarchical navigation.\n *\n * @readme\n */\nexport const Breadcrumbs = withZoraThemeScope(BreadcrumbsInner);\n"]}
@@ -1,4 +1,16 @@
1
1
  import React from 'react';
2
2
  import type { ButtonProps } from './types';
3
+ /***
4
+ * Theme-aware action control for primary, secondary, destructive, and neutral actions.
5
+ *
6
+ * Use `Button` for explicit user actions that should follow ZORA's semantic color,
7
+ * variant, and size recipes across React Native and React Native Web.
8
+ *
9
+ * @readme
10
+ * @example Basic action
11
+ * ```tsx
12
+ * <Button color="primary" variant="solid" onPress={save}>Save</Button>
13
+ * ```
14
+ */
3
15
  export declare const Button: (props: ButtonProps) => React.ReactElement | null;
4
16
  //# sourceMappingURL=Button.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/button/Button.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAiB3C,eAAO,MAAM,MAAM,mDAAkC,CAAC"}
1
+ {"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/button/Button.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAiB3C;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,MAAM,mDAAkC,CAAC"}
@@ -6,5 +6,17 @@ function ButtonInner({ themeId: _themeId, mode: _mode, color, variant, size, ...
6
6
  const recipe = resolveButtonRecipe({ color, variant, size });
7
7
  return (<SurfaceButton {...props} color={recipe.color} size={recipe.size} variant={recipe.variant}/>);
8
8
  }
9
+ /***
10
+ * Theme-aware action control for primary, secondary, destructive, and neutral actions.
11
+ *
12
+ * Use `Button` for explicit user actions that should follow ZORA's semantic color,
13
+ * variant, and size recipes across React Native and React Native Web.
14
+ *
15
+ * @readme
16
+ * @example Basic action
17
+ * ```tsx
18
+ * <Button color="primary" variant="solid" onPress={save}>Save</Button>
19
+ * ```
20
+ */
9
21
  export const Button = withZoraThemeScope(ButtonInner);
10
22
  //# sourceMappingURL=Button.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAC7D,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAC7D,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAGpE,SAAS,WAAW,CAAC,EACnB,OAAO,EAAE,QAAQ,EACjB,IAAI,EAAE,KAAK,EACX,KAAK,EACL,OAAO,EACP,IAAI,EACJ,GAAG,KAAK,EACI;IACZ,MAAM,MAAM,GAAG,mBAAmB,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;IAE7D,OAAO,CACL,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,EAAG,CAC9F,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,MAAM,GAAG,kBAAkB,CAAC,WAAW,CAAC,CAAC","sourcesContent":["import { Button as SurfaceButton } from '@ankhorage/surface';\nimport React from 'react';\n\nimport { resolveButtonRecipe } from '../../internal/recipes';\nimport { withZoraThemeScope } from '../../theme/withZoraThemeScope';\nimport type { ButtonProps } from './types';\n\nfunction ButtonInner({\n themeId: _themeId,\n mode: _mode,\n color,\n variant,\n size,\n ...props\n}: ButtonProps) {\n const recipe = resolveButtonRecipe({ color, variant, size });\n\n return (\n <SurfaceButton {...props} color={recipe.color} size={recipe.size} variant={recipe.variant} />\n );\n}\n\nexport const Button = withZoraThemeScope(ButtonInner);\n"]}
1
+ {"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAC7D,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAC7D,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAGpE,SAAS,WAAW,CAAC,EACnB,OAAO,EAAE,QAAQ,EACjB,IAAI,EAAE,KAAK,EACX,KAAK,EACL,OAAO,EACP,IAAI,EACJ,GAAG,KAAK,EACI;IACZ,MAAM,MAAM,GAAG,mBAAmB,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;IAE7D,OAAO,CACL,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,EAAG,CAC9F,CAAC;AACJ,CAAC;AAED;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,kBAAkB,CAAC,WAAW,CAAC,CAAC","sourcesContent":["import { Button as SurfaceButton } from '@ankhorage/surface';\nimport React from 'react';\n\nimport { resolveButtonRecipe } from '../../internal/recipes';\nimport { withZoraThemeScope } from '../../theme/withZoraThemeScope';\nimport type { ButtonProps } from './types';\n\nfunction ButtonInner({\n themeId: _themeId,\n mode: _mode,\n color,\n variant,\n size,\n ...props\n}: ButtonProps) {\n const recipe = resolveButtonRecipe({ color, variant, size });\n\n return (\n <SurfaceButton {...props} color={recipe.color} size={recipe.size} variant={recipe.variant} />\n );\n}\n\n/***\n * Theme-aware action control for primary, secondary, destructive, and neutral actions.\n *\n * Use `Button` for explicit user actions that should follow ZORA's semantic color,\n * variant, and size recipes across React Native and React Native Web.\n *\n * @readme\n * @example Basic action\n * ```tsx\n * <Button color=\"primary\" variant=\"solid\" onPress={save}>Save</Button>\n * ```\n */\nexport const Button = withZoraThemeScope(ButtonInner);\n"]}
@@ -1,4 +1,9 @@
1
1
  import React from 'react';
2
2
  import type { ButtonGroupProps } from './types';
3
+ /***
4
+ * Groups multiple `Button` elements with consistent spacing and alignment.
5
+ *
6
+ * @readme
7
+ */
3
8
  export declare const ButtonGroup: (props: ButtonGroupProps) => React.ReactElement | null;
4
9
  //# sourceMappingURL=ButtonGroup.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"ButtonGroup.d.ts","sourceRoot":"","sources":["../../../src/components/button-group/ButtonGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAA4C,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAoG1F,eAAO,MAAM,WAAW,wDAAuC,CAAC"}
1
+ {"version":3,"file":"ButtonGroup.d.ts","sourceRoot":"","sources":["../../../src/components/button-group/ButtonGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAA4C,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAoG1F;;;;GAIG;AACH,eAAO,MAAM,WAAW,wDAAuC,CAAC"}
@@ -69,5 +69,10 @@ function ButtonGroupInner({ themeId: _themeId, mode: _mode, children, align = 'e
69
69
  {orderedItems}
70
70
  </Stack>);
71
71
  }
72
+ /***
73
+ * Groups multiple `Button` elements with consistent spacing and alignment.
74
+ *
75
+ * @readme
76
+ */
72
77
  export const ButtonGroup = withZoraThemeScope(ButtonGroupInner);
73
78
  //# sourceMappingURL=ButtonGroup.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"ButtonGroup.js","sourceRoot":"","sources":["../../../src/components/button-group/ButtonGroup.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\n\nimport { Stack } from '../../foundation';\nimport { withZoraThemeScope } from '../../theme/withZoraThemeScope';\nimport type { ButtonGroupAlign, ButtonGroupOrientation, ButtonGroupProps } from './types';\n\nfunction resolveDirection(orientation: ButtonGroupOrientation) {\n if (orientation === 'vertical') {\n return 'column';\n }\n\n if (orientation === 'responsive') {\n return { base: 'column', md: 'row' } as const;\n }\n\n return 'row';\n}\n\nfunction resolveHorizontalJustify(align: ButtonGroupAlign) {\n switch (align) {\n case 'start':\n return 'flex-start';\n case 'center':\n return 'center';\n case 'between':\n return 'space-between';\n case 'stretch':\n case 'end':\n default:\n return 'flex-end';\n }\n}\n\nfunction resolveVerticalAlign(align: ButtonGroupAlign) {\n switch (align) {\n case 'start':\n return 'flex-start';\n case 'center':\n case 'between':\n return 'center';\n case 'stretch':\n return 'stretch';\n case 'end':\n default:\n return 'flex-end';\n }\n}\n\nfunction resolveStackAlign(align: ButtonGroupAlign, orientation: ButtonGroupOrientation) {\n if (orientation === 'horizontal') {\n return align === 'stretch' ? 'stretch' : 'center';\n }\n\n if (orientation === 'responsive') {\n return {\n base: resolveVerticalAlign(align),\n md: align === 'stretch' ? 'stretch' : 'center',\n } as const;\n }\n\n return resolveVerticalAlign(align);\n}\n\nfunction resolveStackJustify(align: ButtonGroupAlign, orientation: ButtonGroupOrientation) {\n if (orientation === 'horizontal') {\n return resolveHorizontalJustify(align);\n }\n\n if (orientation === 'responsive') {\n return {\n base: align === 'between' ? 'space-between' : 'flex-start',\n md: resolveHorizontalJustify(align),\n } as const;\n }\n\n return align === 'between' ? 'space-between' : 'flex-start';\n}\n\nfunction ButtonGroupInner({\n themeId: _themeId,\n mode: _mode,\n children,\n align = 'end',\n orientation = 'horizontal',\n gap = 's',\n reverse = false,\n testID,\n}: ButtonGroupProps) {\n const items = React.Children.toArray(children);\n const orderedItems = reverse ? items.reverse() : items;\n\n return (\n <Stack\n align={resolveStackAlign(align, orientation)}\n direction={resolveDirection(orientation)}\n gap={gap}\n justify={resolveStackJustify(align, orientation)}\n testID={testID}\n >\n {orderedItems}\n </Stack>\n );\n}\n\nexport const ButtonGroup = withZoraThemeScope(ButtonGroupInner);\n"]}
1
+ {"version":3,"file":"ButtonGroup.js","sourceRoot":"","sources":["../../../src/components/button-group/ButtonGroup.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\n\nimport { Stack } from '../../foundation';\nimport { withZoraThemeScope } from '../../theme/withZoraThemeScope';\nimport type { ButtonGroupAlign, ButtonGroupOrientation, ButtonGroupProps } from './types';\n\nfunction resolveDirection(orientation: ButtonGroupOrientation) {\n if (orientation === 'vertical') {\n return 'column';\n }\n\n if (orientation === 'responsive') {\n return { base: 'column', md: 'row' } as const;\n }\n\n return 'row';\n}\n\nfunction resolveHorizontalJustify(align: ButtonGroupAlign) {\n switch (align) {\n case 'start':\n return 'flex-start';\n case 'center':\n return 'center';\n case 'between':\n return 'space-between';\n case 'stretch':\n case 'end':\n default:\n return 'flex-end';\n }\n}\n\nfunction resolveVerticalAlign(align: ButtonGroupAlign) {\n switch (align) {\n case 'start':\n return 'flex-start';\n case 'center':\n case 'between':\n return 'center';\n case 'stretch':\n return 'stretch';\n case 'end':\n default:\n return 'flex-end';\n }\n}\n\nfunction resolveStackAlign(align: ButtonGroupAlign, orientation: ButtonGroupOrientation) {\n if (orientation === 'horizontal') {\n return align === 'stretch' ? 'stretch' : 'center';\n }\n\n if (orientation === 'responsive') {\n return {\n base: resolveVerticalAlign(align),\n md: align === 'stretch' ? 'stretch' : 'center',\n } as const;\n }\n\n return resolveVerticalAlign(align);\n}\n\nfunction resolveStackJustify(align: ButtonGroupAlign, orientation: ButtonGroupOrientation) {\n if (orientation === 'horizontal') {\n return resolveHorizontalJustify(align);\n }\n\n if (orientation === 'responsive') {\n return {\n base: align === 'between' ? 'space-between' : 'flex-start',\n md: resolveHorizontalJustify(align),\n } as const;\n }\n\n return align === 'between' ? 'space-between' : 'flex-start';\n}\n\nfunction ButtonGroupInner({\n themeId: _themeId,\n mode: _mode,\n children,\n align = 'end',\n orientation = 'horizontal',\n gap = 's',\n reverse = false,\n testID,\n}: ButtonGroupProps) {\n const items = React.Children.toArray(children);\n const orderedItems = reverse ? items.reverse() : items;\n\n return (\n <Stack\n align={resolveStackAlign(align, orientation)}\n direction={resolveDirection(orientation)}\n gap={gap}\n justify={resolveStackJustify(align, orientation)}\n testID={testID}\n >\n {orderedItems}\n </Stack>\n );\n}\n\n/***\n * Groups multiple `Button` elements with consistent spacing and alignment.\n *\n * @readme\n */\nexport const ButtonGroup = withZoraThemeScope(ButtonGroupInner);\n"]}
@@ -1,4 +1,16 @@
1
1
  import React from 'react';
2
2
  import type { CardProps } from './types';
3
+ /***
4
+ * Structured content container with built-in heading, description, actions, and footer slots.
5
+ *
6
+ * Use `Card` for reusable content blocks that should inherit ZORA spacing,
7
+ * radius, tone, and responsive header layout without hand-assembling primitives.
8
+ *
9
+ * @readme
10
+ * @example Content card
11
+ * ```tsx
12
+ * <Card title="Project" description="Latest activity">...</Card>
13
+ * ```
14
+ */
3
15
  export declare const Card: (props: CardProps) => React.ReactElement | null;
4
16
  //# sourceMappingURL=Card.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../src/components/card/Card.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAgEzC,eAAO,MAAM,IAAI,iDAAgC,CAAC"}
1
+ {"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../src/components/card/Card.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAgEzC;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,IAAI,iDAAgC,CAAC"}
@@ -33,5 +33,17 @@ function CardInner({ themeId: _themeId, mode: _mode, children, title, descriptio
33
33
  </Stack>
34
34
  </SurfaceCard>);
35
35
  }
36
+ /***
37
+ * Structured content container with built-in heading, description, actions, and footer slots.
38
+ *
39
+ * Use `Card` for reusable content blocks that should inherit ZORA spacing,
40
+ * radius, tone, and responsive header layout without hand-assembling primitives.
41
+ *
42
+ * @readme
43
+ * @example Content card
44
+ * ```tsx
45
+ * <Card title="Project" description="Latest activity">...</Card>
46
+ * ```
47
+ */
36
48
  export const Card = withZoraThemeScope(CardInner);
37
49
  //# sourceMappingURL=Card.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../src/components/card/Card.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Card as SurfaceCard } from '@ankhorage/surface';\nimport React from 'react';\n\nimport { Box, Stack } from '../../foundation';\nimport { resolveCardVariant } from '../../internal/recipes';\nimport { withZoraThemeScope } from '../../theme/withZoraThemeScope';\nimport { Heading } from '../heading';\nimport { Text } from '../text';\nimport type { CardProps } from './types';\n\nfunction CardInner({\n themeId: _themeId,\n mode: _mode,\n children,\n title,\n description,\n eyebrow,\n actions,\n footer,\n tone = 'default',\n compact = false,\n onPress,\n ...props\n}: CardProps) {\n const hasHeader = [eyebrow, title, description, actions].some((item) => item != null);\n const hasFooter = footer !== undefined;\n const gap = compact ? 's' : 'm';\n const isInteractive = Boolean(onPress) && !actions;\n\n return (\n <SurfaceCard\n {...props}\n onPress={isInteractive ? onPress : undefined}\n p={compact ? 'm' : 'l'}\n radius=\"l\"\n variant={resolveCardVariant(tone)}\n >\n <Stack gap={gap}>\n {hasHeader ? (\n <Stack\n align={{ base: 'flex-start', md: 'center' }}\n direction={{ base: 'column', md: 'row' }}\n gap=\"m\"\n justify=\"space-between\"\n >\n <Box flex={{ md: 1 }} width={{ base: '100%', md: 'auto' }}>\n <Stack gap=\"xs\">\n {eyebrow ? (\n <Text emphasis=\"muted\" variant=\"caption\" weight=\"semiBold\">\n {eyebrow}\n </Text>\n ) : null}\n {title ? <Heading level={compact ? 4 : 3}>{title}</Heading> : null}\n {description ? (\n <Text emphasis=\"muted\" variant=\"bodySmall\">\n {description}\n </Text>\n ) : null}\n </Stack>\n </Box>\n {actions ? <Box>{actions}</Box> : null}\n </Stack>\n ) : null}\n\n {children ? <Box>{children}</Box> : null}\n\n {hasFooter ? <Box pt=\"xs\">{footer}</Box> : null}\n </Stack>\n </SurfaceCard>\n );\n}\n\nexport const Card = withZoraThemeScope(CardInner);\n"]}
1
+ {"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../src/components/card/Card.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Card as SurfaceCard } from '@ankhorage/surface';\nimport React from 'react';\n\nimport { Box, Stack } from '../../foundation';\nimport { resolveCardVariant } from '../../internal/recipes';\nimport { withZoraThemeScope } from '../../theme/withZoraThemeScope';\nimport { Heading } from '../heading';\nimport { Text } from '../text';\nimport type { CardProps } from './types';\n\nfunction CardInner({\n themeId: _themeId,\n mode: _mode,\n children,\n title,\n description,\n eyebrow,\n actions,\n footer,\n tone = 'default',\n compact = false,\n onPress,\n ...props\n}: CardProps) {\n const hasHeader = [eyebrow, title, description, actions].some((item) => item != null);\n const hasFooter = footer !== undefined;\n const gap = compact ? 's' : 'm';\n const isInteractive = Boolean(onPress) && !actions;\n\n return (\n <SurfaceCard\n {...props}\n onPress={isInteractive ? onPress : undefined}\n p={compact ? 'm' : 'l'}\n radius=\"l\"\n variant={resolveCardVariant(tone)}\n >\n <Stack gap={gap}>\n {hasHeader ? (\n <Stack\n align={{ base: 'flex-start', md: 'center' }}\n direction={{ base: 'column', md: 'row' }}\n gap=\"m\"\n justify=\"space-between\"\n >\n <Box flex={{ md: 1 }} width={{ base: '100%', md: 'auto' }}>\n <Stack gap=\"xs\">\n {eyebrow ? (\n <Text emphasis=\"muted\" variant=\"caption\" weight=\"semiBold\">\n {eyebrow}\n </Text>\n ) : null}\n {title ? <Heading level={compact ? 4 : 3}>{title}</Heading> : null}\n {description ? (\n <Text emphasis=\"muted\" variant=\"bodySmall\">\n {description}\n </Text>\n ) : null}\n </Stack>\n </Box>\n {actions ? <Box>{actions}</Box> : null}\n </Stack>\n ) : null}\n\n {children ? <Box>{children}</Box> : null}\n\n {hasFooter ? <Box pt=\"xs\">{footer}</Box> : null}\n </Stack>\n </SurfaceCard>\n );\n}\n\n/***\n * Structured content container with built-in heading, description, actions, and footer slots.\n *\n * Use `Card` for reusable content blocks that should inherit ZORA spacing,\n * radius, tone, and responsive header layout without hand-assembling primitives.\n *\n * @readme\n * @example Content card\n * ```tsx\n * <Card title=\"Project\" description=\"Latest activity\">...</Card>\n * ```\n */\nexport const Card = withZoraThemeScope(CardInner);\n"]}
@@ -1,4 +1,9 @@
1
1
  import React from 'react';
2
2
  import type { CheckboxProps } from './types';
3
+ /***
4
+ * Binary selection control for toggling a value on or off.
5
+ *
6
+ * @readme
7
+ */
3
8
  export declare const Checkbox: (props: CheckboxProps) => React.ReactElement | null;
4
9
  //# sourceMappingURL=Checkbox.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/checkbox/Checkbox.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAM7C,eAAO,MAAM,QAAQ,qDAAoC,CAAC"}
1
+ {"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/checkbox/Checkbox.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAM7C;;;;GAIG;AACH,eAAO,MAAM,QAAQ,qDAAoC,CAAC"}
@@ -4,5 +4,10 @@ import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
4
4
  function CheckboxInner({ themeId: _themeId, mode: _mode, ...props }) {
5
5
  return <SurfaceCheckbox {...props}/>;
6
6
  }
7
+ /***
8
+ * Binary selection control for toggling a value on or off.
9
+ *
10
+ * @readme
11
+ */
7
12
  export const Checkbox = withZoraThemeScope(CheckboxInner);
8
13
  //# sourceMappingURL=Checkbox.js.map