@postenbring/hedwig-react 0.0.80 → 0.0.82

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 (528) hide show
  1. package/dist/accordion/accordion-content.d.ts +6 -2
  2. package/dist/accordion/accordion-content.d.ts.map +1 -0
  3. package/dist/accordion/accordion-content.js +1 -1
  4. package/dist/accordion/accordion-content.js.map +1 -1
  5. package/dist/accordion/accordion-content.mjs +1 -1
  6. package/dist/accordion/accordion-header.d.ts +6 -2
  7. package/dist/accordion/accordion-header.d.ts.map +1 -0
  8. package/dist/accordion/accordion-item.d.ts +24 -3
  9. package/dist/accordion/accordion-item.d.ts.map +1 -0
  10. package/dist/accordion/accordion.d.ts +44 -2
  11. package/dist/accordion/accordion.d.ts.map +1 -0
  12. package/dist/accordion/accordion.js +102 -4
  13. package/dist/accordion/accordion.js.map +1 -1
  14. package/dist/accordion/accordion.mjs +5 -1
  15. package/dist/accordion/context.d.ts +7 -2
  16. package/dist/accordion/context.d.ts.map +1 -0
  17. package/dist/accordion/index.d.ts +9 -9
  18. package/dist/accordion/index.d.ts.map +1 -0
  19. package/dist/accordion/index.js +53 -54
  20. package/dist/accordion/index.js.map +1 -1
  21. package/dist/accordion/index.mjs +8 -8
  22. package/dist/badge/badge.d.ts +21 -5
  23. package/dist/badge/badge.d.ts.map +1 -0
  24. package/dist/badge/index.d.ts +3 -6
  25. package/dist/badge/index.d.ts.map +1 -0
  26. package/dist/box/box.d.ts +50 -4
  27. package/dist/box/box.d.ts.map +1 -0
  28. package/dist/box/box.js +15 -14
  29. package/dist/box/box.js.map +1 -1
  30. package/dist/box/box.mjs +1 -1
  31. package/dist/box/index.d.ts +3 -4
  32. package/dist/box/index.d.ts.map +1 -0
  33. package/dist/box/index.js +16 -19
  34. package/dist/box/index.js.map +1 -1
  35. package/dist/box/index.mjs +4 -5
  36. package/dist/breadcrumbs/breadcrumbs.d.ts +33 -2
  37. package/dist/breadcrumbs/breadcrumbs.d.ts.map +1 -0
  38. package/dist/breadcrumbs/index.d.ts +3 -2
  39. package/dist/breadcrumbs/index.d.ts.map +1 -0
  40. package/dist/button/button.d.ts +33 -3
  41. package/dist/button/button.d.ts.map +1 -0
  42. package/dist/button/index.d.ts +3 -3
  43. package/dist/button/index.d.ts.map +1 -0
  44. package/dist/card/card.d.ts +69 -12
  45. package/dist/card/card.d.ts.map +1 -0
  46. package/dist/card/card.js +17 -6
  47. package/dist/card/card.js.map +1 -1
  48. package/dist/card/card.mjs +1 -1
  49. package/dist/card/index.d.ts +3 -12
  50. package/dist/card/index.d.ts.map +1 -0
  51. package/dist/card/index.js +18 -19
  52. package/dist/card/index.js.map +1 -1
  53. package/dist/card/index.mjs +4 -5
  54. package/dist/{chunk-XC3UHH2U.mjs → chunk-3WVRY6CC.mjs} +4 -4
  55. package/dist/{chunk-XC3UHH2U.mjs.map → chunk-3WVRY6CC.mjs.map} +1 -1
  56. package/dist/{chunk-GSJPTZT3.mjs → chunk-6AGDK5V3.mjs} +34 -19
  57. package/dist/chunk-6AGDK5V3.mjs.map +1 -0
  58. package/dist/{chunk-3MQKXNZ6.mjs → chunk-7UD72WOC.mjs} +13 -1
  59. package/dist/chunk-7UD72WOC.mjs.map +1 -0
  60. package/dist/chunk-7YWW46R3.mjs +1 -0
  61. package/dist/chunk-7YWW46R3.mjs.map +1 -0
  62. package/dist/{chunk-ENKVTAJB.mjs → chunk-AJWSQEDP.mjs} +18 -17
  63. package/dist/chunk-AJWSQEDP.mjs.map +1 -0
  64. package/dist/chunk-ARHJZUZG.mjs +1 -0
  65. package/dist/chunk-ARHJZUZG.mjs.map +1 -0
  66. package/dist/chunk-BCFV6VOE.mjs +1 -0
  67. package/dist/chunk-BCFV6VOE.mjs.map +1 -0
  68. package/dist/{chunk-GXYUJ5MA.mjs → chunk-C34HEQXO.mjs} +33 -29
  69. package/dist/chunk-C34HEQXO.mjs.map +1 -0
  70. package/dist/{chunk-PLXB3TNA.mjs → chunk-D7QPJIUZ.mjs} +5 -5
  71. package/dist/{chunk-PLXB3TNA.mjs.map → chunk-D7QPJIUZ.mjs.map} +1 -1
  72. package/dist/chunk-FYFJ75NX.mjs +1 -0
  73. package/dist/chunk-FYFJ75NX.mjs.map +1 -0
  74. package/dist/chunk-G65EYZFQ.mjs +1 -0
  75. package/dist/chunk-G65EYZFQ.mjs.map +1 -0
  76. package/dist/{chunk-2UWPZNXC.mjs → chunk-GLAEI3SD.mjs} +2 -2
  77. package/dist/{chunk-2UWPZNXC.mjs.map → chunk-GLAEI3SD.mjs.map} +1 -1
  78. package/dist/chunk-H3E546OT.mjs +1 -0
  79. package/dist/chunk-H3E546OT.mjs.map +1 -0
  80. package/dist/chunk-HQVL3ZJ2.mjs +1 -0
  81. package/dist/chunk-HQVL3ZJ2.mjs.map +1 -0
  82. package/dist/{chunk-XUWZ4HGD.mjs → chunk-LCJSUBCZ.mjs} +48 -45
  83. package/dist/chunk-LCJSUBCZ.mjs.map +1 -0
  84. package/dist/{chunk-KPGSRU4I.mjs → chunk-M3Y3XOGC.mjs} +13 -1
  85. package/dist/chunk-M3Y3XOGC.mjs.map +1 -0
  86. package/dist/{chunk-CIHZDFSQ.mjs → chunk-NU6OSFAU.mjs} +20 -9
  87. package/dist/chunk-NU6OSFAU.mjs.map +1 -0
  88. package/dist/chunk-RC76SXBP.mjs +1 -0
  89. package/dist/chunk-RC76SXBP.mjs.map +1 -0
  90. package/dist/{chunk-TQDUBRCZ.mjs → chunk-SQ63E7KM.mjs} +24 -22
  91. package/dist/chunk-SQ63E7KM.mjs.map +1 -0
  92. package/dist/{chunk-ES6ISHOV.mjs → chunk-UP3M3NEZ.mjs} +14 -13
  93. package/dist/{chunk-ES6ISHOV.mjs.map → chunk-UP3M3NEZ.mjs.map} +1 -1
  94. package/dist/chunk-ZKMFJZSH.mjs +1 -0
  95. package/dist/chunk-ZKMFJZSH.mjs.map +1 -0
  96. package/dist/description-list/description-list.d.ts +42 -2
  97. package/dist/description-list/description-list.d.ts.map +1 -0
  98. package/dist/description-list/index.d.ts +3 -2
  99. package/dist/description-list/index.d.ts.map +1 -0
  100. package/dist/footer/footer.d.ts +67 -7
  101. package/dist/footer/footer.d.ts.map +1 -0
  102. package/dist/footer/footer.js +80 -77
  103. package/dist/footer/footer.js.map +1 -1
  104. package/dist/footer/footer.mjs +5 -5
  105. package/dist/footer/index.d.ts +3 -7
  106. package/dist/footer/index.d.ts.map +1 -0
  107. package/dist/footer/index.js +81 -85
  108. package/dist/footer/index.js.map +1 -1
  109. package/dist/footer/index.mjs +8 -9
  110. package/dist/form/checkbox/checkbox.d.ts +28 -2
  111. package/dist/form/checkbox/checkbox.d.ts.map +1 -0
  112. package/dist/form/checkbox/index.d.ts +3 -2
  113. package/dist/form/checkbox/index.d.ts.map +1 -0
  114. package/dist/form/date-picker/date-picker.d.ts +33 -2
  115. package/dist/form/date-picker/date-picker.d.ts.map +1 -0
  116. package/dist/form/date-picker/index.d.ts +3 -2
  117. package/dist/form/date-picker/index.d.ts.map +1 -0
  118. package/dist/form/error-message/error-message.d.ts +8 -2
  119. package/dist/form/error-message/error-message.d.ts.map +1 -0
  120. package/dist/form/error-message/index.d.ts +3 -2
  121. package/dist/form/error-message/index.d.ts.map +1 -0
  122. package/dist/form/fieldset/fieldset.d.ts +22 -3
  123. package/dist/form/fieldset/fieldset.d.ts.map +1 -0
  124. package/dist/form/fieldset/index.d.ts +3 -3
  125. package/dist/form/fieldset/index.d.ts.map +1 -0
  126. package/dist/form/index.d.ts +9 -20
  127. package/dist/form/index.d.ts.map +1 -0
  128. package/dist/form/input/index.d.ts +3 -2
  129. package/dist/form/input/index.d.ts.map +1 -0
  130. package/dist/form/input/input.d.ts +5 -2
  131. package/dist/form/input/input.d.ts.map +1 -0
  132. package/dist/form/input-group/index.d.ts +3 -2
  133. package/dist/form/input-group/index.d.ts.map +1 -0
  134. package/dist/form/input-group/input-group.d.ts +27 -2
  135. package/dist/form/input-group/input-group.d.ts.map +1 -0
  136. package/dist/form/radiobutton/index.d.ts +5 -5
  137. package/dist/form/radiobutton/index.d.ts.map +1 -0
  138. package/dist/form/radiobutton/radiobutton.d.ts +17 -2
  139. package/dist/form/radiobutton/radiobutton.d.ts.map +1 -0
  140. package/dist/form/radiobutton/radiogroup.d.ts +24 -3
  141. package/dist/form/radiobutton/radiogroup.d.ts.map +1 -0
  142. package/dist/form/select/index.d.ts +3 -2
  143. package/dist/form/select/index.d.ts.map +1 -0
  144. package/dist/form/select/select.d.ts +9 -2
  145. package/dist/form/select/select.d.ts.map +1 -0
  146. package/dist/form/textarea/index.d.ts +3 -2
  147. package/dist/form/textarea/index.d.ts.map +1 -0
  148. package/dist/form/textarea/textarea.d.ts +5 -2
  149. package/dist/form/textarea/textarea.d.ts.map +1 -0
  150. package/dist/help-text/help-text.d.ts +51 -1
  151. package/dist/help-text/help-text.d.ts.map +1 -0
  152. package/dist/help-text/help-text.js +17 -20
  153. package/dist/help-text/help-text.js.map +1 -1
  154. package/dist/help-text/help-text.mjs +3 -3
  155. package/dist/help-text/index.d.ts +3 -1
  156. package/dist/help-text/index.d.ts.map +1 -0
  157. package/dist/help-text/index.js +17 -20
  158. package/dist/help-text/index.js.map +1 -1
  159. package/dist/help-text/index.mjs +3 -3
  160. package/dist/index-no-css.d.ts +26 -128
  161. package/dist/index-no-css.d.ts.map +1 -0
  162. package/dist/index-no-css.js +373 -394
  163. package/dist/index-no-css.js.map +1 -1
  164. package/dist/index-no-css.mjs +50 -57
  165. package/dist/index.d.ts +11 -128
  166. package/dist/index.d.ts.map +1 -0
  167. package/dist/index.js +373 -394
  168. package/dist/index.js.map +1 -1
  169. package/dist/index.mjs +50 -57
  170. package/dist/index.mjs.map +1 -1
  171. package/dist/layout/container/container.d.ts +23 -2
  172. package/dist/layout/container/container.d.ts.map +1 -0
  173. package/dist/layout/grid/grid.d.ts +101 -4
  174. package/dist/layout/grid/grid.d.ts.map +1 -0
  175. package/dist/layout/grid/grid.js +11 -10
  176. package/dist/layout/grid/grid.js.map +1 -1
  177. package/dist/layout/grid/grid.mjs +1 -1
  178. package/dist/layout/grid/index.d.ts +3 -4
  179. package/dist/layout/grid/index.d.ts.map +1 -0
  180. package/dist/layout/grid/index.js +12 -15
  181. package/dist/layout/grid/index.js.map +1 -1
  182. package/dist/layout/grid/index.mjs +4 -5
  183. package/dist/layout/index.d.ts +4 -10
  184. package/dist/layout/index.d.ts.map +1 -0
  185. package/dist/layout/index.js +12 -15
  186. package/dist/layout/index.js.map +1 -1
  187. package/dist/layout/index.mjs +4 -5
  188. package/dist/layout/responsive.d.ts +10 -2
  189. package/dist/layout/responsive.d.ts.map +1 -0
  190. package/dist/layout/spacing.d.ts +33 -3
  191. package/dist/layout/spacing.d.ts.map +1 -0
  192. package/dist/layout/stack/index.d.ts +3 -4
  193. package/dist/layout/stack/index.d.ts.map +1 -0
  194. package/dist/layout/stack/stack.d.ts +62 -4
  195. package/dist/layout/stack/stack.d.ts.map +1 -0
  196. package/dist/link/index.d.ts +3 -2
  197. package/dist/link/index.d.ts.map +1 -0
  198. package/dist/link/link.d.ts +20 -2
  199. package/dist/link/link.d.ts.map +1 -0
  200. package/dist/list/index.d.ts +5 -5
  201. package/dist/list/index.d.ts.map +1 -0
  202. package/dist/list/link-list.d.ts +12 -2
  203. package/dist/list/link-list.d.ts.map +1 -0
  204. package/dist/list/list.d.ts +40 -3
  205. package/dist/list/list.d.ts.map +1 -0
  206. package/dist/message/index.d.ts +3 -3
  207. package/dist/message/index.d.ts.map +1 -0
  208. package/dist/message/index.js +36 -38
  209. package/dist/message/index.js.map +1 -1
  210. package/dist/message/index.mjs +5 -6
  211. package/dist/message/message.d.ts +36 -4
  212. package/dist/message/message.d.ts.map +1 -0
  213. package/dist/message/message.js +35 -32
  214. package/dist/message/message.js.map +1 -1
  215. package/dist/message/message.mjs +2 -2
  216. package/dist/modal/index.d.ts +3 -5
  217. package/dist/modal/index.d.ts.map +1 -0
  218. package/dist/modal/index.js +60 -62
  219. package/dist/modal/index.js.map +1 -1
  220. package/dist/modal/index.mjs +5 -6
  221. package/dist/modal/modal.d.ts +81 -5
  222. package/dist/modal/modal.d.ts.map +1 -0
  223. package/dist/modal/modal.js +59 -55
  224. package/dist/modal/modal.js.map +1 -1
  225. package/dist/modal/modal.mjs +2 -2
  226. package/dist/navbar/icons.d.ts +3 -2
  227. package/dist/navbar/icons.d.ts.map +1 -0
  228. package/dist/navbar/index.d.ts +4 -13
  229. package/dist/navbar/index.d.ts.map +1 -0
  230. package/dist/navbar/index.js +144 -145
  231. package/dist/navbar/index.js.map +1 -1
  232. package/dist/navbar/index.mjs +4 -5
  233. package/dist/navbar/navbar-expandable-menu.d.ts +35 -7
  234. package/dist/navbar/navbar-expandable-menu.d.ts.map +1 -0
  235. package/dist/navbar/navbar.d.ts +130 -9
  236. package/dist/navbar/navbar.d.ts.map +1 -0
  237. package/dist/navbar/navbar.js +237 -28
  238. package/dist/navbar/navbar.js.map +1 -1
  239. package/dist/navbar/navbar.mjs +4 -1
  240. package/dist/show-more/index.d.ts +5 -4
  241. package/dist/show-more/index.d.ts.map +1 -0
  242. package/dist/show-more/show-more.d.ts +42 -2
  243. package/dist/show-more/show-more.d.ts.map +1 -0
  244. package/dist/skeleton/index.d.ts +3 -2
  245. package/dist/skeleton/index.d.ts.map +1 -0
  246. package/dist/skeleton/skeleton.d.ts +67 -2
  247. package/dist/skeleton/skeleton.d.ts.map +1 -0
  248. package/dist/step-indicator/index.d.ts +3 -1
  249. package/dist/step-indicator/index.d.ts.map +1 -0
  250. package/dist/step-indicator/step-indicator.d.ts +36 -1
  251. package/dist/step-indicator/step-indicator.d.ts.map +1 -0
  252. package/dist/styled-html/index.d.ts +3 -2
  253. package/dist/styled-html/index.d.ts.map +1 -0
  254. package/dist/styled-html/styled-html.d.ts +36 -2
  255. package/dist/styled-html/styled-html.d.ts.map +1 -0
  256. package/dist/table/index.d.ts +3 -1
  257. package/dist/table/index.d.ts.map +1 -0
  258. package/dist/table/table.d.ts +25 -1
  259. package/dist/table/table.d.ts.map +1 -0
  260. package/dist/tabs/context.d.ts +8 -3
  261. package/dist/tabs/context.d.ts.map +1 -0
  262. package/dist/tabs/index.d.ts +7 -10
  263. package/dist/tabs/index.d.ts.map +1 -0
  264. package/dist/tabs/index.js +34 -37
  265. package/dist/tabs/index.js.map +1 -1
  266. package/dist/tabs/index.mjs +4 -4
  267. package/dist/tabs/tabs-content.d.ts +26 -4
  268. package/dist/tabs/tabs-content.d.ts.map +1 -0
  269. package/dist/tabs/tabs-list.d.ts +21 -4
  270. package/dist/tabs/tabs-list.d.ts.map +1 -0
  271. package/dist/tabs/tabs.d.ts +26 -2
  272. package/dist/tabs/tabs.d.ts.map +1 -0
  273. package/dist/tabs/tabs.js +205 -8
  274. package/dist/tabs/tabs.js.map +1 -1
  275. package/dist/tabs/tabs.mjs +4 -1
  276. package/dist/text/index.d.ts +4 -2
  277. package/dist/text/index.d.ts.map +1 -0
  278. package/dist/text/text.d.ts +58 -2
  279. package/dist/text/text.d.ts.map +1 -0
  280. package/dist/utilities/auto-animate-height.d.ts +33 -2
  281. package/dist/utilities/auto-animate-height.d.ts.map +1 -0
  282. package/dist/utilities/index.d.ts +3 -2
  283. package/dist/utilities/index.d.ts.map +1 -0
  284. package/dist/utils.d.ts +28 -5
  285. package/dist/utils.d.ts.map +1 -0
  286. package/dist/warning-banner/index.d.ts +3 -2
  287. package/dist/warning-banner/index.d.ts.map +1 -0
  288. package/dist/warning-banner/index.js +16 -19
  289. package/dist/warning-banner/index.js.map +1 -1
  290. package/dist/warning-banner/index.mjs +3 -3
  291. package/dist/warning-banner/warning-banner.d.ts +8 -2
  292. package/dist/warning-banner/warning-banner.d.ts.map +1 -0
  293. package/dist/warning-banner/warning-banner.js +16 -19
  294. package/dist/warning-banner/warning-banner.js.map +1 -1
  295. package/dist/warning-banner/warning-banner.mjs +3 -3
  296. package/package.json +11 -7
  297. package/src/accordion/accordion-content.tsx +31 -0
  298. package/src/accordion/accordion-header.tsx +36 -0
  299. package/src/accordion/accordion-item.tsx +62 -0
  300. package/src/accordion/accordion.stories.tsx +154 -0
  301. package/src/accordion/accordion.tsx +68 -0
  302. package/src/accordion/context.ts +8 -0
  303. package/src/accordion/index.tsx +9 -0
  304. package/src/badge/badge.stories.tsx +44 -0
  305. package/src/badge/badge.tsx +63 -0
  306. package/src/badge/index.tsx +3 -0
  307. package/src/box/box.stories.tsx +112 -0
  308. package/src/box/box.tsx +122 -0
  309. package/src/box/index.tsx +3 -0
  310. package/src/breadcrumbs/breadcrumbs.stories.tsx +50 -0
  311. package/src/breadcrumbs/breadcrumbs.tsx +47 -0
  312. package/src/breadcrumbs/index.tsx +3 -0
  313. package/src/button/button.stories.tsx +104 -0
  314. package/src/button/button.tsx +87 -0
  315. package/src/button/index.tsx +3 -0
  316. package/src/card/card.stories.tsx +82 -0
  317. package/src/card/card.tsx +222 -0
  318. package/src/card/index.tsx +14 -0
  319. package/src/description-list/description-list.stories.tsx +95 -0
  320. package/src/description-list/description-list.tsx +61 -0
  321. package/src/description-list/index.tsx +2 -0
  322. package/src/footer/footer.tsx +169 -0
  323. package/src/footer/index.tsx +9 -0
  324. package/src/form/checkbox/checkbox.stories.tsx +104 -0
  325. package/src/form/checkbox/checkbox.tsx +82 -0
  326. package/src/form/checkbox/index.tsx +2 -0
  327. package/src/form/date-picker/date-picker.stories.tsx +27 -0
  328. package/src/form/date-picker/date-picker.tsx +85 -0
  329. package/src/form/date-picker/index.tsx +2 -0
  330. package/src/form/error-message/error-message.stories.tsx +19 -0
  331. package/src/form/error-message/error-message.tsx +25 -0
  332. package/src/form/error-message/index.tsx +2 -0
  333. package/src/form/fieldset/fieldset.stories.tsx +86 -0
  334. package/src/form/fieldset/fieldset.tsx +64 -0
  335. package/src/form/fieldset/index.tsx +2 -0
  336. package/src/form/index.tsx +8 -0
  337. package/src/form/input/index.tsx +2 -0
  338. package/src/form/input/input.stories.tsx +166 -0
  339. package/src/form/input/input.tsx +30 -0
  340. package/src/form/input-group/index.tsx +2 -0
  341. package/src/form/input-group/input-group.tsx +106 -0
  342. package/src/form/radiobutton/index.tsx +4 -0
  343. package/src/form/radiobutton/radiobutton.stories.tsx +93 -0
  344. package/src/form/radiobutton/radiobutton.tsx +85 -0
  345. package/src/form/radiobutton/radiogroup.stories.tsx +39 -0
  346. package/src/form/radiobutton/radiogroup.tsx +52 -0
  347. package/src/form/select/index.tsx +2 -0
  348. package/src/form/select/select.stories.tsx +93 -0
  349. package/src/form/select/select.tsx +33 -0
  350. package/src/form/textarea/index.tsx +2 -0
  351. package/src/form/textarea/textarea.stories.tsx +106 -0
  352. package/src/form/textarea/textarea.tsx +33 -0
  353. package/src/help-text/help-text.tsx +98 -0
  354. package/src/help-text/index.ts +2 -0
  355. package/src/index-no-css.tsx +25 -0
  356. package/src/index.tsx +11 -0
  357. package/src/layout/container/container.stories.tsx +62 -0
  358. package/src/layout/container/container.tsx +47 -0
  359. package/src/layout/grid/grid.tsx +163 -0
  360. package/src/layout/grid/index.tsx +3 -0
  361. package/src/layout/index.tsx +3 -0
  362. package/src/layout/responsive.ts +26 -0
  363. package/src/layout/spacing.ts +37 -0
  364. package/src/layout/stack/index.tsx +2 -0
  365. package/src/layout/stack/stack.tsx +128 -0
  366. package/src/link/index.tsx +3 -0
  367. package/src/link/link.stories.tsx +64 -0
  368. package/src/link/link.tsx +46 -0
  369. package/src/list/index.tsx +5 -0
  370. package/src/list/link-list.stories.tsx +38 -0
  371. package/src/list/link-list.tsx +26 -0
  372. package/src/list/list.stories.tsx +71 -0
  373. package/src/list/list.tsx +65 -0
  374. package/src/message/index.tsx +2 -0
  375. package/src/message/message.stories.tsx +93 -0
  376. package/src/message/message.tsx +89 -0
  377. package/src/modal/index.tsx +3 -0
  378. package/src/modal/modal.stories.tsx +147 -0
  379. package/src/modal/modal.tsx +199 -0
  380. package/src/navbar/icons.tsx +21 -0
  381. package/src/navbar/index.tsx +18 -0
  382. package/src/navbar/navbar-expandable-menu.tsx +176 -0
  383. package/src/navbar/navbar.stories.tsx +99 -0
  384. package/src/navbar/navbar.tsx +264 -0
  385. package/src/show-more/index.ts +5 -0
  386. package/src/show-more/show-more.stories.tsx +119 -0
  387. package/src/show-more/show-more.tsx +66 -0
  388. package/src/skeleton/index.ts +2 -0
  389. package/src/skeleton/skeleton.stories.tsx +152 -0
  390. package/src/skeleton/skeleton.tsx +114 -0
  391. package/src/step-indicator/index.ts +2 -0
  392. package/src/step-indicator/step-indicator.stories.tsx +50 -0
  393. package/src/step-indicator/step-indicator.tsx +116 -0
  394. package/src/styled-html/index.ts +2 -0
  395. package/src/styled-html/styled-html.stories.tsx +189 -0
  396. package/src/styled-html/styled-html.tsx +59 -0
  397. package/src/table/index.ts +2 -0
  398. package/src/table/table.tsx +59 -0
  399. package/src/tabs/context.ts +18 -0
  400. package/src/tabs/index.tsx +7 -0
  401. package/src/tabs/tabs-content.tsx +62 -0
  402. package/src/tabs/tabs-list.tsx +129 -0
  403. package/src/tabs/tabs.stories.tsx +138 -0
  404. package/src/tabs/tabs.tsx +50 -0
  405. package/src/text/index.tsx +4 -0
  406. package/src/text/text.stories.tsx +112 -0
  407. package/src/text/text.tsx +129 -0
  408. package/src/utilities/auto-animate-height.tsx +139 -0
  409. package/src/utilities/index.ts +2 -0
  410. package/src/utils.ts +110 -0
  411. package/src/warning-banner/index.tsx +2 -0
  412. package/src/warning-banner/warning-banner.stories.tsx +43 -0
  413. package/src/warning-banner/warning-banner.tsx +79 -0
  414. package/dist/_tsup-dts-rollup.d.mts +0 -2600
  415. package/dist/_tsup-dts-rollup.d.ts +0 -2600
  416. package/dist/accordion/accordion-content.d.mts +0 -2
  417. package/dist/accordion/accordion-header.d.mts +0 -2
  418. package/dist/accordion/accordion-item.d.mts +0 -3
  419. package/dist/accordion/accordion.d.mts +0 -2
  420. package/dist/accordion/context.d.mts +0 -2
  421. package/dist/accordion/index.d.mts +0 -9
  422. package/dist/badge/badge.d.mts +0 -5
  423. package/dist/badge/index.d.mts +0 -6
  424. package/dist/box/box.d.mts +0 -4
  425. package/dist/box/index.d.mts +0 -4
  426. package/dist/breadcrumbs/breadcrumbs.d.mts +0 -2
  427. package/dist/breadcrumbs/index.d.mts +0 -2
  428. package/dist/button/button.d.mts +0 -3
  429. package/dist/button/index.d.mts +0 -3
  430. package/dist/card/card.d.mts +0 -12
  431. package/dist/card/index.d.mts +0 -12
  432. package/dist/chunk-3MQKXNZ6.mjs.map +0 -1
  433. package/dist/chunk-3NL3TOZF.mjs +0 -13
  434. package/dist/chunk-3NL3TOZF.mjs.map +0 -1
  435. package/dist/chunk-722MZPXO.mjs +0 -13
  436. package/dist/chunk-722MZPXO.mjs.map +0 -1
  437. package/dist/chunk-CIHZDFSQ.mjs.map +0 -1
  438. package/dist/chunk-CYEYGPRH.mjs +0 -17
  439. package/dist/chunk-CYEYGPRH.mjs.map +0 -1
  440. package/dist/chunk-ENKVTAJB.mjs.map +0 -1
  441. package/dist/chunk-GSJPTZT3.mjs.map +0 -1
  442. package/dist/chunk-GXYUJ5MA.mjs.map +0 -1
  443. package/dist/chunk-HBSDJAFF.mjs +0 -23
  444. package/dist/chunk-HBSDJAFF.mjs.map +0 -1
  445. package/dist/chunk-IJAX6APL.mjs +0 -23
  446. package/dist/chunk-IJAX6APL.mjs.map +0 -1
  447. package/dist/chunk-IKJJWKXM.mjs +0 -15
  448. package/dist/chunk-IKJJWKXM.mjs.map +0 -1
  449. package/dist/chunk-KPGSRU4I.mjs.map +0 -1
  450. package/dist/chunk-MKVI42QR.mjs +0 -19
  451. package/dist/chunk-MKVI42QR.mjs.map +0 -1
  452. package/dist/chunk-PT5H3QV6.mjs +0 -29
  453. package/dist/chunk-PT5H3QV6.mjs.map +0 -1
  454. package/dist/chunk-TQDUBRCZ.mjs.map +0 -1
  455. package/dist/chunk-V6UKKHKD.mjs +0 -33
  456. package/dist/chunk-V6UKKHKD.mjs.map +0 -1
  457. package/dist/chunk-XUWZ4HGD.mjs.map +0 -1
  458. package/dist/description-list/description-list.d.mts +0 -2
  459. package/dist/description-list/index.d.mts +0 -2
  460. package/dist/footer/footer.d.mts +0 -7
  461. package/dist/footer/index.d.mts +0 -7
  462. package/dist/form/checkbox/checkbox.d.mts +0 -2
  463. package/dist/form/checkbox/index.d.mts +0 -2
  464. package/dist/form/date-picker/date-picker.d.mts +0 -2
  465. package/dist/form/date-picker/index.d.mts +0 -2
  466. package/dist/form/error-message/error-message.d.mts +0 -2
  467. package/dist/form/error-message/index.d.mts +0 -2
  468. package/dist/form/fieldset/fieldset.d.mts +0 -3
  469. package/dist/form/fieldset/index.d.mts +0 -3
  470. package/dist/form/index.d.mts +0 -20
  471. package/dist/form/input/index.d.mts +0 -2
  472. package/dist/form/input/input.d.mts +0 -2
  473. package/dist/form/input-group/index.d.mts +0 -2
  474. package/dist/form/input-group/input-group.d.mts +0 -2
  475. package/dist/form/radiobutton/index.d.mts +0 -5
  476. package/dist/form/radiobutton/radiobutton.d.mts +0 -2
  477. package/dist/form/radiobutton/radiogroup.d.mts +0 -3
  478. package/dist/form/select/index.d.mts +0 -2
  479. package/dist/form/select/select.d.mts +0 -2
  480. package/dist/form/textarea/index.d.mts +0 -2
  481. package/dist/form/textarea/textarea.d.mts +0 -2
  482. package/dist/help-text/help-text.d.mts +0 -1
  483. package/dist/help-text/index.d.mts +0 -1
  484. package/dist/index-no-css.d.mts +0 -128
  485. package/dist/index.d.mts +0 -128
  486. package/dist/layout/container/container.d.mts +0 -2
  487. package/dist/layout/grid/grid.d.mts +0 -4
  488. package/dist/layout/grid/index.d.mts +0 -4
  489. package/dist/layout/index.d.mts +0 -10
  490. package/dist/layout/responsive.d.mts +0 -2
  491. package/dist/layout/spacing.d.mts +0 -3
  492. package/dist/layout/stack/index.d.mts +0 -4
  493. package/dist/layout/stack/stack.d.mts +0 -4
  494. package/dist/link/index.d.mts +0 -2
  495. package/dist/link/link.d.mts +0 -2
  496. package/dist/list/index.d.mts +0 -5
  497. package/dist/list/link-list.d.mts +0 -2
  498. package/dist/list/list.d.mts +0 -3
  499. package/dist/message/index.d.mts +0 -3
  500. package/dist/message/message.d.mts +0 -4
  501. package/dist/modal/index.d.mts +0 -5
  502. package/dist/modal/modal.d.mts +0 -5
  503. package/dist/navbar/icons.d.mts +0 -2
  504. package/dist/navbar/index.d.mts +0 -13
  505. package/dist/navbar/navbar-expandable-menu.d.mts +0 -7
  506. package/dist/navbar/navbar.d.mts +0 -9
  507. package/dist/show-more/index.d.mts +0 -4
  508. package/dist/show-more/show-more.d.mts +0 -2
  509. package/dist/skeleton/index.d.mts +0 -2
  510. package/dist/skeleton/skeleton.d.mts +0 -2
  511. package/dist/step-indicator/index.d.mts +0 -1
  512. package/dist/step-indicator/step-indicator.d.mts +0 -1
  513. package/dist/styled-html/index.d.mts +0 -2
  514. package/dist/styled-html/styled-html.d.mts +0 -2
  515. package/dist/table/index.d.mts +0 -1
  516. package/dist/table/table.d.mts +0 -1
  517. package/dist/tabs/context.d.mts +0 -3
  518. package/dist/tabs/index.d.mts +0 -10
  519. package/dist/tabs/tabs-content.d.mts +0 -4
  520. package/dist/tabs/tabs-list.d.mts +0 -4
  521. package/dist/tabs/tabs.d.mts +0 -2
  522. package/dist/text/index.d.mts +0 -2
  523. package/dist/text/text.d.mts +0 -2
  524. package/dist/utilities/auto-animate-height.d.mts +0 -2
  525. package/dist/utilities/index.d.mts +0 -2
  526. package/dist/utils.d.mts +0 -5
  527. package/dist/warning-banner/index.d.mts +0 -2
  528. package/dist/warning-banner/warning-banner.d.mts +0 -2
