@vadimcomanescu/nadicode-design-system 2.0.8 → 4.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (137) hide show
  1. package/.agents/skills/seed/SKILL.md +19 -10
  2. package/.agents/skills/seed/contract.md +9 -2
  3. package/.agents/skills/seed/references/blocks.md +5 -5
  4. package/.agents/skills/seed/references/components.md +2 -2
  5. package/.agents/skills/seed/references/nextjs.md +2 -2
  6. package/README.md +3 -3
  7. package/contracts/consumer-intent-map.json +1 -2
  8. package/contracts/release-governance-baseline.json +3 -37
  9. package/dist/catalog/catalog.d.ts +2220 -0
  10. package/dist/catalog/catalog.js +1913 -0
  11. package/dist/catalog/components.d.ts +201 -0
  12. package/dist/catalog/components.js +407 -0
  13. package/dist/catalog/types.d.ts +4 -0
  14. package/dist/catalog/types.js +1 -0
  15. package/dist/chunk-224KPIOG.js +60 -0
  16. package/dist/chunk-25BOZMXA.js +169 -0
  17. package/dist/chunk-32OLQ7FC.js +130 -0
  18. package/dist/chunk-3JJBJ4VR.js +47 -0
  19. package/dist/chunk-3U56FXYC.js +30 -0
  20. package/dist/chunk-4MWKE6F5.js +86 -0
  21. package/dist/chunk-6HGSU24S.js +94 -0
  22. package/dist/chunk-7IADIXDV.js +168 -0
  23. package/dist/chunk-7NS3VFD7.js +86 -0
  24. package/dist/chunk-7XLZCXUL.js +175 -0
  25. package/dist/chunk-ALA6OM7K.js +134 -0
  26. package/dist/chunk-AN5TW4AL.js +50 -0
  27. package/dist/chunk-AWZFQQGN.js +167 -0
  28. package/dist/chunk-BRCBJ3S4.js +42 -0
  29. package/dist/chunk-BRICSLHJ.js +30 -0
  30. package/dist/chunk-BYEHHZZN.js +115 -0
  31. package/dist/chunk-C33GUEDY.js +149 -0
  32. package/dist/chunk-CUDMDYKE.js +150 -0
  33. package/dist/chunk-CVTMWSNS.js +145 -0
  34. package/dist/chunk-DEZXWNYF.js +165 -0
  35. package/dist/chunk-DNJEVMDY.js +40 -0
  36. package/dist/chunk-DNJOBML6.js +66 -0
  37. package/dist/chunk-FTGFOK6T.js +69 -0
  38. package/dist/chunk-HFBJ6L6O.js +104 -0
  39. package/dist/chunk-HPTHS7SX.js +52 -0
  40. package/dist/chunk-KNR3WB5C.js +147 -0
  41. package/dist/chunk-KQ7ZC6EM.js +66 -0
  42. package/dist/chunk-LGW7FVG5.js +83 -0
  43. package/dist/chunk-LP6ZZYOQ.js +36 -0
  44. package/dist/chunk-LV4P7WVM.js +54 -0
  45. package/dist/chunk-MGSGCARB.js +164 -0
  46. package/dist/chunk-N3YFYMNZ.js +73 -0
  47. package/dist/chunk-Q5IYBNA7.js +56 -0
  48. package/dist/chunk-QJCE7NZF.js +85 -0
  49. package/dist/chunk-QW5II6YK.js +96 -0
  50. package/dist/chunk-RMGDDOCD.js +138 -0
  51. package/dist/chunk-RNCX4JIE.js +70 -0
  52. package/dist/chunk-RWCL5OPX.js +112 -0
  53. package/dist/chunk-S5OY2B63.js +28 -0
  54. package/dist/chunk-SIQNG72C.js +257 -0
  55. package/dist/chunk-SP7NIZFP.js +117 -0
  56. package/dist/chunk-SWRJWMGG.js +30 -0
  57. package/dist/chunk-TCQIJ3DO.js +85 -0
  58. package/dist/chunk-TPJ6JJ2F.js +290 -0
  59. package/dist/chunk-TUJZMJXW.js +72 -0
  60. package/dist/chunk-UR43ANYS.js +159 -0
  61. package/dist/chunk-VRGPG2YN.js +79 -0
  62. package/dist/chunk-WSBLCWY7.js +126 -0
  63. package/dist/chunk-XKKFSFYO.js +93 -0
  64. package/dist/chunk-XO7TBM47.js +32 -0
  65. package/dist/chunk-YDYDGG5K.js +132 -0
  66. package/dist/chunk-YMJOUYMT.js +171 -0
  67. package/dist/chunk-Z2WION42.js +32 -0
  68. package/dist/chunk-ZFKSVEYW.js +35 -0
  69. package/dist/components/blocks/AgentProfileGridBlock.js +8 -86
  70. package/dist/components/blocks/AgentRunOverviewBlock.js +8 -147
  71. package/dist/components/blocks/AgentWorkbenchBlock.js +15 -257
  72. package/dist/components/blocks/AudioVisualizerBlock.js +2 -50
  73. package/dist/components/blocks/AuthLayout.js +9 -73
  74. package/dist/components/blocks/BannerBlock.js +8 -66
  75. package/dist/components/blocks/BarChartBlock.js +5 -47
  76. package/dist/components/blocks/ChartBlock.js +7 -54
  77. package/dist/components/blocks/ChartCollectionBlock.js +11 -171
  78. package/dist/components/blocks/ChatLayout.js +12 -126
  79. package/dist/components/blocks/CreateBlock.js +9 -104
  80. package/dist/components/blocks/DataGridBlock.js +9 -117
  81. package/dist/components/blocks/DirectoryBlock.js +12 -85
  82. package/dist/components/blocks/FeatureGridBlock.js +6 -56
  83. package/dist/components/blocks/GalleryBlock.js +6 -69
  84. package/dist/components/blocks/HeroSectionBlock.js +10 -134
  85. package/dist/components/blocks/IntegrationsBlock.js +13 -94
  86. package/dist/components/blocks/InteractiveAreaChartBlock.js +5 -290
  87. package/dist/components/blocks/KanbanDemoBlock.js +8 -145
  88. package/dist/components/blocks/LogoCloud.js +4 -35
  89. package/dist/components/blocks/NavUser.js +5 -85
  90. package/dist/components/blocks/NotFoundBlock.js +8 -32
  91. package/dist/components/blocks/OnboardingBlock.js +7 -66
  92. package/dist/components/blocks/SettingsLayout.js +13 -86
  93. package/dist/components/blocks/SignUpBlock.js +8 -168
  94. package/dist/components/blocks/SolutionShowcaseBlock.js +11 -112
  95. package/dist/components/blocks/StatsBlock.js +6 -60
  96. package/dist/components/blocks/UsageDonutBlock.js +5 -79
  97. package/dist/components/blocks/WizardBlock.js +12 -93
  98. package/dist/components/blocks/user/InviteUserModal.js +10 -132
  99. package/dist/components/page-kits/AccountLockedPageKit.js +3 -40
  100. package/dist/components/page-kits/AgentsChatPageKit.js +11 -159
  101. package/dist/components/page-kits/AnalyticsPageKit.js +12 -150
  102. package/dist/components/page-kits/BlogContentPageKit.js +12 -167
  103. package/dist/components/page-kits/CheckoutPageKit.js +9 -83
  104. package/dist/components/page-kits/CompanySuitePageKit.js +9 -96
  105. package/dist/components/page-kits/DashboardPageKit.js +11 -149
  106. package/dist/components/page-kits/ErrorPageKit.js +5 -52
  107. package/dist/components/page-kits/KanbanBoardPageKit.js +7 -169
  108. package/dist/components/page-kits/LandingPageKit.js +11 -72
  109. package/dist/components/page-kits/LoginPageKit.js +3 -32
  110. package/dist/components/page-kits/OnboardingPageKit.js +6 -115
  111. package/dist/components/page-kits/PricingPageKit.js +12 -138
  112. package/dist/components/page-kits/ProfileSettingsPageKit.js +10 -164
  113. package/dist/components/page-kits/RecoveryPageKit.js +3 -42
  114. package/dist/components/page-kits/ResetPageKit.js +3 -36
  115. package/dist/components/page-kits/ServiceSuitePageKit.js +10 -175
  116. package/dist/components/page-kits/SignupPageKit.js +3 -30
  117. package/dist/components/page-kits/SuccessPageKit.js +4 -30
  118. package/dist/components/page-kits/TeamSettingsPageKit.js +9 -165
  119. package/dist/components/page-kits/TwoFactorPageKit.js +4 -28
  120. package/dist/components/page-kits/VerifyEmailPageKit.js +4 -30
  121. package/dist/components/page-kits/VoiceAgentsPageKit.js +13 -130
  122. package/dist/components/ui/CheckoutForm.js +5 -70
  123. package/eslint-rules/nadicode/config.js +1 -1
  124. package/eslint-rules/nadicode/data/catalog-names.json +93 -0
  125. package/eslint-rules/nadicode/index.js +2 -2
  126. package/eslint-rules/nadicode/rules/__tests__/require-catalog-component.test.js +77 -0
  127. package/eslint-rules/nadicode/rules/require-catalog-component.js +79 -0
  128. package/package.json +18 -25
  129. package/contracts/block-props-schemas.json +0 -2186
  130. package/contracts/component-props-schemas.json +0 -8322
  131. package/contracts/consumer-contract.json +0 -178
  132. package/contracts/page-kit-props-schemas.json +0 -1894
  133. package/contracts/public-surface-registry.json +0 -6162
  134. package/contracts/public-surface-registry.schema.json +0 -227
  135. package/contracts/spec-manifest.json +0 -46
  136. package/dist/catalog.json +0 -5221
  137. package/eslint-rules/nadicode/rules/no-forbidden-page-kit-import.js +0 -99
