@12-apps/ui 6.18.0 → 6.19.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (711) hide show
  1. package/NATIVE.md +10 -2
  2. package/components-catalog.md +8 -4
  3. package/dist/_internal/components/data-display/Alert/Alert.base.js +1 -0
  4. package/dist/_internal/components/data-display/Alert/Alert.base.js.map +1 -0
  5. package/dist/_internal/components/data-display/Alert/Alert.helpers.js +16 -0
  6. package/dist/_internal/components/data-display/Alert/Alert.helpers.js.map +1 -0
  7. package/dist/_internal/components/data-display/Alert/Alert.js +9 -2
  8. package/dist/_internal/components/data-display/Alert/Alert.metrics.js +78 -0
  9. package/dist/_internal/components/data-display/Alert/Alert.metrics.js.map +1 -0
  10. package/dist/_internal/components/data-display/Alert/Alert.styles.js +7 -1
  11. package/dist/_internal/components/data-display/AsyncStateContainer/AsyncStateContainer.js +12 -5
  12. package/dist/_internal/components/data-display/Badge/Badge.js +2 -2
  13. package/dist/_internal/components/data-display/CardKit/CardKebab.js +3 -3
  14. package/dist/_internal/components/data-display/CardKit/card-actions-context.js +10 -3
  15. package/dist/_internal/components/data-display/CardKit/use-remove-confirm.js +10 -8
  16. package/dist/_internal/components/data-display/CardKit/use-row-confirm.js +4 -4
  17. package/dist/_internal/components/data-display/Carousel/Carousel.js +3 -3
  18. package/dist/_internal/components/data-display/Chart/Chart.js +4 -4
  19. package/dist/_internal/components/data-display/Chart/SpecChart.js +7 -7
  20. package/dist/_internal/components/data-display/Chart/chart-context.js +2 -2
  21. package/dist/_internal/components/data-display/Chart/chart-renderers.js +3 -3
  22. package/dist/_internal/components/data-display/DataGrid/DataGrid.js +3 -3
  23. package/dist/_internal/components/data-display/DataViews/DataViewsGrid.js +38 -38
  24. package/dist/_internal/components/data-display/DataViews/DataViewsTableBase.js +53 -51
  25. package/dist/_internal/components/data-display/DataViews/DeleteViewDialog.js +3 -3
  26. package/dist/_internal/components/data-display/DataViews/ManageViewsDialog.js +5 -5
  27. package/dist/_internal/components/data-display/DataViews/SaveViewModal.js +5 -5
  28. package/dist/_internal/components/data-display/DataViews/base-list-card-geometry.js +3 -3
  29. package/dist/_internal/components/data-display/DataViews/base-list-card-slots.js +1 -1
  30. package/dist/_internal/components/data-display/DataViews/base-list-card.js +5 -5
  31. package/dist/_internal/components/data-display/DataViews/data-views-category-pill.js +10 -10
  32. package/dist/_internal/components/data-display/DataViews/data-views-columns.js +4 -4
  33. package/dist/_internal/components/data-display/DataViews/data-views-display-panel.js +4 -4
  34. package/dist/_internal/components/data-display/DataViews/data-views-empty.js +3 -3
  35. package/dist/_internal/components/data-display/DataViews/data-views-export.js +3 -3
  36. package/dist/_internal/components/data-display/DataViews/data-views-filter-panel.js +11 -11
  37. package/dist/_internal/components/data-display/DataViews/data-views-grid-bodies.js +9 -9
  38. package/dist/_internal/components/data-display/DataViews/data-views-grid-helpers.js +3 -3
  39. package/dist/_internal/components/data-display/DataViews/data-views-grid-parts.js +35 -35
  40. package/dist/_internal/components/data-display/DataViews/data-views-inline-bar.js +15 -15
  41. package/dist/_internal/components/data-display/DataViews/data-views-more-fields.js +1 -1
  42. package/dist/_internal/components/data-display/DataViews/data-views-more-filters.js +4 -4
  43. package/dist/_internal/components/data-display/DataViews/data-views-pagination.js +3 -3
  44. package/dist/_internal/components/data-display/DataViews/data-views-select-all-strip.js +3 -3
  45. package/dist/_internal/components/data-display/DataViews/data-views-shell-toolbar.js +9 -9
  46. package/dist/_internal/components/data-display/DataViews/data-views-table-parts.js +14 -12
  47. package/dist/_internal/components/data-display/DataViews/data-views-toolbar.js +8 -8
  48. package/dist/_internal/components/data-display/DataViews/data-views-view-nav.js +3 -3
  49. package/dist/_internal/components/data-display/DataViews/list-card-rails.js +1 -1
  50. package/dist/_internal/components/data-display/DataViews/use-data-views-state.js +6 -6
  51. package/dist/_internal/components/data-display/DataViews/use-saved-views-controller.js +2 -2
  52. package/dist/_internal/components/data-display/EmptyState/EmptyState.base.js +1 -0
  53. package/dist/_internal/components/data-display/EmptyState/EmptyState.base.js.map +1 -0
  54. package/dist/_internal/components/data-display/EmptyState/EmptyState.helpers.js +10 -0
  55. package/dist/_internal/components/data-display/EmptyState/EmptyState.helpers.js.map +1 -0
  56. package/dist/_internal/components/data-display/EmptyState/EmptyState.js +4 -1
  57. package/dist/_internal/components/data-display/EmptyState/EmptyState.metrics.js +44 -0
  58. package/dist/_internal/components/data-display/EmptyState/EmptyState.metrics.js.map +1 -0
  59. package/dist/_internal/components/data-display/ErrorState/ErrorState.base.js +1 -0
  60. package/dist/_internal/components/data-display/ErrorState/ErrorState.base.js.map +1 -0
  61. package/dist/_internal/components/data-display/ErrorState/ErrorState.js +3 -1
  62. package/dist/_internal/components/data-display/ErrorState/ErrorState.metrics.js +32 -0
  63. package/dist/_internal/components/data-display/ErrorState/ErrorState.metrics.js.map +1 -0
  64. package/dist/_internal/components/data-display/HoverCard/HoverCard.js +2 -2
  65. package/dist/_internal/components/data-display/Lightbox/Lightbox.js +6 -6
  66. package/dist/_internal/components/data-display/LoadingState/LoadingState.base.js +1 -0
  67. package/dist/_internal/components/data-display/LoadingState/LoadingState.base.js.map +1 -0
  68. package/dist/_internal/components/data-display/LoadingState/LoadingState.helpers.js +6 -2
  69. package/dist/_internal/components/data-display/LoadingState/LoadingState.js +6 -2
  70. package/dist/_internal/components/data-display/LoadingState/LoadingState.metrics.js +34 -0
  71. package/dist/_internal/components/data-display/LoadingState/LoadingState.metrics.js.map +1 -0
  72. package/dist/_internal/components/data-display/MapPreview/MapLayers.js +2 -2
  73. package/dist/_internal/components/data-display/MapPreview/MapPreview.js +4 -4
  74. package/dist/_internal/components/data-display/SectionOnboarding/SectionOnboarding.js +5 -2
  75. package/dist/_internal/components/data-display/Sheet/Sheet.js +2 -2
  76. package/dist/_internal/components/data-display/Table/Table.js +3 -3
  77. package/dist/_internal/components/data-display/index.js +52 -46
  78. package/dist/_internal/components/feedback/ConfirmAction/ConfirmButton.js +3 -3
  79. package/dist/_internal/components/feedback/TutorialOverlay/TutorialOverlay.js +2 -2
  80. package/dist/_internal/components/feedback/index.js +8 -8
  81. package/dist/_internal/components/form/AddressAutocomplete/AddressAutocomplete.hooks.js +4 -4
  82. package/dist/_internal/components/form/AddressAutocomplete/AddressAutocomplete.js +9 -9
  83. package/dist/_internal/components/form/AddressAutocomplete/AddressAutocompleteField.js +3 -3
  84. package/dist/_internal/components/form/Button/Button.js +2 -2
  85. package/dist/_internal/components/form/Calendar/Calendar.hooks.js +2 -2
  86. package/dist/_internal/components/form/Calendar/Calendar.js +6 -6
  87. package/dist/_internal/components/form/Calendar/CalendarDayCell.js +2 -2
  88. package/dist/_internal/components/form/Calendar/CalendarMonth.js +3 -3
  89. package/dist/_internal/components/form/CategorySelect/CategoryPanel.js +5 -5
  90. package/dist/_internal/components/form/CategorySelect/CategoryPanelList.js +3 -3
  91. package/dist/_internal/components/form/CategorySelect/CategoryRows.js +2 -2
  92. package/dist/_internal/components/form/CategorySelect/CategorySelect.js +8 -8
  93. package/dist/_internal/components/form/CepField/CepField.js +3 -3
  94. package/dist/_internal/components/form/CodeEditor/CodeEditor.js +1 -1
  95. package/dist/_internal/components/form/DateRangePicker/DateRangePicker.js +9 -9
  96. package/dist/_internal/components/form/Input/Input.js +2 -2
  97. package/dist/_internal/components/form/Menubar/Menubar.js +2 -2
  98. package/dist/_internal/components/form/RichTextEditor/RichTextEditor.js +2 -2
  99. package/dist/_internal/components/form/index.js +28 -28
  100. package/dist/_internal/components/form/total-form/Fields/CategoryField.js +9 -9
  101. package/dist/_internal/components/form/total-form/Fields/CepField.js +4 -4
  102. package/dist/_internal/components/form/total-form/Fields/TextField.js +3 -3
  103. package/dist/_internal/components/form/total-form/Fields/index.js +19 -19
  104. package/dist/_internal/components/form/total-form/SubmitButton.js +3 -3
  105. package/dist/_internal/components/index.js +111 -101
  106. package/dist/_internal/components/layout/Container/Container.base.js +1 -0
  107. package/dist/_internal/components/layout/Container/Container.base.js.map +1 -0
  108. package/dist/_internal/components/layout/Container/Container.js +3 -1
  109. package/dist/_internal/components/layout/Container/Container.metrics.js +28 -0
  110. package/dist/_internal/components/layout/Container/Container.metrics.js.map +1 -0
  111. package/dist/_internal/components/layout/ScrollArea/ScrollArea.js +2 -2
  112. package/dist/_internal/components/layout/SettingsLayout/SettingsLayout.js +4 -4
  113. package/dist/_internal/components/layout/SettingsLayout/SettingsPanel.js +2 -2
  114. package/dist/_internal/components/layout/Spacer/Spacer.base.js +1 -0
  115. package/dist/_internal/components/layout/Spacer/Spacer.base.js.map +1 -0
  116. package/dist/_internal/components/layout/Spacer/Spacer.js +3 -1
  117. package/dist/_internal/components/layout/Spacer/Spacer.metrics.js +18 -0
  118. package/dist/_internal/components/layout/Spacer/Spacer.metrics.js.map +1 -0
  119. package/dist/_internal/components/layout/index.js +10 -7
  120. package/dist/_internal/components/navigation/AppHeader/AppHeader.details.js +5 -5
  121. package/dist/_internal/components/navigation/NavigationMenu/NavigationMenu.js +2 -2
  122. package/dist/_internal/components/navigation/Pagination/Pagination.js +2 -2
  123. package/dist/_internal/components/navigation/Tabs/Tabs.js +2 -2
  124. package/dist/_internal/components/navigation/index.js +14 -14
  125. package/dist/_internal/components/typography/Heading/Heading.base.js +1 -0
  126. package/dist/_internal/components/typography/Heading/Heading.base.js.map +1 -0
  127. package/dist/_internal/components/typography/Heading/Heading.js +7 -2
  128. package/dist/_internal/components/typography/Heading/Heading.metrics.js +32 -0
  129. package/dist/_internal/components/typography/Heading/Heading.metrics.js.map +1 -0
  130. package/dist/_internal/components/typography/Heading/Heading.styles.js +5 -1
  131. package/dist/_internal/components/typography/Paragraph/Paragraph.base.js +1 -0
  132. package/dist/_internal/components/typography/Paragraph/Paragraph.base.js.map +1 -0
  133. package/dist/_internal/components/typography/Paragraph/Paragraph.js +7 -1
  134. package/dist/_internal/components/typography/Paragraph/Paragraph.metrics.js +24 -0
  135. package/dist/_internal/components/typography/Paragraph/Paragraph.metrics.js.map +1 -0
  136. package/dist/_internal/components/typography/index.js +5 -3
  137. package/dist/_internal/components/utility/InstallPrompt/InstallPrompt.js +1 -1
  138. package/dist/_internal/components/utility/index.js +1 -1
  139. package/dist/_internal/platform/aria.js +11 -0
  140. package/dist/_internal/platform/aria.js.map +1 -0
  141. package/dist/_internal/platform/text-children.js +37 -0
  142. package/dist/_internal/platform/text-children.js.map +1 -0
  143. package/dist/_internal/social-login-button/social-login-button.js +6 -5
  144. package/dist/_internal/tokens/mui-type.js +25 -0
  145. package/dist/_internal/tokens/mui-type.js.map +1 -0
  146. package/dist/_internal/user-avatar/user-avatar.js +3 -3
  147. package/dist/charts.js +13 -13
  148. package/dist/chunk-3N6EK6K5.js +57 -0
  149. package/dist/chunk-3N6EK6K5.js.map +1 -0
  150. package/dist/{chunk-77GA5YHQ.js → chunk-43NEBUV3.js} +2 -2
  151. package/dist/{chunk-4WK2RTVY.js → chunk-4FRZDSRD.js} +3 -3
  152. package/dist/{chunk-2EKALM6P.js → chunk-4SXZSSVV.js} +3 -3
  153. package/dist/{chunk-SKZHOWTS.js → chunk-5SYD23V4.js} +4 -4
  154. package/dist/chunk-6D5WEZ2L.js +219 -0
  155. package/dist/chunk-6D5WEZ2L.js.map +1 -0
  156. package/dist/{chunk-7RZ4WOQW.js → chunk-6DXYCXH4.js} +2 -2
  157. package/dist/{chunk-IJIT5HQP.js → chunk-72UYVJBQ.js} +2 -2
  158. package/dist/{chunk-KVN3K4J3.js → chunk-7DFEKTT7.js} +12 -16
  159. package/dist/chunk-7DFEKTT7.js.map +1 -0
  160. package/dist/{chunk-VNEEXUWA.js → chunk-7WL24VNI.js} +4 -4
  161. package/dist/{chunk-J54WH74M.js → chunk-AP4FLCLA.js} +4 -4
  162. package/dist/chunk-B2Y3BABA.js +136 -0
  163. package/dist/chunk-B2Y3BABA.js.map +1 -0
  164. package/dist/{chunk-IE7ISTLQ.js → chunk-B443IIQG.js} +4 -4
  165. package/dist/{chunk-EPNCYUQ7.js → chunk-BPYPUEM5.js} +5 -5
  166. package/dist/{chunk-V662PA6T.js → chunk-BUDXR3EV.js} +5 -5
  167. package/dist/{chunk-EW7ZNSWU.js → chunk-BVZVH3ZN.js} +6 -6
  168. package/dist/{chunk-U7RULTSH.js → chunk-C6XESZ3R.js} +6 -6
  169. package/dist/{chunk-WUPVHIMD.js → chunk-CLNTJM3F.js} +2 -2
  170. package/dist/{chunk-YNQGXSDD.js → chunk-CRNQVWIT.js} +7 -7
  171. package/dist/{chunk-7EESF76V.js → chunk-DLFOEXUP.js} +2 -2
  172. package/dist/{chunk-6YLAVHV4.js → chunk-DTKMBI7B.js} +4 -4
  173. package/dist/{chunk-BBC4KT5G.js → chunk-DZN3JF5E.js} +4 -4
  174. package/dist/{chunk-5ERH4OIK.js → chunk-E27Y7FF2.js} +92 -76
  175. package/dist/chunk-E27Y7FF2.js.map +1 -0
  176. package/dist/{chunk-P5YYVDAD.js → chunk-E5ZHW4I5.js} +4 -4
  177. package/dist/{chunk-OH3YGJT5.js → chunk-EMNGIYH6.js} +5 -5
  178. package/dist/{chunk-UQHJQ26Y.js → chunk-ES2RN7YV.js} +2 -2
  179. package/dist/{chunk-EGRFMPGD.js → chunk-EXJBPKGW.js} +4 -4
  180. package/dist/{chunk-BILE3A7F.js → chunk-FWCUELBU.js} +2 -2
  181. package/dist/{chunk-4R2CDZOQ.js → chunk-GBFGZJB5.js} +4 -4
  182. package/dist/{chunk-67LDIJQZ.js → chunk-GCJLMX63.js} +2 -2
  183. package/dist/chunk-HEK4LQT6.js +69 -0
  184. package/dist/chunk-HEK4LQT6.js.map +1 -0
  185. package/dist/{chunk-BLBOYCOV.js → chunk-HKV4MQ2W.js} +5 -5
  186. package/dist/{chunk-L5ZZJ4XE.js → chunk-HKZHEK3Z.js} +2 -2
  187. package/dist/{chunk-IPS55KWK.js → chunk-HP2ODXNA.js} +2 -2
  188. package/dist/{chunk-3AOOI2NR.js → chunk-HR7YTBR7.js} +4 -4
  189. package/dist/{chunk-O6J4CKS5.js → chunk-IIOEQRXX.js} +30 -13
  190. package/dist/chunk-IIOEQRXX.js.map +1 -0
  191. package/dist/{chunk-PUBPZOQJ.js → chunk-IPE5FFFD.js} +2 -2
  192. package/dist/{chunk-C52BELLW.js → chunk-ISSJNFJV.js} +2 -2
  193. package/dist/{chunk-2ZRZTGWP.js → chunk-ISW5K72V.js} +5 -5
  194. package/dist/{chunk-X24P3ZYW.js → chunk-J4W4TQPC.js} +6 -6
  195. package/dist/{chunk-LZRURORY.js → chunk-KADJNWTQ.js} +3 -3
  196. package/dist/{chunk-3AFUWDYS.js → chunk-KKYW3LU7.js} +3 -3
  197. package/dist/{chunk-NHSMLVNC.js → chunk-KSF7TLXH.js} +6 -6
  198. package/dist/{chunk-FP4R47TM.js → chunk-L65LF6LN.js} +2 -2
  199. package/dist/{chunk-FH4VARZ7.js → chunk-L6KEVPXN.js} +7 -7
  200. package/dist/{chunk-X5BHPSAC.js → chunk-LDE4ELB5.js} +7 -7
  201. package/dist/{chunk-NETZMGQP.js → chunk-LIOVN5IM.js} +2 -2
  202. package/dist/{chunk-OQXOYHIV.js → chunk-M3RIC6JI.js} +4 -4
  203. package/dist/{chunk-MY5VNNSP.js → chunk-MCRIT46W.js} +4 -4
  204. package/dist/{chunk-WO52KYSU.js → chunk-MHFJBNDP.js} +8 -8
  205. package/dist/chunk-MWFSIB6K.js +47 -0
  206. package/dist/chunk-MWFSIB6K.js.map +1 -0
  207. package/dist/chunk-N3QUEBNS.js +32 -0
  208. package/dist/chunk-N3QUEBNS.js.map +1 -0
  209. package/dist/{chunk-WBVHRLIS.js → chunk-N4WANJI3.js} +4 -4
  210. package/dist/chunk-N7MJ6CNC.js +30 -0
  211. package/dist/chunk-N7MJ6CNC.js.map +1 -0
  212. package/dist/{chunk-XKMFIH27.js → chunk-NECUCG2S.js} +14 -14
  213. package/dist/{chunk-IH4CX43Q.js → chunk-NFHS77NE.js} +2 -2
  214. package/dist/{chunk-E67PUPFJ.js → chunk-NQC6H7GY.js} +73 -57
  215. package/dist/chunk-NQC6H7GY.js.map +1 -0
  216. package/dist/{chunk-74KMXBG3.js → chunk-OAXAF4VY.js} +9 -9
  217. package/dist/{chunk-4EJSUL62.js → chunk-OR7UH2ZQ.js} +3 -3
  218. package/dist/{chunk-3ZFORMNT.js → chunk-OZWQNFG6.js} +4 -4
  219. package/dist/{chunk-23FCBIUN.js → chunk-P7FQUGED.js} +8 -8
  220. package/dist/{chunk-PC5FFEIY.js → chunk-PC3ZFERM.js} +2 -2
  221. package/dist/{chunk-XSJWN3WH.js → chunk-PMS3H3OO.js} +10 -10
  222. package/dist/{chunk-CGQI4XE5.js → chunk-PWR7K5OP.js} +16 -16
  223. package/dist/chunk-PWR7K5OP.js.map +1 -0
  224. package/dist/{chunk-KQ74QU55.js → chunk-QJJUTBKZ.js} +2 -2
  225. package/dist/chunk-QKLGH3RZ.js +29 -0
  226. package/dist/chunk-QKLGH3RZ.js.map +1 -0
  227. package/dist/{chunk-VEFDL77X.js → chunk-QZPNQWS2.js} +2 -2
  228. package/dist/{chunk-DWZ7FLA7.js → chunk-RBGOGTT2.js} +4 -4
  229. package/dist/chunk-RKCS6K36.js +48 -0
  230. package/dist/chunk-RKCS6K36.js.map +1 -0
  231. package/dist/{chunk-MZQTHSLN.js → chunk-S7HRED4D.js} +2 -2
  232. package/dist/{chunk-LUMF63BM.js → chunk-SFAP5EH5.js} +4 -4
  233. package/dist/{chunk-ZEBJT5JZ.js → chunk-SG6VULKS.js} +3 -3
  234. package/dist/{chunk-GJQYM3PM.js → chunk-SHQWIDD5.js} +4 -4
  235. package/dist/{chunk-24BUCMQA.js → chunk-SL4NFGOL.js} +4 -4
  236. package/dist/{chunk-PHCSPHDH.js → chunk-SOHDPFOB.js} +2 -2
  237. package/dist/chunk-TLGGVE56.js +37 -0
  238. package/dist/chunk-TLGGVE56.js.map +1 -0
  239. package/dist/{chunk-K2T2CQSZ.js → chunk-UF27D35R.js} +2 -2
  240. package/dist/{chunk-7M5BACFQ.js → chunk-UXQW6ZIN.js} +45 -57
  241. package/dist/chunk-UXQW6ZIN.js.map +1 -0
  242. package/dist/{chunk-A2GGT4OC.js → chunk-V3SBJ3PB.js} +54 -30
  243. package/dist/chunk-V3SBJ3PB.js.map +1 -0
  244. package/dist/chunk-VJK5FBNK.js +46 -0
  245. package/dist/chunk-VJK5FBNK.js.map +1 -0
  246. package/dist/{chunk-B7BZAIHL.js → chunk-VOOPGAQO.js} +2 -2
  247. package/dist/{chunk-GSTRPZS4.js → chunk-WEH5TCPE.js} +8 -8
  248. package/dist/{chunk-MUVJD26L.js → chunk-WPR2HS5B.js} +8 -8
  249. package/dist/{chunk-KT6HWAEN.js → chunk-WZUNBSS7.js} +2 -2
  250. package/dist/{chunk-3JYYPJFD.js → chunk-X2J6MRJW.js} +2 -2
  251. package/dist/{chunk-HEG7JIBM.js → chunk-X5MPHXG5.js} +4 -4
  252. package/dist/{chunk-NFAKRI4S.js → chunk-XELVDPKL.js} +4 -4
  253. package/dist/{chunk-EPNUVSNK.js → chunk-XFUNJYFT.js} +7 -7
  254. package/dist/{chunk-4G3FGCWX.js → chunk-XXJRT6BP.js} +2 -2
  255. package/dist/{chunk-QRX5BYUQ.js → chunk-Y6KPZQPI.js} +4 -4
  256. package/dist/chunk-YBVKLJAL.js +53 -0
  257. package/dist/chunk-YBVKLJAL.js.map +1 -0
  258. package/dist/{chunk-KZSKI2R3.js → chunk-YLDS5FOQ.js} +2 -2
  259. package/dist/chunk-YSTHOE66.js +51 -0
  260. package/dist/chunk-YSTHOE66.js.map +1 -0
  261. package/dist/{chunk-NYLXHOMR.js → chunk-Z7JNCB5Q.js} +26 -13
  262. package/dist/chunk-Z7JNCB5Q.js.map +1 -0
  263. package/dist/{chunk-WX7VWW3W.js → chunk-ZBOFBRZC.js} +2 -2
  264. package/dist/{chunk-HSAH5QUQ.js → chunk-ZIOCRSHU.js} +3 -3
  265. package/dist/{chunk-HOJL2GKW.js → chunk-ZOUWHGV3.js} +7 -7
  266. package/dist/{chunk-2ZDTGI5V.js → chunk-ZRFRU545.js} +7 -7
  267. package/dist/data-display/Alert.js +9 -2
  268. package/dist/data-display/AsyncStateContainer.js +12 -5
  269. package/dist/data-display/Badge.js +2 -2
  270. package/dist/data-display/CardKit.js +14 -12
  271. package/dist/data-display/Carousel.js +3 -3
  272. package/dist/data-display/Chart.js +13 -13
  273. package/dist/data-display/DataGrid.js +3 -3
  274. package/dist/data-display/DataViews.js +62 -60
  275. package/dist/data-display/EmptyState.js +4 -1
  276. package/dist/data-display/ErrorState.js +3 -1
  277. package/dist/data-display/HoverCard.js +2 -2
  278. package/dist/data-display/Lightbox.js +6 -6
  279. package/dist/data-display/LoadingState.js +6 -2
  280. package/dist/data-display/MapPreview.js +4 -4
  281. package/dist/data-display/SectionOnboarding.js +5 -2
  282. package/dist/data-display/Sheet.js +2 -2
  283. package/dist/data-display/Table.js +3 -3
  284. package/dist/feedback/ConfirmAction.js +6 -6
  285. package/dist/feedback/TutorialOverlay.js +2 -2
  286. package/dist/form/AddressAutocomplete.js +9 -9
  287. package/dist/form/Button.js +2 -2
  288. package/dist/form/Calendar.js +6 -6
  289. package/dist/form/CategorySelect.js +10 -10
  290. package/dist/form/CepField.js +3 -3
  291. package/dist/form/CodeEditor.js +1 -1
  292. package/dist/form/DateRangePicker.js +9 -9
  293. package/dist/form/Input.js +2 -2
  294. package/dist/form/Menubar.js +2 -2
  295. package/dist/form/RichTextEditor.js +2 -2
  296. package/dist/form/total-form.js +25 -25
  297. package/dist/layout/Container.js +3 -1
  298. package/dist/layout/ContentToolbar.js +3 -3
  299. package/dist/layout/ScrollArea.js +2 -2
  300. package/dist/layout/SettingsLayout.js +6 -6
  301. package/dist/layout/Spacer.js +3 -1
  302. package/dist/native/chunks/chunk-4NK5ZQZ3.js +10 -0
  303. package/dist/native/chunks/chunk-4NK5ZQZ3.js.map +1 -0
  304. package/dist/native/chunks/chunk-5GJ5OG5R.js +36 -0
  305. package/dist/native/chunks/chunk-5GJ5OG5R.js.map +1 -0
  306. package/dist/native/chunks/{chunk-QZ233LRH.js → chunk-EKKNUEA6.js} +2 -2
  307. package/dist/native/chunks/{chunk-L2UUNK2M.js → chunk-P3PL4WBO.js} +2 -1
  308. package/dist/native/chunks/chunk-UKCCYP52.js +318 -0
  309. package/dist/native/chunks/chunk-UKCCYP52.js.map +1 -0
  310. package/dist/native/chunks/chunk-V4DQTC5L.js +24 -0
  311. package/dist/native/chunks/chunk-V4DQTC5L.js.map +1 -0
  312. package/dist/native/chunks/chunk-YQGNMAJN.js +108 -0
  313. package/dist/native/chunks/chunk-YQGNMAJN.js.map +1 -0
  314. package/dist/native/chunks/{chunk-VGBKUL6D.js → chunk-YTHR4Y5P.js} +2 -2
  315. package/dist/native/data-display/Alert.js +372 -0
  316. package/dist/native/data-display/Alert.js.map +1 -0
  317. package/dist/native/data-display/EmptyState.js +293 -0
  318. package/dist/native/data-display/EmptyState.js.map +1 -0
  319. package/dist/native/data-display/ErrorState.js +188 -0
  320. package/dist/native/data-display/ErrorState.js.map +1 -0
  321. package/dist/native/data-display/LoadingState.js +205 -0
  322. package/dist/native/data-display/LoadingState.js.map +1 -0
  323. package/dist/native/form/Button.js +6 -316
  324. package/dist/native/form/Button.js.map +1 -1
  325. package/dist/native/icons.js +10 -99
  326. package/dist/native/icons.js.map +1 -1
  327. package/dist/native/layout/Box.js +3 -3
  328. package/dist/native/layout/Container.js +93 -0
  329. package/dist/native/layout/Container.js.map +1 -0
  330. package/dist/native/layout/Spacer.js +80 -0
  331. package/dist/native/layout/Spacer.js.map +1 -0
  332. package/dist/native/layout/Stack.js +3 -3
  333. package/dist/native/provider.js +2 -2
  334. package/dist/native/tokens.js +1 -1
  335. package/dist/native/typography/Heading.js +110 -0
  336. package/dist/native/typography/Heading.js.map +1 -0
  337. package/dist/native/typography/Paragraph.js +86 -0
  338. package/dist/native/typography/Paragraph.js.map +1 -0
  339. package/dist/native/typography/Text.js +2 -2
  340. package/dist/navigation/AppHeader.js +9 -9
  341. package/dist/navigation/NavigationMenu.js +2 -2
  342. package/dist/navigation/Pagination.js +2 -2
  343. package/dist/navigation/Tabs.js +2 -2
  344. package/dist/social-login-button.js +6 -5
  345. package/dist/types/components/data-display/Alert/Alert.base.d.ts +92 -0
  346. package/dist/types/components/data-display/Alert/Alert.base.d.ts.map +1 -0
  347. package/dist/types/components/data-display/Alert/Alert.d.ts.map +1 -1
  348. package/dist/types/components/data-display/Alert/Alert.helpers.d.ts +23 -0
  349. package/dist/types/components/data-display/Alert/Alert.helpers.d.ts.map +1 -0
  350. package/dist/types/components/data-display/Alert/Alert.metrics.d.ts +181 -0
  351. package/dist/types/components/data-display/Alert/Alert.metrics.d.ts.map +1 -0
  352. package/dist/types/components/data-display/Alert/Alert.styles.d.ts +3 -10
  353. package/dist/types/components/data-display/Alert/Alert.styles.d.ts.map +1 -1
  354. package/dist/types/components/data-display/Alert/Alert.types.d.ts +5 -79
  355. package/dist/types/components/data-display/Alert/Alert.types.d.ts.map +1 -1
  356. package/dist/types/components/data-display/Alert/index.d.ts +1 -1
  357. package/dist/types/components/data-display/Alert/index.d.ts.map +1 -1
  358. package/dist/types/components/data-display/EmptyState/EmptyState.base.d.ts +51 -0
  359. package/dist/types/components/data-display/EmptyState/EmptyState.base.d.ts.map +1 -0
  360. package/dist/types/components/data-display/EmptyState/EmptyState.d.ts.map +1 -1
  361. package/dist/types/components/data-display/EmptyState/EmptyState.helpers.d.ts +13 -0
  362. package/dist/types/components/data-display/EmptyState/EmptyState.helpers.d.ts.map +1 -0
  363. package/dist/types/components/data-display/EmptyState/EmptyState.metrics.d.ts +57 -0
  364. package/dist/types/components/data-display/EmptyState/EmptyState.metrics.d.ts.map +1 -0
  365. package/dist/types/components/data-display/EmptyState/EmptyState.types.d.ts +3 -39
  366. package/dist/types/components/data-display/EmptyState/EmptyState.types.d.ts.map +1 -1
  367. package/dist/types/components/data-display/EmptyState/index.d.ts +1 -1
  368. package/dist/types/components/data-display/EmptyState/index.d.ts.map +1 -1
  369. package/dist/types/components/data-display/ErrorState/ErrorState.base.d.ts +43 -0
  370. package/dist/types/components/data-display/ErrorState/ErrorState.base.d.ts.map +1 -0
  371. package/dist/types/components/data-display/ErrorState/ErrorState.d.ts.map +1 -1
  372. package/dist/types/components/data-display/ErrorState/ErrorState.metrics.d.ts +37 -0
  373. package/dist/types/components/data-display/ErrorState/ErrorState.metrics.d.ts.map +1 -0
  374. package/dist/types/components/data-display/ErrorState/ErrorState.types.d.ts +3 -32
  375. package/dist/types/components/data-display/ErrorState/ErrorState.types.d.ts.map +1 -1
  376. package/dist/types/components/data-display/ErrorState/index.d.ts +1 -1
  377. package/dist/types/components/data-display/ErrorState/index.d.ts.map +1 -1
  378. package/dist/types/components/data-display/LoadingState/LoadingState.base.d.ts +37 -0
  379. package/dist/types/components/data-display/LoadingState/LoadingState.base.d.ts.map +1 -0
  380. package/dist/types/components/data-display/LoadingState/LoadingState.d.ts.map +1 -1
  381. package/dist/types/components/data-display/LoadingState/LoadingState.helpers.d.ts +12 -6
  382. package/dist/types/components/data-display/LoadingState/LoadingState.helpers.d.ts.map +1 -1
  383. package/dist/types/components/data-display/LoadingState/LoadingState.metrics.d.ts +43 -0
  384. package/dist/types/components/data-display/LoadingState/LoadingState.metrics.d.ts.map +1 -0
  385. package/dist/types/components/data-display/LoadingState/LoadingState.types.d.ts +3 -27
  386. package/dist/types/components/data-display/LoadingState/LoadingState.types.d.ts.map +1 -1
  387. package/dist/types/components/data-display/LoadingState/index.d.ts +1 -1
  388. package/dist/types/components/data-display/LoadingState/index.d.ts.map +1 -1
  389. package/dist/types/components/layout/Container/Container.base.d.ts +31 -0
  390. package/dist/types/components/layout/Container/Container.base.d.ts.map +1 -0
  391. package/dist/types/components/layout/Container/Container.d.ts.map +1 -1
  392. package/dist/types/components/layout/Container/Container.metrics.d.ts +57 -0
  393. package/dist/types/components/layout/Container/Container.metrics.d.ts.map +1 -0
  394. package/dist/types/components/layout/Container/Container.types.d.ts +4 -8
  395. package/dist/types/components/layout/Container/Container.types.d.ts.map +1 -1
  396. package/dist/types/components/layout/Container/index.d.ts +1 -1
  397. package/dist/types/components/layout/Container/index.d.ts.map +1 -1
  398. package/dist/types/components/layout/Spacer/Spacer.base.d.ts +30 -0
  399. package/dist/types/components/layout/Spacer/Spacer.base.d.ts.map +1 -0
  400. package/dist/types/components/layout/Spacer/Spacer.d.ts.map +1 -1
  401. package/dist/types/components/layout/Spacer/Spacer.metrics.d.ts +36 -0
  402. package/dist/types/components/layout/Spacer/Spacer.metrics.d.ts.map +1 -0
  403. package/dist/types/components/layout/Spacer/Spacer.types.d.ts +4 -9
  404. package/dist/types/components/layout/Spacer/Spacer.types.d.ts.map +1 -1
  405. package/dist/types/components/layout/Spacer/index.d.ts +1 -1
  406. package/dist/types/components/layout/Spacer/index.d.ts.map +1 -1
  407. package/dist/types/components/typography/Heading/Heading.base.d.ts +52 -0
  408. package/dist/types/components/typography/Heading/Heading.base.d.ts.map +1 -0
  409. package/dist/types/components/typography/Heading/Heading.d.ts +9 -6
  410. package/dist/types/components/typography/Heading/Heading.d.ts.map +1 -1
  411. package/dist/types/components/typography/Heading/Heading.metrics.d.ts +52 -0
  412. package/dist/types/components/typography/Heading/Heading.metrics.d.ts.map +1 -0
  413. package/dist/types/components/typography/Heading/Heading.styles.d.ts.map +1 -1
  414. package/dist/types/components/typography/Heading/Heading.types.d.ts +8 -38
  415. package/dist/types/components/typography/Heading/Heading.types.d.ts.map +1 -1
  416. package/dist/types/components/typography/Heading/index.d.ts +1 -1
  417. package/dist/types/components/typography/Heading/index.d.ts.map +1 -1
  418. package/dist/types/components/typography/Paragraph/Paragraph.base.d.ts +23 -0
  419. package/dist/types/components/typography/Paragraph/Paragraph.base.d.ts.map +1 -0
  420. package/dist/types/components/typography/Paragraph/Paragraph.d.ts.map +1 -1
  421. package/dist/types/components/typography/Paragraph/Paragraph.metrics.d.ts +30 -0
  422. package/dist/types/components/typography/Paragraph/Paragraph.metrics.d.ts.map +1 -0
  423. package/dist/types/components/typography/Paragraph/Paragraph.types.d.ts +4 -7
  424. package/dist/types/components/typography/Paragraph/Paragraph.types.d.ts.map +1 -1
  425. package/dist/types/components/typography/Paragraph/index.d.ts +1 -1
  426. package/dist/types/components/typography/Paragraph/index.d.ts.map +1 -1
  427. package/dist/types/platform/aria.d.ts +29 -0
  428. package/dist/types/platform/aria.d.ts.map +1 -0
  429. package/dist/types/platform/text-children.d.ts +6 -0
  430. package/dist/types/platform/text-children.d.ts.map +1 -0
  431. package/dist/types/tokens/mui-type.d.ts +42 -0
  432. package/dist/types/tokens/mui-type.d.ts.map +1 -0
  433. package/dist/types-native/components/data-display/Alert/Alert.base.d.ts +92 -0
  434. package/dist/types-native/components/data-display/Alert/Alert.base.d.ts.map +1 -0
  435. package/dist/types-native/components/data-display/Alert/Alert.helpers.d.ts +23 -0
  436. package/dist/types-native/components/data-display/Alert/Alert.helpers.d.ts.map +1 -0
  437. package/dist/types-native/components/data-display/Alert/Alert.look.native.d.ts +46 -0
  438. package/dist/types-native/components/data-display/Alert/Alert.look.native.d.ts.map +1 -0
  439. package/dist/types-native/components/data-display/Alert/Alert.metrics.d.ts +181 -0
  440. package/dist/types-native/components/data-display/Alert/Alert.metrics.d.ts.map +1 -0
  441. package/dist/types-native/components/data-display/Alert/Alert.native.d.ts +5 -0
  442. package/dist/types-native/components/data-display/Alert/Alert.native.d.ts.map +1 -0
  443. package/dist/types-native/components/data-display/Alert/Alert.types.native.d.ts +8 -0
  444. package/dist/types-native/components/data-display/Alert/Alert.types.native.d.ts.map +1 -0
  445. package/dist/types-native/components/data-display/Alert/index.native.d.ts +3 -0
  446. package/dist/types-native/components/data-display/Alert/index.native.d.ts.map +1 -0
  447. package/dist/types-native/components/data-display/EmptyState/EmptyState.base.d.ts +51 -0
  448. package/dist/types-native/components/data-display/EmptyState/EmptyState.base.d.ts.map +1 -0
  449. package/dist/types-native/components/data-display/EmptyState/EmptyState.helpers.d.ts +13 -0
  450. package/dist/types-native/components/data-display/EmptyState/EmptyState.helpers.d.ts.map +1 -0
  451. package/dist/types-native/components/data-display/EmptyState/EmptyState.metrics.d.ts +57 -0
  452. package/dist/types-native/components/data-display/EmptyState/EmptyState.metrics.d.ts.map +1 -0
  453. package/dist/types-native/components/data-display/EmptyState/EmptyState.native.d.ts +22 -0
  454. package/dist/types-native/components/data-display/EmptyState/EmptyState.native.d.ts.map +1 -0
  455. package/dist/types-native/components/data-display/EmptyState/EmptyState.types.native.d.ts +8 -0
  456. package/dist/types-native/components/data-display/EmptyState/EmptyState.types.native.d.ts.map +1 -0
  457. package/dist/types-native/components/data-display/EmptyState/index.native.d.ts +3 -0
  458. package/dist/types-native/components/data-display/EmptyState/index.native.d.ts.map +1 -0
  459. package/dist/types-native/components/data-display/ErrorState/ErrorState.base.d.ts +43 -0
  460. package/dist/types-native/components/data-display/ErrorState/ErrorState.base.d.ts.map +1 -0
  461. package/dist/types-native/components/data-display/ErrorState/ErrorState.metrics.d.ts +37 -0
  462. package/dist/types-native/components/data-display/ErrorState/ErrorState.metrics.d.ts.map +1 -0
  463. package/dist/types-native/components/data-display/ErrorState/ErrorState.native.d.ts +14 -0
  464. package/dist/types-native/components/data-display/ErrorState/ErrorState.native.d.ts.map +1 -0
  465. package/dist/types-native/components/data-display/ErrorState/ErrorState.types.native.d.ts +8 -0
  466. package/dist/types-native/components/data-display/ErrorState/ErrorState.types.native.d.ts.map +1 -0
  467. package/dist/types-native/components/data-display/ErrorState/index.native.d.ts +3 -0
  468. package/dist/types-native/components/data-display/ErrorState/index.native.d.ts.map +1 -0
  469. package/dist/types-native/components/data-display/LoadingState/LoadingState.base.d.ts +37 -0
  470. package/dist/types-native/components/data-display/LoadingState/LoadingState.base.d.ts.map +1 -0
  471. package/dist/types-native/components/data-display/LoadingState/LoadingState.helpers.d.ts +27 -0
  472. package/dist/types-native/components/data-display/LoadingState/LoadingState.helpers.d.ts.map +1 -0
  473. package/dist/types-native/components/data-display/LoadingState/LoadingState.metrics.d.ts +43 -0
  474. package/dist/types-native/components/data-display/LoadingState/LoadingState.metrics.d.ts.map +1 -0
  475. package/dist/types-native/components/data-display/LoadingState/LoadingState.native.d.ts +10 -0
  476. package/dist/types-native/components/data-display/LoadingState/LoadingState.native.d.ts.map +1 -0
  477. package/dist/types-native/components/data-display/LoadingState/LoadingState.types.native.d.ts +8 -0
  478. package/dist/types-native/components/data-display/LoadingState/LoadingState.types.native.d.ts.map +1 -0
  479. package/dist/types-native/components/data-display/LoadingState/index.native.d.ts +3 -0
  480. package/dist/types-native/components/data-display/LoadingState/index.native.d.ts.map +1 -0
  481. package/dist/types-native/components/form/Button/Button.native.d.ts +1 -1
  482. package/dist/types-native/components/form/Button/Button.native.d.ts.map +1 -1
  483. package/dist/types-native/components/layout/Container/Container.base.d.ts +31 -0
  484. package/dist/types-native/components/layout/Container/Container.base.d.ts.map +1 -0
  485. package/dist/types-native/components/layout/Container/Container.metrics.d.ts +57 -0
  486. package/dist/types-native/components/layout/Container/Container.metrics.d.ts.map +1 -0
  487. package/dist/types-native/components/layout/Container/Container.native.d.ts +30 -0
  488. package/dist/types-native/components/layout/Container/Container.native.d.ts.map +1 -0
  489. package/dist/types-native/components/layout/Container/Container.types.native.d.ts +8 -0
  490. package/dist/types-native/components/layout/Container/Container.types.native.d.ts.map +1 -0
  491. package/dist/types-native/components/layout/Container/index.native.d.ts +3 -0
  492. package/dist/types-native/components/layout/Container/index.native.d.ts.map +1 -0
  493. package/dist/types-native/components/layout/Spacer/Spacer.base.d.ts +30 -0
  494. package/dist/types-native/components/layout/Spacer/Spacer.base.d.ts.map +1 -0
  495. package/dist/types-native/components/layout/Spacer/Spacer.metrics.d.ts +36 -0
  496. package/dist/types-native/components/layout/Spacer/Spacer.metrics.d.ts.map +1 -0
  497. package/dist/types-native/components/layout/Spacer/Spacer.native.d.ts +21 -0
  498. package/dist/types-native/components/layout/Spacer/Spacer.native.d.ts.map +1 -0
  499. package/dist/types-native/components/layout/Spacer/Spacer.types.native.d.ts +8 -0
  500. package/dist/types-native/components/layout/Spacer/Spacer.types.native.d.ts.map +1 -0
  501. package/dist/types-native/components/layout/Spacer/index.native.d.ts +3 -0
  502. package/dist/types-native/components/layout/Spacer/index.native.d.ts.map +1 -0
  503. package/dist/types-native/components/typography/Heading/Heading.base.d.ts +52 -0
  504. package/dist/types-native/components/typography/Heading/Heading.base.d.ts.map +1 -0
  505. package/dist/types-native/components/typography/Heading/Heading.metrics.d.ts +52 -0
  506. package/dist/types-native/components/typography/Heading/Heading.metrics.d.ts.map +1 -0
  507. package/dist/types-native/components/typography/Heading/Heading.native.d.ts +30 -0
  508. package/dist/types-native/components/typography/Heading/Heading.native.d.ts.map +1 -0
  509. package/dist/types-native/components/typography/Heading/Heading.types.native.d.ts +14 -0
  510. package/dist/types-native/components/typography/Heading/Heading.types.native.d.ts.map +1 -0
  511. package/dist/types-native/components/typography/Heading/index.native.d.ts +3 -0
  512. package/dist/types-native/components/typography/Heading/index.native.d.ts.map +1 -0
  513. package/dist/types-native/components/typography/Paragraph/Paragraph.base.d.ts +23 -0
  514. package/dist/types-native/components/typography/Paragraph/Paragraph.base.d.ts.map +1 -0
  515. package/dist/types-native/components/typography/Paragraph/Paragraph.metrics.d.ts +30 -0
  516. package/dist/types-native/components/typography/Paragraph/Paragraph.metrics.d.ts.map +1 -0
  517. package/dist/types-native/components/typography/Paragraph/Paragraph.native.d.ts +23 -0
  518. package/dist/types-native/components/typography/Paragraph/Paragraph.native.d.ts.map +1 -0
  519. package/dist/types-native/components/typography/Paragraph/Paragraph.types.native.d.ts +14 -0
  520. package/dist/types-native/components/typography/Paragraph/Paragraph.types.native.d.ts.map +1 -0
  521. package/dist/types-native/components/typography/Paragraph/index.native.d.ts +3 -0
  522. package/dist/types-native/components/typography/Paragraph/index.native.d.ts.map +1 -0
  523. package/dist/types-native/platform/aria.d.ts +29 -0
  524. package/dist/types-native/platform/aria.d.ts.map +1 -0
  525. package/dist/types-native/platform/text-children.d.ts +6 -0
  526. package/dist/types-native/platform/text-children.d.ts.map +1 -0
  527. package/dist/types-native/tokens/mui-type.d.ts +42 -0
  528. package/dist/types-native/tokens/mui-type.d.ts.map +1 -0
  529. package/dist/typography/Heading.js +7 -2
  530. package/dist/typography/Paragraph.js +7 -1
  531. package/dist/user-avatar.js +3 -3
  532. package/dist/utility/InstallPrompt.js +1 -1
  533. package/package.json +33 -1
  534. package/src/components/data-display/Alert/Alert.base.ts +105 -0
  535. package/src/components/data-display/Alert/Alert.helpers.ts +54 -0
  536. package/src/components/data-display/Alert/Alert.look.native.ts +131 -0
  537. package/src/components/data-display/Alert/Alert.metrics.ts +166 -0
  538. package/src/components/data-display/Alert/Alert.native.tsx +239 -0
  539. package/src/components/data-display/Alert/Alert.styles.tsx +162 -134
  540. package/src/components/data-display/Alert/Alert.tsx +136 -121
  541. package/src/components/data-display/Alert/Alert.types.native.ts +12 -0
  542. package/src/components/data-display/Alert/Alert.types.ts +7 -85
  543. package/src/components/data-display/Alert/NATIVE-NOTES.md +10 -0
  544. package/src/components/data-display/Alert/index.native.ts +2 -0
  545. package/src/components/data-display/Alert/index.ts +1 -1
  546. package/src/components/data-display/EmptyState/EmptyState.base.ts +54 -0
  547. package/src/components/data-display/EmptyState/EmptyState.helpers.ts +66 -0
  548. package/src/components/data-display/EmptyState/EmptyState.metrics.ts +54 -0
  549. package/src/components/data-display/EmptyState/EmptyState.native.tsx +277 -0
  550. package/src/components/data-display/EmptyState/EmptyState.tsx +42 -79
  551. package/src/components/data-display/EmptyState/EmptyState.types.native.ts +16 -0
  552. package/src/components/data-display/EmptyState/EmptyState.types.ts +11 -30
  553. package/src/components/data-display/EmptyState/NATIVE-NOTES.md +7 -0
  554. package/src/components/data-display/EmptyState/index.native.ts +8 -0
  555. package/src/components/data-display/EmptyState/index.ts +7 -1
  556. package/src/components/data-display/ErrorState/ErrorState.base.ts +51 -0
  557. package/src/components/data-display/ErrorState/ErrorState.metrics.ts +44 -0
  558. package/src/components/data-display/ErrorState/ErrorState.native.tsx +193 -0
  559. package/src/components/data-display/ErrorState/ErrorState.tsx +68 -53
  560. package/src/components/data-display/ErrorState/ErrorState.types.native.ts +11 -0
  561. package/src/components/data-display/ErrorState/ErrorState.types.ts +3 -38
  562. package/src/components/data-display/ErrorState/NATIVE-NOTES.md +6 -0
  563. package/src/components/data-display/ErrorState/index.native.ts +2 -0
  564. package/src/components/data-display/ErrorState/index.ts +1 -1
  565. package/src/components/data-display/LoadingState/LoadingState.base.ts +43 -0
  566. package/src/components/data-display/LoadingState/LoadingState.helpers.ts +27 -28
  567. package/src/components/data-display/LoadingState/LoadingState.metrics.ts +67 -0
  568. package/src/components/data-display/LoadingState/LoadingState.native.tsx +175 -0
  569. package/src/components/data-display/LoadingState/LoadingState.tsx +25 -11
  570. package/src/components/data-display/LoadingState/LoadingState.types.native.ts +11 -0
  571. package/src/components/data-display/LoadingState/LoadingState.types.ts +3 -31
  572. package/src/components/data-display/LoadingState/NATIVE-NOTES.md +7 -0
  573. package/src/components/data-display/LoadingState/index.native.ts +7 -0
  574. package/src/components/data-display/LoadingState/index.ts +6 -1
  575. package/src/components/form/Button/Button.native.tsx +2 -18
  576. package/src/components/layout/Container/Container.base.ts +32 -0
  577. package/src/components/layout/Container/Container.md +14 -0
  578. package/src/components/layout/Container/Container.metrics.ts +101 -0
  579. package/src/components/layout/Container/Container.native.tsx +73 -0
  580. package/src/components/layout/Container/Container.tsx +27 -30
  581. package/src/components/layout/Container/Container.types.native.ts +11 -0
  582. package/src/components/layout/Container/Container.types.ts +8 -9
  583. package/src/components/layout/Container/NATIVE-NOTES.md +3 -0
  584. package/src/components/layout/Container/index.native.ts +8 -0
  585. package/src/components/layout/Container/index.ts +7 -1
  586. package/src/components/layout/Spacer/Spacer.base.ts +32 -0
  587. package/src/components/layout/Spacer/Spacer.md +13 -1
  588. package/src/components/layout/Spacer/Spacer.metrics.ts +55 -0
  589. package/src/components/layout/Spacer/Spacer.native.tsx +68 -0
  590. package/src/components/layout/Spacer/Spacer.tsx +11 -41
  591. package/src/components/layout/Spacer/Spacer.types.native.ts +11 -0
  592. package/src/components/layout/Spacer/Spacer.types.ts +5 -9
  593. package/src/components/layout/Spacer/index.native.ts +2 -0
  594. package/src/components/layout/Spacer/index.ts +1 -1
  595. package/src/components/typography/Heading/Heading.base.ts +55 -0
  596. package/src/components/typography/Heading/Heading.md +13 -0
  597. package/src/components/typography/Heading/Heading.metrics.ts +84 -0
  598. package/src/components/typography/Heading/Heading.native.tsx +105 -0
  599. package/src/components/typography/Heading/Heading.styles.ts +19 -21
  600. package/src/components/typography/Heading/Heading.tsx +26 -23
  601. package/src/components/typography/Heading/Heading.types.native.ts +17 -0
  602. package/src/components/typography/Heading/Heading.types.ts +11 -39
  603. package/src/components/typography/Heading/NATIVE-NOTES.md +3 -0
  604. package/src/components/typography/Heading/index.native.ts +2 -0
  605. package/src/components/typography/Heading/index.ts +1 -1
  606. package/src/components/typography/Paragraph/Paragraph.base.ts +25 -0
  607. package/src/components/typography/Paragraph/Paragraph.md +11 -0
  608. package/src/components/typography/Paragraph/Paragraph.metrics.ts +41 -0
  609. package/src/components/typography/Paragraph/Paragraph.native.tsx +100 -0
  610. package/src/components/typography/Paragraph/Paragraph.tsx +53 -30
  611. package/src/components/typography/Paragraph/Paragraph.types.native.ts +17 -0
  612. package/src/components/typography/Paragraph/Paragraph.types.ts +7 -8
  613. package/src/components/typography/Paragraph/index.native.ts +2 -0
  614. package/src/components/typography/Paragraph/index.ts +1 -1
  615. package/src/platform/aria.ts +32 -0
  616. package/src/platform/text-children.tsx +68 -0
  617. package/src/tokens/mui-type.ts +64 -0
  618. package/dist/chunk-5ERH4OIK.js.map +0 -1
  619. package/dist/chunk-7M5BACFQ.js.map +0 -1
  620. package/dist/chunk-A2GGT4OC.js.map +0 -1
  621. package/dist/chunk-C6AZDXEE.js +0 -207
  622. package/dist/chunk-C6AZDXEE.js.map +0 -1
  623. package/dist/chunk-CGQI4XE5.js.map +0 -1
  624. package/dist/chunk-DTO7GKLA.js +0 -65
  625. package/dist/chunk-DTO7GKLA.js.map +0 -1
  626. package/dist/chunk-E67PUPFJ.js.map +0 -1
  627. package/dist/chunk-KVN3K4J3.js.map +0 -1
  628. package/dist/chunk-NBNLGTRB.js +0 -71
  629. package/dist/chunk-NBNLGTRB.js.map +0 -1
  630. package/dist/chunk-NYLXHOMR.js.map +0 -1
  631. package/dist/chunk-O6J4CKS5.js.map +0 -1
  632. /package/dist/{chunk-77GA5YHQ.js.map → chunk-43NEBUV3.js.map} +0 -0
  633. /package/dist/{chunk-4WK2RTVY.js.map → chunk-4FRZDSRD.js.map} +0 -0
  634. /package/dist/{chunk-2EKALM6P.js.map → chunk-4SXZSSVV.js.map} +0 -0
  635. /package/dist/{chunk-SKZHOWTS.js.map → chunk-5SYD23V4.js.map} +0 -0
  636. /package/dist/{chunk-7RZ4WOQW.js.map → chunk-6DXYCXH4.js.map} +0 -0
  637. /package/dist/{chunk-IJIT5HQP.js.map → chunk-72UYVJBQ.js.map} +0 -0
  638. /package/dist/{chunk-VNEEXUWA.js.map → chunk-7WL24VNI.js.map} +0 -0
  639. /package/dist/{chunk-J54WH74M.js.map → chunk-AP4FLCLA.js.map} +0 -0
  640. /package/dist/{chunk-IE7ISTLQ.js.map → chunk-B443IIQG.js.map} +0 -0
  641. /package/dist/{chunk-EPNCYUQ7.js.map → chunk-BPYPUEM5.js.map} +0 -0
  642. /package/dist/{chunk-V662PA6T.js.map → chunk-BUDXR3EV.js.map} +0 -0
  643. /package/dist/{chunk-EW7ZNSWU.js.map → chunk-BVZVH3ZN.js.map} +0 -0
  644. /package/dist/{chunk-U7RULTSH.js.map → chunk-C6XESZ3R.js.map} +0 -0
  645. /package/dist/{chunk-WUPVHIMD.js.map → chunk-CLNTJM3F.js.map} +0 -0
  646. /package/dist/{chunk-YNQGXSDD.js.map → chunk-CRNQVWIT.js.map} +0 -0
  647. /package/dist/{chunk-7EESF76V.js.map → chunk-DLFOEXUP.js.map} +0 -0
  648. /package/dist/{chunk-6YLAVHV4.js.map → chunk-DTKMBI7B.js.map} +0 -0
  649. /package/dist/{chunk-BBC4KT5G.js.map → chunk-DZN3JF5E.js.map} +0 -0
  650. /package/dist/{chunk-P5YYVDAD.js.map → chunk-E5ZHW4I5.js.map} +0 -0
  651. /package/dist/{chunk-OH3YGJT5.js.map → chunk-EMNGIYH6.js.map} +0 -0
  652. /package/dist/{chunk-UQHJQ26Y.js.map → chunk-ES2RN7YV.js.map} +0 -0
  653. /package/dist/{chunk-EGRFMPGD.js.map → chunk-EXJBPKGW.js.map} +0 -0
  654. /package/dist/{chunk-BILE3A7F.js.map → chunk-FWCUELBU.js.map} +0 -0
  655. /package/dist/{chunk-4R2CDZOQ.js.map → chunk-GBFGZJB5.js.map} +0 -0
  656. /package/dist/{chunk-67LDIJQZ.js.map → chunk-GCJLMX63.js.map} +0 -0
  657. /package/dist/{chunk-BLBOYCOV.js.map → chunk-HKV4MQ2W.js.map} +0 -0
  658. /package/dist/{chunk-L5ZZJ4XE.js.map → chunk-HKZHEK3Z.js.map} +0 -0
  659. /package/dist/{chunk-IPS55KWK.js.map → chunk-HP2ODXNA.js.map} +0 -0
  660. /package/dist/{chunk-3AOOI2NR.js.map → chunk-HR7YTBR7.js.map} +0 -0
  661. /package/dist/{chunk-PUBPZOQJ.js.map → chunk-IPE5FFFD.js.map} +0 -0
  662. /package/dist/{chunk-C52BELLW.js.map → chunk-ISSJNFJV.js.map} +0 -0
  663. /package/dist/{chunk-2ZRZTGWP.js.map → chunk-ISW5K72V.js.map} +0 -0
  664. /package/dist/{chunk-X24P3ZYW.js.map → chunk-J4W4TQPC.js.map} +0 -0
  665. /package/dist/{chunk-LZRURORY.js.map → chunk-KADJNWTQ.js.map} +0 -0
  666. /package/dist/{chunk-3AFUWDYS.js.map → chunk-KKYW3LU7.js.map} +0 -0
  667. /package/dist/{chunk-NHSMLVNC.js.map → chunk-KSF7TLXH.js.map} +0 -0
  668. /package/dist/{chunk-FP4R47TM.js.map → chunk-L65LF6LN.js.map} +0 -0
  669. /package/dist/{chunk-FH4VARZ7.js.map → chunk-L6KEVPXN.js.map} +0 -0
  670. /package/dist/{chunk-X5BHPSAC.js.map → chunk-LDE4ELB5.js.map} +0 -0
  671. /package/dist/{chunk-NETZMGQP.js.map → chunk-LIOVN5IM.js.map} +0 -0
  672. /package/dist/{chunk-OQXOYHIV.js.map → chunk-M3RIC6JI.js.map} +0 -0
  673. /package/dist/{chunk-MY5VNNSP.js.map → chunk-MCRIT46W.js.map} +0 -0
  674. /package/dist/{chunk-WO52KYSU.js.map → chunk-MHFJBNDP.js.map} +0 -0
  675. /package/dist/{chunk-WBVHRLIS.js.map → chunk-N4WANJI3.js.map} +0 -0
  676. /package/dist/{chunk-XKMFIH27.js.map → chunk-NECUCG2S.js.map} +0 -0
  677. /package/dist/{chunk-IH4CX43Q.js.map → chunk-NFHS77NE.js.map} +0 -0
  678. /package/dist/{chunk-74KMXBG3.js.map → chunk-OAXAF4VY.js.map} +0 -0
  679. /package/dist/{chunk-4EJSUL62.js.map → chunk-OR7UH2ZQ.js.map} +0 -0
  680. /package/dist/{chunk-3ZFORMNT.js.map → chunk-OZWQNFG6.js.map} +0 -0
  681. /package/dist/{chunk-23FCBIUN.js.map → chunk-P7FQUGED.js.map} +0 -0
  682. /package/dist/{chunk-PC5FFEIY.js.map → chunk-PC3ZFERM.js.map} +0 -0
  683. /package/dist/{chunk-XSJWN3WH.js.map → chunk-PMS3H3OO.js.map} +0 -0
  684. /package/dist/{chunk-KQ74QU55.js.map → chunk-QJJUTBKZ.js.map} +0 -0
  685. /package/dist/{chunk-VEFDL77X.js.map → chunk-QZPNQWS2.js.map} +0 -0
  686. /package/dist/{chunk-DWZ7FLA7.js.map → chunk-RBGOGTT2.js.map} +0 -0
  687. /package/dist/{chunk-MZQTHSLN.js.map → chunk-S7HRED4D.js.map} +0 -0
  688. /package/dist/{chunk-LUMF63BM.js.map → chunk-SFAP5EH5.js.map} +0 -0
  689. /package/dist/{chunk-ZEBJT5JZ.js.map → chunk-SG6VULKS.js.map} +0 -0
  690. /package/dist/{chunk-GJQYM3PM.js.map → chunk-SHQWIDD5.js.map} +0 -0
  691. /package/dist/{chunk-24BUCMQA.js.map → chunk-SL4NFGOL.js.map} +0 -0
  692. /package/dist/{chunk-PHCSPHDH.js.map → chunk-SOHDPFOB.js.map} +0 -0
  693. /package/dist/{chunk-K2T2CQSZ.js.map → chunk-UF27D35R.js.map} +0 -0
  694. /package/dist/{chunk-B7BZAIHL.js.map → chunk-VOOPGAQO.js.map} +0 -0
  695. /package/dist/{chunk-GSTRPZS4.js.map → chunk-WEH5TCPE.js.map} +0 -0
  696. /package/dist/{chunk-MUVJD26L.js.map → chunk-WPR2HS5B.js.map} +0 -0
  697. /package/dist/{chunk-KT6HWAEN.js.map → chunk-WZUNBSS7.js.map} +0 -0
  698. /package/dist/{chunk-3JYYPJFD.js.map → chunk-X2J6MRJW.js.map} +0 -0
  699. /package/dist/{chunk-HEG7JIBM.js.map → chunk-X5MPHXG5.js.map} +0 -0
  700. /package/dist/{chunk-NFAKRI4S.js.map → chunk-XELVDPKL.js.map} +0 -0
  701. /package/dist/{chunk-EPNUVSNK.js.map → chunk-XFUNJYFT.js.map} +0 -0
  702. /package/dist/{chunk-4G3FGCWX.js.map → chunk-XXJRT6BP.js.map} +0 -0
  703. /package/dist/{chunk-QRX5BYUQ.js.map → chunk-Y6KPZQPI.js.map} +0 -0
  704. /package/dist/{chunk-KZSKI2R3.js.map → chunk-YLDS5FOQ.js.map} +0 -0
  705. /package/dist/{chunk-WX7VWW3W.js.map → chunk-ZBOFBRZC.js.map} +0 -0
  706. /package/dist/{chunk-HSAH5QUQ.js.map → chunk-ZIOCRSHU.js.map} +0 -0
  707. /package/dist/{chunk-HOJL2GKW.js.map → chunk-ZOUWHGV3.js.map} +0 -0
  708. /package/dist/{chunk-2ZDTGI5V.js.map → chunk-ZRFRU545.js.map} +0 -0
  709. /package/dist/native/chunks/{chunk-QZ233LRH.js.map → chunk-EKKNUEA6.js.map} +0 -0
  710. /package/dist/native/chunks/{chunk-L2UUNK2M.js.map → chunk-P3PL4WBO.js.map} +0 -0
  711. /package/dist/native/chunks/{chunk-VGBKUL6D.js.map → chunk-YTHR4Y5P.js.map} +0 -0
