@tydavidson/design-system 1.1.1 → 1.1.3

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 (324) hide show
  1. package/dist/index.d.mts +925 -0
  2. package/dist/index.d.ts +925 -7
  3. package/dist/index.js +1758 -23
  4. package/dist/index.js.map +1 -1
  5. package/dist/index.mjs +1650 -0
  6. package/dist/index.mjs.map +1 -0
  7. package/dist/themes/index.d.mts +104 -0
  8. package/dist/themes/index.d.ts +104 -6
  9. package/dist/themes/index.js +204 -17
  10. package/dist/themes/index.js.map +1 -1
  11. package/dist/themes/index.mjs +196 -0
  12. package/dist/themes/index.mjs.map +1 -0
  13. package/package.json +26 -12
  14. package/dist/components/SidebarNav.d.ts +0 -13
  15. package/dist/components/SidebarNav.d.ts.map +0 -1
  16. package/dist/components/SidebarNav.js +0 -63
  17. package/dist/components/SidebarNav.js.map +0 -1
  18. package/dist/components/SidebarNavClient.d.ts +0 -2
  19. package/dist/components/SidebarNavClient.d.ts.map +0 -1
  20. package/dist/components/SidebarNavClient.js +0 -35
  21. package/dist/components/SidebarNavClient.js.map +0 -1
  22. package/dist/components/email/button.d.ts +0 -11
  23. package/dist/components/email/button.d.ts.map +0 -1
  24. package/dist/components/email/button.js +0 -86
  25. package/dist/components/email/button.js.map +0 -1
  26. package/dist/components/email/index.d.ts +0 -7
  27. package/dist/components/email/index.d.ts.map +0 -1
  28. package/dist/components/email/index.js +0 -17
  29. package/dist/components/email/index.js.map +0 -1
  30. package/dist/components/email/layout.d.ts +0 -23
  31. package/dist/components/email/layout.d.ts.map +0 -1
  32. package/dist/components/email/layout.js +0 -93
  33. package/dist/components/email/layout.js.map +0 -1
  34. package/dist/components/email/typography.d.ts +0 -11
  35. package/dist/components/email/typography.d.ts.map +0 -1
  36. package/dist/components/email/typography.js +0 -55
  37. package/dist/components/email/typography.js.map +0 -1
  38. package/dist/components/hooks/use-mobile.d.ts +0 -2
  39. package/dist/components/hooks/use-mobile.d.ts.map +0 -1
  40. package/dist/components/hooks/use-mobile.js +0 -7
  41. package/dist/components/hooks/use-mobile.js.map +0 -1
  42. package/dist/components/typography/heading/heading.d.ts +0 -48
  43. package/dist/components/typography/heading/heading.d.ts.map +0 -1
  44. package/dist/components/typography/heading/heading.js +0 -93
  45. package/dist/components/typography/heading/heading.js.map +0 -1
  46. package/dist/components/typography/heading/heading.stories.d.ts +0 -12
  47. package/dist/components/typography/heading/heading.stories.d.ts.map +0 -1
  48. package/dist/components/typography/heading/heading.stories.js +0 -77
  49. package/dist/components/typography/heading/heading.stories.js.map +0 -1
  50. package/dist/components/typography/heading/index.d.ts +0 -2
  51. package/dist/components/typography/heading/index.d.ts.map +0 -1
  52. package/dist/components/typography/heading/index.js +0 -18
  53. package/dist/components/typography/heading/index.js.map +0 -1
  54. package/dist/components/typography/index.d.ts +0 -5
  55. package/dist/components/typography/index.d.ts.map +0 -1
  56. package/dist/components/typography/index.js +0 -24
  57. package/dist/components/typography/index.js.map +0 -1
  58. package/dist/components/typography/showcase.d.ts +0 -7
  59. package/dist/components/typography/showcase.d.ts.map +0 -1
  60. package/dist/components/typography/showcase.js +0 -15
  61. package/dist/components/typography/showcase.js.map +0 -1
  62. package/dist/components/typography/text/index.d.ts +0 -2
  63. package/dist/components/typography/text/index.d.ts.map +0 -1
  64. package/dist/components/typography/text/index.js +0 -18
  65. package/dist/components/typography/text/index.js.map +0 -1
  66. package/dist/components/typography/text/text.d.ts +0 -43
  67. package/dist/components/typography/text/text.d.ts.map +0 -1
  68. package/dist/components/typography/text/text.js +0 -74
  69. package/dist/components/typography/text/text.js.map +0 -1
  70. package/dist/components/typography/text/text.stories.d.ts +0 -13
  71. package/dist/components/typography/text/text.stories.d.ts.map +0 -1
  72. package/dist/components/typography/text/text.stories.js +0 -75
  73. package/dist/components/typography/text/text.stories.js.map +0 -1
  74. package/dist/components/ui/accordion.d.ts +0 -8
  75. package/dist/components/ui/accordion.d.ts.map +0 -1
  76. package/dist/components/ui/accordion.js +0 -53
  77. package/dist/components/ui/accordion.js.map +0 -1
  78. package/dist/components/ui/alert.d.ts +0 -9
  79. package/dist/components/ui/alert.d.ts.map +0 -1
  80. package/dist/components/ui/alert.js +0 -64
  81. package/dist/components/ui/alert.js.map +0 -1
  82. package/dist/components/ui/aspect-ratio.d.ts +0 -5
  83. package/dist/components/ui/aspect-ratio.d.ts.map +0 -1
  84. package/dist/components/ui/aspect-ratio.js +0 -40
  85. package/dist/components/ui/aspect-ratio.js.map +0 -1
  86. package/dist/components/ui/avatar.d.ts +0 -7
  87. package/dist/components/ui/avatar.d.ts.map +0 -1
  88. package/dist/components/ui/avatar.js +0 -50
  89. package/dist/components/ui/avatar.js.map +0 -1
  90. package/dist/components/ui/badge.d.ts +0 -15
  91. package/dist/components/ui/badge.d.ts.map +0 -1
  92. package/dist/components/ui/badge.js +0 -82
  93. package/dist/components/ui/badge.js.map +0 -1
  94. package/dist/components/ui/breadcrumb.d.ts +0 -11
  95. package/dist/components/ui/breadcrumb.d.ts.map +0 -1
  96. package/dist/components/ui/breadcrumb.js +0 -63
  97. package/dist/components/ui/breadcrumb.js.map +0 -1
  98. package/dist/components/ui/button.d.ts +0 -41
  99. package/dist/components/ui/button.d.ts.map +0 -1
  100. package/dist/components/ui/button.js +0 -109
  101. package/dist/components/ui/button.js.map +0 -1
  102. package/dist/components/ui/calendar.d.ts +0 -9
  103. package/dist/components/ui/calendar.d.ts.map +0 -1
  104. package/dist/components/ui/calendar.js +0 -47
  105. package/dist/components/ui/calendar.js.map +0 -1
  106. package/dist/components/ui/card/card.d.ts +0 -35
  107. package/dist/components/ui/card/card.d.ts.map +0 -1
  108. package/dist/components/ui/card/card.js +0 -62
  109. package/dist/components/ui/card/card.js.map +0 -1
  110. package/dist/components/ui/card/index.d.ts +0 -2
  111. package/dist/components/ui/card/index.d.ts.map +0 -1
  112. package/dist/components/ui/card/index.js +0 -18
  113. package/dist/components/ui/card/index.js.map +0 -1
  114. package/dist/components/ui/card.d.ts +0 -12
  115. package/dist/components/ui/card.d.ts.map +0 -1
  116. package/dist/components/ui/card.js +0 -65
  117. package/dist/components/ui/card.js.map +0 -1
  118. package/dist/components/ui/checkbox.d.ts +0 -5
  119. package/dist/components/ui/checkbox.d.ts.map +0 -1
  120. package/dist/components/ui/checkbox.js +0 -45
  121. package/dist/components/ui/checkbox.js.map +0 -1
  122. package/dist/components/ui/collapsible.d.ts +0 -7
  123. package/dist/components/ui/collapsible.d.ts.map +0 -1
  124. package/dist/components/ui/collapsible.js +0 -44
  125. package/dist/components/ui/collapsible.js.map +0 -1
  126. package/dist/components/ui/command.d.ts +0 -83
  127. package/dist/components/ui/command.d.ts.map +0 -1
  128. package/dist/components/ui/command.js +0 -73
  129. package/dist/components/ui/command.js.map +0 -1
  130. package/dist/components/ui/context-menu.d.ts +0 -31
  131. package/dist/components/ui/context-menu.d.ts.map +0 -1
  132. package/dist/components/ui/context-menu.js +0 -92
  133. package/dist/components/ui/context-menu.js.map +0 -1
  134. package/dist/components/ui/dialog.d.ts +0 -20
  135. package/dist/components/ui/dialog.d.ts.map +0 -1
  136. package/dist/components/ui/dialog.js +0 -68
  137. package/dist/components/ui/dialog.js.map +0 -1
  138. package/dist/components/ui/dropdown-menu/dropdown-menu.d.ts +0 -32
  139. package/dist/components/ui/dropdown-menu/dropdown-menu.d.ts.map +0 -1
  140. package/dist/components/ui/dropdown-menu/dropdown-menu.js +0 -108
  141. package/dist/components/ui/dropdown-menu/dropdown-menu.js.map +0 -1
  142. package/dist/components/ui/dropdown-menu/index.d.ts +0 -2
  143. package/dist/components/ui/dropdown-menu/index.d.ts.map +0 -1
  144. package/dist/components/ui/dropdown-menu/index.js +0 -18
  145. package/dist/components/ui/dropdown-menu/index.js.map +0 -1
  146. package/dist/components/ui/header.d.ts +0 -3
  147. package/dist/components/ui/header.d.ts.map +0 -1
  148. package/dist/components/ui/header.js +0 -16
  149. package/dist/components/ui/header.js.map +0 -1
  150. package/dist/components/ui/hover-card.d.ts +0 -7
  151. package/dist/components/ui/hover-card.d.ts.map +0 -1
  152. package/dist/components/ui/hover-card.js +0 -48
  153. package/dist/components/ui/hover-card.js.map +0 -1
  154. package/dist/components/ui/index.d.ts +0 -15
  155. package/dist/components/ui/index.d.ts.map +0 -1
  156. package/dist/components/ui/index.js +0 -43
  157. package/dist/components/ui/index.js.map +0 -1
  158. package/dist/components/ui/input.d.ts +0 -6
  159. package/dist/components/ui/input.d.ts.map +0 -1
  160. package/dist/components/ui/input.js +0 -45
  161. package/dist/components/ui/input.js.map +0 -1
  162. package/dist/components/ui/label.d.ts +0 -6
  163. package/dist/components/ui/label.d.ts.map +0 -1
  164. package/dist/components/ui/label.js +0 -46
  165. package/dist/components/ui/label.js.map +0 -1
  166. package/dist/components/ui/nav.d.ts +0 -9
  167. package/dist/components/ui/nav.d.ts.map +0 -1
  168. package/dist/components/ui/nav.js +0 -25
  169. package/dist/components/ui/nav.js.map +0 -1
  170. package/dist/components/ui/org-switcher.d.ts +0 -13
  171. package/dist/components/ui/org-switcher.d.ts.map +0 -1
  172. package/dist/components/ui/org-switcher.js +0 -52
  173. package/dist/components/ui/org-switcher.js.map +0 -1
  174. package/dist/components/ui/popover.d.ts +0 -8
  175. package/dist/components/ui/popover.d.ts.map +0 -1
  176. package/dist/components/ui/popover.js +0 -50
  177. package/dist/components/ui/popover.js.map +0 -1
  178. package/dist/components/ui/progress.d.ts +0 -5
  179. package/dist/components/ui/progress.d.ts.map +0 -1
  180. package/dist/components/ui/progress.js +0 -44
  181. package/dist/components/ui/progress.js.map +0 -1
  182. package/dist/components/ui/radio-group.d.ts +0 -6
  183. package/dist/components/ui/radio-group.d.ts.map +0 -1
  184. package/dist/components/ui/radio-group.js +0 -52
  185. package/dist/components/ui/radio-group.js.map +0 -1
  186. package/dist/components/ui/select.d.ts +0 -14
  187. package/dist/components/ui/select.d.ts.map +0 -1
  188. package/dist/components/ui/select.js +0 -72
  189. package/dist/components/ui/select.js.map +0 -1
  190. package/dist/components/ui/separator.d.ts +0 -5
  191. package/dist/components/ui/separator.d.ts.map +0 -1
  192. package/dist/components/ui/separator.js +0 -44
  193. package/dist/components/ui/separator.js.map +0 -1
  194. package/dist/components/ui/sheet.d.ts +0 -22
  195. package/dist/components/ui/sheet.d.ts.map +0 -1
  196. package/dist/components/ui/sheet.js +0 -76
  197. package/dist/components/ui/sheet.js.map +0 -1
  198. package/dist/components/ui/sidebar.d.ts +0 -65
  199. package/dist/components/ui/sidebar.d.ts.map +0 -1
  200. package/dist/components/ui/sidebar.js +0 -269
  201. package/dist/components/ui/sidebar.js.map +0 -1
  202. package/dist/components/ui/skeleton.d.ts +0 -3
  203. package/dist/components/ui/skeleton.d.ts.map +0 -1
  204. package/dist/components/ui/skeleton.js +0 -9
  205. package/dist/components/ui/skeleton.js.map +0 -1
  206. package/dist/components/ui/slider.d.ts +0 -5
  207. package/dist/components/ui/slider.d.ts.map +0 -1
  208. package/dist/components/ui/slider.js +0 -44
  209. package/dist/components/ui/slider.js.map +0 -1
  210. package/dist/components/ui/switch.d.ts +0 -5
  211. package/dist/components/ui/switch.d.ts.map +0 -1
  212. package/dist/components/ui/switch.js +0 -44
  213. package/dist/components/ui/switch.js.map +0 -1
  214. package/dist/components/ui/tabs.d.ts +0 -8
  215. package/dist/components/ui/tabs.d.ts.map +0 -1
  216. package/dist/components/ui/tabs.js +0 -52
  217. package/dist/components/ui/tabs.js.map +0 -1
  218. package/dist/components/ui/textarea.d.ts +0 -6
  219. package/dist/components/ui/textarea.d.ts.map +0 -1
  220. package/dist/components/ui/textarea.js +0 -45
  221. package/dist/components/ui/textarea.js.map +0 -1
  222. package/dist/components/ui/theme-toggle/index.d.ts +0 -2
  223. package/dist/components/ui/theme-toggle/index.d.ts.map +0 -1
  224. package/dist/components/ui/theme-toggle/index.js +0 -18
  225. package/dist/components/ui/theme-toggle/index.js.map +0 -1
  226. package/dist/components/ui/theme-toggle/theme-toggle.d.ts +0 -21
  227. package/dist/components/ui/theme-toggle/theme-toggle.d.ts.map +0 -1
  228. package/dist/components/ui/theme-toggle/theme-toggle.js +0 -52
  229. package/dist/components/ui/theme-toggle/theme-toggle.js.map +0 -1
  230. package/dist/components/ui/toast.d.ts +0 -5
  231. package/dist/components/ui/toast.d.ts.map +0 -1
  232. package/dist/components/ui/toast.js +0 -17
  233. package/dist/components/ui/toast.js.map +0 -1
  234. package/dist/components/ui/toggle-group.d.ts +0 -6
  235. package/dist/components/ui/toggle-group.d.ts.map +0 -1
  236. package/dist/components/ui/toggle-group.js +0 -47
  237. package/dist/components/ui/toggle-group.js.map +0 -1
  238. package/dist/components/ui/toggle.d.ts +0 -5
  239. package/dist/components/ui/toggle.d.ts.map +0 -1
  240. package/dist/components/ui/toggle.js +0 -44
  241. package/dist/components/ui/toggle.js.map +0 -1
  242. package/dist/components/ui/tooltip.d.ts +0 -8
  243. package/dist/components/ui/tooltip.d.ts.map +0 -1
  244. package/dist/components/ui/tooltip.js +0 -50
  245. package/dist/components/ui/tooltip.js.map +0 -1
  246. package/dist/components/ui/use-toast.d.ts +0 -3
  247. package/dist/components/ui/use-toast.d.ts.map +0 -1
  248. package/dist/components/ui/use-toast.js +0 -7
  249. package/dist/components/ui/use-toast.js.map +0 -1
  250. package/dist/email/button.d.ts +0 -11
  251. package/dist/email/button.d.ts.map +0 -1
  252. package/dist/email/button.js +0 -86
  253. package/dist/email/button.js.map +0 -1
  254. package/dist/email/index.d.ts +0 -7
  255. package/dist/email/index.d.ts.map +0 -1
  256. package/dist/email/index.js +0 -17
  257. package/dist/email/index.js.map +0 -1
  258. package/dist/email/layout.d.ts +0 -23
  259. package/dist/email/layout.d.ts.map +0 -1
  260. package/dist/email/layout.js +0 -93
  261. package/dist/email/layout.js.map +0 -1
  262. package/dist/email/typography.d.ts +0 -11
  263. package/dist/email/typography.d.ts.map +0 -1
  264. package/dist/email/typography.js +0 -55
  265. package/dist/email/typography.js.map +0 -1
  266. package/dist/hooks/use-media-query.d.ts +0 -2
  267. package/dist/hooks/use-media-query.d.ts.map +0 -1
  268. package/dist/hooks/use-media-query.js +0 -20
  269. package/dist/hooks/use-media-query.js.map +0 -1
  270. package/dist/index.d.ts.map +0 -1
  271. package/dist/lib/theme-utils.d.ts +0 -42
  272. package/dist/lib/theme-utils.d.ts.map +0 -1
  273. package/dist/lib/theme-utils.js +0 -85
  274. package/dist/lib/theme-utils.js.map +0 -1
  275. package/dist/lib/types.d.ts +0 -18
  276. package/dist/lib/types.d.ts.map +0 -1
  277. package/dist/lib/types.js +0 -6
  278. package/dist/lib/types.js.map +0 -1
  279. package/dist/lib/utils.d.ts +0 -34
  280. package/dist/lib/utils.d.ts.map +0 -1
  281. package/dist/lib/utils.js +0 -52
  282. package/dist/lib/utils.js.map +0 -1
  283. package/dist/styles/constants/button-colors.d.ts +0 -59
  284. package/dist/styles/constants/button-colors.d.ts.map +0 -1
  285. package/dist/styles/constants/button-colors.js +0 -61
  286. package/dist/styles/constants/button-colors.js.map +0 -1
  287. package/dist/themes/catalog.d.ts +0 -2
  288. package/dist/themes/catalog.d.ts.map +0 -1
  289. package/dist/themes/catalog.js +0 -16
  290. package/dist/themes/catalog.js.map +0 -1
  291. package/dist/themes/index.d.ts.map +0 -1
  292. package/dist/themes/theme-context.d.ts +0 -30
  293. package/dist/themes/theme-context.d.ts.map +0 -1
  294. package/dist/themes/theme-context.js +0 -43
  295. package/dist/themes/theme-context.js.map +0 -1
  296. package/dist/themes/theme-provider.d.ts +0 -9
  297. package/dist/themes/theme-provider.d.ts.map +0 -1
  298. package/dist/themes/theme-provider.js +0 -16
  299. package/dist/themes/theme-provider.js.map +0 -1
  300. package/dist/tokens/colors.d.ts +0 -135
  301. package/dist/tokens/colors.d.ts.map +0 -1
  302. package/dist/tokens/colors.js +0 -140
  303. package/dist/tokens/colors.js.map +0 -1
  304. package/dist/tokens/index.d.ts +0 -256
  305. package/dist/tokens/index.d.ts.map +0 -1
  306. package/dist/tokens/index.js +0 -39
  307. package/dist/tokens/index.js.map +0 -1
  308. package/dist/tokens/radius.d.ts +0 -19
  309. package/dist/tokens/radius.d.ts.map +0 -1
  310. package/dist/tokens/radius.js +0 -27
  311. package/dist/tokens/radius.js.map +0 -1
  312. package/dist/tokens/shadows.d.ts +0 -21
  313. package/dist/tokens/shadows.d.ts.map +0 -1
  314. package/dist/tokens/shadows.js +0 -26
  315. package/dist/tokens/shadows.js.map +0 -1
  316. package/dist/tokens/spacing.d.ts +0 -26
  317. package/dist/tokens/spacing.d.ts.map +0 -1
  318. package/dist/tokens/spacing.js +0 -36
  319. package/dist/tokens/spacing.js.map +0 -1
  320. package/dist/tokens/typography.d.ts +0 -75
  321. package/dist/tokens/typography.d.ts.map +0 -1
  322. package/dist/tokens/typography.js +0 -55
  323. package/dist/tokens/typography.js.map +0 -1
  324. package/dist/tsconfig.build.tsbuildinfo +0 -1