@@ -1,62 +1,12 @@
1
1
  'use client';
2
- import { Heading } from '../../chunk-WI547C47.js';
3
- import { Card, CardHeader, CardContent } from '../../chunk-AH6YSYYT.js';
2
+ export { FeatureGridBlock } from '../../chunk-Q5IYBNA7.js';
3
+ import '../../chunk-WI547C47.js';
4
+ import '../../chunk-AH6YSYYT.js';
4
5
  import '../../chunk-PD2YEH3H.js';
5
6
  import '../../chunk-CRY67BIF.js';
6
7
  import '../../chunk-HJC6U46F.js';
7
- import { ZapIcon } from '../../chunk-FLF5AMNO.js';
8
- import { SparklesIcon } from '../../chunk-CGUCH322.js';
9
- import { SettingsIcon } from '../../chunk-OITJWGFV.js';
8
+ import '../../chunk-FLF5AMNO.js';
9
+ import '../../chunk-CGUCH322.js';
10
+ import '../../chunk-OITJWGFV.js';
10
11
  import '../../chunk-ASKFAYYR.js';
11
12
  import '../../chunk-QYZT24TS.js';
12
- import { jsx, jsxs } from 'react/jsx-runtime';
13
-
14
- var defaultFeatures = [
15
- {
16
- title: "Customizable",
17
- description: "Extensive customization options, allowing you to tailor every aspect to meet your specific needs.",
18
- icon: /* @__PURE__ */ jsx(ZapIcon, { size: 24, "aria-hidden": true })
19
- },
20
- {
21
- title: "You have full control",
22
- description: "From design elements to functionality, you have complete control to create a unique and personalized experience.",
23
- icon: /* @__PURE__ */ jsx(SettingsIcon, { size: 24, "aria-hidden": true })
24
- },
25
- {
26
- title: "Powered By AI",
27
- description: "Elements to functionality, you have complete control to create a unique experience.",
28
- icon: /* @__PURE__ */ jsx(SparklesIcon, { size: 24, "aria-hidden": true })
29
- }
30
- ];
31
- function FeatureGridBlock({
32
- title = "Built to cover your needs",
33
- description = "Libero sapiente aliquam quibusdam aspernatur, praesentium iusto repellendus.",
34
- features = defaultFeatures,
35
- className
36
- } = {}) {
37
- return /* @__PURE__ */ jsx("section", { className: className ?? "bg-background py-16 md:py-32 dark:bg-transparent", children: /* @__PURE__ */ jsxs("div", { className: "@container mx-auto max-w-5xl px-6", children: [
38
- /* @__PURE__ */ jsxs("div", { className: "text-center", children: [
39
- /* @__PURE__ */ jsx(Heading, { level: 2, size: "section", className: "text-4xl lg:text-5xl", children: title }),
40
- /* @__PURE__ */ jsx("p", { className: "mt-4", children: description })
41
- ] }),
42
- /* @__PURE__ */ jsx(Card, { className: "lg:max-w-full lg:grid-cols-3 lg:divide-x lg:divide-y-0 mx-auto mt-8 grid max-w-sm divide-y overflow-hidden shadow-sm *:text-center md:mt-16", children: features.map((feature, i) => /* @__PURE__ */ jsxs("div", { className: "group shadow-sm", children: [
43
- /* @__PURE__ */ jsxs(CardHeader, { className: "pb-4", children: [
44
- /* @__PURE__ */ jsx(CardDecorator, { children: feature.icon }),
45
- /* @__PURE__ */ jsx(Heading, { level: 3, size: "title", className: "mt-6 font-medium", children: feature.title })
46
- ] }),
47
- /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsx("p", { className: "mt-4 text-sm", children: feature.description }) })
48
- ] }, i)) })
49
- ] }) });
50
- }
51
- var CardDecorator = ({ children }) => /* @__PURE__ */ jsxs("div", { className: "mask-radial-from-40% mask-radial-to-60% relative mx-auto size-36 duration-200 [--color-border:color-mix(in_oklab,var(--color-text-primary)10%,transparent)] group-hover:[--color-border:color-mix(in_oklab,var(--color-text-primary)20%,transparent)] dark:[--color-border:color-mix(in_oklab,var(--color-text-primary)15%,transparent)] dark:group-hover:[--color-border:color-mix(in_oklab,var(--color-text-primary)20%,transparent)]", children: [
52
- /* @__PURE__ */ jsx(
53
- "div",
54
- {
55
- "aria-hidden": true,
56
- className: "absolute inset-0 bg-[linear-gradient(to_right,var(--color-border)_1px,transparent_1px),linear-gradient(to_bottom,var(--color-border)_1px,transparent_1px)] bg-[size:24px_24px] dark:opacity-50"
57
- }
58
- ),
59
- /* @__PURE__ */ jsx("div", { className: "bg-background absolute inset-0 m-auto flex size-12 items-center justify-center border-l border-t", children })
60
- ] });
61
-
62
- export { FeatureGridBlock };
@@ -1,8 +1,9 @@
1
1
  'use client';
