@arc-ui/components 11.6.0 → 11.8.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (308) hide show
  1. package/dist/Alert/Alert.cjs.d.ts +1 -1
  2. package/dist/Alert/Alert.cjs.js +12 -91
  3. package/dist/Alert/Alert.esm.d.ts +1 -1
  4. package/dist/Alert/Alert.esm.js +5 -84
  5. package/dist/Badge/Badge.cjs.js +4 -4
  6. package/dist/Badge/Badge.esm.js +5 -5
  7. package/dist/Box/Box.cjs.d.ts +40 -0
  8. package/dist/Box/Box.cjs.js +32 -0
  9. package/dist/Box/Box.esm.d.ts +40 -0
  10. package/dist/Box/Box.esm.js +24 -0
  11. package/dist/Box/package.json +7 -0
  12. package/dist/BrandLogo/BrandLogo.cjs.d.ts +1 -1
  13. package/dist/BrandLogo/BrandLogo.cjs.js +2 -2
  14. package/dist/BrandLogo/BrandLogo.esm.d.ts +1 -1
  15. package/dist/BrandLogo/BrandLogo.esm.js +2 -2
  16. package/dist/Breadcrumbs/Breadcrumbs.cjs.d.ts +1 -1
  17. package/dist/Breadcrumbs/Breadcrumbs.cjs.js +4 -4
  18. package/dist/Breadcrumbs/Breadcrumbs.esm.d.ts +1 -1
  19. package/dist/Breadcrumbs/Breadcrumbs.esm.js +4 -4
  20. package/dist/Button/Button.cjs.d.ts +1 -1
  21. package/dist/Button/Button.cjs.js +3 -3
  22. package/dist/Button/Button.esm.d.ts +1 -1
  23. package/dist/Button/Button.esm.js +3 -3
  24. package/dist/Card/Card.cjs.d.ts +1 -1
  25. package/dist/Card/Card.cjs.js +5 -5
  26. package/dist/Card/Card.esm.d.ts +1 -1
  27. package/dist/Card/Card.esm.js +5 -5
  28. package/dist/Checkbox/Checkbox.cjs.d.ts +1 -1
  29. package/dist/Checkbox/Checkbox.cjs.js +5 -5
  30. package/dist/Checkbox/Checkbox.esm.d.ts +1 -1
  31. package/dist/Checkbox/Checkbox.esm.js +5 -5
  32. package/dist/Columns/Columns.cjs.d.ts +1 -1
  33. package/dist/Columns/Columns.esm.d.ts +1 -1
  34. package/dist/Curve/Curve.cjs.d.ts +1 -1
  35. package/dist/Curve/Curve.cjs.js +1 -1
  36. package/dist/Curve/Curve.esm.d.ts +1 -1
  37. package/dist/Curve/Curve.esm.js +1 -1
  38. package/dist/Disclosure/Disclosure.cjs.d.ts +1 -1
  39. package/dist/Disclosure/Disclosure.cjs.js +2 -2
  40. package/dist/Disclosure/Disclosure.esm.d.ts +1 -1
  41. package/dist/Disclosure/Disclosure.esm.js +2 -2
  42. package/dist/DisclosureMini/DisclosureMini.cjs.d.ts +1 -1
  43. package/dist/DisclosureMini/DisclosureMini.cjs.js +3 -3
  44. package/dist/DisclosureMini/DisclosureMini.esm.d.ts +1 -1
  45. package/dist/DisclosureMini/DisclosureMini.esm.js +3 -3
  46. package/dist/Filter/Filter.cjs.d.ts +1 -1
  47. package/dist/Filter/Filter.cjs.js +2 -2
  48. package/dist/Filter/Filter.esm.d.ts +1 -1
  49. package/dist/Filter/Filter.esm.js +2 -2
  50. package/dist/FormControl/FormControl.cjs.d.ts +1 -1
  51. package/dist/FormControl/FormControl.cjs.js +4 -4
  52. package/dist/FormControl/FormControl.esm.d.ts +1 -1
  53. package/dist/FormControl/FormControl.esm.js +4 -4
  54. package/dist/Group/Group.cjs.d.ts +1 -1
  55. package/dist/Group/Group.cjs.js +2 -2
  56. package/dist/Group/Group.esm.d.ts +1 -1
  57. package/dist/Group/Group.esm.js +2 -2
  58. package/dist/Heading/Heading.cjs.d.ts +1 -1
  59. package/dist/Heading/Heading.cjs.js +2 -2
  60. package/dist/Heading/Heading.esm.d.ts +1 -1
  61. package/dist/Heading/Heading.esm.js +2 -2
  62. package/dist/Icon/Icon.cjs.d.ts +1 -1
  63. package/dist/Icon/Icon.cjs.js +2 -2
  64. package/dist/Icon/Icon.esm.d.ts +1 -1
  65. package/dist/Icon/Icon.esm.js +2 -2
  66. package/dist/Image/Image.cjs.d.ts +1 -1
  67. package/dist/Image/Image.cjs.js +2 -1
  68. package/dist/Image/Image.esm.d.ts +1 -1
  69. package/dist/Image/Image.esm.js +1 -1
  70. package/dist/Markup/Markup.cjs.js +1 -1
  71. package/dist/Markup/Markup.esm.js +1 -1
  72. package/dist/Modal/Modal.cjs.d.ts +53 -0
  73. package/dist/Modal/Modal.cjs.js +677 -0
  74. package/dist/Modal/Modal.esm.d.ts +53 -0
  75. package/dist/Modal/Modal.esm.js +669 -0
  76. package/dist/Modal/package.json +7 -0
  77. package/dist/Pagination/Pagination.cjs.js +6 -6
  78. package/dist/Pagination/Pagination.esm.js +6 -6
  79. package/dist/PaginationSimple/PaginationSimple.cjs.js +6 -6
  80. package/dist/PaginationSimple/PaginationSimple.esm.js +6 -6
  81. package/dist/Poster/Poster.cjs.d.ts +1 -1
  82. package/dist/Poster/Poster.cjs.js +3 -3
  83. package/dist/Poster/Poster.esm.d.ts +1 -1
  84. package/dist/Poster/Poster.esm.js +3 -3
  85. package/dist/ProgressBar/ProgressBar.cjs.js +7 -7
  86. package/dist/ProgressBar/ProgressBar.esm.js +8 -8
  87. package/dist/ProgressStepper/ProgressStepper.cjs.d.ts +89 -0
  88. package/dist/ProgressStepper/ProgressStepper.cjs.js +152 -0
  89. package/dist/ProgressStepper/ProgressStepper.esm.d.ts +89 -0
  90. package/dist/ProgressStepper/ProgressStepper.esm.js +144 -0
  91. package/dist/ProgressStepper/package.json +7 -0
  92. package/dist/RadioGroup/RadioGroup.cjs.d.ts +1 -1
  93. package/dist/RadioGroup/RadioGroup.cjs.js +5 -5
  94. package/dist/RadioGroup/RadioGroup.esm.d.ts +1 -1
  95. package/dist/RadioGroup/RadioGroup.esm.js +5 -5
  96. package/dist/Rule/Rule.cjs.js +1 -1
  97. package/dist/Rule/Rule.esm.js +1 -1
  98. package/dist/ScrollToTop/ScrollToTop.cjs.js +2 -2
  99. package/dist/ScrollToTop/ScrollToTop.esm.js +2 -2
  100. package/dist/Select/Select.cjs.d.ts +1 -1
  101. package/dist/Select/Select.cjs.js +453 -916
  102. package/dist/Select/Select.esm.d.ts +1 -1
  103. package/dist/Select/Select.esm.js +419 -882
  104. package/dist/SiteFooter/SiteFooter.cjs.d.ts +1 -1
  105. package/dist/SiteFooter/SiteFooter.cjs.js +4 -4
  106. package/dist/SiteFooter/SiteFooter.esm.d.ts +1 -1
  107. package/dist/SiteFooter/SiteFooter.esm.js +5 -5
  108. package/dist/SiteHeader/SiteHeader.cjs.d.ts +1 -1
  109. package/dist/SiteHeader/SiteHeader.cjs.js +6 -6
  110. package/dist/SiteHeader/SiteHeader.esm.d.ts +1 -1
  111. package/dist/SiteHeader/SiteHeader.esm.js +6 -6
  112. package/dist/Surface/Surface.cjs.d.ts +1 -1
  113. package/dist/Surface/Surface.cjs.js +1 -1
  114. package/dist/Surface/Surface.esm.d.ts +1 -1
  115. package/dist/Surface/Surface.esm.js +1 -1
  116. package/dist/Switch/Switch.cjs.d.ts +1 -1
  117. package/dist/Switch/Switch.cjs.js +242 -18
  118. package/dist/Switch/Switch.esm.d.ts +1 -1
  119. package/dist/Switch/Switch.esm.js +236 -12
  120. package/dist/Tabs/Tabs.cjs.d.ts +75 -0
  121. package/dist/Tabs/Tabs.cjs.js +514 -0
  122. package/dist/Tabs/Tabs.esm.d.ts +75 -0
  123. package/dist/Tabs/Tabs.esm.js +506 -0
  124. package/dist/Tabs/package.json +7 -0
  125. package/dist/Tag/Tag.cjs.js +2 -2
  126. package/dist/Tag/Tag.esm.js +2 -2
  127. package/dist/Text/Text.cjs.d.ts +1 -1
  128. package/dist/Text/Text.cjs.js +2 -2
  129. package/dist/Text/Text.esm.d.ts +1 -1
  130. package/dist/Text/Text.esm.js +2 -2
  131. package/dist/TextArea/TextArea.cjs.d.ts +4 -1
  132. package/dist/TextArea/TextArea.cjs.js +22 -21
  133. package/dist/TextArea/TextArea.esm.d.ts +4 -1
  134. package/dist/TextArea/TextArea.esm.js +22 -21
  135. package/dist/TextInput/TextInput.cjs.d.ts +1 -1
  136. package/dist/TextInput/TextInput.cjs.js +5 -5
  137. package/dist/TextInput/TextInput.esm.d.ts +1 -1
  138. package/dist/TextInput/TextInput.esm.js +5 -5
  139. package/dist/Toast/Toast.cjs.d.ts +52 -0
  140. package/dist/Toast/Toast.cjs.js +743 -0
  141. package/dist/Toast/Toast.esm.d.ts +52 -0
  142. package/dist/Toast/Toast.esm.js +735 -0
  143. package/dist/Toast/package.json +7 -0
  144. package/dist/Truncate/Truncate.cjs.js +3 -2
  145. package/dist/Truncate/Truncate.esm.js +3 -2
  146. package/dist/UniversalHeader/UniversalHeader.cjs.d.ts +1 -1
  147. package/dist/UniversalHeader/UniversalHeader.cjs.js +2 -2
  148. package/dist/UniversalHeader/UniversalHeader.esm.d.ts +1 -1
  149. package/dist/UniversalHeader/UniversalHeader.esm.js +2 -2
  150. package/dist/_shared/cjs/{BrandLogo-8008f0c4.js → BrandLogo-8107d59f.js} +1 -1
  151. package/dist/_shared/cjs/{Breadcrumbs-8b554370.js → Breadcrumbs-0906dd10.js} +10 -10
  152. package/dist/_shared/cjs/BtIconTick-42fcc5ec.js +91 -0
  153. package/dist/_shared/cjs/{Button-27512fee.d.ts → Button-5aaa6776.d.ts} +4 -0
  154. package/dist/_shared/cjs/{Button-27512fee.js → Button-5aaa6776.js} +4 -4
  155. package/dist/_shared/cjs/{Card-804ab0e5.js → Card-fd189ba8.js} +4 -4
  156. package/dist/_shared/cjs/{Checkbox-21d3c4f6.js → Checkbox-02c546ca.js} +2 -2
  157. package/dist/_shared/cjs/Columns-e90798f8.d.ts +1 -1
  158. package/dist/_shared/cjs/{Curve-b05589d8.d.ts → Curve-781ef633.d.ts} +5 -2
  159. package/dist/_shared/cjs/{Curve-b05589d8.js → Curve-781ef633.js} +5 -2
  160. package/dist/_shared/cjs/{DisclosureMini-067e0319.js → DisclosureMini-52706ee6.js} +2 -2
  161. package/dist/_shared/cjs/{Filter-f7d2fbda.js → Filter-a7574fe7.js} +1 -1
  162. package/dist/_shared/cjs/{FormControl-9aaddd54.js → FormControl-1e1bf2bf.js} +2 -2
  163. package/dist/_shared/cjs/{Group-d83f8c2e.js → Group-f85dd4c0.js} +1 -1
  164. package/dist/_shared/cjs/{Heading-d45f6a7f.d.ts → Heading-e3332dcf.d.ts} +4 -0
  165. package/dist/_shared/cjs/{Heading-d45f6a7f.js → Heading-e3332dcf.js} +3 -3
  166. package/dist/_shared/cjs/{Icon-9ae8dbe1.js → Icon-e1dd45eb.js} +1 -1
  167. package/dist/_shared/cjs/{Image-3bf4b4f3.js → Image-0e393cbf.js} +2 -0
  168. package/dist/_shared/cjs/{Poster-e05bbe13.d.ts → Poster-faea1ad3.d.ts} +1 -1
  169. package/dist/_shared/cjs/{Poster-e05bbe13.js → Poster-faea1ad3.js} +2 -2
  170. package/dist/_shared/{esm/RadioGroup-1fd0f389.d.ts → cjs/RadioGroup-d7664b0c.d.ts} +1 -1
  171. package/dist/_shared/cjs/{RadioGroup-81805ef9.js → RadioGroup-d7664b0c.js} +2 -2
  172. package/dist/_shared/cjs/{SiteFooter-c540b5f1.js → SiteFooter-5da774e1.js} +3 -3
  173. package/dist/_shared/cjs/SiteHeader-c25ee36e.d.ts +3 -3
  174. package/dist/_shared/cjs/{SiteHeader.rehydrator-f7fa2efe.js → SiteHeader.rehydrator-acc9d8c4.js} +4 -4
  175. package/dist/_shared/cjs/{Surface-6da0a78e.d.ts → Surface-b7c51b2b.d.ts} +3 -2
  176. package/dist/_shared/cjs/{Surface-6da0a78e.js → Surface-b7c51b2b.js} +1 -1
  177. package/dist/_shared/{esm/Text-00e9743b.d.ts → cjs/Text-fa447e2d.d.ts} +4 -0
  178. package/dist/_shared/cjs/{Text-6f2827e6.js → Text-fa447e2d.js} +3 -3
  179. package/dist/_shared/{esm/TextInput-7ed03a48.d.ts → cjs/TextInput-13050538.d.ts} +3 -1
  180. package/dist/_shared/{esm/TextInput-1631dbc4.d.ts → cjs/TextInput-f4549637.d.ts} +1 -1
  181. package/dist/_shared/cjs/{TextInput-33314fc4.js → TextInput-f4549637.js} +2 -2
  182. package/dist/_shared/cjs/{UniversalHeader-cc1d9e5a.js → UniversalHeader-da622e1a.js} +1 -1
  183. package/dist/_shared/cjs/extends-bb8ffacd.js +21 -0
  184. package/dist/_shared/cjs/index-27b53d49.js +174 -0
  185. package/dist/_shared/cjs/index-699086a7.d.ts +1 -1
  186. package/dist/_shared/cjs/index-74488a9f.d.ts +1 -1
  187. package/dist/_shared/cjs/{index.module-af7c85f2.js → index-952918c9.js} +199 -110
  188. package/dist/_shared/cjs/index-96c4d581.js +289 -0
  189. package/dist/_shared/cjs/index-c81c9401.d.ts +3 -3
  190. package/dist/_shared/cjs/index-e340924e.d.ts +1 -1
  191. package/dist/_shared/cjs/index-e6d20018.d.ts +1 -1
  192. package/dist/_shared/cjs/index-eb06f640.d.ts +1 -1
  193. package/dist/_shared/cjs/index-ec260f5e.js +869 -0
  194. package/dist/_shared/cjs/index-f419cf04.d.ts +1 -1
  195. package/dist/_shared/cjs/index-fb4b8fda.js +47 -0
  196. package/dist/_shared/cjs/index.module-bbcc4e18.js +126 -0
  197. package/dist/_shared/esm/{BrandLogo-56699561.js → BrandLogo-9ec620e8.js} +1 -1
  198. package/dist/_shared/esm/{Breadcrumbs-04590057.js → Breadcrumbs-dafa8dde.js} +10 -10
  199. package/dist/_shared/esm/BtIconTick-5fe50cc7.js +83 -0
  200. package/dist/_shared/esm/{Button-d319fa11.d.ts → Button-d1dbcf79.d.ts} +4 -0
  201. package/dist/_shared/esm/{Button-d319fa11.js → Button-d1dbcf79.js} +4 -4
  202. package/dist/_shared/esm/{Card-e79eb6c8.js → Card-e62c3ff6.js} +4 -4
  203. package/dist/_shared/esm/{Checkbox-94300d8c.js → Checkbox-d8891198.js} +2 -2
  204. package/dist/_shared/esm/Columns-8704515b.d.ts +1 -1
  205. package/dist/_shared/esm/{Curve-3e87b1bc.d.ts → Curve-bbc5589c.d.ts} +5 -2
  206. package/dist/_shared/esm/{Curve-3e87b1bc.js → Curve-bbc5589c.js} +5 -2
  207. package/dist/_shared/esm/{DisclosureMini-022beae3.js → DisclosureMini-9b819941.js} +2 -2
  208. package/dist/_shared/esm/{Filter-41b391e3.js → Filter-a01aed11.js} +1 -1
  209. package/dist/_shared/esm/{FormControl-5e3fdca3.js → FormControl-f18e2f59.js} +2 -2
  210. package/dist/_shared/esm/{Group-d62c3f56.js → Group-fb26fd32.js} +1 -1
  211. package/dist/_shared/esm/{Heading-b61432fb.d.ts → Heading-0f629151.d.ts} +4 -0
  212. package/dist/_shared/esm/{Heading-b61432fb.js → Heading-0f629151.js} +3 -3
  213. package/dist/_shared/esm/{Icon-fd247973.js → Icon-c1af47bc.js} +1 -1
  214. package/dist/_shared/esm/{Image-3596ce55.js → Image-3ed3863c.js} +2 -1
  215. package/dist/_shared/esm/{Poster-107d6954.d.ts → Poster-a83ae770.d.ts} +1 -1
  216. package/dist/_shared/esm/{Poster-107d6954.js → Poster-a83ae770.js} +2 -2
  217. package/dist/_shared/{cjs/RadioGroup-81805ef9.d.ts → esm/RadioGroup-be16d5d3.d.ts} +1 -1
  218. package/dist/_shared/esm/{RadioGroup-1fd0f389.js → RadioGroup-be16d5d3.js} +2 -2
  219. package/dist/_shared/esm/{SiteFooter-8075a9bd.js → SiteFooter-a182cb18.js} +3 -3
  220. package/dist/_shared/esm/SiteHeader-c25ee36e.d.ts +3 -3
  221. package/dist/_shared/esm/{SiteHeader.rehydrator-4da8ac64.js → SiteHeader.rehydrator-023b7b76.js} +4 -4
  222. package/dist/_shared/esm/{Surface-bb100ef8.d.ts → Surface-dde51789.d.ts} +3 -2
  223. package/dist/_shared/esm/{Surface-bb100ef8.js → Surface-dde51789.js} +1 -1
  224. package/dist/_shared/{cjs/Text-6f2827e6.d.ts → esm/Text-40457811.d.ts} +4 -0
  225. package/dist/_shared/esm/{Text-00e9743b.js → Text-40457811.js} +3 -3
  226. package/dist/_shared/{cjs/TextInput-7ed03a48.d.ts → esm/TextInput-13050538.d.ts} +3 -1
  227. package/dist/_shared/{cjs/TextInput-33314fc4.d.ts → esm/TextInput-4424c195.d.ts} +1 -1
  228. package/dist/_shared/esm/{TextInput-1631dbc4.js → TextInput-4424c195.js} +2 -2
  229. package/dist/_shared/esm/{UniversalHeader-7926abde.js → UniversalHeader-1c5a886d.js} +1 -1
  230. package/dist/_shared/esm/extends-4575346e.js +19 -0
  231. package/dist/_shared/esm/{index.module-599b86dd.js → index-22aad354.js} +196 -105
  232. package/dist/_shared/esm/index-369dce7f.js +847 -0
  233. package/dist/_shared/esm/index-699086a7.d.ts +1 -1
  234. package/dist/_shared/esm/index-74488a9f.d.ts +1 -1
  235. package/dist/_shared/esm/index-8000d9e3.js +168 -0
  236. package/dist/_shared/esm/index-94ecc5f8.js +280 -0
  237. package/dist/_shared/esm/index-bed18a88.js +26 -0
  238. package/dist/_shared/esm/index-c81c9401.d.ts +3 -3
  239. package/dist/_shared/esm/index-e340924e.d.ts +1 -1
  240. package/dist/_shared/esm/index-e6d20018.d.ts +1 -1
  241. package/dist/_shared/esm/index-eb06f640.d.ts +1 -1
  242. package/dist/_shared/esm/index-f419cf04.d.ts +1 -1
  243. package/dist/_shared/esm/index.module-5ed90b21.js +122 -0
  244. package/dist/index.es.js +2808 -1035
  245. package/dist/index.es.js.map +1 -1
  246. package/dist/index.js +3015 -1241
  247. package/dist/index.js.map +1 -1
  248. package/dist/styles.css +1 -1
  249. package/dist/types/components/Box/Box.d.ts +36 -0
  250. package/dist/types/components/Box/index.d.ts +1 -0
  251. package/dist/types/components/Button/Button.d.ts +4 -0
  252. package/dist/types/components/Columns/Columns.d.ts +1 -1
  253. package/dist/types/components/Columns/index.d.ts +1 -1
  254. package/dist/types/components/Curve/Curve.d.ts +5 -2
  255. package/dist/types/components/Heading/Heading.d.ts +4 -0
  256. package/dist/types/components/Image/index.d.ts +1 -1
  257. package/dist/types/components/MediaCard/MediaCard.d.ts +57 -0
  258. package/dist/types/components/MediaCard/index.d.ts +1 -0
  259. package/dist/types/components/Modal/Modal.d.ts +31 -9
  260. package/dist/types/components/ProgressStepper/ProgressStepper.d.ts +28 -0
  261. package/dist/types/components/ProgressStepper/ProgressStepperItem/ProgressStepperItem.d.ts +62 -0
  262. package/dist/types/components/ProgressStepper/index.d.ts +1 -0
  263. package/dist/types/components/ProgressStepper/progressStatus.d.ts +1 -0
  264. package/dist/types/components/Surface/Surface.d.ts +2 -1
  265. package/dist/types/components/Surface/index.d.ts +1 -1
  266. package/dist/types/components/Tabs/Tab/Tab.d.ts +22 -0
  267. package/dist/types/components/Tabs/Tab/index.d.ts +1 -0
  268. package/dist/types/components/Tabs/TabContent/TabContent.d.ts +12 -0
  269. package/dist/types/components/Tabs/TabContent/index.d.ts +1 -0
  270. package/dist/types/components/Tabs/Tabs.d.ts +27 -0
  271. package/dist/types/components/Tabs/TabsList/TabsList.d.ts +20 -0
  272. package/dist/types/components/Tabs/TabsList/index.d.ts +1 -0
  273. package/dist/types/components/Tabs/index.d.ts +1 -0
  274. package/dist/types/components/Text/Text.d.ts +4 -0
  275. package/dist/types/components/TextArea/TextArea.d.ts +3 -0
  276. package/dist/types/components/TextInput/TextInput.d.ts +2 -0
  277. package/dist/types/components/Toast/Toast.d.ts +14 -0
  278. package/dist/types/components/Toast/ToastNotification.d.ts +39 -0
  279. package/dist/types/components/Toast/index.d.ts +1 -0
  280. package/dist/types/components/index.d.ts +1 -0
  281. package/dist/types/styles.d.ts +6 -0
  282. package/package.json +8 -6
  283. /package/dist/_shared/cjs/{BrandLogo-8008f0c4.d.ts → BrandLogo-8107d59f.d.ts} +0 -0
  284. /package/dist/_shared/cjs/{Breadcrumbs-8b554370.d.ts → Breadcrumbs-0906dd10.d.ts} +0 -0
  285. /package/dist/_shared/cjs/{Card-804ab0e5.d.ts → Card-fd189ba8.d.ts} +0 -0
  286. /package/dist/_shared/cjs/{Checkbox-21d3c4f6.d.ts → Checkbox-02c546ca.d.ts} +0 -0
  287. /package/dist/_shared/cjs/{DisclosureMini-067e0319.d.ts → DisclosureMini-52706ee6.d.ts} +0 -0
  288. /package/dist/_shared/cjs/{Filter-f7d2fbda.d.ts → Filter-a7574fe7.d.ts} +0 -0
  289. /package/dist/_shared/cjs/{FormControl-9aaddd54.d.ts → FormControl-1e1bf2bf.d.ts} +0 -0
  290. /package/dist/_shared/cjs/{Group-d83f8c2e.d.ts → Group-f85dd4c0.d.ts} +0 -0
  291. /package/dist/_shared/cjs/{Icon-9ae8dbe1.d.ts → Icon-e1dd45eb.d.ts} +0 -0
  292. /package/dist/_shared/cjs/{Image-3bf4b4f3.d.ts → Image-0e393cbf.d.ts} +0 -0
  293. /package/dist/_shared/cjs/{SiteFooter-c540b5f1.d.ts → SiteFooter-5da774e1.d.ts} +0 -0
  294. /package/dist/_shared/cjs/{SiteHeader.rehydrator-f7fa2efe.d.ts → SiteHeader.rehydrator-acc9d8c4.d.ts} +0 -0
  295. /package/dist/_shared/cjs/{UniversalHeader-cc1d9e5a.d.ts → UniversalHeader-da622e1a.d.ts} +0 -0
  296. /package/dist/_shared/esm/{BrandLogo-56699561.d.ts → BrandLogo-9ec620e8.d.ts} +0 -0
  297. /package/dist/_shared/esm/{Breadcrumbs-04590057.d.ts → Breadcrumbs-dafa8dde.d.ts} +0 -0
  298. /package/dist/_shared/esm/{Card-e79eb6c8.d.ts → Card-e62c3ff6.d.ts} +0 -0
  299. /package/dist/_shared/esm/{Checkbox-94300d8c.d.ts → Checkbox-d8891198.d.ts} +0 -0
  300. /package/dist/_shared/esm/{DisclosureMini-022beae3.d.ts → DisclosureMini-9b819941.d.ts} +0 -0
  301. /package/dist/_shared/esm/{Filter-41b391e3.d.ts → Filter-a01aed11.d.ts} +0 -0
  302. /package/dist/_shared/esm/{FormControl-5e3fdca3.d.ts → FormControl-f18e2f59.d.ts} +0 -0
  303. /package/dist/_shared/esm/{Group-d62c3f56.d.ts → Group-fb26fd32.d.ts} +0 -0
  304. /package/dist/_shared/esm/{Icon-fd247973.d.ts → Icon-c1af47bc.d.ts} +0 -0
  305. /package/dist/_shared/esm/{Image-3596ce55.d.ts → Image-3ed3863c.d.ts} +0 -0
  306. /package/dist/_shared/esm/{SiteFooter-8075a9bd.d.ts → SiteFooter-a182cb18.d.ts} +0 -0
  307. /package/dist/_shared/esm/{SiteHeader.rehydrator-4da8ac64.d.ts → SiteHeader.rehydrator-023b7b76.d.ts} +0 -0
  308. /package/dist/_shared/esm/{UniversalHeader-7926abde.d.ts → UniversalHeader-1c5a886d.d.ts} +0 -0