@@ -0,0 +1,92 @@
1
+ import type * as React from 'react';
2
+ import type { ColorValue } from '../../../tokens/vocabulary';
3
+ /**
4
+ * THE CONTRACT BOTH RENDERERS HONOUR — and nothing else.
5
+ *
6
+ * Imports no MUI and no react-native, on purpose: it ships in both
7
+ * declaration outputs. The web adds MUI's `AlertProps` extras in
8
+ * `Alert.types.ts`; the native side adds a `View`'s own props in
9
+ * `Alert.types.native.ts`.
10
+ */
11
+ export type AlertVariant = 'info' | 'success' | 'warning' | 'danger' | 'glass' | 'gradient';
12
+ /**
13
+ * The dismissible half, as a UNION rather than one more optional field.
14
+ *
15
+ * `closeLabel` is the dismiss button's only accessible name — it renders a
16
+ * glyph and nothing else — so it must be REQUIRED wherever that button exists.
17
+ * But most alerts are not closable, and making it required on all of them
18
+ * would ask a dozen call sites across five packages to name a control they
19
+ * never render. A word invented to satisfy a type is worse than no word: the
20
+ * next reader cannot tell which button it belongs to.
21
+ *
22
+ * So the type says what is actually true — the label is required exactly when
23
+ * the button is.
24
+ */
25
+ export type AlertDismiss = {
26
+ closable?: false;
27
+ onClose?: () => void;
28
+ closeLabel?: never;
29
+ } | {
30
+ closable: true;
31
+ onClose?: () => void;
32
+ closeLabel: string;
33
+ };
34
+ export interface AlertBaseFields {
35
+ /**
36
+ * The variant of the alert
37
+ */
38
+ variant?: AlertVariant;
39
+ /**
40
+ * The color of the alert (when not using variant-specific colors)
41
+ */
42
+ color?: ColorValue;
43
+ /**
44
+ * Whether the alert should have a glow effect
45
+ */
46
+ glow?: boolean;
47
+ /**
48
+ * Whether the alert should have a pulse animation
49
+ */
50
+ pulse?: boolean;
51
+ /**
52
+ * Custom icon to display
53
+ */
54
+ icon?: React.ReactNode;
55
+ /**
56
+ * Whether to show the default severity icon
57
+ */
58
+ showIcon?: boolean;
59
+ /**
60
+ * Title for the alert
61
+ */
62
+ title?: string;
63
+ /**
64
+ * Description text
65
+ */
66
+ description?: string;
67
+ /**
68
+ * Whether to animate the alert on mount
69
+ */
70
+ animate?: boolean;
71
+ /**
72
+ * ARIA role for the alert
73
+ */
74
+ role?: string;
75
+ /**
76
+ * ARIA live region setting
77
+ */
78
+ 'aria-live'?: 'polite' | 'assertive' | 'off';
79
+ /**
80
+ * ARIA atomic setting
81
+ */
82
+ 'aria-atomic'?: 'true' | 'false';
83
+ children?: React.ReactNode;
84
+ /**
85
+ * Optional data-testid for testing
86
+ */
87
+ 'data-testid'?: string;
88
+ dataTestId?: string;
89
+ testID?: string;
90
+ }
91
+ export type AlertBaseProps = AlertBaseFields & AlertDismiss;
92
+ //# sourceMappingURL=Alert.base.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Alert.base.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Alert/Alert.base.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAE7D;;;;;;;GAOG;AACH,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,OAAO,GAAG,UAAU,CAAC;AAE5F;;;;;;;;;;;;GAYG;AACH,MAAM,MAAM,YAAY,GACpB;IAAE,QAAQ,CAAC,EAAE,KAAK,CAAC;IAAC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAAC,UAAU,CAAC,EAAE,KAAK,CAAA;CAAE,GAC9D;IAAE,QAAQ,EAAE,IAAI,CAAC;IAAC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAAC,UAAU,EAAE,MAAM,CAAA;CAAE,CAAC;AAEjE,MAAM,WAAW,eAAe;IAC9B;;OAEG;IACH,OAAO,CAAC,EAAE,YAAY,CAAC;IAEvB;;OAEG;IACH,KAAK,CAAC,EAAE,UAAU,CAAC;IAEnB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB;;OAEG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEvB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,WAAW,CAAC,EAAE,QAAQ,GAAG,WAAW,GAAG,KAAK,CAAC;IAE7C;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAEjC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,MAAM,cAAc,GAAG,eAAe,GAAG,YAAY,CAAC"}
@@ -0,0 +1,23 @@
1
+ import type { AlertBaseFields, AlertVariant } from './Alert.base';
2
+ import type { IconName } from '../../../icons/Icon.types';
3
+ type AlertDefaultedKeys = 'variant' | 'glow' | 'pulse' | 'showIcon' | 'animate' | 'role' | 'aria-atomic';
4
+ export declare const ALERT_DEFAULTS: Required<Pick<AlertBaseFields, AlertDefaultedKeys>> & {
5
+ closable: false;
6
+ };
7
+ /**
8
+ * Generic over the renderer's own props: the web and the native `Alert` pass
9
+ * different extras through, and both come back out untouched.
10
+ */
11
+ export type ResolvedAlertProps<P extends AlertBaseFields> = P & Required<Pick<AlertBaseFields, AlertDefaultedKeys>>;
12
+ export declare const resolveAlertProps: <P extends AlertBaseFields>(props: P) => ResolvedAlertProps<P>;
13
+ /** `danger` announces itself; everything else waits its turn. */
14
+ export declare const defaultAriaLive: (variant: AlertVariant) => "polite" | "assertive";
15
+ export declare const testIdFor: (base: string | undefined, suffix: string) => string;
16
+ /**
17
+ * The glyph each semantic variant carries, by the shared icon set's name.
18
+ * `glass` and `gradient` carry none of their own: the web renders an empty
19
+ * icon slot for them unless the caller passes an `icon`, and so does native.
20
+ */
21
+ export declare const VARIANT_ICON: Partial<Record<AlertVariant, IconName>>;
22
+ export {};
23
+ //# sourceMappingURL=Alert.helpers.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Alert.helpers.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Alert/Alert.helpers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAClE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAE1D,KAAK,kBAAkB,GAAG,SAAS,GAAG,MAAM,GAAG,OAAO,GAAG,UAAU,GAAG,SAAS,GAAG,MAAM,GAAG,aAAa,CAAC;AAEzG,eAAO,MAAM,cAAc,EAAE,QAAQ,CAAC,IAAI,CAAC,eAAe,EAAE,kBAAkB,CAAC,CAAC,GAAG;IAAE,QAAQ,EAAE,KAAK,CAAA;CASnG,CAAC;AAEF;;;GAGG;AACH,MAAM,MAAM,kBAAkB,CAAC,CAAC,SAAS,eAAe,IAAI,CAAC,GAC3D,QAAQ,CAAC,IAAI,CAAC,eAAe,EAAE,kBAAkB,CAAC,CAAC,CAAC;AAYtD,eAAO,MAAM,iBAAiB,GAAI,CAAC,SAAS,eAAe,EAAE,OAAO,CAAC,KAAG,kBAAkB,CAAC,CAAC,CACP,CAAC;AAEtF,iEAAiE;AACjE,eAAO,MAAM,eAAe,GAAI,SAAS,YAAY,KAAG,QAAQ,GAAG,WACpB,CAAC;AAEhD,eAAO,MAAM,SAAS,GAAI,MAAM,MAAM,GAAG,SAAS,EAAE,QAAQ,MAAM,KAAG,MACrB,CAAC;AAEjD;;;;GAIG;AACH,eAAO,MAAM,YAAY,EAAE,OAAO,CAAC,MAAM,CAAC,YAAY,EAAE,QAAQ,CAAC,CAKhE,CAAC"}
@@ -0,0 +1,46 @@
1
+ import type { TextStyle, ViewStyle } from 'react-native';
2
+ import type { AlertVariant } from './Alert.base';
3
+ import { type AlertPalette } from './Alert.metrics';
4
+ import type { UiTheme } from '../../../tokens/theme';
5
+ import type { ColorValue } from '../../../tokens/vocabulary';
6
+ /**
7
+ * THE PAINT, KEPT APART FROM THE STRUCTURE.
8
+ *
9
+ * `Alert.native.tsx` reads as what renders where; this file reads as
10
+ * arithmetic — the same palette slots, alphas and px the web's
11
+ * `Alert.styles.tsx` derives from `Alert.metrics.ts`.
12
+ */
13
+ export interface AlertLookArgs {
14
+ variant: AlertVariant;
15
+ color: ColorValue | undefined;
16
+ glow: boolean;
17
+ pulse: boolean;
18
+ }
19
+ export interface AlertLook {
20
+ palette: AlertPalette;
21
+ /** What the words are set in. */
22
+ ink: string;
23
+ iconColor: string;
24
+ root: ViewStyle;
25
+ }
26
+ /**
27
+ * The root's paint. The web keeps `overflow: hidden` (its pulse wash is
28
+ * clipped to the card, as it is here); only the glow opens it, because a
29
+ * view's own shadow is clipped by its own overflow on a device.
30
+ */
31
+ export declare function alertLook(theme: UiTheme, a: AlertLookArgs): AlertLook;
32
+ /** The message column: 8px between its lines, allowed to shrink so long text wraps beside the icon. */
33
+ export declare const messageSlotStyle: (theme: UiTheme) => ViewStyle;
34
+ /** A string child: MUI's `body2` letter-spacing at 0.95rem on the message's 1.5. */
35
+ export declare const messageTextStyle: (theme: UiTheme, ink: string) => TextStyle;
36
+ /** MUI's `AlertTitle` (a `body1` Typography) at 1.05rem and 600, lifted 2px, 4px above a description. */
37
+ export declare const titleStyle: (theme: UiTheme, ink: string, hasDescription: boolean) => TextStyle;
38
+ /** The description: 0.925rem on the message's 1.5, faded to 0.9. */
39
+ export declare const descriptionStyle: (theme: UiTheme, ink: string) => TextStyle;
40
+ /** MUI's `.MuiAlert-icon` with the web's overrides: first-line aligned, 14px from the words, 2px down. */
41
+ export declare const iconSlotStyle: (theme: UiTheme) => ViewStyle;
42
+ /** MUI's `.MuiAlert-action`: top-aligned, pushed to the right edge, 16px off the text. */
43
+ export declare const actionSlotStyle: (theme: UiTheme) => ViewStyle;
44
+ /** MUI's small `IconButton` at 0.7; pressed stands in for the web's hover (full opacity, a faint wash). */
45
+ export declare const closeButtonStyle: (theme: UiTheme, pressed: boolean) => ViewStyle;
46
+ //# sourceMappingURL=Alert.look.native.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Alert.look.native.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Alert/Alert.look.native.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AACjD,OAAO,EAIL,KAAK,YAAY,EAWlB,MAAM,iBAAiB,CAAC;AAGzB,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AACrD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAE7D;;;;;;GAMG;AAEH,MAAM,WAAW,aAAa;IAC5B,OAAO,EAAE,YAAY,CAAC;IACtB,KAAK,EAAE,UAAU,GAAG,SAAS,CAAC;IAC9B,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,EAAE,OAAO,CAAC;CAChB;AAED,MAAM,WAAW,SAAS;IACxB,OAAO,EAAE,YAAY,CAAC;IACtB,iCAAiC;IACjC,GAAG,EAAE,MAAM,CAAC;IACZ,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,SAAS,CAAC;CACjB;AAED;;;;GAIG;AACH,wBAAgB,SAAS,CAAC,KAAK,EAAE,OAAO,EAAE,CAAC,EAAE,aAAa,GAAG,SAAS,CAmBrE;AAED,uGAAuG;AACvG,eAAO,MAAM,gBAAgB,GAAI,OAAO,OAAO,KAAG,SAKhD,CAAC;AAEH,oFAAoF;AACpF,eAAO,MAAM,gBAAgB,GAAI,OAAO,OAAO,EAAE,KAAK,MAAM,KAAG,SAI7D,CAAC;AAEH,yGAAyG;AACzG,eAAO,MAAM,UAAU,GAAI,OAAO,OAAO,EAAE,KAAK,MAAM,EAAE,gBAAgB,OAAO,KAAG,SAMhF,CAAC;AAEH,oEAAoE;AACpE,eAAO,MAAM,gBAAgB,GAAI,OAAO,OAAO,EAAE,KAAK,MAAM,KAAG,SAK7D,CAAC;AAEH,0GAA0G;AAC1G,eAAO,MAAM,aAAa,GAAI,OAAO,OAAO,KAAG,SAO7C,CAAC;AAEH,0FAA0F;AAC1F,eAAO,MAAM,eAAe,GAAI,OAAO,OAAO,KAAG,SAM/C,CAAC;AAEH,2GAA2G;AAC3G,eAAO,MAAM,gBAAgB,GAAI,OAAO,OAAO,EAAE,SAAS,OAAO,KAAG,SAKlE,CAAC"}
@@ -0,0 +1,181 @@
1
+ import type { AlertVariant } from './Alert.base';
2
+ import { type UiGreyStep, type UiTheme } from '../../../tokens/theme';
3
+ /**
4
+ * THE NUMBERS BOTH `Alert` RENDERERS DRAW WITH.
5
+ *
6
+ * `Alert.styles.tsx` / `Alert.tsx` (MUI) and `Alert.native.tsx` (React
7
+ * Native) read this one table. Spacing is in SPACING UNITS where the web
8
+ * writes `theme.spacing(n)`; durations are ms (the web turns them into `s`
9
+ * through {@link seconds} so its emitted CSS is byte-for-byte what it was);
10
+ * everything else is px, a ratio or an alpha. The hover, active and focus
11
+ * numbers are here too although only the DOM can honour them — a number the
12
+ * web draws with belongs in the table whether or not native can reach it.
13
+ */
14
+ /** The root: 12px corners, 14px 16px of padding, one 300ms curve for everything. */
15
+ export declare const ALERT_RADIUS_UNITS = 1.5;
16
+ export declare const ALERT_PADDING_UNITS: {
17
+ readonly vertical: 1.75;
18
+ readonly horizontal: 2;
19
+ };
20
+ export declare const ALERT_TRANSITION_MS = 300;
21
+ export declare const ALERT_EASING = "cubic-bezier(0.4, 0, 0.2, 1)";
22
+ /** Mount: the web's `fadeInScale` keyframes and the icon's `iconRotate`. */
23
+ export declare const FADE_IN: {
24
+ readonly ms: 300;
25
+ readonly scale: 0.95;
26
+ readonly lift: 10;
27
+ };
28
+ export declare const ICON_SPIN: {
29
+ readonly ms: 600;
30
+ readonly from: 0.8;
31
+ readonly mid: 1.1;
32
+ };
33
+ /** Dismiss: MUI `Collapse` runs 300ms; `onClose` fires 200ms in. */
34
+ export declare const COLLAPSE_MS = 300;
35
+ export declare const CLOSE_DELAY_MS = 200;
36
+ /** The message column: 8px between title, description and children; 0.95rem body on 1.5. */
37
+ export declare const MESSAGE_GAP_UNITS = 1;
38
+ export declare const MESSAGE_FONT_SIZE = 15.2;
39
+ export declare const MESSAGE_LINE_HEIGHT = 1.5;
40
+ /** A control inside the message gets an edge: 4px above, a hairline at 0.45 of the hue. */
41
+ export declare const MESSAGE_BUTTON: {
42
+ readonly marginTopUnits: 0.5;
43
+ readonly borderAlpha: 0.45;
44
+ };
45
+ /** The title: 1.05rem at 600; MUI's `AlertTitle` lifts it 2px; 4px below it when a description follows. */
46
+ export declare const TITLE: {
47
+ readonly fontSize: 16.8;
48
+ readonly fontWeight: 600;
49
+ readonly marginTop: -2;
50
+ readonly marginBottomUnits: 0.5;
51
+ };
52
+ /** The description: 0.925rem, slightly faded. */
53
+ export declare const DESCRIPTION: {
54
+ readonly fontSize: 14.8;
55
+ readonly opacity: 0.9;
56
+ };
57
+ /** The icon slot: MUI's 22px glyph at 0.9, 14px from the words, 2px down (MUI's 7px stays below). */
58
+ export declare const ICON_SLOT: {
59
+ readonly size: 22;
60
+ readonly opacity: 0.9;
61
+ readonly marginRightUnits: 1.75;
62
+ readonly paddingTopUnits: 0.25;
63
+ readonly paddingBottom: 7;
64
+ };
65
+ /** The action slot: MUI's `4px 0 0 16px` with the 16px ours, pushed right, 8px into the padding. */
66
+ export declare const ACTION_SLOT: {
67
+ readonly paddingLeftUnits: 2;
68
+ readonly paddingTop: 4;
69
+ readonly marginRight: -8;
70
+ };
71
+ /** The close button: MUI's small `IconButton` (5px padding, 18px glyph) at 0.7. */
72
+ export declare const CLOSE_BUTTON: {
73
+ readonly padding: 5;
74
+ readonly iconSize: 18;
75
+ readonly opacity: 0.7;
76
+ readonly hoverRotateDeg: 90;
77
+ readonly hoverScale: 1.1;
78
+ readonly washAlpha: 0.1;
79
+ };
80
+ /**
81
+ * A semantic Alert's surface and ink: an OPAQUE tint of the hue with a dark
82
+ * ink of the same hue — MUI's own `standard` recipe, at its ratios. See
83
+ * `semanticSurface` in `Alert.styles.tsx` for why not `alpha(main, 0.1)`.
84
+ */
85
+ export declare const SEMANTIC_SURFACE: {
86
+ readonly tint: {
87
+ readonly light: 0.9;
88
+ readonly dark: 0.8;
89
+ };
90
+ readonly ink: 0.6;
91
+ readonly borderAlpha: 0.35;
92
+ };
93
+ /** `glass`: 85% paper under a 20px blur, a 0.4 divider hairline. */
94
+ export declare const GLASS: {
95
+ readonly backgroundAlpha: 0.85;
96
+ readonly borderAlpha: 0.4;
97
+ readonly blur: 20;
98
+ readonly saturatePercent: 180;
99
+ };
100
+ /** `gradient`: light→dark at 0.9 along 135°, a 0.2 white shimmer sweeping 1000px every 3s. */
101
+ export declare const GRADIENT: {
102
+ readonly angleDeg: 135;
103
+ readonly stopAlpha: 0.9;
104
+ readonly shimmerAlpha: 0.2;
105
+ readonly shimmerMs: 3000;
106
+ readonly shimmerTravel: 1000;
107
+ readonly hoverBrightness: 1.1;
108
+ readonly hoverLift: 2;
109
+ readonly hoverScale: 1.01;
110
+ };
111
+ /** Emphasis: the glow's shadow and brightness, the pulse's wash. */
112
+ export declare const GLOW: {
113
+ readonly blur: 20;
114
+ readonly spread: 5;
115
+ readonly alpha: 0.3;
116
+ readonly brightness: 1.05;
117
+ };
118
+ export declare const PULSE: {
119
+ readonly alpha: 0.2;
120
+ readonly ms: 2000;
121
+ readonly spread: 10;
122
+ };
123
+ /** Pointer states — DOM only, kept so the web derives them. */
124
+ export declare const HOVER: {
125
+ readonly lift: 3;
126
+ readonly scale: 1.01;
127
+ readonly shadowY: 8;
128
+ readonly shadowBlur: 20;
129
+ readonly shadowAlpha: 0.2;
130
+ readonly iconScale: 1.15;
131
+ readonly iconRotateDeg: 10;
132
+ };
133
+ export declare const ACTIVE: {
134
+ readonly lift: 1;
135
+ readonly scale: 0.99;
136
+ readonly ms: 100;
137
+ };
138
+ export declare const FOCUS: {
139
+ readonly ringWidth: 3;
140
+ readonly ringAlpha: 0.5;
141
+ readonly offset: 3;
142
+ readonly haloSpread: 6;
143
+ readonly haloAlpha: 0.1;
144
+ readonly ms: 200;
145
+ };
146
+ /** `neutral` has no palette slot; the web has always drawn it from three greys. */
147
+ export declare const NEUTRAL_GREY: Record<'main' | 'light' | 'dark', UiGreyStep>;
148
+ /** A duration as the CSS the web has always emitted: `2000` → `2s`, `300` → `0.3s`. */
149
+ export declare const seconds: (ms: number) => string;
150
+ /** The palette shape the web's `getColorFromTheme` returns — a main plus optional shades. */
151
+ export interface AlertPalette {
152
+ main: string;
153
+ light?: string;
154
+ dark?: string;
155
+ }
156
+ /**
157
+ * The renderer-free twin of the web's `getColorFromTheme`: a variant or
158
+ * colour name to its palette, `neutral` from the greys, anything unknown
159
+ * (`glass`, `gradient`) to `info`.
160
+ */
161
+ export declare function alertPalette(theme: UiTheme, key: string | undefined): AlertPalette;
162
+ /** What a variant paints: its fill, its ink, its hairline if any, and the colour of its glyph. */
163
+ export interface AlertSurface {
164
+ backgroundColor: string;
165
+ color: string;
166
+ borderColor?: string;
167
+ iconColor: string;
168
+ }
169
+ export declare const SEMANTIC_VARIANTS: ReadonlySet<AlertVariant>;
170
+ /** The opaque tint and same-hue ink, inverted for dark mode; the hairline keeps its alpha. */
171
+ export declare function semanticSurface(theme: UiTheme, palette: AlertPalette): AlertSurface;
172
+ export declare function glassSurface(theme: UiTheme): AlertSurface;
173
+ /** The gradient's two stops; a renderer with no gradient fill paints `from`. */
174
+ export declare function gradientStops(palette: AlertPalette): {
175
+ from: string;
176
+ to: string;
177
+ };
178
+ export declare function gradientSurface(palette: AlertPalette): AlertSurface;
179
+ /** The surface for a variant, `glass` and `gradient` included. */
180
+ export declare function alertSurface(theme: UiTheme, variant: AlertVariant, palette: AlertPalette): AlertSurface;
181
+ //# sourceMappingURL=Alert.metrics.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Alert.metrics.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Alert/Alert.metrics.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAEjD,OAAO,EAAgB,KAAK,UAAU,EAAE,KAAK,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAEpF;;;;;;;;;;GAUG;AAEH,oFAAoF;AACpF,eAAO,MAAM,kBAAkB,MAAM,CAAC;AACtC,eAAO,MAAM,mBAAmB;;;CAA6C,CAAC;AAC9E,eAAO,MAAM,mBAAmB,MAAM,CAAC;AACvC,eAAO,MAAM,YAAY,iCAAiC,CAAC;AAE3D,4EAA4E;AAC5E,eAAO,MAAM,OAAO;;;;CAA8C,CAAC;AACnE,eAAO,MAAM,SAAS;;;;CAA4C,CAAC;AACnE,oEAAoE;AACpE,eAAO,MAAM,WAAW,MAAM,CAAC;AAC/B,eAAO,MAAM,cAAc,MAAM,CAAC;AAElC,4FAA4F;AAC5F,eAAO,MAAM,iBAAiB,IAAI,CAAC;AACnC,eAAO,MAAM,iBAAiB,OAAO,CAAC;AACtC,eAAO,MAAM,mBAAmB,MAAM,CAAC;AACvC,2FAA2F;AAC3F,eAAO,MAAM,cAAc;;;CAAsD,CAAC;AAElF,2GAA2G;AAC3G,eAAO,MAAM,KAAK;;;;;CAAsF,CAAC;AACzG,iDAAiD;AACjD,eAAO,MAAM,WAAW;;;CAA4C,CAAC;AAErE,qGAAqG;AACrG,eAAO,MAAM,SAAS;;;;;;CAAuG,CAAC;AAC9H,oGAAoG;AACpG,eAAO,MAAM,WAAW;;;;CAAmE,CAAC;AAC5F,mFAAmF;AACnF,eAAO,MAAM,YAAY;;;;;;;CAA2G,CAAC;AAErI;;;;GAIG;AACH,eAAO,MAAM,gBAAgB;;;;;;;CAA4E,CAAC;AAC1G,oEAAoE;AACpE,eAAO,MAAM,KAAK;;;;;CAAuF,CAAC;AAC1G,8FAA8F;AAC9F,eAAO,MAAM,QAAQ;;;;;;;;;CASX,CAAC;AAEX,oEAAoE;AACpE,eAAO,MAAM,IAAI;;;;;CAAiE,CAAC;AACnF,eAAO,MAAM,KAAK;;;;CAAgD,CAAC;AAEnE,+DAA+D;AAC/D,eAAO,MAAM,KAAK;;;;;;;;CAAsH,CAAC;AACzI,eAAO,MAAM,MAAM;;;;CAA6C,CAAC;AACjE,eAAO,MAAM,KAAK;;;;;;;CAA+F,CAAC;AAElH,mFAAmF;AACnF,eAAO,MAAM,YAAY,EAAE,MAAM,CAAC,MAAM,GAAG,OAAO,GAAG,MAAM,EAAE,UAAU,CAAwC,CAAC;AAEhH,uFAAuF;AACvF,eAAO,MAAM,OAAO,GAAI,IAAI,MAAM,KAAG,MAAyB,CAAC;AAE/D,6FAA6F;AAC7F,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,OAAO,EAAE,GAAG,EAAE,MAAM,GAAG,SAAS,GAAG,YAAY,CAkBlF;AAED,kGAAkG;AAClG,MAAM,WAAW,YAAY;IAC3B,eAAe,EAAE,MAAM,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,eAAO,MAAM,iBAAiB,EAAE,WAAW,CAAC,YAAY,CAAqD,CAAC;AAE9G,8FAA8F;AAC9F,wBAAgB,eAAe,CAAC,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,YAAY,GAAG,YAAY,CAUnF;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,OAAO,GAAG,YAAY,CAOzD;AAED,gFAAgF;AAChF,wBAAgB,aAAa,CAAC,OAAO,EAAE,YAAY,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,EAAE,EAAE,MAAM,CAAA;CAAE,CAKjF;AAED,wBAAgB,eAAe,CAAC,OAAO,EAAE,YAAY,GAAG,YAAY,CAGnE;AAED,kEAAkE;AAClE,wBAAgB,YAAY,CAAC,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,OAAO,EAAE,YAAY,GAAG,YAAY,CAIvG"}
@@ -0,0 +1,5 @@
1
+ import * as React from 'react';
2
+ import { View } from 'react-native';
3
+ import type { AlertProps } from './Alert.types.native';
4
+ export declare const Alert: React.ForwardRefExoticComponent<AlertProps & React.RefAttributes<View>>;
5
+ //# sourceMappingURL=Alert.native.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Alert.native.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Alert/Alert.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EASL,IAAI,EAEL,MAAM,cAAc,CAAC;AActB,OAAO,KAAK,EAAE,UAAU,EAAgB,MAAM,sBAAsB,CAAC;AA4KrE,eAAO,MAAM,KAAK,yEAsChB,CAAC"}
@@ -0,0 +1,8 @@
1
+ import type { StyleProp, ViewProps, ViewStyle } from 'react-native';
2
+ import type { AlertBaseFields, AlertDismiss } from './Alert.base';
3
+ export type { AlertBaseFields, AlertBaseProps, AlertDismiss, AlertVariant } from './Alert.base';
4
+ /** The native `Alert`: the shared contract, plus a `View`'s own props where they do not overlap. */
5
+ export type AlertProps = AlertBaseFields & AlertDismiss & Omit<ViewProps, keyof AlertBaseFields | 'style'> & {
6
+ style?: StyleProp<ViewStyle>;
7
+ };
8
+ //# sourceMappingURL=Alert.types.native.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Alert.types.native.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Alert/Alert.types.native.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEpE,OAAO,KAAK,EAAE,eAAe,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAElE,YAAY,EAAE,eAAe,EAAE,cAAc,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAEhG,oGAAoG;AACpG,MAAM,MAAM,UAAU,GAAG,eAAe,GACtC,YAAY,GACZ,IAAI,CAAC,SAAS,EAAE,MAAM,eAAe,GAAG,OAAO,CAAC,GAAG;IACjD,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B,CAAC"}
@@ -0,0 +1,3 @@
1
+ export { Alert } from './Alert.native';
2
+ export type { AlertBaseProps, AlertProps, AlertVariant } from './Alert.types.native';
3
+ //# sourceMappingURL=index.native.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Alert/index.native.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AACvC,YAAY,EAAE,cAAc,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC"}
@@ -0,0 +1,51 @@
1
+ import type * as React from 'react';
2
+ /**
3
+ * THE CONTRACT BOTH RENDERERS HONOUR — and nothing else.
4
+ *
5
+ * Imports no MUI and no react-native, on purpose: it ships in both
6
+ * declaration outputs. The action handlers take no event on either side, so
7
+ * they live here; the web adds `className`, the native side a `View`'s own
8
+ * props.
9
+ */
10
+ export type EmptyStateVariant = 'default' | 'illustrated' | 'minimal' | 'action';
11
+ export interface EmptyStateAction {
12
+ label: string;
13
+ onClick: () => void;
14
+ }
15
+ export interface EmptyStateHelpLink {
16
+ label: string;
17
+ href: string;
18
+ external?: boolean;
19
+ }
20
+ export interface EmptyStateBaseProps {
21
+ variant?: EmptyStateVariant;
22
+ title: string;
23
+ description?: string;
24
+ illustration?: React.ReactNode;
25
+ primaryAction?: EmptyStateAction;
26
+ secondaryAction?: EmptyStateAction;
27
+ helpLink?: EmptyStateHelpLink;
28
+ /**
29
+ * Callback for the refresh button
30
+ * Displays a refresh button in the action area when provided
31
+ */
32
+ onRefresh?: () => void;
33
+ /**
34
+ * Custom label for the refresh button
35
+ * @default 'Refresh'
36
+ */
37
+ refreshLabel?: string;
38
+ /**
39
+ * Callback for the create/add new button
40
+ * Displays a create button in the action area when provided
41
+ */
42
+ onCreate?: () => void;
43
+ /**
44
+ * Custom label for the create button
45
+ * @default 'Create New'
46
+ */
47
+ createLabel?: string;
48
+ dataTestId?: string;
49
+ testID?: string;
50
+ }
51
+ //# sourceMappingURL=EmptyState.base.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"EmptyState.base.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/EmptyState/EmptyState.base.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC;;;;;;;GAOG;AACH,MAAM,MAAM,iBAAiB,GAAG,SAAS,GAAG,aAAa,GAAG,SAAS,GAAG,QAAQ,CAAC;AAEjF,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,mBAAmB;IAClC,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,aAAa,CAAC,EAAE,gBAAgB,CAAC;IACjC,eAAe,CAAC,EAAE,gBAAgB,CAAC;IACnC,QAAQ,CAAC,EAAE,kBAAkB,CAAC;IAC9B;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB"}
@@ -0,0 +1,13 @@
1
+ import type { EmptyStateBaseProps } from './EmptyState.base';
2
+ export declare const makeTestId: (dataTestId?: string) => (suffix: string) => string;
3
+ /** The glyph an action carries, by the shared icon set's name; each renderer draws it its own way. */
4
+ export type ActionIconName = 'Add' | 'Refresh';
5
+ export interface ActionSpec {
6
+ key: 'primary-action' | 'create-button' | 'secondary-action' | 'refresh-button';
7
+ variant: 'contained' | 'outlined';
8
+ onClick: () => void;
9
+ label: string;
10
+ icon?: ActionIconName;
11
+ }
12
+ export declare const actionsOf: (props: EmptyStateBaseProps, refreshLabel: string, createLabel: string) => ActionSpec[];
13
+ //# sourceMappingURL=EmptyState.helpers.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"EmptyState.helpers.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/EmptyState/EmptyState.helpers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAE7D,eAAO,MAAM,UAAU,GACpB,aAAa,MAAM,MACnB,QAAQ,MAAM,KAAG,MACgD,CAAC;AAErE,sGAAsG;AACtG,MAAM,MAAM,cAAc,GAAG,KAAK,GAAG,SAAS,CAAC;AAE/C,MAAM,WAAW,UAAU;IACzB,GAAG,EAAE,gBAAgB,GAAG,eAAe,GAAG,kBAAkB,GAAG,gBAAgB,CAAC;IAChF,OAAO,EAAE,WAAW,GAAG,UAAU,CAAC;IAClC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,cAAc,CAAC;CACvB;AAKD,eAAO,MAAM,SAAS,GACpB,OAAO,mBAAmB,EAC1B,cAAc,MAAM,EACpB,aAAa,MAAM,KAClB,UAAU,EAwCZ,CAAC"}
@@ -0,0 +1,57 @@
1
+ import type { EmptyStateVariant } from './EmptyState.base';
2
+ /**
3
+ * THE NUMBERS BOTH `EmptyState` RENDERERS DRAW WITH.
4
+ *
5
+ * `EmptyState.tsx` (MUI) and `EmptyState.native.tsx` (React Native) read
6
+ * this one table. Spacing is in SPACING UNITS where the web writes
7
+ * `theme.spacing(n)`; everything else is px or a ratio.
8
+ */
9
+ /** The region: a centred column, `theme.spacing(6)` of padding, at least 200px tall, its parts 24px apart. */
10
+ export declare const EMPTY_STATE_PADDING_UNITS = 6;
11
+ export declare const EMPTY_STATE_MIN_HEIGHT = 200;
12
+ export declare const EMPTY_STATE_GAP_UNITS = 3;
13
+ /** The illustration: wider when it is the point, faded a little always, hidden in `minimal`. */
14
+ export declare const ILLUSTRATION_MAX_WIDTH: {
15
+ readonly illustrated: 240;
16
+ readonly other: 120;
17
+ };
18
+ export declare const ILLUSTRATION_OPACITY: {
19
+ readonly minimal: 0.6;
20
+ readonly other: 0.8;
21
+ };
22
+ export declare const illustrationMaxWidth: (variant: EmptyStateVariant) => number;
23
+ export declare const illustrationOpacity: (variant: EmptyStateVariant) => number;
24
+ /** Title, description, actions and link are 16px apart; the title wraps at 400px, the description at 480px on a 1.6 line height. */
25
+ export declare const CONTENT_GAP_UNITS = 2;
26
+ export declare const TITLE_MAX_WIDTH = 400;
27
+ export declare const DESCRIPTION_MAX_WIDTH = 480;
28
+ export declare const DESCRIPTION_LINE_HEIGHT = 1.6;
29
+ /** The action row: 16px below the text, buttons 16px apart, stacked below MUI's `sm` breakpoint. */
30
+ export declare const ACTIONS_MARGIN_TOP_UNITS = 2;
31
+ export declare const ACTIONS_GAP_UNITS = 2;
32
+ export declare const ACTIONS_ROW_FROM = 600;
33
+ export declare const ACTION_MIN_WIDTH = 120;
34
+ /**
35
+ * The web actions ARE MUI's medium `contained` and `outlined` buttons: 6px
36
+ * 16px, or 5px 15px inside a 1px border at half alpha, 14px type, the
37
+ * theme's radius, a 20px start icon. The native side sizes the house
38
+ * `Button` to these.
39
+ */
40
+ export declare const ACTION_BUTTON: {
41
+ readonly contained: {
42
+ readonly paddingVertical: 6;
43
+ readonly paddingHorizontal: 16;
44
+ };
45
+ readonly outlined: {
46
+ readonly paddingVertical: 5;
47
+ readonly paddingHorizontal: 15;
48
+ };
49
+ readonly iconSize: 20;
50
+ readonly outlinedBorderAlpha: 0.5;
51
+ };
52
+ /** MUI's `theme.shadows[2]`, the elevation a contained button rests at. */
53
+ export declare const MUI_CONTAINED_SHADOW = "0px 3px 1px -2px rgba(0,0,0,0.2), 0px 2px 2px 0px rgba(0,0,0,0.14), 0px 1px 5px 0px rgba(0,0,0,0.12)";
54
+ /** The help link: 8px below whatever precedes it, marked when it leaves the app. */
55
+ export declare const HELP_LINK_MARGIN_TOP_UNITS = 1;
56
+ export declare const EXTERNAL_LINK_MARK = " \u2197";
57
+ //# sourceMappingURL=EmptyState.metrics.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"EmptyState.metrics.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/EmptyState/EmptyState.metrics.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAE3D;;;;;;GAMG;AAEH,8GAA8G;AAC9G,eAAO,MAAM,yBAAyB,IAAI,CAAC;AAC3C,eAAO,MAAM,sBAAsB,MAAM,CAAC;AAC1C,eAAO,MAAM,qBAAqB,IAAI,CAAC;AAEvC,gGAAgG;AAChG,eAAO,MAAM,sBAAsB;;;CAA4C,CAAC;AAChF,eAAO,MAAM,oBAAoB;;;CAAwC,CAAC;AAE1E,eAAO,MAAM,oBAAoB,GAAI,SAAS,iBAAiB,KAAG,MAC6B,CAAC;AAChG,eAAO,MAAM,mBAAmB,GAAI,SAAS,iBAAiB,KAAG,MACkB,CAAC;AAEpF,oIAAoI;AACpI,eAAO,MAAM,iBAAiB,IAAI,CAAC;AACnC,eAAO,MAAM,eAAe,MAAM,CAAC;AACnC,eAAO,MAAM,qBAAqB,MAAM,CAAC;AACzC,eAAO,MAAM,uBAAuB,MAAM,CAAC;AAE3C,oGAAoG;AACpG,eAAO,MAAM,wBAAwB,IAAI,CAAC;AAC1C,eAAO,MAAM,iBAAiB,IAAI,CAAC;AACnC,eAAO,MAAM,gBAAgB,MAAM,CAAC;AACpC,eAAO,MAAM,gBAAgB,MAAM,CAAC;AACpC;;;;;GAKG;AACH,eAAO,MAAM,aAAa;;;;;;;;;;;CAKhB,CAAC;AACX,2EAA2E;AAC3E,eAAO,MAAM,oBAAoB,yGACuE,CAAC;AAEzG,oFAAoF;AACpF,eAAO,MAAM,0BAA0B,IAAI,CAAC;AAC5C,eAAO,MAAM,kBAAkB,YAAO,CAAC"}
@@ -0,0 +1,22 @@
1
+ import * as React from 'react';
2
+ import { type TextStyle, type ViewStyle } from 'react-native';
3
+ import { type ActionSpec } from './EmptyState.helpers';
4
+ import type { EmptyStateProps, EmptyStateVariant } from './EmptyState.types.native';
5
+ import type { UiTheme } from '../../../tokens/theme';
6
+ /** MUI's `h6` as an `h3`, medium weight, in the body ink, wrapping at 400px. */
7
+ export declare function titleStyle(theme: UiTheme): TextStyle;
8
+ /** MUI's `body2` on a 1.6 line height, muted, wrapping at 480px. */
9
+ export declare function descriptionStyle(theme: UiTheme): TextStyle;
10
+ /** The web `Link` inherits the page's `body1`; primary ink, no underline until hovered. */
11
+ export declare function helpLinkStyle(theme: UiTheme): TextStyle;
12
+ export declare function illustrationStyle(variant: EmptyStateVariant): ViewStyle;
13
+ /**
14
+ * The web actions are MUI's medium contained/outlined buttons; the house
15
+ * `Button` is sized to them here. The shadow needs the button's overflow
16
+ * visible — a view clips its own shadow otherwise.
17
+ */
18
+ export declare function actionStyle(theme: UiTheme, variant: ActionSpec['variant']): ViewStyle;
19
+ /** MUI's `sm` breakpoint decides the action row's axis: a row from 600px up, a column below. */
20
+ export declare const actionsDirection: (windowWidth: number) => "row" | "column";
21
+ export declare const EmptyState: React.FC<EmptyStateProps>;
22
+ //# sourceMappingURL=EmptyState.native.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"EmptyState.native.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/EmptyState/EmptyState.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAOL,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAEtB,OAAO,EAAE,KAAK,UAAU,EAAyB,MAAM,sBAAsB,CAAC;AAoB9E,OAAO,KAAK,EAAsB,eAAe,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAOxG,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAGrD,gFAAgF;AAChF,wBAAgB,UAAU,CAAC,KAAK,EAAE,OAAO,GAAG,SAAS,CAQpD;AAED,oEAAoE;AACpE,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,OAAO,GAAG,SAAS,CAQ1D;AAED,2FAA2F;AAC3F,wBAAgB,aAAa,CAAC,KAAK,EAAE,OAAO,GAAG,SAAS,CAQvD;AAED,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,iBAAiB,GAAG,SAAS,CAOvE;AAED;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,UAAU,CAAC,SAAS,CAAC,GAAG,SAAS,CAWrF;AAED,gGAAgG;AAChG,eAAO,MAAM,gBAAgB,GAAI,aAAa,MAAM,KAAG,KAAK,GAAG,QACX,CAAC;AAkGrD,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA2D/C,CAAC"}
@@ -0,0 +1,8 @@
1
+ import type { StyleProp, ViewProps, ViewStyle } from 'react-native';
2
+ import type { EmptyStateBaseProps } from './EmptyState.base';
3
+ export type { EmptyStateAction, EmptyStateBaseProps, EmptyStateHelpLink, EmptyStateVariant, } from './EmptyState.base';
4
+ /** The native `EmptyState`: the shared contract, plus a `View`'s own props. */
5
+ export type EmptyStateProps = EmptyStateBaseProps & Omit<ViewProps, keyof EmptyStateBaseProps | 'style'> & {
6
+ style?: StyleProp<ViewStyle>;
7
+ };
8
+ //# sourceMappingURL=EmptyState.types.native.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"EmptyState.types.native.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/EmptyState/EmptyState.types.native.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEpE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAE7D,YAAY,EACV,gBAAgB,EAChB,mBAAmB,EACnB,kBAAkB,EAClB,iBAAiB,GAClB,MAAM,mBAAmB,CAAC;AAE3B,+EAA+E;AAC/E,MAAM,MAAM,eAAe,GAAG,mBAAmB,GAC/C,IAAI,CAAC,SAAS,EAAE,MAAM,mBAAmB,GAAG,OAAO,CAAC,GAAG;IACrD,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B,CAAC"}
@@ -0,0 +1,3 @@
1
+ export { EmptyState } from './EmptyState.native';
2
+ export type { EmptyStateAction, EmptyStateBaseProps, EmptyStateHelpLink, EmptyStateProps, EmptyStateVariant, } from './EmptyState.types.native';
3
+ //# sourceMappingURL=index.native.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/EmptyState/index.native.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACjD,YAAY,EACV,gBAAgB,EAChB,mBAAmB,EACnB,kBAAkB,EAClB,eAAe,EACf,iBAAiB,GAClB,MAAM,2BAA2B,CAAC"}
@@ -0,0 +1,43 @@
1
+ import type * as React from 'react';
2
+ /**
3
+ * THE CONTRACT BOTH RENDERERS HONOUR — and nothing else.
4
+ *
5
+ * Imports no MUI and no react-native, on purpose: it ships in both
6
+ * declaration outputs. `onRetry` takes no event on either side, so it lives
7
+ * here; the web adds `className`, the native side a `View`'s own props.
8
+ */
9
+ export type ErrorStateSeverity = 'error' | 'warning';
10
+ export interface ErrorStateBaseProps {
11
+ /**
12
+ * The error message to display
13
+ */
14
+ message: string;
15
+ /**
16
+ * Optional title for the error state
17
+ */
18
+ title?: string;
19
+ /**
20
+ * Callback function when retry button is clicked
21
+ */
22
+ onRetry?: () => void;
23
+ /**
24
+ * Custom label for the retry button
25
+ * @default 'Retry'
26
+ */
27
+ retryLabel?: string;
28
+ /**
29
+ * Visual severity of the error
30
+ * @default 'error'
31
+ */
32
+ severity?: ErrorStateSeverity;
33
+ /**
34
+ * Optional custom icon to display
35
+ */
36
+ icon?: React.ReactNode;
37
+ /**
38
+ * Test ID for component testing
39
+ */
40
+ dataTestId?: string;
41
+ testID?: string;
42
+ }
43
+ //# sourceMappingURL=ErrorState.base.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ErrorState.base.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/ErrorState/ErrorState.base.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC;;;;;;GAMG;AACH,MAAM,MAAM,kBAAkB,GAAG,OAAO,GAAG,SAAS,CAAC;AAErD,MAAM,WAAW,mBAAmB;IAClC;;OAEG;IACH,OAAO,EAAE,MAAM,CAAC;IAEhB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;;OAGG;IACH,QAAQ,CAAC,EAAE,kBAAkB,CAAC;IAE9B;;OAEG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEvB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB"}