thread-ui 0.3.0 → 0.4.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 (363) hide show
  1. package/README.md +63 -18
  2. package/dist/components/form-elements/dropdown/dropdown.d.ts +14 -0
  3. package/dist/components/form-elements/dropdown/dropdown.d.ts.map +1 -0
  4. package/dist/components/form-elements/dropdown/dropdown.js +83 -0
  5. package/dist/components/form-elements/dropdown/dropdown.js.map +1 -0
  6. package/dist/components/form-elements/dropdown/dropdown.types.d.ts +24 -0
  7. package/dist/components/form-elements/dropdown/dropdown.types.d.ts.map +1 -0
  8. package/dist/components/form-elements/dropdown/dropdown.types.js +2 -0
  9. package/dist/components/form-elements/dropdown/dropdown.types.js.map +1 -0
  10. package/dist/components/form-elements/dropdown/index.d.ts +3 -0
  11. package/dist/components/form-elements/dropdown/index.d.ts.map +1 -0
  12. package/dist/components/form-elements/dropdown/index.js +2 -0
  13. package/dist/components/form-elements/dropdown/index.js.map +1 -0
  14. package/dist/components/form-elements/file-upload/components/file-input.d.ts +2 -0
  15. package/dist/components/form-elements/file-upload/components/file-input.d.ts.map +1 -0
  16. package/dist/components/form-elements/file-upload/components/file-input.js +93 -0
  17. package/dist/components/form-elements/file-upload/components/file-input.js.map +1 -0
  18. package/dist/components/form-elements/file-upload/components/file-upload-content.d.ts +2 -0
  19. package/dist/components/form-elements/file-upload/components/file-upload-content.d.ts.map +1 -0
  20. package/dist/components/form-elements/file-upload/components/file-upload-content.js +28 -0
  21. package/dist/components/form-elements/file-upload/components/file-upload-content.js.map +1 -0
  22. package/dist/components/form-elements/file-upload/components/file-upload-preview.d.ts +2 -0
  23. package/dist/components/form-elements/file-upload/components/file-upload-preview.d.ts.map +1 -0
  24. package/dist/components/form-elements/file-upload/components/file-upload-preview.js +51 -0
  25. package/dist/components/form-elements/file-upload/components/file-upload-preview.js.map +1 -0
  26. package/dist/components/form-elements/file-upload/components/item-previews.d.ts +12 -0
  27. package/dist/components/form-elements/file-upload/components/item-previews.d.ts.map +1 -0
  28. package/dist/components/form-elements/file-upload/components/item-previews.js +58 -0
  29. package/dist/components/form-elements/file-upload/components/item-previews.js.map +1 -0
  30. package/dist/components/form-elements/file-upload/file-upload-context.d.ts +3 -0
  31. package/dist/components/form-elements/file-upload/file-upload-context.d.ts.map +1 -0
  32. package/dist/components/form-elements/file-upload/file-upload-context.js +4 -0
  33. package/dist/components/form-elements/file-upload/file-upload-context.js.map +1 -0
  34. package/dist/components/form-elements/file-upload/file-upload.d.ts +20 -0
  35. package/dist/components/form-elements/file-upload/file-upload.d.ts.map +1 -0
  36. package/dist/components/form-elements/file-upload/file-upload.js +148 -0
  37. package/dist/components/form-elements/file-upload/file-upload.js.map +1 -0
  38. package/dist/components/form-elements/file-upload/file-upload.types.d.ts +36 -0
  39. package/dist/components/form-elements/file-upload/file-upload.types.d.ts.map +1 -0
  40. package/dist/components/form-elements/file-upload/file-upload.types.js +2 -0
  41. package/dist/components/form-elements/file-upload/file-upload.types.js.map +1 -0
  42. package/dist/components/form-elements/file-upload/index.d.ts +3 -0
  43. package/dist/components/form-elements/file-upload/index.d.ts.map +1 -0
  44. package/dist/components/form-elements/file-upload/index.js +2 -0
  45. package/dist/components/form-elements/file-upload/index.js.map +1 -0
  46. package/dist/components/form-elements/form-label/form-label.d.ts +6 -0
  47. package/dist/components/form-elements/form-label/form-label.d.ts.map +1 -1
  48. package/dist/components/form-elements/form-label/form-label.js +6 -0
  49. package/dist/components/form-elements/form-label/form-label.js.map +1 -1
  50. package/dist/components/form-elements/form-label/form-label.types.d.ts +3 -0
  51. package/dist/components/form-elements/form-label/form-label.types.d.ts.map +1 -1
  52. package/dist/components/form-elements/index.d.ts +2 -0
  53. package/dist/components/form-elements/index.d.ts.map +1 -1
  54. package/dist/components/form-elements/index.js +2 -0
  55. package/dist/components/form-elements/index.js.map +1 -1
  56. package/dist/components/form-elements/input-props.types.d.ts +10 -3
  57. package/dist/components/form-elements/input-props.types.d.ts.map +1 -1
  58. package/dist/components/form-elements/number-input/number-input.d.ts +14 -0
  59. package/dist/components/form-elements/number-input/number-input.d.ts.map +1 -1
  60. package/dist/components/form-elements/number-input/number-input.js +15 -0
  61. package/dist/components/form-elements/number-input/number-input.js.map +1 -1
  62. package/dist/components/form-elements/number-input/number-input.types.d.ts +3 -0
  63. package/dist/components/form-elements/number-input/number-input.types.d.ts.map +1 -1
  64. package/dist/components/form-elements/styles/index.d.ts.map +1 -1
  65. package/dist/components/form-elements/styles/index.js +1 -0
  66. package/dist/components/form-elements/styles/index.js.map +1 -1
  67. package/dist/components/form-elements/text-input/text-input.d.ts +6 -0
  68. package/dist/components/form-elements/text-input/text-input.d.ts.map +1 -1
  69. package/dist/components/form-elements/text-input/text-input.js +6 -0
  70. package/dist/components/form-elements/text-input/text-input.js.map +1 -1
  71. package/dist/components/form-elements/text-input/text-input.types.d.ts +1 -0
  72. package/dist/components/form-elements/text-input/text-input.types.d.ts.map +1 -1
  73. package/dist/components/layouts/column-layout/column-layout.d.ts +11 -2
  74. package/dist/components/layouts/column-layout/column-layout.d.ts.map +1 -1
  75. package/dist/components/layouts/column-layout/column-layout.js +11 -2
  76. package/dist/components/layouts/column-layout/column-layout.js.map +1 -1
  77. package/dist/components/layouts/column-layout/column-layout.types.d.ts +8 -18
  78. package/dist/components/layouts/column-layout/column-layout.types.d.ts.map +1 -1
  79. package/dist/components/layouts/footer/footer.d.ts +13 -1
  80. package/dist/components/layouts/footer/footer.d.ts.map +1 -1
  81. package/dist/components/layouts/footer/footer.js +14 -2
  82. package/dist/components/layouts/footer/footer.js.map +1 -1
  83. package/dist/components/layouts/footer/footer.types.d.ts +7 -0
  84. package/dist/components/layouts/footer/footer.types.d.ts.map +1 -1
  85. package/dist/components/layouts/masonry-layout/masonry-layout.d.ts +9 -0
  86. package/dist/components/layouts/masonry-layout/masonry-layout.d.ts.map +1 -1
  87. package/dist/components/layouts/masonry-layout/masonry-layout.js +9 -0
  88. package/dist/components/layouts/masonry-layout/masonry-layout.js.map +1 -1
  89. package/dist/components/layouts/masonry-layout/masonry-layout.types.d.ts +3 -0
  90. package/dist/components/layouts/masonry-layout/masonry-layout.types.d.ts.map +1 -1
  91. package/dist/components/media/image-panel/image-panel.d.ts +14 -0
  92. package/dist/components/media/image-panel/image-panel.d.ts.map +1 -1
  93. package/dist/components/media/image-panel/image-panel.js +14 -0
  94. package/dist/components/media/image-panel/image-panel.js.map +1 -1
  95. package/dist/components/media/image-panel/image-panel.types.d.ts +8 -0
  96. package/dist/components/media/image-panel/image-panel.types.d.ts.map +1 -1
  97. package/dist/components/media/info-card/info-card.d.ts +11 -0
  98. package/dist/components/media/info-card/info-card.d.ts.map +1 -1
  99. package/dist/components/media/info-card/info-card.js +11 -0
  100. package/dist/components/media/info-card/info-card.js.map +1 -1
  101. package/dist/components/media/info-card/info-card.types.d.ts +10 -0
  102. package/dist/components/media/info-card/info-card.types.d.ts.map +1 -1
  103. package/dist/components/media/media-card/media-card.d.ts +13 -0
  104. package/dist/components/media/media-card/media-card.d.ts.map +1 -1
  105. package/dist/components/media/media-card/media-card.js +15 -0
  106. package/dist/components/media/media-card/media-card.js.map +1 -1
  107. package/dist/components/media/media-card/media-card.types.d.ts +13 -0
  108. package/dist/components/media/media-card/media-card.types.d.ts.map +1 -1
  109. package/dist/components/navigation/nav-menu/items/nav-drop-down-item/nav-drop-down-item.d.ts.map +1 -1
  110. package/dist/components/navigation/nav-menu/items/nav-drop-down-item/nav-drop-down-item.js +10 -7
  111. package/dist/components/navigation/nav-menu/items/nav-drop-down-item/nav-drop-down-item.js.map +1 -1
  112. package/dist/components/navigation/nav-menu/nav-menu.d.ts +13 -0
  113. package/dist/components/navigation/nav-menu/nav-menu.d.ts.map +1 -1
  114. package/dist/components/navigation/nav-menu/nav-menu.js +13 -0
  115. package/dist/components/navigation/nav-menu/nav-menu.js.map +1 -1
  116. package/dist/components/navigation/nav-menu/nav-menu.types.d.ts +2 -0
  117. package/dist/components/navigation/nav-menu/nav-menu.types.d.ts.map +1 -1
  118. package/dist/components/navigation/side-nav/side-nav-item/side-nav-item.js +1 -1
  119. package/dist/components/navigation/side-nav/side-nav-item/side-nav-item.js.map +1 -1
  120. package/dist/components/navigation/side-nav/side-nav-item/side-nav-item.types.d.ts.map +1 -1
  121. package/dist/components/navigation/side-nav/side-nav.d.ts +8 -2
  122. package/dist/components/navigation/side-nav/side-nav.d.ts.map +1 -1
  123. package/dist/components/navigation/side-nav/side-nav.js +8 -2
  124. package/dist/components/navigation/side-nav/side-nav.js.map +1 -1
  125. package/dist/components/navigation/side-nav/side-nav.types.d.ts +4 -0
  126. package/dist/components/navigation/side-nav/side-nav.types.d.ts.map +1 -1
  127. package/dist/components/typography/page-header/page-header.d.ts +6 -0
  128. package/dist/components/typography/page-header/page-header.d.ts.map +1 -1
  129. package/dist/components/typography/page-header/page-header.js +6 -0
  130. package/dist/components/typography/page-header/page-header.js.map +1 -1
  131. package/dist/components/typography/page-header/page-header.types.d.ts +3 -0
  132. package/dist/components/typography/page-header/page-header.types.d.ts.map +1 -1
  133. package/dist/components/typography/typography.d.ts +55 -0
  134. package/dist/components/typography/typography.d.ts.map +1 -1
  135. package/dist/components/typography/typography.js +48 -0
  136. package/dist/components/typography/typography.js.map +1 -1
  137. package/dist/components/ui/button/button-recipe.d.ts.map +1 -1
  138. package/dist/components/ui/button/button-recipe.js +1 -0
  139. package/dist/components/ui/button/button-recipe.js.map +1 -1
  140. package/dist/components/ui/button/button.d.ts +8 -0
  141. package/dist/components/ui/button/button.d.ts.map +1 -1
  142. package/dist/components/ui/button/button.js +8 -0
  143. package/dist/components/ui/button/button.js.map +1 -1
  144. package/dist/components/ui/button/button.types.d.ts +7 -0
  145. package/dist/components/ui/button/button.types.d.ts.map +1 -1
  146. package/dist/components/ui/card/card.d.ts +8 -0
  147. package/dist/components/ui/card/card.d.ts.map +1 -1
  148. package/dist/components/ui/card/card.js +8 -0
  149. package/dist/components/ui/card/card.js.map +1 -1
  150. package/dist/components/ui/card/card.types.d.ts +8 -1
  151. package/dist/components/ui/card/card.types.d.ts.map +1 -1
  152. package/dist/components/ui/divider/divider.d.ts +6 -0
  153. package/dist/components/ui/divider/divider.d.ts.map +1 -1
  154. package/dist/components/ui/divider/divider.js +6 -0
  155. package/dist/components/ui/divider/divider.js.map +1 -1
  156. package/dist/components/ui/divider/divider.types.d.ts +3 -0
  157. package/dist/components/ui/divider/divider.types.d.ts.map +1 -1
  158. package/dist/components/ui/icon/icon.d.ts +5 -7
  159. package/dist/components/ui/icon/icon.d.ts.map +1 -1
  160. package/dist/components/ui/icon/icon.js +5 -7
  161. package/dist/components/ui/icon/icon.js.map +1 -1
  162. package/dist/components/ui/icon/icon.types.d.ts +5 -0
  163. package/dist/components/ui/icon/icon.types.d.ts.map +1 -1
  164. package/dist/components/ui/icon-button/icon-button.d.ts +8 -0
  165. package/dist/components/ui/icon-button/icon-button.d.ts.map +1 -1
  166. package/dist/components/ui/icon-button/icon-button.js +9 -1
  167. package/dist/components/ui/icon-button/icon-button.js.map +1 -1
  168. package/dist/components/ui/icon-button/icon-button.types.d.ts +3 -1
  169. package/dist/components/ui/icon-button/icon-button.types.d.ts.map +1 -1
  170. package/dist/components/ui/index.d.ts +1 -0
  171. package/dist/components/ui/index.d.ts.map +1 -1
  172. package/dist/components/ui/index.js +1 -0
  173. package/dist/components/ui/index.js.map +1 -1
  174. package/dist/components/ui/modal/components/modal-content.d.ts +2 -0
  175. package/dist/components/ui/modal/components/modal-content.d.ts.map +1 -0
  176. package/dist/components/ui/modal/components/modal-content.js +98 -0
  177. package/dist/components/ui/modal/components/modal-content.js.map +1 -0
  178. package/dist/components/ui/modal/index.d.ts +3 -0
  179. package/dist/components/ui/modal/index.d.ts.map +1 -0
  180. package/dist/components/ui/modal/index.js +2 -0
  181. package/dist/components/ui/modal/index.js.map +1 -0
  182. package/dist/components/ui/modal/modal-context.d.ts +3 -0
  183. package/dist/components/ui/modal/modal-context.d.ts.map +1 -0
  184. package/dist/components/ui/modal/modal-context.js +4 -0
  185. package/dist/components/ui/modal/modal-context.js.map +1 -0
  186. package/dist/components/ui/modal/modal.d.ts +12 -0
  187. package/dist/components/ui/modal/modal.d.ts.map +1 -0
  188. package/dist/components/ui/modal/modal.js +44 -0
  189. package/dist/components/ui/modal/modal.js.map +1 -0
  190. package/dist/components/ui/modal/modal.types.d.ts +27 -0
  191. package/dist/components/ui/modal/modal.types.d.ts.map +1 -0
  192. package/dist/components/ui/modal/modal.types.js +2 -0
  193. package/dist/components/ui/modal/modal.types.js.map +1 -0
  194. package/dist/components/ui/toggle/toggle.d.ts +6 -1
  195. package/dist/components/ui/toggle/toggle.d.ts.map +1 -1
  196. package/dist/components/ui/toggle/toggle.js +6 -1
  197. package/dist/components/ui/toggle/toggle.js.map +1 -1
  198. package/dist/components/ui/toggle/toggle.types.d.ts +3 -0
  199. package/dist/components/ui/toggle/toggle.types.d.ts.map +1 -1
  200. package/dist/styled-system/styles.css +295 -215
  201. package/dist/styles/panda.css +1 -2054
  202. package/dist/styles/thread.css +3 -3
  203. package/dist/theme/default-theme.js +3 -3
  204. package/dist/theme/default-theme.js.map +1 -1
  205. package/dist/theme/index.d.ts +1 -1
  206. package/dist/theme/index.d.ts.map +1 -1
  207. package/dist/theme/index.js +1 -1
  208. package/dist/theme/index.js.map +1 -1
  209. package/dist/theme/theme-provider.d.ts +21 -1
  210. package/dist/theme/theme-provider.d.ts.map +1 -1
  211. package/dist/theme/theme-provider.js +23 -4
  212. package/dist/theme/theme-provider.js.map +1 -1
  213. package/dist/theme/thread-script.d.ts +16 -14
  214. package/dist/theme/thread-script.d.ts.map +1 -1
  215. package/dist/theme/thread-script.js +16 -14
  216. package/dist/theme/thread-script.js.map +1 -1
  217. package/dist/utils/context/create-component-context/create-component-context.d.ts +2 -0
  218. package/dist/utils/context/create-component-context/create-component-context.d.ts.map +1 -0
  219. package/dist/utils/context/create-component-context/create-component-context.js +14 -0
  220. package/dist/utils/context/create-component-context/create-component-context.js.map +1 -0
  221. package/dist/utils/context/create-component-context/index.d.ts +2 -0
  222. package/dist/utils/context/create-component-context/index.d.ts.map +1 -0
  223. package/dist/utils/context/create-component-context/index.js +2 -0
  224. package/dist/utils/context/create-component-context/index.js.map +1 -0
  225. package/dist/utils/context/index.d.ts +2 -0
  226. package/dist/utils/context/index.d.ts.map +1 -0
  227. package/dist/utils/context/index.js +2 -0
  228. package/dist/utils/context/index.js.map +1 -0
  229. package/dist/utils/{deep-merge → data-manipulation/deep-merge}/deep-merge.d.ts +1 -1
  230. package/dist/utils/data-manipulation/deep-merge/deep-merge.d.ts.map +1 -0
  231. package/dist/utils/data-manipulation/deep-merge/deep-merge.js.map +1 -0
  232. package/dist/utils/data-manipulation/deep-merge/index.d.ts.map +1 -0
  233. package/dist/utils/data-manipulation/deep-merge/index.js.map +1 -0
  234. package/dist/utils/data-manipulation/index.d.ts +2 -0
  235. package/dist/utils/data-manipulation/index.d.ts.map +1 -0
  236. package/dist/utils/data-manipulation/index.js +2 -0
  237. package/dist/utils/data-manipulation/index.js.map +1 -0
  238. package/dist/utils/hooks/index.d.ts +3 -0
  239. package/dist/utils/hooks/index.d.ts.map +1 -0
  240. package/dist/utils/hooks/index.js +3 -0
  241. package/dist/utils/hooks/index.js.map +1 -0
  242. package/dist/utils/hooks/use-outside-close-click/index.d.ts +2 -0
  243. package/dist/utils/hooks/use-outside-close-click/index.d.ts.map +1 -0
  244. package/dist/utils/hooks/use-outside-close-click/index.js +2 -0
  245. package/dist/utils/hooks/use-outside-close-click/index.js.map +1 -0
  246. package/dist/utils/hooks/use-outside-close-click/use-outside-close-click.d.ts +3 -0
  247. package/dist/utils/hooks/use-outside-close-click/use-outside-close-click.d.ts.map +1 -0
  248. package/dist/utils/hooks/use-outside-close-click/use-outside-close-click.js +16 -0
  249. package/dist/utils/hooks/use-outside-close-click/use-outside-close-click.js.map +1 -0
  250. package/dist/utils/hooks/use-pathname/index.d.ts.map +1 -0
  251. package/dist/utils/hooks/use-pathname/index.js.map +1 -0
  252. package/dist/utils/hooks/use-pathname/use-pathname.d.ts.map +1 -0
  253. package/dist/utils/hooks/use-pathname/use-pathname.js.map +1 -0
  254. package/dist/utils/index.d.ts +5 -8
  255. package/dist/utils/index.d.ts.map +1 -1
  256. package/dist/utils/index.js +5 -8
  257. package/dist/utils/index.js.map +1 -1
  258. package/dist/utils/misc/index.d.ts +2 -0
  259. package/dist/utils/misc/index.d.ts.map +1 -0
  260. package/dist/utils/misc/index.js +2 -0
  261. package/dist/utils/misc/index.js.map +1 -0
  262. package/dist/utils/misc/is-file-image-type/index.d.ts +2 -0
  263. package/dist/utils/misc/is-file-image-type/index.d.ts.map +1 -0
  264. package/dist/utils/misc/is-file-image-type/index.js +2 -0
  265. package/dist/utils/misc/is-file-image-type/index.js.map +1 -0
  266. package/dist/utils/misc/is-file-image-type/is-file-image-type.d.ts +2 -0
  267. package/dist/utils/misc/is-file-image-type/is-file-image-type.d.ts.map +1 -0
  268. package/dist/utils/misc/is-file-image-type/is-file-image-type.js +4 -0
  269. package/dist/utils/misc/is-file-image-type/is-file-image-type.js.map +1 -0
  270. package/dist/utils/{get-colored-text-color → theme-utilities/get-colored-text-color}/get-colored-text-color.d.ts +1 -1
  271. package/dist/utils/theme-utilities/get-colored-text-color/get-colored-text-color.d.ts.map +1 -0
  272. package/dist/utils/{get-colored-text-color → theme-utilities/get-colored-text-color}/get-colored-text-color.js +1 -1
  273. package/dist/utils/theme-utilities/get-colored-text-color/get-colored-text-color.js.map +1 -0
  274. package/dist/utils/theme-utilities/get-colored-text-color/index.d.ts.map +1 -0
  275. package/dist/utils/theme-utilities/get-colored-text-color/index.js.map +1 -0
  276. package/dist/utils/{get-text-color → theme-utilities/get-text-color}/get-text-color.d.ts +1 -1
  277. package/dist/utils/theme-utilities/get-text-color/get-text-color.d.ts.map +1 -0
  278. package/dist/utils/{get-text-color → theme-utilities/get-text-color}/get-text-color.js +1 -1
  279. package/dist/utils/theme-utilities/get-text-color/get-text-color.js.map +1 -0
  280. package/dist/utils/theme-utilities/get-text-color/index.d.ts.map +1 -0
  281. package/dist/utils/theme-utilities/get-text-color/index.js.map +1 -0
  282. package/dist/utils/{get-utility-color → theme-utilities/get-utility-color}/get-utility-color-value.d.ts +1 -1
  283. package/dist/utils/theme-utilities/get-utility-color/get-utility-color-value.d.ts.map +1 -0
  284. package/dist/utils/{get-utility-color → theme-utilities/get-utility-color}/get-utility-color-value.js +1 -1
  285. package/dist/utils/theme-utilities/get-utility-color/get-utility-color-value.js.map +1 -0
  286. package/dist/utils/theme-utilities/get-utility-color/index.d.ts.map +1 -0
  287. package/dist/utils/theme-utilities/get-utility-color/index.js.map +1 -0
  288. package/dist/utils/{get-utility-font-size → theme-utilities/get-utility-font-size}/getUtilityFontSize.d.ts +1 -1
  289. package/dist/utils/theme-utilities/get-utility-font-size/getUtilityFontSize.d.ts.map +1 -0
  290. package/dist/utils/theme-utilities/get-utility-font-size/getUtilityFontSize.js.map +1 -0
  291. package/dist/utils/theme-utilities/get-utility-font-size/index.d.ts.map +1 -0
  292. package/dist/utils/theme-utilities/get-utility-font-size/index.js.map +1 -0
  293. package/dist/utils/theme-utilities/get-utility-icon-size/get-utility-icon-size.d.ts +4 -0
  294. package/dist/utils/theme-utilities/get-utility-icon-size/get-utility-icon-size.d.ts.map +1 -0
  295. package/dist/utils/theme-utilities/get-utility-icon-size/get-utility-icon-size.js.map +1 -0
  296. package/dist/utils/theme-utilities/get-utility-icon-size/index.d.ts.map +1 -0
  297. package/dist/utils/theme-utilities/get-utility-icon-size/index.js.map +1 -0
  298. package/dist/utils/theme-utilities/get-utility-size-value/get-utility-size-value.d.ts +3 -0
  299. package/dist/utils/theme-utilities/get-utility-size-value/get-utility-size-value.d.ts.map +1 -0
  300. package/dist/utils/theme-utilities/get-utility-size-value/get-utility-size-value.js.map +1 -0
  301. package/dist/utils/theme-utilities/get-utility-size-value/index.d.ts.map +1 -0
  302. package/dist/utils/theme-utilities/get-utility-size-value/index.js.map +1 -0
  303. package/dist/utils/theme-utilities/index.d.ts +7 -0
  304. package/dist/utils/theme-utilities/index.d.ts.map +1 -0
  305. package/dist/utils/theme-utilities/index.js +7 -0
  306. package/dist/utils/theme-utilities/index.js.map +1 -0
  307. package/package.json +2 -4
  308. package/dist/utils/deep-merge/deep-merge.d.ts.map +0 -1
  309. package/dist/utils/deep-merge/deep-merge.js.map +0 -1
  310. package/dist/utils/deep-merge/index.d.ts.map +0 -1
  311. package/dist/utils/deep-merge/index.js.map +0 -1
  312. package/dist/utils/get-colored-text-color/get-colored-text-color.d.ts.map +0 -1
  313. package/dist/utils/get-colored-text-color/get-colored-text-color.js.map +0 -1
  314. package/dist/utils/get-colored-text-color/index.d.ts.map +0 -1
  315. package/dist/utils/get-colored-text-color/index.js.map +0 -1
  316. package/dist/utils/get-text-color/get-text-color.d.ts.map +0 -1
  317. package/dist/utils/get-text-color/get-text-color.js.map +0 -1
  318. package/dist/utils/get-text-color/index.d.ts.map +0 -1
  319. package/dist/utils/get-text-color/index.js.map +0 -1
  320. package/dist/utils/get-utility-color/get-utility-color-value.d.ts.map +0 -1
  321. package/dist/utils/get-utility-color/get-utility-color-value.js.map +0 -1
  322. package/dist/utils/get-utility-color/index.d.ts.map +0 -1
  323. package/dist/utils/get-utility-color/index.js.map +0 -1
  324. package/dist/utils/get-utility-font-size/getUtilityFontSize.d.ts.map +0 -1
  325. package/dist/utils/get-utility-font-size/getUtilityFontSize.js.map +0 -1
  326. package/dist/utils/get-utility-font-size/index.d.ts.map +0 -1
  327. package/dist/utils/get-utility-font-size/index.js.map +0 -1
  328. package/dist/utils/get-utility-icon-size/get-utility-icon-size.d.ts +0 -4
  329. package/dist/utils/get-utility-icon-size/get-utility-icon-size.d.ts.map +0 -1
  330. package/dist/utils/get-utility-icon-size/get-utility-icon-size.js.map +0 -1
  331. package/dist/utils/get-utility-icon-size/index.d.ts.map +0 -1
  332. package/dist/utils/get-utility-icon-size/index.js.map +0 -1
  333. package/dist/utils/get-utility-size-value/get-utility-size-value.d.ts +0 -3
  334. package/dist/utils/get-utility-size-value/get-utility-size-value.d.ts.map +0 -1
  335. package/dist/utils/get-utility-size-value/get-utility-size-value.js.map +0 -1
  336. package/dist/utils/get-utility-size-value/index.d.ts.map +0 -1
  337. package/dist/utils/get-utility-size-value/index.js.map +0 -1
  338. package/dist/utils/use-pathname/index.d.ts.map +0 -1
  339. package/dist/utils/use-pathname/index.js.map +0 -1
  340. package/dist/utils/use-pathname/use-pathname.d.ts.map +0 -1
  341. package/dist/utils/use-pathname/use-pathname.js.map +0 -1
  342. /package/dist/utils/{deep-merge → data-manipulation/deep-merge}/deep-merge.js +0 -0
  343. /package/dist/utils/{deep-merge → data-manipulation/deep-merge}/index.d.ts +0 -0
  344. /package/dist/utils/{deep-merge → data-manipulation/deep-merge}/index.js +0 -0
  345. /package/dist/utils/{use-pathname → hooks/use-pathname}/index.d.ts +0 -0
  346. /package/dist/utils/{use-pathname → hooks/use-pathname}/index.js +0 -0
  347. /package/dist/utils/{use-pathname → hooks/use-pathname}/use-pathname.d.ts +0 -0
  348. /package/dist/utils/{use-pathname → hooks/use-pathname}/use-pathname.js +0 -0
  349. /package/dist/utils/{get-colored-text-color → theme-utilities/get-colored-text-color}/index.d.ts +0 -0
  350. /package/dist/utils/{get-colored-text-color → theme-utilities/get-colored-text-color}/index.js +0 -0
  351. /package/dist/utils/{get-text-color → theme-utilities/get-text-color}/index.d.ts +0 -0
  352. /package/dist/utils/{get-text-color → theme-utilities/get-text-color}/index.js +0 -0
  353. /package/dist/utils/{get-utility-color → theme-utilities/get-utility-color}/index.d.ts +0 -0
  354. /package/dist/utils/{get-utility-color → theme-utilities/get-utility-color}/index.js +0 -0
  355. /package/dist/utils/{get-utility-font-size → theme-utilities/get-utility-font-size}/getUtilityFontSize.js +0 -0
  356. /package/dist/utils/{get-utility-font-size → theme-utilities/get-utility-font-size}/index.d.ts +0 -0
  357. /package/dist/utils/{get-utility-font-size → theme-utilities/get-utility-font-size}/index.js +0 -0
  358. /package/dist/utils/{get-utility-icon-size → theme-utilities/get-utility-icon-size}/get-utility-icon-size.js +0 -0
  359. /package/dist/utils/{get-utility-icon-size → theme-utilities/get-utility-icon-size}/index.d.ts +0 -0
  360. /package/dist/utils/{get-utility-icon-size → theme-utilities/get-utility-icon-size}/index.js +0 -0
  361. /package/dist/utils/{get-utility-size-value → theme-utilities/get-utility-size-value}/get-utility-size-value.js +0 -0
  362. /package/dist/utils/{get-utility-size-value → theme-utilities/get-utility-size-value}/index.d.ts +0 -0
  363. /package/dist/utils/{get-utility-size-value → theme-utilities/get-utility-size-value}/index.js +0 -0