@@ -5,11 +5,11 @@ import { u as useMediaQuery, a as ArcBreakpointL } from './index.es-00cb3bcb.js'
5
5
  import { B as BtIconChevronDown2Px_2 } from './BtIconChevronDown2Px-782876e2.js';
6
6
  import { h as handleLinkClick } from './handle-link-click-f64f55a2.js';
7
7
  import { a as BtIconChevronRight2Px_2, B as BtIconChevronLeft2Px_2 } from './BtIconChevronRight2Px-b8e7b4ad.js';
8
- import { S as Surface } from './Surface-bb100ef8.js';
9
- import { B as BrandLogo } from './BrandLogo-56699561.js';
10
- import { B as Button } from './Button-d319fa11.js';
8
+ import { S as Surface } from './Surface-dde51789.js';
9
+ import { B as BrandLogo } from './BrandLogo-9ec620e8.js';
10
+ import { B as Button } from './Button-d1dbcf79.js';
11
11
  import { s as suffixModifier } from './suffix-modifier-7e640670.js';
12
- import { T as Text } from './Text-00e9743b.js';
12
+ import { T as Text } from './Text-40457811.js';
13
13
 
14
14
  var Item = function (_a) {
15
15
  var _b;
@@ -12,12 +12,13 @@ declare const Surface: FC<SurfaceProps>;
12
12
  declare const backgrounds: readonly ["black", "brand", "brand-flat", "dark", "darker", "coral", "turquoise", "light", "lighter", "white"];
13
13
  declare const backgroundsBT: readonly ["black", "brand", "brand-flat", "dark", "darker", "coral", "turquoise", "light", "lighter", "white"];
14
14
  type SurfacePadding = "8" | "12" | "16" | "24" | "32" | "48" | "64";
15
+ type SurfaceBackgroundColor = "black" | "brand" | "brand-flat" | "dark" | "darker" | "coral" | "turquoise" | "light" | "lighter" | "white";
15
16
  interface SurfaceProps extends HTMLAttributes<HTMLElement> {
16
17
  /**
17
18
  * Background colour of the Surface. Contents will change colour to meet
18
19
  * accessibility requirements.
19
20
  */
20
- background?: typeof backgrounds[number];
21
+ background?: SurfaceBackgroundColor;
21
22
  /**
22
23
  * Content to display on the Surface.
23
24
  */
@@ -47,4 +48,4 @@ interface SurfaceProps extends HTMLAttributes<HTMLElement> {
47
48
  */
48
49
  paddingVertical?: SurfacePadding;
49
50
  }
50
- export { Surface, backgrounds, backgroundsBT, SurfacePadding, SurfaceProps, Context as SurfaceContext };
51
+ export { Surface, backgrounds, backgroundsBT, SurfacePadding, SurfaceBackgroundColor, SurfaceProps, Context as SurfaceContext };
@@ -20,7 +20,7 @@ var Surface = function (_a) {
20
20
  surface = "dark";
21
21
  }
22
22
  return (React__default.createElement(Provider, { value: { surface: surface } },
23
- React__default.createElement("div", __assign({ className: classNames((_b = {
23
+ React__default.createElement("div", __assign({ "data-testid": "arc-surface", className: classNames((_b = {
24
24
  "arc-Surface": true
25
25
  },
26
26
  _b["arc-Surface--".concat(background &&
@@ -30,5 +30,9 @@ interface TextProps {
30
30
  * Visual emphasis of the Text.
31
31
  */
32
32
  tone?: Tone;
33
+ /**
34
+ * Id for the Text.
35
+ */
36
+ id?: string;
33
37
  }
34
38
  export { Text, Tone, TextSize, TextProps };
@@ -2,16 +2,16 @@ import { _ as __rest, a as __assign, f as filterDataAttrs } from './filter-data-
2
2
  import { c as classNames } from './index-2ae58626.js';
3
3
  import React__default, { useContext } from 'react';
4
4
  import { s as suffixModifier } from './suffix-modifier-7e640670.js';
5
- import { C as Context } from './Surface-bb100ef8.js';
5
+ import { C as Context } from './Surface-dde51789.js';
6
6
 
7
7
  /**
8
8
  * Use `Text` to display text.
9
9
  */
10
10
  var Text = function (_a) {
11
11
  var _b;
12
- var _c = _a.align, align = _c === void 0 ? "left" : _c, children = _a.children, _d = _a.isInline, isInline = _d === void 0 ? false : _d, _e = _a.isMeasured, isMeasured = _e === void 0 ? false : _e, _f = _a.size, size = _f === void 0 ? "m" : _f, _g = _a.tone, tone = _g === void 0 ? "default" : _g, props = __rest(_a, ["align", "children", "isInline", "isMeasured", "size", "tone"]);
12
+ var _c = _a.align, align = _c === void 0 ? "left" : _c, children = _a.children, id = _a.id, _d = _a.isInline, isInline = _d === void 0 ? false : _d, _e = _a.isMeasured, isMeasured = _e === void 0 ? false : _e, _f = _a.size, size = _f === void 0 ? "m" : _f, _g = _a.tone, tone = _g === void 0 ? "default" : _g, props = __rest(_a, ["align", "children", "id", "isInline", "isMeasured", "size", "tone"]);
13
13
  var surface = useContext(Context).surface;
14
- return (React__default.createElement("span", __assign({ className: classNames((_b = {
14
+ return (React__default.createElement("span", __assign({ id: id, className: classNames((_b = {
15
15
  "arc-Text": true
16
16
  },
17
17
  _b[suffixModifier("arc-Text--align", align)] = align !== "left",
@@ -1,7 +1,7 @@
1
1
  /// <reference types="react" />
2
2
  import React from "react";
3
3
  import { FC } from "react";
4
- import { FormControlProps } from "./FormControl-9aaddd54";
4
+ import { FormControlProps } from "./FormControl-f18e2f59";
5
5
  type EventType = React.ChangeEvent<HTMLInputElement>;
6
6
  /**
7
7
  * Use `TextInput` to allow custom user text entry with a keyboard.
@@ -11,6 +11,8 @@ interface TextInputProps extends Omit<FormControlProps, "children" | "elementTyp
11
11
  /**
12
12
  * Uncontrolled default value of the TextInput. If the TextInput is controlled
13
13
  * via `value`/`onChange`, `defaultValue` will be ignored.
14
+ *
15
+ * `defaultValue` is not to be used instead of helper text.
14
16
  */
15
17
  defaultValue?: string;
16
18
  /**
@@ -1,4 +1,4 @@
1
- import { TextInputProps } from "./TextInput-7ed03a48";
1
+ import { TextInputProps } from "./TextInput-13050538";
2
2
  /**
3
3
  * Infer the correct inputMode, pattern and type if specifying a `number` type.
4
4
  */
@@ -1,8 +1,8 @@
1
1
  import { _ as __rest, a as __assign, f as filterDataAttrs } from './filter-data-attrs-afdb7d32.js';
2
2
  import { c as classNames } from './index-2ae58626.js';
3
3
  import React__default, { forwardRef, useContext, useState } from 'react';
4
- import { u as useAriaDescribedby, F as FormControl } from './FormControl-5e3fdca3.js';
5
- import { C as Context } from './Surface-bb100ef8.js';
4
+ import { u as useAriaDescribedby, F as FormControl } from './FormControl-f18e2f59.js';
5
+ import { C as Context } from './Surface-dde51789.js';
6
6
  import { V as VisuallyHidden } from './VisuallyHidden-b9eebf71.js';
7
7
 
8
8
  /**
@@ -1,6 +1,6 @@
1
1
  import { _ as __rest, a as __assign, f as filterDataAttrs } from './filter-data-attrs-afdb7d32.js';
2
2
  import React__default, { useEffect } from 'react';
3
- import { S as Surface } from './Surface-bb100ef8.js';
3
+ import { S as Surface } from './Surface-dde51789.js';
4
4
 
5
5
  /**
6
6
  * Use `UniversalHeader` to display a group-level page header.
@@ -0,0 +1,19 @@
1
+ function _extends() {
2
+ _extends = Object.assign || function (target) {
3
+ for (var i = 1; i < arguments.length; i++) {
4
+ var source = arguments[i];
5
+
6
+ for (var key in source) {
7
+ if (Object.prototype.hasOwnProperty.call(source, key)) {
8
+ target[key] = source[key];
9
+ }
10
+ }
11
+ }
12
+
13
+ return target;
14
+ };
15
+
16
+ return _extends.apply(this, arguments);
17
+ }
18
+
19
+ export { _extends as _ };
@@ -1,24 +1,7 @@
1
- import { createContext, useMemo, createElement, useContext, useCallback, forwardRef, Children, isValidElement, cloneElement, Fragment, useEffect, useRef, useLayoutEffect, useState } from 'react';
1
+ import { useCallback, createContext, useMemo, createElement, useContext, useRef, useEffect, useState, forwardRef, Children, isValidElement, cloneElement, Fragment, useLayoutEffect, useReducer } from 'react';
2
+ import { _ as _extends } from './extends-4575346e.js';
2
3
  import { flushSync } from 'react-dom';
3
4
 
4
- function _extends() {
5
- _extends = Object.assign || function (target) {
6
- for (var i = 1; i < arguments.length; i++) {
7
- var source = arguments[i];
8
-
9
- for (var key in source) {
10
- if (Object.prototype.hasOwnProperty.call(source, key)) {
11
- target[key] = source[key];
12
- }
13
- }
14
- }
15
-
16
- return target;
17
- };
18
-
19
- return _extends.apply(this, arguments);
20
- }
21
-
22
5
  function $e42e1063c40fb3ef$export$b9ecd428b558ff10(originalEventHandler, ourEventHandler, { checkForDefaultPrevented: checkForDefaultPrevented = true } = {}) {
23
6
  return function handleEvent(event) {
24
7
  originalEventHandler === null || originalEventHandler === void 0 || originalEventHandler(event);
@@ -26,6 +9,29 @@ function $e42e1063c40fb3ef$export$b9ecd428b558ff10(originalEventHandler, ourEven
26
9
  };
27
10
  }
28
11
 
12
+ /**
13
+ * Set a given ref to a given value
14
+ * This utility takes care of different types of refs: callback refs and RefObject(s)
15
+ */ function $6ed0406888f73fc4$var$setRef(ref, value) {
16
+ if (typeof ref === 'function') ref(value);
17
+ else if (ref !== null && ref !== undefined) ref.current = value;
18
+ }
19
+ /**
20
+ * A utility to compose multiple refs together
21
+ * Accepts callback refs and RefObject(s)
22
+ */ function $6ed0406888f73fc4$export$43e446d32b3d21af(...refs) {
23
+ return (node)=>refs.forEach((ref)=>$6ed0406888f73fc4$var$setRef(ref, node)
24
+ )
25
+ ;
26
+ }
27
+ /**
28
+ * A custom hook that composes multiple refs
29
+ * Accepts callback refs and RefObject(s)
30
+ */ function $6ed0406888f73fc4$export$c7b2cbe3552a0d05(...refs) {
31
+ // eslint-disable-next-line react-hooks/exhaustive-deps
32
+ return useCallback($6ed0406888f73fc4$export$43e446d32b3d21af(...refs), refs);
33
+ }
34
+
29
35
  /* -------------------------------------------------------------------------------------------------
30
36
  * createContextScope
31
37
  * -----------------------------------------------------------------------------------------------*/ function $c512c27ab02ef895$export$50c7b4e9d9f19c1(scopeName, createContextScopeDeps = []) {
@@ -124,26 +130,61 @@ function $e42e1063c40fb3ef$export$b9ecd428b558ff10(originalEventHandler, ourEven
124
130
  }
125
131
 
126
132
  /**
127
- * Set a given ref to a given value
128
- * This utility takes care of different types of refs: callback refs and RefObject(s)
129
- */ function $6ed0406888f73fc4$var$setRef(ref, value) {
130
- if (typeof ref === 'function') ref(value);
131
- else if (ref !== null && ref !== undefined) ref.current = value;
133
+ * A custom hook that converts a callback to a ref to avoid triggering re-renders when passed as a
134
+ * prop or avoid re-executing effects when passed as a dependency
135
+ */ function $b1b2314f5f9a1d84$export$25bec8c6f54ee79a(callback) {
136
+ const callbackRef = useRef(callback);
137
+ useEffect(()=>{
138
+ callbackRef.current = callback;
139
+ }); // https://github.com/facebook/react/issues/19240
140
+ return useMemo(()=>(...args)=>{
141
+ var _callbackRef$current;
142
+ return (_callbackRef$current = callbackRef.current) === null || _callbackRef$current === void 0 ? void 0 : _callbackRef$current.call(callbackRef, ...args);
143
+ }
144
+ , []);
132
145
  }
133
- /**
134
- * A utility to compose multiple refs together
135
- * Accepts callback refs and RefObject(s)
136
- */ function $6ed0406888f73fc4$export$43e446d32b3d21af(...refs) {
137
- return (node)=>refs.forEach((ref)=>$6ed0406888f73fc4$var$setRef(ref, node)
138
- )
139
- ;
146
+
147
+ function $71cd76cc60e0454e$export$6f32135080cb4c3({ prop: prop , defaultProp: defaultProp , onChange: onChange = ()=>{} }) {
148
+ const [uncontrolledProp, setUncontrolledProp] = $71cd76cc60e0454e$var$useUncontrolledState({
149
+ defaultProp: defaultProp,
150
+ onChange: onChange
151
+ });
152
+ const isControlled = prop !== undefined;
153
+ const value1 = isControlled ? prop : uncontrolledProp;
154
+ const handleChange = $b1b2314f5f9a1d84$export$25bec8c6f54ee79a(onChange);
155
+ const setValue = useCallback((nextValue)=>{
156
+ if (isControlled) {
157
+ const setter = nextValue;
158
+ const value = typeof nextValue === 'function' ? setter(prop) : nextValue;
159
+ if (value !== prop) handleChange(value);
160
+ } else setUncontrolledProp(nextValue);
161
+ }, [
162
+ isControlled,
163
+ prop,
164
+ setUncontrolledProp,
165
+ handleChange
166
+ ]);
167
+ return [
168
+ value1,
169
+ setValue
170
+ ];
140
171
  }
141
- /**
142
- * A custom hook that composes multiple refs
143
- * Accepts callback refs and RefObject(s)
144
- */ function $6ed0406888f73fc4$export$c7b2cbe3552a0d05(...refs) {
145
- // eslint-disable-next-line react-hooks/exhaustive-deps
146
- return useCallback($6ed0406888f73fc4$export$43e446d32b3d21af(...refs), refs);
172
+ function $71cd76cc60e0454e$var$useUncontrolledState({ defaultProp: defaultProp , onChange: onChange }) {
173
+ const uncontrolledState = useState(defaultProp);
174
+ const [value] = uncontrolledState;
175
+ const prevValueRef = useRef(value);
176
+ const handleChange = $b1b2314f5f9a1d84$export$25bec8c6f54ee79a(onChange);
177
+ useEffect(()=>{
178
+ if (prevValueRef.current !== value) {
179
+ handleChange(value);
180
+ prevValueRef.current = value;
181
+ }
182
+ }, [
183
+ value,
184
+ prevValueRef,
185
+ handleChange
186
+ ]);
187
+ return uncontrolledState;
147
188
  }
148
189
 
149
190
  /* -------------------------------------------------------------------------------------------------
@@ -178,7 +219,7 @@ $5e63c961fc1ce211$export$8c6ed5c666ac1360.displayName = 'Slot';
178
219
  const { children: children , ...slotProps } = props;
179
220
  if (/*#__PURE__*/ isValidElement(children)) return /*#__PURE__*/ cloneElement(children, {
180
221
  ...$5e63c961fc1ce211$var$mergeProps(slotProps, children.props),
181
- ref: $6ed0406888f73fc4$export$43e446d32b3d21af(forwardedRef, children.ref)
222
+ ref: forwardedRef ? $6ed0406888f73fc4$export$43e446d32b3d21af(forwardedRef, children.ref) : children.ref
182
223
  });
183
224
  return Children.count(children) > 1 ? Children.only(null) : null;
184
225
  });
@@ -226,9 +267,11 @@ const $8927f6f2acc4f386$var$NODES = [
226
267
  'a',
227
268
  'button',
228
269
  'div',
270
+ 'form',
229
271
  'h2',
230
272
  'h3',
231
273
  'img',
274
+ 'input',
232
275
  'label',
233
276
  'li',
234
277
  'nav',
@@ -301,21 +344,6 @@ const $8927f6f2acc4f386$var$NODES = [
301
344
  );
302
345
  }
303
346
 
304
- /**
305
- * A custom hook that converts a callback to a ref to avoid triggering re-renders when passed as a
306
- * prop or avoid re-executing effects when passed as a dependency
307
- */ function $b1b2314f5f9a1d84$export$25bec8c6f54ee79a(callback) {
308
- const callbackRef = useRef(callback);
309
- useEffect(()=>{
310
- callbackRef.current = callback;
311
- }); // https://github.com/facebook/react/issues/19240
312
- return useMemo(()=>(...args)=>{
313
- var _callbackRef$current;
314
- return (_callbackRef$current = callbackRef.current) === null || _callbackRef$current === void 0 ? void 0 : _callbackRef$current.call(callbackRef, ...args);
315
- }
316
- , []);
317
- }
318
-
319
347
  /**
320
348
  * On the server, React emits a warning when calling `useLayoutEffect`.
321
349
  * This is because neither `useLayoutEffect` nor `useEffect` run on the server.
@@ -324,65 +352,128 @@ const $8927f6f2acc4f386$var$NODES = [
324
352
  * See: https://reactjs.org/docs/hooks-reference.html#uselayouteffect
325
353
  */ const $9f79659886946c16$export$e5c5a5f917a5871c = Boolean(globalThis === null || globalThis === void 0 ? void 0 : globalThis.document) ? useLayoutEffect : ()=>{};
326
354
 
327
- function $71cd76cc60e0454e$export$6f32135080cb4c3({ prop: prop , defaultProp: defaultProp , onChange: onChange = ()=>{} }) {
328
- const [uncontrolledProp, setUncontrolledProp] = $71cd76cc60e0454e$var$useUncontrolledState({
329
- defaultProp: defaultProp,
330
- onChange: onChange
355
+ function $fe963b355347cc68$export$3e6543de14f8614f(initialState, machine) {
356
+ return useReducer((state, event)=>{
357
+ const nextState = machine[state][event];
358
+ return nextState !== null && nextState !== void 0 ? nextState : state;
359
+ }, initialState);
360
+ }
361
+
362
+
363
+ const $921a889cee6df7e8$export$99c2b779aa4e8b8b = (props)=>{
364
+ const { present: present , children: children } = props;
365
+ const presence = $921a889cee6df7e8$var$usePresence(present);
366
+ const child = typeof children === 'function' ? children({
367
+ present: presence.isPresent
368
+ }) : Children.only(children);
369
+ const ref = $6ed0406888f73fc4$export$c7b2cbe3552a0d05(presence.ref, child.ref);
370
+ const forceMount = typeof children === 'function';
371
+ return forceMount || presence.isPresent ? /*#__PURE__*/ cloneElement(child, {
372
+ ref: ref
373
+ }) : null;
374
+ };
375
+ $921a889cee6df7e8$export$99c2b779aa4e8b8b.displayName = 'Presence';
376
+ /* -------------------------------------------------------------------------------------------------
377
+ * usePresence
378
+ * -----------------------------------------------------------------------------------------------*/ function $921a889cee6df7e8$var$usePresence(present) {
379
+ const [node1, setNode] = useState();
380
+ const stylesRef = useRef({});
381
+ const prevPresentRef = useRef(present);
382
+ const prevAnimationNameRef = useRef('none');
383
+ const initialState = present ? 'mounted' : 'unmounted';
384
+ const [state, send] = $fe963b355347cc68$export$3e6543de14f8614f(initialState, {
385
+ mounted: {
386
+ UNMOUNT: 'unmounted',
387
+ ANIMATION_OUT: 'unmountSuspended'
388
+ },
389
+ unmountSuspended: {
390
+ MOUNT: 'mounted',
391
+ ANIMATION_END: 'unmounted'
392
+ },
393
+ unmounted: {
394
+ MOUNT: 'mounted'
395
+ }
331
396
  });
332
- const isControlled = prop !== undefined;
333
- const value1 = isControlled ? prop : uncontrolledProp;
334
- const handleChange = $b1b2314f5f9a1d84$export$25bec8c6f54ee79a(onChange);
335
- const setValue = useCallback((nextValue)=>{
336
- if (isControlled) {
337
- const setter = nextValue;
338
- const value = typeof nextValue === 'function' ? setter(prop) : nextValue;
339
- if (value !== prop) handleChange(value);
340
- } else setUncontrolledProp(nextValue);
397
+ useEffect(()=>{
398
+ const currentAnimationName = $921a889cee6df7e8$var$getAnimationName(stylesRef.current);
399
+ prevAnimationNameRef.current = state === 'mounted' ? currentAnimationName : 'none';
341
400
  }, [
342
- isControlled,
343
- prop,
344
- setUncontrolledProp,
345
- handleChange
401
+ state
346
402
  ]);
347
- return [
348
- value1,
349
- setValue
350
- ];
351
- }
352
- function $71cd76cc60e0454e$var$useUncontrolledState({ defaultProp: defaultProp , onChange: onChange }) {
353
- const uncontrolledState = useState(defaultProp);
354
- const [value] = uncontrolledState;
355
- const prevValueRef = useRef(value);
356
- const handleChange = $b1b2314f5f9a1d84$export$25bec8c6f54ee79a(onChange);
357
- useEffect(()=>{
358
- if (prevValueRef.current !== value) {
359
- handleChange(value);
360
- prevValueRef.current = value;
403
+ $9f79659886946c16$export$e5c5a5f917a5871c(()=>{
404
+ const styles = stylesRef.current;
405
+ const wasPresent = prevPresentRef.current;
406
+ const hasPresentChanged = wasPresent !== present;
407
+ if (hasPresentChanged) {
408
+ const prevAnimationName = prevAnimationNameRef.current;
409
+ const currentAnimationName = $921a889cee6df7e8$var$getAnimationName(styles);
410
+ if (present) send('MOUNT');
411
+ else if (currentAnimationName === 'none' || (styles === null || styles === void 0 ? void 0 : styles.display) === 'none') // If there is no exit animation or the element is hidden, animations won't run
412
+ // so we unmount instantly
413
+ send('UNMOUNT');
414
+ else {
415
+ /**
416
+ * When `present` changes to `false`, we check changes to animation-name to
417
+ * determine whether an animation has started. We chose this approach (reading
418
+ * computed styles) because there is no `animationrun` event and `animationstart`
419
+ * fires after `animation-delay` has expired which would be too late.
420
+ */ const isAnimating = prevAnimationName !== currentAnimationName;
421
+ if (wasPresent && isAnimating) send('ANIMATION_OUT');
422
+ else send('UNMOUNT');
423
+ }
424
+ prevPresentRef.current = present;
361
425
  }
362
426
  }, [
363
- value,
364
- prevValueRef,
365
- handleChange
427
+ present,
428
+ send
366
429
  ]);
367
- return uncontrolledState;
368
- }
369
-
370
- function $010c2913dbd2fe3d$export$5cae361ad82dce8b(value) {
371
- const ref = useRef({
372
- value: value,
373
- previous: value
374
- }); // We compare values before making an update to ensure that
375
- // a change has been made. This ensures the previous value is
376
- // persisted correctly between renders.
377
- return useMemo(()=>{
378
- if (ref.current.value !== value) {
379
- ref.current.previous = ref.current.value;
380
- ref.current.value = value;
381
- }
382
- return ref.current.previous;
430
+ $9f79659886946c16$export$e5c5a5f917a5871c(()=>{
431
+ if (node1) {
432
+ /**
433
+ * Triggering an ANIMATION_OUT during an ANIMATION_IN will fire an `animationcancel`
434
+ * event for ANIMATION_IN after we have entered `unmountSuspended` state. So, we
435
+ * make sure we only trigger ANIMATION_END for the currently active animation.
436
+ */ const handleAnimationEnd = (event)=>{
437
+ const currentAnimationName = $921a889cee6df7e8$var$getAnimationName(stylesRef.current);
438
+ const isCurrentAnimation = currentAnimationName.includes(event.animationName);
439
+ if (event.target === node1 && isCurrentAnimation) // With React 18 concurrency this update is applied
440
+ // a frame after the animation ends, creating a flash of visible content.
441
+ // By manually flushing we ensure they sync within a frame, removing the flash.
442
+ flushSync(()=>send('ANIMATION_END')
443
+ );
444
+ };
445
+ const handleAnimationStart = (event)=>{
446
+ if (event.target === node1) // if animation occurred, store its name as the previous animation.
447
+ prevAnimationNameRef.current = $921a889cee6df7e8$var$getAnimationName(stylesRef.current);
448
+ };
449
+ node1.addEventListener('animationstart', handleAnimationStart);
450
+ node1.addEventListener('animationcancel', handleAnimationEnd);
451
+ node1.addEventListener('animationend', handleAnimationEnd);
452
+ return ()=>{
453
+ node1.removeEventListener('animationstart', handleAnimationStart);
454
+ node1.removeEventListener('animationcancel', handleAnimationEnd);
455
+ node1.removeEventListener('animationend', handleAnimationEnd);
456
+ };
457
+ } else // Transition to the unmounted state if the node is removed prematurely.
458
+ // We avoid doing so during cleanup as the node may change but still exist.
459
+ send('ANIMATION_END');
383
460
  }, [
384
- value
461
+ node1,
462
+ send
385
463
  ]);
464
+ return {
465
+ isPresent: [
466
+ 'mounted',
467
+ 'unmountSuspended'
468
+ ].includes(state),
469
+ ref: useCallback((node)=>{
470
+ if (node) stylesRef.current = getComputedStyle(node);
471
+ setNode(node);
472
+ }, [])
473
+ };
474
+ }
475
+ /* -----------------------------------------------------------------------------------------------*/ function $921a889cee6df7e8$var$getAnimationName(styles) {
476
+ return (styles === null || styles === void 0 ? void 0 : styles.animationName) || 'none';
386
477
  }
387
478
 
388
- export { $c512c27ab02ef895$export$50c7b4e9d9f19c1 as $, _extends as _, $6ed0406888f73fc4$export$c7b2cbe3552a0d05 as a, $5e63c961fc1ce211$export$8c6ed5c666ac1360 as b, $b1b2314f5f9a1d84$export$25bec8c6f54ee79a as c, $8927f6f2acc4f386$export$250ffa63cdc0d034 as d, $e42e1063c40fb3ef$export$b9ecd428b558ff10 as e, $8927f6f2acc4f386$export$6d1a0317bde7de7f as f, $9f79659886946c16$export$e5c5a5f917a5871c as g, $71cd76cc60e0454e$export$6f32135080cb4c3 as h, $010c2913dbd2fe3d$export$5cae361ad82dce8b as i };
479
+ export { $b1b2314f5f9a1d84$export$25bec8c6f54ee79a as $, $6ed0406888f73fc4$export$c7b2cbe3552a0d05 as a, $8927f6f2acc4f386$export$250ffa63cdc0d034 as b, $6ed0406888f73fc4$export$43e446d32b3d21af as c, $c512c27ab02ef895$export$50c7b4e9d9f19c1 as d, $71cd76cc60e0454e$export$6f32135080cb4c3 as e, $921a889cee6df7e8$export$99c2b779aa4e8b8b as f, $e42e1063c40fb3ef$export$b9ecd428b558ff10 as g, $8927f6f2acc4f386$export$6d1a0317bde7de7f as h };