2
- import { Typography } from '../../chunk-N53OMWW2.js';
3
- import { Heading } from '../../chunk-WI547C47.js';
4
- import { Dialog, DialogTrigger, DialogContent } from '../../chunk-W73JAOHW.js';
5
- import { ScrollFadeIn } from '../../chunk-I23DDSU7.js';
2
+ export { GalleryBlock } from '../../chunk-FTGFOK6T.js';
3
+ import '../../chunk-N53OMWW2.js';
4
+ import '../../chunk-WI547C47.js';
5
+ import '../../chunk-W73JAOHW.js';
6
+ import '../../chunk-I23DDSU7.js';
6
7
  import '../../chunk-KRBLVZII.js';
7
8
  import '../../chunk-6FOHUNXR.js';
8
9
  import '../../chunk-PD2YEH3H.js';
@@ -120,68 +121,4 @@ import '../../chunk-NURPUVUV.js';
120
121
  import '../../chunk-TV4RSQH4.js';
121
122
  import '../../chunk-HJBXUXTD.js';
122
123
  import '../../chunk-ASKFAYYR.js';
123
- import { cn } from '../../chunk-QYZT24TS.js';
124
- import Image from 'next/image';
125
- import { jsx, jsxs } from 'react/jsx-runtime';
126
-
127
- var defaultImages = [
128
- { src: "https://picsum.photos/seed/a/600/400", alt: "Abstract gradient", caption: "Design exploration #1" },
129
- { src: "https://picsum.photos/seed/b/600/600", alt: "Dark interface", caption: "Dashboard concept" },
130
- { src: "https://picsum.photos/seed/c/600/400", alt: "Color study", caption: "Arctic Glow palette study" },
131
- { src: "https://picsum.photos/seed/d/600/500", alt: "Typography layout", caption: "Type specimen" },
132
- { src: "https://picsum.photos/seed/e/600/400", alt: "Component grid", caption: "Component inventory" },
133
- { src: "https://picsum.photos/seed/f/600/600", alt: "Icon set", caption: "Animated icons showcase" }
134
- ];
135
- function GalleryBlock({
136
- images = defaultImages,
137
- columns = 3,
138
- title = "Gallery",
139
- className
140
- }) {
141
- return /* @__PURE__ */ jsx("section", { className: cn("py-16 md:py-24", className), children: /* @__PURE__ */ jsxs("div", { className: "mx-auto max-w-6xl px-6", children: [
142
- !!title && /* @__PURE__ */ jsx(ScrollFadeIn, { children: /* @__PURE__ */ jsx(Heading, { level: 2, size: "section", className: "mb-8 text-text-primary", children: title }) }),
143
- /* @__PURE__ */ jsx(
144
- "div",
145
- {
146
- className: "grid gap-4",
147
- style: { gridTemplateColumns: `repeat(${columns}, minmax(0, 1fr))` },
148
- children: images.map((image, index) => /* @__PURE__ */ jsx(ScrollFadeIn, { delay: index * 0.05, children: /* @__PURE__ */ jsxs(Dialog, { children: [
149
- /* @__PURE__ */ jsx(DialogTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
150
- "button",
151
- {
152
- className: "group relative w-full overflow-hidden rounded-lg border border-border bg-surface focus-visible:ring-1 focus-visible:ring-accent focus-visible:outline-none",
153
- children: [
154
- /* @__PURE__ */ jsx("div", { className: "relative aspect-[4/3] overflow-hidden", children: /* @__PURE__ */ jsx(
155
- Image,
156
- {
157
- src: image.src,
158
- alt: image.alt,
159
- className: "h-full w-full object-cover transition-transform duration-300 group-hover:scale-105",
160
- fill: true,
161
- sizes: "(max-width: 768px) 100vw, 33vw"
162
- }
163
- ) }),
164
- image.caption && /* @__PURE__ */ jsx("div", { className: "absolute inset-x-0 bottom-0 bg-gradient-to-t from-overlay/80 to-transparent px-4 py-2", children: /* @__PURE__ */ jsx(Typography, { variant: "small", className: "text-overlay-foreground", children: image.caption }) })
165
- ]
166
- }
167
- ) }),
168
- /* @__PURE__ */ jsxs(DialogContent, { className: "max-w-3xl p-0 overflow-hidden", children: [
169
- /* @__PURE__ */ jsx(
170
- Image,
171
- {
172
- src: image.src,
173
- alt: image.alt,
174
- className: "w-full",
175
- width: 600,
176
- height: 400
177
- }
178
- ),
179
- image.caption && /* @__PURE__ */ jsx("div", { className: "px-6 py-4", children: /* @__PURE__ */ jsx(Typography, { variant: "body", className: "text-text-primary", children: image.caption }) })
180
- ] })
181
- ] }) }, index))
182
- }
183
- )
184
- ] }) });
185
- }
186
-
187
- export { GalleryBlock };
124
+ import '../../chunk-QYZT24TS.js';
@@ -1,6 +1,7 @@
1
1
  'use client';