@@ -1,2 +1,6 @@
1
- export { AccordionContentProps_alias_2 as AccordionContentProps } from '../_tsup-dts-rollup';
2
- export { AccordionContent_alias_2 as AccordionContent } from '../_tsup-dts-rollup';
1
+ import type { ReactNode } from "react";
2
+ export interface AccordionContentProps extends React.HTMLAttributes<HTMLDivElement> {
3
+ children: ReactNode;
4
+ }
5
+ export declare const AccordionContent: import("react").ForwardRefExoticComponent<AccordionContentProps & import("react").RefAttributes<HTMLDivElement>>;
6
+ //# sourceMappingURL=accordion-content.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"accordion-content.d.ts","sourceRoot":"","sources":["../../src/accordion/accordion-content.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKvC,MAAM,WAAW,qBAAsB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACjF,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,eAAO,MAAM,gBAAgB,kHAmB5B,CAAC"}
@@ -73,7 +73,7 @@ var AccordionContent = (0, import_react2.forwardRef)(
73
73
  __spreadProps(__spreadValues(__spreadProps(__spreadValues({
74
74
  "aria-hidden": !context.open,
75
75
  "data-state": context.open ? "open" : "closed"
76
- }, { inert: context.open ? "true" : void 0 }), {
76
+ }, { inert: context.open ? void 0 : "true" }), {
77
77
  className: (0, import_typed_classname.clsx)("hds-accordion-item-content", className),
78
78
  ref
79
79
  }), rest), {
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/accordion/accordion-content.tsx","../../src/accordion/context.ts"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { forwardRef, useContext } from \"react\";\nimport { clsx } from \"@postenbring/hedwig-css/typed-classname\";\nimport { AccordionItemContext } from \"./context\";\n\nexport interface AccordionContentProps extends React.HTMLAttributes<HTMLDivElement> {\n children: ReactNode;\n}\n\nexport const AccordionContent = forwardRef<HTMLDivElement, AccordionContentProps>(\n ({ children, className, ...rest }, ref) => {\n const context = useContext(AccordionItemContext);\n if (context === null) {\n return null;\n }\n return (\n <div\n aria-hidden={!context.open}\n data-state={context.open ? \"open\" : \"closed\"}\n {...{ inert: context.open ? \"true\" : undefined }}\n className={clsx(\"hds-accordion-item-content\", className as undefined)}\n ref={ref}\n {...rest}\n >\n <div className={clsx(\"hds-accordion-item-content-inner\")}>{children}</div>\n </div>\n );\n },\n);\n\nAccordionContent.displayName = \"Accordion.Content\";\n","import { createContext } from \"react\";\n\nexport interface AccordionItemContextProps {\n open: boolean;\n setOpen: (open: boolean) => void;\n}\n\nexport const AccordionItemContext = createContext<AccordionItemContextProps | null>(null);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,IAAAA,gBAAuC;AACvC,6BAAqB;;;ACFrB,mBAA8B;AAOvB,IAAM,2BAAuB,4BAAgD,IAAI;;;ADiBhF;AAfD,IAAM,uBAAmB;AAAA,EAC9B,CAAC,IAAkC,QAAQ;AAA1C,iBAAE,YAAU,UAVf,IAUG,IAA0B,iBAA1B,IAA0B,CAAxB,YAAU;AACX,UAAM,cAAU,0BAAW,oBAAoB;AAC/C,QAAI,YAAY,MAAM;AACpB,aAAO;AAAA,IACT;AACA,WACE;AAAA,MAAC;AAAA;AAAA,QACC,eAAa,CAAC,QAAQ;AAAA,QACtB,cAAY,QAAQ,OAAO,SAAS;AAAA,SAChC,EAAE,OAAO,QAAQ,OAAO,SAAS,OAAU,IAHhD;AAAA,QAIC,eAAW,6BAAK,8BAA8B,SAAsB;AAAA,QACpE;AAAA,UACI,OANL;AAAA,QAQC,sDAAC,SAAI,eAAW,6BAAK,kCAAkC,GAAI,UAAS;AAAA;AAAA,IACtE;AAAA,EAEJ;AACF;AAEA,iBAAiB,cAAc;","names":["import_react"]}
1
+ {"version":3,"sources":["../../src/accordion/accordion-content.tsx","../../src/accordion/context.ts"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { forwardRef, useContext } from \"react\";\nimport { clsx } from \"@postenbring/hedwig-css/typed-classname\";\nimport { AccordionItemContext } from \"./context\";\n\nexport interface AccordionContentProps extends React.HTMLAttributes<HTMLDivElement> {\n children: ReactNode;\n}\n\nexport const AccordionContent = forwardRef<HTMLDivElement, AccordionContentProps>(\n ({ children, className, ...rest }, ref) => {\n const context = useContext(AccordionItemContext);\n if (context === null) {\n return null;\n }\n return (\n <div\n aria-hidden={!context.open}\n data-state={context.open ? \"open\" : \"closed\"}\n {...{ inert: context.open ? undefined : \"true\" }}\n className={clsx(\"hds-accordion-item-content\", className as undefined)}\n ref={ref}\n {...rest}\n >\n <div className={clsx(\"hds-accordion-item-content-inner\")}>{children}</div>\n </div>\n );\n },\n);\n\nAccordionContent.displayName = \"Accordion.Content\";\n","import { createContext } from \"react\";\n\nexport interface AccordionItemContextProps {\n open: boolean;\n setOpen: (open: boolean) => void;\n}\n\nexport const AccordionItemContext = createContext<AccordionItemContextProps | null>(null);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,IAAAA,gBAAuC;AACvC,6BAAqB;;;ACFrB,mBAA8B;AAOvB,IAAM,2BAAuB,4BAAgD,IAAI;;;ADiBhF;AAfD,IAAM,uBAAmB;AAAA,EAC9B,CAAC,IAAkC,QAAQ;AAA1C,iBAAE,YAAU,UAVf,IAUG,IAA0B,iBAA1B,IAA0B,CAAxB,YAAU;AACX,UAAM,cAAU,0BAAW,oBAAoB;AAC/C,QAAI,YAAY,MAAM;AACpB,aAAO;AAAA,IACT;AACA,WACE;AAAA,MAAC;AAAA;AAAA,QACC,eAAa,CAAC,QAAQ;AAAA,QACtB,cAAY,QAAQ,OAAO,SAAS;AAAA,SAChC,EAAE,OAAO,QAAQ,OAAO,SAAY,OAAO,IAHhD;AAAA,QAIC,eAAW,6BAAK,8BAA8B,SAAsB;AAAA,QACpE;AAAA,UACI,OANL;AAAA,QAQC,sDAAC,SAAI,eAAW,6BAAK,kCAAkC,GAAI,UAAS;AAAA;AAAA,IACtE;AAAA,EAEJ;AACF;AAEA,iBAAiB,cAAc;","names":["import_react"]}
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  AccordionContent
3
- } from "../chunk-2UWPZNXC.mjs";
3
+ } from "../chunk-GLAEI3SD.mjs";
4
4
  import "../chunk-V3PAFMK5.mjs";
