@vadimcomanescu/nadicode-design-system 2.0.5 → 2.0.7

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 (177) hide show
  1. package/.agents/skills/seed/contract.md +1 -0
  2. package/.agents/skills/seed/recipes/marketing-shell.md +10 -19
  3. package/.agents/skills/seed/recipes/navigation-shell.md +5 -5
  4. package/.agents/skills/seed/recipes/service-detail.md +1 -1
  5. package/.agents/skills/seed/references/blocks.md +25 -24
  6. package/.agents/skills/seed/references/brand-override.md +3 -1
  7. package/css/tokens.css +300 -122
  8. package/dist/catalog.json +1926 -125
  9. package/dist/chunk-2BADJLMV.js +117 -0
  10. package/dist/chunk-35EX5FP5.js +106 -0
  11. package/dist/chunk-5PORR6LE.js +60 -0
  12. package/dist/chunk-5PZ4VR2D.js +142 -0
  13. package/dist/chunk-5UESKK6S.js +76 -0
  14. package/dist/chunk-6N6CSJVE.js +269 -0
  15. package/dist/chunk-AURJQZC4.js +110 -0
  16. package/dist/{chunk-DF47R6LN.js → chunk-AWIG4QN6.js} +9 -9
  17. package/dist/chunk-AYWL4IYM.js +67 -0
  18. package/dist/{chunk-SV3KZ6CB.js → chunk-DSMGCFMJ.js} +7 -2
  19. package/dist/chunk-E4L6LR6P.js +33 -0
  20. package/dist/chunk-EJNF6JLL.js +105 -0
  21. package/dist/chunk-FX23F33E.js +57 -0
  22. package/dist/chunk-GJPTPLCQ.js +52 -0
  23. package/dist/chunk-GV4PKHG4.js +147 -0
  24. package/dist/chunk-HJ3A2YNO.js +163 -0
  25. package/dist/chunk-HJZRSPWB.js +38 -0
  26. package/dist/chunk-IDKZEPWK.js +133 -0
  27. package/dist/chunk-K7NQ6ZAW.js +84 -0
  28. package/dist/chunk-LCKLZ4XK.js +60 -0
  29. package/dist/chunk-MX5FUFQR.js +205 -0
  30. package/dist/chunk-NEHCPO53.js +44 -0
  31. package/dist/chunk-OHOOQUVJ.js +113 -0
  32. package/dist/chunk-QIHA7S3A.js +36 -0
  33. package/dist/chunk-RKQPU75I.js +126 -0
  34. package/dist/chunk-RMLS2QUC.js +77 -0
  35. package/dist/chunk-TS2JSPQR.js +120 -0
  36. package/dist/chunk-TUKZKU72.js +110 -0
  37. package/dist/chunk-TZXZFSD2.js +33 -0
  38. package/dist/chunk-UGV45DH3.js +18 -0
  39. package/dist/chunk-VBZQ4DBE.js +52 -0
  40. package/dist/{chunk-LQLFA2EL.js → chunk-VDONTZZX.js} +2 -2
  41. package/dist/{chunk-RWNJ54CI.js → chunk-VN475YZS.js} +1 -1
  42. package/dist/chunk-VZCB4APK.js +94 -0
  43. package/dist/chunk-W7FXDRQJ.js +94 -0
  44. package/dist/chunk-WAVU744B.js +183 -0
  45. package/dist/{chunk-5I3FWRC5.js → chunk-WOYBVPXK.js} +10 -10
  46. package/dist/chunk-WST5NLLC.js +73 -0
  47. package/dist/chunk-X6VXWEDO.js +125 -0
  48. package/dist/chunk-ZM2NODUK.js +39 -0
  49. package/dist/components/blocks/AccountLockedBlock.js +7 -57
  50. package/dist/components/blocks/ActivityFeedBlock.js +6 -39
  51. package/dist/components/blocks/AgentConversationBlock.js +5 -33
  52. package/dist/components/blocks/AudioVisualizerBlock.d.ts +1 -1
  53. package/dist/components/blocks/AudioVisualizerBlock.js +2 -2
  54. package/dist/components/blocks/AuthSuccessBlock.js +5 -60
  55. package/dist/components/blocks/BarChartBlock.d.ts +1 -1
  56. package/dist/components/blocks/BarChartBlock.js +2 -2
  57. package/dist/components/blocks/CallToActionBlock.d.ts +1 -1
  58. package/dist/components/blocks/CallToActionBlock.js +6 -52
  59. package/dist/components/blocks/ChangelogBlock.js +8 -105
  60. package/dist/components/blocks/ChartCollectionBlock.js +2 -2
  61. package/dist/components/blocks/CodeBlock.js +7 -60
  62. package/dist/components/blocks/ComparisonBlock.js +9 -94
  63. package/dist/components/blocks/ContactBlock.js +11 -120
  64. package/dist/components/blocks/FAQBlock.js +6 -44
  65. package/dist/components/blocks/FeatureBlock.d.ts +10 -14
  66. package/dist/components/blocks/FeatureBlock.js +17 -159
  67. package/dist/components/blocks/FeatureGridBlock.d.ts +1 -1
  68. package/dist/components/blocks/FeatureGridBlock.js +2 -2
  69. package/dist/components/blocks/FooterBlock.d.ts +2 -2
  70. package/dist/components/blocks/FooterBlock.js +11 -67
  71. package/dist/components/blocks/HeaderBlock.d.ts +2 -2
  72. package/dist/components/blocks/HeaderBlock.js +1 -1
  73. package/dist/components/blocks/HeatmapChartBlock.d.ts +1 -1
  74. package/dist/components/blocks/HeatmapChartBlock.js +1 -1
  75. package/dist/components/blocks/HeroBlock.d.ts +6 -3
  76. package/dist/components/blocks/HeroBlock.js +16 -199
  77. package/dist/components/blocks/HeroSectionBlock.d.ts +1 -1
  78. package/dist/components/blocks/HeroSectionBlock.js +4 -4
  79. package/dist/components/blocks/IntegrationsBlock.d.ts +1 -1
  80. package/dist/components/blocks/IntegrationsBlock.js +4 -4
  81. package/dist/components/blocks/InteractiveAreaChartBlock.d.ts +1 -1
  82. package/dist/components/blocks/InteractiveAreaChartBlock.js +2 -2
  83. package/dist/components/blocks/NewsletterBlock.js +11 -84
  84. package/dist/components/blocks/PasswordRecoveryBlock.js +14 -142
  85. package/dist/components/blocks/PricingBlock.d.ts +1 -1
  86. package/dist/components/blocks/PricingBlock.js +11 -110
  87. package/dist/components/blocks/ProcessFlowBlock.js +10 -77
  88. package/dist/components/blocks/ResetPasswordBlock.js +11 -125
  89. package/dist/components/blocks/SignUpBlock.d.ts +1 -1
  90. package/dist/components/blocks/SignUpBlock.js +2 -2
  91. package/dist/components/blocks/SocialProofBlock.d.ts +7 -11
  92. package/dist/components/blocks/SocialProofBlock.js +8 -107
  93. package/dist/components/blocks/StatsBlock.d.ts +1 -1
  94. package/dist/components/blocks/StatsBlock.js +2 -2
  95. package/dist/components/blocks/StatsMarketingBlock.d.ts +1 -1
  96. package/dist/components/blocks/StatsMarketingBlock.js +5 -36
  97. package/dist/components/blocks/TeamBlock.d.ts +1 -1
  98. package/dist/components/blocks/TeamBlock.js +4 -52
  99. package/dist/components/blocks/TestimonialsBlock.d.ts +1 -1
  100. package/dist/components/blocks/TestimonialsBlock.js +4 -133
  101. package/dist/components/blocks/TwoFactorChallengeBlock.js +9 -94
  102. package/dist/components/blocks/TwoFactorSetupBlock.js +16 -183
  103. package/dist/components/blocks/UsageDonutBlock.d.ts +1 -1
  104. package/dist/components/blocks/UsageDonutBlock.js +2 -2
  105. package/dist/components/logos/index.js +2 -2
  106. package/dist/components/page-kits/AccountLockedPageKit.d.ts +10 -0
  107. package/dist/components/page-kits/AccountLockedPageKit.js +48 -0
  108. package/dist/components/page-kits/AgentsChatPageKit.d.ts +46 -0
  109. package/dist/components/page-kits/AgentsChatPageKit.js +289 -0
  110. package/dist/components/page-kits/AnalyticsPageKit.d.ts +49 -0
  111. package/dist/components/page-kits/AnalyticsPageKit.js +277 -0
  112. package/dist/components/page-kits/BlogContentPageKit.d.ts +64 -0
  113. package/dist/components/page-kits/BlogContentPageKit.js +296 -0
  114. package/dist/components/page-kits/CheckoutPageKit.d.ts +36 -0
  115. package/dist/components/page-kits/CheckoutPageKit.js +209 -0
  116. package/dist/components/page-kits/CompanySuitePageKit.d.ts +25 -0
  117. package/dist/components/page-kits/CompanySuitePageKit.js +240 -0
  118. package/dist/components/page-kits/CrudFormPageKit.d.ts +54 -0
  119. package/dist/components/page-kits/CrudFormPageKit.js +138 -0
  120. package/dist/components/page-kits/CrudListDetailPageKit.d.ts +70 -0
  121. package/dist/components/page-kits/CrudListDetailPageKit.js +138 -0
  122. package/dist/components/page-kits/DashboardPageKit.d.ts +39 -0
  123. package/dist/components/page-kits/DashboardPageKit.js +284 -0
  124. package/dist/components/page-kits/ErrorPageKit.d.ts +22 -0
  125. package/dist/components/page-kits/ErrorPageKit.js +55 -0
  126. package/dist/components/page-kits/KanbanBoardPageKit.d.ts +31 -0
  127. package/dist/components/page-kits/KanbanBoardPageKit.js +305 -0
  128. package/dist/components/page-kits/LandingPageKit.d.ts +29 -0
  129. package/dist/components/page-kits/LandingPageKit.js +221 -0
  130. package/dist/components/page-kits/LoginPageKit.d.ts +16 -0
  131. package/dist/components/page-kits/LoginPageKit.js +43 -0
  132. package/dist/components/page-kits/MarketingShellPageKit.d.ts +21 -0
  133. package/dist/components/page-kits/MarketingShellPageKit.js +131 -0
  134. package/dist/components/page-kits/NavigationShellPageKit.d.ts +41 -0
  135. package/dist/components/page-kits/NavigationShellPageKit.js +132 -0
  136. package/dist/components/page-kits/OnboardingPageKit.d.ts +26 -0
  137. package/dist/components/page-kits/OnboardingPageKit.js +248 -0
  138. package/dist/components/page-kits/PricingPageKit.d.ts +41 -0
  139. package/dist/components/page-kits/PricingPageKit.js +279 -0
  140. package/dist/components/page-kits/ProfileSettingsPageKit.d.ts +50 -0
  141. package/dist/components/page-kits/ProfileSettingsPageKit.js +171 -0
  142. package/dist/components/page-kits/RecoveryPageKit.d.ts +17 -0
  143. package/dist/components/page-kits/RecoveryPageKit.js +58 -0
  144. package/dist/components/page-kits/ResetPageKit.d.ts +14 -0
  145. package/dist/components/page-kits/ResetPageKit.js +52 -0
  146. package/dist/components/page-kits/ServiceSuitePageKit.d.ts +25 -0
  147. package/dist/components/page-kits/ServiceSuitePageKit.js +320 -0
  148. package/dist/components/page-kits/SettingsPageKit.d.ts +27 -0
  149. package/dist/components/page-kits/SettingsPageKit.js +11 -0
  150. package/dist/components/page-kits/SignupPageKit.d.ts +15 -0
  151. package/dist/components/page-kits/SignupPageKit.js +41 -0
  152. package/dist/components/page-kits/SuccessPageKit.d.ts +15 -0
  153. package/dist/components/page-kits/SuccessPageKit.js +146 -0
  154. package/dist/components/page-kits/TeamSettingsPageKit.d.ts +50 -0
  155. package/dist/components/page-kits/TeamSettingsPageKit.js +297 -0
  156. package/dist/components/page-kits/TwoFactorPageKit.d.ts +16 -0
  157. package/dist/components/page-kits/TwoFactorPageKit.js +156 -0
  158. package/dist/components/page-kits/VerifyEmailPageKit.d.ts +15 -0
  159. package/dist/components/page-kits/VerifyEmailPageKit.js +146 -0
  160. package/dist/components/page-kits/VoiceAgentsPageKit.d.ts +35 -0
  161. package/dist/components/page-kits/VoiceAgentsPageKit.js +246 -0
  162. package/dist/components/ui/AudioWaveform.js +2 -76
  163. package/dist/components/ui/AvatarUpload.js +1 -1
  164. package/dist/components/ui/Breadcrumb.js +4 -106
  165. package/dist/components/ui/ChartCard.js +5 -38
  166. package/dist/components/ui/CheckoutFormDemo.js +5 -6
  167. package/dist/components/ui/DataFreshness.js +2 -73
  168. package/dist/components/ui/MouseEffect.js +1 -1
  169. package/dist/components/ui/NativeSelect.js +2 -18
  170. package/dist/components/ui/Pagination.js +6 -117
  171. package/dist/components/ui/ShaderBackground.js +2 -2
  172. package/dist/hooks/use-shader-preset.js +2 -2
  173. package/dist/lib/shader-presets.js +1 -1
  174. package/dist/lib/tokens.config.d.ts +19 -0
  175. package/package.json +793 -681
  176. package/scripts/ds-check.mjs +10 -2
  177. package/src/lib/tokens.config.js +63 -41