@@ -0,0 +1,148 @@
1
+ 'use client';
2
+ import { jsx as _jsx } from "react/jsx-runtime";
3
+ import { useState } from 'react';
4
+ import { FileUploadProvider } from './file-upload-context';
5
+ import { isFileImageType } from '../../../utils';
6
+ import { FileUploadContent } from './components/file-upload-content';
7
+ /**
8
+ * File upload component with drag-and-drop, file validation, image preview,
9
+ * and optional filename/alt text editing before saving.
10
+ *
11
+ * Validates against allowed MIME types, max file size, and max file count.
12
+ * Image files generate a preview; non-image files show a generic indicator.
13
+ *
14
+ * @example
15
+ * <FileUpload
16
+ * name="attachments"
17
+ * value={value}
18
+ * onChange={onChange}
19
+ * allowedFileTypes={['image/*', 'application/pdf']}
20
+ * maxFileSize={5 * 1024 * 1024}
21
+ * maxNumberFiles={3}
22
+ * />
23
+ */
24
+ export const FileUpload = ({ title = 'Upload a File', name, id = name, value, onChange, allowedFileTypes = ['*/*'], maxFileSize, maxNumberFiles, supportedFormatsText, required, size = 'md', }) => {
25
+ // Init Display States
26
+ const [isDragging, setIsDragging] = useState(false);
27
+ const [preview, setPreview] = useState(null);
28
+ const [status, setStatus] = useState('');
29
+ // Init File States
30
+ const [selectedFile, setSelectedFile] = useState(null);
31
+ const [customFilename, setCustomFilename] = useState('');
32
+ const [alt, setAlt] = useState('');
33
+ // Validate File Type
34
+ const isValidFileType = (file) => {
35
+ if (allowedFileTypes.includes('*/*'))
36
+ return true;
37
+ return allowedFileTypes.some((type) => {
38
+ // Handle wildcards like 'image/*'
39
+ if (type.endsWith('/*')) {
40
+ const category = type.split('/')[0];
41
+ return file.type.startsWith(`${category}/`);
42
+ }
43
+ return file.type === type;
44
+ });
45
+ };
46
+ // File Submissions
47
+ const processFile = (file) => {
48
+ // Ensure Maximum is not Exceeded
49
+ if (maxNumberFiles && value.length >= maxNumberFiles) {
50
+ setStatus(`Maximum files already added`);
51
+ return;
52
+ }
53
+ // Ensure File is passed
54
+ if (!file) {
55
+ setStatus('No File Selected');
56
+ }
57
+ // Ensure Valid Type
58
+ if (!isValidFileType(file)) {
59
+ setStatus(`Invalid file type. Please select a ${allowedFileTypes.join(', ')} file`);
60
+ return;
61
+ }
62
+ // Ensure Valid Size
63
+ if (maxFileSize && file.size > maxFileSize) {
64
+ setStatus(`File too large. Maximum size is ${Math.round(maxFileSize / 1024 / 1024)}MB`);
65
+ return;
66
+ }
67
+ // Extract Original Filename for user Editing
68
+ const extension = file.name.split('.').pop() || '';
69
+ const originalName = file.name.replace(`.${extension}`, '');
70
+ setCustomFilename(originalName);
71
+ setSelectedFile(file);
72
+ setStatus('');
73
+ // Generate Image Preview
74
+ if (isFileImageType(file)) {
75
+ const reader = new FileReader();
76
+ reader.onloadend = () => {
77
+ const result = reader.result;
78
+ if (typeof result === 'string') {
79
+ setPreview(result);
80
+ }
81
+ };
82
+ reader.readAsDataURL(file);
83
+ }
84
+ else {
85
+ // Clear preview for non-image files
86
+ setPreview(null);
87
+ }
88
+ };
89
+ // Remove File from files
90
+ const handleClearFile = () => {
91
+ setSelectedFile(null);
92
+ setPreview(null);
93
+ setCustomFilename('');
94
+ setStatus('');
95
+ };
96
+ // Save Selected file
97
+ const saveFile = () => {
98
+ if (selectedFile) {
99
+ // Create new file with custom name
100
+ const extension = selectedFile.name.split('.').pop() || '';
101
+ const newFileName = `${customFilename}.${extension}`;
102
+ const renamedFile = new File([selectedFile], newFileName, {
103
+ type: selectedFile.type,
104
+ lastModified: selectedFile.lastModified,
105
+ });
106
+ // Add alt text
107
+ renamedFile.alt = alt;
108
+ onChange([...value, renamedFile]);
109
+ handleClearFile();
110
+ }
111
+ };
112
+ const removeFile = (index) => {
113
+ // Remove File @ index
114
+ const updatedFiles = value.filter((_, i) => i !== index);
115
+ // Save Changes
116
+ onChange(updatedFiles);
117
+ };
118
+ return (_jsx(FileUploadProvider, { value: {
119
+ id,
120
+ title,
121
+ name,
122
+ onChange,
123
+ allowedFileTypes,
124
+ maxFileSize,
125
+ maxNumberFiles,
126
+ supportedFormatsText,
127
+ required,
128
+ size,
129
+ isDragging,
130
+ setIsDragging,
131
+ preview,
132
+ setPreview,
133
+ status,
134
+ setStatus,
135
+ customFilename,
136
+ setCustomFilename,
137
+ alt,
138
+ setAlt,
139
+ value,
140
+ selectedFile,
141
+ setSelectedFile,
142
+ processFile,
143
+ handleClearFile,
144
+ saveFile,
145
+ removeFile,
146
+ }, children: _jsx(FileUploadContent, {}) }));
147
+ };
148
+ //# sourceMappingURL=file-upload.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"file-upload.js","sourceRoot":"","sources":["../../../../src/components/form-elements/file-upload/file-upload.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,36 @@
1
+ import { InputProps } from '../input-props.types';
2
+ export type UploadableFile = File & {
3
+ /** Alt text for image files */
4
+ alt?: string;
5
+ };
6
+ export type FileUploadProps = Omit<InputProps<UploadableFile[], UploadableFile[]>, 'placeholder'> & {
7
+ /** MIME types accepted. Supports wildcards like `image/*` @default `['*\/*']` */
8
+ allowedFileTypes?: string[];
9
+ /** Maximum file size in bytes */
10
+ maxFileSize?: number;
11
+ /** Maximum number of files that can be uploaded */
12
+ maxNumberFiles?: number;
13
+ /** Custom text describing supported formats, shown in the upload area */
14
+ supportedFormatsText?: string;
15
+ /** Controls the size of the upload area @default `'md'` */
16
+ size?: 'sm' | 'md' | 'lg';
17
+ };
18
+ export type FileUploadContext = FileUploadProps & {
19
+ isDragging: boolean;
20
+ selectedFile: UploadableFile | null;
21
+ preview: string | null;
22
+ status: string;
23
+ customFilename: string;
24
+ alt: string;
25
+ setIsDragging: (isDragging: boolean) => void;
26
+ setSelectedFile: (file: UploadableFile | null) => void;
27
+ setPreview: (preview: string | null) => void;
28
+ setStatus: (status: string) => void;
29
+ setCustomFilename: (filename: string) => void;
30
+ setAlt: (alt: string) => void;
31
+ processFile: (file: File) => void;
32
+ handleClearFile: () => void;
33
+ saveFile: () => void;
34
+ removeFile: (index: number) => void;
35
+ };
36
+ //# sourceMappingURL=file-upload.types.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"file-upload.types.d.ts","sourceRoot":"","sources":["../../../../src/components/form-elements/file-upload/file-upload.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAElD,MAAM,MAAM,cAAc,GAAG,IAAI,GAAG;IACnC,+BAA+B;IAC/B,GAAG,CAAC,EAAE,MAAM,CAAC;CACb,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,IAAI,CACjC,UAAU,CAAC,cAAc,EAAE,EAAE,cAAc,EAAE,CAAC,EAC9C,aAAa,CACb,GAAG;IACH,iFAAiF;IACjF,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC5B,iCAAiC;IACjC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,mDAAmD;IACnD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,yEAAyE;IACzE,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,2DAA2D;IAC3D,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAC1B,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG,eAAe,GAAG;IAEjD,UAAU,EAAE,OAAO,CAAC;IACpB,YAAY,EAAE,cAAc,GAAG,IAAI,CAAC;IACpC,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,MAAM,EAAE,MAAM,CAAC;IACf,cAAc,EAAE,MAAM,CAAC;IACvB,GAAG,EAAE,MAAM,CAAC;IAGZ,aAAa,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C,eAAe,EAAE,CAAC,IAAI,EAAE,cAAc,GAAG,IAAI,KAAK,IAAI,CAAC;IACvD,UAAU,EAAE,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC7C,SAAS,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,iBAAiB,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,MAAM,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAG9B,WAAW,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IAClC,eAAe,EAAE,MAAM,IAAI,CAAC;IAC5B,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC,CAAC"}
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=file-upload.types.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"file-upload.types.js","sourceRoot":"","sources":["../../../../src/components/form-elements/file-upload/file-upload.types.ts"],"names":[],"mappings":""}
@@ -0,0 +1,3 @@
1
+ export type { FileUploadProps } from './file-upload.types';
2
+ export { FileUpload } from './file-upload';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/form-elements/file-upload/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAC3D,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC"}
@@ -0,0 +1,2 @@
1
+ export { FileUpload } from './file-upload';
2
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/form-elements/file-upload/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC"}
@@ -1,3 +1,9 @@
1
1
  import { FormLabelProps } from './form-label.types';
