@tydavidson/design-system 1.1.2 → 1.1.4

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 +1752 -23
  4. package/dist/index.js.map +1 -1
  5. package/dist/index.mjs +1643 -0
  6. package/dist/index.mjs.map +1 -0
  7. package/dist/themes/index.d.mts +95 -0
  8. package/dist/themes/index.d.ts +95 -6
  9. package/dist/themes/index.js +218 -17
  10. package/dist/themes/index.js.map +1 -1
  11. package/dist/themes/index.mjs +190 -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,93 +0,0 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
- desc = { enumerable: true, get: function() { return m[k]; } };
7
- }
8
- Object.defineProperty(o, k2, desc);
9
- }) : (function(o, m, k, k2) {
10
- if (k2 === undefined) k2 = k;
11
- o[k2] = m[k];
12
- }));
13
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
- Object.defineProperty(o, "default", { enumerable: true, value: v });
15
- }) : function(o, v) {
16
- o["default"] = v;
17
- });
18
- var __importStar = (this && this.__importStar) || (function () {
19
- var ownKeys = function(o) {
20
- ownKeys = Object.getOwnPropertyNames || function (o) {
21
- var ar = [];
22
- for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
23
- return ar;
24
- };
25
- return ownKeys(o);
26
- };
27
- return function (mod) {
28
- if (mod && mod.__esModule) return mod;
29
- var result = {};
30
- if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
31
- __setModuleDefault(result, mod);
32
- return result;
33
- };
34
- })();
35
- Object.defineProperty(exports, "__esModule", { value: true });
36
- exports.Heading = void 0;
37
- const jsx_runtime_1 = require("react/jsx-runtime");
38
- const React = __importStar(require("react"));
39
- const utils_1 = require("../../../lib/utils");
40
- /**
41
- * Heading component that follows the design system guidelines.
42
- *
43
- * This component renders headings following the design system's typography
44
- * scale, with support for different levels, sizes, weights, styles, and colors.
45
- */
46
- exports.Heading = React.forwardRef(({ level = 1, size, weight = "bold", italic = false, underline = false, color = "default", className = "", as, children, ...props }, ref) => {
47
- // Default heading tag based on level
48
- const defaultTag = `h${level}`;
49
- // Use provided "as" prop or default based on level
50
- const Component = as || defaultTag;
51
- // Default sizes based on heading level if not explicitly provided
52
- const defaultSizes = {
53
- 1: "md",
54
- 2: "sm",
55
- 3: "xs",
56
- 4: "text-xl",
57
- 5: "text-lg",
58
- 6: "text-md",
59
- };
60
- // Determine the final size
61
- const finalSize = size || defaultSizes[level];
62
- // Map to standard Tailwind classes with appropriate sizing
63
- const sizeClasses = {
64
- "2xl": "text-5xl leading-tight tracking-tight",
65
- "xl": "text-4xl leading-tight tracking-tight",
66
- "lg": "text-3xl leading-tight tracking-tight",
67
- "md": "text-2xl leading-tight tracking-tight",
68
- "sm": "text-xl leading-tight tracking-tight",
69
- "xs": "text-lg leading-tight tracking-tight",
70
- "text-xl": "text-xl leading-tight",
71
- "text-lg": "text-lg leading-tight",
72
- "text-md": "text-base leading-tight",
73
- };
74
- // Map to standard Tailwind weight classes
75
- const weightClasses = {
76
- regular: "font-normal",
77
- medium: "font-medium",
78
- semibold: "font-semibold",
79
- bold: "font-bold",
80
- };
81
- // Keep the existing color classes since they're semantic
82
- const colorClasses = {
83
- default: "text-foreground",
84
- muted: "text-muted-foreground",
85
- brand: "text-brand-700 dark:text-brand-400",
86
- error: "text-error-700 dark:text-error-400",
87
- warning: "text-warning-700 dark:text-warning-400",
88
- success: "text-success-700 dark:text-success-400",
89
- };
90
- return ((0, jsx_runtime_1.jsx)(Component, { ref: ref, className: (0, utils_1.cn)(sizeClasses[finalSize], weightClasses[weight], colorClasses[color], italic && "italic", underline && "underline", className), ...props, children: children }));
91
- });
92
- exports.Heading.displayName = "Heading";
93
- //# sourceMappingURL=heading.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"heading.js","sourceRoot":"","sources":["../../../../src/components/typography/heading/heading.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAC/B,8CAAwC;AAiDxC;;;;;GAKG;AACU,QAAA,OAAO,GAAG,KAAK,CAAC,UAAU,CACrC,CAAC,EACC,KAAK,GAAG,CAAC,EACT,IAAI,EACJ,MAAM,GAAG,MAAM,EACf,MAAM,GAAG,KAAK,EACd,SAAS,GAAG,KAAK,EACjB,KAAK,GAAG,SAAS,EACjB,SAAS,GAAG,EAAE,EACd,EAAE,EACF,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,GAAG,EAAE,EAAE;IACR,qCAAqC;IACrC,MAAM,UAAU,GAAG,IAAI,KAAK,EAAiB,CAAC;IAE9C,mDAAmD;IACnD,MAAM,SAAS,GAAG,EAAE,IAAI,UAAU,CAAC;IAEnC,kEAAkE;IAClE,MAAM,YAAY,GAA2B;QAC3C,CAAC,EAAE,IAAI;QACP,CAAC,EAAE,IAAI;QACP,CAAC,EAAE,IAAI;QACP,CAAC,EAAE,SAAS;QACZ,CAAC,EAAE,SAAS;QACZ,CAAC,EAAE,SAAS;KACb,CAAC;IAEF,2BAA2B;IAC3B,MAAM,SAAS,GAAG,IAAI,IAAI,YAAY,CAAC,KAAK,CAAC,CAAC;IAE9C,2DAA2D;IAC3D,MAAM,WAAW,GAA2B;QAC1C,KAAK,EAAE,uCAAuC;QAC9C,IAAI,EAAE,uCAAuC;QAC7C,IAAI,EAAE,uCAAuC;QAC7C,IAAI,EAAE,uCAAuC;QAC7C,IAAI,EAAE,sCAAsC;QAC5C,IAAI,EAAE,sCAAsC;QAC5C,SAAS,EAAE,uBAAuB;QAClC,SAAS,EAAE,uBAAuB;QAClC,SAAS,EAAE,yBAAyB;KACrC,CAAC;IAEF,0CAA0C;IAC1C,MAAM,aAAa,GAAG;QACpB,OAAO,EAAE,aAAa;QACtB,MAAM,EAAE,aAAa;QACrB,QAAQ,EAAE,eAAe;QACzB,IAAI,EAAE,WAAW;KAClB,CAAC;IAEF,yDAAyD;IACzD,MAAM,YAAY,GAAG;QACnB,OAAO,EAAE,iBAAiB;QAC1B,KAAK,EAAE,uBAAuB;QAC9B,KAAK,EAAE,oCAAoC;QAC3C,KAAK,EAAE,oCAAoC;QAC3C,OAAO,EAAE,wCAAwC;QACjD,OAAO,EAAE,wCAAwC;KAClD,CAAC;IAEF,OAAO,CACL,uBAAC,SAAS,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,UAAE,EACX,WAAW,CAAC,SAAS,CAAC,EACtB,aAAa,CAAC,MAAM,CAAC,EACrB,YAAY,CAAC,KAAK,CAAC,EACnB,MAAM,IAAI,QAAQ,EAClB,SAAS,IAAI,WAAW,EACxB,SAAS,CACV,KACG,KAAK,YAER,QAAQ,GACC,CACb,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAO,CAAC,WAAW,GAAG,SAAS,CAAC"}
@@ -1,12 +0,0 @@
1
- import type { Meta, StoryObj } from "@storybook/react";
2
- import { Heading } from ".";
3
- declare const meta: Meta<typeof Heading>;
4
- export default meta;
5
- type Story = StoryObj<typeof Heading>;
6
- export declare const Default: Story;
7
- export declare const HeadingLevels: Story;
8
- export declare const HeadingSizes: Story;
9
- export declare const HeadingWeights: Story;
10
- export declare const HeadingColors: Story;
11
- export declare const CustomElement: Story;
12
- //# sourceMappingURL=heading.stories.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"heading.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/heading/heading.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,OAAO,EAAE,MAAM,GAAG,CAAC;AAE5B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,OAAO,CA6C9B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,OAAO,CAAC,CAAC;AAEtC,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAW3B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAW1B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAS5B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAW3B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAK3B,CAAC"}
@@ -1,77 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.CustomElement = exports.HeadingColors = exports.HeadingWeights = exports.HeadingSizes = exports.HeadingLevels = exports.Default = void 0;
4
- const jsx_runtime_1 = require("react/jsx-runtime");
5
- const _1 = require(".");
6
- const meta = {
7
- title: "Typography/Heading",
8
- component: _1.Heading,
9
- parameters: {
10
- layout: "centered",
11
- },
12
- argTypes: {
13
- level: {
14
- control: { type: "range", min: 1, max: 6 },
15
- description: "The heading level (h1-h6)",
16
- defaultValue: 1,
17
- },
18
- size: {
19
- control: "select",
20
- options: ["2xl", "xl", "lg", "md", "sm", "xs"],
21
- description: "The size of the heading",
22
- },
23
- weight: {
24
- control: "select",
25
- options: ["regular", "medium", "semibold", "bold"],
26
- description: "The font weight of the heading",
27
- defaultValue: "bold",
28
- },
29
- color: {
30
- control: "select",
31
- options: ["default", "muted", "brand", "error", "warning", "success"],
32
- description: "The color of the heading",
33
- defaultValue: "default",
34
- },
35
- italic: {
36
- control: "boolean",
37
- description: "Whether the text should be italic",
38
- defaultValue: false,
39
- },
40
- underline: {
41
- control: "boolean",
42
- description: "Whether the text should be underlined",
43
- defaultValue: false,
44
- },
45
- children: {
46
- control: "text",
47
- description: "The content of the heading",
48
- defaultValue: "Heading Text",
49
- },
50
- },
51
- };
52
- exports.default = meta;
53
- exports.Default = {
54
- args: {
55
- level: 1,
56
- children: "Default Heading (h1)",
57
- },
58
- };
59
- exports.HeadingLevels = {
60
- render: () => ((0, jsx_runtime_1.jsxs)("div", { className: "space-y-4", children: [(0, jsx_runtime_1.jsx)(_1.Heading, { level: 1, children: "Heading 1" }), (0, jsx_runtime_1.jsx)(_1.Heading, { level: 2, children: "Heading 2" }), (0, jsx_runtime_1.jsx)(_1.Heading, { level: 3, children: "Heading 3" }), (0, jsx_runtime_1.jsx)(_1.Heading, { level: 4, children: "Heading 4" }), (0, jsx_runtime_1.jsx)(_1.Heading, { level: 5, children: "Heading 5" }), (0, jsx_runtime_1.jsx)(_1.Heading, { level: 6, children: "Heading 6" })] })),
61
- };
62
- exports.HeadingSizes = {
63
- render: () => ((0, jsx_runtime_1.jsxs)("div", { className: "space-y-4", children: [(0, jsx_runtime_1.jsx)(_1.Heading, { size: "2xl", children: "Display 2XL" }), (0, jsx_runtime_1.jsx)(_1.Heading, { size: "xl", children: "Display XL" }), (0, jsx_runtime_1.jsx)(_1.Heading, { size: "lg", children: "Display LG" }), (0, jsx_runtime_1.jsx)(_1.Heading, { size: "md", children: "Display MD" }), (0, jsx_runtime_1.jsx)(_1.Heading, { size: "sm", children: "Display SM" }), (0, jsx_runtime_1.jsx)(_1.Heading, { size: "xs", children: "Display XS" })] })),
64
- };
65
- exports.HeadingWeights = {
66
- render: () => ((0, jsx_runtime_1.jsxs)("div", { className: "space-y-4", children: [(0, jsx_runtime_1.jsx)(_1.Heading, { weight: "regular", children: "Regular Heading" }), (0, jsx_runtime_1.jsx)(_1.Heading, { weight: "medium", children: "Medium Heading" }), (0, jsx_runtime_1.jsx)(_1.Heading, { weight: "semibold", children: "Semibold Heading" }), (0, jsx_runtime_1.jsx)(_1.Heading, { weight: "bold", children: "Bold Heading" })] })),
67
- };
68
- exports.HeadingColors = {
69
- render: () => ((0, jsx_runtime_1.jsxs)("div", { className: "space-y-4", children: [(0, jsx_runtime_1.jsx)(_1.Heading, { color: "default", children: "Default Color" }), (0, jsx_runtime_1.jsx)(_1.Heading, { color: "muted", children: "Muted Color" }), (0, jsx_runtime_1.jsx)(_1.Heading, { color: "brand", children: "Brand Color" }), (0, jsx_runtime_1.jsx)(_1.Heading, { color: "error", children: "Error Color" }), (0, jsx_runtime_1.jsx)(_1.Heading, { color: "warning", children: "Warning Color" }), (0, jsx_runtime_1.jsx)(_1.Heading, { color: "success", children: "Success Color" })] })),
70
- };
71
- exports.CustomElement = {
72
- args: {
73
- as: "div",
74
- children: "Heading as a div element",
75
- },
76
- };
77
- //# sourceMappingURL=heading.stories.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"heading.stories.js","sourceRoot":"","sources":["../../../../src/components/typography/heading/heading.stories.tsx"],"names":[],"mappings":";;;;AACA,wBAA4B;AAE5B,MAAM,IAAI,GAAyB;IACjC,KAAK,EAAE,oBAAoB;IAC3B,SAAS,EAAE,UAAO;IAClB,UAAU,EAAE;QACV,MAAM,EAAE,UAAU;KACnB;IACD,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE;YAC1C,WAAW,EAAE,2BAA2B;YACxC,YAAY,EAAE,CAAC;SAChB;QACD,IAAI,EAAE;YACJ,OAAO,EAAE,QAAQ;YACjB,OAAO,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC;YAC9C,WAAW,EAAE,yBAAyB;SACvC;QACD,MAAM,EAAE;YACN,OAAO,EAAE,QAAQ;YACjB,OAAO,EAAE,CAAC,SAAS,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,CAAC;YAClD,WAAW,EAAE,gCAAgC;YAC7C,YAAY,EAAE,MAAM;SACrB;QACD,KAAK,EAAE;YACL,OAAO,EAAE,QAAQ;YACjB,OAAO,EAAE,CAAC,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,CAAC;YACrE,WAAW,EAAE,0BAA0B;YACvC,YAAY,EAAE,SAAS;SACxB;QACD,MAAM,EAAE;YACN,OAAO,EAAE,SAAS;YAClB,WAAW,EAAE,mCAAmC;YAChD,YAAY,EAAE,KAAK;SACpB;QACD,SAAS,EAAE;YACT,OAAO,EAAE,SAAS;YAClB,WAAW,EAAE,uCAAuC;YACpD,YAAY,EAAE,KAAK;SACpB;QACD,QAAQ,EAAE;YACR,OAAO,EAAE,MAAM;YACf,WAAW,EAAE,4BAA4B;YACzC,YAAY,EAAE,cAAc;SAC7B;KACF;CACF,CAAC;AAEF,kBAAe,IAAI,CAAC;AAGP,QAAA,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,KAAK,EAAE,CAAC;QACR,QAAQ,EAAE,sBAAsB;KACjC;CACF,CAAC;AAEW,QAAA,aAAa,GAAU;IAClC,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,iCAAK,SAAS,EAAC,WAAW,aACxB,uBAAC,UAAO,IAAC,KAAK,EAAE,CAAC,0BAAqB,EACtC,uBAAC,UAAO,IAAC,KAAK,EAAE,CAAC,0BAAqB,EACtC,uBAAC,UAAO,IAAC,KAAK,EAAE,CAAC,0BAAqB,EACtC,uBAAC,UAAO,IAAC,KAAK,EAAE,CAAC,0BAAqB,EACtC,uBAAC,UAAO,IAAC,KAAK,EAAE,CAAC,0BAAqB,EACtC,uBAAC,UAAO,IAAC,KAAK,EAAE,CAAC,0BAAqB,IAClC,CACP;CACF,CAAC;AAEW,QAAA,YAAY,GAAU;IACjC,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,iCAAK,SAAS,EAAC,WAAW,aACxB,uBAAC,UAAO,IAAC,IAAI,EAAC,KAAK,4BAAsB,EACzC,uBAAC,UAAO,IAAC,IAAI,EAAC,IAAI,2BAAqB,EACvC,uBAAC,UAAO,IAAC,IAAI,EAAC,IAAI,2BAAqB,EACvC,uBAAC,UAAO,IAAC,IAAI,EAAC,IAAI,2BAAqB,EACvC,uBAAC,UAAO,IAAC,IAAI,EAAC,IAAI,2BAAqB,EACvC,uBAAC,UAAO,IAAC,IAAI,EAAC,IAAI,2BAAqB,IACnC,CACP;CACF,CAAC;AAEW,QAAA,cAAc,GAAU;IACnC,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,iCAAK,SAAS,EAAC,WAAW,aACxB,uBAAC,UAAO,IAAC,MAAM,EAAC,SAAS,gCAA0B,EACnD,uBAAC,UAAO,IAAC,MAAM,EAAC,QAAQ,+BAAyB,EACjD,uBAAC,UAAO,IAAC,MAAM,EAAC,UAAU,iCAA2B,EACrD,uBAAC,UAAO,IAAC,MAAM,EAAC,MAAM,6BAAuB,IACzC,CACP;CACF,CAAC;AAEW,QAAA,aAAa,GAAU;IAClC,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,iCAAK,SAAS,EAAC,WAAW,aACxB,uBAAC,UAAO,IAAC,KAAK,EAAC,SAAS,8BAAwB,EAChD,uBAAC,UAAO,IAAC,KAAK,EAAC,OAAO,4BAAsB,EAC5C,uBAAC,UAAO,IAAC,KAAK,EAAC,OAAO,4BAAsB,EAC5C,uBAAC,UAAO,IAAC,KAAK,EAAC,OAAO,4BAAsB,EAC5C,uBAAC,UAAO,IAAC,KAAK,EAAC,SAAS,8BAAwB,EAChD,uBAAC,UAAO,IAAC,KAAK,EAAC,SAAS,8BAAwB,IAC5C,CACP;CACF,CAAC;AAEW,QAAA,aAAa,GAAU;IAClC,IAAI,EAAE;QACJ,EAAE,EAAE,KAAK;QACT,QAAQ,EAAE,0BAA0B;KACrC;CACF,CAAC"}
@@ -1,2 +0,0 @@
1
- export * from './heading';
2
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/heading/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC"}
@@ -1,18 +0,0 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
- desc = { enumerable: true, get: function() { return m[k]; } };
7
- }
8
- Object.defineProperty(o, k2, desc);
9
- }) : (function(o, m, k, k2) {
10
- if (k2 === undefined) k2 = k;
11
- o[k2] = m[k];
12
- }));
13
- var __exportStar = (this && this.__exportStar) || function(m, exports) {
14
- for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
15
- };
16
- Object.defineProperty(exports, "__esModule", { value: true });
17
- __exportStar(require("./heading"), exports);
18
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/typography/heading/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,4CAA0B"}
@@ -1,5 +0,0 @@
1
- export * from './text';
2
- export * from './heading';
3
- export * from './text';
4
- export * from './heading';
5
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/typography/index.ts"],"names":[],"mappings":"AACA,cAAc,QAAQ,CAAC;AAGvB,cAAc,WAAW,CAAC;AAG1B,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC"}
@@ -1,24 +0,0 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
- desc = { enumerable: true, get: function() { return m[k]; } };
7
- }
8
- Object.defineProperty(o, k2, desc);
9
- }) : (function(o, m, k, k2) {
10
- if (k2 === undefined) k2 = k;
11
- o[k2] = m[k];
12
- }));
13
- var __exportStar = (this && this.__exportStar) || function(m, exports) {
14
- for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
15
- };
16
- Object.defineProperty(exports, "__esModule", { value: true });
17
- // src/components/typography/text/index.ts
18
- __exportStar(require("./text"), exports);
19
- // src/components/typography/heading/index.ts
20
- __exportStar(require("./heading"), exports);
21
- // src/components/typography/index.ts
22
- __exportStar(require("./text"), exports);
23
- __exportStar(require("./heading"), exports);
24
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/typography/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,0CAA0C;AAC1C,yCAAuB;AAEvB,6CAA6C;AAC7C,4CAA0B;AAE1B,qCAAqC;AACrC,yCAAuB;AACvB,4CAA0B"}
@@ -1,7 +0,0 @@
1
- import React from "react";
2
- /**
3
- * A component that showcases all typography variants in the design system
4
- */
5
- export declare const TypographyShowcase: React.FC;
6
- export default TypographyShowcase;
7
- //# sourceMappingURL=showcase.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"showcase.d.ts","sourceRoot":"","sources":["../../../src/components/typography/showcase.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B;;GAEG;AACH,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAoGtC,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
@@ -1,15 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.TypographyShowcase = void 0;
4
- const jsx_runtime_1 = require("react/jsx-runtime");
5
- const heading_1 = require("./heading");
6
- const text_1 = require("./text");
7
- /**
8
- * A component that showcases all typography variants in the design system
9
- */
10
- const TypographyShowcase = () => {
11
- return ((0, jsx_runtime_1.jsxs)("div", { className: "p-8 space-y-12", children: [(0, jsx_runtime_1.jsxs)("section", { className: "space-y-6", children: [(0, jsx_runtime_1.jsx)(heading_1.Heading, { level: 2, size: "md", children: "Display Scale" }), (0, jsx_runtime_1.jsxs)("div", { className: "space-y-4", children: [(0, jsx_runtime_1.jsx)(heading_1.Heading, { size: "2xl", children: "Display 2XL" }), (0, jsx_runtime_1.jsx)(heading_1.Heading, { size: "xl", children: "Display XL" }), (0, jsx_runtime_1.jsx)(heading_1.Heading, { size: "lg", children: "Display LG" }), (0, jsx_runtime_1.jsx)(heading_1.Heading, { size: "md", children: "Display MD" }), (0, jsx_runtime_1.jsx)(heading_1.Heading, { size: "sm", children: "Display SM" }), (0, jsx_runtime_1.jsx)(heading_1.Heading, { size: "xs", children: "Display XS" })] })] }), (0, jsx_runtime_1.jsxs)("section", { className: "space-y-6", children: [(0, jsx_runtime_1.jsx)(heading_1.Heading, { level: 2, size: "md", children: "Text Scale" }), (0, jsx_runtime_1.jsxs)("div", { className: "space-y-4", children: [(0, jsx_runtime_1.jsx)(text_1.Text, { size: "xl", children: "Text XL" }), (0, jsx_runtime_1.jsx)(text_1.Text, { size: "lg", children: "Text LG" }), (0, jsx_runtime_1.jsx)(text_1.Text, { size: "md", children: "Text MD (Default)" }), (0, jsx_runtime_1.jsx)(text_1.Text, { size: "sm", children: "Text SM" }), (0, jsx_runtime_1.jsx)(text_1.Text, { size: "xs", children: "Text XS" })] })] }), (0, jsx_runtime_1.jsxs)("section", { className: "space-y-6", children: [(0, jsx_runtime_1.jsx)(heading_1.Heading, { level: 2, size: "md", children: "Font Weights" }), (0, jsx_runtime_1.jsxs)("div", { className: "space-y-4", children: [(0, jsx_runtime_1.jsx)(text_1.Text, { weight: "regular", children: "Regular (400) - Default for Text" }), (0, jsx_runtime_1.jsx)(text_1.Text, { weight: "medium", children: "Medium (500)" }), (0, jsx_runtime_1.jsx)(text_1.Text, { weight: "semibold", children: "Semibold (600)" }), (0, jsx_runtime_1.jsx)(text_1.Text, { weight: "bold", children: "Bold (700) - Default for Headings" })] })] }), (0, jsx_runtime_1.jsxs)("section", { className: "space-y-6", children: [(0, jsx_runtime_1.jsx)(heading_1.Heading, { level: 2, size: "md", children: "Text Styles" }), (0, jsx_runtime_1.jsxs)("div", { className: "space-y-4", children: [(0, jsx_runtime_1.jsx)(text_1.Text, { children: "Normal Text" }), (0, jsx_runtime_1.jsx)(text_1.Text, { italic: true, children: "Italic Text" }), (0, jsx_runtime_1.jsx)(text_1.Text, { underline: true, children: "Underlined Text" }), (0, jsx_runtime_1.jsx)(text_1.Text, { italic: true, underline: true, children: "Italic and Underlined Text" })] })] }), (0, jsx_runtime_1.jsxs)("section", { className: "space-y-6", children: [(0, jsx_runtime_1.jsx)(heading_1.Heading, { level: 2, size: "md", children: "Text Colors" }), (0, jsx_runtime_1.jsxs)("div", { className: "space-y-4", children: [(0, jsx_runtime_1.jsx)(text_1.Text, { color: "default", children: "Default Text Color" }), (0, jsx_runtime_1.jsx)(text_1.Text, { color: "muted", children: "Muted Text Color" }), (0, jsx_runtime_1.jsx)(text_1.Text, { color: "brand", children: "Brand Text Color" }), (0, jsx_runtime_1.jsx)(text_1.Text, { color: "error", children: "Error Text Color" }), (0, jsx_runtime_1.jsx)(text_1.Text, { color: "warning", children: "Warning Text Color" }), (0, jsx_runtime_1.jsx)(text_1.Text, { color: "success", children: "Success Text Color" })] })] }), (0, jsx_runtime_1.jsxs)("section", { className: "space-y-6", children: [(0, jsx_runtime_1.jsx)(heading_1.Heading, { level: 2, size: "md", children: "Heading Levels (h1-h6)" }), (0, jsx_runtime_1.jsxs)("div", { className: "space-y-4", children: [(0, jsx_runtime_1.jsx)(heading_1.Heading, { level: 1, children: "Heading Level 1 (h1)" }), (0, jsx_runtime_1.jsx)(heading_1.Heading, { level: 2, children: "Heading Level 2 (h2)" }), (0, jsx_runtime_1.jsx)(heading_1.Heading, { level: 3, children: "Heading Level 3 (h3)" }), (0, jsx_runtime_1.jsx)(heading_1.Heading, { level: 4, children: "Heading Level 4 (h4)" }), (0, jsx_runtime_1.jsx)(heading_1.Heading, { level: 5, children: "Heading Level 5 (h5)" }), (0, jsx_runtime_1.jsx)(heading_1.Heading, { level: 6, children: "Heading Level 6 (h6)" })] })] }), (0, jsx_runtime_1.jsxs)("section", { className: "space-y-6", children: [(0, jsx_runtime_1.jsx)(heading_1.Heading, { level: 2, size: "md", children: "Custom HTML Elements" }), (0, jsx_runtime_1.jsxs)("div", { className: "space-y-4", children: [(0, jsx_runtime_1.jsx)(text_1.Text, { as: "span", children: "Text as span" }), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)(text_1.Text, { as: "label", children: "Text as label" }), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)(text_1.Text, { as: "div", children: "Text as div" }), (0, jsx_runtime_1.jsx)(heading_1.Heading, { as: "legend", size: "xs", children: "Heading as legend" })] })] }), (0, jsx_runtime_1.jsxs)("section", { className: "space-y-6", children: [(0, jsx_runtime_1.jsx)(heading_1.Heading, { level: 2, size: "md", children: "Combined Examples" }), (0, jsx_runtime_1.jsxs)("div", { className: "space-y-4 border p-4 rounded-md", children: [(0, jsx_runtime_1.jsx)(heading_1.Heading, { size: "md", color: "brand", children: "Product Features" }), (0, jsx_runtime_1.jsx)(text_1.Text, { size: "lg", weight: "medium", children: "Introducing our new financial platform" }), (0, jsx_runtime_1.jsx)(text_1.Text, { children: "Manage your finances with ease using our intuitive dashboard and powerful analytics." }), (0, jsx_runtime_1.jsx)(text_1.Text, { weight: "semibold", color: "success", children: "Special offer ends soon!" }), (0, jsx_runtime_1.jsx)(text_1.Text, { size: "sm", color: "muted", italic: true, children: "Terms and conditions apply." })] })] })] }));
12
- };
13
- exports.TypographyShowcase = TypographyShowcase;
14
- exports.default = exports.TypographyShowcase;
15
- //# sourceMappingURL=showcase.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"showcase.js","sourceRoot":"","sources":["../../../src/components/typography/showcase.tsx"],"names":[],"mappings":"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"}
@@ -1,2 +0,0 @@
1
- export * from './text';
2
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/text/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC"}
@@ -1,18 +0,0 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
- desc = { enumerable: true, get: function() { return m[k]; } };
7
- }
8
- Object.defineProperty(o, k2, desc);
9
- }) : (function(o, m, k, k2) {
10
- if (k2 === undefined) k2 = k;
11
- o[k2] = m[k];
12
- }));
13
- var __exportStar = (this && this.__exportStar) || function(m, exports) {
14
- for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
15
- };
16
- Object.defineProperty(exports, "__esModule", { value: true });
17
- __exportStar(require("./text"), exports);
18
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/typography/text/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,yCAAuB"}
@@ -1,43 +0,0 @@
1
- import * as React from "react";
2
- type ElementType = React.ElementType;
3
- export interface TextProps extends React.HTMLAttributes<HTMLParagraphElement> {
4
- /**
5
- * The size variant of the text
6
- * @default 'md'
7
- */
8
- size?: "xl" | "lg" | "md" | "sm" | "xs";
9
- /**
10
- * The font weight of the text
11
- * @default 'regular'
12
- */
13
- weight?: "regular" | "medium" | "semibold" | "bold";
14
- /**
15
- * Whether the text should be italic
16
- * @default false
17
- */
18
- italic?: boolean;
19
- /**
20
- * Whether the text should be underlined
21
- * @default false
22
- */
23
- underline?: boolean;
24
- /**
25
- * The color of the text
26
- * @default 'default'
27
- */
28
- color?: "default" | "muted" | "brand" | "error" | "warning" | "success";
29
- /**
30
- * The HTML element to render
31
- * @default 'p'
32
- */
33
- as?: ElementType;
34
- }
35
- /**
36
- * Text component that follows the design system guidelines.
37
- *
38
- * This component renders text following the design system's typography
39
- * scale, with support for different sizes, weights, styles, and colors.
40
- */
41
- export declare const Text: React.ForwardRefExoticComponent<TextProps & React.RefAttributes<HTMLParagraphElement>>;
42
- export {};
43
- //# sourceMappingURL=text.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"text.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/text/text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,KAAK,WAAW,GAAG,KAAK,CAAC,WAAW,CAAC;AAErC,MAAM,WAAW,SAAU,SAAQ,KAAK,CAAC,cAAc,CAAC,oBAAoB,CAAC;IAC3E;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAExC;;;OAGG;IACH,MAAM,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,UAAU,GAAG,MAAM,CAAC;IAEpD;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,CAAC;IAExE;;;OAGG;IACH,EAAE,CAAC,EAAE,WAAW,CAAC;CAClB;AAED;;;;;GAKG;AACH,eAAO,MAAM,IAAI,wFAwDhB,CAAC"}
@@ -1,74 +0,0 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
- desc = { enumerable: true, get: function() { return m[k]; } };
7
- }
8
- Object.defineProperty(o, k2, desc);
9
- }) : (function(o, m, k, k2) {
10
- if (k2 === undefined) k2 = k;
11
- o[k2] = m[k];
12
- }));
13
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
- Object.defineProperty(o, "default", { enumerable: true, value: v });
15
- }) : function(o, v) {
16
- o["default"] = v;
17
- });
18
- var __importStar = (this && this.__importStar) || (function () {
19
- var ownKeys = function(o) {
20
- ownKeys = Object.getOwnPropertyNames || function (o) {
21
- var ar = [];
22
- for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
23
- return ar;
24
- };
25
- return ownKeys(o);
26
- };
27
- return function (mod) {
28
- if (mod && mod.__esModule) return mod;
29
- var result = {};
30
- if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
31
- __setModuleDefault(result, mod);
32
- return result;
33
- };
34
- })();
35
- Object.defineProperty(exports, "__esModule", { value: true });
36
- exports.Text = void 0;
37
- const jsx_runtime_1 = require("react/jsx-runtime");
38
- const React = __importStar(require("react"));
39
- const utils_1 = require("../../../lib/utils");
40
- /**
41
- * Text component that follows the design system guidelines.
42
- *
43
- * This component renders text following the design system's typography
44
- * scale, with support for different sizes, weights, styles, and colors.
45
- */
46
- exports.Text = React.forwardRef(({ size = "md", weight = "regular", italic = false, underline = false, color = "default", className = "", as: Component = "p", children, ...props }, ref) => {
47
- // Map to standard Tailwind size classes
48
- const sizeClasses = {
49
- xl: "text-xl leading-relaxed",
50
- lg: "text-lg leading-relaxed",
51
- md: "text-base leading-relaxed",
52
- sm: "text-sm leading-relaxed",
53
- xs: "text-xs leading-relaxed",
54
- };
55
- // Map to standard Tailwind weight classes
56
- const weightClasses = {
57
- regular: "font-normal",
58
- medium: "font-medium",
59
- semibold: "font-semibold",
60
- bold: "font-bold",
61
- };
62
- // Keep the existing color classes since they're semantic
63
- const colorClasses = {
64
- default: "text-foreground",
65
- muted: "text-muted-foreground",
66
- brand: "text-brand-700 dark:text-brand-400",
67
- error: "text-error-700 dark:text-error-400",
68
- warning: "text-warning-700 dark:text-warning-400",
69
- success: "text-success-700 dark:text-success-400",
70
- };
71
- return ((0, jsx_runtime_1.jsx)(Component, { ref: ref, className: (0, utils_1.cn)(sizeClasses[size], weightClasses[weight], colorClasses[color], italic && "italic", underline && "underline", className), ...props, children: children }));
72
- });
73
- exports.Text.displayName = "Text";
74
- //# sourceMappingURL=text.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"text.js","sourceRoot":"","sources":["../../../../src/components/typography/text/text.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAC/B,8CAAwC;AA2CxC;;;;;GAKG;AACU,QAAA,IAAI,GAAG,KAAK,CAAC,UAAU,CAClC,CAAC,EACC,IAAI,GAAG,IAAI,EACX,MAAM,GAAG,SAAS,EAClB,MAAM,GAAG,KAAK,EACd,SAAS,GAAG,KAAK,EACjB,KAAK,GAAG,SAAS,EACjB,SAAS,GAAG,EAAE,EACd,EAAE,EAAE,SAAS,GAAG,GAAG,EACnB,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,GAAG,EAAE,EAAE;IACR,wCAAwC;IACxC,MAAM,WAAW,GAAG;QAClB,EAAE,EAAE,yBAAyB;QAC7B,EAAE,EAAE,yBAAyB;QAC7B,EAAE,EAAE,2BAA2B;QAC/B,EAAE,EAAE,yBAAyB;QAC7B,EAAE,EAAE,yBAAyB;KAC9B,CAAC;IAEF,0CAA0C;IAC1C,MAAM,aAAa,GAAG;QACpB,OAAO,EAAE,aAAa;QACtB,MAAM,EAAE,aAAa;QACrB,QAAQ,EAAE,eAAe;QACzB,IAAI,EAAE,WAAW;KAClB,CAAC;IAEF,yDAAyD;IACzD,MAAM,YAAY,GAAG;QACnB,OAAO,EAAE,iBAAiB;QAC1B,KAAK,EAAE,uBAAuB;QAC9B,KAAK,EAAE,oCAAoC;QAC3C,KAAK,EAAE,oCAAoC;QAC3C,OAAO,EAAE,wCAAwC;QACjD,OAAO,EAAE,wCAAwC;KAClD,CAAC;IAEF,OAAO,CACL,uBAAC,SAAS,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,UAAE,EACX,WAAW,CAAC,IAAI,CAAC,EACjB,aAAa,CAAC,MAAM,CAAC,EACrB,YAAY,CAAC,KAAK,CAAC,EACnB,MAAM,IAAI,QAAQ,EAClB,SAAS,IAAI,WAAW,EACxB,SAAS,CACV,KACG,KAAK,YAER,QAAQ,GACC,CACb,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,YAAI,CAAC,WAAW,GAAG,MAAM,CAAC"}
@@ -1,13 +0,0 @@
1
- import type { Meta, StoryObj } from "@storybook/react";
2
- import { Text } from "./text";
3
- declare const meta: Meta<typeof Text>;
4
- export default meta;
5
- type Story = StoryObj<typeof Text>;
6
- export declare const Default: Story;
7
- export declare const TextSizes: Story;
8
- export declare const TextWeights: Story;
9
- export declare const TextColors: Story;
10
- export declare const TextStyles: Story;
11
- export declare const CustomElement: Story;
12
- export declare const CombinedExample: Story;
13
- //# sourceMappingURL=text.stories.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"text.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/text/text.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,IAAI,CAyC3B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAUvB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KASzB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAWxB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KASxB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAK3B,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAc7B,CAAC"}
@@ -1,75 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.CombinedExample = exports.CustomElement = exports.TextStyles = exports.TextColors = exports.TextWeights = exports.TextSizes = exports.Default = void 0;
4
- const jsx_runtime_1 = require("react/jsx-runtime");
5
- const text_1 = require("./text");
6
- const meta = {
7
- title: "Typography/Text",
8
- component: text_1.Text,
9
- parameters: {
10
- layout: "centered",
11
- },
12
- argTypes: {
13
- size: {
14
- control: "select",
15
- options: ["xl", "lg", "md", "sm", "xs"],
16
- description: "The size of the text",
17
- defaultValue: "md",
18
- },
19
- weight: {
20
- control: "select",
21
- options: ["regular", "medium", "semibold", "bold"],
22
- description: "The font weight of the text",
23
- defaultValue: "regular",
24
- },
25
- color: {
26
- control: "select",
27
- options: ["default", "muted", "brand", "error", "warning", "success"],
28
- description: "The color of the text",
29
- defaultValue: "default",
30
- },
31
- italic: {
32
- control: "boolean",
33
- description: "Whether the text should be italic",
34
- defaultValue: false,
35
- },
36
- underline: {
37
- control: "boolean",
38
- description: "Whether the text should be underlined",
39
- defaultValue: false,
40
- },
41
- children: {
42
- control: "text",
43
- description: "The content of the text",
44
- defaultValue: "Sample text",
45
- },
46
- },
47
- };
48
- exports.default = meta;
49
- exports.Default = {
50
- args: {
51
- children: "Default Text",
52
- },
53
- };
54
- exports.TextSizes = {
55
- render: () => ((0, jsx_runtime_1.jsxs)("div", { className: "space-y-2", children: [(0, jsx_runtime_1.jsx)(text_1.Text, { size: "xl", children: "Text XL" }), (0, jsx_runtime_1.jsx)(text_1.Text, { size: "lg", children: "Text LG" }), (0, jsx_runtime_1.jsx)(text_1.Text, { size: "md", children: "Text MD" }), (0, jsx_runtime_1.jsx)(text_1.Text, { size: "sm", children: "Text SM" }), (0, jsx_runtime_1.jsx)(text_1.Text, { size: "xs", children: "Text XS" })] })),
56
- };
57
- exports.TextWeights = {
58
- render: () => ((0, jsx_runtime_1.jsxs)("div", { className: "space-y-2", children: [(0, jsx_runtime_1.jsx)(text_1.Text, { weight: "regular", children: "Regular Text" }), (0, jsx_runtime_1.jsx)(text_1.Text, { weight: "medium", children: "Medium Text" }), (0, jsx_runtime_1.jsx)(text_1.Text, { weight: "semibold", children: "Semibold Text" }), (0, jsx_runtime_1.jsx)(text_1.Text, { weight: "bold", children: "Bold Text" })] })),
59
- };
60
- exports.TextColors = {
61
- render: () => ((0, jsx_runtime_1.jsxs)("div", { className: "space-y-2", children: [(0, jsx_runtime_1.jsx)(text_1.Text, { color: "default", children: "Default Color" }), (0, jsx_runtime_1.jsx)(text_1.Text, { color: "muted", children: "Muted Color" }), (0, jsx_runtime_1.jsx)(text_1.Text, { color: "brand", children: "Brand Color" }), (0, jsx_runtime_1.jsx)(text_1.Text, { color: "error", children: "Error Color" }), (0, jsx_runtime_1.jsx)(text_1.Text, { color: "warning", children: "Warning Color" }), (0, jsx_runtime_1.jsx)(text_1.Text, { color: "success", children: "Success Color" })] })),
62
- };
63
- exports.TextStyles = {
64
- render: () => ((0, jsx_runtime_1.jsxs)("div", { className: "space-y-2", children: [(0, jsx_runtime_1.jsx)(text_1.Text, { children: "Normal Text" }), (0, jsx_runtime_1.jsx)(text_1.Text, { italic: true, children: "Italic Text" }), (0, jsx_runtime_1.jsx)(text_1.Text, { underline: true, children: "Underlined Text" }), (0, jsx_runtime_1.jsx)(text_1.Text, { italic: true, underline: true, children: "Italic and Underlined Text" })] })),
65
- };
66
- exports.CustomElement = {
67
- args: {
68
- as: "span",
69
- children: "Text as a span element",
70
- },
71
- };
72
- exports.CombinedExample = {
73
- render: () => ((0, jsx_runtime_1.jsxs)("div", { className: "space-y-2", children: [(0, jsx_runtime_1.jsx)(text_1.Text, { size: "lg", weight: "bold", color: "brand", children: "Large, Bold, Brand-colored Text" }), (0, jsx_runtime_1.jsx)(text_1.Text, { size: "sm", weight: "medium", color: "muted", italic: true, children: "Small, Medium-weight, Muted Italic Text" }), (0, jsx_runtime_1.jsx)(text_1.Text, { size: "xs", weight: "semibold", color: "error", underline: true, children: "Extra Small, Semibold, Error-colored Underlined Text" })] })),
74
- };
75
- //# sourceMappingURL=text.stories.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"text.stories.js","sourceRoot":"","sources":["../../../../src/components/typography/text/text.stories.tsx"],"names":[],"mappings":"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"}
@@ -1,8 +0,0 @@
1
- import * as React from "react";
2
- import * as AccordionPrimitive from "@radix-ui/react-accordion";
3
- declare const Accordion: React.ForwardRefExoticComponent<(AccordionPrimitive.AccordionSingleProps | AccordionPrimitive.AccordionMultipleProps) & React.RefAttributes<HTMLDivElement>>;
4
- declare const AccordionItem: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
5
- declare const AccordionTrigger: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
6
- declare const AccordionContent: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
7
- export { Accordion, AccordionItem, AccordionTrigger, AccordionContent };
8
- //# sourceMappingURL=accordion.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../../src/components/ui/accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,kBAAkB,MAAM,2BAA2B,CAAA;AAK/D,QAAA,MAAM,SAAS,8JAA0B,CAAA;AAEzC,QAAA,MAAM,aAAa,iKASjB,CAAA;AAGF,QAAA,MAAM,gBAAgB,0KAoBpB,CAAA;AAGF,QAAA,MAAM,gBAAgB,oKAWpB,CAAA;AAGF,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,CAAA"}