2
- import { LOCAL_HERO_LOGOS } from '../../chunk-QQOWC53X.js';
3
- import { HeaderBlock } from '../../chunk-WOYBVPXK.js';
2
+ export { HeroSectionBlock } from '../../chunk-ALA6OM7K.js';
3
+ import '../../chunk-QQOWC53X.js';
4
+ import '../../chunk-WOYBVPXK.js';
4
5
  import '../../chunk-G5EO22OR.js';
5
6
  import '../../chunk-OHX2LFAH.js';
6
7
  import '../../chunk-SGI25ZJ6.js';
@@ -8,17 +9,17 @@ import '../../chunk-ANBJ2OLC.js';
8
9
  import '../../chunk-LV4LBWCS.js';
9
10
  import '../../chunk-XZ3A33GP.js';
10
11
  import '../../chunk-F3T2U7YL.js';
11
- import { FlipWords } from '../../chunk-6DYFX5IR.js';
12
+ import '../../chunk-6DYFX5IR.js';
12
13
  import '../../chunk-EB5PYS7Q.js';
13
14
  import '../../chunk-HOWTYZL5.js';
14
- import { ProgressiveBlur } from '../../chunk-3UJ3HJZ3.js';
15
+ import '../../chunk-3UJ3HJZ3.js';
15
16
  import '../../chunk-ULLTRLBD.js';
