@timmbr/ui 1.4.1 → 1.5.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 (176) hide show
  1. package/dist/components/Accordion/Accordion.js +1 -1
  2. package/dist/components/Accordion/Accordion.styles.d.ts.map +1 -1
  3. package/dist/components/Accordion/Accordion.styles.js +3 -3
  4. package/dist/components/Alert/Alert.js +2 -2
  5. package/dist/components/Alert/Alert.styles.js +4 -4
  6. package/dist/components/AlertDialog/AlertDialog.styles.js +4 -4
  7. package/dist/components/AuthModal/AuthModal.d.ts +4 -0
  8. package/dist/components/AuthModal/AuthModal.d.ts.map +1 -0
  9. package/dist/components/AuthModal/AuthModal.js +89 -0
  10. package/dist/components/AuthModal/AuthModal.labels.d.ts +6 -0
  11. package/dist/components/AuthModal/AuthModal.labels.d.ts.map +1 -0
  12. package/dist/components/AuthModal/AuthModal.labels.js +52 -0
  13. package/dist/components/AuthModal/AuthModal.styles.d.ts +12 -0
  14. package/dist/components/AuthModal/AuthModal.styles.d.ts.map +1 -0
  15. package/dist/components/AuthModal/AuthModal.styles.js +38 -0
  16. package/dist/components/AuthModal/AuthModal.types.d.ts +158 -0
  17. package/dist/components/AuthModal/AuthModal.types.d.ts.map +1 -0
  18. package/dist/components/AuthModal/index.d.ts +6 -0
  19. package/dist/components/AuthModal/index.d.ts.map +1 -0
  20. package/dist/components/AuthModal/subcomponents/AuthModalBanner.d.ts +11 -0
  21. package/dist/components/AuthModal/subcomponents/AuthModalBanner.d.ts.map +1 -0
  22. package/dist/components/AuthModal/subcomponents/AuthModalBanner.js +58 -0
  23. package/dist/components/AuthModal/subcomponents/AuthModalIdentifierForm.d.ts +11 -0
  24. package/dist/components/AuthModal/subcomponents/AuthModalIdentifierForm.d.ts.map +1 -0
  25. package/dist/components/AuthModal/subcomponents/AuthModalIdentifierForm.js +62 -0
  26. package/dist/components/AuthModal/subcomponents/AuthModalOAuth.d.ts +11 -0
  27. package/dist/components/AuthModal/subcomponents/AuthModalOAuth.d.ts.map +1 -0
  28. package/dist/components/AuthModal/subcomponents/AuthModalOAuth.js +19 -0
  29. package/dist/components/AuthModal/subcomponents/AuthModalOtpForm.d.ts +10 -0
  30. package/dist/components/AuthModal/subcomponents/AuthModalOtpForm.d.ts.map +1 -0
  31. package/dist/components/AuthModal/subcomponents/AuthModalOtpForm.js +62 -0
  32. package/dist/components/AuthModal/subcomponents/AuthModalParts.d.ts +44 -0
  33. package/dist/components/AuthModal/subcomponents/AuthModalParts.d.ts.map +1 -0
  34. package/dist/components/AuthModal/subcomponents/AuthModalParts.js +134 -0
  35. package/dist/components/AuthModal/subcomponents/AuthModalPasswordForm.d.ts +10 -0
  36. package/dist/components/AuthModal/subcomponents/AuthModalPasswordForm.d.ts.map +1 -0
  37. package/dist/components/AuthModal/subcomponents/AuthModalPasswordForm.js +54 -0
  38. package/dist/components/AuthModal/subcomponents/AuthModalSetPasswordForm.d.ts +10 -0
  39. package/dist/components/AuthModal/subcomponents/AuthModalSetPasswordForm.d.ts.map +1 -0
  40. package/dist/components/AuthModal/subcomponents/AuthModalSetPasswordForm.js +79 -0
  41. package/dist/components/AuthModal/subcomponents/AuthModalSuccess.d.ts +10 -0
  42. package/dist/components/AuthModal/subcomponents/AuthModalSuccess.d.ts.map +1 -0
  43. package/dist/components/AuthModal/subcomponents/AuthModalSuccess.js +26 -0
  44. package/dist/components/AuthModal/subcomponents/OAuthButton.d.ts +12 -0
  45. package/dist/components/AuthModal/subcomponents/OAuthButton.d.ts.map +1 -0
  46. package/dist/components/AuthModal/subcomponents/OAuthButton.js +38 -0
  47. package/dist/components/AuthModal/subcomponents/index.d.ts +9 -0
  48. package/dist/components/AuthModal/subcomponents/index.d.ts.map +1 -0
  49. package/dist/components/Avatar/Avatar.styles.js +11 -11
  50. package/dist/components/Badge/Badge.styles.js +8 -8
  51. package/dist/components/Button/Button.styles.js +7 -7
  52. package/dist/components/Card/Card.styles.d.ts.map +1 -1
  53. package/dist/components/Card/Card.styles.js +5 -5
  54. package/dist/components/Checkbox/Checkbox.js +4 -4
  55. package/dist/components/Checkbox/Checkbox.styles.js +1 -1
  56. package/dist/components/Chip/Chip.js +1 -1
  57. package/dist/components/Chip/Chip.styles.js +5 -5
  58. package/dist/components/DataList/DataList.styles.js +3 -3
  59. package/dist/components/Dialog/Dialog.styles.js +6 -6
  60. package/dist/components/Divider/Divider.js +1 -1
  61. package/dist/components/Drawer/Drawer.styles.js +2 -2
  62. package/dist/components/Dropdown/Dropdown.js +2 -2
  63. package/dist/components/Dropdown/Dropdown.styles.js +2 -2
  64. package/dist/components/EmptyState/EmptyState.js +2 -2
  65. package/dist/components/EmptyState/EmptyState.styles.js +3 -3
  66. package/dist/components/FormField/FormField.js +1 -1
  67. package/dist/components/Heading/Heading.styles.d.ts.map +1 -1
  68. package/dist/components/Heading/Heading.styles.js +12 -10
  69. package/dist/components/Icon/Icon.styles.js +6 -6
  70. package/dist/components/ImageUpload/ImageUpload.js +6 -6
  71. package/dist/components/ImageUpload/subcomponents/ImageUploadDropzone.js +10 -10
  72. package/dist/components/ImageUpload/subcomponents/ImageUploadModal.js +8 -8
  73. package/dist/components/ImageUpload/subcomponents/ImageUploadSinglePreview.js +7 -7
  74. package/dist/components/ImageUpload/subcomponents/ImageUploadThumbnailCard.js +10 -10
  75. package/dist/components/Input/Input.js +4 -4
  76. package/dist/components/Input/Input.styles.js +6 -6
  77. package/dist/components/Label/Label.styles.js +4 -4
  78. package/dist/components/LinkButton/LinkButton.styles.js +6 -6
  79. package/dist/components/List/List.js +1 -1
  80. package/dist/components/List/List.styles.js +3 -3
  81. package/dist/components/NavFooter/NavFooter.styles.js +9 -9
  82. package/dist/components/NavFooter/subcomponents/FooterBrand.js +3 -3
  83. package/dist/components/NavFooter/subcomponents/FooterLegalBar.js +1 -1
  84. package/dist/components/NavFooter/subcomponents/FooterNavSection.js +4 -4
  85. package/dist/components/NavFooter/subcomponents/FooterNewsletter.js +7 -7
  86. package/dist/components/NavFooter/subcomponents/FooterOffice.js +5 -5
  87. package/dist/components/NavFooter/subcomponents/FooterSocial.js +3 -3
  88. package/dist/components/NavHeader/NavHeader.d.ts.map +1 -1
  89. package/dist/components/NavHeader/NavHeader.js +11 -3
  90. package/dist/components/NavHeader/NavHeader.styles.js +16 -16
  91. package/dist/components/NavHeader/NavHeader.types.d.ts +19 -0
  92. package/dist/components/NavHeader/NavHeader.types.d.ts.map +1 -1
  93. package/dist/components/NavHeader/subcomponents/NavActionLabelSkeleton.d.ts +4 -0
  94. package/dist/components/NavHeader/subcomponents/NavActionLabelSkeleton.d.ts.map +1 -0
  95. package/dist/components/NavHeader/subcomponents/NavActionLabelSkeleton.js +16 -0
  96. package/dist/components/NavHeader/subcomponents/NavActionOverflow.d.ts.map +1 -1
  97. package/dist/components/NavHeader/subcomponents/NavActionOverflow.js +6 -5
  98. package/dist/components/NavHeader/subcomponents/NavActions.d.ts +9 -0
  99. package/dist/components/NavHeader/subcomponents/NavActions.d.ts.map +1 -1
  100. package/dist/components/NavHeader/subcomponents/NavActions.js +51 -15
  101. package/dist/components/NavHeader/subcomponents/NavBrand.d.ts.map +1 -1
  102. package/dist/components/NavHeader/subcomponents/NavBrand.js +14 -15
  103. package/dist/components/NavHeader/subcomponents/NavItems.js +3 -3
  104. package/dist/components/NavHeader/subcomponents/NavItemsOverflow.js +7 -7
  105. package/dist/components/NavHeader/subcomponents/NavMobileSearchDrawer.js +5 -5
  106. package/dist/components/NavHeader/subcomponents/NavMobileTabSlider.js +2 -2
  107. package/dist/components/NavHeader/subcomponents/NavSearch.js +5 -5
  108. package/dist/components/NavHeader/subcomponents/OfferBanner.js +1 -1
  109. package/dist/components/OtpInput/OtpInput.d.ts +4 -0
  110. package/dist/components/OtpInput/OtpInput.d.ts.map +1 -0
  111. package/dist/components/OtpInput/OtpInput.js +114 -0
  112. package/dist/components/OtpInput/OtpInput.styles.d.ts +10 -0
  113. package/dist/components/OtpInput/OtpInput.styles.d.ts.map +1 -0
  114. package/dist/components/OtpInput/OtpInput.styles.js +49 -0
  115. package/dist/components/OtpInput/OtpInput.types.d.ts +40 -0
  116. package/dist/components/OtpInput/OtpInput.types.d.ts.map +1 -0
  117. package/dist/components/OtpInput/index.d.ts +4 -0
  118. package/dist/components/OtpInput/index.d.ts.map +1 -0
  119. package/dist/components/Pagination/Pagination.styles.js +3 -3
  120. package/dist/components/Popover/Popover.styles.js +1 -1
  121. package/dist/components/Progress/Progress.js +2 -2
  122. package/dist/components/Radio/Radio.js +4 -4
  123. package/dist/components/Radio/Radio.styles.js +1 -1
  124. package/dist/components/RangeSlider/RangeSlider.js +3 -3
  125. package/dist/components/RangeSlider/RangeSlider.styles.js +1 -1
  126. package/dist/components/Select/Select.js +2 -2
  127. package/dist/components/Select/Select.styles.js +8 -8
  128. package/dist/components/SideBarNavigation/SideBarNavigation.styles.js +8 -8
  129. package/dist/components/SideBarNavigation/subcomponents/SidebarBranding.js +3 -3
  130. package/dist/components/SideBarNavigation/subcomponents/SidebarFooter.js +1 -1
  131. package/dist/components/SideBarNavigation/subcomponents/SidebarPopoverMenu.js +4 -4
  132. package/dist/components/SideBarNavigation/subcomponents/SidebarProfile.js +9 -9
  133. package/dist/components/SideBarNavigation/subcomponents/SidebarSubItem.js +2 -2
  134. package/dist/components/Skeleton/Skeleton.styles.js +1 -1
  135. package/dist/components/Spinner/Spinner.d.ts.map +1 -1
  136. package/dist/components/Spinner/Spinner.js +9 -7
  137. package/dist/components/Spinner/Spinner.styles.d.ts +8 -2
  138. package/dist/components/Spinner/Spinner.styles.d.ts.map +1 -1
  139. package/dist/components/Spinner/Spinner.styles.js +27 -24
  140. package/dist/components/Spinner/Spinner.types.d.ts +9 -0
  141. package/dist/components/Spinner/Spinner.types.d.ts.map +1 -1
  142. package/dist/components/Stat/Stat.styles.js +4 -4
  143. package/dist/components/Switch/Switch.js +2 -2
  144. package/dist/components/Switch/Switch.styles.js +1 -1
  145. package/dist/components/Table/Table.js +1 -1
  146. package/dist/components/Table/Table.styles.js +5 -5
  147. package/dist/components/Table/TablePagination.js +4 -4
  148. package/dist/components/Tabs/Tabs.js +2 -2
  149. package/dist/components/Tabs/Tabs.styles.js +8 -8
  150. package/dist/components/Text/Text.d.ts.map +1 -1
  151. package/dist/components/Text/Text.js +2 -0
  152. package/dist/components/Text/Text.styles.d.ts +1 -0
  153. package/dist/components/Text/Text.styles.d.ts.map +1 -1
  154. package/dist/components/Text/Text.styles.js +21 -13
  155. package/dist/components/Text/Text.types.d.ts +5 -0
  156. package/dist/components/Text/Text.types.d.ts.map +1 -1
  157. package/dist/components/Textarea/Textarea.js +4 -4
  158. package/dist/components/Textarea/Textarea.styles.js +6 -6
  159. package/dist/components/Toast/Toast.js +3 -3
  160. package/dist/components/Toast/Toast.styles.js +5 -5
  161. package/dist/components/Toast/ToastContainer.js +1 -1
  162. package/dist/components/Tooltip/Tooltip.styles.js +1 -1
  163. package/dist/index.d.ts +2 -0
  164. package/dist/index.d.ts.map +1 -1
  165. package/dist/index.js +14 -1
  166. package/package.json +7 -6
  167. package/dist/components/CrossZoneLink/CrossZoneLink.d.ts +0 -10
  168. package/dist/components/CrossZoneLink/CrossZoneLink.d.ts.map +0 -1
  169. package/dist/components/CrossZoneLink/CrossZoneLink.js +0 -111
  170. package/dist/components/CrossZoneLink/CrossZoneLink.styles.d.ts +0 -8
  171. package/dist/components/CrossZoneLink/CrossZoneLink.styles.d.ts.map +0 -1
  172. package/dist/components/CrossZoneLink/CrossZoneLink.styles.js +0 -33
  173. package/dist/components/CrossZoneLink/CrossZoneLink.types.d.ts +0 -31
  174. package/dist/components/CrossZoneLink/CrossZoneLink.types.d.ts.map +0 -1
  175. package/dist/components/CrossZoneLink/index.d.ts +0 -4
  176. package/dist/components/CrossZoneLink/index.d.ts.map +0 -1