5
5
  import "../chunk-R4SQKVDQ.mjs";
6
6
  export {
@@ -1,2 +1,6 @@
1
- export { AccordionHeaderProps_alias_2 as AccordionHeaderProps } from '../_tsup-dts-rollup';
2
- export { AccordionHeader_alias_2 as AccordionHeader } from '../_tsup-dts-rollup';
1
+ import type { ReactNode } from "react";
2
+ export interface AccordionHeaderProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
3
+ children: ReactNode;
4
+ }
5
+ export declare const AccordionHeader: import("react").ForwardRefExoticComponent<AccordionHeaderProps & import("react").RefAttributes<HTMLButtonElement>>;
6
+ //# sourceMappingURL=accordion-header.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"accordion-header.d.ts","sourceRoot":"","sources":["../../src/accordion/accordion-header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAc,SAAS,EAAE,MAAM,OAAO,CAAC;AAKnD,MAAM,WAAW,oBAAqB,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACzF,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,eAAO,MAAM,eAAe,oHAwB3B,CAAC"}
@@ -1,3 +1,24 @@
1
- export { AccordionItemChildrenType_alias_2 as AccordionItemChildrenType } from '../_tsup-dts-rollup';
2
- export { AccordionItemProps_alias_2 as AccordionItemProps } from '../_tsup-dts-rollup';
3
- export { AccordionItem_alias_2 as AccordionItem } from '../_tsup-dts-rollup';
1
+ import type { ReactElement } from "react";
2
+ import type { AccordionHeaderProps } from "./accordion-header";
3
+ import type { AccordionContentProps } from "./accordion-content";
4
+ export type AccordionItemChildrenType = ReactElement<AccordionHeaderProps> | ReactElement<AccordionContentProps>;
5
+ export interface AccordionItemProps extends React.HTMLAttributes<HTMLDivElement> {
6
+ /**
7
+ * Control the open state of the accordion manually
8
+ */
9
+ open?: boolean;
10
+ /**
11
+ * Use with open to control the open state of the accordion manually
12
+ */
13
+ onOpenChange?: (open: boolean) => void;
14
+ /**
15
+ * If the accordion should be open by default
16
+ */
17
+ defaultOpen?: boolean;
18
+ /**
19
+ * Accepts type of Accordion.Content and Accordion.Header
20
+ */
21
+ children: AccordionItemChildrenType[];
22
+ }
23
+ export declare const AccordionItem: import("react").ForwardRefExoticComponent<AccordionItemProps & import("react").RefAttributes<HTMLDivElement>>;
24
+ //# sourceMappingURL=accordion-item.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"accordion-item.d.ts","sourceRoot":"","sources":["../../src/accordion/accordion-item.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAI1C,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAC/D,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AAEjE,MAAM,MAAM,yBAAyB,GACjC,YAAY,CAAC,oBAAoB,CAAC,GAClC,YAAY,CAAC,qBAAqB,CAAC,CAAC;AAExC,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC9E;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAEvC;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;OAEG;IACH,QAAQ,EAAE,yBAAyB,EAAE,CAAC;CACvC;AAED,eAAO,MAAM,aAAa,+GA0BzB,CAAC"}
@@ -1,2 +1,44 @@
1
- export { AccordionProps_alias_2 as AccordionProps } from '../_tsup-dts-rollup';
2
- export { Accordion_alias_2 as Accordion } from '../_tsup-dts-rollup';
1
+ import type { ReactElement } from "react";
2
+ import { forwardRef } from "react";
3
+ import { AccordionItem, type AccordionItemProps } from "./accordion-item";
4
+ import { AccordionHeader } from "./accordion-header";
5
+ import { AccordionContent } from "./accordion-content";
6
+ export interface AccordionProps extends React.HTMLAttributes<HTMLDivElement> {
7
+ /**
8
+ * Accepts type of <AccordionItem/>
9
+ */
10
+ children: ReactElement<AccordionItemProps> | ReactElement<AccordionItemProps>[];
11
+ /**
12
+ * Adds padding to the left of the accordion
13
+ */
14
+ indent?: boolean;
15
+ }
16
+ /**
17
+ * Displays collapsible content sections
18
+ *
19
+ * @example
20
+ * ```tsx
21
+ * <Accordion>
22
+ * <Accordion.Item defaultOpen>
23
+ * <Accordion.Header>Item one</Accordion.Header>
24
+ * <Accordion.Content>
25
+ * Some content
26
+ * </Accordion.Content>
27
+ * </Accordion.Item>
28
+ * <Accordion.Item>
29
+ * <Accordion.Header>Item two</Accordion.Header>
30
+ * <Accordion.Content>
31
+ * Some more content
32
+ * </Accordion.Content>
33
+ * </Accordion.Item>
34
+ * </Accordion>
35
+ * ```
36
+ */
37
+ export declare const Accordion: AccordionType;
38
+ type AccordionType = ReturnType<typeof forwardRef<HTMLDivElement, AccordionProps>> & {
39
+ Item: typeof AccordionItem;
40
+ Header: typeof AccordionHeader;
41
+ Content: typeof AccordionContent;
42
+ };
43
+ export {};
44
+ //# sourceMappingURL=accordion.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../src/accordion/accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAEnC,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAC1E,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAEvD,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC1E;;OAEG;IACH,QAAQ,EAAE,YAAY,CAAC,kBAAkB,CAAC,GAAG,YAAY,CAAC,kBAAkB,CAAC,EAAE,CAAC;IAEhF;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,eAAO,MAAM,SAAS,eAgBJ,CAAC;AAOnB,KAAK,aAAa,GAAG,UAAU,CAAC,OAAO,UAAU,CAAC,cAAc,EAAE,cAAc,CAAC,CAAC,GAAG;IACnF,IAAI,EAAE,OAAO,aAAa,CAAC;IAC3B,MAAM,EAAE,OAAO,eAAe,CAAC;IAC/B,OAAO,EAAE,OAAO,gBAAgB,CAAC;CAClC,CAAC"}
@@ -52,16 +52,111 @@ __export(accordion_exports, {
52
52
  Accordion: () => Accordion
53
53
  });