@@ -1,43 +1,10 @@
1
1
  'use client';
2
- import { Timeline } from '../../chunk-YQIABLDO.js';
3
- import { Heading } from '../../chunk-WI547C47.js';
4
- import { ScrollFadeIn } from '../../chunk-I23DDSU7.js';
5
- import { Avatar, AvatarFallback } from '../../chunk-NAAU5IWU.js';
2
+ export { ActivityFeedBlock } from '../../chunk-ZM2NODUK.js';
3
+ import '../../chunk-YQIABLDO.js';
4
+ import '../../chunk-WI547C47.js';
5
+ import '../../chunk-I23DDSU7.js';
6
+ import '../../chunk-NAAU5IWU.js';
6
7
  import '../../chunk-PD2YEH3H.js';
7
8
  import '../../chunk-CRY67BIF.js';
8
9
  import '../../chunk-HJC6U46F.js';
9
- import { cn } from '../../chunk-QYZT24TS.js';
10
- import { jsx, jsxs } from 'react/jsx-runtime';
11
-
12
- var defaultActivities = [
13
- { id: "1", user: "Nadia", action: "deployed v2.1.0 to production", timestamp: "2 min ago" },
14
- { id: "2", user: "Alex", action: "merged PR 142 into main", timestamp: "15 min ago" },
15
- { id: "3", user: "Jordan", action: "commented on issue #87", timestamp: "1 hour ago" },
16
- { id: "4", user: "Sam", action: "created branch feature/aurora-effect", timestamp: "3 hours ago" },
17
- { id: "5", user: "Riley", action: "updated the design tokens", timestamp: "5 hours ago" }
18
- ];
19
- function getInitials(name) {
20
- return name.split(" ").map((w) => w[0]).join("").toUpperCase().slice(0, 2);
21
- }
22
- function ActivityFeedBlock({
23
- activities = defaultActivities,
24
- title = "Recent activity",
25
- className
26
- }) {
27
- return /* @__PURE__ */ jsx("section", { className: cn("py-16 md:py-24", className), children: /* @__PURE__ */ jsxs("div", { className: "mx-auto max-w-2xl px-6", children: [
28
- !!title && /* @__PURE__ */ jsx(ScrollFadeIn, { children: /* @__PURE__ */ jsx(Heading, { level: 2, size: "section", className: "mb-8 text-text-primary", children: title }) }),
29
- /* @__PURE__ */ jsx(ScrollFadeIn, { delay: 0.1, children: /* @__PURE__ */ jsx(
30
- Timeline,
31
- {
32
- items: activities.map((activity) => ({
33
- icon: /* @__PURE__ */ jsx(Avatar, { className: "h-8 w-8", children: /* @__PURE__ */ jsx(AvatarFallback, { className: "text-[10px]", children: getInitials(activity.user) }) }),
34
- title: activity.user,
35
- description: activity.action,
36
- timestamp: activity.timestamp
37
- }))
38
- }
39
- ) })
40
- ] }) });
41
- }
42
-
43
- export { ActivityFeedBlock };
10
+ import '../../chunk-QYZT24TS.js';
@@ -1,10 +1,11 @@
1
1
  'use client';
