@timmbr/ui 1.4.2 → 1.6.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 (395) hide show
  1. package/README.md +12 -10
  2. package/dist/components/Accordion/Accordion.js +1 -1
  3. package/dist/components/Accordion/Accordion.styles.d.ts.map +1 -1
  4. package/dist/components/Accordion/Accordion.styles.js +3 -3
  5. package/dist/components/Alert/Alert.js +2 -2
  6. package/dist/components/Alert/Alert.styles.d.ts +2 -2
  7. package/dist/components/Alert/Alert.styles.js +4 -4
  8. package/dist/components/AlertDialog/AlertDialog.d.ts +5 -3
  9. package/dist/components/AlertDialog/AlertDialog.d.ts.map +1 -1
  10. package/dist/components/AlertDialog/AlertDialog.js +21 -8
  11. package/dist/components/AlertDialog/AlertDialog.styles.d.ts +7 -1
  12. package/dist/components/AlertDialog/AlertDialog.styles.d.ts.map +1 -1
  13. package/dist/components/AlertDialog/AlertDialog.styles.js +29 -6
  14. package/dist/components/AlertDialog/AlertDialog.types.d.ts +19 -2
  15. package/dist/components/AlertDialog/AlertDialog.types.d.ts.map +1 -1
  16. package/dist/components/AuthModal/AuthModal.d.ts +4 -0
  17. package/dist/components/AuthModal/AuthModal.d.ts.map +1 -0
  18. package/dist/components/AuthModal/AuthModal.js +89 -0
  19. package/dist/components/AuthModal/AuthModal.labels.d.ts +6 -0
  20. package/dist/components/AuthModal/AuthModal.labels.d.ts.map +1 -0
  21. package/dist/components/AuthModal/AuthModal.labels.js +52 -0
  22. package/dist/components/AuthModal/AuthModal.styles.d.ts +12 -0
  23. package/dist/components/AuthModal/AuthModal.styles.d.ts.map +1 -0
  24. package/dist/components/AuthModal/AuthModal.styles.js +38 -0
  25. package/dist/components/AuthModal/AuthModal.types.d.ts +158 -0
  26. package/dist/components/AuthModal/AuthModal.types.d.ts.map +1 -0
  27. package/dist/components/AuthModal/index.d.ts +6 -0
  28. package/dist/components/AuthModal/index.d.ts.map +1 -0
  29. package/dist/components/AuthModal/subcomponents/AuthModalBanner.d.ts +11 -0
  30. package/dist/components/AuthModal/subcomponents/AuthModalBanner.d.ts.map +1 -0
  31. package/dist/components/AuthModal/subcomponents/AuthModalBanner.js +58 -0
  32. package/dist/components/AuthModal/subcomponents/AuthModalIdentifierForm.d.ts +11 -0
  33. package/dist/components/AuthModal/subcomponents/AuthModalIdentifierForm.d.ts.map +1 -0
  34. package/dist/components/AuthModal/subcomponents/AuthModalIdentifierForm.js +62 -0
  35. package/dist/components/AuthModal/subcomponents/AuthModalOAuth.d.ts +11 -0
  36. package/dist/components/AuthModal/subcomponents/AuthModalOAuth.d.ts.map +1 -0
  37. package/dist/components/AuthModal/subcomponents/AuthModalOAuth.js +19 -0
  38. package/dist/components/AuthModal/subcomponents/AuthModalOtpForm.d.ts +10 -0
  39. package/dist/components/AuthModal/subcomponents/AuthModalOtpForm.d.ts.map +1 -0
  40. package/dist/components/AuthModal/subcomponents/AuthModalOtpForm.js +62 -0
  41. package/dist/components/AuthModal/subcomponents/AuthModalParts.d.ts +44 -0
  42. package/dist/components/AuthModal/subcomponents/AuthModalParts.d.ts.map +1 -0
  43. package/dist/components/AuthModal/subcomponents/AuthModalParts.js +134 -0
  44. package/dist/components/AuthModal/subcomponents/AuthModalPasswordForm.d.ts +10 -0
  45. package/dist/components/AuthModal/subcomponents/AuthModalPasswordForm.d.ts.map +1 -0
  46. package/dist/components/AuthModal/subcomponents/AuthModalPasswordForm.js +54 -0
  47. package/dist/components/AuthModal/subcomponents/AuthModalSetPasswordForm.d.ts +10 -0
  48. package/dist/components/AuthModal/subcomponents/AuthModalSetPasswordForm.d.ts.map +1 -0
  49. package/dist/components/AuthModal/subcomponents/AuthModalSetPasswordForm.js +79 -0
  50. package/dist/components/AuthModal/subcomponents/AuthModalSuccess.d.ts +10 -0
  51. package/dist/components/AuthModal/subcomponents/AuthModalSuccess.d.ts.map +1 -0
  52. package/dist/components/AuthModal/subcomponents/AuthModalSuccess.js +26 -0
  53. package/dist/components/AuthModal/subcomponents/OAuthButton.d.ts +12 -0
  54. package/dist/components/AuthModal/subcomponents/OAuthButton.d.ts.map +1 -0
  55. package/dist/components/AuthModal/subcomponents/OAuthButton.js +38 -0
  56. package/dist/components/AuthModal/subcomponents/index.d.ts +9 -0
  57. package/dist/components/AuthModal/subcomponents/index.d.ts.map +1 -0
  58. package/dist/components/Avatar/Avatar.styles.d.ts +2 -2
  59. package/dist/components/Avatar/Avatar.styles.js +11 -11
  60. package/dist/components/Badge/Badge.styles.d.ts +2 -2
  61. package/dist/components/Badge/Badge.styles.d.ts.map +1 -1
  62. package/dist/components/Badge/Badge.styles.js +10 -8
  63. package/dist/components/Button/Button.d.ts.map +1 -1
  64. package/dist/components/Button/Button.js +6 -0
  65. package/dist/components/Button/Button.styles.d.ts +4 -2
  66. package/dist/components/Button/Button.styles.d.ts.map +1 -1
  67. package/dist/components/Button/Button.styles.js +29 -10
  68. package/dist/components/Card/Card.d.ts.map +1 -1
  69. package/dist/components/Card/Card.js +51 -32
  70. package/dist/components/Card/Card.styles.d.ts +32 -5
  71. package/dist/components/Card/Card.styles.d.ts.map +1 -1
  72. package/dist/components/Card/Card.styles.js +70 -11
  73. package/dist/components/Card/Card.types.d.ts +14 -3
  74. package/dist/components/Card/Card.types.d.ts.map +1 -1
  75. package/dist/components/Checkbox/Checkbox.js +4 -4
  76. package/dist/components/Checkbox/Checkbox.styles.d.ts +2 -2
  77. package/dist/components/Checkbox/Checkbox.styles.js +1 -1
  78. package/dist/components/Chip/Chip.js +1 -1
  79. package/dist/components/Chip/Chip.styles.d.ts +1 -1
  80. package/dist/components/Chip/Chip.styles.js +5 -5
  81. package/dist/components/ConfirmDialog/ConfirmDialog.d.ts +30 -0
  82. package/dist/components/ConfirmDialog/ConfirmDialog.d.ts.map +1 -0
  83. package/dist/components/ConfirmDialog/ConfirmDialog.js +57 -0
  84. package/dist/components/ConfirmDialog/index.d.ts +2 -0
  85. package/dist/components/ConfirmDialog/index.d.ts.map +1 -0
  86. package/dist/components/Container/Container.styles.d.ts +1 -1
  87. package/dist/components/DataList/DataList.d.ts +3 -1
  88. package/dist/components/DataList/DataList.d.ts.map +1 -1
  89. package/dist/components/DataList/DataList.js +53 -15
  90. package/dist/components/DataList/DataList.styles.d.ts +17 -4
  91. package/dist/components/DataList/DataList.styles.d.ts.map +1 -1
  92. package/dist/components/DataList/DataList.styles.js +56 -13
  93. package/dist/components/DataList/DataList.types.d.ts +19 -2
  94. package/dist/components/DataList/DataList.types.d.ts.map +1 -1
  95. package/dist/components/Dialog/Dialog.styles.js +6 -6
  96. package/dist/components/Divider/Divider.js +1 -1
  97. package/dist/components/Drawer/Drawer.d.ts +4 -3
  98. package/dist/components/Drawer/Drawer.d.ts.map +1 -1
  99. package/dist/components/Drawer/Drawer.js +33 -6
  100. package/dist/components/Drawer/Drawer.styles.d.ts +4 -0
  101. package/dist/components/Drawer/Drawer.styles.d.ts.map +1 -1
  102. package/dist/components/Drawer/Drawer.styles.js +9 -6
  103. package/dist/components/Drawer/Drawer.types.d.ts +1 -0
  104. package/dist/components/Drawer/Drawer.types.d.ts.map +1 -1
  105. package/dist/components/Dropdown/Dropdown.d.ts.map +1 -1
  106. package/dist/components/Dropdown/Dropdown.js +25 -12
  107. package/dist/components/Dropdown/Dropdown.styles.d.ts +5 -1
  108. package/dist/components/Dropdown/Dropdown.styles.d.ts.map +1 -1
  109. package/dist/components/Dropdown/Dropdown.styles.js +13 -3
  110. package/dist/components/Dropdown/Dropdown.types.d.ts +4 -0
  111. package/dist/components/Dropdown/Dropdown.types.d.ts.map +1 -1
  112. package/dist/components/EmptyState/EmptyState.d.ts.map +1 -1
  113. package/dist/components/EmptyState/EmptyState.js +4 -3
  114. package/dist/components/EmptyState/EmptyState.styles.d.ts +3 -2
  115. package/dist/components/EmptyState/EmptyState.styles.d.ts.map +1 -1
  116. package/dist/components/EmptyState/EmptyState.styles.js +8 -3
  117. package/dist/components/Fieldset/Fieldset.d.ts +14 -0
  118. package/dist/components/Fieldset/Fieldset.d.ts.map +1 -0
  119. package/dist/components/Fieldset/Fieldset.js +24 -0
  120. package/dist/components/Fieldset/index.d.ts +2 -0
  121. package/dist/components/Fieldset/index.d.ts.map +1 -0
  122. package/dist/components/FormActions/FormActions.d.ts +13 -0
  123. package/dist/components/FormActions/FormActions.d.ts.map +1 -0
  124. package/dist/components/FormActions/FormActions.js +24 -0
  125. package/dist/components/FormActions/index.d.ts +2 -0
  126. package/dist/components/FormActions/index.d.ts.map +1 -0
  127. package/dist/components/FormField/FormField.js +1 -1
  128. package/dist/components/Grid/Grid.d.ts +3 -1
  129. package/dist/components/Grid/Grid.d.ts.map +1 -1
  130. package/dist/components/Grid/Grid.js +31 -5
  131. package/dist/components/Grid/Grid.styles.d.ts +86 -0
  132. package/dist/components/Grid/Grid.styles.d.ts.map +1 -1
  133. package/dist/components/Grid/Grid.styles.js +85 -1
  134. package/dist/components/Grid/Grid.types.d.ts +31 -3
  135. package/dist/components/Grid/Grid.types.d.ts.map +1 -1
  136. package/dist/components/Heading/Heading.styles.d.ts +2 -2
  137. package/dist/components/Heading/Heading.styles.d.ts.map +1 -1
  138. package/dist/components/Heading/Heading.styles.js +15 -11
  139. package/dist/components/Heading/Heading.types.d.ts +1 -1
  140. package/dist/components/Heading/Heading.types.d.ts.map +1 -1
  141. package/dist/components/Icon/Icon.styles.d.ts +2 -2
  142. package/dist/components/Icon/Icon.styles.d.ts.map +1 -1
  143. package/dist/components/Icon/Icon.styles.js +12 -8
  144. package/dist/components/IconTile/IconTile.d.ts +8 -0
  145. package/dist/components/IconTile/IconTile.d.ts.map +1 -0
  146. package/dist/components/IconTile/IconTile.js +23 -0
  147. package/dist/components/IconTile/IconTile.styles.d.ts +7 -0
  148. package/dist/components/IconTile/IconTile.styles.d.ts.map +1 -0
  149. package/dist/components/IconTile/IconTile.styles.js +24 -0
  150. package/dist/components/IconTile/IconTile.types.d.ts +12 -0
  151. package/dist/components/IconTile/IconTile.types.d.ts.map +1 -0
  152. package/dist/components/IconTile/index.d.ts +4 -0
  153. package/dist/components/IconTile/index.d.ts.map +1 -0
  154. package/dist/components/ImageUpload/ImageUpload.js +6 -6
  155. package/dist/components/ImageUpload/subcomponents/ImageUploadDropzone.js +10 -10
  156. package/dist/components/ImageUpload/subcomponents/ImageUploadModal.js +8 -8
  157. package/dist/components/ImageUpload/subcomponents/ImageUploadSinglePreview.js +7 -7
  158. package/dist/components/ImageUpload/subcomponents/ImageUploadThumbnailCard.js +10 -10
  159. package/dist/components/Inline/Inline.d.ts.map +1 -1
  160. package/dist/components/Inline/Inline.js +10 -2
  161. package/dist/components/Inline/Inline.types.d.ts +6 -1
  162. package/dist/components/Inline/Inline.types.d.ts.map +1 -1
  163. package/dist/components/Input/Input.js +4 -4
  164. package/dist/components/Input/Input.styles.d.ts +1 -1
  165. package/dist/components/Input/Input.styles.js +6 -6
  166. package/dist/components/Label/Label.styles.d.ts +1 -1
  167. package/dist/components/Label/Label.styles.js +4 -4
  168. package/dist/components/LinkButton/LinkButton.d.ts.map +1 -1
  169. package/dist/components/LinkButton/LinkButton.js +2 -0
  170. package/dist/components/LinkButton/LinkButton.styles.d.ts +3 -2
  171. package/dist/components/LinkButton/LinkButton.styles.d.ts.map +1 -1
  172. package/dist/components/LinkButton/LinkButton.styles.js +12 -6
  173. package/dist/components/List/List.d.ts.map +1 -1
  174. package/dist/components/List/List.js +19 -6
  175. package/dist/components/List/List.styles.d.ts +3 -1
  176. package/dist/components/List/List.styles.d.ts.map +1 -1
  177. package/dist/components/List/List.styles.js +7 -6
  178. package/dist/components/List/List.types.d.ts +7 -0
  179. package/dist/components/List/List.types.d.ts.map +1 -1
  180. package/dist/components/MediaCard/MediaCard.d.ts +13 -0
  181. package/dist/components/MediaCard/MediaCard.d.ts.map +1 -0
  182. package/dist/components/MediaCard/MediaCard.js +123 -0
  183. package/dist/components/MediaCard/MediaCard.styles.d.ts +17 -0
  184. package/dist/components/MediaCard/MediaCard.styles.d.ts.map +1 -0
  185. package/dist/components/MediaCard/MediaCard.styles.js +57 -0
  186. package/dist/components/MediaCard/MediaCard.types.d.ts +73 -0
  187. package/dist/components/MediaCard/MediaCard.types.d.ts.map +1 -0
  188. package/dist/components/MediaCard/index.d.ts +4 -0
  189. package/dist/components/MediaCard/index.d.ts.map +1 -0
  190. package/dist/components/NavFooter/NavFooter.styles.d.ts +1 -1
  191. package/dist/components/NavFooter/NavFooter.styles.js +9 -9
  192. package/dist/components/NavFooter/subcomponents/FooterBrand.js +3 -3
  193. package/dist/components/NavFooter/subcomponents/FooterLegalBar.js +1 -1
  194. package/dist/components/NavFooter/subcomponents/FooterNavSection.js +4 -4
  195. package/dist/components/NavFooter/subcomponents/FooterNewsletter.js +7 -7
  196. package/dist/components/NavFooter/subcomponents/FooterOffice.js +5 -5
  197. package/dist/components/NavFooter/subcomponents/FooterSocial.js +3 -3
  198. package/dist/components/NavHeader/NavHeader.d.ts.map +1 -1
  199. package/dist/components/NavHeader/NavHeader.js +13 -4
  200. package/dist/components/NavHeader/NavHeader.styles.d.ts +1 -1
  201. package/dist/components/NavHeader/NavHeader.styles.js +16 -16
  202. package/dist/components/NavHeader/NavHeader.types.d.ts +41 -0
  203. package/dist/components/NavHeader/NavHeader.types.d.ts.map +1 -1
  204. package/dist/components/NavHeader/index.d.ts +1 -1
  205. package/dist/components/NavHeader/index.d.ts.map +1 -1
  206. package/dist/components/NavHeader/subcomponents/NavActionLabelSkeleton.d.ts +4 -0
  207. package/dist/components/NavHeader/subcomponents/NavActionLabelSkeleton.d.ts.map +1 -0
  208. package/dist/components/NavHeader/subcomponents/NavActionLabelSkeleton.js +16 -0
  209. package/dist/components/NavHeader/subcomponents/NavActionOverflow.d.ts.map +1 -1
  210. package/dist/components/NavHeader/subcomponents/NavActionOverflow.js +6 -5
  211. package/dist/components/NavHeader/subcomponents/NavActions.d.ts +14 -0
  212. package/dist/components/NavHeader/subcomponents/NavActions.d.ts.map +1 -1
  213. package/dist/components/NavHeader/subcomponents/NavActions.js +82 -16
  214. package/dist/components/NavHeader/subcomponents/NavBrand.d.ts.map +1 -1
  215. package/dist/components/NavHeader/subcomponents/NavBrand.js +14 -15
  216. package/dist/components/NavHeader/subcomponents/NavItems.js +3 -3
  217. package/dist/components/NavHeader/subcomponents/NavItemsOverflow.js +7 -7
  218. package/dist/components/NavHeader/subcomponents/NavMobileSearchDrawer.js +5 -5
  219. package/dist/components/NavHeader/subcomponents/NavMobileTabSlider.js +2 -2
  220. package/dist/components/NavHeader/subcomponents/NavSearch.js +5 -5
  221. package/dist/components/NavHeader/subcomponents/OfferBanner.js +1 -1
  222. package/dist/components/OtpInput/OtpInput.d.ts +4 -0
  223. package/dist/components/OtpInput/OtpInput.d.ts.map +1 -0
  224. package/dist/components/OtpInput/OtpInput.js +114 -0
  225. package/dist/components/OtpInput/OtpInput.styles.d.ts +10 -0
  226. package/dist/components/OtpInput/OtpInput.styles.d.ts.map +1 -0
  227. package/dist/components/OtpInput/OtpInput.styles.js +49 -0
  228. package/dist/components/OtpInput/OtpInput.types.d.ts +40 -0
  229. package/dist/components/OtpInput/OtpInput.types.d.ts.map +1 -0
  230. package/dist/components/OtpInput/index.d.ts +4 -0
  231. package/dist/components/OtpInput/index.d.ts.map +1 -0
  232. package/dist/components/PageHeader/PageHeader.d.ts +8 -0
  233. package/dist/components/PageHeader/PageHeader.d.ts.map +1 -0
  234. package/dist/components/PageHeader/PageHeader.js +55 -0
  235. package/dist/components/PageHeader/PageHeader.styles.d.ts +10 -0
  236. package/dist/components/PageHeader/PageHeader.styles.d.ts.map +1 -0
  237. package/dist/components/PageHeader/PageHeader.styles.js +23 -0
  238. package/dist/components/PageHeader/PageHeader.types.d.ts +24 -0
  239. package/dist/components/PageHeader/PageHeader.types.d.ts.map +1 -0
  240. package/dist/components/PageHeader/index.d.ts +4 -0
  241. package/dist/components/PageHeader/index.d.ts.map +1 -0
  242. package/dist/components/Pagination/Pagination.d.ts +9 -3
  243. package/dist/components/Pagination/Pagination.d.ts.map +1 -1
  244. package/dist/components/Pagination/Pagination.js +60 -39
  245. package/dist/components/Pagination/Pagination.styles.d.ts +1 -1
  246. package/dist/components/Pagination/Pagination.styles.js +3 -3
  247. package/dist/components/Pagination/Pagination.types.d.ts +23 -14
  248. package/dist/components/Pagination/Pagination.types.d.ts.map +1 -1
  249. package/dist/components/Popover/Popover.styles.js +1 -1
  250. package/dist/components/Price/Price.d.ts +10 -0
  251. package/dist/components/Price/Price.d.ts.map +1 -0
  252. package/dist/components/Price/Price.js +49 -0
  253. package/dist/components/Price/Price.styles.d.ts +15 -0
  254. package/dist/components/Price/Price.styles.d.ts.map +1 -0
  255. package/dist/components/Price/Price.styles.js +44 -0
  256. package/dist/components/Price/Price.types.d.ts +22 -0
  257. package/dist/components/Price/Price.types.d.ts.map +1 -0
  258. package/dist/components/Price/index.d.ts +4 -0
  259. package/dist/components/Price/index.d.ts.map +1 -0
  260. package/dist/components/Progress/Progress.js +2 -2
  261. package/dist/components/Progress/Progress.styles.d.ts +1 -1
  262. package/dist/components/Radio/Radio.js +4 -4
  263. package/dist/components/Radio/Radio.styles.d.ts +2 -2
  264. package/dist/components/Radio/Radio.styles.js +1 -1
  265. package/dist/components/RangeSlider/RangeSlider.js +3 -3
  266. package/dist/components/RangeSlider/RangeSlider.styles.js +1 -1
  267. package/dist/components/Rating/Rating.d.ts +5 -0
  268. package/dist/components/Rating/Rating.d.ts.map +1 -0
  269. package/dist/components/Rating/Rating.js +38 -0
  270. package/dist/components/Rating/Rating.styles.d.ts +6 -0
  271. package/dist/components/Rating/Rating.styles.d.ts.map +1 -0
  272. package/dist/components/Rating/Rating.styles.js +13 -0
  273. package/dist/components/Rating/Rating.types.d.ts +18 -0
  274. package/dist/components/Rating/Rating.types.d.ts.map +1 -0
  275. package/dist/components/Rating/index.d.ts +4 -0
  276. package/dist/components/Rating/index.d.ts.map +1 -0
  277. package/dist/components/ResponsiveDialog/ResponsiveDialog.d.ts +29 -0
  278. package/dist/components/ResponsiveDialog/ResponsiveDialog.d.ts.map +1 -0
  279. package/dist/components/ResponsiveDialog/ResponsiveDialog.js +74 -0
  280. package/dist/components/ResponsiveDialog/ResponsiveDialog.types.d.ts +27 -0
  281. package/dist/components/ResponsiveDialog/ResponsiveDialog.types.d.ts.map +1 -0
  282. package/dist/components/ResponsiveDialog/index.d.ts +3 -0
  283. package/dist/components/ResponsiveDialog/index.d.ts.map +1 -0
  284. package/dist/components/SectionNav/SectionNav.d.ts +12 -0
  285. package/dist/components/SectionNav/SectionNav.d.ts.map +1 -0
  286. package/dist/components/SectionNav/SectionNav.js +67 -0
  287. package/dist/components/SectionNav/SectionNav.styles.d.ts +11 -0
  288. package/dist/components/SectionNav/SectionNav.styles.d.ts.map +1 -0
  289. package/dist/components/SectionNav/SectionNav.styles.js +28 -0
  290. package/dist/components/SectionNav/SectionNav.types.d.ts +37 -0
  291. package/dist/components/SectionNav/SectionNav.types.d.ts.map +1 -0
  292. package/dist/components/SectionNav/index.d.ts +4 -0
  293. package/dist/components/SectionNav/index.d.ts.map +1 -0
  294. package/dist/components/Select/Select.js +2 -2
  295. package/dist/components/Select/Select.styles.d.ts +1 -1
  296. package/dist/components/Select/Select.styles.js +8 -8
  297. package/dist/components/SideBarNavigation/SideBarNavigation.styles.js +8 -8
  298. package/dist/components/SideBarNavigation/subcomponents/SidebarBranding.js +3 -3
  299. package/dist/components/SideBarNavigation/subcomponents/SidebarFooter.js +1 -1
  300. package/dist/components/SideBarNavigation/subcomponents/SidebarPopoverMenu.js +4 -4
  301. package/dist/components/SideBarNavigation/subcomponents/SidebarProfile.js +9 -9
  302. package/dist/components/SideBarNavigation/subcomponents/SidebarSubItem.js +2 -2
  303. package/dist/components/Skeleton/Skeleton.styles.js +1 -1
  304. package/dist/components/Spinner/Spinner.d.ts.map +1 -1
  305. package/dist/components/Spinner/Spinner.js +9 -7
  306. package/dist/components/Spinner/Spinner.styles.d.ts +8 -2
  307. package/dist/components/Spinner/Spinner.styles.d.ts.map +1 -1
  308. package/dist/components/Spinner/Spinner.styles.js +27 -24
  309. package/dist/components/Spinner/Spinner.types.d.ts +9 -0
  310. package/dist/components/Spinner/Spinner.types.d.ts.map +1 -1
  311. package/dist/components/Stack/Stack.d.ts.map +1 -1
  312. package/dist/components/Stack/Stack.js +16 -1
  313. package/dist/components/Stack/Stack.types.d.ts +14 -1
  314. package/dist/components/Stack/Stack.types.d.ts.map +1 -1
  315. package/dist/components/Stat/Stat.styles.js +4 -4
  316. package/dist/components/Stepper/Stepper.d.ts +9 -0
  317. package/dist/components/Stepper/Stepper.d.ts.map +1 -0
  318. package/dist/components/Stepper/Stepper.js +81 -0
  319. package/dist/components/Stepper/Stepper.styles.d.ts +14 -0
  320. package/dist/components/Stepper/Stepper.styles.d.ts.map +1 -0
  321. package/dist/components/Stepper/Stepper.styles.js +40 -0
  322. package/dist/components/Stepper/Stepper.types.d.ts +17 -0
  323. package/dist/components/Stepper/Stepper.types.d.ts.map +1 -0
  324. package/dist/components/Stepper/index.d.ts +4 -0
  325. package/dist/components/Stepper/index.d.ts.map +1 -0
  326. package/dist/components/Steps/Steps.d.ts +9 -0
  327. package/dist/components/Steps/Steps.d.ts.map +1 -0
  328. package/dist/components/Steps/Steps.js +81 -0
  329. package/dist/components/Steps/Steps.styles.d.ts +14 -0
  330. package/dist/components/Steps/Steps.styles.d.ts.map +1 -0
  331. package/dist/components/Steps/Steps.styles.js +40 -0
  332. package/dist/components/Steps/Steps.types.d.ts +17 -0
  333. package/dist/components/Steps/Steps.types.d.ts.map +1 -0
  334. package/dist/components/Steps/index.d.ts +4 -0
  335. package/dist/components/Steps/index.d.ts.map +1 -0
  336. package/dist/components/SubNav/SubNav.d.ts +17 -0
  337. package/dist/components/SubNav/SubNav.d.ts.map +1 -0
  338. package/dist/components/SubNav/SubNav.js +87 -0
  339. package/dist/components/SubNav/SubNav.styles.d.ts +18 -0
  340. package/dist/components/SubNav/SubNav.styles.d.ts.map +1 -0
  341. package/dist/components/SubNav/SubNav.styles.js +33 -0
  342. package/dist/components/SubNav/SubNav.types.d.ts +45 -0
  343. package/dist/components/SubNav/SubNav.types.d.ts.map +1 -0
  344. package/dist/components/SubNav/index.d.ts +4 -0
  345. package/dist/components/SubNav/index.d.ts.map +1 -0
  346. package/dist/components/Switch/Switch.js +2 -2
  347. package/dist/components/Switch/Switch.styles.d.ts +2 -2
  348. package/dist/components/Switch/Switch.styles.js +1 -1
  349. package/dist/components/Table/Table.js +1 -1
  350. package/dist/components/Table/Table.styles.d.ts +1 -1
  351. package/dist/components/Table/Table.styles.js +5 -5
  352. package/dist/components/Table/TablePagination.js +4 -4
  353. package/dist/components/Tabs/Tabs.d.ts.map +1 -1
  354. package/dist/components/Tabs/Tabs.js +75 -8
  355. package/dist/components/Tabs/Tabs.styles.d.ts +10 -2
  356. package/dist/components/Tabs/Tabs.styles.d.ts.map +1 -1
  357. package/dist/components/Tabs/Tabs.styles.js +25 -10
  358. package/dist/components/Tabs/Tabs.types.d.ts +13 -0
  359. package/dist/components/Tabs/Tabs.types.d.ts.map +1 -1
  360. package/dist/components/Text/Text.d.ts.map +1 -1
  361. package/dist/components/Text/Text.js +4 -0
  362. package/dist/components/Text/Text.styles.d.ts +4 -2
  363. package/dist/components/Text/Text.styles.d.ts.map +1 -1
  364. package/dist/components/Text/Text.styles.js +32 -16
  365. package/dist/components/Text/Text.types.d.ts +1 -1
  366. package/dist/components/Text/Text.types.d.ts.map +1 -1
  367. package/dist/components/Textarea/Textarea.js +4 -4
  368. package/dist/components/Textarea/Textarea.styles.d.ts +1 -1
  369. package/dist/components/Textarea/Textarea.styles.js +6 -6
  370. package/dist/components/Toast/Toast.js +3 -3
  371. package/dist/components/Toast/Toast.styles.js +5 -5
  372. package/dist/components/Toast/ToastContainer.js +1 -1
  373. package/dist/components/Tooltip/Tooltip.styles.js +1 -1
  374. package/dist/components/VisuallyHidden/VisuallyHidden.d.ts +8 -0
  375. package/dist/components/VisuallyHidden/VisuallyHidden.d.ts.map +1 -0
  376. package/dist/components/VisuallyHidden/VisuallyHidden.js +14 -0
  377. package/dist/components/VisuallyHidden/index.d.ts +2 -0
  378. package/dist/components/VisuallyHidden/index.d.ts.map +1 -0
  379. package/dist/index.d.ts +15 -0
  380. package/dist/index.d.ts.map +1 -1
  381. package/dist/index.js +46 -14
  382. package/dist/utils/gap.d.ts +21 -1
  383. package/dist/utils/gap.d.ts.map +1 -1
  384. package/dist/utils/gap.js +306 -46
  385. package/package.json +7 -6
  386. package/dist/components/CrossZoneLink/CrossZoneLink.d.ts +0 -10
  387. package/dist/components/CrossZoneLink/CrossZoneLink.d.ts.map +0 -1
  388. package/dist/components/CrossZoneLink/CrossZoneLink.js +0 -111
  389. package/dist/components/CrossZoneLink/CrossZoneLink.styles.d.ts +0 -8
  390. package/dist/components/CrossZoneLink/CrossZoneLink.styles.d.ts.map +0 -1
  391. package/dist/components/CrossZoneLink/CrossZoneLink.styles.js +0 -33
  392. package/dist/components/CrossZoneLink/CrossZoneLink.types.d.ts +0 -31
  393. package/dist/components/CrossZoneLink/CrossZoneLink.types.d.ts.map +0 -1
  394. package/dist/components/CrossZoneLink/index.d.ts +0 -4
  395. package/dist/components/CrossZoneLink/index.d.ts.map +0 -1