@@ -1,11 +0,0 @@
1
- import React from 'react';
2
- export interface EmailTextProps {
3
- children: React.ReactNode;
4
- variant?: 'body' | 'heading' | 'caption' | 'lead' | 'muted';
5
- style?: React.CSSProperties;
6
- }
7
- export declare const EmailText: React.FC<EmailTextProps>;
8
- export declare const EmailHeading: React.FC<EmailTextProps>;
9
- export declare const EmailCaption: React.FC<EmailTextProps>;
10
- export declare const EmailMuted: React.FC<EmailTextProps>;
11
- //# sourceMappingURL=typography.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"typography.d.ts","sourceRoot":"","sources":["../../src/components/email/typography.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,cAAc;IAC7B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,GAAG,OAAO,CAAC;IAC5D,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAmD9C,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAEjD,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAEjD,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAE/C,CAAC"}
@@ -1,55 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.EmailMuted = exports.EmailCaption = exports.EmailHeading = exports.EmailText = void 0;
4
- const jsx_runtime_1 = require("react/jsx-runtime");
5
- const EmailText = ({ children, variant = 'body', style }) => {
6
- const getVariantStyles = () => {
7
- switch (variant) {
8
- case 'heading':
9
- return {
10
- fontSize: '24px',
11
- fontWeight: 'bold',
12
- color: '#1A1A1E',
13
- margin: '0 0 16px 0',
14
- lineHeight: '1.2',
15
- };
16
- case 'lead':
17
- return {
18
- fontSize: '16px',
19
- color: '#1A1A1E',
20
- margin: '0 0 12px 0',
21
- lineHeight: '1.5',
22
- };
23
- case 'caption':
24
- return {
25
- fontSize: '12px',
26
- color: '#6B7280',
27
- margin: '0 0 8px 0',
28
- lineHeight: '1.4',
29
- };
30
- case 'muted':
31
- return {
32
- fontSize: '14px',
33
- color: '#6B7280',
34
- margin: '0 0 12px 0',
35
- lineHeight: '1.5',
36
- };
37
- default:
38
- return {
39
- fontSize: '14px',
40
- color: '#1A1A1E',
41
- margin: '0 0 12px 0',
42
- lineHeight: '1.5',
43
- };
44
- }
45
- };
46
- return ((0, jsx_runtime_1.jsx)("div", { style: { ...getVariantStyles(), ...style }, children: children }));
47
- };
48
- exports.EmailText = EmailText;
49
- const EmailHeading = (props) => ((0, jsx_runtime_1.jsx)(exports.EmailText, { variant: "heading", ...props }));
50
- exports.EmailHeading = EmailHeading;
51
- const EmailCaption = (props) => ((0, jsx_runtime_1.jsx)(exports.EmailText, { variant: "caption", ...props }));
52
- exports.EmailCaption = EmailCaption;
53
- const EmailMuted = (props) => ((0, jsx_runtime_1.jsx)(exports.EmailText, { variant: "muted", ...props }));
54
- exports.EmailMuted = EmailMuted;
55
- //# sourceMappingURL=typography.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"typography.js","sourceRoot":"","sources":["../../src/components/email/typography.tsx"],"names":[],"mappings":";;;;AAQO,MAAM,SAAS,GAA6B,CAAC,EAClD,QAAQ,EACR,OAAO,GAAG,MAAM,EAChB,KAAK,EACN,EAAE,EAAE;IACH,MAAM,gBAAgB,GAAG,GAAG,EAAE;QAC5B,QAAQ,OAAO,EAAE,CAAC;YAChB,KAAK,SAAS;gBACZ,OAAO;oBACL,QAAQ,EAAE,MAAM;oBAChB,UAAU,EAAE,MAAM;oBAClB,KAAK,EAAE,SAAS;oBAChB,MAAM,EAAE,YAAY;oBACpB,UAAU,EAAE,KAAK;iBAClB,CAAC;YACJ,KAAK,MAAM;gBACT,OAAO;oBACL,QAAQ,EAAE,MAAM;oBAChB,KAAK,EAAE,SAAS;oBAChB,MAAM,EAAE,YAAY;oBACpB,UAAU,EAAE,KAAK;iBAClB,CAAC;YACJ,KAAK,SAAS;gBACZ,OAAO;oBACL,QAAQ,EAAE,MAAM;oBAChB,KAAK,EAAE,SAAS;oBAChB,MAAM,EAAE,WAAW;oBACnB,UAAU,EAAE,KAAK;iBAClB,CAAC;YACJ,KAAK,OAAO;gBACV,OAAO;oBACL,QAAQ,EAAE,MAAM;oBAChB,KAAK,EAAE,SAAS;oBAChB,MAAM,EAAE,YAAY;oBACpB,UAAU,EAAE,KAAK;iBAClB,CAAC;YACJ;gBACE,OAAO;oBACL,QAAQ,EAAE,MAAM;oBAChB,KAAK,EAAE,SAAS;oBAChB,MAAM,EAAE,YAAY;oBACpB,UAAU,EAAE,KAAK;iBAClB,CAAC;QACN,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,gCAAK,KAAK,EAAE,EAAE,GAAG,gBAAgB,EAAE,EAAE,GAAG,KAAK,EAAE,YAC5C,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CAAC;AAnDW,QAAA,SAAS,aAmDpB;AAEK,MAAM,YAAY,GAA6B,CAAC,KAAK,EAAE,EAAE,CAAC,CAC/D,uBAAC,iBAAS,IAAC,OAAO,EAAC,SAAS,KAAK,KAAK,GAAI,CAC3C,CAAC;AAFW,QAAA,YAAY,gBAEvB;AAEK,MAAM,YAAY,GAA6B,CAAC,KAAK,EAAE,EAAE,CAAC,CAC/D,uBAAC,iBAAS,IAAC,OAAO,EAAC,SAAS,KAAK,KAAK,GAAI,CAC3C,CAAC;AAFW,QAAA,YAAY,gBAEvB;AAEK,MAAM,UAAU,GAA6B,CAAC,KAAK,EAAE,EAAE,CAAC,CAC7D,uBAAC,iBAAS,IAAC,OAAO,EAAC,OAAO,KAAK,KAAK,GAAI,CACzC,CAAC;AAFW,QAAA,UAAU,cAErB"}
@@ -1,2 +0,0 @@
1
- export declare function useMediaQuery(query: string): boolean;
2
- //# sourceMappingURL=use-media-query.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"use-media-query.d.ts","sourceRoot":"","sources":["../../src/hooks/use-media-query.ts"],"names":[],"mappings":"AAEA,wBAAgB,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAoBpD"}
@@ -1,20 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.useMediaQuery = useMediaQuery;
4
- const react_1 = require("react");
5
- function useMediaQuery(query) {
6
- const [matches, setMatches] = (0, react_1.useState)(false);
7
- (0, react_1.useEffect)(() => {
8
- const media = window.matchMedia(query);
9
- // Set initial value
10
- setMatches(media.matches);
11
- // Create event listener
12
- const listener = (e) => setMatches(e.matches);
13
- // Add listener
14
- media.addEventListener("change", listener);
15
- // Clean up
16
- return () => media.removeEventListener("change", listener);
17
- }, [query]);
18
- return matches;
19
- }
20
- //# sourceMappingURL=use-media-query.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"use-media-query.js","sourceRoot":"","sources":["../../src/hooks/use-media-query.ts"],"names":[],"mappings":";;AAEA,sCAoBC;AAtBD,iCAA4C;AAE5C,SAAgB,aAAa,CAAC,KAAa;IACzC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAE9C,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,KAAK,GAAG,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;QAEvC,oBAAoB;QACpB,UAAU,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;QAE1B,wBAAwB;QACxB,MAAM,QAAQ,GAAG,CAAC,CAAsB,EAAE,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;QAEnE,eAAe;QACf,KAAK,CAAC,gBAAgB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;QAE3C,WAAW;QACX,OAAO,GAAG,EAAE,CAAC,KAAK,CAAC,mBAAmB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;IAC7D,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,OAAO,OAAO,CAAC;AACjB,CAAC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AACxC,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC"}
@@ -1,42 +0,0 @@
1
- /**
2
- * Utility functions for theme handling
3
- */
4
- /**
5
- * Supported color theme values
6
- */
7
- export type ThemeColor = 'brand' | 'error' | 'warning' | 'success';
8
- /**
9
- * Supported component variant types
10
- */
11
- export type ComponentVariant = 'primary' | 'secondary' | 'tertiary';
12
- /**
13
- * Map design system colors to shadcn variants
14
- *
15
- * @param color - The design system color
16
- * @returns The corresponding shadcn variant
17
- */
18
- export declare const mapColorToShadcnVariant: (color: ThemeColor) => "secondary" | "default" | "destructive";
19
- /**
20
- * Map design system variants to shadcn variants
21
- *
22
- * @param variant - The design system variant
23
- * @returns The corresponding shadcn variant
24
- */
25
- export declare const mapVariantToShadcnVariant: (variant: ComponentVariant) => "default" | "outline" | "ghost";
26
- /**
27
- * Generate Tailwind classes for color/variant combinations
28
- *
29
- * @param color - The design system color
30
- * @param variant - The design system variant
31
- * @returns String of Tailwind classes
32
- */
33
- export declare const getColorVariantClasses: (color: ThemeColor, variant: ComponentVariant) => string;
34
- /**
35
- * Determine if the current theme is dark
36
- *
37
- * @param theme - The current theme
38
- * @param systemTheme - The system theme
39
- * @returns True if the theme is dark
40
- */
41
- export declare const isDarkTheme: (theme: string | undefined, systemTheme: string | undefined) => boolean;
42
- //# sourceMappingURL=theme-utils.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"theme-utils.d.ts","sourceRoot":"","sources":["../../src/lib/theme-utils.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH;;GAEG;AACH,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,CAAC;AAEnE;;GAEG;AACH,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG,WAAW,GAAG,UAAU,CAAC;AAEpE;;;;;GAKG;AACH,eAAO,MAAM,uBAAuB,GAAI,OAAO,UAAU,4CASxD,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,yBAAyB,GAAI,SAAS,gBAAgB,oCAOlE,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,sBAAsB,GACjC,OAAO,UAAU,EACjB,SAAS,gBAAgB,KACxB,MAuBF,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,WAAW,GAAI,OAAO,MAAM,GAAG,SAAS,EAAE,aAAa,MAAM,GAAG,SAAS,KAAG,OAKxF,CAAC"}
@@ -1,85 +0,0 @@
1
- "use strict";
2
- /**
3
- * Utility functions for theme handling
4
- */
5
- Object.defineProperty(exports, "__esModule", { value: true });
6
- exports.isDarkTheme = exports.getColorVariantClasses = exports.mapVariantToShadcnVariant = exports.mapColorToShadcnVariant = void 0;
7
- /**
8
- * Map design system colors to shadcn variants
9
- *
10
- * @param color - The design system color
11
- * @returns The corresponding shadcn variant
12
- */
13
- const mapColorToShadcnVariant = (color) => {
14
- switch (color) {
15
- case 'brand': return 'default';
16
- case 'error': return 'destructive';
17
- case 'warning':
18
- case 'success':
19
- return 'secondary'; // Will need additional classes
20
- default: return 'default';
21
- }
22
- };
23
- exports.mapColorToShadcnVariant = mapColorToShadcnVariant;
24
- /**
25
- * Map design system variants to shadcn variants
26
- *
27
- * @param variant - The design system variant
28
- * @returns The corresponding shadcn variant
29
- */
30
- const mapVariantToShadcnVariant = (variant) => {
31
- switch (variant) {
32
- case 'primary': return 'default';
33
- case 'secondary': return 'outline';
34
- case 'tertiary': return 'ghost';
35
- default: return 'default';
36
- }
37
- };
38
- exports.mapVariantToShadcnVariant = mapVariantToShadcnVariant;
39
- /**
40
- * Generate Tailwind classes for color/variant combinations
41
- *
42
- * @param color - The design system color
43
- * @param variant - The design system variant
44
- * @returns String of Tailwind classes
45
- */
46
- const getColorVariantClasses = (color, variant) => {
47
- var _a;
48
- const colorVariantMap = {
49
- primary: {
50
- brand: 'bg-brand-600 hover:bg-brand-700 text-white focus-visible:ring-brand-500',
51
- error: 'bg-error-600 hover:bg-error-700 text-white focus-visible:ring-error-500',
52
- warning: 'bg-warning-600 hover:bg-warning-700 text-white focus-visible:ring-warning-500',
53
- success: 'bg-success-600 hover:bg-success-700 text-white focus-visible:ring-success-500',
54
- },
55
- secondary: {
56
- brand: 'border-brand-300 text-brand-700 hover:bg-brand-50 focus-visible:ring-brand-500',
57
- error: 'border-error-300 text-error-700 hover:bg-error-50 focus-visible:ring-error-500',
58
- warning: 'border-warning-300 text-warning-700 hover:bg-warning-50 focus-visible:ring-warning-500',
59
- success: 'border-success-300 text-success-700 hover:bg-success-50 focus-visible:ring-success-500',
60
- },
61
- tertiary: {
62
- brand: 'text-brand-700 hover:bg-brand-50 focus-visible:ring-brand-500',
63
- error: 'text-error-700 hover:bg-error-50 focus-visible:ring-error-500',
64
- warning: 'text-warning-700 hover:bg-warning-50 focus-visible:ring-warning-500',
65
- success: 'text-success-700 hover:bg-success-50 focus-visible:ring-success-500',
66
- }
67
- };
68
- return ((_a = colorVariantMap[variant]) === null || _a === void 0 ? void 0 : _a[color]) || '';
69
- };
70
- exports.getColorVariantClasses = getColorVariantClasses;
71
- /**
72
- * Determine if the current theme is dark
73
- *
74
- * @param theme - The current theme
75
- * @param systemTheme - The system theme
76
- * @returns True if the theme is dark
77
- */
78
- const isDarkTheme = (theme, systemTheme) => {
79
- if (theme === 'system') {
80
- return systemTheme === 'dark';
81
- }
82
- return theme === 'dark';
83
- };
84
- exports.isDarkTheme = isDarkTheme;
85
- //# sourceMappingURL=theme-utils.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"theme-utils.js","sourceRoot":"","sources":["../../src/lib/theme-utils.ts"],"names":[],"mappings":";AAAA;;GAEG;;;AAYH;;;;;GAKG;AACI,MAAM,uBAAuB,GAAG,CAAC,KAAiB,EAAE,EAAE;IAC3D,QAAQ,KAAK,EAAE,CAAC;QACd,KAAK,OAAO,CAAC,CAAC,OAAO,SAAS,CAAC;QAC/B,KAAK,OAAO,CAAC,CAAC,OAAO,aAAa,CAAC;QACnC,KAAK,SAAS,CAAC;QACf,KAAK,SAAS;YACZ,OAAO,WAAW,CAAC,CAAC,+BAA+B;QACrD,OAAO,CAAC,CAAC,OAAO,SAAS,CAAC;IAC5B,CAAC;AACH,CAAC,CAAC;AATW,QAAA,uBAAuB,2BASlC;AAEF;;;;;GAKG;AACI,MAAM,yBAAyB,GAAG,CAAC,OAAyB,EAAE,EAAE;IACrE,QAAQ,OAAO,EAAE,CAAC;QAChB,KAAK,SAAS,CAAC,CAAC,OAAO,SAAS,CAAC;QACjC,KAAK,WAAW,CAAC,CAAC,OAAO,SAAS,CAAC;QACnC,KAAK,UAAU,CAAC,CAAC,OAAO,OAAO,CAAC;QAChC,OAAO,CAAC,CAAC,OAAO,SAAS,CAAC;IAC5B,CAAC;AACH,CAAC,CAAC;AAPW,QAAA,yBAAyB,6BAOpC;AAEF;;;;;;GAMG;AACI,MAAM,sBAAsB,GAAG,CACpC,KAAiB,EACjB,OAAyB,EACjB,EAAE;;IACV,MAAM,eAAe,GAAyD;QAC5E,OAAO,EAAE;YACP,KAAK,EAAE,yEAAyE;YAChF,KAAK,EAAE,yEAAyE;YAChF,OAAO,EAAE,+EAA+E;YACxF,OAAO,EAAE,+EAA+E;SACzF;QACD,SAAS,EAAE;YACT,KAAK,EAAE,gFAAgF;YACvF,KAAK,EAAE,gFAAgF;YACvF,OAAO,EAAE,wFAAwF;YACjG,OAAO,EAAE,wFAAwF;SAClG;QACD,QAAQ,EAAE;YACR,KAAK,EAAE,+DAA+D;YACtE,KAAK,EAAE,+DAA+D;YACtE,OAAO,EAAE,qEAAqE;YAC9E,OAAO,EAAE,qEAAqE;SAC/E;KACF,CAAC;IAEF,OAAO,CAAA,MAAA,eAAe,CAAC,OAAO,CAAC,0CAAG,KAAK,CAAC,KAAI,EAAE,CAAC;AACjD,CAAC,CAAC;AA1BW,QAAA,sBAAsB,0BA0BjC;AAEF;;;;;;GAMG;AACI,MAAM,WAAW,GAAG,CAAC,KAAyB,EAAE,WAA+B,EAAW,EAAE;IACjG,IAAI,KAAK,KAAK,QAAQ,EAAE,CAAC;QACvB,OAAO,WAAW,KAAK,MAAM,CAAC;IAChC,CAAC;IACD,OAAO,KAAK,KAAK,MAAM,CAAC;AAC1B,CAAC,CAAC;AALW,QAAA,WAAW,eAKtB"}
@@ -1,18 +0,0 @@
1
- /**
2
- * Generic types to support polymorphic components
3
- */
4
- export type AsProp<C extends React.ElementType> = {
5
- /**
6
- * An override of the default HTML tag.
7
- * @default based on component default
8
- */
9
- as?: C;
10
- };
11
- export type PropsToOmit<C extends React.ElementType, P> = keyof (AsProp<C> & P);
12
- export type PolymorphicComponentProps<C extends React.ElementType, Props = {}> = React.PropsWithChildren<Props & AsProp<C>> & Omit<React.ComponentPropsWithoutRef<C>, PropsToOmit<C, Props>>;
13
- export type PolymorphicComponentPropsWithRef<C extends React.ElementType, Props = {}> = PolymorphicComponentProps<C, Props> & {
14
- ref?: PolymorphicRef<C>;
15
- };
16
- export type PolymorphicRef<C extends React.ElementType> = React.ComponentPropsWithRef<C>["ref"];
17
- export type PolymorphicComponentWithRef<Props, DefaultElementType extends React.ElementType> = <C extends React.ElementType = DefaultElementType>(props: PolymorphicComponentPropsWithRef<C, Props>) => React.ReactElement | null;
18
- //# sourceMappingURL=types.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/lib/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AAGH,MAAM,MAAM,MAAM,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,IAAI;IAC9C;;;OAGG;IACH,EAAE,CAAC,EAAE,CAAC,CAAC;CACR,CAAC;AAGF,MAAM,MAAM,WAAW,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,EAAE,CAAC,IAAI,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;AAGhF,MAAM,MAAM,yBAAyB,CACnC,CAAC,SAAS,KAAK,CAAC,WAAW,EAC3B,KAAK,GAAG,EAAE,IACR,KAAK,CAAC,iBAAiB,CAAC,KAAK,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,GAC5C,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,CAAC,CAAC,EAAE,WAAW,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC;AAGjE,MAAM,MAAM,gCAAgC,CAC1C,CAAC,SAAS,KAAK,CAAC,WAAW,EAC3B,KAAK,GAAG,EAAE,IACR,yBAAyB,CAAC,CAAC,EAAE,KAAK,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,cAAc,CAAC,CAAC,CAAC,CAAA;CAAE,CAAC;AAGtE,MAAM,MAAM,cAAc,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,IACpD,KAAK,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;AAGxC,MAAM,MAAM,2BAA2B,CACrC,KAAK,EACL,kBAAkB,SAAS,KAAK,CAAC,WAAW,IAC1C,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,kBAAkB,EACnD,KAAK,EAAE,gCAAgC,CAAC,CAAC,EAAE,KAAK,CAAC,KAC9C,KAAK,CAAC,YAAY,GAAG,IAAI,CAAC"}
package/dist/lib/types.js DELETED
@@ -1,6 +0,0 @@
1
- "use strict";
2
- /**
3
- * Generic types to support polymorphic components
4
- */
5
- Object.defineProperty(exports, "__esModule", { value: true });
6
- //# sourceMappingURL=types.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/lib/types.ts"],"names":[],"mappings":";AAAA;;GAEG"}
@@ -1,34 +0,0 @@
1
- import { type ClassValue } from 'clsx';
2
- /**
3
- * Combines multiple class values into a single className string
4
- * with proper Tailwind CSS class merging.
5
- *
6
- * @param inputs - Class values to merge
7
- * @returns Merged className string
8
- */
9
- export declare function cn(...inputs: ClassValue[]): string;
10
- /**
11
- * Utility function to generate a unique ID.
12
- * Useful for ensuring unique IDs for form elements.
13
- *
14
- * @param prefix - Optional prefix for the ID
15
- * @returns A unique ID string
16
- */
17
- export declare function generateId(prefix?: string): string;
18
- /**
19
- * Type guard to check if a value is not null or undefined
20
- *
21
- * @param value - Value to check
22
- * @returns True if value is not null or undefined
23
- */
24
- export declare function isNotNullOrUndefined<T>(value: T | null | undefined): value is T;
25
- /**
26
- * Returns only the props that are safe to spread onto a DOM element
27
- * by filtering out custom props
28
- *
29
- * @param props - The props object
30
- * @param propNames - Names of custom props to filter out
31
- * @returns Object with only DOM-safe props
32
- */
33
- export declare function filterDOMProps<T extends Record<string, any>, K extends keyof T>(props: T, propNames: K[]): Omit<T, K>;
34
- //# sourceMappingURL=utils.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/lib/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,UAAU,EAAE,MAAM,MAAM,CAAC;AAG7C;;;;;;GAMG;AACH,wBAAgB,EAAE,CAAC,GAAG,MAAM,EAAE,UAAU,EAAE,UAEzC;AAED;;;;;;GAMG;AACH,wBAAgB,UAAU,CAAC,MAAM,SAAO,GAAG,MAAM,CAGhD;AAED;;;;;GAKG;AACH,wBAAgB,oBAAoB,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,GAAG,IAAI,GAAG,SAAS,GAAG,KAAK,IAAI,CAAC,CAE/E;AAED;;;;;;;GAOG;AACH,wBAAgB,cAAc,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,CAAC,SAAS,MAAM,CAAC,EAC7E,KAAK,EAAE,CAAC,EACR,SAAS,EAAE,CAAC,EAAE,GACb,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,CAIZ"}
package/dist/lib/utils.js DELETED
@@ -1,52 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.cn = cn;
4
- exports.generateId = generateId;
5
- exports.isNotNullOrUndefined = isNotNullOrUndefined;
6
- exports.filterDOMProps = filterDOMProps;
7
- const clsx_1 = require("clsx");
8
- const tailwind_merge_1 = require("tailwind-merge");
9
- /**
10
- * Combines multiple class values into a single className string
11
- * with proper Tailwind CSS class merging.
12
- *
13
- * @param inputs - Class values to merge
14
- * @returns Merged className string
15
- */
16
- function cn(...inputs) {
17
- return (0, tailwind_merge_1.twMerge)((0, clsx_1.clsx)(inputs));
18
- }
19
- /**
20
- * Utility function to generate a unique ID.
21
- * Useful for ensuring unique IDs for form elements.
22
- *
23
- * @param prefix - Optional prefix for the ID
24
- * @returns A unique ID string
25
- */
26
- function generateId(prefix = 'id') {
27
- const randomId = Math.random().toString(36).substring(2, 9);
28
- return `${prefix}-${randomId}`;
29
- }
30
- /**
31
- * Type guard to check if a value is not null or undefined
32
- *
33
- * @param value - Value to check
34
- * @returns True if value is not null or undefined
35
- */
36
- function isNotNullOrUndefined(value) {
37
- return value !== null && value !== undefined;
38
- }
39
- /**
40
- * Returns only the props that are safe to spread onto a DOM element
41
- * by filtering out custom props
42
- *
43
- * @param props - The props object
44
- * @param propNames - Names of custom props to filter out
45
- * @returns Object with only DOM-safe props
46
- */
47
- function filterDOMProps(props, propNames) {
48
- const result = { ...props };
49
- propNames.forEach(name => delete result[name]);
50
- return result;
51
- }
52
- //# sourceMappingURL=utils.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/lib/utils.ts"],"names":[],"mappings":";;AAUA,gBAEC;AASD,gCAGC;AAQD,oDAEC;AAUD,wCAOC;AAnDD,+BAA6C;AAC7C,mDAAyC;AAEzC;;;;;;GAMG;AACH,SAAgB,EAAE,CAAC,GAAG,MAAoB;IACxC,OAAO,IAAA,wBAAO,EAAC,IAAA,WAAI,EAAC,MAAM,CAAC,CAAC,CAAC;AAC/B,CAAC;AAED;;;;;;GAMG;AACH,SAAgB,UAAU,CAAC,MAAM,GAAG,IAAI;IACtC,MAAM,QAAQ,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IAC5D,OAAO,GAAG,MAAM,IAAI,QAAQ,EAAE,CAAC;AACjC,CAAC;AAED;;;;;GAKG;AACH,SAAgB,oBAAoB,CAAI,KAA2B;IACjE,OAAO,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,SAAS,CAAC;AAC/C,CAAC;AAED;;;;;;;GAOG;AACH,SAAgB,cAAc,CAC5B,KAAQ,EACR,SAAc;IAEd,MAAM,MAAM,GAAG,EAAE,GAAG,KAAK,EAAE,CAAC;IAC5B,SAAS,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,OAAO,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;IAC/C,OAAO,MAAM,CAAC;AAChB,CAAC"}
@@ -1,59 +0,0 @@
1
- export declare const BUTTON_COLORS: {
2
- readonly primary: {
3
- readonly bg: "var(--button-bg-primary)";
4
- readonly bgHover: "var(--button-bg-primary-hover)";
5
- readonly border: "var(--button-border-primary)";
6
- readonly borderHover: "var(--button-border-primary-hover)";
7
- readonly fg: "var(--button-text-primary)";
8
- readonly fgHover: "var(--button-text-primary-hover)";
9
- };
10
- readonly primaryError: {
11
- readonly bg: "var(--button-bg-primary-error)";
12
- readonly bgHover: "var(--button-bg-primary-error-hover)";
13
- readonly border: "var(--button-border-primary-error)";
14
- readonly borderHover: "var(--button-border-primary-error-hover)";
15
- readonly fg: "var(--button-fg-primary-error)";
16
- readonly fgHover: "var(--button-fg-primary-error-hover)";
17
- };
18
- readonly secondary: {
19
- readonly bg: "var(--button-bg-secondary)";
20
- readonly bgHover: "var(--button-bg-secondary-hover)";
21
- readonly border: "var(--button-border-secondary)";
22
- readonly borderHover: "var(--button-border-secondary-hover)";
23
- readonly fg: "var(--button-text-secondary)";
24
- readonly fgHover: "var(--button-text-secondary-hover)";
25
- };
26
- readonly secondaryColor: {
27
- readonly bg: "var(--button-bg-secondary-color)";
28
- readonly bgHover: "var(--button-bg-secondary-color-hover)";
29
- readonly border: "var(--button-border-secondary-color)";
30
- readonly borderHover: "var(--button-border-secondary-color-hover)";
31
- readonly fg: "var(--button-fg-secondary-color)";
32
- readonly fgHover: "var(--button-fg-secondary-color-hover)";
33
- };
34
- readonly secondaryError: {
35
- readonly bg: "var(--button-bg-secondary-error)";
36
- readonly bgHover: "var(--button-bg-secondary-error-hover)";
37
- readonly border: "var(--button-border-secondary-error)";
38
- readonly borderHover: "var(--button-border-secondary-error-hover)";
39
- readonly fg: "var(--button-fg-secondary-error)";
40
- readonly fgHover: "var(--button-fg-secondary-error-hover)";
41
- };
42
- readonly tertiary: {
43
- readonly bgHover: "var(--button-bg-tertiary-hover)";
44
- readonly fg: "var(--button-text-tertiary)";
45
- readonly fgHover: "var(--button-text-tertiary-hover)";
46
- };
47
- readonly tertiaryColor: {
48
- readonly bgHover: "var(--button-bg-tertiary-color-hover)";
49
- readonly fg: "var(--button-fg-tertiary-color)";
50
- readonly fgHover: "var(--button-fg-tertiary-color-hover)";
51
- };
52
- readonly tertiaryError: {
53
- readonly bgHover: "var(--button-bg-tertiary-error-hover)";
54
- readonly fg: "var(--button-fg-tertiary-error)";
55
- readonly fgHover: "var(--button-fg-tertiary-error-hover)";
56
- };
57
- };
58
- export type ButtonVariant = keyof typeof BUTTON_COLORS;
59
- //# sourceMappingURL=button-colors.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"button-colors.d.ts","sourceRoot":"","sources":["../../../src/styles/constants/button-colors.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwDhB,CAAC;AAEX,MAAM,MAAM,aAAa,GAAG,MAAM,OAAO,aAAa,CAAC"}
@@ -1,61 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.BUTTON_COLORS = void 0;
4
- exports.BUTTON_COLORS = {
5
- primary: {
6
- bg: 'var(--button-bg-primary)',
7
- bgHover: 'var(--button-bg-primary-hover)',
8
- border: 'var(--button-border-primary)',
9
- borderHover: 'var(--button-border-primary-hover)',
10
- fg: 'var(--button-text-primary)',
11
- fgHover: 'var(--button-text-primary-hover)',
12
- },
13
- primaryError: {
14
- bg: 'var(--button-bg-primary-error)',
15
- bgHover: 'var(--button-bg-primary-error-hover)',
16
- border: 'var(--button-border-primary-error)',
17
- borderHover: 'var(--button-border-primary-error-hover)',
18
- fg: 'var(--button-fg-primary-error)',
19
- fgHover: 'var(--button-fg-primary-error-hover)',
20
- },
21
- secondary: {
22
- bg: 'var(--button-bg-secondary)',
23
- bgHover: 'var(--button-bg-secondary-hover)',
24
- border: 'var(--button-border-secondary)',
25
- borderHover: 'var(--button-border-secondary-hover)',
26
- fg: 'var(--button-text-secondary)',
27
- fgHover: 'var(--button-text-secondary-hover)',
28
- },
29
- secondaryColor: {
30
- bg: 'var(--button-bg-secondary-color)',
31
- bgHover: 'var(--button-bg-secondary-color-hover)',
32
- border: 'var(--button-border-secondary-color)',
33
- borderHover: 'var(--button-border-secondary-color-hover)',
34
- fg: 'var(--button-fg-secondary-color)',
35
- fgHover: 'var(--button-fg-secondary-color-hover)',
36
- },
37
- secondaryError: {
38
- bg: 'var(--button-bg-secondary-error)',
39
- bgHover: 'var(--button-bg-secondary-error-hover)',
40
- border: 'var(--button-border-secondary-error)',
41
- borderHover: 'var(--button-border-secondary-error-hover)',
42
- fg: 'var(--button-fg-secondary-error)',
43
- fgHover: 'var(--button-fg-secondary-error-hover)',
44
- },
45
- tertiary: {
46
- bgHover: 'var(--button-bg-tertiary-hover)',
47
- fg: 'var(--button-text-tertiary)',
48
- fgHover: 'var(--button-text-tertiary-hover)',
49
- },
50
- tertiaryColor: {
51
- bgHover: 'var(--button-bg-tertiary-color-hover)',
52
- fg: 'var(--button-fg-tertiary-color)',
53
- fgHover: 'var(--button-fg-tertiary-color-hover)',
54
- },
55
- tertiaryError: {
56
- bgHover: 'var(--button-bg-tertiary-error-hover)',
57
- fg: 'var(--button-fg-tertiary-error)',
58
- fgHover: 'var(--button-fg-tertiary-error-hover)',
59
- },
60
- };
61
- //# sourceMappingURL=button-colors.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"button-colors.js","sourceRoot":"","sources":["../../../src/styles/constants/button-colors.ts"],"names":[],"mappings":";;;AAAa,QAAA,aAAa,GAAG;IAC3B,OAAO,EAAE;QACP,EAAE,EAAE,0BAA0B;QAC9B,OAAO,EAAE,gCAAgC;QACzC,MAAM,EAAE,8BAA8B;QACtC,WAAW,EAAE,oCAAoC;QACjD,EAAE,EAAE,4BAA4B;QAChC,OAAO,EAAE,kCAAkC;KAC5C;IACD,YAAY,EAAE;QACZ,EAAE,EAAE,gCAAgC;QACpC,OAAO,EAAE,sCAAsC;QAC/C,MAAM,EAAE,oCAAoC;QAC5C,WAAW,EAAE,0CAA0C;QACvD,EAAE,EAAE,gCAAgC;QACpC,OAAO,EAAE,sCAAsC;KAChD;IACD,SAAS,EAAE;QACT,EAAE,EAAE,4BAA4B;QAChC,OAAO,EAAE,kCAAkC;QAC3C,MAAM,EAAE,gCAAgC;QACxC,WAAW,EAAE,sCAAsC;QACnD,EAAE,EAAE,8BAA8B;QAClC,OAAO,EAAE,oCAAoC;KAC9C;IACD,cAAc,EAAE;QACd,EAAE,EAAE,kCAAkC;QACtC,OAAO,EAAE,wCAAwC;QACjD,MAAM,EAAE,sCAAsC;QAC9C,WAAW,EAAE,4CAA4C;QACzD,EAAE,EAAE,kCAAkC;QACtC,OAAO,EAAE,wCAAwC;KAClD;IACD,cAAc,EAAE;QACd,EAAE,EAAE,kCAAkC;QACtC,OAAO,EAAE,wCAAwC;QACjD,MAAM,EAAE,sCAAsC;QAC9C,WAAW,EAAE,4CAA4C;QACzD,EAAE,EAAE,kCAAkC;QACtC,OAAO,EAAE,wCAAwC;KAClD;IACD,QAAQ,EAAE;QACR,OAAO,EAAE,iCAAiC;QAC1C,EAAE,EAAE,6BAA6B;QACjC,OAAO,EAAE,mCAAmC;KAC7C;IACD,aAAa,EAAE;QACb,OAAO,EAAE,uCAAuC;QAChD,EAAE,EAAE,iCAAiC;QACrC,OAAO,EAAE,uCAAuC;KACjD;IACD,aAAa,EAAE;QACb,OAAO,EAAE,uCAAuC;QAChD,EAAE,EAAE,iCAAiC;QACrC,OAAO,EAAE,uCAAuC;KACjD;CACO,CAAC"}
@@ -1,2 +0,0 @@
1
- export default function ComponentCatalog(): import("react/jsx-runtime").JSX.Element;
2
- //# sourceMappingURL=catalog.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"catalog.d.ts","sourceRoot":"","sources":["../../src/themes/catalog.tsx"],"names":[],"mappings":"AAmBA,MAAM,CAAC,OAAO,UAAU,gBAAgB,4CAiDvC"}
@@ -1,16 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- // src/app/components/catalog.tsx
3
- import { Button, Card, CardHeader, CardTitle, CardContent } from "@/components/ui";
4
- // Sample icons
5
- import { PlusIcon } from "@heroicons/react/24/outline";
6
- export default function ComponentCatalog() {
7
- // Component examples with different variants
8
- var colorOptions = [
9
- "brand", "error", "warning", "success"
10
- ];
11
- var variantOptions = [
12
- "primary", "secondary", "tertiary"
13
- ];
14
- return (_jsxs("div", { className: "container mx-auto p-8", children: [_jsx("h1", { className: "text-display-xl font-bold mb-8", children: "Component Catalog" }), _jsxs("section", { className: "mb-12", children: [_jsx("h2", { className: "text-display-md font-semibold mb-6", children: "Buttons" }), _jsx("div", { className: "grid grid-cols-4 gap-6", children: colorOptions.map(function (color) { return (_jsxs(Card, { children: [_jsx(CardHeader, { children: _jsxs(CardTitle, { children: [color.charAt(0).toUpperCase() + color.slice(1), " Buttons"] }) }), _jsx(CardContent, { className: "space-y-4", children: variantOptions.map(function (variant) { return (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Button, { color: color, variant: variant, children: variant }), _jsx(Button, { color: color, variant: variant, leftIcon: _jsx(PlusIcon, { className: "w-4 h-4" }), children: "With Icon" })] }, "".concat(color, "-").concat(variant))); }) })] }, color)); }) })] })] }));
15
- }
16
- //# sourceMappingURL=catalog.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"catalog.js","sourceRoot":"","sources":["../../src/themes/catalog.tsx"],"names":[],"mappings":";AAAA,iCAAiC;AACjC,OAAO,EACL,MAAM,EACN,IAAI,EACJ,UAAU,EACV,SAAS,EACT,WAAW,EAGZ,MAAM,iBAAiB,CAAC;AAEzB,eAAe;AACf,OAAO,EAEL,QAAQ,EAGT,MAAM,6BAA6B,CAAC;AAErC,MAAM,CAAC,OAAO,UAAU,gBAAgB;IACtC,6CAA6C;IAC7C,IAAM,YAAY,GAAqD;QACrE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS;KACvC,CAAC;IAEF,IAAM,cAAc,GAAgD;QAClE,SAAS,EAAE,WAAW,EAAE,UAAU;KACnC,CAAC;IAEF,OAAO,CACL,eAAK,SAAS,EAAC,uBAAuB,aACpC,aAAI,SAAS,EAAC,gCAAgC,kCAAuB,EAErE,mBAAS,SAAS,EAAC,OAAO,aACxB,aAAI,SAAS,EAAC,oCAAoC,wBAAa,EAC/D,cAAK,SAAS,EAAC,wBAAwB,YACpC,YAAY,CAAC,GAAG,CAAC,UAAA,KAAK,IAAI,OAAA,CACzB,MAAC,IAAI,eACH,KAAC,UAAU,cACT,MAAC,SAAS,eAAE,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,gBAAqB,GACpE,EACb,KAAC,WAAW,IAAC,SAAS,EAAC,WAAW,YAC/B,cAAc,CAAC,GAAG,CAAC,UAAA,OAAO,IAAI,OAAA,CAC7B,eAAiC,SAAS,EAAC,yBAAyB,aAClE,KAAC,MAAM,IACL,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,YAEf,OAAO,GACD,EACT,KAAC,MAAM,IACL,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,KAAC,QAAQ,IAAC,SAAS,EAAC,SAAS,GAAG,0BAGnC,KAbD,UAAG,KAAK,cAAI,OAAO,CAAE,CAczB,CACP,EAhB8B,CAgB9B,CAAC,GACU,KAtBL,KAAK,CAuBT,CACR,EAzB0B,CAyB1B,CAAC,GACE,IACE,IAGN,CACP,CAAC;AACJ,CAAC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/themes/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,oBAAoB,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AACjE,OAAO,EAAE,WAAW,EAAE,MAAM,qCAAqC,CAAC;AAGlE,OAAO,EAAE,WAAW,EAAE,uBAAuB,EAAE,yBAAyB,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAG7H,YAAY,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC"}
@@ -1,30 +0,0 @@
1
- import React from "react";
2
- /**
3
- * Theme context type definition
4
- */
5
- type ThemeContextType = {
6
- /** Current theme name (light, dark, system) */
7
- theme: string;
8
- /** Method to change the theme */
9
- setTheme: (theme: string) => void;
10
- /** Current resolved theme (light or dark) accounting for system preference */
11
- resolvedTheme: string;
12
- /** Whether the client-side code has been initialized */
13
- isClient: boolean;
14
- /** Whether the current theme is dark */
15
- isDark: boolean;
16
- };
17
- /**
18
- * ThemeContextProvider wraps the app and provides theme context
19
- */
20
- export declare function ThemeContextProvider({ children }: {
21
- children: React.ReactNode;
22
- }): import("react/jsx-runtime").JSX.Element;
23
- /**
24
- * Custom hook to access theme context
25
- *
26
- * @returns Theme context object
27
- */
28
- export declare function useTheme(): ThemeContextType;
29
- export {};
30
- //# sourceMappingURL=theme-context.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"theme-context.d.ts","sourceRoot":"","sources":["../../src/themes/theme-context.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAyD,MAAM,OAAO,CAAA;AAI7E;;GAEG;AACH,KAAK,gBAAgB,GAAG;IACtB,+CAA+C;IAC/C,KAAK,EAAE,MAAM,CAAC;IAEd,iCAAiC;IACjC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAElC,8EAA8E;IAC9E,aAAa,EAAE,MAAM,CAAC;IAEtB,wDAAwD;IACxD,QAAQ,EAAE,OAAO,CAAC;IAElB,wCAAwC;IACxC,MAAM,EAAE,OAAO,CAAC;CACjB,CAAA;AAID;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,EACnC,QAAQ,EACT,EAAE;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B,2CAuBA;AAED;;;;GAIG;AACH,wBAAgB,QAAQ,qBAQvB"}
@@ -1,43 +0,0 @@
1
- "use strict";
2
- "use client";
3
- Object.defineProperty(exports, "__esModule", { value: true });
4
- exports.ThemeContextProvider = ThemeContextProvider;
5
- exports.useTheme = useTheme;
6
- const jsx_runtime_1 = require("react/jsx-runtime");
7
- const react_1 = require("react");
8
- const next_themes_1 = require("next-themes");
9
- const theme_utils_1 = require("@/lib/theme-utils");
10
- const ThemeContext = (0, react_1.createContext)(undefined);
11
- /**
12
- * ThemeContextProvider wraps the app and provides theme context
13
- */
14
- function ThemeContextProvider({ children }) {
15
- const [isClient, setIsClient] = (0, react_1.useState)(false);
16
- const { theme, setTheme, resolvedTheme, systemTheme } = (0, next_themes_1.useTheme)();
17
- // Handle client-side hydration
18
- (0, react_1.useEffect)(() => {
19
- setIsClient(true);
20
- }, []);
21
- // Determine if the theme is dark
22
- const isDark = (0, theme_utils_1.isDarkTheme)(theme, systemTheme);
23
- return ((0, jsx_runtime_1.jsx)(ThemeContext.Provider, { value: {
24
- theme: theme || "system",
25
- setTheme,
26
- resolvedTheme: resolvedTheme || "light",
27
- isClient,
28
- isDark,
29
- }, children: children }));
30
- }
31
- /**
32
- * Custom hook to access theme context
33
- *
34
- * @returns Theme context object
35
- */
36
- function useTheme() {
37
- const context = (0, react_1.useContext)(ThemeContext);
38
- if (context === undefined) {
39
- throw new Error("useTheme must be used within a ThemeContextProvider");
40
- }
41
- return context;
42
- }
43
- //# sourceMappingURL=theme-context.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"theme-context.js","sourceRoot":"","sources":["../../src/themes/theme-context.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAA;;AA+BZ,oDA2BC;AAOD,4BAQC;;AAvED,iCAA6E;AAC7E,6CAAsD;AACtD,mDAA+C;AAsB/C,MAAM,YAAY,GAAG,IAAA,qBAAa,EAA+B,SAAS,CAAC,CAAC;AAE5E;;GAEG;AACH,SAAgB,oBAAoB,CAAC,EACnC,QAAQ,EAGT;IACC,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAChD,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,aAAa,EAAE,WAAW,EAAE,GAAG,IAAA,sBAAY,GAAE,CAAC;IAEvE,+BAA+B;IAC/B,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,WAAW,CAAC,IAAI,CAAC,CAAC;IACpB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,iCAAiC;IACjC,MAAM,MAAM,GAAG,IAAA,yBAAW,EAAC,KAAK,EAAE,WAAW,CAAC,CAAC;IAE/C,OAAO,CACL,uBAAC,YAAY,CAAC,QAAQ,IAAC,KAAK,EAAE;YAC5B,KAAK,EAAE,KAAK,IAAI,QAAQ;YACxB,QAAQ;YACR,aAAa,EAAE,aAAa,IAAI,OAAO;YACvC,QAAQ;YACR,MAAM;SACP,YACE,QAAQ,GACa,CACzB,CAAC;AACJ,CAAC;AAED;;;;GAIG;AACH,SAAgB,QAAQ;IACtB,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,YAAY,CAAC,CAAC;IAEzC,IAAI,OAAO,KAAK,SAAS,EAAE,CAAC;QAC1B,MAAM,IAAI,KAAK,CAAC,qDAAqD,CAAC,CAAC;IACzE,CAAC;IAED,OAAO,OAAO,CAAC;AACjB,CAAC"}