2
- import { ToolCallCard } from '../../chunk-MLUSJTS2.js';
3
- import { ThinkingIndicator } from '../../chunk-ZHTQF2KI.js';
2
+ export { AgentConversationBlock } from '../../chunk-TZXZFSD2.js';
3
+ import '../../chunk-MLUSJTS2.js';
4
+ import '../../chunk-ZHTQF2KI.js';
4
5
  import '../../chunk-PD2YEH3H.js';
5
6
  import '../../chunk-CRY67BIF.js';
6
7
  import '../../chunk-HJC6U46F.js';
7
- import { AgentMessageBubble } from '../../chunk-AUSYEAIJ.js';
8
+ import '../../chunk-AUSYEAIJ.js';
8
9
  import '../../chunk-GO35FTNJ.js';
9
10
  import '../../chunk-PSVQ7ZNX.js';
10
11
  import '../../chunk-FLF5AMNO.js';
@@ -117,33 +118,4 @@ import '../../chunk-PRUXIDBD.js';
117
118
  import '../../chunk-NURPUVUV.js';
118
119
  import '../../chunk-HJBXUXTD.js';
119
120
  import '../../chunk-ASKFAYYR.js';
120
- import { cn } from '../../chunk-QYZT24TS.js';
121
- import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
122
-
123
- function AgentConversationBlock({ className, messages, ref, ...props }) {
124
- return /* @__PURE__ */ jsx("div", { ref, className: cn("surface-solid flex flex-col gap-4 rounded-lg p-4", className), ...props, children: messages.map((msg) => /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
125
- msg.isThinking && /* @__PURE__ */ jsx(ThinkingIndicator, { reasoning: msg.reasoning }),
126
- /* @__PURE__ */ jsx(
127
- AgentMessageBubble,
128
- {
129
- role: msg.role,
130
- content: msg.content,
131
- timestamp: msg.timestamp,
132
- isStreaming: msg.isStreaming,
133
- toolCalls: msg.toolCalls && msg.toolCalls.length > 0 ? /* @__PURE__ */ jsx(Fragment, { children: msg.toolCalls.map((tc, i) => /* @__PURE__ */ jsx(
134
- ToolCallCard,
135
- {
136
- toolName: tc.toolName,
137
- args: tc.args,
138
- status: tc.status,
139
- result: tc.result,
140
- duration: tc.duration
141
- },
142
- i
143
- )) }) : void 0
144
- }
145
- )
146
- ] }, msg.id)) });
147
- }
148
-
149
- export { AgentConversationBlock };
121
+ import '../../chunk-QYZT24TS.js';
@@ -3,4 +3,4 @@ export interface AudioVisualizerProps {
3
3
  bars?: number;
4
4
  isPlaying?: boolean;
5
5
  }