16
17
  import '../../chunk-4O6L5YWT.js';
17
18
  import '../../chunk-GHIBG7OM.js';
18
- import { Heading } from '../../chunk-WI547C47.js';
19
- import { InfiniteSlider } from '../../chunk-IFIDWZ5M.js';
19
+ import '../../chunk-WI547C47.js';
20
+ import '../../chunk-IFIDWZ5M.js';
20
21
  import '../../chunk-A7NUWD76.js';
21
- import { Button } from '../../chunk-7KIDDF3I.js';
22
+ import '../../chunk-7KIDDF3I.js';
22
23
  import '../../chunk-6FOHUNXR.js';
23
24
  import '../../chunk-PD2YEH3H.js';
24
25
  import '../../chunk-CRY67BIF.js';
@@ -120,7 +121,7 @@ import '../../chunk-WFJQ43SM.js';
120
121
  import '../../chunk-AP5Y5M3R.js';
121
122
  import '../../chunk-Q7LVUGFL.js';
122
123
  import '../../chunk-G5YLGJXR.js';
123
- import { ChevronRightIcon } from '../../chunk-G24VV5NO.js';
124
+ import '../../chunk-G24VV5NO.js';
124
125
  import '../../chunk-R3AO6AZM.js';
125
126
  import '../../chunk-GCUTJI7M.js';
126
127
  import '../../chunk-CXACRCZ4.js';
@@ -135,129 +136,4 @@ import '../../chunk-NURPUVUV.js';
135
136
  import '../../chunk-TV4RSQH4.js';
136
137
  import '../../chunk-HJBXUXTD.js';
137
138
  import '../../chunk-ASKFAYYR.js';