package/dist/utils/gap.js CHANGED
@@ -1,55 +1,315 @@
1
- const STANDARD_GAP_MAP = {
2
- 0: "gap-0",
3
- 1: "gap-1",
4
- 2: "gap-2",
5
- 3: "gap-3",
6
- 4: "gap-4",
7
- 5: "gap-5",
8
- 6: "gap-6",
9
- 7: "gap-7",
10
- 8: "gap-8",
11
- 9: "gap-9",
12
- 10: "gap-10",
13
- 11: "gap-11",
14
- 12: "gap-12",
15
- 14: "gap-14",
16
- 16: "gap-16",
17
- 20: "gap-20",
18
- 24: "gap-24",
19
- 28: "gap-28",
20
- 32: "gap-32",
21
- 36: "gap-36",
22
- 40: "gap-40",
23
- 44: "gap-44",
24
- 48: "gap-48",
25
- 52: "gap-52",
26
- 56: "gap-56",
27
- 60: "gap-60",
28
- 64: "gap-64",
29
- 72: "gap-72",
30
- 80: "gap-80",
31
- 96: "gap-96"
1
+ const GAP = {
2
+ "0": "gap-0",
3
+ "0.5": "gap-0.5",
4
+ "1": "gap-1",
5
+ "1.5": "gap-1.5",
6
+ "2": "gap-2",
7
+ "2.5": "gap-2.5",
8
+ "3": "gap-3",
9
+ "4": "gap-4",
10
+ "5": "gap-5",
11
+ "6": "gap-6",
12
+ "7": "gap-7",
13
+ "8": "gap-8",
14
+ "9": "gap-9",
15
+ "10": "gap-10",
16
+ "11": "gap-11",
17
+ "12": "gap-12",
18
+ "14": "gap-14",
19
+ "16": "gap-16",
20
+ "20": "gap-20",
21
+ "24": "gap-24",
22
+ "28": "gap-28",
23
+ "32": "gap-32",
24
+ "36": "gap-36",
25
+ "40": "gap-40",
26
+ "44": "gap-44",
27
+ "48": "gap-48",
28
+ "52": "gap-52",
29
+ "56": "gap-56",
30
+ "60": "gap-60",
31
+ "64": "gap-64",
32
+ "72": "gap-72",
33
+ "80": "gap-80",
34
+ "96": "gap-96"
32
35
  };
33
- function formatGap(gap) {
36
+ const GAP_X = {
37
+ "0": "gap-x-0",
38
+ "0.5": "gap-x-0.5",
39
+ "1": "gap-x-1",
40
+ "1.5": "gap-x-1.5",
41
+ "2": "gap-x-2",
42
+ "2.5": "gap-x-2.5",
43
+ "3": "gap-x-3",
44
+ "4": "gap-x-4",
45
+ "5": "gap-x-5",
46
+ "6": "gap-x-6",
47
+ "7": "gap-x-7",
48
+ "8": "gap-x-8",
49
+ "9": "gap-x-9",
50
+ "10": "gap-x-10",
51
+ "11": "gap-x-11",
52
+ "12": "gap-x-12",
53
+ "14": "gap-x-14",
54
+ "16": "gap-x-16",
55
+ "20": "gap-x-20",
56
+ "24": "gap-x-24"
57
+ };
58
+ const GAP_Y = {
59
+ "0": "gap-y-0",
60
+ "0.5": "gap-y-0.5",
61
+ "1": "gap-y-1",
62
+ "1.5": "gap-y-1.5",
63
+ "2": "gap-y-2",
64
+ "2.5": "gap-y-2.5",
65
+ "3": "gap-y-3",
66
+ "4": "gap-y-4",
67
+ "5": "gap-y-5",
68
+ "6": "gap-y-6",
69
+ "7": "gap-y-7",
70
+ "8": "gap-y-8",
71
+ "9": "gap-y-9",
72
+ "10": "gap-y-10",
73
+ "11": "gap-y-11",
74
+ "12": "gap-y-12",
75
+ "14": "gap-y-14",
76
+ "16": "gap-y-16",
77
+ "20": "gap-y-20",
78
+ "24": "gap-y-24"
79
+ };
80
+ const RESPONSIVE = {
81
+ "gap": {
82
+ sm: {
83
+ "0": "sm:gap-0",
84
+ "0.5": "sm:gap-0.5",
85
+ "1": "sm:gap-1",
86
+ "1.5": "sm:gap-1.5",
87
+ "2": "sm:gap-2",
88
+ "2.5": "sm:gap-2.5",
89
+ "3": "sm:gap-3",
90
+ "4": "sm:gap-4",
91
+ "5": "sm:gap-5",
92
+ "6": "sm:gap-6",
93
+ "8": "sm:gap-8",
94
+ "10": "sm:gap-10",
95
+ "12": "sm:gap-12",
96
+ "16": "sm:gap-16"
97
+ },
98
+ md: {
99
+ "0": "md:gap-0",
100
+ "0.5": "md:gap-0.5",
101
+ "1": "md:gap-1",
102
+ "1.5": "md:gap-1.5",
103
+ "2": "md:gap-2",
104
+ "2.5": "md:gap-2.5",
105
+ "3": "md:gap-3",
106
+ "4": "md:gap-4",
107
+ "5": "md:gap-5",
108
+ "6": "md:gap-6",
109
+ "8": "md:gap-8",
110
+ "10": "md:gap-10",
111
+ "12": "md:gap-12",
112
+ "16": "md:gap-16"
113
+ },
114
+ lg: {
115
+ "0": "lg:gap-0",
116
+ "0.5": "lg:gap-0.5",
117
+ "1": "lg:gap-1",
118
+ "1.5": "lg:gap-1.5",
119
+ "2": "lg:gap-2",
120
+ "2.5": "lg:gap-2.5",
121
+ "3": "lg:gap-3",
122
+ "4": "lg:gap-4",
123
+ "5": "lg:gap-5",
124
+ "6": "lg:gap-6",
125
+ "8": "lg:gap-8",
126
+ "10": "lg:gap-10",
127
+ "12": "lg:gap-12",
128
+ "16": "lg:gap-16"
129
+ },
130
+ xl: {
131
+ "0": "xl:gap-0",
132
+ "0.5": "xl:gap-0.5",
133
+ "1": "xl:gap-1",
134
+ "1.5": "xl:gap-1.5",
135
+ "2": "xl:gap-2",
136
+ "2.5": "xl:gap-2.5",
137
+ "3": "xl:gap-3",
138
+ "4": "xl:gap-4",
139
+ "5": "xl:gap-5",
140
+ "6": "xl:gap-6",
141
+ "8": "xl:gap-8",
142
+ "10": "xl:gap-10",
143
+ "12": "xl:gap-12",
144
+ "16": "xl:gap-16"
145
+ }
146
+ },
147
+ "gap-x": {
148
+ sm: {
149
+ "0": "sm:gap-x-0",
150
+ "0.5": "sm:gap-x-0.5",
151
+ "1": "sm:gap-x-1",
152
+ "1.5": "sm:gap-x-1.5",
153
+ "2": "sm:gap-x-2",
154
+ "2.5": "sm:gap-x-2.5",
155
+ "3": "sm:gap-x-3",
156
+ "4": "sm:gap-x-4",
157
+ "5": "sm:gap-x-5",
158
+ "6": "sm:gap-x-6",
159
+ "8": "sm:gap-x-8",
160
+ "10": "sm:gap-x-10",
161
+ "12": "sm:gap-x-12",
162
+ "16": "sm:gap-x-16"
163
+ },
164
+ md: {
165
+ "0": "md:gap-x-0",
166
+ "0.5": "md:gap-x-0.5",
167
+ "1": "md:gap-x-1",
168
+ "1.5": "md:gap-x-1.5",
169
+ "2": "md:gap-x-2",
170
+ "2.5": "md:gap-x-2.5",
171
+ "3": "md:gap-x-3",
172
+ "4": "md:gap-x-4",
173
+ "5": "md:gap-x-5",
174
+ "6": "md:gap-x-6",
175
+ "8": "md:gap-x-8",
176
+ "10": "md:gap-x-10",
177
+ "12": "md:gap-x-12",
178
+ "16": "md:gap-x-16"
179
+ },
180
+ lg: {
181
+ "0": "lg:gap-x-0",
182
+ "0.5": "lg:gap-x-0.5",
183
+ "1": "lg:gap-x-1",
184
+ "1.5": "lg:gap-x-1.5",
185
+ "2": "lg:gap-x-2",
186
+ "2.5": "lg:gap-x-2.5",
187
+ "3": "lg:gap-x-3",
188
+ "4": "lg:gap-x-4",
189
+ "5": "lg:gap-x-5",
190
+ "6": "lg:gap-x-6",
191
+ "8": "lg:gap-x-8",
192
+ "10": "lg:gap-x-10",
193
+ "12": "lg:gap-x-12",
194
+ "16": "lg:gap-x-16"
195
+ },
196
+ xl: {
197
+ "0": "xl:gap-x-0",
198
+ "0.5": "xl:gap-x-0.5",
199
+ "1": "xl:gap-x-1",
200
+ "1.5": "xl:gap-x-1.5",
201
+ "2": "xl:gap-x-2",
202
+ "2.5": "xl:gap-x-2.5",
203
+ "3": "xl:gap-x-3",
204
+ "4": "xl:gap-x-4",
205
+ "5": "xl:gap-x-5",
206
+ "6": "xl:gap-x-6",
207
+ "8": "xl:gap-x-8",
208
+ "10": "xl:gap-x-10",
209
+ "12": "xl:gap-x-12",
210
+ "16": "xl:gap-x-16"
211
+ }
212
+ },
213
+ "gap-y": {
214
+ sm: {
215
+ "0": "sm:gap-y-0",
216
+ "0.5": "sm:gap-y-0.5",
217
+ "1": "sm:gap-y-1",
218
+ "1.5": "sm:gap-y-1.5",
219
+ "2": "sm:gap-y-2",
220
+ "2.5": "sm:gap-y-2.5",
221
+ "3": "sm:gap-y-3",
222
+ "4": "sm:gap-y-4",
223
+ "5": "sm:gap-y-5",
224
+ "6": "sm:gap-y-6",
225
+ "8": "sm:gap-y-8",
226
+ "10": "sm:gap-y-10",
227
+ "12": "sm:gap-y-12",
228
+ "16": "sm:gap-y-16"
229
+ },
230
+ md: {
231
+ "0": "md:gap-y-0",
232
+ "0.5": "md:gap-y-0.5",
233
+ "1": "md:gap-y-1",
234
+ "1.5": "md:gap-y-1.5",
235
+ "2": "md:gap-y-2",
236
+ "2.5": "md:gap-y-2.5",
237
+ "3": "md:gap-y-3",
238
+ "4": "md:gap-y-4",
239
+ "5": "md:gap-y-5",
240
+ "6": "md:gap-y-6",
241
+ "8": "md:gap-y-8",
242
+ "10": "md:gap-y-10",
243
+ "12": "md:gap-y-12",
244
+ "16": "md:gap-y-16"
245
+ },
246
+ lg: {
247
+ "0": "lg:gap-y-0",
248
+ "0.5": "lg:gap-y-0.5",
249
+ "1": "lg:gap-y-1",
250
+ "1.5": "lg:gap-y-1.5",
251
+ "2": "lg:gap-y-2",
252
+ "2.5": "lg:gap-y-2.5",
253
+ "3": "lg:gap-y-3",
254
+ "4": "lg:gap-y-4",
255
+ "5": "lg:gap-y-5",
256
+ "6": "lg:gap-y-6",
257
+ "8": "lg:gap-y-8",
258
+ "10": "lg:gap-y-10",
259
+ "12": "lg:gap-y-12",
260
+ "16": "lg:gap-y-16"
261
+ },
262
+ xl: {
263
+ "0": "xl:gap-y-0",
264
+ "0.5": "xl:gap-y-0.5",
265
+ "1": "xl:gap-y-1",
266
+ "1.5": "xl:gap-y-1.5",
267
+ "2": "xl:gap-y-2",
268
+ "2.5": "xl:gap-y-2.5",
269
+ "3": "xl:gap-y-3",
270
+ "4": "xl:gap-y-4",
271
+ "5": "xl:gap-y-5",
272
+ "6": "xl:gap-y-6",
273
+ "8": "xl:gap-y-8",
274
+ "10": "xl:gap-y-10",
275
+ "12": "xl:gap-y-12",
276
+ "16": "xl:gap-y-16"
277
+ }
278
+ }
279
+ };
280
+ function stepKey(value) {
281
+ const num = typeof value === "number" ? value : Number(value.trim());
282
+ return Number.isNaN(num) ? void 0 : String(num);
283
+ }
284
+ function resolve(kind, gap) {
34
285
  if (gap === void 0 || gap === null) return void 0;
35
- if (typeof gap === "number") {
36
- if (gap in STANDARD_GAP_MAP) {
37
- return STANDARD_GAP_MAP[gap];
286
+ const base = kind === "gap" ? GAP : kind === "gap-x" ? GAP_X : GAP_Y;
287
+ if (typeof gap === "object") {
288
+ const classes = [];
289
+ if (gap.base !== void 0) classes.push(base[String(gap.base)] ?? `${kind}-[${gap.base}px]`);
290
+ for (const bp of ["sm", "md", "lg", "xl"]) {
291
+ const step = gap[bp];
292
+ if (step !== void 0) {
293
+ const cls = RESPONSIVE[kind][bp][String(step)];
294
+ if (cls) classes.push(cls);
295
+ }
38
296
  }
39
- return `gap-[${gap}px]`;
297
+ return classes.join(" ") || void 0;
40
298
  }
299
+ const key = stepKey(gap);
300
+ if (key !== void 0 && base[key]) return base[key];
41
301
  if (typeof gap === "string") {
42
302
  const trimmed = gap.trim();
43
- const num = Number(trimmed);
44
- if (!isNaN(num) && num in STANDARD_GAP_MAP) {
45
- return STANDARD_GAP_MAP[num];
46
- }
47
- if (trimmed.startsWith("gap-")) {
48
- return trimmed;
49
- }
50
- return `gap-[${trimmed}]`;
303
+ if (trimmed.startsWith("gap-")) return trimmed;
304
+ return `${kind}-[${trimmed}]`;
51
305
  }
52
- return void 0;
306
+ return `${kind}-[${gap}px]`;
307
+ }
308
+ function formatGap(gap) {
309
+ return resolve("gap", gap);
310
+ }
311
+ function formatAxisGap(axis, gap) {
312
+ return resolve(axis === "x" ? "gap-x" : "gap-y", gap);
53
313
  }
54
314
 
55
- export { formatGap };
315
+ export { formatAxisGap, formatGap };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@timmbr/ui",
3
- "version": "1.4.2",
3
+ "version": "1.6.0",
4
4
  "description": "High-performance, Next.js App Router-compatible UI design system components for Timmbr",
5
5
  "type": "module",
6
6
  "main": "./dist/index.js",
@@ -41,11 +41,12 @@
41
41
  "@radix-ui/react-toast": "^1.2.23",
42
42
  "@radix-ui/react-tooltip": "^1.2.16",
43
43
  "class-variance-authority": "^0.7.1",
44
- "@timmbr/hooks": "1.0.0-beta",
45
- "@timmbr/icons": "1.2.1",
46
- "@timmbr/theme": "1.2.0",
47
- "@timmbr/utils": "1.2.0",
48
- "@timmbr/motion": "1.2.0"
44
+ "input-otp": "^1.5.0",
45
+ "@timmbr/icons": "1.4.0",
46
+ "@timmbr/theme": "1.3.0",
47
+ "@timmbr/utils": "1.4.0",
48
+ "@timmbr/motion": "1.2.2",
49
+ "@timmbr/hooks": "1.0.0"
49
50
  },
50
51
  "peerDependencies": {
51
52
  "next": ">=13.0.0 || >=14.0.0 || >=15.0.0 || >=16.0.0",
@@ -1,10 +0,0 @@
1
- import * as React from 'react';
2
- import type { CrossZoneLinkProps } from './CrossZoneLink.types';
3
- /**
4
- * CrossZoneLink forces hard browser-level navigation across Next.js multi-zone / microfrontend boundaries.
5
- *
6
- * ARCHITECTURAL RULE:
7
- * NEVER use `next/link` for navigation across zone boundaries. Always use `CrossZoneLink` from `@timmbr/ui`.
8
- */
9
- export declare const CrossZoneLink: React.ForwardRefExoticComponent<CrossZoneLinkProps & React.RefAttributes<HTMLAnchorElement>>;
10
- //# sourceMappingURL=CrossZoneLink.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"CrossZoneLink.d.ts","sourceRoot":"","sources":["../../../src/components/CrossZoneLink/CrossZoneLink.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAEhE;;;;;GAKG;AACH,eAAO,MAAM,aAAa,8FA4GzB,CAAC"}
@@ -1,111 +0,0 @@
1
- "use client";
2
- import { jsx, jsxs } from 'react/jsx-runtime';
3
- import * as React from 'react';
4
- import { Slot } from '@radix-ui/react-slot';
5
- import { cn } from '@timmbr/utils';
6
- import { crossZoneLinkVariants } from './CrossZoneLink.styles.js';
7
- import { useTimmbrConfig, resolveZoneHref } from '../../providers/TimmbrConfigProvider.js';
8
-
9
- const CrossZoneLink = React.forwardRef(
10
- ({
11
- className,
12
- style,
13
- variant,
14
- size,
15
- asChild = false,
16
- href,
17
- zone,
18
- disabled = false,
19
- leftIcon,
20
- rightIcon,
21
- target,
22
- rel,
23
- onClick,
24
- children,
25
- ...props
26
- }, ref) => {
27
- const config = useTimmbrConfig();
28
- const resolvedHref = resolveZoneHref(href, zone, config.zones?.zones);
29
- const isExternal = resolvedHref.startsWith("http://") || resolvedHref.startsWith("https://") || target === "_blank";
30
- const resolvedRel = rel ?? (isExternal ? "noopener noreferrer" : void 0);
31
- const handleClick = (e) => {
32
- if (disabled) {
33
- e.preventDefault();
34
- e.stopPropagation();
35
- return;
36
- }
37
- onClick?.(e);
38
- };
39
- if (asChild) {
40
- return /* @__PURE__ */ jsx(
41
- Slot,
42
- {
43
- ref,
44
- "data-slot": "cross-zone-link",
45
- "data-cross-zone": "true",
46
- "aria-disabled": disabled ? "true" : void 0,
47
- tabIndex: disabled ? -1 : props.tabIndex,
48
- className: cn(
49
- crossZoneLinkVariants({
50
- variant,
51
- size,
52
- disabled,
53
- className
54
- })
55
- ),
56
- style,
57
- onClick: handleClick,
58
- ...props,
59
- children
60
- }
61
- );
62
- }
63
- return /* @__PURE__ */ jsxs(
64
- "a",
65
- {
66
- ref,
67
- href: disabled ? void 0 : resolvedHref,
68
- target,
69
- rel: resolvedRel,
70
- "data-slot": "cross-zone-link",
71
- "data-cross-zone": "true",
72
- "data-testid": "timmbr-cross-zone-link",
73
- "aria-disabled": disabled ? "true" : void 0,
74
- tabIndex: disabled ? -1 : props.tabIndex,
75
- style,
76
- onClick: handleClick,
77
- className: cn(
78
- crossZoneLinkVariants({
79
- variant,
80
- size,
81
- disabled,
82
- className
83
- })
84
- ),
85
- ...props,
86
- children: [
87
- leftIcon && /* @__PURE__ */ jsx(
88
- "span",
89
- {
90
- className: "inline-flex shrink-0 items-center justify-center pointer-events-none",
91
- "data-slot": "cross-zone-link-left-icon",
92
- children: leftIcon
93
- }
94
- ),
95
- children && /* @__PURE__ */ jsx("span", { children }),
96
- rightIcon && /* @__PURE__ */ jsx(
97
- "span",
98
- {
99
- className: "inline-flex shrink-0 items-center justify-center pointer-events-none",
100
- "data-slot": "cross-zone-link-right-icon",
101
- children: rightIcon
102
- }
103
- )
104
- ]
105
- }
106
- );
107
- }
108
- );
109
- CrossZoneLink.displayName = "CrossZoneLink";
110
-
111
- export { CrossZoneLink };
@@ -1,8 +0,0 @@
1
- import { type VariantProps } from 'class-variance-authority';
2
- export declare const crossZoneLinkVariants: (props?: ({
3
- variant?: "default" | "inline" | "subtle" | "primary" | "secondary" | "muted" | null | undefined;
4
- size?: "default" | "sm" | "lg" | null | undefined;
5
- disabled?: boolean | null | undefined;
6
- } & import("class-variance-authority/types").ClassProp) | undefined) => string;
7
- export type CrossZoneLinkVariants = VariantProps<typeof crossZoneLinkVariants>;
8
- //# sourceMappingURL=CrossZoneLink.styles.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"CrossZoneLink.styles.d.ts","sourceRoot":"","sources":["../../../src/components/CrossZoneLink/CrossZoneLink.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAElE,eAAO,MAAM,qBAAqB;;;;8EA4BjC,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG,YAAY,CAAC,OAAO,qBAAqB,CAAC,CAAC"}
@@ -1,33 +0,0 @@
1
- import { cva } from 'class-variance-authority';
2
-
3
- const crossZoneLinkVariants = cva(
4
- "inline-flex items-center no-underline focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2 rounded-[2px] transition-all duration-150 select-none",
5
- {
6
- variants: {
7
- variant: {
8
- default: "text-primary hover:underline underline-offset-4 font-medium",
9
- primary: "text-primary font-semibold hover:brightness-110 active:brightness-95",
10
- secondary: "text-secondary-foreground hover:text-foreground font-medium",
11
- muted: "text-grey-600 dark:text-grey-400 hover:text-foreground font-normal",
12
- subtle: "text-foreground/80 hover:text-foreground font-normal",
13
- inline: "text-primary underline underline-offset-4 hover:opacity-80 inline font-medium"
14
- },
15
- size: {
16
- sm: "text-xs gap-1",
17
- default: "text-sm gap-1.5",
18
- lg: "text-base gap-2"
19
- },
20
- disabled: {
21
- true: "pointer-events-none opacity-50 cursor-not-allowed",
22
- false: "cursor-pointer"
23
- }
24
- },
25
- defaultVariants: {
26
- variant: "default",
27
- size: "default",
28
- disabled: false
29
- }
30
- }
31
- );
32
-
33
- export { crossZoneLinkVariants };
@@ -1,31 +0,0 @@
1
- import type * as React from 'react';
2
- import type { VariantProps } from 'class-variance-authority';
3
- import type { crossZoneLinkVariants } from './CrossZoneLink.styles';
4
- export interface CrossZoneLinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement>, VariantProps<typeof crossZoneLinkVariants> {
5
- /**
6
- * The destination URL or relative path.
7
- */
8
- href: string;
9
- /**
10
- * Optional zone key corresponding to configured zones in TimmbrConfigProvider.
11
- * If provided and configured, resolves against the zone's base URL.
12
- */
13
- zone?: string;
14
- /**
15
- * Merges props onto an immediate child element using Radix UI Slot.
16
- */
17
- asChild?: boolean;
18
- /**
19
- * Leading icon element rendered before link text.
20
- */
21
- leftIcon?: React.ReactNode;
22
- /**
23
- * Trailing icon element rendered after link text.
24
- */
25
- rightIcon?: React.ReactNode;
26
- /**
27
- * Disables user interaction and navigation.
28
- */
29
- disabled?: boolean;
30
- }
31
- //# sourceMappingURL=CrossZoneLink.types.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"CrossZoneLink.types.d.ts","sourceRoot":"","sources":["../../../src/components/CrossZoneLink/CrossZoneLink.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AAEpE,MAAM,WAAW,kBACf,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EACnD,YAAY,CAAC,OAAO,qBAAqB,CAAC;IAC5C;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;OAEG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB"}
@@ -1,4 +0,0 @@
1
- export { CrossZoneLink } from './CrossZoneLink';
2
- export { crossZoneLinkVariants, type CrossZoneLinkVariants } from './CrossZoneLink.styles';
3
- export type { CrossZoneLinkProps } from './CrossZoneLink.types';
4
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/CrossZoneLink/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,qBAAqB,EAAE,KAAK,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AAC3F,YAAY,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC"}