@@ -5,11 +5,11 @@ const toastVariants = cva(
5
5
  {
6
6
  variants: {
7
7
  variant: {
8
- default: "border-grey-200 dark:border-grey-800 bg-white dark:bg-grey-900 text-foreground",
9
- destructive: "destructive group border-destructive bg-destructive text-white",
10
- success: "border-success bg-white dark:bg-grey-900 text-foreground border-l-4 border-l-success",
11
- warning: "border-warning bg-white dark:bg-grey-900 text-foreground border-l-4 border-l-warning",
12
- info: "border-info bg-white dark:bg-grey-900 text-foreground border-l-4 border-l-info"
8
+ default: "border-grey-200 dark:border-grey-800 bg-grey-50 dark:bg-grey-900 text-foreground",
9
+ destructive: "destructive group border-destructive bg-destructive text-grey-50",
10
+ success: "border-success bg-grey-50 dark:bg-grey-900 text-foreground border-l-4 border-l-success",
11
+ warning: "border-warning bg-grey-50 dark:bg-grey-900 text-foreground border-l-4 border-l-warning",
12
+ info: "border-info bg-grey-50 dark:bg-grey-900 text-foreground border-l-4 border-l-info"
13
13
  }
14
14
  },
15
15
  defaultVariants: {
@@ -82,7 +82,7 @@ const ToastContainer = ({ config }) => {
82
82
  /* @__PURE__ */ jsx(
83
83
  Icon,
84
84
  {
85
- className: `size-4.5 shrink-0 mt-0.5 ${isDestructive ? "text-white" : "text-current opacity-90"}`
85
+ className: `size-4.5 shrink-0 mt-0.5 ${isDestructive ? "text-grey-50" : "text-current opacity-90"}`
86
86
  }
87
87
  ),
88
88
  /* @__PURE__ */ jsxs(Stack, { gap: "2xs", className: "flex-1 min-w-0", children: [
@@ -1,7 +1,7 @@
1
1
  import { cva } from 'class-variance-authority';
2
2
 
3
3
  const tooltipContentVariants = cva(
4
- "z-50 overflow-hidden rounded-md bg-grey-900 dark:bg-grey-100 px-3 py-1.5 text-xs text-white dark:text-grey-900 shadow-md font-sans transition-all duration-150 data-[state=delayed-open]:animate-scale-in data-[state=closed]:animate-scale-out"
4
+ "z-50 overflow-hidden rounded-md bg-grey-900 dark:bg-grey-100 px-3 py-1.5 text-body-3 text-grey-50 dark:text-grey-900 shadow-md transition-all duration-150 data-[state=delayed-open]:animate-scale-in data-[state=closed]:animate-scale-out"
5
5
  );
6
6
 
7
7
  export { tooltipContentVariants };
package/dist/index.d.ts CHANGED
@@ -15,6 +15,7 @@ export * from './components/RangeSlider';
15
15
  export * from './components/Label';
16
16
  export * from './components/FormField';
17
17
  export * from './components/ImageUpload';
18
+ export * from './components/OtpInput';
18
19
  export * from './components/AlertDialog';
19
20
  export * from './components/Dialog';
20
21
  export * from './components/Drawer';
@@ -26,6 +27,7 @@ export * from './components/Tabs';
26
27
  export * from './components/SideBarNavigation';
27
28
  export * from './components/NavHeader';
28
29
  export * from './components/NavFooter';
30
+ export * from './components/AuthModal';
29
31
  export * from './components/Button';
30
32
  export * from './components/LinkButton';
31
33
  export * from './components/Accordion';
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,cAAc,gBAAgB,CAAC;AAG/B,cAAc,aAAa,CAAC;AAG5B,cAAc,wBAAwB,CAAC;AACvC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AAGpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,0BAA0B,CAAC;AACzC,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC;AAGzC,cAAc,0BAA0B,CAAC;AACzC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AAGvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAGlC,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AAGxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AACxC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,cAAc,gBAAgB,CAAC;AAG/B,cAAc,aAAa,CAAC;AAG5B,cAAc,wBAAwB,CAAC;AACvC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AAGpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,0BAA0B,CAAC;AACzC,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AAGtC,cAAc,0BAA0B,CAAC;AACzC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AAGvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAGlC,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AAGxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AACxC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC"}
package/dist/index.js CHANGED
@@ -3,6 +3,14 @@ export { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from './
3
3
  export { Alert, AlertDescription, AlertTitle } from './components/Alert/Alert.js';
4
4
  export { AlertDialog, AlertDialogAction, AlertDialogBody, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger } from './components/AlertDialog/AlertDialog.js';
5
5
  export { AnimationProvider, useGlobalAnimation } from './providers/AnimationProvider.js';
6
+ export { AuthModal } from './components/AuthModal/AuthModal.js';
7
+ export { AuthModalBanner } from './components/AuthModal/subcomponents/AuthModalBanner.js';
8
+ export { AuthModalIdentifierForm } from './components/AuthModal/subcomponents/AuthModalIdentifierForm.js';
9
+ export { AuthModalOAuth } from './components/AuthModal/subcomponents/AuthModalOAuth.js';
10
+ export { AuthModalOtpForm } from './components/AuthModal/subcomponents/AuthModalOtpForm.js';
11
+ export { AuthModalPasswordForm } from './components/AuthModal/subcomponents/AuthModalPasswordForm.js';
12
+ export { AuthModalSetPasswordForm } from './components/AuthModal/subcomponents/AuthModalSetPasswordForm.js';
13
+ export { AuthModalSuccess } from './components/AuthModal/subcomponents/AuthModalSuccess.js';
6
14
  export { Avatar } from './components/Avatar/Avatar.js';
7
15
  export { Badge } from './components/Badge/Badge.js';
8
16
  export { Button } from './components/Button/Button.js';
@@ -12,6 +20,7 @@ export { Checkbox } from './components/Checkbox/Checkbox.js';
12
20
  export { Chip } from './components/Chip/Chip.js';
13
21
  export { Container } from './components/Container/Container.js';
14
22
  export { DEFAULT_ALL_ACCEPT, DEFAULT_IMAGE_ACCEPT, DEFAULT_IMAGE_MAX_SIZE, DEFAULT_VIDEO_ACCEPT, DEFAULT_VIDEO_MAX_SIZE, GRID_COLS_MAP, VIDEO_EXTENSIONS, isVideoMedia, normalizeUploadItems, validateUploadFiles } from './components/ImageUpload/ImageUpload.helpers.js';
23
+ export { DEFAULT_AUTH_MODAL_LABELS } from './components/AuthModal/AuthModal.labels.js';
15
24
  export { DEFAULT_FOOTER_LEGAL_LINKS, DEFAULT_FOOTER_SECTIONS, DEFAULT_FOOTER_SOCIAL_LINKS, isCrossZoneNavigation, resolveNavDestination } from './components/NavFooter/NavFooter.helpers.js';
16
25
  export { DEFAULT_STORAGE_KEY, isNavItemActive, isRouteActive, readStoredCollapsed, writeStoredCollapsed } from './components/SideBarNavigation/SideBarNavigation.helpers.js';
17
26
  export { DataList, DataListItem, DataListLabel, DataListValue } from './components/DataList/DataList.js';
@@ -42,7 +51,9 @@ export { NavBrand } from './components/NavHeader/subcomponents/NavBrand.js';
42
51
  export { NavItems } from './components/NavHeader/subcomponents/NavItems.js';
43
52
  export { NavMegaMenu } from './components/NavHeader/subcomponents/NavMegaMenu.js';
44
53
  export { NavSearch } from './components/NavHeader/subcomponents/NavSearch.js';
54
+ export { OAuthButton } from './components/AuthModal/subcomponents/OAuthButton.js';
45
55
  export { OfferBanner } from './components/NavHeader/subcomponents/OfferBanner.js';
56
+ export { OtpInput } from './components/OtpInput/OtpInput.js';
46
57
  export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious } from './components/Pagination/Pagination.js';
47
58
  export { Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverTrigger } from './components/Popover/Popover.js';
48
59
  export { Progress } from './components/Progress/Progress.js';
@@ -75,6 +86,7 @@ export { Tooltip, TooltipArrow, TooltipContent, TooltipPortal, TooltipProvider,
75
86
  export { accordionContentVariants, accordionItemVariants, accordionTriggerVariants } from './components/Accordion/Accordion.styles.js';
76
87
  export { alertDialogBodyVariants, alertDialogContentVariants, alertDialogDescriptionVariants, alertDialogFooterVariants, alertDialogHeaderVariants, alertDialogOverlayVariants, alertDialogTitleVariants } from './components/AlertDialog/AlertDialog.styles.js';
77
88
  export { alertIconVariants, alertVariants } from './components/Alert/Alert.styles.js';
89
+ export { authModalBannerVariants, authModalCardVariants, authModalContainerVariants, authModalHeadingVariants, authModalInputVariants, authModalLinkVariants, authModalSecondaryButtonVariants, authModalSubmitButtonVariants, authModalSubtitleVariants } from './components/AuthModal/AuthModal.styles.js';
78
90
  export { avatarRootVariants, avatarStatusVariants } from './components/Avatar/Avatar.styles.js';
79
91
  export { badgeVariants } from './components/Badge/Badge.styles.js';
80
92
  export { buttonVariants } from './components/Button/Button.styles.js';
@@ -102,6 +114,7 @@ export { linkButtonVariants } from './components/LinkButton/LinkButton.styles.js
102
114
  export { listItemActionVariants, listItemIconVariants, listItemTextVariants, listItemVariants, listVariants } from './components/List/List.styles.js';
103
115
  export { megaMenuCardVariants, navActionVariants, navHeaderContainerVariants, navHeaderItemVariants, navHeaderVariants, offerBannerVariants, searchPopoverCardVariants } from './components/NavHeader/NavHeader.styles.js';
104
116
  export { navBadgeVariants, navItemVariants, sidebarContainerVariants, sidebarToggleVariants, subItemVariants } from './components/SideBarNavigation/SideBarNavigation.styles.js';
117
+ export { otpContainerVariants, otpSlotVariants } from './components/OtpInput/OtpInput.styles.js';
105
118
  export { paginationLinkVariants } from './components/Pagination/Pagination.styles.js';
106
119
  export { popoverContentVariants } from './components/Popover/Popover.styles.js';
107
120
  export { progressIndicatorVariants, progressRootVariants } from './components/Progress/Progress.styles.js';
@@ -109,7 +122,7 @@ export { radioIndicatorVariants, radioItemVariants } from './components/Radio/Ra
109
122
  export { rangeSliderRangeVariants, rangeSliderRootVariants, rangeSliderThumbVariants, rangeSliderTrackVariants } from './components/RangeSlider/RangeSlider.styles.js';
110
123
  export { selectContentVariants, selectItemVariants, selectTriggerVariants } from './components/Select/Select.styles.js';
111
124
  export { skeletonVariants } from './components/Skeleton/Skeleton.styles.js';
112
- export { spinnerVariants } from './components/Spinner/Spinner.styles.js';
125
+ export { spinnerIconVariants, spinnerVariants } from './components/Spinner/Spinner.styles.js';
113
126
  export { stackVariants } from './components/Stack/Stack.styles.js';
114
127
  export { statHelpTextVariants, statIndicatorVariants, statLabelVariants, statValueVariants, statVariants } from './components/Stat/Stat.styles.js';
115
128
  export { switchThumbVariants, switchVariants } from './components/Switch/Switch.styles.js';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@timmbr/ui",
3
- "version": "1.4.1",
3
+ "version": "1.5.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.3.0",
46
+ "@timmbr/utils": "1.3.0",
47
+ "@timmbr/hooks": "1.0.0",
48
+ "@timmbr/motion": "1.2.1",
49
+ "@timmbr/theme": "1.3.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"}