138
- import { cn } from '../../chunk-QYZT24TS.js';
139
- import Link from 'next/link';
140
- import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
141
-
142
- var defaultFlipWords = ["scalable", "accessible", "beautiful", "performant"];
143
- var defaultPrimaryAction = { label: "Start Building", href: "#link" };
144
- var defaultSecondaryAction = { label: "Request a demo", href: "#link" };
145
- var defaultLogos = LOCAL_HERO_LOGOS;
146
- function heightClass(h) {
147
- const n = parseInt(h, 10);
148
- if (n <= 16) return "h-4";
149
- if (n <= 20) return "h-5";
150
- if (n <= 24) return "h-6";
151
- return "h-7";
152
- }
153
- function HeroSectionBlock({
154
- headline = "Build 10x Faster with NS",
155
- flipWords = defaultFlipWords,
156
- primaryAction = defaultPrimaryAction,
157
- secondaryAction = defaultSecondaryAction,
158
- logos = defaultLogos,
159
- className
160
- }) {
161
- return /* @__PURE__ */ jsxs(Fragment, { children: [
162
- /* @__PURE__ */ jsx(HeaderBlock, {}),
163
- /* @__PURE__ */ jsxs("main", { className: className ?? "overflow-x-hidden", children: [
164
- /* @__PURE__ */ jsx("section", { children: /* @__PURE__ */ jsxs("div", { className: "py-24 md:pb-32 lg:pb-36 lg:pt-72", children: [
165
- /* @__PURE__ */ jsx("div", { className: "relative mx-auto flex max-w-7xl flex-col px-6 lg:block lg:px-12", children: /* @__PURE__ */ jsxs("div", { className: "mx-auto max-w-lg text-center lg:ml-0 lg:max-w-full lg:text-left", children: [
166
- /* @__PURE__ */ jsx(Heading, { level: 1, size: "display", className: "mt-8 max-w-2xl text-5xl md:text-6xl lg:mt-16 xl:text-7xl", children: headline }),
167
- /* @__PURE__ */ jsxs("p", { className: "mt-8 max-w-2xl text-balance text-lg", children: [
168
- "Highly customizable components that are",
169
- " ",
170
- /* @__PURE__ */ jsx(
171
- FlipWords,
172
- {
173
- words: flipWords,
174
- interval: 3e3,
175
- className: "text-accent"
176
- }
177
- )
178
- ] }),
179
- /* @__PURE__ */ jsxs("div", { className: "mt-12 flex flex-col items-center justify-center gap-2 sm:flex-row lg:justify-start", children: [
180
- /* @__PURE__ */ jsx(
181
- Button,
182
- {
183
- asChild: true,
184
- size: "lg",
185
- className: "h-12 rounded-full pl-6 pr-4 text-base",
186
- children: /* @__PURE__ */ jsxs(Link, { href: primaryAction.href, children: [
187
- /* @__PURE__ */ jsx("span", { className: "text-nowrap", children: primaryAction.label }),
188
- /* @__PURE__ */ jsx(ChevronRightIcon, { size: 16, className: "ml-1.5" })
189
- ] })
190
- }
191
- ),
192
- /* @__PURE__ */ jsx(
193
- Button,
194
- {
195
- asChild: true,
196
- size: "lg",
197
- variant: "ghost",
198
- className: "h-12 rounded-full px-6 text-base hover:bg-surface-hover",
199
- children: /* @__PURE__ */ jsx(Link, { href: secondaryAction.href, children: /* @__PURE__ */ jsx("span", { className: "text-nowrap", children: secondaryAction.label }) })
200
- },
201
- 2
202
- )
203
- ] })
204
- ] }) }),
205
- /* @__PURE__ */ jsxs(
206
- "div",
207
- {
208
- "aria-hidden": "true",
209
- className: "absolute inset-1.5 -z-10 overflow-hidden rounded-3xl border border-border/50 bg-[radial-gradient(circle_at_top_left,rgba(255,255,255,0.12),transparent_34%),radial-gradient(circle_at_bottom_right,rgba(59,130,246,0.18),transparent_30%),linear-gradient(135deg,rgba(15,23,42,0.98),rgba(30,41,59,0.94))] lg:rounded-[3rem]",
210
- children: [
211
- /* @__PURE__ */ jsx("div", { className: "absolute inset-x-10 top-10 h-24 rounded-full bg-accent/20 blur-3xl" }),
212
- /* @__PURE__ */ jsx("div", { className: "absolute left-8 top-16 size-40 rounded-full border border-foreground/10 bg-foreground/5 blur-[1px]" }),
213
- /* @__PURE__ */ jsx("div", { className: "absolute right-10 bottom-10 size-48 rounded-full border border-accent/20 bg-accent/10 blur-[1px]" }),
214
- /* @__PURE__ */ jsx("div", { className: "absolute inset-0 bg-[linear-gradient(to_right,rgba(255,255,255,0.03)_1px,transparent_1px),linear-gradient(to_bottom,rgba(255,255,255,0.03)_1px,transparent_1px)] bg-[size:48px_48px] opacity-40" })
215
- ]
216
- }
217
- )
218
- ] }) }),
219
- /* @__PURE__ */ jsx("section", { className: "bg-background pb-2", children: /* @__PURE__ */ jsx("div", { className: "group relative m-auto max-w-7xl px-6", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center md:flex-row", children: [
220
- /* @__PURE__ */ jsx("div", { className: "md:max-w-44 md:border-r md:pr-6", children: /* @__PURE__ */ jsx("p", { className: "text-end text-sm", children: "Powering the best teams" }) }),
221
- /* @__PURE__ */ jsxs("div", { className: "relative py-6 md:w-[calc(100%-11rem)]", children: [
222
- /* @__PURE__ */ jsx(
223
- InfiniteSlider,
224
- {
225
- speed: 40,
226
- gap: 112,
227
- children: logos.map((logo) => /* @__PURE__ */ jsx("div", { className: "flex", children: /* @__PURE__ */ jsx(
228
- "img",
229
- {
230
- className: cn("mx-auto w-fit dark:invert", heightClass(logo.height)),
231
- src: logo.src,
232
- alt: logo.alt,
233
- height: logo.height,
234
- width: "auto"
235
- }
236
- ) }, logo.alt))
237
- }
238
- ),
239
- /* @__PURE__ */ jsx("div", { className: "bg-linear-to-r from-background absolute inset-y-0 left-0 w-20" }),
240
- /* @__PURE__ */ jsx("div", { className: "bg-linear-to-l from-background absolute inset-y-0 right-0 w-20" }),
241
- /* @__PURE__ */ jsx(
242
- ProgressiveBlur,
243
- {
244
- className: "pointer-events-none absolute left-0 top-0 h-full w-20",
245
- direction: "left",
246
- blurIntensity: 1
247
- }
248
- ),
249
- /* @__PURE__ */ jsx(
250
- ProgressiveBlur,
251
- {
252
- className: "pointer-events-none absolute right-0 top-0 h-full w-20",
253
- direction: "right",
254
- blurIntensity: 1
255
- }
256
- )
257
- ] })
258
- ] }) }) })
259
- ] })
260
- ] });
261
- }
262
-
263
- export { HeroSectionBlock };
139
+ import '../../chunk-QYZT24TS.js';
@@ -1,16 +1,17 @@
1
1
  'use client';