6
- export declare function AudioVisualizer({ className, bars, isPlaying, }: AudioVisualizerProps): import("react/jsx-runtime").JSX.Element;
6
+ export declare function AudioVisualizerBlock({ className, bars, isPlaying, }: AudioVisualizerProps): import("react/jsx-runtime").JSX.Element;
@@ -3,7 +3,7 @@ import { cn } from '../../chunk-QYZT24TS.js';
3
3
  import { useRef, useEffect } from 'react';
4
4
  import { jsx } from 'react/jsx-runtime';
5
5
 
6
- function AudioVisualizer({
6
+ function AudioVisualizerBlock({
7
7
  className,
8
8
  bars = 20,
9
9
  isPlaying = false
@@ -48,4 +48,4 @@ function AudioVisualizer({
48
48
  )) });
49
49
  }
50
50
 
51
- export { AudioVisualizer };
51
+ export { AudioVisualizerBlock };
@@ -1,63 +1,8 @@
1
1
  'use client';
2
- import { Card, CardHeader, CardTitle, CardDescription, CardContent } from '../../chunk-AH6YSYYT.js';
3
- import { Button } from '../../chunk-7KIDDF3I.js';
4
- import { useMotionConfig, m, scaleIn, motionSpring } from '../../chunk-PD2YEH3H.js';
2
+ export { AuthSuccessBlock } from '../../chunk-LCKLZ4XK.js';
3
+ import '../../chunk-AH6YSYYT.js';
4
+ import '../../chunk-7KIDDF3I.js';
5
+ import '../../chunk-PD2YEH3H.js';
5
6
  import '../../chunk-CRY67BIF.js';
6
7
  import '../../chunk-HJC6U46F.js';
7
- import { cn } from '../../chunk-QYZT24TS.js';
8
- import * as React from 'react';
9
- import { jsx, jsxs } from 'react/jsx-runtime';
10
-
11
- function AuthSuccessBlock({
12
- className,
13
- icon,
14
- title,
15
- description,
16
- buttonText = "Continue",
17
- onContinue,
18
- autoRedirectSeconds
19
- }) {
20
- const motionConfig = useMotionConfig();
21
- const [countdown, setCountdown] = React.useState(autoRedirectSeconds ?? 0);
22
- React.useEffect(() => {
23
- if (!autoRedirectSeconds) return;
24
- setCountdown(autoRedirectSeconds);
25
- const interval = setInterval(() => {
26
- setCountdown((prev) => {
27
- if (prev <= 1) {
28
- clearInterval(interval);
29
- onContinue?.();
30
- return 0;
31
- }
32
- return prev - 1;
33
- });
34
- }, 1e3);
35
- return () => clearInterval(interval);
36
- }, [autoRedirectSeconds, onContinue]);
37
- return /* @__PURE__ */ jsx(m.div, { ...scaleIn, className: cn("w-full max-w-sm mx-auto", className), children: /* @__PURE__ */ jsxs(Card, { children: [
38
- /* @__PURE__ */ jsxs(CardHeader, { className: "text-center", children: [
39
- /* @__PURE__ */ jsx(
40
- m.div,
41
- {
42
- className: "mx-auto mb-2",
43
- initial: { scale: 0.8, opacity: 0 },
44
- animate: { scale: 1, opacity: 1 },
45
- transition: { ...motionSpring.bouncy, ...motionConfig },
46
- children: /* @__PURE__ */ jsx("div", { className: "flex h-16 w-16 items-center justify-center rounded-full bg-success/10 shadow-[0_0_24px_rgb(var(--color-success)/0.2)]", children: icon })
47
- }
48
- ),
49
- /* @__PURE__ */ jsx(CardTitle, { className: "text-2xl", children: title }),
50
- /* @__PURE__ */ jsx(CardDescription, { children: description })
51
- ] }),
52
- /* @__PURE__ */ jsxs(CardContent, { className: "grid gap-4", children: [
53
- autoRedirectSeconds !== void 0 && countdown > 0 && /* @__PURE__ */ jsxs("p", { className: "text-center text-sm text-text-tertiary tabular-nums", children: [
54
- "Redirecting in ",
55
- countdown,
56
- "..."
57
- ] }),
58
- /* @__PURE__ */ jsx(Button, { variant: "accent", className: "w-full", onClick: onContinue, children: buttonText })
59
- ] })
60
- ] }) });
61
- }
62
-
63
- export { AuthSuccessBlock };
8
+ import '../../chunk-QYZT24TS.js';
@@ -11,5 +11,5 @@ interface BarChartProps {
11
11
  description?: string;
12
12
  className?: string;
13
13
  }
14
- export declare function BarChart({ data, config, title, description, className, }: BarChartProps): import("react/jsx-runtime").JSX.Element;
14
+ export declare function BarChartBlock({ data, config, title, description, className, }: BarChartProps): import("react/jsx-runtime").JSX.Element;
15
15
  export {};
@@ -21,7 +21,7 @@ var defaultConfig = {
21
21
  total: { label: "Total", color: "rgb(var(--chart-1))" },
22
22
  prediction: { label: "Prediction", color: "rgb(var(--chart-2))" }
23
23
  };
24
- function BarChart2({
24
+ function BarChartBlock({
25
25
  data = defaultData,
26
26
  config = defaultConfig,
27
27
  title = "Token Usage",
@@ -49,4 +49,4 @@ function BarChart2({
49
49
  ] });
50
50
  }
51
51
 
52
- export { BarChart2 as BarChart };
52
+ export { BarChartBlock };
@@ -9,5 +9,5 @@ interface CallToActionProps {
9
9
  secondaryAction?: CallToActionAction;
10
10
  className?: string;
11
11
  }
12
- export declare function CallToAction({ title, description, primaryAction, secondaryAction, className, }: CallToActionProps): import("react/jsx-runtime").JSX.Element;
12
+ export declare function CallToActionBlock({ title, description, primaryAction, secondaryAction, className, }: CallToActionProps): import("react/jsx-runtime").JSX.Element;
13
13
  export {};
@@ -1,4 +1,5 @@
1
1
  'use client';
2
+ export { CallToActionBlock } from '../../chunk-GJPTPLCQ.js';
2
3
  import '../../chunk-G5EO22OR.js';
3
4
  import '../../chunk-ANBJ2OLC.js';
4
5
  import '../../chunk-LV4LBWCS.js';
@@ -7,61 +8,14 @@ import '../../chunk-F3T2U7YL.js';
7
8
  import '../../chunk-6DYFX5IR.js';
8
9
  import '../../chunk-EB5PYS7Q.js';
9
10
  import '../../chunk-OHX2LFAH.js';
10
- import { ShimmeringText } from '../../chunk-SGI25ZJ6.js';
11
- import { StaggerChildren } from '../../chunk-DQPK2XRL.js';
11
+ import '../../chunk-SGI25ZJ6.js';
12
+ import '../../chunk-DQPK2XRL.js';
12
13
  import '../../chunk-ULLTRLBD.js';
13
14
  import '../../chunk-4O6L5YWT.js';
14
- import { Heading } from '../../chunk-WI547C47.js';
15
- import { siteConfig } from '../../chunk-A7NUWD76.js';
16
- import { Button } from '../../chunk-7KIDDF3I.js';
15
+ import '../../chunk-WI547C47.js';
16
+ import '../../chunk-A7NUWD76.js';
17
+ import '../../chunk-7KIDDF3I.js';
17
18
  import '../../chunk-PD2YEH3H.js';
18
19
  import '../../chunk-CRY67BIF.js';
19
20
  import '../../chunk-HJC6U46F.js';
20
21
  import '../../chunk-QYZT24TS.js';
21
- import Link from 'next/link';
22
- import { jsx, jsxs } from 'react/jsx-runtime';
23
-
24
- var defaultDescription = `Join thousands of developers building premium interfaces with ${siteConfig.name}.`;
25
- var defaultPrimaryAction = { label: "Get Started", href: "#" };
26
- var defaultSecondaryAction = { label: "Book Demo", href: "#" };
27
- function CallToAction({
28
- title = "Start Building",
29
- description = defaultDescription,
30
- primaryAction = defaultPrimaryAction,
31
- secondaryAction = defaultSecondaryAction,
32
- className
33
- }) {
34
- return /* @__PURE__ */ jsx("section", { className: className ?? "py-16 md:py-24", children: /* @__PURE__ */ jsx("div", { className: "mx-auto max-w-5xl px-6", children: /* @__PURE__ */ jsxs(StaggerChildren, { staggerMs: 100, className: "text-center", children: [
35
- /* @__PURE__ */ jsx(Heading, { level: 2, size: "section", className: "text-4xl lg:text-5xl", children: /* @__PURE__ */ jsx(
36
- ShimmeringText,
37
- {
38
- text: title,
39
- color: "var(--color-text-primary)",
40
- shimmeringColor: "var(--color-accent)",
41
- duration: 2
42
- }
43
- ) }),
44
- /* @__PURE__ */ jsx("p", { className: "mt-4 text-lg text-text-secondary", children: description }),
45
- /* @__PURE__ */ jsxs("div", { className: "mt-12 flex flex-wrap justify-center gap-4", children: [
46
- /* @__PURE__ */ jsx(
47
- Button,
48
- {
49
- asChild: true,
50
- size: "lg",
51
- children: /* @__PURE__ */ jsx(Link, { href: primaryAction.href, children: /* @__PURE__ */ jsx("span", { children: primaryAction.label }) })
52
- }
53
- ),
54
- /* @__PURE__ */ jsx(
55
- Button,
56
- {
57
- asChild: true,
58
- size: "lg",
59
- variant: "outline",
60
- children: /* @__PURE__ */ jsx(Link, { href: secondaryAction.href, children: /* @__PURE__ */ jsx("span", { children: secondaryAction.label }) })
61
- }
62
- )
63
- ] })
64
- ] }) }) });
65
- }
66
-
67
- export { CallToAction };
@@ -1,6 +1,7 @@
1
1
  'use client';
2
- import { Heading } from '../../chunk-WI547C47.js';
3
- import { ScrollFadeIn } from '../../chunk-I23DDSU7.js';
2
+ export { ChangelogBlock } from '../../chunk-EJNF6JLL.js';
3
+ import '../../chunk-WI547C47.js';
4
+ import '../../chunk-I23DDSU7.js';
4
5
  import '../../chunk-PD2YEH3H.js';
5
6
  import '../../chunk-CRY67BIF.js';
6
7
  import '../../chunk-HJC6U46F.js';
@@ -25,9 +26,9 @@ import '../../chunk-OITJWGFV.js';
25
26
  import '../../chunk-Z74D6D2W.js';
26
27
  import '../../chunk-HNY45VUQ.js';
27
28
  import '../../chunk-IJJI4RQU.js';
28
- import { PlusIcon } from '../../chunk-E7RBK6ML.js';
29
+ import '../../chunk-E7RBK6ML.js';
29
30
  import '../../chunk-UBIGDGOP.js';
30
- import { RefreshCWIcon } from '../../chunk-Q7LVUGFL.js';
31
+ import '../../chunk-Q7LVUGFL.js';
31
32
  import '../../chunk-ALMGJVMT.js';
32
33
  import '../../chunk-QPXTBZWN.js';
33
34
  import '../../chunk-GAKU7DFY.js';
@@ -97,7 +98,7 @@ import '../../chunk-JJTQOH7J.js';
97
98
  import '../../chunk-72X6SXOX.js';
98
99
  import '../../chunk-SR5U52V3.js';
99
100
  import '../../chunk-74RKVIBV.js';
100
- import { WrenchIcon } from '../../chunk-AWIJHDNK.js';
101
+ import '../../chunk-AWIJHDNK.js';
101
102
  import '../../chunk-BRP6D56U.js';
102
103
  import '../../chunk-S733NAYS.js';
103
104
  import '../../chunk-MAUTIHQG.js';
@@ -114,105 +115,7 @@ import '../../chunk-UHXGBV5N.js';
114
115
  import '../../chunk-UIUMTURU.js';
115
116
  import '../../chunk-PRUXIDBD.js';
116
117
  import '../../chunk-NURPUVUV.js';
117
- import { Badge } from '../../chunk-S4JAHKOP.js';
118
+ import '../../chunk-S4JAHKOP.js';
118
119
  import '../../chunk-HJBXUXTD.js';
119
120
  import '../../chunk-ASKFAYYR.js';
120
- import { cn } from '../../chunk-QYZT24TS.js';
121
- import { jsx, jsxs } from 'react/jsx-runtime';
122
-
123
- var typeConfig = {
124
- added: {
125
- icon: /* @__PURE__ */ jsx(PlusIcon, { size: 12 }),
126
- label: "Added",
127
- color: "text-success bg-success/10"
128
- },
129
- fixed: {
130
- icon: /* @__PURE__ */ jsx(WrenchIcon, { size: 12 }),
131
- label: "Fixed",
132
- color: "text-info bg-info/10"
133
- },
134
- changed: {
135
- icon: /* @__PURE__ */ jsx(RefreshCWIcon, { size: 12 }),
136
- label: "Changed",
137
- color: "text-warning bg-warning/10"
138
- }
139
- };
140
- var defaultEntries = [
141
- {
142
- version: "2.1.0",
143
- date: "Feb 9, 2026",
144
- changes: [
145
- { type: "added", text: "ScrollFadeIn, MeteorShower, and AuroraEffect animation components" },
146
- { type: "added", text: "FAQ, Comparison, Contact, and Newsletter blocks" },
147
- { type: "changed", text: "Upgraded motion library to v12 with new easing tokens" }
148
- ]
149
- },
150
- {
151
- version: "2.0.0",
152
- date: "Feb 1, 2026",
153
- changes: [
154
- { type: "added", text: "Arctic Glow palette replacing Synthetic Coral" },
155
- { type: "added", text: "Light and dark theme support via CSS custom properties" },
156
- { type: "fixed", text: "WCAG contrast ratios for all semantic colors" },
157
- { type: "changed", text: "Migrated from Tailwind CSS 3 to 4" }
158
- ]
159
- },
160
- {
161
- version: "1.5.0",
162
- date: "Jan 15, 2026",
163
- changes: [
164
- { type: "added", text: "Dashboard page with chart collection" },
165
- { type: "fixed", text: "Dialog focus trap on mobile Safari" }
166
- ]
167
- }
168
- ];
169
- function ChangelogBlock({
170
- entries = defaultEntries,
171
- title = "Changelog",
172
- className
173
- }) {
174
- return /* @__PURE__ */ jsx("section", { className: cn("py-16 md:py-24", className), children: /* @__PURE__ */ jsxs("div", { className: "mx-auto max-w-3xl px-6", children: [
175
- !!title && /* @__PURE__ */ jsx(ScrollFadeIn, { children: /* @__PURE__ */ jsx(Heading, { level: 2, size: "section", className: "mb-12 text-text-primary", children: title }) }),
176
- /* @__PURE__ */ jsxs("div", { className: "relative", children: [
177
- /* @__PURE__ */ jsx("div", { className: "absolute left-4 top-2 bottom-0 w-px bg-border" }),
178
- /* @__PURE__ */ jsx("div", { className: "space-y-12", children: entries.map((entry, entryIndex) => /* @__PURE__ */ jsx(ScrollFadeIn, { delay: entryIndex * 0.08, children: /* @__PURE__ */ jsxs("div", { className: "relative flex gap-6", children: [
179
- /* @__PURE__ */ jsx("div", { className: "relative z-10 flex h-8 w-8 shrink-0 items-center justify-center rounded-full glass-panel", children: /* @__PURE__ */ jsx("div", { className: "h-2.5 w-2.5 rounded-full bg-primary" }) }),
180
- /* @__PURE__ */ jsxs("div", { className: "flex-1 pt-0.5", children: [
181
- /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-4 mb-4", children: [
182
- /* @__PURE__ */ jsxs(Badge, { variant: "primary", className: "font-mono text-xs", children: [
183
- "v",
184
- entry.version
185
- ] }),
186
- entryIndex === 0 && /* @__PURE__ */ jsx(Badge, { variant: "accent", className: "text-[10px]", children: "Latest" }),
187
- /* @__PURE__ */ jsx("time", { className: "text-xs text-text-tertiary", children: entry.date })
188
- ] }),
189
- /* @__PURE__ */ jsx("ul", { className: "space-y-2", children: entry.changes.map((change, changeIndex) => {
190
- const config = typeConfig[change.type];
191
- return /* @__PURE__ */ jsxs(
192
- "li",
193
- {
194
- className: "flex items-start gap-2 text-sm text-text-secondary",
195
- children: [
196
- /* @__PURE__ */ jsx(
197
- "span",
198
- {
199
- className: cn(
200
- "mt-0.5 flex h-5 w-5 shrink-0 items-center justify-center rounded",
201
- config.color
202
- ),
203
- children: config.icon
204
- }
205
- ),
206
- /* @__PURE__ */ jsx("span", { children: change.text })
207
- ]
208
- },
209
- changeIndex
210
- );
211
- }) })
212
- ] })
213
- ] }) }, entry.version)) })
214
- ] })
215
- ] }) });
216
- }
217
-
218
- export { ChangelogBlock };
121
+ import '../../chunk-QYZT24TS.js';
@@ -1,5 +1,5 @@
1
1
  'use client';
