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
@@ -2,7 +2,9 @@ import { NavDropdownItemProps } from './items/nav-drop-down-item/nav-drop-down-i
2
2
  import { NavIconItemProps } from './items/nav-icon-item';
3
3
  import { NavItemProps } from './items/nav-item';
4
4
  export type NavMenuProps = {
5
+ /** Logo rendered as a linked icon on the left side of the nav */
5
6
  logo?: NavIconItemProps;
7
+ /** Navigation items. Accepts standard links or dropdown menus */
6
8
  items: (NavItemProps | NavDropdownItemProps)[];
7
9
  };
8
10
  //# sourceMappingURL=nav-menu.types.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"nav-menu.types.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/nav-menu/nav-menu.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,qDAAqD,CAAC;AAC3F,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEhD,MAAM,MAAM,YAAY,GAAG;IAC1B,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB,KAAK,EAAE,CAAC,YAAY,GAAG,oBAAoB,CAAC,EAAE,CAAC;CAC/C,CAAC"}
1
+ {"version":3,"file":"nav-menu.types.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/nav-menu/nav-menu.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,qDAAqD,CAAC;AAC3F,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEhD,MAAM,MAAM,YAAY,GAAG;IAC1B,iEAAiE;IACjE,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB,iEAAiE;IACjE,KAAK,EAAE,CAAC,YAAY,GAAG,oBAAoB,CAAC,EAAE,CAAC;CAC/C,CAAC"}
@@ -13,7 +13,7 @@ export const SideNavItem = ({ title, path, icon, onClick, basePath = '' }) => {
13
13
  base: {
14
14
  display: 'flex',
15
15
  gap: '8px',
16
- width: { base: 'fit-content', lg: '75%%' },
16
+ width: '100%',
17
17
  alignItems: 'center',
18
18
  paddingX: '16px',
19
19
  paddingY: '8px',
@@ -1 +1 @@
1
- {"version":3,"file":"side-nav-item.js","sourceRoot":"","sources":["../../../../../src/components/navigation/side-nav/side-nav-item/side-nav-item.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AACtC,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,OAAO,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAE/C,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,GAAG,EAAE,EAAoB,EAAE,EAAE;IAC9F,MAAM,WAAW,GAAG,WAAW,EAAE,CAAC;IAClC,MAAM,QAAQ,GAAG,IAAI,KAAK,GAAG,IAAI,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,QAAQ,GAAG,IAAI,EAAE,CAAC;IAC5E,MAAM,QAAQ,GAAG,IAAI,KAAK,GAAG,CAAC,CAAC,CAAC,WAAW,KAAK,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC;IAE5F,MAAM,MAAM,GAAG;QACd,IAAI,EAAE,GAAG,CAAC;YACT,IAAI,EAAE;gBACL,OAAO,EAAE,MAAM;gBACf,GAAG,EAAE,KAAK;gBACV,KAAK,EAAE,EAAE,IAAI,EAAE,aAAa,EAAE,EAAE,EAAE,MAAM,EAAE;gBAC1C,UAAU,EAAE,QAAQ;gBACpB,QAAQ,EAAE,MAAM;gBAChB,QAAQ,EAAE,KAAK;gBACf,OAAO,EAAE,KAAK;gBACd,OAAO,EAAE,MAAM;gBACf,WAAW,EAAE,IAAI;gBACjB,WAAW,EAAE,YAAY;gBACzB,eAAe,EAAE,YAAY;gBAC7B,YAAY,EAAE,MAAM;gBACpB,WAAW,EAAE,OAAO;gBACpB,MAAM,EAAE;oBACP,WAAW,EAAE,cAAc;oBAC3B,KAAK,EAAE,cAAc;iBACrB;aACD;YACD,QAAQ,EAAE;gBACT,QAAQ,EAAE;oBACT,IAAI,EAAE;wBACL,KAAK,EAAE,eAAe;wBACtB,eAAe,EAAE,cAAc;wBAC/B,WAAW,EAAE,cAAc;wBAC3B,MAAM,EAAE,EAAE,eAAe,EAAE,eAAe,EAAE,KAAK,EAAE,eAAe,EAAE;qBACpE;oBACD,KAAK,EAAE;wBACN,KAAK,EAAE,eAAe;wBACtB,eAAe,EAAE,YAAY;qBAC7B;iBACD;aACD;SACD,CAAC;QACF,YAAY,EAAE,GAAG,CAAC;YACjB,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,OAAO,EAAE;YACtC,KAAK,EAAE,SAAS;SAChB,CAAC;KACF,CAAC;IAEF,OAAO,CACN,MAAC,WAAW,IAAC,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,CAAC,IAAI,CAAC,EAAE,QAAQ,EAAE,CAAC,EAAE,OAAO,EAAE,OAAO,aAClF,KAAC,IAAI,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,MAAM,EAAE,QAAQ,GAAI,EAChD,YAAG,SAAS,EAAE,MAAM,CAAC,YAAY,YAAG,KAAK,GAAK,IACjC,CACd,CAAC;AACH,CAAC,CAAC"}
1
+ {"version":3,"file":"side-nav-item.js","sourceRoot":"","sources":["../../../../../src/components/navigation/side-nav/side-nav-item/side-nav-item.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AACtC,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,OAAO,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAE/C,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,GAAG,EAAE,EAAoB,EAAE,EAAE;IAC9F,MAAM,WAAW,GAAG,WAAW,EAAE,CAAC;IAClC,MAAM,QAAQ,GAAG,IAAI,KAAK,GAAG,IAAI,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,QAAQ,GAAG,IAAI,EAAE,CAAC;IAC5E,MAAM,QAAQ,GAAG,IAAI,KAAK,GAAG,CAAC,CAAC,CAAC,WAAW,KAAK,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC;IAE5F,MAAM,MAAM,GAAG;QACd,IAAI,EAAE,GAAG,CAAC;YACT,IAAI,EAAE;gBACL,OAAO,EAAE,MAAM;gBACf,GAAG,EAAE,KAAK;gBACV,KAAK,EAAE,MAAM;gBACb,UAAU,EAAE,QAAQ;gBACpB,QAAQ,EAAE,MAAM;gBAChB,QAAQ,EAAE,KAAK;gBACf,OAAO,EAAE,KAAK;gBACd,OAAO,EAAE,MAAM;gBACf,WAAW,EAAE,IAAI;gBACjB,WAAW,EAAE,YAAY;gBACzB,eAAe,EAAE,YAAY;gBAC7B,YAAY,EAAE,MAAM;gBACpB,WAAW,EAAE,OAAO;gBACpB,MAAM,EAAE;oBACP,WAAW,EAAE,cAAc;oBAC3B,KAAK,EAAE,cAAc;iBACrB;aACD;YACD,QAAQ,EAAE;gBACT,QAAQ,EAAE;oBACT,IAAI,EAAE;wBACL,KAAK,EAAE,eAAe;wBACtB,eAAe,EAAE,cAAc;wBAC/B,WAAW,EAAE,cAAc;wBAC3B,MAAM,EAAE,EAAE,eAAe,EAAE,eAAe,EAAE,KAAK,EAAE,eAAe,EAAE;qBACpE;oBACD,KAAK,EAAE;wBACN,KAAK,EAAE,eAAe;wBACtB,eAAe,EAAE,YAAY;qBAC7B;iBACD;aACD;SACD,CAAC;QACF,YAAY,EAAE,GAAG,CAAC;YACjB,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,OAAO,EAAE;YACtC,KAAK,EAAE,SAAS;SAChB,CAAC;KACF,CAAC;IAEF,OAAO,CACN,MAAC,WAAW,IAAC,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,CAAC,IAAI,CAAC,EAAE,QAAQ,EAAE,CAAC,EAAE,OAAO,EAAE,OAAO,aAClF,KAAC,IAAI,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,MAAM,EAAE,QAAQ,GAAI,EAChD,YAAG,SAAS,EAAE,MAAM,CAAC,YAAY,YAAG,KAAK,GAAK,IACjC,CACd,CAAC;AACH,CAAC,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"side-nav-item.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/navigation/side-nav/side-nav-item/side-nav-item.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,MAAM,MAAM,gBAAgB,GAAG;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,SAAS,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC"}
1
+ {"version":3,"file":"side-nav-item.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/navigation/side-nav/side-nav-item/side-nav-item.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC,MAAM,MAAM,gBAAgB,GAAG;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,SAAS,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC"}
@@ -1,7 +1,13 @@
1
1
  import { SideNavProps } from './side-nav.types';
2
2
  /**
3
- * Standard User Dashboard for navigating between application views
4
- * @returns {JSX.Element} Standard Dashboard Menu
3
+ * Vertical side navigation for dashboards. Collapses to a narrow icon-only rail on small screens.
4
+ *
5
+ * @example
6
+ * <SideNav
7
+ * logo={<Logo />}
8
+ * links={[{ title: 'Dashboard', href: '/dashboard', icon: 'House' }]}
9
+ * basePath="/app"
10
+ * />
5
11
  */
6
12
  export declare const SideNav: ({ logo, links, controls, basePath }: SideNavProps) => import("react/jsx-runtime").JSX.Element;
7
13
  //# sourceMappingURL=side-nav.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"side-nav.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/side-nav/side-nav.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEhD;;;GAGG;AACH,eAAO,MAAM,OAAO,GAAI,qCAA0C,YAAY,4CA0B7E,CAAC"}
1
+ {"version":3,"file":"side-nav.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/side-nav/side-nav.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEhD;;;;;;;;;GASG;AACH,eAAO,MAAM,OAAO,GAAI,qCAA0C,YAAY,4CA0B7E,CAAC"}
@@ -3,8 +3,14 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
3
3
  import { css } from '../../../styled-system/css';
4
4
  import { SideNavItem } from './side-nav-item';
5
5
  /**
6
- * Standard User Dashboard for navigating between application views
7
- * @returns {JSX.Element} Standard Dashboard Menu
6
+ * Vertical side navigation for dashboards. Collapses to a narrow icon-only rail on small screens.
7
+ *
8
+ * @example
9
+ * <SideNav
10
+ * logo={<Logo />}
11
+ * links={[{ title: 'Dashboard', href: '/dashboard', icon: 'House' }]}
12
+ * basePath="/app"
13
+ * />
8
14
  */
9
15
  export const SideNav = ({ logo, links, controls, basePath = '' }) => {
10
16
  const styles = {
@@ -1 +1 @@
1
- {"version":3,"file":"side-nav.js","sourceRoot":"","sources":["../../../../src/components/navigation/side-nav/side-nav.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAG9C;;;GAGG;AACH,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,GAAG,EAAE,EAAgB,EAAE,EAAE;IACjF,MAAM,MAAM,GAAG;QACd,MAAM,EAAE,GAAG,CAAC;YACX,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,OAAO,EAAE;YACpC,OAAO,EAAE,MAAM;YACf,aAAa,EAAE,QAAQ;YACvB,GAAG,EAAE,MAAM;YACX,QAAQ,EAAE,KAAK;SACf,CAAC;QACF,UAAU,EAAE,GAAG,CAAC;YACf,OAAO,EAAE,MAAM;YACf,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE;YAClC,OAAO,EAAE,MAAM;YACf,aAAa,EAAE,QAAQ;SACvB,CAAC;KACF,CAAC;IACF,OAAO,CACN,eAAK,SAAS,EAAE,MAAM,CAAC,MAAM,aAC3B,IAAI,IAAI,IAAI,EACb,cAAK,SAAS,EAAE,MAAM,CAAC,UAAU,YAC/B,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACpB,KAAC,WAAW,OAAsB,IAAI,EAAE,QAAQ,EAAE,QAAQ,IAAxC,IAAI,CAAC,KAAK,CAAkC,CAC9D,CAAC,GACG,IACD,CACN,CAAC;AACH,CAAC,CAAC"}
1
+ {"version":3,"file":"side-nav.js","sourceRoot":"","sources":["../../../../src/components/navigation/side-nav/side-nav.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAG9C;;;;;;;;;GASG;AACH,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,GAAG,EAAE,EAAgB,EAAE,EAAE;IACjF,MAAM,MAAM,GAAG;QACd,MAAM,EAAE,GAAG,CAAC;YACX,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,OAAO,EAAE;YACpC,OAAO,EAAE,MAAM;YACf,aAAa,EAAE,QAAQ;YACvB,GAAG,EAAE,MAAM;YACX,QAAQ,EAAE,KAAK;SACf,CAAC;QACF,UAAU,EAAE,GAAG,CAAC;YACf,OAAO,EAAE,MAAM;YACf,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE;YAClC,OAAO,EAAE,MAAM;YACf,aAAa,EAAE,QAAQ;SACvB,CAAC;KACF,CAAC;IACF,OAAO,CACN,eAAK,SAAS,EAAE,MAAM,CAAC,MAAM,aAC3B,IAAI,IAAI,IAAI,EACb,cAAK,SAAS,EAAE,MAAM,CAAC,UAAU,YAC/B,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACpB,KAAC,WAAW,OAAsB,IAAI,EAAE,QAAQ,EAAE,QAAQ,IAAxC,IAAI,CAAC,KAAK,CAAkC,CAC9D,CAAC,GACG,IACD,CACN,CAAC;AACH,CAAC,CAAC"}
@@ -1,9 +1,13 @@
1
1
  import { ReactNode } from 'react';
2
2
  import { SideNavItemProps } from './side-nav-item';
3
3
  export type SideNavProps = {
4
+ /** Logo or branding element rendered at the top of the nav */
4
5
  logo?: ReactNode;
6
+ /** Navigation links */
5
7
  links: SideNavItemProps[];
8
+ /** Optional controls rendered at the bottom of the nav */
6
9
  controls?: ReactNode;
10
+ /** Base path prepended to all link hrefs @default `''` */
7
11
  basePath?: string;
8
12
  };
9
13
  //# sourceMappingURL=side-nav.types.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"side-nav.types.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/side-nav/side-nav.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AACnD,MAAM,MAAM,YAAY,GAAG;IACvB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,gBAAgB,EAAE,CAAC;IAC1B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC"}
1
+ {"version":3,"file":"side-nav.types.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/side-nav/side-nav.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAEnD,MAAM,MAAM,YAAY,GAAG;IAC1B,8DAA8D;IAC9D,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,uBAAuB;IACvB,KAAK,EAAE,gBAAgB,EAAE,CAAC;IAC1B,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC"}
@@ -1,3 +1,9 @@
1
1
  import { PageHeaderProps } from './page-header.types';
2
+ /**
3
+ * Page-level header with a title, optional caption, and a divider.
4
+ *
5
+ * @example
6
+ * <PageHeader title="Our Team" caption="Meet the people behind the product." center />
7
+ */
2
8
  export declare const PageHeader: ({ title, caption, center }: PageHeaderProps) => import("react/jsx-runtime").JSX.Element;
3
9
  //# sourceMappingURL=page-header.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"page-header.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/page-header/page-header.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAItD,eAAO,MAAM,UAAU,GAAI,4BAA4B,eAAe,4CAqCrE,CAAC"}
1
+ {"version":3,"file":"page-header.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/page-header/page-header.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAItD;;;;;GAKG;AACH,eAAO,MAAM,UAAU,GAAI,4BAA4B,eAAe,4CAqCrE,CAAC"}
@@ -2,6 +2,12 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
2
2
  import { css, cx } from '../../../styled-system/css';
3
3
  import { container } from '../../../styled-system/patterns';
4
4
  import { Divider, Subtitle, Title } from '../../../components';
5
+ /**
6
+ * Page-level header with a title, optional caption, and a divider.
7
+ *
8
+ * @example
9
+ * <PageHeader title="Our Team" caption="Meet the people behind the product." center />
10
+ */
5
11
  export const PageHeader = ({ title, caption, center }) => {
6
12
  const styles = {
7
13
  container: cx(container(), css({
@@ -1 +1 @@
1
- {"version":3,"file":"page-header.js","sourceRoot":"","sources":["../../../../src/components/typography/page-header/page-header.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAO,EAAE,EAAE,MAAM,qBAAqB,CAAC;AAEnD,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AACrD,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AAExD,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAmB,EAAE,EAAE;IACzE,MAAM,MAAM,GAAG;QACd,SAAS,EAAE,EAAE,CACZ,SAAS,EAAE,EACX,GAAG,CAAC;YACH,OAAO,EAAE,MAAM;SACf,CAAC,CACF;QACD,OAAO,EAAE,GAAG,CAAC;YACZ,KAAK,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE;YACpB,QAAQ,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE;YACvB,OAAO,EAAE,MAAM;SACf,CAAC;QACF,MAAM,EAAE,GAAG,CAAC;YACX,OAAO,EAAE,cAAc;YACvB,WAAW,EAAE,MAAM;SACnB,CAAC;KACF,CAAC;IACF,OAAO,CACN,eAAK,SAAS,EAAE,MAAM,CAAC,SAAS,aAC/B,KAAC,KAAK,IAAC,KAAK,EAAC,QAAQ,EAAC,MAAM,kBAC1B,KAAK,GACC,EACP,OAAO,IAAI,CACX,8BACC,cAAM,EACN,cAAK,SAAS,EAAE,MAAM,CAAC,OAAO,YAC7B,MAAC,QAAQ,IAAC,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,aACzC,CAAC,MAAM,IAAI,eAAM,SAAS,EAAE,MAAM,CAAC,MAAM,GAAS,EAClD,OAAO,IACE,GACN,IACJ,CACH,EACD,KAAC,OAAO,IAAC,KAAK,EAAC,KAAK,GAAG,IAClB,CACN,CAAC;AACH,CAAC,CAAC"}
1
+ {"version":3,"file":"page-header.js","sourceRoot":"","sources":["../../../../src/components/typography/page-header/page-header.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAO,EAAE,EAAE,MAAM,qBAAqB,CAAC;AAEnD,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AACrD,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AAExD;;;;;GAKG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAmB,EAAE,EAAE;IACzE,MAAM,MAAM,GAAG;QACd,SAAS,EAAE,EAAE,CACZ,SAAS,EAAE,EACX,GAAG,CAAC;YACH,OAAO,EAAE,MAAM;SACf,CAAC,CACF;QACD,OAAO,EAAE,GAAG,CAAC;YACZ,KAAK,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE;YACpB,QAAQ,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE;YACvB,OAAO,EAAE,MAAM;SACf,CAAC;QACF,MAAM,EAAE,GAAG,CAAC;YACX,OAAO,EAAE,cAAc;YACvB,WAAW,EAAE,MAAM;SACnB,CAAC;KACF,CAAC;IACF,OAAO,CACN,eAAK,SAAS,EAAE,MAAM,CAAC,SAAS,aAC/B,KAAC,KAAK,IAAC,KAAK,EAAC,QAAQ,EAAC,MAAM,kBAC1B,KAAK,GACC,EACP,OAAO,IAAI,CACX,8BACC,cAAM,EACN,cAAK,SAAS,EAAE,MAAM,CAAC,OAAO,YAC7B,MAAC,QAAQ,IAAC,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,aACzC,CAAC,MAAM,IAAI,eAAM,SAAS,EAAE,MAAM,CAAC,MAAM,GAAS,EAClD,OAAO,IACE,GACN,IACJ,CACH,EACD,KAAC,OAAO,IAAC,KAAK,EAAC,KAAK,GAAG,IAClB,CACN,CAAC;AACH,CAAC,CAAC"}
@@ -1,6 +1,9 @@
1
1
  export type PageHeaderProps = {
2
+ /** Page heading */
2
3
  title: string;
4
+ /** Optional caption rendered below the title */
3
5
  caption?: string;
6
+ /** Centers the caption text @default `false` */
4
7
  center?: boolean;
5
8
  };
6
9
  //# sourceMappingURL=page-header.types.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"page-header.types.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/page-header/page-header.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,eAAe,GAAG;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC"}
1
+ {"version":3,"file":"page-header.types.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/page-header/page-header.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,eAAe,GAAG;IAC7B,mBAAmB;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,gDAAgD;IAChD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,gDAAgD;IAChD,MAAM,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC"}
@@ -3,25 +3,80 @@ import { ExpandedUtilitySizes } from '../../types/theme/theme.types';
3
3
  import { ReactNode } from 'react';
4
4
  export type TypographyProps = {
5
5
  children: ReactNode;
6
+ /** Text alignment @default `'left'` */
6
7
  align?: 'left' | 'center';
8
+ /** Text color variant @default `'standard'` */
7
9
  color?: ColoredTextOptions;
10
+ /** Removes bottom margin when true @default `false` */
8
11
  inline?: boolean;
9
12
  };
13
+ /**
14
+ * Display-level heading. Renders as `h1` at 3rem/700 weight.
15
+ *
16
+ * @example
17
+ * <Title align="center">Welcome</Title>
18
+ */
10
19
  export declare const Title: ({ children, align, inline, color, }: TypographyProps) => import("react/jsx-runtime").JSX.Element;
20
+ /**
21
+ * Primary heading. Renders as `h1` at 2rem/600 weight.
22
+ *
23
+ * @example
24
+ * <H1>Page Title</H1>
25
+ */
11
26
  export declare const H1: ({ children, align, color, inline, }: TypographyProps) => import("react/jsx-runtime").JSX.Element;
27
+ /**
28
+ * Secondary heading. Renders as `h2` at 1.5rem/600 weight.
29
+ *
30
+ * @example
31
+ * <H2>Section Title</H2>
32
+ */
12
33
  export declare const H2: ({ children, align, color, inline, }: TypographyProps) => import("react/jsx-runtime").JSX.Element;
34
+ /**
35
+ * Tertiary heading. Renders as `h3` at 1.25rem/600 weight.
36
+ *
37
+ * @example
38
+ * <H3>Subsection Title</H3>
39
+ */
13
40
  export declare const H3: ({ children, align, color, inline, }: TypographyProps) => import("react/jsx-runtime").JSX.Element;
14
41
  export type TextProps = TypographyProps & {
42
+ /** Applies semibold weight @default `false` */
15
43
  bold?: boolean;
44
+ /** Font size @default `'md'` */
16
45
  size?: keyof Pick<ExpandedUtilitySizes, 'xxs' | 'xs' | 'sm' | 'md'>;
17
46
  };
47
+ /**
48
+ * Body text. Renders as `p` by default or `span` when `inline` is true.
49
+ *
50
+ * @example
51
+ * <Text size="sm" bold>Important note</Text>
52
+ */
18
53
  export declare const Text: ({ children, align, inline, color, bold, size, }: TextProps) => import("react/jsx-runtime").JSX.Element;
54
+ /**
55
+ * Secondary text rendered as an inline `span`. Fluid font size between 0.875rem and 1.5rem.
56
+ *
57
+ * @example
58
+ * <Subtitle>Last updated March 2025</Subtitle>
59
+ */
19
60
  export declare const Subtitle: ({ children, align, color, }: TypographyProps) => import("react/jsx-runtime").JSX.Element;
20
61
  export type ListProps = Omit<TextProps, 'bold' | 'children' | 'inline'> & {
62
+ /** Items to render in the list */
21
63
  items: Array<string | ReactNode>;
64
+ /** List marker style @default `'disc'` */
22
65
  decoration?: 'disc' | 'circle' | 'square' | 'blank' | 'none';
23
66
  };
67
+ /**
68
+ * Unordered list with configurable marker style, size, and color.
69
+ *
70
+ * @example
71
+ * <List items={['Apples', 'Oranges', 'Bananas']} decoration="circle" />
72
+ */
24
73
  export declare const List: ({ align, color, size, items, decoration, }: ListProps) => import("react/jsx-runtime").JSX.Element;
25
74
  export type OrderedListProps = Omit<ListProps, 'decoration'>;
75
+ /**
76
+ * Ordered list with decimal numbering.
77
+ *
78
+ * @example
79
+ * <OrderedList items={['First', 'Second', 'Third']} />
80
+ */
26
81
  export declare const OrderedList: ({ align, color, size, items, }: OrderedListProps) => import("react/jsx-runtime").JSX.Element;
27
82
  //# sourceMappingURL=typography.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"typography.d.ts","sourceRoot":"","sources":["../../../src/components/typography/typography.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAC7C,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AAEjE,OAAO,EAAiB,SAAS,EAAE,MAAM,OAAO,CAAC;AAEjD,MAAM,MAAM,eAAe,GAAG;IAC7B,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;IAC1B,KAAK,CAAC,EAAE,kBAAkB,CAAC;IAC3B,MAAM,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC;AAEF,eAAO,MAAM,KAAK,GAAI,qCAKnB,eAAe,4CAUjB,CAAC;AAEF,eAAO,MAAM,EAAE,GAAI,qCAKhB,eAAe,4CAUjB,CAAC;AAEF,eAAO,MAAM,EAAE,GAAI,qCAKhB,eAAe,4CAUjB,CAAC;AAEF,eAAO,MAAM,EAAE,GAAI,qCAKhB,eAAe,4CAUjB,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG,eAAe,GAAG;IACzC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,IAAI,CAAC,oBAAoB,EAAE,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC,CAAC;CACpE,CAAC;AASF,eAAO,MAAM,IAAI,GAAI,iDAOlB,SAAS,4CAWX,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,6BAItB,eAAe,4CASjB,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG,IAAI,CAAC,SAAS,EAAE,MAAM,GAAG,UAAU,GAAG,QAAQ,CAAC,GAAG;IACzE,KAAK,EAAE,KAAK,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;IACjC,UAAU,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;CAC7D,CAAC;AAEF,eAAO,MAAM,IAAI,GAAI,4CAMlB,SAAS,4CAmBX,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAAC,SAAS,EAAE,YAAY,CAAC,CAAC;AAE7D,eAAO,MAAM,WAAW,GAAI,gCAKzB,gBAAgB,4CAmBlB,CAAC"}
1
+ {"version":3,"file":"typography.d.ts","sourceRoot":"","sources":["../../../src/components/typography/typography.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAC7C,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AAEjE,OAAO,EAAiB,SAAS,EAAE,MAAM,OAAO,CAAC;AAEjD,MAAM,MAAM,eAAe,GAAG;IAC7B,QAAQ,EAAE,SAAS,CAAC;IACpB,uCAAuC;IACvC,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;IAC1B,+CAA+C;IAC/C,KAAK,CAAC,EAAE,kBAAkB,CAAC;IAC3B,uDAAuD;IACvD,MAAM,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,KAAK,GAAI,qCAKnB,eAAe,4CAUjB,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,EAAE,GAAI,qCAKhB,eAAe,4CAUjB,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,EAAE,GAAI,qCAKhB,eAAe,4CAUjB,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,EAAE,GAAI,qCAKhB,eAAe,4CAUjB,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG,eAAe,GAAG;IACzC,+CAA+C;IAC/C,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,gCAAgC;IAChC,IAAI,CAAC,EAAE,MAAM,IAAI,CAAC,oBAAoB,EAAE,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC,CAAC;CACpE,CAAC;AASF;;;;;GAKG;AACH,eAAO,MAAM,IAAI,GAAI,iDAOlB,SAAS,4CAWX,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,QAAQ,GAAI,6BAItB,eAAe,4CASjB,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG,IAAI,CAAC,SAAS,EAAE,MAAM,GAAG,UAAU,GAAG,QAAQ,CAAC,GAAG;IACzE,kCAAkC;IAClC,KAAK,EAAE,KAAK,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;IACjC,0CAA0C;IAC1C,UAAU,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;CAC7D,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,IAAI,GAAI,4CAMlB,SAAS,4CAmBX,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAAC,SAAS,EAAE,YAAY,CAAC,CAAC;AAE7D;;;;;GAKG;AACH,eAAO,MAAM,WAAW,GAAI,gCAKzB,gBAAgB,4CAmBlB,CAAC"}
@@ -1,5 +1,11 @@
1
1
  import { jsx as _jsx } from "react/jsx-runtime";
2
2
  import { getColoredTextColor } from '../../utils';
3
+ /**
4
+ * Display-level heading. Renders as `h1` at 3rem/700 weight.
5
+ *
6
+ * @example
7
+ * <Title align="center">Welcome</Title>
8
+ */
3
9
  export const Title = ({ children, align = 'left', inline = false, color = 'standard', }) => {
4
10
  const styles = {
5
11
  fontSize: '3rem',
@@ -11,6 +17,12 @@ export const Title = ({ children, align = 'left', inline = false, color = 'stand
11
17
  };
12
18
  return _jsx("h1", { style: styles, children: children });
13
19
  };
20
+ /**
21
+ * Primary heading. Renders as `h1` at 2rem/600 weight.
22
+ *
23
+ * @example
24
+ * <H1>Page Title</H1>
25
+ */
14
26
  export const H1 = ({ children, align = 'left', color = 'standard', inline = false, }) => {
15
27
  const styles = {
16
28
  fontSize: '2rem',
@@ -22,6 +34,12 @@ export const H1 = ({ children, align = 'left', color = 'standard', inline = fals
22
34
  };
23
35
  return _jsx("h1", { style: styles, children: children });
24
36
  };
37
+ /**
38
+ * Secondary heading. Renders as `h2` at 1.5rem/600 weight.
39
+ *
40
+ * @example
41
+ * <H2>Section Title</H2>
42
+ */
25
43
  export const H2 = ({ children, align = 'left', color = 'standard', inline = false, }) => {
26
44
  const styles = {
27
45
  fontSize: '1.5rem',
@@ -33,6 +51,12 @@ export const H2 = ({ children, align = 'left', color = 'standard', inline = fals
33
51
  };
34
52
  return _jsx("h2", { style: styles, children: children });
35
53
  };
54
+ /**
55
+ * Tertiary heading. Renders as `h3` at 1.25rem/600 weight.
56
+ *
57
+ * @example
58
+ * <H3>Subsection Title</H3>
59
+ */
36
60
  export const H3 = ({ children, align = 'left', color = 'standard', inline = false, }) => {
37
61
  const styles = {
38
62
  fontSize: '1.25rem',
@@ -50,6 +74,12 @@ const TEXT_SIZES = {
50
74
  sm: '0.875rem',
51
75
  md: '1rem',
52
76
  };
77
+ /**
78
+ * Body text. Renders as `p` by default or `span` when `inline` is true.
79
+ *
80
+ * @example
81
+ * <Text size="sm" bold>Important note</Text>
82
+ */
53
83
  export const Text = ({ children, align = 'left', inline = false, color = 'standard', bold = false, size = 'md', }) => {
54
84
  const Component = inline ? 'span' : 'p';
55
85
  const styles = {
@@ -61,6 +91,12 @@ export const Text = ({ children, align = 'left', inline = false, color = 'standa
61
91
  };
62
92
  return _jsx(Component, { style: styles, children: children });
63
93
  };
94
+ /**
95
+ * Secondary text rendered as an inline `span`. Fluid font size between 0.875rem and 1.5rem.
96
+ *
97
+ * @example
98
+ * <Subtitle>Last updated March 2025</Subtitle>
99
+ */
64
100
  export const Subtitle = ({ children, align = 'left', color = 'text-secondary', }) => {
65
101
  const styles = {
66
102
  display: 'block',
@@ -71,6 +107,12 @@ export const Subtitle = ({ children, align = 'left', color = 'text-secondary', }
71
107
  };
72
108
  return _jsx("span", { style: styles, children: children });
73
109
  };
110
+ /**
111
+ * Unordered list with configurable marker style, size, and color.
112
+ *
113
+ * @example
114
+ * <List items={['Apples', 'Oranges', 'Bananas']} decoration="circle" />
115
+ */
74
116
  export const List = ({ align = 'left', color = 'standard', size = 'md', items, decoration = 'disc', }) => {
75
117
  const styles = {
76
118
  fontSize: TEXT_SIZES[size],
@@ -82,6 +124,12 @@ export const List = ({ align = 'left', color = 'standard', size = 'md', items, d
82
124
  };
83
125
  return (_jsx("ul", { style: { padding: 0 }, children: items.map((item, index) => (_jsx("li", { style: styles, children: item }, index))) }));
84
126
  };
127
+ /**
128
+ * Ordered list with decimal numbering.
129
+ *
130
+ * @example
131
+ * <OrderedList items={['First', 'Second', 'Third']} />
132
+ */
85
133
  export const OrderedList = ({ align = 'left', color = 'standard', size = 'md', items, }) => {
86
134
  const styles = {
87
135
  fontSize: TEXT_SIZES[size],
@@ -1 +1 @@
1
- {"version":3,"file":"typography.js","sourceRoot":"","sources":["../../../src/components/typography/typography.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"typography.js","sourceRoot":"","sources":["../../../src/components/typography/typography.tsx"],"names":[],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"button-recipe.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/button/button-recipe.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,YAAY,mFA6OvB,CAAC"}
1
+ {"version":3,"file":"button-recipe.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/button/button-recipe.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,YAAY,mFA8OvB,CAAC"}
@@ -12,6 +12,7 @@ export const buttonRecipe = defineRecipe({
12
12
  alignItems: 'center',
13
13
  cursor: 'pointer',
14
14
  userSelect: 'none',
15
+ height: 'fit-content',
15
16
  },
16
17
  variants: {
17
18
  color: {
@@ -1 +1 @@
1
- {"version":3,"file":"button-recipe.js","sourceRoot":"","sources":["../../../../src/components/ui/button/button-recipe.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"button-recipe.js","sourceRoot":"","sources":["../../../../src/components/ui/button/button-recipe.ts"],"names":[],"mappings":"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"}
@@ -1,3 +1,11 @@
1
1
  import { ButtonProps } from './button.types';
2
+ /**
3
+ * Button with color, size, and full-width variants.
4
+ *
5
+ * @example
6
+ * <Button color="primary" size="md" onClick={handleSubmit}>
7
+ * Save Changes
8
+ * </Button>
9
+ */
2
10
  export declare const Button: ({ children, fullWidth, color, size, onClick, type, margin, disabled, }: ButtonProps) => import("react/jsx-runtime").JSX.Element;
3
11
  //# sourceMappingURL=button.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/button/button.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,eAAO,MAAM,MAAM,GAAI,wEASpB,WAAW,4CAab,CAAC"}
1
+ {"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/button/button.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C;;;;;;;GAOG;AACH,eAAO,MAAM,MAAM,GAAI,wEASpB,WAAW,4CAkBb,CAAC"}
@@ -1,5 +1,13 @@
1
1
  import { jsx as _jsx } from "react/jsx-runtime";
2
2
  import { button } from '../../../styled-system/recipes';
3
+ /**
4
+ * Button with color, size, and full-width variants.
5
+ *
6
+ * @example
7
+ * <Button color="primary" size="md" onClick={handleSubmit}>
8
+ * Save Changes
9
+ * </Button>
10
+ */
3
11
  export const Button = ({ children, fullWidth = false, color = 'primary', size = 'md', onClick, type = 'button', margin, disabled = false, }) => {
4
12
  const buttonClasses = button({
5
13
  color,
@@ -1 +1 @@
1
- {"version":3,"file":"button.js","sourceRoot":"","sources":["../../../../src/components/ui/button/button.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AAGjD,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,EACtB,QAAQ,EACR,SAAS,GAAG,KAAK,EACjB,KAAK,GAAG,SAAS,EACjB,IAAI,GAAG,IAAI,EACX,OAAO,EACP,IAAI,GAAG,QAAQ,EACf,MAAM,EACN,QAAQ,GAAG,KAAK,GACH,EAAE,EAAE;IACjB,MAAM,aAAa,GAAG,MAAM,CAAC;QAC5B,KAAK;QACL,IAAI;QACJ,SAAS;QACT,QAAQ;KACR,CAAC,CAAC;IAEH,OAAO,CACN,iBAAQ,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,aAAa,EAAE,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,SAAS,YAC3H,QAAQ,GACD,CACT,CAAC;AACH,CAAC,CAAC"}
1
+ {"version":3,"file":"button.js","sourceRoot":"","sources":["../../../../src/components/ui/button/button.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AAGjD;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,EACtB,QAAQ,EACR,SAAS,GAAG,KAAK,EACjB,KAAK,GAAG,SAAS,EACjB,IAAI,GAAG,IAAI,EACX,OAAO,EACP,IAAI,GAAG,QAAQ,EACf,MAAM,EACN,QAAQ,GAAG,KAAK,GACH,EAAE,EAAE;IACjB,MAAM,aAAa,GAAG,MAAM,CAAC;QAC5B,KAAK;QACL,IAAI;QACJ,SAAS;QACT,QAAQ;KACR,CAAC,CAAC;IAEH,OAAO,CACN,iBACC,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,aAAa,EACxB,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,EACvC,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,SAAS,YAErC,QAAQ,GACD,CACT,CAAC;AACH,CAAC,CAAC"}
@@ -1,12 +1,19 @@
1
1
  import { ReactNode } from 'react';
2
2
  import { UtilityColorOptions, UtilitySizeOptions } from '../../../types';
3
3
  export type ButtonProps = {
4
+ /** Stretches the button to fill its container @default `false` */
4
5
  fullWidth?: boolean;
6
+ /** Color variant @default `'primary'` */
5
7
  color?: Exclude<UtilityColorOptions, 'text'>;
8
+ /** HTML button type @default `'button'` */
6
9
  type?: 'button' | 'submit' | 'reset';
10
+ /** Click handler. Not called when `disabled` is true */
7
11
  onClick?: () => void;
12
+ /** Inline margin override */
8
13
  margin?: string;
14
+ /** Size variant @default `'md'` */
9
15
  size?: UtilitySizeOptions;
16
+ /** Disables the button and suppresses click events @default `false` */
10
17
  disabled?: boolean;
11
18
  children: ReactNode;
12
19
  };
@@ -1 +1 @@
1
- {"version":3,"file":"button.types.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/button/button.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAGlE,MAAM,MAAM,WAAW,GAAG;IACzB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,OAAO,CAAC,mBAAmB,EAAE,MAAM,CAAC,CAAC;IAC7C,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;IACrC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,kBAAkB,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;CACpB,CAAC"}
1
+ {"version":3,"file":"button.types.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/button/button.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAElE,MAAM,MAAM,WAAW,GAAG;IACzB,kEAAkE;IAClE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,yCAAyC;IACzC,KAAK,CAAC,EAAE,OAAO,CAAC,mBAAmB,EAAE,MAAM,CAAC,CAAC;IAC7C,2CAA2C;IAC3C,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;IACrC,wDAAwD;IACxD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,6BAA6B;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,mCAAmC;IACnC,IAAI,CAAC,EAAE,kBAAkB,CAAC;IAC1B,uEAAuE;IACvE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;CACpB,CAAC"}
@@ -1,3 +1,11 @@
1
1
  import { CardProps } from './card.types';
2
+ /**
3
+ * General-purpose content card container with optional title, divider, shadow, and surface color variants.
4
+ *
5
+ * @example
6
+ * <Card title={{ text: 'Details', divider: true }} size="md" shadow>
7
+ * <div>Card content here</div>
8
+ * </Card>
9
+ */
2
10
  export declare const Card: ({ surfaceColor, children, size, shadow, title, }: CardProps) => import("react/jsx-runtime").JSX.Element;
3
11
  //# sourceMappingURL=card.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/card/card.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAIzC,eAAO,MAAM,IAAI,GAAI,kDAMlB,SAAS,4CAwFX,CAAC"}
1
+ {"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/card/card.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAIzC;;;;;;;GAOG;AACH,eAAO,MAAM,IAAI,GAAI,kDAMlB,SAAS,4CAwFX,CAAC"}
@@ -2,6 +2,14 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  import { cva } from '../../../styled-system/css';
3
3
  import { H3 } from '../../../components/typography';
4
4
  import { Divider } from '../divider';
5
+ /**
6
+ * General-purpose content card container with optional title, divider, shadow, and surface color variants.
7
+ *
8
+ * @example
9
+ * <Card title={{ text: 'Details', divider: true }} size="md" shadow>
10
+ * <div>Card content here</div>
11
+ * </Card>
12
+ */
5
13
  export const Card = ({ surfaceColor = 'background', children, size = 'md', shadow = true, title, }) => {
6
14
  const styles = {
7
15
  cardContainer: cva({
@@ -1 +1 @@
1
- {"version":3,"file":"card.js","sourceRoot":"","sources":["../../../../src/components/ui/card/card.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAE1C,OAAO,EAAE,EAAE,EAAE,MAAM,yBAAyB,CAAC;AAC7C,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAErC,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,EACpB,YAAY,GAAG,YAAY,EAC3B,QAAQ,EACR,IAAI,GAAG,IAAI,EACX,MAAM,GAAG,IAAI,EACb,KAAK,GACM,EAAE,EAAE;IACf,MAAM,MAAM,GAAG;QACd,aAAa,EAAE,GAAG,CAAC;YAClB,IAAI,EAAE;gBACL,WAAW,EAAE,IAAI;gBACjB,WAAW,EAAE,WAAW;gBACxB,OAAO,EAAE;oBACR,IAAI,EAAE,GAAG;iBACT;gBACD,OAAO,EAAE,MAAM;gBACf,QAAQ,EAAE,OAAO;gBACjB,KAAK,EAAE;oBACN,IAAI,EAAE,MAAM;oBACZ,EAAE,EAAE,KAAK;iBACT;aACD;YACD,QAAQ,EAAE;gBACT,IAAI,EAAE;oBACL,EAAE,EAAE;wBACH,YAAY,EAAE,IAAI;wBAClB,QAAQ,EAAE,OAAO;qBACjB;oBACD,EAAE,EAAE;wBACH,YAAY,EAAE,IAAI;qBAClB;oBACD,EAAE,EAAE;wBACH,YAAY,EAAE,IAAI;qBAClB;iBACD;gBACD,YAAY,EAAE;oBACb,UAAU,EAAE;wBACX,eAAe,EAAE,YAAY;qBAC7B;oBACD,OAAO,EAAE;wBACR,eAAe,EAAE,SAAS;qBAC1B;oBACD,QAAQ,EAAE;wBACT,eAAe,EAAE,UAAU;qBAC3B;iBACD;gBACD,MAAM,EAAE;oBACP,IAAI,EAAE;wBACL,SAAS,EAAE,+BAA+B;qBAC1C;oBACD,KAAK,EAAE;wBACN,SAAS,EAAE,MAAM;qBACjB;iBACD;aACD;YACD,eAAe,EAAE;gBAChB,IAAI,EAAE,IAAI;gBACV,YAAY,EAAE,YAAY;gBAC1B,MAAM,EAAE,IAAI;aACZ;SACD,CAAC;QACF,KAAK,EAAE,GAAG,CAAC;YACV,QAAQ,EAAE;gBACT,IAAI,EAAE;oBACL,EAAE,EAAE;wBACH,YAAY,EAAE,GAAG;qBACjB;oBACD,EAAE,EAAE;wBACH,YAAY,EAAE,GAAG;qBACjB;oBACD,EAAE,EAAE;wBACH,YAAY,EAAE,GAAG;qBACjB;iBACD;aACD;YACD,eAAe,EAAE;gBAChB,IAAI,EAAE,IAAI;aACV;SACD,CAAC;KACF,CAAC;IAEF,OAAO,CACN,eAAK,SAAS,EAAE,MAAM,CAAC,aAAa,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,MAAM,EAAE,CAAC,aAClE,KAAK,IAAI,CACT,eAAK,SAAS,EAAE,MAAM,CAAC,KAAK,CAAC,EAAE,IAAI,EAAE,CAAC,aACrC,KAAC,EAAE,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,MAAM,kBAC5B,KAAK,CAAC,IAAI,GACP,EACJ,KAAK,EAAE,OAAO,IAAI,KAAC,OAAO,KAAG,IACzB,CACN,EACD,wBAAM,QAAQ,GAAO,IAChB,CACN,CAAC;AACH,CAAC,CAAC"}
1
+ {"version":3,"file":"card.js","sourceRoot":"","sources":["../../../../src/components/ui/card/card.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAE1C,OAAO,EAAE,EAAE,EAAE,MAAM,yBAAyB,CAAC;AAC7C,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAErC;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,EACpB,YAAY,GAAG,YAAY,EAC3B,QAAQ,EACR,IAAI,GAAG,IAAI,EACX,MAAM,GAAG,IAAI,EACb,KAAK,GACM,EAAE,EAAE;IACf,MAAM,MAAM,GAAG;QACd,aAAa,EAAE,GAAG,CAAC;YAClB,IAAI,EAAE;gBACL,WAAW,EAAE,IAAI;gBACjB,WAAW,EAAE,WAAW;gBACxB,OAAO,EAAE;oBACR,IAAI,EAAE,GAAG;iBACT;gBACD,OAAO,EAAE,MAAM;gBACf,QAAQ,EAAE,OAAO;gBACjB,KAAK,EAAE;oBACN,IAAI,EAAE,MAAM;oBACZ,EAAE,EAAE,KAAK;iBACT;aACD;YACD,QAAQ,EAAE;gBACT,IAAI,EAAE;oBACL,EAAE,EAAE;wBACH,YAAY,EAAE,IAAI;wBAClB,QAAQ,EAAE,OAAO;qBACjB;oBACD,EAAE,EAAE;wBACH,YAAY,EAAE,IAAI;qBAClB;oBACD,EAAE,EAAE;wBACH,YAAY,EAAE,IAAI;qBAClB;iBACD;gBACD,YAAY,EAAE;oBACb,UAAU,EAAE;wBACX,eAAe,EAAE,YAAY;qBAC7B;oBACD,OAAO,EAAE;wBACR,eAAe,EAAE,SAAS;qBAC1B;oBACD,QAAQ,EAAE;wBACT,eAAe,EAAE,UAAU;qBAC3B;iBACD;gBACD,MAAM,EAAE;oBACP,IAAI,EAAE;wBACL,SAAS,EAAE,+BAA+B;qBAC1C;oBACD,KAAK,EAAE;wBACN,SAAS,EAAE,MAAM;qBACjB;iBACD;aACD;YACD,eAAe,EAAE;gBAChB,IAAI,EAAE,IAAI;gBACV,YAAY,EAAE,YAAY;gBAC1B,MAAM,EAAE,IAAI;aACZ;SACD,CAAC;QACF,KAAK,EAAE,GAAG,CAAC;YACV,QAAQ,EAAE;gBACT,IAAI,EAAE;oBACL,EAAE,EAAE;wBACH,YAAY,EAAE,GAAG;qBACjB;oBACD,EAAE,EAAE;wBACH,YAAY,EAAE,GAAG;qBACjB;oBACD,EAAE,EAAE;wBACH,YAAY,EAAE,GAAG;qBACjB;iBACD;aACD;YACD,eAAe,EAAE;gBAChB,IAAI,EAAE,IAAI;aACV;SACD,CAAC;KACF,CAAC;IAEF,OAAO,CACN,eAAK,SAAS,EAAE,MAAM,CAAC,aAAa,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,MAAM,EAAE,CAAC,aAClE,KAAK,IAAI,CACT,eAAK,SAAS,EAAE,MAAM,CAAC,KAAK,CAAC,EAAE,IAAI,EAAE,CAAC,aACrC,KAAC,EAAE,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,MAAM,kBAC5B,KAAK,CAAC,IAAI,GACP,EACJ,KAAK,EAAE,OAAO,IAAI,KAAC,OAAO,KAAG,IACzB,CACN,EACD,wBAAM,QAAQ,GAAO,IAChB,CACN,CAAC;AACH,CAAC,CAAC"}
@@ -1,13 +1,20 @@
1
- import { SurfaceColorOptions, UtilitySizeOptions } from '../../../types';
2
1
  import { ReactNode } from 'react';
2
+ import { SurfaceColorOptions, UtilitySizeOptions } from '../../../types';
3
3
  export type CardProps = {
4
4
  children: ReactNode;
5
+ /** Size variant controlling border radius and max width @default `'md'` */
5
6
  size?: UtilitySizeOptions;
7
+ /** Renders a subtle drop shadow @default `true` */
6
8
  shadow?: boolean;
9
+ /** Background color token @default `'background'` */
7
10
  surfaceColor?: SurfaceColorOptions;
11
+ /** Optional title rendered above the card content */
8
12
  title?: {
13
+ /** Title text */
9
14
  text: string;
15
+ /** Renders a divider below the title */
10
16
  divider?: boolean;
17
+ /** Title alignment @default `'left'` */
11
18
  align?: 'left' | 'center';
12
19
  };
13
20
  };
@@ -1 +1 @@
1
- {"version":3,"file":"card.types.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/card/card.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAClE,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,MAAM,SAAS,GAAG;IACvB,QAAQ,EAAE,SAAS,CAAC;IACpB,IAAI,CAAC,EAAE,kBAAkB,CAAC;IAC1B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,YAAY,CAAC,EAAE,mBAAmB,CAAC;IACnC,KAAK,CAAC,EAAE;QACP,IAAI,EAAE,MAAM,CAAC;QACb,OAAO,CAAC,EAAE,OAAO,CAAC;QAClB,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;KAC1B,CAAC;CACF,CAAC"}
1
+ {"version":3,"file":"card.types.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/card/card.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAElE,MAAM,MAAM,SAAS,GAAG;IACvB,QAAQ,EAAE,SAAS,CAAC;IACpB,2EAA2E;IAC3E,IAAI,CAAC,EAAE,kBAAkB,CAAC;IAC1B,mDAAmD;IACnD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,qDAAqD;IACrD,YAAY,CAAC,EAAE,mBAAmB,CAAC;IACnC,qDAAqD;IACrD,KAAK,CAAC,EAAE;QACP,iBAAiB;QACjB,IAAI,EAAE,MAAM,CAAC;QACb,wCAAwC;QACxC,OAAO,CAAC,EAAE,OAAO,CAAC;QAClB,wCAAwC;QACxC,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;KAC1B,CAAC;CACF,CAAC"}
@@ -1,3 +1,9 @@
1
1
  import { DividerProps } from './divider.types';
2
+ /**
3
+ * Horizontal rule with configurable width, vertical margin, and weight.
4
+ *
5
+ * @example
6
+ * <Divider width="50%" marginY="12px" weight="light" />
7
+ */
2
8
  export declare const Divider: ({ width, marginY, weight }: DividerProps) => import("react/jsx-runtime").JSX.Element;
3
9
  //# sourceMappingURL=divider.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"divider.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/divider/divider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAiB/C,eAAO,MAAM,OAAO,GAAI,4BAA4B,YAAY,4CAsB/D,CAAC"}
1
+ {"version":3,"file":"divider.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/divider/divider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAiB/C;;;;;GAKG;AACH,eAAO,MAAM,OAAO,GAAI,4BAA4B,YAAY,4CA2B/D,CAAC"}
@@ -12,6 +12,12 @@ const dividerWeight = cva({
12
12
  weight: 'standard',
13
13
  },
14
14
  });
15
+ /**
16
+ * Horizontal rule with configurable width, vertical margin, and weight.
17
+ *
18
+ * @example
19
+ * <Divider width="50%" marginY="12px" weight="light" />
20
+ */
15
21
  export const Divider = ({ width, marginY, weight }) => {
16
22
  const styles = {
17
23
  base: css({
@@ -1 +1 @@
1
- {"version":3,"file":"divider.js","sourceRoot":"","sources":["../../../../src/components/ui/divider/divider.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,GAAG,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAC;AAGnD,MAAM,aAAa,GAAG,GAAG,CAAC;IACzB,QAAQ,EAAE;QACT,MAAM,EAAE;YACP,KAAK,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE;YAC1B,QAAQ,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE;YAC3B,KAAK,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE;SACxB;KACD;IACD,eAAe,EAAE;QAChB,MAAM,EAAE,UAAU;KAClB;CACD,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAgB,EAAE,EAAE;IACnE,MAAM,MAAM,GAAG;QACd,IAAI,EAAE,GAAG,CAAC;YACT,OAAO,EAAE,MAAM;YACf,eAAe,EAAE,WAAW;SAC5B,CAAC;QACF,OAAO,EAAE,GAAG,CAAC;YACZ,OAAO,EAAE,MAAM;SACf,CAAC;QACF,KAAK,EAAE,GAAG,CAAC;YACV,KAAK,EAAE,KAAK;SACZ,CAAC;KACF,CAAC;IAEF,MAAM,YAAY,GAAkB;QACnC,GAAG,CAAC,KAAK,IAAI,EAAE,KAAK,EAAE,CAAC;QACvB,GAAG,CAAC,OAAO,IAAI,EAAE,SAAS,EAAE,OAAO,EAAE,YAAY,EAAE,OAAO,EAAE,CAAC;KAC7D,CAAC;IAEF,MAAM,SAAS,GAAG,EAAE,CAAC,MAAM,CAAC,IAAI,EAAE,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC,OAAO,IAAI,MAAM,CAAC,OAAO,EAAE,CAAC,KAAK,IAAI,MAAM,CAAC,KAAK,CAAC,CAAC;IAEjH,OAAO,cAAK,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,SAAS,GAAI,CAAC;AAC3D,CAAC,CAAC"}
1
+ {"version":3,"file":"divider.js","sourceRoot":"","sources":["../../../../src/components/ui/divider/divider.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,GAAG,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAC;AAGnD,MAAM,aAAa,GAAG,GAAG,CAAC;IACzB,QAAQ,EAAE;QACT,MAAM,EAAE;YACP,KAAK,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE;YAC1B,QAAQ,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE;YAC3B,KAAK,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE;SACxB;KACD;IACD,eAAe,EAAE;QAChB,MAAM,EAAE,UAAU;KAClB;CACD,CAAC,CAAC;AAEH;;;;;GAKG;AACH,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAgB,EAAE,EAAE;IACnE,MAAM,MAAM,GAAG;QACd,IAAI,EAAE,GAAG,CAAC;YACT,OAAO,EAAE,MAAM;YACf,eAAe,EAAE,WAAW;SAC5B,CAAC;QACF,OAAO,EAAE,GAAG,CAAC;YACZ,OAAO,EAAE,MAAM;SACf,CAAC;QACF,KAAK,EAAE,GAAG,CAAC;YACV,KAAK,EAAE,KAAK;SACZ,CAAC;KACF,CAAC;IAEF,MAAM,YAAY,GAAkB;QACnC,GAAG,CAAC,KAAK,IAAI,EAAE,KAAK,EAAE,CAAC;QACvB,GAAG,CAAC,OAAO,IAAI,EAAE,SAAS,EAAE,OAAO,EAAE,YAAY,EAAE,OAAO,EAAE,CAAC;KAC7D,CAAC;IAEF,MAAM,SAAS,GAAG,EAAE,CACnB,MAAM,CAAC,IAAI,EACX,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC,EACzB,CAAC,OAAO,IAAI,MAAM,CAAC,OAAO,EAC1B,CAAC,KAAK,IAAI,MAAM,CAAC,KAAK,CACtB,CAAC;IAEF,OAAO,cAAK,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,SAAS,GAAI,CAAC;AAC3D,CAAC,CAAC"}
@@ -1,6 +1,9 @@
1
1
  export type DividerProps = {
2
+ /** Width override. Defaults to `75%` */
2
3
  width?: string;
4
+ /** Vertical margin override. Defaults to `16px` */
3
5
  marginY?: string;
6
+ /** Line thickness @default `'standard'` */
4
7
  weight?: 'light' | 'standard' | 'heavy';
5
8
  };
6
9
  //# sourceMappingURL=divider.types.d.ts.map