2
+ export { IntegrationsBlock } from '../../chunk-6HGSU24S.js';
2
3
  import '../../chunk-3ZDYYZDD.js';
3
- import { MediaWiki } from '../../chunk-H466RJCI.js';
4
- import { Replit } from '../../chunk-DT6DGTVW.js';
5
- import { VSCodium } from '../../chunk-J5DRK4RF.js';
6
- import { Gemini } from '../../chunk-TSVN5A2F.js';
7
- import { GooglePaLM } from '../../chunk-PX2WVDDB.js';
8
- import { MagicUI } from '../../chunk-BZYMCJHW.js';
9
- import { StaggerChildren } from '../../chunk-DQPK2XRL.js';
10
- import { Heading } from '../../chunk-WI547C47.js';
11
- import { ScrollFadeIn } from '../../chunk-I23DDSU7.js';
12
- import { Card } from '../../chunk-AH6YSYYT.js';
13
- import { Button } from '../../chunk-7KIDDF3I.js';
4
+ import '../../chunk-H466RJCI.js';
5
+ import '../../chunk-DT6DGTVW.js';
6
+ import '../../chunk-J5DRK4RF.js';
7
+ import '../../chunk-TSVN5A2F.js';
8
+ import '../../chunk-PX2WVDDB.js';
9
+ import '../../chunk-BZYMCJHW.js';
10
+ import '../../chunk-DQPK2XRL.js';
11
+ import '../../chunk-WI547C47.js';
12
+ import '../../chunk-I23DDSU7.js';
13
+ import '../../chunk-AH6YSYYT.js';
14
+ import '../../chunk-7KIDDF3I.js';
14
15
  import '../../chunk-PD2YEH3H.js';
15
16
  import '../../chunk-CRY67BIF.js';
16
17
  import '../../chunk-HJC6U46F.js';
@@ -111,7 +112,7 @@ import '../../chunk-WFJQ43SM.js';
111
112
  import '../../chunk-AP5Y5M3R.js';
112
113
  import '../../chunk-Q7LVUGFL.js';
113
114
  import '../../chunk-G5YLGJXR.js';
114
- import { ChevronRightIcon } from '../../chunk-G24VV5NO.js';
115
+ import '../../chunk-G24VV5NO.js';
115
116
  import '../../chunk-R3AO6AZM.js';