2
- import { HeatmapBlock } from '../../chunk-LQLFA2EL.js';
2
+ import { HeatmapChartBlock } from '../../chunk-VDONTZZX.js';
3
3
  import { AreaChart } from '../../chunk-IPXL7WX7.js';
4
4
  import { BarChart } from '../../chunk-UWHKZX4Y.js';
5
5
  import '../../chunk-XCZIF75R.js';
@@ -170,7 +170,7 @@ function ChartCollectionBlock({ className }) {
170
170
  }
171
171
  ) })
172
172
  ] }),
173
- /* @__PURE__ */ jsx(HeatmapBlock, {})
173
+ /* @__PURE__ */ jsx(HeatmapChartBlock, {})
174
174
  ] });
175
175
  }
176
176
 
@@ -1,65 +1,12 @@
1
1
  'use client';
2
- import { useSafeTimeout } from '../../chunk-MDAYDDTC.js';
3
- import { ScrollFadeIn } from '../../chunk-I23DDSU7.js';
4
- import { Button } from '../../chunk-7KIDDF3I.js';
2
+ export { CodeBlock } from '../../chunk-5PORR6LE.js';
3
+ import '../../chunk-MDAYDDTC.js';
4
+ import '../../chunk-I23DDSU7.js';
5
+ import '../../chunk-7KIDDF3I.js';
5
6
  import '../../chunk-PD2YEH3H.js';