54
54
  module.exports = __toCommonJS(accordion_exports);
55
- var import_react = require("react");
55
+ var import_react5 = require("react");
56
+ var import_typed_classname4 = require("@postenbring/hedwig-css/typed-classname");
57
+
58
+ // src/accordion/accordion-item.tsx
59
+ var import_react2 = require("react");
56
60
  var import_typed_classname = require("@postenbring/hedwig-css/typed-classname");
61
+
62
+ // src/accordion/context.ts
63
+ var import_react = require("react");
64
+ var AccordionItemContext = (0, import_react.createContext)(null);
65
+
66
+ // src/accordion/accordion-item.tsx
57
67
  var import_jsx_runtime = require("react/jsx-runtime");
58
- var Accordion = (0, import_react.forwardRef)(
68
+ var AccordionItem = (0, import_react2.forwardRef)(
59
69
  (_a, ref) => {
60
- var _b = _a, { children, className, indent = true } = _b, rest = __objRest(_b, ["children", "className", "indent"]);
70
+ var _b = _a, { children, defaultOpen, open: outerOpen, onOpenChange, className } = _b, rest = __objRest(_b, ["children", "defaultOpen", "open", "onOpenChange", "className"]);
71
+ const [innerOpen, setInnerOpen] = (0, import_react2.useState)(defaultOpen != null ? defaultOpen : false);
72
+ const open = outerOpen != null ? outerOpen : innerOpen;
73
+ const handleOpen = () => {
74
+ if (outerOpen !== void 0) {
75
+ onOpenChange && onOpenChange(!open);
76
+ } else {
77
+ setInnerOpen(!open);
78
+ }
79
+ };
61
80
  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
62
81
  "div",
63
82
  __spreadProps(__spreadValues({}, rest), {
64
- className: (0, import_typed_classname.clsx)(
83
+ "data-state": open ? "open" : "closed",
84
+ className: (0, import_typed_classname.clsx)("hds-accordion-item", className),
85
+ ref,
86
+ children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AccordionItemContext.Provider, { value: { open, setOpen: handleOpen }, children })
87
+ })
88
+ );
89
+ }
90
+ );
91
+ AccordionItem.displayName = "Accordion.Item";
92
+
93
+ // src/accordion/accordion-header.tsx
94
+ var import_react3 = require("react");
95
+ var import_typed_classname2 = require("@postenbring/hedwig-css/typed-classname");
96
+ var import_jsx_runtime2 = require("react/jsx-runtime");
97
+ var AccordionHeader = (0, import_react3.forwardRef)(
98
+ (_a, ref) => {
99
+ var _b = _a, { children, className, onClick } = _b, rest = __objRest(_b, ["children", "className", "onClick"]);
100
+ const context = (0, import_react3.useContext)(AccordionItemContext);
101
+ if (context === null) {
102
+ return null;
103
+ }
104
+ const expandOrCollapse = (e) => {
105
+ context.setOpen(!context.open);
106
+ onClick == null ? void 0 : onClick(e);
107
+ };
108
+ return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
109
+ "button",
110
+ __spreadProps(__spreadValues({}, rest), {
111
+ "aria-expanded": context.open,
112
+ "data-state": context.open ? "open" : "closed",
113
+ className: (0, import_typed_classname2.clsx)("hds-accordion-item-header", className),
114
+ onClick: expandOrCollapse,
115
+ ref,
116
+ type: "button",
117
+ children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { children })
118
+ })
119
+ );
120
+ }
121
+ );
122
+ AccordionHeader.displayName = "Accordion.Header";
123
+
124
+ // src/accordion/accordion-content.tsx
125
+ var import_react4 = require("react");
126
+ var import_typed_classname3 = require("@postenbring/hedwig-css/typed-classname");
127
+ var import_jsx_runtime3 = require("react/jsx-runtime");
128
+ var AccordionContent = (0, import_react4.forwardRef)(
129
+ (_a, ref) => {
130
+ var _b = _a, { children, className } = _b, rest = __objRest(_b, ["children", "className"]);
131
+ const context = (0, import_react4.useContext)(AccordionItemContext);
132
+ if (context === null) {
133
+ return null;
134
+ }
135
+ return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
136
+ "div",
137
+ __spreadProps(__spreadValues(__spreadProps(__spreadValues({
138
+ "aria-hidden": !context.open,
139
+ "data-state": context.open ? "open" : "closed"
140
+ }, { inert: context.open ? void 0 : "true" }), {
141
+ className: (0, import_typed_classname3.clsx)("hds-accordion-item-content", className),
142
+ ref
143
+ }), rest), {
144
+ children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: (0, import_typed_classname3.clsx)("hds-accordion-item-content-inner"), children })
145
+ })
146
+ );
147
+ }
148
+ );
149
+ AccordionContent.displayName = "Accordion.Content";
150
+
151
+ // src/accordion/accordion.tsx
152
+ var import_jsx_runtime4 = require("react/jsx-runtime");
153
+ var Accordion = (0, import_react5.forwardRef)(
154
+ (_a, ref) => {
155
+ var _b = _a, { children, className, indent = true } = _b, rest = __objRest(_b, ["children", "className", "indent"]);
156
+ return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
157
+ "div",
158
+ __spreadProps(__spreadValues({}, rest), {
159
+ className: (0, import_typed_classname4.clsx)(
65
160
  "hds-accordion",
66
161
  !indent && "hds-accordion--no-indent",
67
162
  className
@@ -73,6 +168,9 @@ var Accordion = (0, import_react.forwardRef)(
73
168
  }
74
169
  );
75
170
  Accordion.displayName = "Accordion";
171
+ Accordion.Item = AccordionItem;
172
+ Accordion.Header = AccordionHeader;
173
+ Accordion.Content = AccordionContent;
76
174
  // Annotate the CommonJS export names for ESM import in node:
77
175
  0 && (module.exports = {
78
176
  Accordion
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/accordion/accordion.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactElement } from \"react\";\nimport { forwardRef } from \"react\";\nimport { clsx } from \"@postenbring/hedwig-css/typed-classname\";\nimport type { AccordionItemProps } from \"./accordion-item\";\n\nexport interface AccordionProps extends HTMLAttributes<HTMLDivElement> {\n /**\n * Accepts type of <AccordionItem/>\n */\n children: ReactElement<AccordionItemProps> | ReactElement<AccordionItemProps>[];\n\n /**\n * Adds padding to the left of the accordion\n */\n indent?: boolean;\n}\n\nexport const Accordion = forwardRef<HTMLDivElement, AccordionProps>(\n ({ children, className, indent = true, ...rest }, ref) => {\n return (\n <div\n {...rest}\n className={clsx(\n \"hds-accordion\",\n !indent && \"hds-accordion--no-indent\",\n className as undefined,\n )}\n ref={ref}\n >\n {children}\n </div>\n );\n },\n);\n\nAccordion.displayName = \"Accordion\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,mBAA2B;AAC3B,6BAAqB;AAkBf;AAHC,IAAM,gBAAY;AAAA,EACvB,CAAC,IAAiD,QAAQ;AAAzD,iBAAE,YAAU,WAAW,SAAS,KAlBnC,IAkBG,IAAyC,iBAAzC,IAAyC,CAAvC,YAAU,aAAW;AACtB,WACE;AAAA,MAAC;AAAA,uCACK,OADL;AAAA,QAEC,eAAW;AAAA,UACT;AAAA,UACA,CAAC,UAAU;AAAA,UACX;AAAA,QACF;AAAA,QACA;AAAA,QAEC;AAAA;AAAA,IACH;AAAA,EAEJ;AACF;AAEA,UAAU,cAAc;","names":[]}
1
+ {"version":3,"sources":["../../src/accordion/accordion.tsx","../../src/accordion/accordion-item.tsx","../../src/accordion/context.ts","../../src/accordion/accordion-header.tsx","../../src/accordion/accordion-content.tsx"],"sourcesContent":["import type { ReactElement } from \"react\";\nimport { forwardRef } from \"react\";\nimport { clsx } from \"@postenbring/hedwig-css/typed-classname\";\nimport { AccordionItem, type AccordionItemProps } from \"./accordion-item\";\nimport { AccordionHeader } from \"./accordion-header\";\nimport { AccordionContent } from \"./accordion-content\";\n\nexport interface AccordionProps extends React.HTMLAttributes<HTMLDivElement> {\n /**\n * Accepts type of <AccordionItem/>\n */\n children: ReactElement<AccordionItemProps> | ReactElement<AccordionItemProps>[];\n\n /**\n * Adds padding to the left of the accordion\n */\n indent?: boolean;\n}\n\n/**\n * Displays collapsible content sections\n *\n * @example\n * ```tsx\n * <Accordion>\n * <Accordion.Item defaultOpen>\n * <Accordion.Header>Item one</Accordion.Header>\n * <Accordion.Content>\n * Some content\n * </Accordion.Content>\n * </Accordion.Item>\n * <Accordion.Item>\n * <Accordion.Header>Item two</Accordion.Header>\n * <Accordion.Content>\n * Some more content\n * </Accordion.Content>\n * </Accordion.Item>\n * </Accordion>\n * ```\n */\nexport const Accordion = forwardRef<HTMLDivElement, AccordionProps>(\n ({ children, className, indent = true, ...rest }, ref) => {\n return (\n <div\n {...rest}\n className={clsx(\n \"hds-accordion\",\n !indent && \"hds-accordion--no-indent\",\n className as undefined,\n )}\n ref={ref}\n >\n {children}\n </div>\n );\n },\n) as AccordionType;\nAccordion.displayName = \"Accordion\";\n\nAccordion.Item = AccordionItem;\nAccordion.Header = AccordionHeader;\nAccordion.Content = AccordionContent;\n\ntype AccordionType = ReturnType<typeof forwardRef<HTMLDivElement, AccordionProps>> & {\n Item: typeof AccordionItem;\n Header: typeof AccordionHeader;\n Content: typeof AccordionContent;\n};\n","import type { ReactElement } from \"react\";\nimport { forwardRef, useState } from \"react\";\nimport { clsx } from \"@postenbring/hedwig-css/typed-classname\";\nimport { AccordionItemContext } from \"./context\";\nimport type { AccordionHeaderProps } from \"./accordion-header\";\nimport type { AccordionContentProps } from \"./accordion-content\";\n\nexport type AccordionItemChildrenType =\n | ReactElement<AccordionHeaderProps>\n | ReactElement<AccordionContentProps>;\n\nexport interface AccordionItemProps extends React.HTMLAttributes<HTMLDivElement> {\n /**\n * Control the open state of the accordion manually\n */\n open?: boolean;\n\n /**\n * Use with open to control the open state of the accordion manually\n */\n onOpenChange?: (open: boolean) => void;\n\n /**\n * If the accordion should be open by default\n */\n defaultOpen?: boolean;\n\n /**\n * Accepts type of Accordion.Content and Accordion.Header\n */\n children: AccordionItemChildrenType[];\n}\n\nexport const AccordionItem = forwardRef<HTMLDivElement, AccordionItemProps>(\n ({ children, defaultOpen, open: outerOpen, onOpenChange, className, ...rest }, ref) => {\n const [innerOpen, setInnerOpen] = useState(defaultOpen ?? false);\n const open = outerOpen ?? innerOpen;\n\n const handleOpen = () => {\n if (outerOpen !== undefined) {\n onOpenChange && onOpenChange(!open);\n } else {\n setInnerOpen(!open);\n }\n };\n\n return (\n <div\n {...rest}\n data-state={open ? \"open\" : \"closed\"}\n className={clsx(\"hds-accordion-item\", className as undefined)}\n ref={ref}\n >\n <AccordionItemContext.Provider value={{ open, setOpen: handleOpen }}>\n {children}\n </AccordionItemContext.Provider>\n </div>\n );\n },\n);\n\nAccordionItem.displayName = \"Accordion.Item\";\n","import { createContext } from \"react\";\n\nexport interface AccordionItemContextProps {\n open: boolean;\n setOpen: (open: boolean) => void;\n}\n\nexport const AccordionItemContext = createContext<AccordionItemContextProps | null>(null);\n","import type { MouseEvent, ReactNode } from \"react\";\nimport { forwardRef, useContext } from \"react\";\nimport { clsx } from \"@postenbring/hedwig-css/typed-classname\";\nimport { AccordionItemContext } from \"./context\";\n\nexport interface AccordionHeaderProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n children: ReactNode;\n}\n\nexport const AccordionHeader = forwardRef<HTMLButtonElement, AccordionHeaderProps>(\n ({ children, className, onClick, ...rest }, ref) => {\n const context = useContext(AccordionItemContext);\n if (context === null) {\n return null;\n }\n const expandOrCollapse = (e: MouseEvent<HTMLButtonElement>) => {\n context.setOpen(!context.open);\n onClick?.(e);\n };\n return (\n <button\n {...rest}\n aria-expanded={context.open}\n data-state={context.open ? \"open\" : \"closed\"}\n className={clsx(\"hds-accordion-item-header\", className as undefined)}\n onClick={expandOrCollapse}\n ref={ref}\n type=\"button\"\n >\n <span>{children}</span>\n </button>\n );\n },\n);\n\nAccordionHeader.displayName = \"Accordion.Header\";\n","import type { ReactNode } from \"react\";\nimport { forwardRef, useContext } from \"react\";\nimport { clsx } from \"@postenbring/hedwig-css/typed-classname\";\nimport { AccordionItemContext } from \"./context\";\n\nexport interface AccordionContentProps extends React.HTMLAttributes<HTMLDivElement> {\n children: ReactNode;\n}\n\nexport const AccordionContent = forwardRef<HTMLDivElement, AccordionContentProps>(\n ({ children, className, ...rest }, ref) => {\n const context = useContext(AccordionItemContext);\n if (context === null) {\n return null;\n }\n return (\n <div\n aria-hidden={!context.open}\n data-state={context.open ? \"open\" : \"closed\"}\n {...{ inert: context.open ? undefined : \"true\" }}\n className={clsx(\"hds-accordion-item-content\", className as undefined)}\n ref={ref}\n {...rest}\n >\n <div className={clsx(\"hds-accordion-item-content-inner\")}>{children}</div>\n </div>\n );\n },\n);\n\nAccordionContent.displayName = \"Accordion.Content\";\n"],"mappings":"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","names":["import_react","import_typed_classname","import_react","import_react","import_typed_classname","import_jsx_runtime","import_react","import_typed_classname","import_jsx_runtime","import_jsx_runtime"]}
@@ -1,6 +1,10 @@
1
1
  import {
2
2
  Accordion
3
- } from "../chunk-KPGSRU4I.mjs";
3
+ } from "../chunk-M3Y3XOGC.mjs";
4
+ import "../chunk-A2H2LAII.mjs";
5
+ import "../chunk-GLAEI3SD.mjs";
6
+ import "../chunk-3EFAPJ3H.mjs";
7
+ import "../chunk-V3PAFMK5.mjs";
4
8
  import "../chunk-R4SQKVDQ.mjs";
5
9
  export {
6
10
  Accordion
@@ -1,2 +1,7 @@
1
- export { AccordionItemContextProps } from '../_tsup-dts-rollup';
2
- export { AccordionItemContext } from '../_tsup-dts-rollup';
1
+ /// <reference types="react" />
2
+ export interface AccordionItemContextProps {
3
+ open: boolean;
4
+ setOpen: (open: boolean) => void;
5
+ }
6
+ export declare const AccordionItemContext: import("react").Context<AccordionItemContextProps | null>;
7
+ //# sourceMappingURL=context.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../src/accordion/context.ts"],"names":[],"mappings":";AAEA,MAAM,WAAW,yBAAyB;IACxC,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CAClC;AAED,eAAO,MAAM,oBAAoB,2DAAwD,CAAC"}
@@ -1,9 +1,9 @@
1
- export { Accordion_alias_3 as Accordion } from '../_tsup-dts-rollup';
2
- export { AccordionItem_alias_3 as AccordionItem } from '../_tsup-dts-rollup';
3
- export { AccordionHeader_alias_3 as AccordionHeader } from '../_tsup-dts-rollup';
4
- export { AccordionContent_alias_3 as AccordionContent } from '../_tsup-dts-rollup';
5
- export { AccordionProps_alias_3 as AccordionProps } from '../_tsup-dts-rollup';
6
- export { AccordionItemChildrenType_alias_3 as AccordionItemChildrenType } from '../_tsup-dts-rollup';
7
- export { AccordionItemProps_alias_3 as AccordionItemProps } from '../_tsup-dts-rollup';
8
- export { AccordionHeaderProps_alias_3 as AccordionHeaderProps } from '../_tsup-dts-rollup';
9
- export { AccordionContentProps_alias_3 as AccordionContentProps } from '../_tsup-dts-rollup';
1
+ export { Accordion } from "./accordion";
2
+ export { AccordionItem } from "./accordion-item";
3
+ export { AccordionHeader } from "./accordion-header";
4
+ export { AccordionContent } from "./accordion-content";
5
+ export type * from "./accordion";
6
+ export type * from "./accordion-item";
7
+ export type * from "./accordion-header";
8
+ export type * from "./accordion-content";
9
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/accordion/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAEvD,mBAAmB,aAAa,CAAC;AACjC,mBAAmB,kBAAkB,CAAC;AACtC,mBAAmB,oBAAoB,CAAC;AACxC,mBAAmB,qBAAqB,CAAC"}
@@ -49,7 +49,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
49
49
  // src/accordion/index.tsx
50
50
  var accordion_exports = {};
51
51
  __export(accordion_exports, {
52
- Accordion: () => AccordionComponent,
52
+ Accordion: () => Accordion,
53
53
  AccordionContent: () => AccordionContent,
54
54
  AccordionHeader: () => AccordionHeader,
55
55
  AccordionItem: () => AccordionItem
@@ -57,42 +57,23 @@ __export(accordion_exports, {
57
57
  module.exports = __toCommonJS(accordion_exports);
58
58
 
59
59
  // src/accordion/accordion.tsx
60
- var import_react = require("react");
61
- var import_typed_classname = require("@postenbring/hedwig-css/typed-classname");
62
- var import_jsx_runtime = require("react/jsx-runtime");
63
- var Accordion = (0, import_react.forwardRef)(
64
- (_a, ref) => {
65
- var _b = _a, { children, className, indent = true } = _b, rest = __objRest(_b, ["children", "className", "indent"]);
66
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
67
- "div",
68
- __spreadProps(__spreadValues({}, rest), {
69
- className: (0, import_typed_classname.clsx)(
70
- "hds-accordion",
71
- !indent && "hds-accordion--no-indent",
72
- className
73
- ),
74
- ref,
75
- children
76
- })
77
- );
78
- }
79
- );
80
- Accordion.displayName = "Accordion";
60
+ var import_react5 = require("react");
61
+ var import_typed_classname4 = require("@postenbring/hedwig-css/typed-classname");
81
62
 
82
63
  // src/accordion/accordion-item.tsx
83
- var import_react3 = require("react");
84
- var import_typed_classname2 = require("@postenbring/hedwig-css/typed-classname");
64
+ var import_react2 = require("react");
65
+ var import_typed_classname = require("@postenbring/hedwig-css/typed-classname");
85
66
 
86
67
  // src/accordion/context.ts
87
- var import_react2 = require("react");
88
- var AccordionItemContext = (0, import_react2.createContext)(null);
68
+ var import_react = require("react");
69
+ var AccordionItemContext = (0, import_react.createContext)(null);
89
70
 
90
71
  // src/accordion/accordion-item.tsx
91
- var import_jsx_runtime2 = require("react/jsx-runtime");
92
- var AccordionItem = (0, import_react3.forwardRef)(
72
+ var import_jsx_runtime = require("react/jsx-runtime");
73
+ var AccordionItem = (0, import_react2.forwardRef)(
93
74
  (_a, ref) => {
94
75
  var _b = _a, { children, defaultOpen, open: outerOpen, onOpenChange, className } = _b, rest = __objRest(_b, ["children", "defaultOpen", "open", "onOpenChange", "className"]);
95
- const [innerOpen, setInnerOpen] = (0, import_react3.useState)(defaultOpen != null ? defaultOpen : false);
76
+ const [innerOpen, setInnerOpen] = (0, import_react2.useState)(defaultOpen != null ? defaultOpen : false);
96
77
  const open = outerOpen != null ? outerOpen : innerOpen;
97
78
  const handleOpen = () => {
98
79
  if (outerOpen !== void 0) {
@@ -101,13 +82,13 @@ var AccordionItem = (0, import_react3.forwardRef)(
101
82
  setInnerOpen(!open);
102
83
  }
103
84
  };
104
- return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
85
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
105
86
  "div",
106
87
  __spreadProps(__spreadValues({}, rest), {
107
88
  "data-state": open ? "open" : "closed",
108
- className: (0, import_typed_classname2.clsx)("hds-accordion-item", className),
89
+ className: (0, import_typed_classname.clsx)("hds-accordion-item", className),
109
90
  ref,
110
- children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(AccordionItemContext.Provider, { value: { open, setOpen: handleOpen }, children })
91
+ children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AccordionItemContext.Provider, { value: { open, setOpen: handleOpen }, children })
111
92
  })
112
93
  );
113
94
  }
@@ -115,13 +96,13 @@ var AccordionItem = (0, import_react3.forwardRef)(
115
96
  AccordionItem.displayName = "Accordion.Item";
116
97
 
117
98
  // src/accordion/accordion-header.tsx
118
- var import_react4 = require("react");
119
- var import_typed_classname3 = require("@postenbring/hedwig-css/typed-classname");
120
- var import_jsx_runtime3 = require("react/jsx-runtime");
121
- var AccordionHeader = (0, import_react4.forwardRef)(
99
+ var import_react3 = require("react");
100
+ var import_typed_classname2 = require("@postenbring/hedwig-css/typed-classname");
101
+ var import_jsx_runtime2 = require("react/jsx-runtime");
102
+ var AccordionHeader = (0, import_react3.forwardRef)(
122
103
  (_a, ref) => {
123
104
  var _b = _a, { children, className, onClick } = _b, rest = __objRest(_b, ["children", "className", "onClick"]);
124
- const context = (0, import_react4.useContext)(AccordionItemContext);
105
+ const context = (0, import_react3.useContext)(AccordionItemContext);
125
106
  if (context === null) {
126
107
  return null;
127
108
  }
@@ -129,16 +110,16 @@ var AccordionHeader = (0, import_react4.forwardRef)(
129
110
  context.setOpen(!context.open);
130
111
  onClick == null ? void 0 : onClick(e);
131
112
  };
132
- return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
113
+ return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
133
114
  "button",
134
115
  __spreadProps(__spreadValues({}, rest), {
135
116
  "aria-expanded": context.open,
136
117
  "data-state": context.open ? "open" : "closed",
137
- className: (0, import_typed_classname3.clsx)("hds-accordion-item-header", className),
118
+ className: (0, import_typed_classname2.clsx)("hds-accordion-item-header", className),
138
119
  onClick: expandOrCollapse,
139
120
  ref,
140
121
  type: "button",
141
- children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children })
122
+ children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { children })
142
123
  })
143
124
  );
144
125
  }
@@ -146,37 +127,55 @@ var AccordionHeader = (0, import_react4.forwardRef)(
146
127
  AccordionHeader.displayName = "Accordion.Header";
147
128
 
148
129
  // src/accordion/accordion-content.tsx
149
- var import_react5 = require("react");
150
- var import_typed_classname4 = require("@postenbring/hedwig-css/typed-classname");
151
- var import_jsx_runtime4 = require("react/jsx-runtime");
152
- var AccordionContent = (0, import_react5.forwardRef)(
130
+ var import_react4 = require("react");
131
+ var import_typed_classname3 = require("@postenbring/hedwig-css/typed-classname");
132
+ var import_jsx_runtime3 = require("react/jsx-runtime");
133
+ var AccordionContent = (0, import_react4.forwardRef)(
153
134
  (_a, ref) => {
154
135
  var _b = _a, { children, className } = _b, rest = __objRest(_b, ["children", "className"]);
155
- const context = (0, import_react5.useContext)(AccordionItemContext);
136
+ const context = (0, import_react4.useContext)(AccordionItemContext);
156
137
  if (context === null) {
157
138
  return null;
158
139
  }
159
- return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
140
+ return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
160
141
  "div",
161
142
  __spreadProps(__spreadValues(__spreadProps(__spreadValues({
162
143
  "aria-hidden": !context.open,
163
144
  "data-state": context.open ? "open" : "closed"
164
- }, { inert: context.open ? "true" : void 0 }), {
165
- className: (0, import_typed_classname4.clsx)("hds-accordion-item-content", className),
145
+ }, { inert: context.open ? void 0 : "true" }), {
146
+ className: (0, import_typed_classname3.clsx)("hds-accordion-item-content", className),
166
147
  ref
167
148
  }), rest), {
168
- children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: (0, import_typed_classname4.clsx)("hds-accordion-item-content-inner"), children })
149
+ children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: (0, import_typed_classname3.clsx)("hds-accordion-item-content-inner"), children })
169
150
  })
170
151
  );
171
152
  }
172
153
  );
173
154
  AccordionContent.displayName = "Accordion.Content";
174
155
 
175
- // src/accordion/index.tsx
176
- var AccordionComponent = Accordion;
177
- AccordionComponent.Item = AccordionItem;
178
- AccordionComponent.Header = AccordionHeader;
179
- AccordionComponent.Content = AccordionContent;
156
+ // src/accordion/accordion.tsx
157
+ var import_jsx_runtime4 = require("react/jsx-runtime");
158
+ var Accordion = (0, import_react5.forwardRef)(
159
+ (_a, ref) => {
160
+ var _b = _a, { children, className, indent = true } = _b, rest = __objRest(_b, ["children", "className", "indent"]);
161
+ return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
162
+ "div",
163
+ __spreadProps(__spreadValues({}, rest), {
164
+ className: (0, import_typed_classname4.clsx)(
165
+ "hds-accordion",
166
+ !indent && "hds-accordion--no-indent",
167
+ className
168
+ ),
169
+ ref,
170
+ children
171
+ })
172
+ );
173
+ }
174
+ );
175
+ Accordion.displayName = "Accordion";
176
+ Accordion.Item = AccordionItem;
177
+ Accordion.Header = AccordionHeader;
178
+ Accordion.Content = AccordionContent;
180
179
  // Annotate the CommonJS export names for ESM import in node:
181
180
  0 && (module.exports = {
182
181
  Accordion,
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/accordion/index.tsx","../../src/accordion/accordion.tsx","../../src/accordion/accordion-item.tsx","../../src/accordion/context.ts","../../src/accordion/accordion-header.tsx","../../src/accordion/accordion-content.tsx"],"sourcesContent":["import { Accordion } from \"./accordion\";\nimport { AccordionItem } from \"./accordion-item\";\nimport { AccordionHeader } from \"./accordion-header\";\nimport { AccordionContent } from \"./accordion-content\";\n\nconst AccordionComponent = Accordion as typeof Accordion & {\n Item: typeof AccordionItem;\n Header: typeof AccordionHeader;\n Content: typeof AccordionContent;\n};\n\nAccordionComponent.Item = AccordionItem;\nAccordionComponent.Header = AccordionHeader;\nAccordionComponent.Content = AccordionContent;\n\nexport { AccordionComponent as Accordion, AccordionItem, AccordionHeader, AccordionContent };\n\nexport type * from \"./accordion\";\nexport type * from \"./accordion-item\";\nexport type * from \"./accordion-header\";\nexport type * from \"./accordion-content\";\n","import type { HTMLAttributes, ReactElement } from \"react\";\nimport { forwardRef } from \"react\";\nimport { clsx } from \"@postenbring/hedwig-css/typed-classname\";\nimport type { AccordionItemProps } from \"./accordion-item\";\n\nexport interface AccordionProps extends HTMLAttributes<HTMLDivElement> {\n /**\n * Accepts type of <AccordionItem/>\n */\n children: ReactElement<AccordionItemProps> | ReactElement<AccordionItemProps>[];\n\n /**\n * Adds padding to the left of the accordion\n */\n indent?: boolean;\n}\n\nexport const Accordion = forwardRef<HTMLDivElement, AccordionProps>(\n ({ children, className, indent = true, ...rest }, ref) => {\n return (\n <div\n {...rest}\n className={clsx(\n \"hds-accordion\",\n !indent && \"hds-accordion--no-indent\",\n className as undefined,\n )}\n ref={ref}\n >\n {children}\n </div>\n );\n },\n);\n\nAccordion.displayName = \"Accordion\";\n","import type { ReactElement } from \"react\";\nimport { forwardRef, useState } from \"react\";\nimport { clsx } from \"@postenbring/hedwig-css/typed-classname\";\nimport { AccordionItemContext } from \"./context\";\nimport type { AccordionHeaderProps } from \"./accordion-header\";\nimport type { AccordionContentProps } from \"./accordion-content\";\n\nexport type AccordionItemChildrenType =\n | ReactElement<AccordionHeaderProps>\n | ReactElement<AccordionContentProps>;\n\nexport interface AccordionItemProps extends React.HTMLAttributes<HTMLDivElement> {\n /**\n * Control the open state of the accordion manually\n */\n open?: boolean;\n\n /**\n * Use with open to control the open state of the accordion manually\n */\n onOpenChange?: (open: boolean) => void;\n\n /**\n * If the accordion should be open by default\n */\n defaultOpen?: boolean;\n\n /**\n * Accepts type of Accordion.Content and Accordion.Header\n */\n children: AccordionItemChildrenType[];\n}\n\nexport const AccordionItem = forwardRef<HTMLDivElement, AccordionItemProps>(\n ({ children, defaultOpen, open: outerOpen, onOpenChange, className, ...rest }, ref) => {\n const [innerOpen, setInnerOpen] = useState(defaultOpen ?? false);\n const open = outerOpen ?? innerOpen;\n\n const handleOpen = () => {\n if (outerOpen !== undefined) {\n onOpenChange && onOpenChange(!open);\n } else {\n setInnerOpen(!open);\n }\n };\n\n return (\n <div\n {...rest}\n data-state={open ? \"open\" : \"closed\"}\n className={clsx(\"hds-accordion-item\", className as undefined)}\n ref={ref}\n >\n <AccordionItemContext.Provider value={{ open, setOpen: handleOpen }}>\n {children}\n </AccordionItemContext.Provider>\n </div>\n );\n },\n);\n\nAccordionItem.displayName = \"Accordion.Item\";\n","import { createContext } from \"react\";\n\nexport interface AccordionItemContextProps {\n open: boolean;\n setOpen: (open: boolean) => void;\n}\n\nexport const AccordionItemContext = createContext<AccordionItemContextProps | null>(null);\n","import type { MouseEvent, ReactNode } from \"react\";\nimport { forwardRef, useContext } from \"react\";\nimport { clsx } from \"@postenbring/hedwig-css/typed-classname\";\nimport { AccordionItemContext } from \"./context\";\n\nexport interface AccordionHeaderProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n children: ReactNode;\n}\n\nexport const AccordionHeader = forwardRef<HTMLButtonElement, AccordionHeaderProps>(\n ({ children, className, onClick, ...rest }, ref) => {\n const context = useContext(AccordionItemContext);\n if (context === null) {\n return null;\n }\n const expandOrCollapse = (e: MouseEvent<HTMLButtonElement>) => {\n context.setOpen(!context.open);\n onClick?.(e);\n };\n return (\n <button\n {...rest}\n aria-expanded={context.open}\n data-state={context.open ? \"open\" : \"closed\"}\n className={clsx(\"hds-accordion-item-header\", className as undefined)}\n onClick={expandOrCollapse}\n ref={ref}\n type=\"button\"\n >\n <span>{children}</span>\n </button>\n );\n },\n);\n\nAccordionHeader.displayName = \"Accordion.Header\";\n","import type { ReactNode } from \"react\";\nimport { forwardRef, useContext } from \"react\";\nimport { clsx } from \"@postenbring/hedwig-css/typed-classname\";\nimport { AccordionItemContext } from \"./context\";\n\nexport interface AccordionContentProps extends React.HTMLAttributes<HTMLDivElement> {\n children: ReactNode;\n}\n\nexport const AccordionContent = forwardRef<HTMLDivElement, AccordionContentProps>(\n ({ children, className, ...rest }, ref) => {\n const context = useContext(AccordionItemContext);\n if (context === null) {\n return null;\n }\n return (\n <div\n aria-hidden={!context.open}\n data-state={context.open ? \"open\" : \"closed\"}\n {...{ inert: context.open ? \"true\" : undefined }}\n className={clsx(\"hds-accordion-item-content\", className as undefined)}\n ref={ref}\n {...rest}\n >\n <div className={clsx(\"hds-accordion-item-content-inner\")}>{children}</div>\n </div>\n );\n },\n);\n\nAccordionContent.displayName = \"Accordion.Content\";\n"],"mappings":"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","names":["import_react","import_typed_classname","import_react","import_jsx_runtime","import_react","import_typed_classname","import_jsx_runtime","import_react","import_typed_classname","import_jsx_runtime"]}
1
+ {"version":3,"sources":["../../src/accordion/index.tsx","../../src/accordion/accordion.tsx","../../src/accordion/accordion-item.tsx","../../src/accordion/context.ts","../../src/accordion/accordion-header.tsx","../../src/accordion/accordion-content.tsx"],"sourcesContent":["export { Accordion } from \"./accordion\";\nexport { AccordionItem } from \"./accordion-item\";\nexport { AccordionHeader } from \"./accordion-header\";\nexport { AccordionContent } from \"./accordion-content\";\n\nexport type * from \"./accordion\";\nexport type * from \"./accordion-item\";\nexport type * from \"./accordion-header\";\nexport type * from \"./accordion-content\";\n","import type { ReactElement } from \"react\";\nimport { forwardRef } from \"react\";\nimport { clsx } from \"@postenbring/hedwig-css/typed-classname\";\nimport { AccordionItem, type AccordionItemProps } from \"./accordion-item\";\nimport { AccordionHeader } from \"./accordion-header\";\nimport { AccordionContent } from \"./accordion-content\";\n\nexport interface AccordionProps extends React.HTMLAttributes<HTMLDivElement> {\n /**\n * Accepts type of <AccordionItem/>\n */\n children: ReactElement<AccordionItemProps> | ReactElement<AccordionItemProps>[];\n\n /**\n * Adds padding to the left of the accordion\n */\n indent?: boolean;\n}\n\n/**\n * Displays collapsible content sections\n *\n * @example\n * ```tsx\n * <Accordion>\n * <Accordion.Item defaultOpen>\n * <Accordion.Header>Item one</Accordion.Header>\n * <Accordion.Content>\n * Some content\n * </Accordion.Content>\n * </Accordion.Item>\n * <Accordion.Item>\n * <Accordion.Header>Item two</Accordion.Header>\n * <Accordion.Content>\n * Some more content\n * </Accordion.Content>\n * </Accordion.Item>\n * </Accordion>\n * ```\n */\nexport const Accordion = forwardRef<HTMLDivElement, AccordionProps>(\n ({ children, className, indent = true, ...rest }, ref) => {\n return (\n <div\n {...rest}\n className={clsx(\n \"hds-accordion\",\n !indent && \"hds-accordion--no-indent\",\n className as undefined,\n )}\n ref={ref}\n >\n {children}\n </div>\n );\n },\n) as AccordionType;\nAccordion.displayName = \"Accordion\";\n\nAccordion.Item = AccordionItem;\nAccordion.Header = AccordionHeader;\nAccordion.Content = AccordionContent;\n\ntype AccordionType = ReturnType<typeof forwardRef<HTMLDivElement, AccordionProps>> & {\n Item: typeof AccordionItem;\n Header: typeof AccordionHeader;\n Content: typeof AccordionContent;\n};\n","import type { ReactElement } from \"react\";\nimport { forwardRef, useState } from \"react\";\nimport { clsx } from \"@postenbring/hedwig-css/typed-classname\";\nimport { AccordionItemContext } from \"./context\";\nimport type { AccordionHeaderProps } from \"./accordion-header\";\nimport type { AccordionContentProps } from \"./accordion-content\";\n\nexport type AccordionItemChildrenType =\n | ReactElement<AccordionHeaderProps>\n | ReactElement<AccordionContentProps>;\n\nexport interface AccordionItemProps extends React.HTMLAttributes<HTMLDivElement> {\n /**\n * Control the open state of the accordion manually\n */\n open?: boolean;\n\n /**\n * Use with open to control the open state of the accordion manually\n */\n onOpenChange?: (open: boolean) => void;\n\n /**\n * If the accordion should be open by default\n */\n defaultOpen?: boolean;\n\n /**\n * Accepts type of Accordion.Content and Accordion.Header\n */\n children: AccordionItemChildrenType[];\n}\n\nexport const AccordionItem = forwardRef<HTMLDivElement, AccordionItemProps>(\n ({ children, defaultOpen, open: outerOpen, onOpenChange, className, ...rest }, ref) => {\n const [innerOpen, setInnerOpen] = useState(defaultOpen ?? false);\n const open = outerOpen ?? innerOpen;\n\n const handleOpen = () => {\n if (outerOpen !== undefined) {\n onOpenChange && onOpenChange(!open);\n } else {\n setInnerOpen(!open);\n }\n };\n\n return (\n <div\n {...rest}\n data-state={open ? \"open\" : \"closed\"}\n className={clsx(\"hds-accordion-item\", className as undefined)}\n ref={ref}\n >\n <AccordionItemContext.Provider value={{ open, setOpen: handleOpen }}>\n {children}\n </AccordionItemContext.Provider>\n </div>\n );\n },\n);\n\nAccordionItem.displayName = \"Accordion.Item\";\n","import { createContext } from \"react\";\n\nexport interface AccordionItemContextProps {\n open: boolean;\n setOpen: (open: boolean) => void;\n}\n\nexport const AccordionItemContext = createContext<AccordionItemContextProps | null>(null);\n","import type { MouseEvent, ReactNode } from \"react\";\nimport { forwardRef, useContext } from \"react\";\nimport { clsx } from \"@postenbring/hedwig-css/typed-classname\";\nimport { AccordionItemContext } from \"./context\";\n\nexport interface AccordionHeaderProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n children: ReactNode;\n}\n\nexport const AccordionHeader = forwardRef<HTMLButtonElement, AccordionHeaderProps>(\n ({ children, className, onClick, ...rest }, ref) => {\n const context = useContext(AccordionItemContext);\n if (context === null) {\n return null;\n }\n const expandOrCollapse = (e: MouseEvent<HTMLButtonElement>) => {\n context.setOpen(!context.open);\n onClick?.(e);\n };\n return (\n <button\n {...rest}\n aria-expanded={context.open}\n data-state={context.open ? \"open\" : \"closed\"}\n className={clsx(\"hds-accordion-item-header\", className as undefined)}\n onClick={expandOrCollapse}\n ref={ref}\n type=\"button\"\n >\n <span>{children}</span>\n </button>\n );\n },\n);\n\nAccordionHeader.displayName = \"Accordion.Header\";\n","import type { ReactNode } from \"react\";\nimport { forwardRef, useContext } from \"react\";\nimport { clsx } from \"@postenbring/hedwig-css/typed-classname\";\nimport { AccordionItemContext } from \"./context\";\n\nexport interface AccordionContentProps extends React.HTMLAttributes<HTMLDivElement> {\n children: ReactNode;\n}\n\nexport const AccordionContent = forwardRef<HTMLDivElement, AccordionContentProps>(\n ({ children, className, ...rest }, ref) => {\n const context = useContext(AccordionItemContext);\n if (context === null) {\n return null;\n }\n return (\n <div\n aria-hidden={!context.open}\n data-state={context.open ? \"open\" : \"closed\"}\n {...{ inert: context.open ? undefined : \"true\" }}\n className={clsx(\"hds-accordion-item-content\", className as undefined)}\n ref={ref}\n {...rest}\n >\n <div className={clsx(\"hds-accordion-item-content-inner\")}>{children}</div>\n </div>\n );\n },\n);\n\nAccordionContent.displayName = \"Accordion.Content\";\n"],"mappings":"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","names":["import_react","import_typed_classname","import_react","import_react","import_typed_classname","import_jsx_runtime","import_react","import_typed_classname","import_jsx_runtime","import_jsx_runtime"]}
@@ -1,20 +1,20 @@
1
+ import "../chunk-ZKMFJZSH.mjs";
1
2
  import {
2
- AccordionComponent
3
- } from "../chunk-HBSDJAFF.mjs";
3
+ Accordion
4
+ } from "../chunk-M3Y3XOGC.mjs";
5
+ import {
6
+ AccordionItem
7
+ } from "../chunk-A2H2LAII.mjs";
4
8
  import {
5
9
  AccordionContent
6
- } from "../chunk-2UWPZNXC.mjs";
10
+ } from "../chunk-GLAEI3SD.mjs";
7
11
  import {
8
12
  AccordionHeader
9
13
  } from "../chunk-3EFAPJ3H.mjs";
10
- import {
11
- AccordionItem
12
- } from "../chunk-A2H2LAII.mjs";
13
- import "../chunk-KPGSRU4I.mjs";
14
14
  import "../chunk-V3PAFMK5.mjs";
15
15
  import "../chunk-R4SQKVDQ.mjs";
16
16
  export {
17
- AccordionComponent as Accordion,
17
+ Accordion,
18
18
  AccordionContent,
19
19
  AccordionHeader,
20
20
  AccordionItem