@vadimcomanescu/nadicode-design-system 2.0.6 → 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.
- package/.agents/skills/seed/contract.md +1 -0
- package/.agents/skills/seed/recipes/marketing-shell.md +10 -19
- package/.agents/skills/seed/recipes/navigation-shell.md +5 -5
- package/.agents/skills/seed/recipes/service-detail.md +1 -1
- package/.agents/skills/seed/references/blocks.md +25 -24
- package/.agents/skills/seed/references/brand-override.md +3 -1
- package/css/tokens.css +300 -122
- package/dist/catalog.json +1926 -125
- package/dist/chunk-2BADJLMV.js +117 -0
- package/dist/chunk-35EX5FP5.js +106 -0
- package/dist/chunk-5PORR6LE.js +60 -0
- package/dist/chunk-5PZ4VR2D.js +142 -0
- package/dist/chunk-5UESKK6S.js +76 -0
- package/dist/chunk-6N6CSJVE.js +269 -0
- package/dist/chunk-AURJQZC4.js +110 -0
- package/dist/{chunk-DF47R6LN.js → chunk-AWIG4QN6.js} +9 -9
- package/dist/chunk-AYWL4IYM.js +67 -0
- package/dist/{chunk-SV3KZ6CB.js → chunk-DSMGCFMJ.js} +7 -2
- package/dist/chunk-E4L6LR6P.js +33 -0
- package/dist/chunk-EJNF6JLL.js +105 -0
- package/dist/chunk-FX23F33E.js +57 -0
- package/dist/chunk-GJPTPLCQ.js +52 -0
- package/dist/chunk-GV4PKHG4.js +147 -0
- package/dist/chunk-HJ3A2YNO.js +163 -0
- package/dist/chunk-HJZRSPWB.js +38 -0
- package/dist/chunk-IDKZEPWK.js +133 -0
- package/dist/chunk-K7NQ6ZAW.js +84 -0
- package/dist/chunk-LCKLZ4XK.js +60 -0
- package/dist/chunk-MX5FUFQR.js +205 -0
- package/dist/chunk-NEHCPO53.js +44 -0
- package/dist/chunk-OHOOQUVJ.js +113 -0
- package/dist/chunk-QIHA7S3A.js +36 -0
- package/dist/chunk-RKQPU75I.js +126 -0
- package/dist/chunk-RMLS2QUC.js +77 -0
- package/dist/chunk-TS2JSPQR.js +120 -0
- package/dist/chunk-TUKZKU72.js +110 -0
- package/dist/chunk-TZXZFSD2.js +33 -0
- package/dist/chunk-UGV45DH3.js +18 -0
- package/dist/chunk-VBZQ4DBE.js +52 -0
- package/dist/{chunk-LQLFA2EL.js → chunk-VDONTZZX.js} +2 -2
- package/dist/{chunk-RWNJ54CI.js → chunk-VN475YZS.js} +1 -1
- package/dist/chunk-VZCB4APK.js +94 -0
- package/dist/chunk-W7FXDRQJ.js +94 -0
- package/dist/chunk-WAVU744B.js +183 -0
- package/dist/{chunk-5I3FWRC5.js → chunk-WOYBVPXK.js} +10 -10
- package/dist/chunk-WST5NLLC.js +73 -0
- package/dist/chunk-X6VXWEDO.js +125 -0
- package/dist/chunk-ZM2NODUK.js +39 -0
- package/dist/components/blocks/AccountLockedBlock.js +7 -57
- package/dist/components/blocks/ActivityFeedBlock.js +6 -39
- package/dist/components/blocks/AgentConversationBlock.js +5 -33
- package/dist/components/blocks/AudioVisualizerBlock.d.ts +1 -1
- package/dist/components/blocks/AudioVisualizerBlock.js +2 -2
- package/dist/components/blocks/AuthSuccessBlock.js +5 -60
- package/dist/components/blocks/BarChartBlock.d.ts +1 -1
- package/dist/components/blocks/BarChartBlock.js +2 -2
- package/dist/components/blocks/CallToActionBlock.d.ts +1 -1
- package/dist/components/blocks/CallToActionBlock.js +6 -52
- package/dist/components/blocks/ChangelogBlock.js +8 -105
- package/dist/components/blocks/ChartCollectionBlock.js +2 -2
- package/dist/components/blocks/CodeBlock.js +7 -60
- package/dist/components/blocks/ComparisonBlock.js +9 -94
- package/dist/components/blocks/ContactBlock.js +11 -120
- package/dist/components/blocks/FAQBlock.js +6 -44
- package/dist/components/blocks/FeatureBlock.d.ts +10 -14
- package/dist/components/blocks/FeatureBlock.js +17 -159
- package/dist/components/blocks/FeatureGridBlock.d.ts +1 -1
- package/dist/components/blocks/FeatureGridBlock.js +2 -2
- package/dist/components/blocks/FooterBlock.d.ts +2 -2
- package/dist/components/blocks/FooterBlock.js +11 -67
- package/dist/components/blocks/HeaderBlock.d.ts +2 -2
- package/dist/components/blocks/HeaderBlock.js +1 -1
- package/dist/components/blocks/HeatmapChartBlock.d.ts +1 -1
- package/dist/components/blocks/HeatmapChartBlock.js +1 -1
- package/dist/components/blocks/HeroBlock.d.ts +6 -3
- package/dist/components/blocks/HeroBlock.js +16 -199
- package/dist/components/blocks/HeroSectionBlock.d.ts +1 -1
- package/dist/components/blocks/HeroSectionBlock.js +4 -4
- package/dist/components/blocks/IntegrationsBlock.d.ts +1 -1
- package/dist/components/blocks/IntegrationsBlock.js +4 -4
- package/dist/components/blocks/InteractiveAreaChartBlock.d.ts +1 -1
- package/dist/components/blocks/InteractiveAreaChartBlock.js +2 -2
- package/dist/components/blocks/NewsletterBlock.js +11 -84
- package/dist/components/blocks/PasswordRecoveryBlock.js +14 -142
- package/dist/components/blocks/PricingBlock.d.ts +1 -1
- package/dist/components/blocks/PricingBlock.js +11 -110
- package/dist/components/blocks/ProcessFlowBlock.js +10 -77
- package/dist/components/blocks/ResetPasswordBlock.js +11 -125
- package/dist/components/blocks/SignUpBlock.d.ts +1 -1
- package/dist/components/blocks/SignUpBlock.js +2 -2
- package/dist/components/blocks/SocialProofBlock.d.ts +7 -11
- package/dist/components/blocks/SocialProofBlock.js +8 -107
- package/dist/components/blocks/StatsBlock.d.ts +1 -1
- package/dist/components/blocks/StatsBlock.js +2 -2
- package/dist/components/blocks/StatsMarketingBlock.d.ts +1 -1
- package/dist/components/blocks/StatsMarketingBlock.js +5 -36
- package/dist/components/blocks/TeamBlock.d.ts +1 -1
- package/dist/components/blocks/TeamBlock.js +4 -52
- package/dist/components/blocks/TestimonialsBlock.d.ts +1 -1
- package/dist/components/blocks/TestimonialsBlock.js +4 -133
- package/dist/components/blocks/TwoFactorChallengeBlock.js +9 -94
- package/dist/components/blocks/TwoFactorSetupBlock.js +16 -183
- package/dist/components/blocks/UsageDonutBlock.d.ts +1 -1
- package/dist/components/blocks/UsageDonutBlock.js +2 -2
- package/dist/components/logos/index.js +2 -2
- package/dist/components/page-kits/AccountLockedPageKit.d.ts +10 -0
- package/dist/components/page-kits/AccountLockedPageKit.js +48 -0
- package/dist/components/page-kits/AgentsChatPageKit.d.ts +46 -0
- package/dist/components/page-kits/AgentsChatPageKit.js +289 -0
- package/dist/components/page-kits/AnalyticsPageKit.d.ts +49 -0
- package/dist/components/page-kits/AnalyticsPageKit.js +277 -0
- package/dist/components/page-kits/BlogContentPageKit.d.ts +64 -0
- package/dist/components/page-kits/BlogContentPageKit.js +296 -0
- package/dist/components/page-kits/CheckoutPageKit.d.ts +36 -0
- package/dist/components/page-kits/CheckoutPageKit.js +209 -0
- package/dist/components/page-kits/CompanySuitePageKit.d.ts +25 -0
- package/dist/components/page-kits/CompanySuitePageKit.js +240 -0
- package/dist/components/page-kits/CrudFormPageKit.d.ts +54 -0
- package/dist/components/page-kits/CrudFormPageKit.js +138 -0
- package/dist/components/page-kits/CrudListDetailPageKit.d.ts +70 -0
- package/dist/components/page-kits/CrudListDetailPageKit.js +138 -0
- package/dist/components/page-kits/DashboardPageKit.d.ts +39 -0
- package/dist/components/page-kits/DashboardPageKit.js +284 -0
- package/dist/components/page-kits/ErrorPageKit.d.ts +22 -0
- package/dist/components/page-kits/ErrorPageKit.js +55 -0
- package/dist/components/page-kits/KanbanBoardPageKit.d.ts +31 -0
- package/dist/components/page-kits/KanbanBoardPageKit.js +305 -0
- package/dist/components/page-kits/LandingPageKit.d.ts +29 -0
- package/dist/components/page-kits/LandingPageKit.js +221 -0
- package/dist/components/page-kits/LoginPageKit.d.ts +16 -0
- package/dist/components/page-kits/LoginPageKit.js +43 -0
- package/dist/components/page-kits/MarketingShellPageKit.d.ts +21 -0
- package/dist/components/page-kits/MarketingShellPageKit.js +131 -0
- package/dist/components/page-kits/NavigationShellPageKit.d.ts +41 -0
- package/dist/components/page-kits/NavigationShellPageKit.js +132 -0
- package/dist/components/page-kits/OnboardingPageKit.d.ts +26 -0
- package/dist/components/page-kits/OnboardingPageKit.js +248 -0
- package/dist/components/page-kits/PricingPageKit.d.ts +41 -0
- package/dist/components/page-kits/PricingPageKit.js +279 -0
- package/dist/components/page-kits/ProfileSettingsPageKit.d.ts +50 -0
- package/dist/components/page-kits/ProfileSettingsPageKit.js +171 -0
- package/dist/components/page-kits/RecoveryPageKit.d.ts +17 -0
- package/dist/components/page-kits/RecoveryPageKit.js +58 -0
- package/dist/components/page-kits/ResetPageKit.d.ts +14 -0
- package/dist/components/page-kits/ResetPageKit.js +52 -0
- package/dist/components/page-kits/ServiceSuitePageKit.d.ts +25 -0
- package/dist/components/page-kits/ServiceSuitePageKit.js +320 -0
- package/dist/components/page-kits/SettingsPageKit.d.ts +27 -0
- package/dist/components/page-kits/SettingsPageKit.js +11 -0
- package/dist/components/page-kits/SignupPageKit.d.ts +15 -0
- package/dist/components/page-kits/SignupPageKit.js +41 -0
- package/dist/components/page-kits/SuccessPageKit.d.ts +15 -0
- package/dist/components/page-kits/SuccessPageKit.js +146 -0
- package/dist/components/page-kits/TeamSettingsPageKit.d.ts +50 -0
- package/dist/components/page-kits/TeamSettingsPageKit.js +297 -0
- package/dist/components/page-kits/TwoFactorPageKit.d.ts +16 -0
- package/dist/components/page-kits/TwoFactorPageKit.js +156 -0
- package/dist/components/page-kits/VerifyEmailPageKit.d.ts +15 -0
- package/dist/components/page-kits/VerifyEmailPageKit.js +146 -0
- package/dist/components/page-kits/VoiceAgentsPageKit.d.ts +35 -0
- package/dist/components/page-kits/VoiceAgentsPageKit.js +246 -0
- package/dist/components/ui/AudioWaveform.js +2 -76
- package/dist/components/ui/AvatarUpload.js +1 -1
- package/dist/components/ui/Breadcrumb.js +4 -106
- package/dist/components/ui/ChartCard.js +5 -38
- package/dist/components/ui/CheckoutFormDemo.js +5 -6
- package/dist/components/ui/DataFreshness.js +2 -73
- package/dist/components/ui/MouseEffect.js +1 -1
- package/dist/components/ui/NativeSelect.js +2 -18
- package/dist/components/ui/Pagination.js +6 -117
- package/dist/components/ui/ShaderBackground.js +2 -2
- package/dist/hooks/use-shader-preset.js +2 -2
- package/dist/lib/shader-presets.js +1 -1
- package/dist/lib/tokens.config.d.ts +19 -0
- package/package.json +792 -680
- package/scripts/ds-check.mjs +8 -0
- package/src/lib/tokens.config.js +63 -41
|
@@ -1,43 +1,10 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
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
|
|
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
|
-
|
|
3
|
-
import
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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 {
|
|
51
|
+
export { AudioVisualizerBlock };
|
|
@@ -1,63 +1,8 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
|
|
3
|
-
import
|
|
4
|
-
import
|
|
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
|
|
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
|
|
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
|
|
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 {
|
|
52
|
+
export { BarChartBlock };
|
|
@@ -9,5 +9,5 @@ interface CallToActionProps {
|
|
|
9
9
|
secondaryAction?: CallToActionAction;
|
|
10
10
|
className?: string;
|
|
11
11
|
}
|
|
12
|
-
export declare function
|
|
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
|
|
11
|
-
import
|
|
11
|
+
import '../../chunk-SGI25ZJ6.js';
|
|
12
|
+
import '../../chunk-DQPK2XRL.js';
|
|
12
13
|
import '../../chunk-ULLTRLBD.js';
|
|
13
14
|
import '../../chunk-4O6L5YWT.js';
|
|
14
|
-
import
|
|
15
|
-
import
|
|
16
|
-
import
|
|
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
|
-
|
|
3
|
-
import
|
|
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
|
|
29
|
+
import '../../chunk-E7RBK6ML.js';
|
|
29
30
|
import '../../chunk-UBIGDGOP.js';
|
|
30
|
-
import
|
|
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
|
|
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
|
|
118
|
+
import '../../chunk-S4JAHKOP.js';
|
|
118
119
|
import '../../chunk-HJBXUXTD.js';
|
|
119
120
|
import '../../chunk-ASKFAYYR.js';
|
|
120
|
-
import
|
|
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 {
|
|
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(
|
|
173
|
+
/* @__PURE__ */ jsx(HeatmapChartBlock, {})
|
|
174
174
|
] });
|
|
175
175
|
}
|
|
176
176
|
|
|
@@ -1,65 +1,12 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
|
|
3
|
-
import
|
|
4
|
-
import
|
|
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
|
|
9
|
-
import
|
|
9
|
+
import '../../chunk-TV4RSQH4.js';
|
|
10
|
+
import '../../chunk-CXACRCZ4.js';
|
|
10
11
|
import '../../chunk-ASKFAYYR.js';
|
|
11
|
-
import
|
|
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
|
-
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
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
|
|
10
|
-
import
|
|
11
|
-
import
|
|
10
|
+
import '../../chunk-CXACRCZ4.js';
|
|
11
|
+
import '../../chunk-UIUMTURU.js';
|
|
12
|
+
import '../../chunk-S4JAHKOP.js';
|
|
12
13
|
import '../../chunk-ASKFAYYR.js';
|
|
13
|
-
import
|
|
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';
|