6
7
  import '../../chunk-CRY67BIF.js';
7
8
  import '../../chunk-HJC6U46F.js';
8
- import { CopyIcon } from '../../chunk-TV4RSQH4.js';
9
- import { CheckIcon } from '../../chunk-CXACRCZ4.js';
9
+ import '../../chunk-TV4RSQH4.js';
10
+ import '../../chunk-CXACRCZ4.js';
10
11
  import '../../chunk-ASKFAYYR.js';
11
- import { cn } from '../../chunk-QYZT24TS.js';
12
- import * as React from 'react';
13
- import Prism from 'prismjs';
14
- import 'prismjs/themes/prism-tomorrow.css';
15
- import { jsx, jsxs } from 'react/jsx-runtime';
16
-
17
- function CodeBlock({
18
- code,
19
- language = "javascript",
20
- filename,
21
- className,
22
- ...props
23
- }) {
24
- const [copied, setCopied] = React.useState(false);
25
- const setSafeTimeout = useSafeTimeout();
26
- React.useEffect(() => {
27
- Prism.highlightAll();
28
- }, [code, language]);
29
- const onCopy = () => {
30
- navigator.clipboard.writeText(code);
31
- setCopied(true);
32
- setSafeTimeout(() => setCopied(false), 2e3);
33
- };
34
- return /* @__PURE__ */ jsx(ScrollFadeIn, { children: /* @__PURE__ */ jsxs(
35
- "div",
36
- {
37
- className: cn(
38
- "relative overflow-hidden rounded-lg glass-panel",
39
- className
40
- ),
41
- ...props,
42
- children: [
43
- !!filename && /* @__PURE__ */ jsx("div", { className: "flex items-center justify-between border-b border-border/30 bg-surface-hover px-4 py-2 text-xs text-text-tertiary", children: /* @__PURE__ */ jsx("span", { children: filename }) }),
44
- /* @__PURE__ */ jsxs("div", { className: "relative", children: [
45
- /* @__PURE__ */ jsxs(
46
- Button,
47
- {
48
- size: "icon",
49
- variant: "ghost",
50
- className: "absolute right-1 top-1 text-text-tertiary hover:bg-surface-hover hover:text-text-secondary",
51
- onClick: onCopy,
52
- children: [
53
- copied ? /* @__PURE__ */ jsx(CheckIcon, { size: 14 }) : /* @__PURE__ */ jsx(CopyIcon, { size: 14 }),
54
- /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Copy code" })
55
- ]
56
- }
57
- ),
58
- /* @__PURE__ */ jsx("div", { className: "overflow-x-auto p-4", children: /* @__PURE__ */ jsx("pre", { className: "!m-0 !bg-transparent !p-0", children: /* @__PURE__ */ jsx("code", { className: `language-${language}`, children: code }) }) })
59
- ] })
60
- ]
61
- }
62
- ) });
63
- }
64
-
65
- export { CodeBlock };
12
+ import '../../chunk-QYZT24TS.js';
@@ -1,99 +1,14 @@
1
1
  'use client';