116
117
  import '../../chunk-GCUTJI7M.js';
117
118
  import '../../chunk-CXACRCZ4.js';
@@ -127,85 +128,3 @@ import '../../chunk-TV4RSQH4.js';
127
128
  import '../../chunk-HJBXUXTD.js';
128
129
  import '../../chunk-ASKFAYYR.js';
129
130
  import '../../chunk-QYZT24TS.js';
130
- import Link from 'next/link';
131
- import { jsx, jsxs } from 'react/jsx-runtime';
132
-
133
- var defaultIntegrations = [
134
- {
135
- title: "Google Gemini",
136
- description: "Advanced multimodal AI for reasoning, code generation, and creative tasks.",
137
- icon: /* @__PURE__ */ jsx(Gemini, {})
138
- },
139
- {
140
- title: "Replit",
141
- description: "Cloud-based IDE with real-time collaboration and instant deployment.",
142
- icon: /* @__PURE__ */ jsx(Replit, {})
143
- },
144
- {
145
- title: "Magic UI",
146
- description: "Beautiful animated components to elevate your interface design.",
147
- icon: /* @__PURE__ */ jsx(MagicUI, {})
148
- },
149
- {
150
- title: "VSCodium",
151
- description: "Open-source code editor with full extension ecosystem support.",
152
- icon: /* @__PURE__ */ jsx(VSCodium, {})
153
- },
154
- {
155
- title: "MediaWiki",
156
- description: "Structured knowledge management with powerful search and versioning.",
157
- icon: /* @__PURE__ */ jsx(MediaWiki, {})
158
- },
159
- {
160
- title: "Google PaLM",
161
- description: "Large language model API for text generation and understanding.",
162
- icon: /* @__PURE__ */ jsx(GooglePaLM, {})
163
- }
164
- ];
165
- function IntegrationsBlock({
166
- title = "Integrate with your favorite tools",
167
- description = "Connect seamlessly with popular platforms and services to enhance your workflow.",
168
- integrations = defaultIntegrations,
169
- className
170
- } = {}) {
171
- return /* @__PURE__ */ jsx(ScrollFadeIn, { children: /* @__PURE__ */ jsx("section", { className, children: /* @__PURE__ */ jsx("div", { className: "py-32", children: /* @__PURE__ */ jsxs("div", { className: "mx-auto max-w-5xl px-6", children: [
172
- /* @__PURE__ */ jsxs("div", { className: "text-center", children: [
173
- /* @__PURE__ */ jsx(Heading, { level: 2, size: "section", className: "md:text-4xl", children: title }),
174
- /* @__PURE__ */ jsx("p", { className: "text-text-tertiary mt-6", children: description })
175
- ] }),
176
- /* @__PURE__ */ jsx(StaggerChildren, { staggerMs: 80, className: "mt-12 grid gap-4 sm:grid-cols-2 lg:grid-cols-3", children: integrations.map((integration, i) => /* @__PURE__ */ jsx(
177
- IntegrationCard,
178
- {
179
- title: integration.title,
180
- description: integration.description,
181
- link: integration.link,
182
- children: integration.icon
183
- },
184
- i
185
- )) })
186
- ] }) }) }) });
187
- }
188
- var IntegrationCard = ({ title, description, children, link = "https://github.com/meschacirung/cnblocks" }) => {
189
- return /* @__PURE__ */ jsx(Card, { className: "p-6", interactive: true, children: /* @__PURE__ */ jsxs("div", { className: "relative", children: [
190
- /* @__PURE__ */ jsx("div", { className: "*:size-10", children }),
191
- /* @__PURE__ */ jsxs("div", { className: "space-y-2 py-6", children: [
192
- /* @__PURE__ */ jsx(Heading, { level: 3, size: "eyebrow", children: title }),
193
- /* @__PURE__ */ jsx("p", { className: "text-text-tertiary line-clamp-2 text-sm", children: description })
194
- ] }),
195
- /* @__PURE__ */ jsx("div", { className: "flex gap-4 border-t border-dashed pt-6", children: /* @__PURE__ */ jsx(
196
- Button,
197
- {
198
- asChild: true,
199
- variant: "secondary",
200
- size: "sm",
201
- className: "gap-1.5 pr-2 shadow-none",
202
- children: /* @__PURE__ */ jsxs(Link, { href: link, children: [
203
- "Learn More",
204
- /* @__PURE__ */ jsx(ChevronRightIcon, { size: 14, className: "ml-0 opacity-50" })
205
- ] })
206
- }
207
- ) })
208
- ] }) });
209
- };
210
-
211
- export { IntegrationsBlock };