2
+ /**
3
+ * Form label linked to a control by `name`. Renders as an `H3` typographic style.
4
+ *
5
+ * @example
6
+ * <FormLabel name="email" title="Email Address" />
7
+ */
2
8
  export declare const FormLabel: ({ name, id, title }: FormLabelProps) => import("react/jsx-runtime").JSX.Element;
3
9
  //# sourceMappingURL=form-label.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"form-label.d.ts","sourceRoot":"","sources":["../../../../src/components/form-elements/form-label/form-label.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAGpD,eAAO,MAAM,SAAS,GAAI,qBAA4B,cAAc,4CAYnE,CAAC"}
1
+ {"version":3,"file":"form-label.d.ts","sourceRoot":"","sources":["../../../../src/components/form-elements/form-label/form-label.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAGpD;;;;;GAKG;AACH,eAAO,MAAM,SAAS,GAAI,qBAA4B,cAAc,4CAYnE,CAAC"}
@@ -1,6 +1,12 @@
1
1
  import { jsx as _jsx } from "react/jsx-runtime";
2
2
  import { css } from '../../../styled-system/css';
3
3
  import { H3 } from '../../../components/typography';
4
+ /**
5
+ * Form label linked to a control by `name`. Renders as an `H3` typographic style.
6
+ *
7
+ * @example
8
+ * <FormLabel name="email" title="Email Address" />
9
+ */
4
10
  export const FormLabel = ({ name, id = name, title }) => {
5
11
  const styles = css({
6
12
  display: 'block',
@@ -1 +1 @@
1
- {"version":3,"file":"form-label.js","sourceRoot":"","sources":["../../../../src/components/form-elements/form-label/form-label.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAE1C,OAAO,EAAE,EAAE,EAAE,MAAM,yBAAyB,CAAC;AAE7C,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EAAE,IAAI,EAAE,EAAE,GAAG,IAAI,EAAE,KAAK,EAAkB,EAAE,EAAE;IACvE,MAAM,MAAM,GAAG,GAAG,CAAC;QAClB,OAAO,EAAE,OAAO;QAChB,SAAS,EAAE,YAAY;QACvB,YAAY,EAAE,GAAG;KACjB,CAAC,CAAC;IAEH,OAAO,CACN,gBAAO,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,YAC9C,KAAC,EAAE,cAAE,KAAK,GAAM,GACT,CACR,CAAC;AACH,CAAC,CAAC"}
1
+ {"version":3,"file":"form-label.js","sourceRoot":"","sources":["../../../../src/components/form-elements/form-label/form-label.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAE1C,OAAO,EAAE,EAAE,EAAE,MAAM,yBAAyB,CAAC;AAE7C;;;;;GAKG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EAAE,IAAI,EAAE,EAAE,GAAG,IAAI,EAAE,KAAK,EAAkB,EAAE,EAAE;IACvE,MAAM,MAAM,GAAG,GAAG,CAAC;QAClB,OAAO,EAAE,OAAO;QAChB,SAAS,EAAE,YAAY;QACvB,YAAY,EAAE,GAAG;KACjB,CAAC,CAAC;IAEH,OAAO,CACN,gBAAO,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,YAC9C,KAAC,EAAE,cAAE,KAAK,GAAM,GACT,CACR,CAAC;AACH,CAAC,CAAC"}
@@ -1,6 +1,9 @@
1
1
  export type FormLabelProps = {
2
+ /** Defaults to `name` if not provided */
2
3
  id?: string;
4
+ /** Associates the label with its form control via `htmlFor` */
3
5
  name: string;
6
+ /** Text displayed in the label */
4
7
  title?: string;
5
8
  };
6
9
  //# sourceMappingURL=form-label.types.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"form-label.types.d.ts","sourceRoot":"","sources":["../../../../src/components/form-elements/form-label/form-label.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,cAAc,GAAG;IACzB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC"}
1
+ {"version":3,"file":"form-label.types.d.ts","sourceRoot":"","sources":["../../../../src/components/form-elements/form-label/form-label.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,cAAc,GAAG;IAC5B,yCAAyC;IACzC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,+DAA+D;IAC/D,IAAI,EAAE,MAAM,CAAC;IACb,kCAAkC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;CACf,CAAC"}
@@ -1,4 +1,6 @@
1
1
  export * from './form-label';
2
2
  export * from './number-input';
3
3
  export * from './text-input';
4
+ export * from './file-upload';
5
+ export * from './dropdown';
4
6
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/form-elements/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/form-elements/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC"}
@@ -1,4 +1,6 @@
1
1
  export * from './form-label';
2
2
  export * from './number-input';
3
3
  export * from './text-input';
4
+ export * from './file-upload';
5
+ export * from './dropdown';
4
6
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/form-elements/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/form-elements/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC"}
@@ -1,10 +1,17 @@
1
- export type InputProps<T> = {
1
+ export type InputProps<TValue, TChange = React.ChangeEvent<HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement>> = {
2
+ /** Defaults to `name` if not provided */
2
3
  id?: string;
4
+ /** Form field name */
3
5
  name: string;
6
+ /** Label text rendered above the input */
4
7
  title?: string;
5
- value?: T;
8
+ /** Controlled value */
9
+ value: TValue;
10
+ /** Require value for form submission */
6
11
  required?: boolean;
12
+ /** Descriptive text rendered within input */
7
13
  placeholder?: string;
8
- onChange?: (e: React.ChangeEvent<HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement>) => void;
14
+ /** Called when the input value changes */
15
+ onChange: (e: TChange) => void | Promise<void>;
9
16
  };
10
17
  //# sourceMappingURL=input-props.types.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"input-props.types.d.ts","sourceRoot":"","sources":["../../../src/components/form-elements/input-props.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,UAAU,CAAC,CAAC,IAAI;IACxB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,CAAC,CAAC;IACV,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,GAAG,iBAAiB,GAAG,mBAAmB,CAAC,KAAK,IAAI,CAAC;CACzG,CAAC"}
1
+ {"version":3,"file":"input-props.types.d.ts","sourceRoot":"","sources":["../../../src/components/form-elements/input-props.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,UAAU,CACrB,MAAM,EACN,OAAO,GAAG,KAAK,CAAC,WAAW,CAAC,gBAAgB,GAAG,iBAAiB,GAAG,mBAAmB,CAAC,IACpF;IACH,yCAAyC;IACzC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,sBAAsB;IACtB,IAAI,EAAE,MAAM,CAAC;IACb,0CAA0C;IAC1C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uBAAuB;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,wCAAwC;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,6CAA6C;IAC7C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,0CAA0C;IAC1C,QAAQ,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;CAC/C,CAAC"}
@@ -1,3 +1,17 @@
1
1
  import { NumberInputProps } from './number-input.types';
2
+ /**
3
+ * Number input with increment/decrement buttons and optional min/max range enforcement.
4
+ * Blocks non-numeric keyboard input and respects range bounds on both direct input and stepping.
5
+ *
6
+ * @example
7
+ * <NumberInput
8
+ * name="quantity"
9
+ * title="Quantity"
10
+ * value={qty}
11
+ * min={1}
12
+ * max={99}
13
+ * onChange={handleChange}
14
+ * />
15
+ */
2
16
  export declare const NumberInput: ({ name, id, title, value, placeholder, required, dark, min, max, onChange, }: NumberInputProps) => import("react/jsx-runtime").JSX.Element;
3
17
  //# sourceMappingURL=number-input.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"number-input.d.ts","sourceRoot":"","sources":["../../../../src/components/form-elements/number-input/number-input.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAcxD,eAAO,MAAM,WAAW,GAAI,8EAWzB,gBAAgB,4CAkLlB,CAAC"}
1
+ {"version":3,"file":"number-input.d.ts","sourceRoot":"","sources":["../../../../src/components/form-elements/number-input/number-input.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAcxD;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,WAAW,GAAI,8EAWzB,gBAAgB,4CAmLlB,CAAC"}
@@ -14,6 +14,20 @@ const valueWithinRange = (value, min, max) => {
14
14
  }
15
15
  return true;
16
16
  };
17
+ /**
18
+ * Number input with increment/decrement buttons and optional min/max range enforcement.
19
+ * Blocks non-numeric keyboard input and respects range bounds on both direct input and stepping.
20
+ *
21
+ * @example
22
+ * <NumberInput
23
+ * name="quantity"
24
+ * title="Quantity"
25
+ * value={qty}
26
+ * min={1}
27
+ * max={99}
28
+ * onChange={handleChange}
29
+ * />
30
+ */
17
31
  export const NumberInput = ({ name, id = name, title, value, placeholder, required, dark, min, max, onChange, }) => {
18
32
  // Initialize state with the value from props or null
19
33
  const [num, setNum] = useState(value);
@@ -99,6 +113,7 @@ export const NumberInput = ({ name, id = name, title, value, placeholder, requir
99
113
  fontSize: 'sm',
100
114
  }),
101
115
  centerSegment: css({
116
+ color: 'text.standard',
102
117
  width: '16',
103
118
  appearance: 'none',
104
119
  '&::-webkit-outer-spin-button': {
@@ -1 +1 @@
1
- {"version":3,"file":"number-input.js","sourceRoot":"","sources":["../../../../src/components/form-elements/number-input/number-input.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"number-input.js","sourceRoot":"","sources":["../../../../src/components/form-elements/number-input/number-input.tsx"],"names":[],"mappings":"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"}
@@ -1,7 +1,10 @@
1
1
  import { InputProps } from '../input-props.types';
2
2
  export type NumberInputProps = InputProps<number> & {
3
+ /** Applies dark styling */
3
4
  dark?: boolean;
5
+ /** Minimum allowed value */
4
6
  min?: number;
7
+ /** Maximum allowed value */
5
8
  max?: number;
6
9
  };
7
10
  //# sourceMappingURL=number-input.types.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"number-input.types.d.ts","sourceRoot":"","sources":["../../../../src/components/form-elements/number-input/number-input.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAElD,MAAM,MAAM,gBAAgB,GAAG,UAAU,CAAC,MAAM,CAAC,GAAG;IAChD,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC"}
1
+ {"version":3,"file":"number-input.types.d.ts","sourceRoot":"","sources":["../../../../src/components/form-elements/number-input/number-input.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAElD,MAAM,MAAM,gBAAgB,GAAG,UAAU,CAAC,MAAM,CAAC,GAAG;IACnD,2BAA2B;IAC3B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,4BAA4B;IAC5B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,4BAA4B;IAC5B,GAAG,CAAC,EAAE,MAAM,CAAC;CACb,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/form-elements/styles/index.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,eAAe;;;;;;;;;EA4B1B,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/form-elements/styles/index.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,eAAe;;;;;;;;;EA6B1B,CAAC"}
@@ -1,6 +1,7 @@
1
1
  import { cva } from '../../../styled-system/css';
2
2
  export const baseInputStyles = cva({
3
3
  base: {
4
+ color: 'text.standard',
4
5
  paddingX: '16px',
5
6
  paddingY: '8px',
6
7
  borderWidth: '1px',
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/form-elements/styles/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAE1C,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,CAAC;IAClC,IAAI,EAAE;QACL,QAAQ,EAAE,MAAM;QAChB,QAAQ,EAAE,KAAK;QACf,WAAW,EAAE,KAAK;QAClB,WAAW,EAAE,OAAO;QACpB,WAAW,EAAE,WAAW;QACxB,YAAY,EAAE,IAAI;QAClB,UAAU,EAAE,QAAQ;QACpB,MAAM,EAAE;YACP,OAAO,EAAE,MAAM;YACf,WAAW,EAAE,aAAa;YAC1B,SAAS,EAAE,6BAA6B;SACxC;KACD;IACD,QAAQ,EAAE;QACT,GAAG,EAAE;YACJ,IAAI,EAAE;gBACL,KAAK,EAAE,MAAM;aACb;YACD,KAAK,EAAE;gBACN,KAAK,EAAE,MAAM;aACb;SACD;KACD;IACD,eAAe,EAAE;QAChB,GAAG,EAAE,KAAK;KACV;CACD,CAAC,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/form-elements/styles/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAE1C,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,CAAC;IAClC,IAAI,EAAE;QACL,KAAK,EAAE,eAAe;QACtB,QAAQ,EAAE,MAAM;QAChB,QAAQ,EAAE,KAAK;QACf,WAAW,EAAE,KAAK;QAClB,WAAW,EAAE,OAAO;QACpB,WAAW,EAAE,WAAW;QACxB,YAAY,EAAE,IAAI;QAClB,UAAU,EAAE,QAAQ;QACpB,MAAM,EAAE;YACP,OAAO,EAAE,MAAM;YACf,WAAW,EAAE,aAAa;YAC1B,SAAS,EAAE,6BAA6B;SACxC;KACD;IACD,QAAQ,EAAE;QACT,GAAG,EAAE;YACJ,IAAI,EAAE;gBACL,KAAK,EAAE,MAAM;aACb;YACD,KAAK,EAAE;gBACN,KAAK,EAAE,MAAM;aACb;SACD;KACD;IACD,eAAe,EAAE;QAChB,GAAG,EAAE,KAAK;KACV;CACD,CAAC,CAAC"}
@@ -1,3 +1,9 @@
1
1
  import { TextInputProps } from './text-input.types';
2
+ /**
3
+ * Text input that renders either a single-line `input` or a resizable `textarea`.
4
+ *
5
+ * @example
6
+ * <TextInput name="bio" title="Bio" value={bio} multiline onChange={handleChange} />
7
+ */
2
8
  export declare const TextInput: ({ name, id, title, value, required, placeholder, multiline, onChange, }: TextInputProps) => import("react/jsx-runtime").JSX.Element;
3
9
  //# sourceMappingURL=text-input.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"text-input.d.ts","sourceRoot":"","sources":["../../../../src/components/form-elements/text-input/text-input.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAKpD,eAAO,MAAM,SAAS,GAAI,yEASvB,cAAc,4CAkChB,CAAC"}
1
+ {"version":3,"file":"text-input.d.ts","sourceRoot":"","sources":["../../../../src/components/form-elements/text-input/text-input.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAKpD;;;;;GAKG;AACH,eAAO,MAAM,SAAS,GAAI,yEASvB,cAAc,4CAkChB,CAAC"}
@@ -3,6 +3,12 @@ import { FormLabel } from '../form-label';
3
3
  import { InputWrapper } from '../input-wrapper';
4
4
  import { baseInputStyles } from '../styles';
5
5
  import { cx, css } from '../../../styled-system/css';
6
+ /**
7
+ * Text input that renders either a single-line `input` or a resizable `textarea`.
8
+ *
9
+ * @example
10
+ * <TextInput name="bio" title="Bio" value={bio} multiline onChange={handleChange} />
11
+ */
6
12
  export const TextInput = ({ name, id = name, title, value, required, placeholder, multiline = false, onChange, }) => {
7
13
  const style = css({
8
14
  minHeight: '25',
@@ -1 +1 @@
1
- {"version":3,"file":"text-input.js","sourceRoot":"","sources":["../../../../src/components/form-elements/text-input/text-input.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE1C,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAC5C,OAAO,EAAE,EAAE,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAE9C,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EACzB,IAAI,EACJ,EAAE,GAAG,IAAI,EACT,KAAK,EACL,KAAK,EACL,QAAQ,EACR,WAAW,EACX,SAAS,GAAG,KAAK,EACjB,QAAQ,GACQ,EAAE,EAAE;IACpB,MAAM,KAAK,GAAG,GAAG,CAAC;QACjB,SAAS,EAAE,IAAI;QACf,MAAM,EAAE,UAAU;KAClB,CAAC,CAAC;IAEH,OAAO,CACN,MAAC,YAAY,eACX,KAAK,IAAI,KAAC,SAAS,IAAC,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,GAAI,EACxD,SAAS,CAAC,CAAC,CAAC,CACZ,mBACC,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,IAAI,EAAE,CAAC,EACP,SAAS,EAAE,EAAE,CAAC,eAAe,EAAE,EAAE,KAAK,CAAC,GACtC,CACF,CAAC,CAAC,CAAC,CACH,gBACC,IAAI,EAAC,MAAM,EACX,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,eAAe,EAAE,GAC3B,CACF,IACa,CACf,CAAC;AACH,CAAC,CAAC"}
1
+ {"version":3,"file":"text-input.js","sourceRoot":"","sources":["../../../../src/components/form-elements/text-input/text-input.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE1C,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAC5C,OAAO,EAAE,EAAE,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAE9C;;;;;GAKG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EACzB,IAAI,EACJ,EAAE,GAAG,IAAI,EACT,KAAK,EACL,KAAK,EACL,QAAQ,EACR,WAAW,EACX,SAAS,GAAG,KAAK,EACjB,QAAQ,GACQ,EAAE,EAAE;IACpB,MAAM,KAAK,GAAG,GAAG,CAAC;QACjB,SAAS,EAAE,IAAI;QACf,MAAM,EAAE,UAAU;KAClB,CAAC,CAAC;IAEH,OAAO,CACN,MAAC,YAAY,eACX,KAAK,IAAI,KAAC,SAAS,IAAC,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,GAAI,EACxD,SAAS,CAAC,CAAC,CAAC,CACZ,mBACC,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,IAAI,EAAE,CAAC,EACP,SAAS,EAAE,EAAE,CAAC,eAAe,EAAE,EAAE,KAAK,CAAC,GACtC,CACF,CAAC,CAAC,CAAC,CACH,gBACC,IAAI,EAAC,MAAM,EACX,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,eAAe,EAAE,GAC3B,CACF,IACa,CACf,CAAC;AACH,CAAC,CAAC"}
@@ -1,5 +1,6 @@
1
1
  import { InputProps } from '../input-props.types';
2
2
  export type TextInputProps = InputProps<string> & {
3
+ /** Renders a resizable `textarea` instead of a single-line input @default `false` */
3
4
  multiline?: boolean;
4
5
  };
5
6
  //# sourceMappingURL=text-input.types.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"text-input.types.d.ts","sourceRoot":"","sources":["../../../../src/components/form-elements/text-input/text-input.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAElD,MAAM,MAAM,cAAc,GAAG,UAAU,CAAC,MAAM,CAAC,GAAG;IAC9C,SAAS,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC"}
1
+ {"version":3,"file":"text-input.types.d.ts","sourceRoot":"","sources":["../../../../src/components/form-elements/text-input/text-input.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAElD,MAAM,MAAM,cAAc,GAAG,UAAU,CAAC,MAAM,CAAC,GAAG;IACjD,qFAAqF;IACrF,SAAS,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC"}
@@ -1,6 +1,15 @@
1
1
  import { ColumnLayoutProps } from './column-layout.types';
2
2
  /**
3
- * A layout component that displays content in a responsive column grid with optional title and caption.
3
+ * Responsive image grid with an optional title and caption.
4
+ * Column count is controlled separately for medium and large viewports.
5
+ *
6
+ * @example
7
+ * <ColumnLayout
8
+ * title="Our Work"
9
+ * mdcol={2}
10
+ * lgcol={4}
11
+ * items={[{ content: { src: '/img.jpg', alt: 'Example' }, title: 'Item' }]}
12
+ * />
4
13
  */
5
- export declare const ColumnLayout: ({ title, caption, mdcol, lgcol, items }: ColumnLayoutProps) => import("react/jsx-runtime").JSX.Element;
14
+ export declare const ColumnLayout: ({ title, caption, mdcol, lgcol, items, }: ColumnLayoutProps) => import("react/jsx-runtime").JSX.Element;
6
15
  //# sourceMappingURL=column-layout.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"column-layout.d.ts","sourceRoot":"","sources":["../../../../src/components/layouts/column-layout/column-layout.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAI1D;;GAEG;AACH,eAAO,MAAM,YAAY,GAAI,yCAAiD,iBAAiB,4CAsE9F,CAAC"}
1
+ {"version":3,"file":"column-layout.d.ts","sourceRoot":"","sources":["../../../../src/components/layouts/column-layout/column-layout.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAI1D;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,YAAY,GAAI,0CAM1B,iBAAiB,4CAwEnB,CAAC"}
@@ -4,9 +4,18 @@ import { ColumnSkeleton } from './column-skeleton';
4
4
  import { H2, H3, Text } from '../../../components';
5
5
  import { css } from '../../../styled-system/css';
6
6
  /**
7
- * A layout component that displays content in a responsive column grid with optional title and caption.
7
+ * Responsive image grid with an optional title and caption.
8
+ * Column count is controlled separately for medium and large viewports.
9
+ *
10
+ * @example
11
+ * <ColumnLayout
12
+ * title="Our Work"
13
+ * mdcol={2}
14
+ * lgcol={4}
15
+ * items={[{ content: { src: '/img.jpg', alt: 'Example' }, title: 'Item' }]}
16
+ * />
8
17
  */
9
- export const ColumnLayout = ({ title, caption, mdcol = 2, lgcol = 4, items }) => {
18
+ export const ColumnLayout = ({ title, caption, mdcol = 2, lgcol = 4, items, }) => {
10
19
  const sectionStyles = css({
11
20
  width: '100%',
12
21
  marginRight: 'auto',
@@ -1 +1 @@
1
- {"version":3,"file":"column-layout.js","sourceRoot":"","sources":["../../../../src/components/layouts/column-layout/column-layout.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAEnD,OAAO,EAAE,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAC5C,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAE1C;;GAEG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,GAAG,CAAC,EAAE,KAAK,GAAG,CAAC,EAAE,KAAK,EAAqB,EAAE,EAAE;IAClG,MAAM,aAAa,GAAG,GAAG,CAAC;QACzB,KAAK,EAAE,MAAM;QACb,WAAW,EAAE,MAAM;QACnB,UAAU,EAAE,MAAM;QAClB,QAAQ,EAAE;YACT,IAAI,EAAE,MAAM;YACZ,EAAE,EAAE,wBAAwB;YAC5B,EAAE,EAAE,MAAM;SACV;QACD,YAAY,EAAE,MAAM;QACpB,WAAW,EAAE,MAAM;QACnB,UAAU,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,QAAQ,EAAE;QACxD,aAAa,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,QAAQ,EAAE;QAC3D,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,QAAQ;QACvB,cAAc,EAAE,QAAQ;QACxB,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,EAAE;KACpC,CAAC,CAAC;IAEH,MAAM,cAAc,GAAG,GAAG,CAAC;QAC1B,YAAY,EAAE,SAAS;QACvB,YAAY,EAAE,QAAQ;QACtB,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,QAAQ,EAAE,QAAQ;KAClB,CAAC,CAAC;IAEH,MAAM,eAAe,GAAG,GAAG,CAAC;QAC3B,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,YAAY,EAAE,SAAS;KACvB,CAAC,CAAC;IAEH,OAAO,CACN,mBACC,SAAS,EAAE,aAAa,EACxB,KAAK,EACJ;YACC,aAAa,EAAE,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM;SACpB,aAGxB,CAAC,KAAK,IAAI,OAAO,CAAC,IAAI,CACtB,wBACE,KAAK,IAAI,CACT,4BACC,MAAC,EAAE,eACD,KAAK,EACL,OAAO,IAAI,KAAC,IAAI,cAAE,OAAO,GAAQ,IAC9B,GACH,CACH,GACI,CACN,EACD,KAAC,cAAc,IAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,YACxC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAC3B,0BACC,cAAK,SAAS,EAAE,cAAc,YAAG,WAAW,CAAC,IAAI,CAAC,OAAO,EAAE,SAAS,EAAE,eAAe,CAAC,GAAO,EAC5F,CAAC,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,WAAW,CAAC,IAAI,CACpC,8BACE,IAAI,CAAC,KAAK,IAAI,KAAC,EAAE,cAAE,IAAI,CAAC,KAAK,GAAM,EACnC,IAAI,CAAC,WAAW,IAAI,KAAC,IAAI,cAAE,IAAI,CAAC,WAAW,GAAQ,IAClD,CACH,KAPQ,KAAK,CAQT,CACN,CAAC,GACc,IACR,CACV,CAAC;AACH,CAAC,CAAC"}
1
+ {"version":3,"file":"column-layout.js","sourceRoot":"","sources":["../../../../src/components/layouts/column-layout/column-layout.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAEnD,OAAO,EAAE,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAC5C,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAE1C;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAC5B,KAAK,EACL,OAAO,EACP,KAAK,GAAG,CAAC,EACT,KAAK,GAAG,CAAC,EACT,KAAK,GACc,EAAE,EAAE;IACvB,MAAM,aAAa,GAAG,GAAG,CAAC;QACzB,KAAK,EAAE,MAAM;QACb,WAAW,EAAE,MAAM;QACnB,UAAU,EAAE,MAAM;QAClB,QAAQ,EAAE;YACT,IAAI,EAAE,MAAM;YACZ,EAAE,EAAE,wBAAwB;YAC5B,EAAE,EAAE,MAAM;SACV;QACD,YAAY,EAAE,MAAM;QACpB,WAAW,EAAE,MAAM;QACnB,UAAU,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,QAAQ,EAAE;QACxD,aAAa,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,QAAQ,EAAE;QAC3D,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,QAAQ;QACvB,cAAc,EAAE,QAAQ;QACxB,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,EAAE;KACpC,CAAC,CAAC;IAEH,MAAM,cAAc,GAAG,GAAG,CAAC;QAC1B,YAAY,EAAE,SAAS;QACvB,YAAY,EAAE,QAAQ;QACtB,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,QAAQ,EAAE,QAAQ;KAClB,CAAC,CAAC;IAEH,MAAM,eAAe,GAAG,GAAG,CAAC;QAC3B,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,YAAY,EAAE,SAAS;KACvB,CAAC,CAAC;IAEH,OAAO,CACN,mBACC,SAAS,EAAE,aAAa,EACxB,KAAK,EACJ;YACC,aAAa,EAAE,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM;SACpB,aAGxB,CAAC,KAAK,IAAI,OAAO,CAAC,IAAI,CACtB,wBACE,KAAK,IAAI,CACT,4BACC,MAAC,EAAE,eACD,KAAK,EACL,OAAO,IAAI,KAAC,IAAI,cAAE,OAAO,GAAQ,IAC9B,GACH,CACH,GACI,CACN,EACD,KAAC,cAAc,IAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,YACxC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAC3B,0BACC,cAAK,SAAS,EAAE,cAAc,YAC5B,WAAW,CAAC,IAAI,CAAC,OAAO,EAAE,SAAS,EAAE,eAAe,CAAC,GACjD,EACL,CAAC,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,WAAW,CAAC,IAAI,CACpC,8BACE,IAAI,CAAC,KAAK,IAAI,KAAC,EAAE,cAAE,IAAI,CAAC,KAAK,GAAM,EACnC,IAAI,CAAC,WAAW,IAAI,KAAC,IAAI,cAAE,IAAI,CAAC,WAAW,GAAQ,IAClD,CACH,KATQ,KAAK,CAUT,CACN,CAAC,GACc,IACR,CACV,CAAC;AACH,CAAC,CAAC"}
@@ -1,32 +1,22 @@
1
1
  import { ImageProps } from '../../../types';
2
- /**
3
- * Props for the ColumnLayout component
4
- *
5
- * @property {string} [title] - Optional title displayed at the top of the layout
6
- * @property {string} [caption] - Optional caption displayed below the title
7
- * @property {number} mdcol - Number of columns to display at medium viewport sizes
8
- * @property {number} lgcol - Number of columns to display at large viewport sizes
9
- * @property {ColumnItem[]} items - Array of items to display in the grid
10
- */
11
2
  export type ColumnLayoutProps = {
3
+ /** Optional title displayed at the top of the layout */
12
4
  title?: string;
5
+ /** Optional caption rendered alongside the title */
13
6
  caption?: string;
7
+ /** Number of columns at medium viewport sizes @default `2` */
14
8
  mdcol: 1 | 2 | 3;
9
+ /** Number of columns at large viewport sizes @default `4` */
15
10
  lgcol: 2 | 3 | 4 | 5;
11
+ /** Items to display in the grid */
16
12
  items: ColumnItem[];
17
13
  };
18
- /**
19
- * Represents an item to be displayed in the column layout
20
- *
21
- * @property {string} [title] - Optional title for the item
22
- * @property {string} [description] - Optional description text for the item
23
- * @property {Object|ReactNode} content - Content to display for the item
24
- * @property {string} [content.src] - Source URL for image content (when content is an image)
25
- * @property {string} [content.alt] - Alt text for image content (when content is an image)
26
- */
27
14
  export type ColumnItem = {
15
+ /** Optional title rendered below the image */
28
16
  title?: string;
17
+ /** Optional description rendered below the title */
29
18
  description?: string;
19
+ /** Image to display in the column */
30
20
  content: ImageProps;
31
21
  };
32
22
  //# sourceMappingURL=column-layout.types.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"column-layout.types.d.ts","sourceRoot":"","sources":["../../../../src/components/layouts/column-layout/column-layout.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C;;;;;;;;GAQG;AACH,MAAM,MAAM,iBAAiB,GAAG;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACjB,KAAK,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACrB,KAAK,EAAE,UAAU,EAAE,CAAC;CACpB,CAAC;AAEF;;;;;;;;GAQG;AACH,MAAM,MAAM,UAAU,GAAG;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,UAAU,CAAC;CACpB,CAAC"}
1
+ {"version":3,"file":"column-layout.types.d.ts","sourceRoot":"","sources":["../../../../src/components/layouts/column-layout/column-layout.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAE5C,MAAM,MAAM,iBAAiB,GAAG;IAC/B,wDAAwD;IACxD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oDAAoD;IACpD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,8DAA8D;IAC9D,KAAK,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACjB,6DAA6D;IAC7D,KAAK,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACrB,mCAAmC;IACnC,KAAK,EAAE,UAAU,EAAE,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG;IACxB,8CAA8C;IAC9C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oDAAoD;IACpD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,qCAAqC;IACrC,OAAO,EAAE,UAAU,CAAC;CACpB,CAAC"}