2
- import { Typography } from '../../chunk-N53OMWW2.js';
3
- import { Heading } from '../../chunk-WI547C47.js';
4
- import { Table, TableHeader, TableRow, TableHead, TableBody, TableCell } from '../../chunk-PXDHNGTG.js';
5
- import { ScrollFadeIn } from '../../chunk-I23DDSU7.js';
2
+ export { ComparisonBlock } from '../../chunk-VZCB4APK.js';
3
+ import '../../chunk-N53OMWW2.js';
4
+ import '../../chunk-WI547C47.js';
5
+ import '../../chunk-PXDHNGTG.js';
6
+ import '../../chunk-I23DDSU7.js';
6
7
  import '../../chunk-PD2YEH3H.js';
7
8
  import '../../chunk-CRY67BIF.js';
8
9
  import '../../chunk-HJC6U46F.js';
9
- import { CheckIcon } from '../../chunk-CXACRCZ4.js';
10
- import { XIcon } from '../../chunk-UIUMTURU.js';
11
- import { Badge } from '../../chunk-S4JAHKOP.js';
10
+ import '../../chunk-CXACRCZ4.js';
11
+ import '../../chunk-UIUMTURU.js';
12
+ import '../../chunk-S4JAHKOP.js';
12
13
  import '../../chunk-ASKFAYYR.js';
13
- import { cn } from '../../chunk-QYZT24TS.js';
14
- import { jsx, jsxs } from 'react/jsx-runtime';
15
-
16
- var defaultPlans = [
17
- {
18
- name: "Starter",
19
- features: {
20
- "Components": "50+",
21
- "Design Tokens": true,
22
- "Dark Mode": true,
23
- "TypeScript": true,
24
- "Priority Support": false,
25
- "Custom Branding": false,
26
- "SSO / SAML": false,
27
- "SLA Guarantee": false
28
- }
29
- },
30
- {
31
- name: "Pro",
32
- featured: true,
33
- features: {
34
- "Components": "100+",
35
- "Design Tokens": true,
36
- "Dark Mode": true,
37
- "TypeScript": true,
38
- "Priority Support": true,
39
- "Custom Branding": true,
40
- "SSO / SAML": false,
41
- "SLA Guarantee": false
42
- }
43
- },
44
- {
45
- name: "Enterprise",
46
- features: {
47
- "Components": "100+",
48
- "Design Tokens": true,
49
- "Dark Mode": true,
50
- "TypeScript": true,
51
- "Priority Support": true,
52
- "Custom Branding": true,
53
- "SSO / SAML": true,
54
- "SLA Guarantee": true
55
- }
56
- }
57
- ];
58
- function ComparisonBlock({
59
- plans = defaultPlans,
60
- title = "Compare plans",
61
- description = "See which plan is right for your team.",
62
- className
63
- }) {
64
- const featureNames = plans.length > 0 ? Object.keys(plans[0].features) : [];
65
- return /* @__PURE__ */ jsx("section", { className: cn("py-16 md:py-24", className), children: /* @__PURE__ */ jsxs("div", { className: "mx-auto max-w-5xl px-6", children: [
66
- /* @__PURE__ */ jsx(ScrollFadeIn, { children: /* @__PURE__ */ jsxs("div", { className: "mb-12 text-center", children: [
67
- /* @__PURE__ */ jsx(Heading, { level: 2, size: "section", className: "text-text-primary", children: title }),
68
- !!description && /* @__PURE__ */ jsx(Typography, { variant: "body", className: "mt-4 text-text-secondary", children: description })
69
- ] }) }),
70
- /* @__PURE__ */ jsx(ScrollFadeIn, { delay: 0.1, children: /* @__PURE__ */ jsx("div", { className: "overflow-x-auto rounded-lg border border-border", children: /* @__PURE__ */ jsxs(Table, { children: [
71
- /* @__PURE__ */ jsx(TableHeader, { children: /* @__PURE__ */ jsxs(TableRow, { children: [
72
- /* @__PURE__ */ jsx(TableHead, { className: "w-[200px] text-text-primary font-semibold", children: "Feature" }),
73
- plans.map((plan) => /* @__PURE__ */ jsx(
74
- TableHead,
75
- {
76
- className: cn(
77
- "text-center font-semibold",
78
- plan.featured && "text-accent"
79
- ),
80
- children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-1.5", children: [
81
- plan.name,
82
- plan.featured && /* @__PURE__ */ jsx(Badge, { variant: "accent", className: "text-[10px]", children: "Popular" })
83
- ] })
84
- },
85
- plan.name
86
- ))
87
- ] }) }),
88
- /* @__PURE__ */ jsx(TableBody, { children: featureNames.map((feature) => /* @__PURE__ */ jsxs(TableRow, { className: "transition-colors hover:bg-surface-active/50", children: [
89
- /* @__PURE__ */ jsx(TableCell, { className: "font-medium text-text-primary", children: feature }),
90
- plans.map((plan) => {
91
- const value = plan.features[feature];
92
- return /* @__PURE__ */ jsx(TableCell, { className: "text-center", children: typeof value === "boolean" ? value ? /* @__PURE__ */ jsx(CheckIcon, { size: 16, className: "mx-auto text-success" }) : /* @__PURE__ */ jsx(XIcon, { size: 16, className: "mx-auto text-text-tertiary" }) : /* @__PURE__ */ jsx("span", { className: "text-sm text-text-primary", children: value }) }, plan.name);
93
- })
94
- ] }, feature)) })
95
- ] }) }) })
96
- ] }) });
97
- }
98
-
99
- export { ComparisonBlock };
14
+ import '../../chunk-QYZT24TS.js';