@nextworks/blocks-templates 0.2.0-alpha.12 → 0.2.0-alpha.14

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 (42) hide show
  1. package/README.md +3 -0
  2. package/dist/templates/aiworkflow/PresetThemeVars.d.ts +1 -6
  3. package/dist/templates/aiworkflow/PresetThemeVars.d.ts.map +1 -1
  4. package/dist/templates/aiworkflow/PresetThemeVars.jsx +1 -7
  5. package/dist/templates/aiworkflow/components/CTA.jsx +9 -9
  6. package/dist/templates/aiworkflow/components/Contact.d.ts.map +1 -1
  7. package/dist/templates/aiworkflow/components/Contact.jsx +10 -10
  8. package/dist/templates/aiworkflow/components/FAQ.d.ts.map +1 -1
  9. package/dist/templates/aiworkflow/components/FAQ.jsx +18 -18
  10. package/dist/templates/aiworkflow/components/FeatureMockups.d.ts +5 -0
  11. package/dist/templates/aiworkflow/components/FeatureMockups.d.ts.map +1 -0
  12. package/dist/templates/aiworkflow/components/FeatureMockups.jsx +442 -0
  13. package/dist/templates/aiworkflow/components/Features.d.ts.map +1 -1
  14. package/dist/templates/aiworkflow/components/Features.jsx +16 -14
  15. package/dist/templates/aiworkflow/components/Footer.d.ts.map +1 -1
  16. package/dist/templates/aiworkflow/components/Footer.jsx +13 -9
  17. package/dist/templates/aiworkflow/components/Hero.d.ts.map +1 -1
  18. package/dist/templates/aiworkflow/components/Hero.jsx +664 -416
  19. package/dist/templates/aiworkflow/components/Navbar.d.ts.map +1 -1
  20. package/dist/templates/aiworkflow/components/Navbar.jsx +13 -14
  21. package/dist/templates/aiworkflow/components/Pricing.d.ts.map +1 -1
  22. package/dist/templates/aiworkflow/components/Pricing.jsx +25 -21
  23. package/dist/templates/aiworkflow/components/ProcessTimeline.d.ts.map +1 -1
  24. package/dist/templates/aiworkflow/components/ProcessTimeline.jsx +15 -15
  25. package/dist/templates/aiworkflow/components/Testimonials.d.ts.map +1 -1
  26. package/dist/templates/aiworkflow/components/Testimonials.jsx +14 -10
  27. package/dist/templates/aiworkflow/components/TrustBadges.d.ts.map +1 -1
  28. package/dist/templates/aiworkflow/components/TrustBadges.jsx +14 -12
  29. package/dist/templates/aiworkflow/themes/animation.d.ts +7 -0
  30. package/dist/templates/aiworkflow/themes/animation.d.ts.map +1 -0
  31. package/dist/templates/aiworkflow/themes/animation.jsx +9 -0
  32. package/dist/templates/aiworkflow/themes/default.d.ts +7 -0
  33. package/dist/templates/aiworkflow/themes/default.d.ts.map +1 -0
  34. package/dist/templates/aiworkflow/themes/default.jsx +9 -0
  35. package/dist/templates/aiworkflow/themes/test.d.ts +7 -0
  36. package/dist/templates/aiworkflow/themes/test.d.ts.map +1 -0
  37. package/dist/templates/aiworkflow/themes/test.jsx +39 -0
  38. package/dist/templates/gallery/PresetThemeVars.d.ts.map +1 -1
  39. package/dist/templates/gallery/PresetThemeVars.jsx +2 -0
  40. package/dist/templates/gallery/page.d.ts.map +1 -1
  41. package/dist/templates/gallery/page.jsx +381 -34
  42. package/package.json +3 -3
package/dist/templates/aiworkflow/components/Navbar.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Navbar.d.ts","sourceRoot":"","sources":["../../../../src/templates/aiworkflow/components/Navbar.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAEpE,KAAK,iBAAiB,GAAG,cAAc,CAAC,OAAO,YAAY,CAAC,CAAC;AAC7D,KAAK,eAAe,GAAG,OAAO,CAAC,iBAAiB,CAAC,CAAC;AA4ElD,wBAAgB,MAAM,CAAC,SAAS,GAAE,eAAoB,+BAOrD"}
1
+ {"version":3,"file":"Navbar.d.ts","sourceRoot":"","sources":["../../../../src/templates/aiworkflow/components/Navbar.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAEpE,KAAK,iBAAiB,GAAG,cAAc,CAAC,OAAO,YAAY,CAAC,CAAC;AAC7D,KAAK,eAAe,GAAG,OAAO,CAAC,iBAAiB,CAAC,CAAC;AA2ElD,wBAAgB,MAAM,CAAC,SAAS,GAAE,eAAoB,+BAOrD"}
package/dist/templates/aiworkflow/components/Navbar.jsx CHANGED
@@ -4,8 +4,13 @@
4
4
  import { Navbar as SharedNavbar } from "@nextworks/blocks-sections";
5
5
  const defaultProps = {
6
6
  brand: "FlowPilot AI",
7
- brandNode: (<div className="flex h-8 w-8 items-center justify-center rounded-xl bg-gradient-to-br from-cyan-400 via-sky-500 to-violet-500 font-bold text-slate-950 shadow-sm ring-1 ring-white/40">
8
- FP
7
+ brandNode: (<div className="flex h-8 w-8 items-center justify-center rounded-lg border border-[var(--navbar-border)] bg-[var(--navbar-accent)] text-[var(--navbar-toggle-bg)] shadow-sm ring-1 ring-white/20 dark:ring-white/10">
8
+ <span className="grid grid-cols-2 gap-[2px]">
9
+ <span className="h-[4px] w-[4px] rounded-[1px] bg-current/95"/>
10
+ <span className="h-[4px] w-[4px] rounded-[1px] bg-current/55"/>
11
+ <span className="h-[4px] w-[4px] rounded-[1px] bg-current/55"/>
12
+ <span className="h-[4px] w-[4px] rounded-[1px] bg-current/95"/>
13
+ </span>
9
14
  </div>),
10
15
  menuItems: [
11
16
  { label: "Home", href: "#home" },
@@ -21,19 +26,13 @@ const defaultProps = {
21
26
  ariaLabel: "FlowPilot AI main navigation",
22
27
  className: "",
23
28
  nav: {
24
- className: "border-b border-slate-200/80 bg-white/80 text-slate-900 backdrop-blur supports-[backdrop-filter]:bg-white/80 " +
25
- "dark:border-slate-800 dark:bg-slate-950/75 dark:text-white supports-[backdrop-filter]:dark:bg-slate-950/75 " +
26
- "[--navbar-accent:theme(colors.cyan.600)] dark:[--navbar-accent:theme(colors.cyan.400)] " +
27
- "[--navbar-toggle-bg:theme(colors.white)] dark:[--navbar-toggle-bg:theme(colors.slate.950)] " +
28
- "[--navbar-hover-bg:theme(colors.cyan.50)] dark:[--navbar-hover-bg:color-mix(in_oklab,oklch(0.24_0.06_230)_24%,transparent)] " +
29
- "[--navbar-ring:theme(colors.cyan.500)] dark:[--navbar-ring:theme(colors.cyan.400)] " +
30
- "[--navbar-border:theme(colors.slate.200)] dark:[--navbar-border:theme(colors.slate.800)]",
29
+ className: "border-b border-[var(--navbar-border)] bg-[var(--navbar-bg)] text-[var(--navbar-fg)] backdrop-blur supports-[backdrop-filter]:bg-[var(--navbar-bg)] supports-[backdrop-filter]:dark:bg-[var(--navbar-bg)]",
31
30
  },
32
31
  brandText: {
33
- className: "text-xl font-semibold font-outfit text-slate-950 dark:text-white",
32
+ className: "text-xl font-semibold font-outfit text-[var(--navbar-accent)]",
34
33
  },
35
34
  links: {
36
- className: "text-sm font-medium font-inter text-slate-700 hover:text-cyan-700 focus:ring-[var(--navbar-ring)] dark:text-slate-200 dark:hover:text-cyan-300",
35
+ className: "text-sm font-medium font-inter text-[var(--navbar-link-fg)] hover:text-[var(--navbar-link-hover-fg)] focus:ring-[var(--navbar-ring)]",
37
36
  },
38
37
  ctaButtonStyle: {
39
38
  variant: "default",
@@ -41,19 +40,19 @@ const defaultProps = {
41
40
  className: "shadow-md transition-all duration-200 hover:-translate-y-0.5 hover:shadow-lg",
42
41
  },
43
42
  mobileMenu: {
44
- className: "border-t border-slate-200 dark:border-slate-800",
43
+ className: "border-t border-[var(--navbar-border)]",
45
44
  },
46
45
  container: {
47
46
  className: "max-w-7xl mx-auto",
48
47
  },
49
48
  brandWrapper: {
50
- className: "",
49
+ className: "-ml-2",
51
50
  },
52
51
  desktopMenu: {
53
52
  className: "hidden items-center space-x-1 md:flex lg:space-x-6",
54
53
  },
55
54
  toggleButton: {
56
- className: "md:hidden flex items-center justify-center rounded-md p-2 transition-colors hover:bg-cyan-50 dark:hover:bg-cyan-950/30 focus:outline-none focus:ring-2 focus:ring-cyan-500 dark:focus:ring-cyan-400",
55
+ className: "md:hidden flex items-center justify-center rounded-md border border-[var(--navbar-border)] bg-[var(--navbar-toggle-bg)] p-2 transition-colors hover:bg-[var(--navbar-hover-bg)] focus:outline-none focus:ring-2 focus:ring-[var(--navbar-ring)]",
57
56
  },
58
57
  colorModeWrapper: {
59
58
  className: "ml-2",
package/dist/templates/aiworkflow/components/Pricing.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Pricing.d.ts","sourceRoot":"","sources":["../../../../src/templates/aiworkflow/components/Pricing.tsx"],"names":[],"mappings":"AAOA,wBAAgB,OAAO,gCAiFtB"}
1
+ {"version":3,"file":"Pricing.d.ts","sourceRoot":"","sources":["../../../../src/templates/aiworkflow/components/Pricing.tsx"],"names":[],"mappings":"AAOA,wBAAgB,OAAO,gCAsFtB"}
package/dist/templates/aiworkflow/components/Pricing.jsx CHANGED
@@ -3,15 +3,15 @@
3
3
  "use client";
4
4
  import { Pricing as SharedPricing } from "@nextworks/blocks-sections";
5
5
  export function Pricing() {
6
- return (<SharedPricing id="pricing" pricingHeadingText="Pricing for teams automating real operational work" pricingPlans={[
6
+ return (<SharedPricing id="pricing" pricingHeadingText="Pricing for teams shipping with coding agents" pricingPlans={[
7
7
  {
8
8
  pricingPlanHeaderText: "Starter",
9
9
  pricingPlanPrice: "$49/mo",
10
10
  pricingPlanFeatures: [
11
- "3 active workflows",
12
- "Slack and email intake",
13
- "Shared approval inbox",
14
- "Core analytics",
11
+ "3 active repos",
12
+ "GitHub and docs intake",
13
+ "Shared review queue",
14
+ "Patch analytics",
15
15
  ],
16
16
  pricingPlanCTALabel: "Start free",
17
17
  pricingPlanCTAHref: "#contact",
@@ -20,11 +20,11 @@ export function Pricing() {
20
20
  pricingPlanHeaderText: "Growth",
21
21
  pricingPlanPrice: "$149/mo",
22
22
  pricingPlanFeatures: [
23
- "Unlimited workflows",
24
- "CRM and project tool sync",
25
- "Advanced approval routing",
26
- "Live execution dashboards",
27
- "Role-based governance",
23
+ "Unlimited agent runs",
24
+ "Repo, issue tracker, and CI sync",
25
+ "Review gates and approvals",
26
+ "Live diff dashboards",
27
+ "Role-based code governance",
28
28
  ],
29
29
  pricingPlanCTALabel: "Book a demo",
30
30
  pricingPlanCTAHref: "#contact",
@@ -34,18 +34,22 @@ export function Pricing() {
34
34
  pricingPlanHeaderText: "Enterprise",
35
35
  pricingPlanPrice: "Custom",
36
36
  pricingPlanFeatures: [
37
- "Private deployment options",
38
- "Custom policy and knowledge connectors",
39
- "SSO and audit exports",
40
- "Dedicated onboarding",
41
- "Priority support",
37
+ "Private agent deployment options",
38
+ "Custom repo and context connectors",
39
+ "SSO and change exports",
40
+ "Dedicated rollout support",
41
+ "Priority agent support",
42
42
  ],
43
- pricingPlanCTALabel: "Talk to sales",
43
+ pricingPlanCTALabel: "Talk to the team",
44
44
  pricingPlanCTAHref: "#contact",
45
45
  },
46
- ]} section={{ className: "bg-background pt-18 pb-16" }} container={{ className: "max-w-7xl mx-auto px-6" }} heading={{
46
+ ]} section={{
47
+ className: "bg-[var(--section-bg)] pt-18 pb-16",
48
+ }} container={{ className: "max-w-7xl mx-auto px-6" }} heading={{
47
49
  className: "mb-4 text-center font-outfit text-3xl font-semibold text-[var(--heading-fg)] md:text-4xl lg:text-5xl",
48
- }} grid={{ className: "mt-12 grid grid-cols-1 gap-6 md:grid-cols-2 lg:grid-cols-3" }} card={{
50
+ }} grid={{
51
+ className: "mt-12 grid grid-cols-1 gap-6 md:grid-cols-2 lg:grid-cols-3",
52
+ }} card={{
49
53
  className: "relative rounded-2xl border border-[var(--card-border)] bg-[var(--card-bg)] text-[var(--card-fg)] shadow-[var(--card-shadow)] transition-all duration-300 hover:-translate-y-1 hover:shadow-xl",
50
54
  }} title={{
51
55
  className: "font-inter text-xl font-semibold text-[var(--card-title-fg)]",
@@ -56,8 +60,8 @@ export function Pricing() {
56
60
  }} cta={{
57
61
  variant: "default",
58
62
  size: "lg",
59
- className: "w-full font-inter font-semibold [--btn-bg:theme(colors.cyan.500)] [--btn-fg:theme(colors.slate.950)] [--btn-border:transparent] hover:[--btn-hover-bg:theme(colors.cyan.400)] hover:[--btn-hover-fg:theme(colors.slate.950)]",
63
+ className: "w-full font-inter font-semibold [--btn-bg:var(--hero-cta-primary-bg)] [--btn-fg:var(--hero-cta-primary-fg)] [--btn-border:var(--hero-cta-primary-border)] hover:[--btn-hover-bg:var(--hero-cta-primary-hover-bg)] hover:[--btn-hover-fg:var(--hero-cta-primary-hover-fg)]",
60
64
  }} popularBadge={{
61
- className: "absolute -top-3 left-1/2 -translate-x-1/2 rounded-full border border-[var(--badge-active-border)] bg-[var(--badge-active-bg)] px-4 py-1 text-xs font-semibold text-[var(--badge-active-fg)]",
62
- }} ariaLabel="AI workflow pricing"/>);
65
+ className: "absolute -top-3 left-1/2 -translate-x-1/2 rounded-full border border-[var(--badge-active-border)] bg-[var(--badge-active-bg)] px-4 py-1 text-xs font-semibold text-[var(--badge-active-fg)] shadow-sm shadow-black/5",
66
+ }} ariaLabel="AI coding agent pricing"/>);
63
67
  }
package/dist/templates/aiworkflow/components/ProcessTimeline.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ProcessTimeline.d.ts","sourceRoot":"","sources":["../../../../src/templates/aiworkflow/components/ProcessTimeline.tsx"],"names":[],"mappings":"AAOA,wBAAgB,eAAe,gCAkG9B"}
1
+ {"version":3,"file":"ProcessTimeline.d.ts","sourceRoot":"","sources":["../../../../src/templates/aiworkflow/components/ProcessTimeline.tsx"],"names":[],"mappings":"AAOA,wBAAgB,eAAe,gCAiG9B"}
package/dist/templates/aiworkflow/components/ProcessTimeline.jsx CHANGED
@@ -6,30 +6,30 @@ export function ProcessTimeline() {
6
6
  return (<SharedProcessTimeline steps={[
7
7
  {
8
8
  stepNumber: 1,
9
- title: "Capture the request",
10
- description: "AI turns messages, tickets, and forms into structured workflow inputs with clear intent and metadata.",
9
+ title: "Capture the issue",
10
+ description: "A plain-language report becomes a structured task with intent, files, and context.",
11
11
  icon: "✉️",
12
12
  },
13
13
  {
14
14
  stepNumber: 2,
15
- title: "Ground the decision",
16
- description: "Policies, playbooks, and account context are pulled in before the workflow takes action.",
15
+ title: "Read the codebase",
16
+ description: "The agent inspects the relevant files, notes patterns, and checks surrounding context before editing.",
17
17
  icon: "🧠",
18
18
  },
19
19
  {
20
20
  stepNumber: 3,
21
- title: "Route approvals and actions",
22
- description: "Human review appears only when thresholds or policy require it, while approved actions continue automatically.",
21
+ title: "Patch and preview",
22
+ description: "Edits land in the diff, and the preview updates once the patch is applied.",
23
23
  icon: "✅",
24
24
  },
25
25
  {
26
26
  stepNumber: 4,
27
- title: "Sync every tool",
28
- description: "CRM records, project tasks, team updates, and audit logs stay aligned from one execution graph.",
27
+ title: "Validate and ship",
28
+ description: "Checks, reviews, and logs stay aligned before the change is ready to merge.",
29
29
  icon: "🔄",
30
30
  },
31
- ]} heading="From request to completed workflow in four clear stages" subheading="Keep AI automation visible, governed, and operational across the systems your team already uses." section={{
32
- className: "bg-[linear-gradient(180deg,rgba(248,250,252,1)_0%,rgba(240,249,255,0.7)_100%)] py-18 md:py-22 dark:bg-[linear-gradient(180deg,rgba(2,6,23,1)_0%,rgba(8,47,73,0.4)_100%)]",
31
+ ]} heading="From issue to merged fix in four clear stages" subheading="Keep the coding agent visible, governed, and steady across the tools your team already uses." section={{
32
+ className: "bg-[linear-gradient(180deg,#eef3f8_0%,#f6f8fb_48%,#eef3f8_100%)] py-18 md:py-22 dark:bg-[linear-gradient(180deg,#171717_0%,#121212_18%,#1d1d1d_46%,#131313_76%,#1b1b1b_100%)]",
33
33
  }} container={{ className: "max-w-6xl mx-auto px-6 md:px-10" }} header={{ className: "mb-16 text-center" }} headingStyle={{
34
34
  className: "font-outfit text-3xl font-semibold text-[var(--heading-fg)] md:text-4xl lg:text-5xl",
35
35
  }} subheadingStyle={{
@@ -37,22 +37,22 @@ export function ProcessTimeline() {
37
37
  }} timelineContainer={{ className: "mx-auto w-full max-w-5xl" }} desktopTimeline={{
38
38
  className: "relative hidden w-full justify-between lg:flex",
39
39
  }} connectingLine={{
40
- className: "absolute left-16 right-16 top-8 h-px bg-gradient-to-r from-cyan-200 via-sky-400 to-violet-400 dark:from-cyan-900 dark:via-cyan-500 dark:to-violet-500",
40
+ className: "absolute left-16 right-16 top-8 h-px bg-gradient-to-r from-slate-200 via-slate-300 to-slate-200 dark:from-slate-800 dark:via-slate-700 dark:to-slate-800",
41
41
  }} stepContainer={{
42
42
  className: "relative z-10 flex max-w-56 flex-1 flex-col items-center gap-5",
43
43
  }} stepCircle={{
44
- className: "flex h-16 w-16 items-center justify-center rounded-full bg-slate-950 text-white shadow-lg shadow-cyan-500/10 dark:bg-cyan-400 dark:text-slate-950",
44
+ className: "flex h-16 w-16 items-center justify-center rounded-full bg-[var(--process-step-bg)] text-[var(--process-step-fg)] shadow-lg shadow-black/10",
45
45
  }} stepNumber={{ className: "font-outfit text-2xl font-bold" }} stepIcon={{ className: "text-3xl" }} stepContent={{ className: "space-y-3 text-center" }} stepTitle={{
46
46
  className: "font-inter text-lg font-semibold text-[var(--card-title-fg)]",
47
47
  }} stepDescription={{
48
48
  className: "font-inter text-sm leading-6 text-[var(--card-muted-fg)]",
49
49
  }} mobileTimeline={{ className: "flex w-full flex-col gap-8 lg:hidden" }} mobileStep={{ className: "relative flex items-start" }} mobileVerticalLine={{
50
- className: "absolute bottom-[-2rem] left-8 top-16 w-px bg-cyan-300 dark:bg-cyan-700",
50
+ className: "absolute bottom-[-2rem] left-8 top-16 w-px bg-[var(--process-connector)]",
51
51
  }} mobileStepCircle={{
52
- className: "mr-6 flex h-16 w-16 shrink-0 items-center justify-center rounded-full bg-slate-950 text-white shadow-lg dark:bg-cyan-400 dark:text-slate-950",
52
+ className: "mr-6 flex h-16 w-16 shrink-0 items-center justify-center rounded-full bg-[var(--process-step-bg)] text-[var(--process-step-fg)] shadow-lg shadow-black/10",
53
53
  }} mobileStepContent={{ className: "flex-1 space-y-3 pt-2" }} mobileStepIcon={{ className: "text-3xl" }} mobileStepTitle={{
54
54
  className: "font-inter text-lg font-semibold text-[var(--card-title-fg)]",
55
55
  }} mobileStepDescription={{
56
56
  className: "font-inter text-sm leading-6 text-[var(--card-muted-fg)]",
57
- }} ariaLabel="AI workflow process timeline"/>);
57
+ }} ariaLabel="AI coding agent process timeline"/>);
58
58
  }
package/dist/templates/aiworkflow/components/Testimonials.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Testimonials.d.ts","sourceRoot":"","sources":["../../../../src/templates/aiworkflow/components/Testimonials.tsx"],"names":[],"mappings":"AAOA,wBAAgB,YAAY,gCAmD3B"}
1
+ {"version":3,"file":"Testimonials.d.ts","sourceRoot":"","sources":["../../../../src/templates/aiworkflow/components/Testimonials.tsx"],"names":[],"mappings":"AAOA,wBAAgB,YAAY,gCAuD3B"}
package/dist/templates/aiworkflow/components/Testimonials.jsx CHANGED
@@ -3,25 +3,29 @@
3
3
  "use client";
4
4
  import { Testimonials as SharedTestimonials } from "@nextworks/blocks-sections";
5
5
  export function Testimonials() {
6
- return (<SharedTestimonials testimonialSectionHeader="Operators, RevOps, and IT teams keep the loop closed" testimonials={[
6
+ return (<SharedTestimonials testimonialSectionHeader="Engineers keep the loop closed" testimonials={[
7
7
  {
8
- testimonialText: "We replaced manual intake, Slack follow-up, and CRM updates with one workflow that now runs end-to-end in minutes.",
9
- testimonialAuthor: "- Maya Chen, RevOps Lead at Northstar",
8
+ testimonialText: "We replaced ticket triage, hand-written follow-up, and repetitive patching with one agent flow that now lands fixes in minutes.",
9
+ testimonialAuthor: "- Maya Chen, Platform Lead at Northstar",
10
10
  testimonialAuthorInitials: "MC",
11
11
  },
12
12
  {
13
- testimonialText: "Approvals used to stall launches for hours. Now legal only sees the exceptions and everyone else gets live status automatically.",
14
- testimonialAuthor: "- Daniel Ruiz, GTM Systems Manager",
13
+ testimonialText: "Reviews used to stall merges for hours. Now the team only sees the exceptions and everyone else gets live status automatically.",
14
+ testimonialAuthor: "- Daniel Ruiz, Engineering Manager",
15
15
  testimonialAuthorInitials: "DR",
16
16
  },
17
17
  {
18
- testimonialText: "The audit trail made adoption easy. Teams trust the automations because every action is grounded, visible, and recoverable.",
19
- testimonialAuthor: "- Priya Patel, Director of Operations",
18
+ testimonialText: "The audit trail made adoption easy. Teams trust the agent because every read, edit, and review is grounded, visible, and recoverable.",
19
+ testimonialAuthor: "- Priya Patel, Head of Developer Experience",
20
20
  testimonialAuthorInitials: "PP",
21
21
  },
22
- ]} section={{ className: "bg-background py-18 px-6 md:py-22" }} container={{ className: "max-w-7xl mx-auto" }} header={{ className: "mb-12 text-center" }} heading={{
22
+ ]} section={{
23
+ className: "bg-[var(--section-bg)] py-18 px-6 md:py-22",
24
+ }} container={{ className: "max-w-7xl mx-auto" }} header={{ className: "mb-12 text-center" }} heading={{
23
25
  className: "font-outfit text-3xl font-semibold text-[var(--heading-fg)] md:text-4xl",
24
- }} grid={{ className: "grid grid-cols-1 gap-6 md:grid-cols-2 lg:grid-cols-3" }} card={{
26
+ }} grid={{
27
+ className: "grid grid-cols-1 gap-6 md:grid-cols-2 lg:grid-cols-3",
28
+ }} card={{
25
29
  className: "rounded-2xl border border-[var(--card-border)] bg-[var(--card-bg)] p-6 text-[var(--card-fg)] shadow-[var(--card-shadow)] transition-transform duration-200 hover:-translate-y-1",
26
30
  }} text={{
27
31
  className: "font-inter text-base italic leading-7 text-[var(--card-fg)]",
@@ -29,5 +33,5 @@ export function Testimonials() {
29
33
  className: "font-inter text-sm font-medium text-[var(--card-muted-fg)]",
30
34
  }} avatar={{
31
35
  className: "flex h-12 w-12 items-center justify-center rounded-full border border-[var(--badge-border)] bg-[var(--badge-bg)] text-[var(--badge-fg)]",
32
- }} avatarText={{ className: "font-inter text-sm font-bold" }} ariaLabel="AI workflow customer testimonials"/>);
36
+ }} avatarText={{ className: "font-inter text-sm font-bold" }} ariaLabel="AI coding agent customer testimonials"/>);
33
37
  }
package/dist/templates/aiworkflow/components/TrustBadges.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"TrustBadges.d.ts","sourceRoot":"","sources":["../../../../src/templates/aiworkflow/components/TrustBadges.tsx"],"names":[],"mappings":"AAOA,wBAAgB,WAAW,gCAsD1B"}
1
+ {"version":3,"file":"TrustBadges.d.ts","sourceRoot":"","sources":["../../../../src/templates/aiworkflow/components/TrustBadges.tsx"],"names":[],"mappings":"AAOA,wBAAgB,WAAW,gCAyD1B"}
package/dist/templates/aiworkflow/components/TrustBadges.jsx CHANGED
@@ -3,36 +3,38 @@
3
3
  "use client";
4
4
  import { TrustBadges as SharedTrustBadges } from "@nextworks/blocks-sections";
5
5
  export function TrustBadges() {
6
- return (<SharedTrustBadges id="trust-badges" trustBadgesSectionHeader="Teams replacing manual ops with AI workflows" badges={[
6
+ return (<SharedTrustBadges id="trust-badges" trustBadgesSectionHeader="Teams shipping code with agents in the loop" badges={[
7
7
  {
8
- badgeText: "72% faster routing",
9
- badgeDescription: "Workflow handoffs",
8
+ badgeText: "Faster fixes, fewer handoffs",
9
+ badgeDescription: "Code handoffs",
10
10
  badgeIcon: "⚡",
11
11
  },
12
12
  {
13
- badgeText: "40+ integrations",
14
- badgeDescription: "Connected systems",
13
+ badgeText: "GitHub-native",
14
+ badgeDescription: "Repo + CI aware",
15
15
  badgeIcon: "🔌",
16
16
  },
17
17
  {
18
- badgeText: "SOC 2 ready",
19
- badgeDescription: "Security posture",
18
+ badgeText: "Review gates ready",
19
+ badgeDescription: "Approval posture",
20
20
  badgeIcon: "🔒",
21
21
  },
22
22
  {
23
- badgeText: "Full audit trail",
24
- badgeDescription: "Approvals + logs",
23
+ badgeText: "Full change trail",
24
+ badgeDescription: "Reads + edits + reviews",
25
25
  badgeIcon: "🧾",
26
26
  },
27
27
  ]} section={{
28
- className: "border-y border-slate-200/80 bg-white/70 py-10 dark:border-slate-800 dark:bg-slate-950/60",
28
+ className: "border-y border-[var(--section-border)] bg-[var(--section-bg)] py-10",
29
29
  }} container={{ className: "max-w-7xl mx-auto px-6 md:px-8 lg:px-12" }} header={{ className: "mb-10 text-center" }} heading={{
30
30
  className: "font-outfit text-2xl font-semibold text-[var(--heading-fg)] md:text-3xl",
31
31
  }} badgesContainer={{
32
32
  className: "flex flex-wrap items-center justify-center gap-8 md:gap-12",
33
- }} badge={{ className: "min-w-[170px] text-center" }} badgeContent={{ className: "flex flex-col items-center gap-3" }} icon={{ className: "text-3xl" }} description={{
33
+ }} badge={{
34
+ className: "min-w-[170px] rounded-2xl border border-[var(--card-border)] bg-[var(--card-bg)] px-4 py-5 text-center shadow-[var(--card-shadow)]",
35
+ }} badgeContent={{ className: "flex flex-col items-center gap-3" }} icon={{ className: "text-3xl" }} description={{
34
36
  className: "text-sm font-inter text-[var(--card-muted-fg)]",
35
37
  }} text={{
36
38
  className: "font-inter text-base font-semibold text-[var(--card-title-fg)]",
37
- }} layout="horizontal" ariaLabel="AI workflow trust badges"/>);
39
+ }} layout="horizontal" ariaLabel="AI coding agent trust badges"/>);
38
40
  }
package/dist/templates/aiworkflow/themes/animation.d.ts ADDED
@@ -0,0 +1,7 @@
1
+ import React from "react";
2
+ type Props = React.PropsWithChildren<{
3
+ className?: string;
4
+ }>;
5
+ export declare function PresetThemeVars({ className, children }: Props): React.JSX.Element;
6
+ export {};
7
+ //# sourceMappingURL=animation.d.ts.map
package/dist/templates/aiworkflow/themes/animation.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"animation.d.ts","sourceRoot":"","sources":["../../../../src/templates/aiworkflow/themes/animation.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,KAAK,KAAK,GAAG,KAAK,CAAC,iBAAiB,CAAC;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,CAAC;AAE7D,wBAAgB,eAAe,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,KAAK,qBAgJ7D"}
package/dist/templates/aiworkflow/themes/animation.jsx ADDED
@@ -0,0 +1,9 @@
1
+ // AUTO-GENERATED from cli/kits/blocks by scripts/sync-kit-to-packages.mjs
2
+ // Do not edit this file directly. Edit the kit source instead.
3
+ import React from "react";
4
+ import { cn } from "@nextworks/blocks-core";
5
+ export function PresetThemeVars({ className, children }) {
6
+ return (<div className={cn("[--btn-ring:theme(colors.amber.300)] dark:[--btn-ring:theme(colors.amber.200)]", "[--navbar-bg:rgba(255,255,255,0.92)] dark:[--navbar-bg:linear-gradient(135deg,rgba(2,6,23,0.99)_0%,rgba(15,23,42,0.98)_32%,rgba(29,78,216,0.9)_66%,rgba(146,64,14,0.92)_100%)]", "[--navbar-fg:theme(colors.slate.900)] dark:[--navbar-fg:theme(colors.white)]", "[--navbar-accent:theme(colors.amber.300)] dark:[--navbar-accent:theme(colors.cyan.200)]", "[--navbar-link-fg:rgba(71,85,105,0.95)] dark:[--navbar-link-fg:rgba(226,232,240,0.88)]", "[--navbar-link-hover-fg:theme(colors.slate.950)] dark:[--navbar-link-hover-fg:theme(colors.white)]", "[--navbar-toggle-bg:rgba(15,23,42,0.06)] dark:[--navbar-toggle-bg:rgba(255,255,255,0.06)]", "[--navbar-hover-bg:rgba(59,130,246,0.08)] dark:[--navbar-hover-bg:rgba(34,211,238,0.12)]", "[--navbar-ring:theme(colors.blue.400)] dark:[--navbar-ring:theme(colors.amber.300)]", "[--navbar-border:rgba(148,163,184,0.18)] dark:[--navbar-border:rgba(255,255,255,0.1)]", "[--input-bg:rgba(255,255,255,0.94)] dark:[--input-bg:linear-gradient(180deg,rgba(2,6,23,0.98)_0%,rgba(15,23,42,0.96)_52%,rgba(30,41,59,0.94)_100%)]", "[--input-fg:theme(colors.slate.900)] dark:[--input-fg:theme(colors.white)]", "[--input-placeholder:rgba(100,116,139,0.82)] dark:[--input-placeholder:rgba(148,163,184,0.68)]", "[--input-border:rgba(148,163,184,0.3)] dark:[--input-border:rgba(148,163,184,0.18)]", "[--input-focus-ring:theme(colors.amber.300)] dark:[--input-focus-ring:theme(colors.cyan.300)]", "[--input-ring-offset:theme(colors.slate.950)] dark:[--input-ring-offset:theme(colors.slate.950)]", "[--card-bg:rgba(255,255,255,0.96)] dark:[--card-bg:linear-gradient(180deg,rgba(2,6,23,0.98)_0%,rgba(15,23,42,0.96)_52%,rgba(30,41,59,0.94)_100%)]", "[--card-fg:theme(colors.slate.900)] dark:[--card-fg:theme(colors.white)]", "[--card-title-fg:theme(colors.slate.900)] dark:[--card-title-fg:theme(colors.white)]", "[--card-muted-fg:rgba(71,85,105,0.9)] dark:[--card-muted-fg:rgba(203,213,225,0.82)]", "[--card-border:rgba(148,163,184,0.24)] dark:[--card-border:rgba(148,163,184,0.14)]", "[--card-shadow:0_28px_90px_rgba(2,6,23,0.48)] dark:[--card-shadow:0_34px_120px_rgba(0,0,0,0.72)]", "[--badge-bg:rgba(255,255,255,0.9)] dark:[--badge-bg:linear-gradient(180deg,rgba(15,23,42,0.86)_0%,rgba(30,41,59,0.8)_100%)]", "[--badge-fg:theme(colors.slate.900)] dark:[--badge-fg:rgba(255,255,255,0.95)]", "[--badge-border:rgba(148,163,184,0.24)] dark:[--badge-border:rgba(148,163,184,0.16)]", "[--badge-active-bg:linear-gradient(135deg,theme(colors.blue.500)_0%,theme(colors.amber.300)_52%,theme(colors.cyan.400)_100%)] dark:[--badge-active-bg:linear-gradient(135deg,theme(colors.blue.400)_0%,theme(colors.amber.200)_52%,theme(colors.cyan.300)_100%)]", "[--badge-active-fg:theme(colors.slate.950)] dark:[--badge-active-fg:theme(colors.slate.950)]", "[--badge-active-border:rgba(255,255,255,0.14)] dark:[--badge-active-border:rgba(255,255,255,0.12)]", "[--heading-fg:theme(colors.slate.950)] dark:[--heading-fg:theme(colors.white)]", "[--subheading-fg:rgba(37,99,235,0.92)] dark:[--subheading-fg:rgba(125,211,252,0.94)]", "[--description-fg:rgba(71,85,105,0.92)] dark:[--description-fg:rgba(226,232,240,0.86)]", "[--hero-cta-primary-bg:linear-gradient(135deg,theme(colors.blue.600)_0%,theme(colors.amber.400)_52%,theme(colors.slate.900)_100%)] dark:[--hero-cta-primary-bg:linear-gradient(135deg,theme(colors.blue.500)_0%,theme(colors.amber.300)_52%,theme(colors.slate.900)_100%)]", "[--hero-cta-primary-hover-bg:linear-gradient(135deg,theme(colors.amber.400)_0%,theme(colors.blue.600)_36%,theme(colors.cyan.400)_70%,theme(colors.slate.900)_100%)] dark:[--hero-cta-primary-hover-bg:linear-gradient(135deg,theme(colors.amber.300)_0%,theme(colors.blue.500)_36%,theme(colors.cyan.300)_70%,theme(colors.slate.900)_100%)]", "[--hero-cta-primary-fg:theme(colors.slate.950)] dark:[--hero-cta-primary-fg:theme(colors.slate.950)]", "[--hero-cta-primary-hover-fg:theme(colors.slate.950)] dark:[--hero-cta-primary-hover-fg:theme(colors.slate.950)]", "[--hero-cta-secondary-bg:rgba(255,255,255,0.86)] dark:[--hero-cta-secondary-bg:rgba(15,23,42,0.8)]", "[--hero-cta-secondary-fg:theme(colors.slate.900)] dark:[--hero-cta-secondary-fg:theme(colors.white)]", "[--hero-cta-secondary-border:rgba(148,163,184,0.28)] dark:[--hero-cta-secondary-border:rgba(148,163,184,0.18)]", "[--hero-cta-secondary-hover-bg:rgba(255,255,255,0.98)] dark:[--hero-cta-secondary-hover-bg:rgba(30,41,59,0.9)]", "[--hero-cta-secondary-hover-fg:theme(colors.white)] dark:[--hero-cta-secondary-hover-fg:theme(colors.white)]", "[--demo-shell-bg:linear-gradient(180deg,#020617_0%,#0f172a_26%,#1e3a8a_64%,#78350f_100%)] dark:[--demo-shell-bg:linear-gradient(180deg,#020617_0%,#0f172a_30%,#1e3a8a_64%,#78350f_100%)]", "[--demo-shell-muted-bg:#020617] dark:[--demo-shell-muted-bg:#020617]", "[--demo-shell-strong-bg:rgba(255,255,255,0.08)] dark:[--demo-shell-strong-bg:rgba(255,255,255,0.06)]", "[--demo-panel-bg:linear-gradient(180deg,rgba(2,6,23,0.98)_0%,rgba(15,23,42,0.96)_100%)] dark:[--demo-panel-bg:linear-gradient(180deg,rgba(2,6,23,0.98)_0%,rgba(15,23,42,0.96)_100%)]", "[--demo-panel-muted-bg:linear-gradient(180deg,rgba(30,64,175,0.34)_0%,rgba(180,83,9,0.36)_100%)] dark:[--demo-panel-muted-bg:linear-gradient(180deg,rgba(15,23,42,0.92)_0%,rgba(30,41,59,0.9)_100%)]", "[--demo-panel-subtle-bg:linear-gradient(180deg,rgba(30,41,59,0.94)_0%,rgba(15,23,42,0.96)_100%)] dark:[--demo-panel-subtle-bg:linear-gradient(180deg,rgba(51,65,85,0.9)_0%,rgba(30,64,175,0.84)_100%)]", "[--demo-panel-strong-bg:rgba(255,255,255,0.08)] dark:[--demo-panel-strong-bg:rgba(255,255,255,0.06)]", "[--demo-code-bg:linear-gradient(180deg,rgba(2,6,23,0.98)_0%,rgba(15,23,42,0.96)_100%)] dark:[--demo-code-bg:linear-gradient(180deg,rgba(2,6,23,0.99)_0%,rgba(15,23,42,0.98)_100%)]", "[--demo-code-gutter-bg:linear-gradient(180deg,rgba(15,23,42,0.98)_0%,rgba(30,64,175,0.9)_100%)] dark:[--demo-code-gutter-bg:linear-gradient(180deg,rgba(2,6,23,0.98)_0%,rgba(30,41,59,0.96)_100%)]", "[--demo-border:rgba(148,163,184,0.22)] dark:[--demo-border:rgba(148,163,184,0.12)]", "[--demo-border-strong:rgba(251,191,36,0.18)] dark:[--demo-border-strong:rgba(96,165,250,0.2)]", "[--demo-fg:rgba(255,255,255,0.98)] dark:[--demo-fg:rgba(255,255,255,0.98)]", "[--demo-muted-fg:rgba(226,232,240,0.9)] dark:[--demo-muted-fg:rgba(226,232,240,0.86)]", "[--demo-subtle-fg:rgba(191,219,254,0.94)] dark:[--demo-subtle-fg:rgba(147,197,253,0.9)]", "[--demo-accent:theme(colors.amber.300)] dark:[--demo-accent:theme(colors.cyan.200)]", "[--demo-accent-soft-bg:rgba(251,191,36,0.1)] dark:[--demo-accent-soft-bg:rgba(34,211,238,0.12)]", "[--demo-info:theme(colors.blue.300)] dark:[--demo-info:theme(colors.cyan.200)]", "[--demo-info-border:rgba(96,165,250,0.28)] dark:[--demo-info-border:rgba(103,232,249,0.22)]", "[--demo-info-soft-bg:rgba(59,130,246,0.1)] dark:[--demo-info-soft-bg:rgba(34,211,238,0.08)]", "[--demo-success:theme(colors.green.300)] dark:[--demo-success:theme(colors.green.300)]", "[--demo-success-border:rgba(74,222,128,0.24)] dark:[--demo-success-border:rgba(110,231,183,0.18)]", "[--demo-success-soft-bg:rgba(34,197,94,0.1)] dark:[--demo-success-soft-bg:rgba(16,185,129,0.08)]", "[--demo-warning:theme(colors.amber.300)] dark:[--demo-warning:theme(colors.amber.300)]", "[--demo-warning-border:rgba(251,191,36,0.28)] dark:[--demo-warning-border:rgba(251,191,36,0.2)]", "[--demo-warning-soft-bg:rgba(245,158,11,0.1)] dark:[--demo-warning-soft-bg:rgba(245,158,11,0.08)]", "[--demo-danger:theme(colors.red.300)] dark:[--demo-danger:theme(colors.red.300)]", "[--demo-danger-border:rgba(248,113,113,0.28)] dark:[--demo-danger-border:rgba(251,113,133,0.2)]", "[--demo-danger-soft-bg:rgba(239,68,68,0.1)] dark:[--demo-danger-soft-bg:rgba(244,63,94,0.08)]", "[--demo-scroll-track:rgba(148,163,184,0.14)] dark:[--demo-scroll-track:rgba(148,163,184,0.08)]", "[--demo-scroll-thumb:linear-gradient(180deg,rgba(59,130,246,0.82),rgba(251,191,36,0.82),rgba(34,211,238,0.82))] dark:[--demo-scroll-thumb:linear-gradient(180deg,rgba(59,130,246,0.64),rgba(251,191,36,0.64),rgba(34,211,238,0.64))]", "[--demo-shell-shadow:0_34px_120px_-48px_rgba(2,6,23,0.75)] dark:[--demo-shell-shadow:0_40px_140px_-56px_rgba(0,0,0,0.92)]", "[--demo-shell-ring:rgba(251,191,36,0.18)] dark:[--demo-shell-ring:rgba(96,165,250,0.14)]", "[--section-bg:radial-gradient(circle_at_top,rgba(59,130,246,0.08)_0%,rgba(14,165,233,0.06)_18%,rgba(251,191,36,0.06)_34%,rgba(248,250,252,1)_62%,rgba(241,245,249,1)_100%)] dark:[--section-bg:radial-gradient(circle_at_top,rgba(59,130,246,0.14)_0%,rgba(14,165,233,0.08)_18%,rgba(251,191,36,0.1)_34%,rgba(2,6,23,0.72)_62%,rgba(2,6,23,1)_100%)]", "[--section-border:rgba(148,163,184,0.18)] dark:[--section-border:rgba(148,163,184,0.1)]", "[--contact-section-bg:radial-gradient(circle_at_top,rgba(59,130,246,0.06)_0%,rgba(251,191,36,0.06)_24%,rgba(239,68,68,0.05)_46%,rgba(248,250,252,1)_74%,rgba(241,245,249,1)_100%)] dark:[--contact-section-bg:radial-gradient(circle_at_top,rgba(59,130,246,0.1)_0%,rgba(251,191,36,0.08)_24%,rgba(239,68,68,0.08)_46%,rgba(2,6,23,0.94)_74%,rgba(2,6,23,1)_100%)]", "[--contact-submit-bg:linear-gradient(135deg,theme(colors.blue.600)_0%,theme(colors.amber.400)_28%,theme(colors.cyan.400)_58%,theme(colors.slate.900)_100%)] dark:[--contact-submit-bg:linear-gradient(135deg,theme(colors.blue.500)_0%,theme(colors.amber.300)_28%,theme(colors.cyan.300)_58%,theme(colors.slate.900)_100%)]", "[--contact-submit-fg:theme(colors.slate.950)] dark:[--contact-submit-fg:theme(colors.slate.950)]", "[--contact-submit-hover-bg:linear-gradient(135deg,theme(colors.amber.400)_0%,theme(colors.blue.600)_28%,theme(colors.cyan.400)_58%,theme(colors.slate.900)_100%)] dark:[--contact-submit-hover-bg:linear-gradient(135deg,theme(colors.amber.300)_0%,theme(colors.blue.500)_28%,theme(colors.cyan.300)_58%,theme(colors.slate.900)_100%)]", "[--contact-submit-hover-fg:theme(colors.slate.950)] dark:[--contact-submit-hover-fg:theme(colors.slate.950)]", "[--contact-submit-border:transparent]", "[--cta-section-bg:radial-gradient(circle_at_top,rgba(59,130,246,0.06)_0%,rgba(251,191,36,0.06)_18%,rgba(14,165,233,0.05)_36%,rgba(99,102,241,0.06)_56%,rgba(248,250,252,1)_78%,rgba(241,245,249,1)_100%)] dark:[--cta-section-bg:radial-gradient(circle_at_top,rgba(59,130,246,0.1)_0%,rgba(251,191,36,0.08)_18%,rgba(14,165,233,0.08)_36%,rgba(99,102,241,0.1)_56%,rgba(2,6,23,0.98)_78%,rgba(2,6,23,1)_100%)]", "[--cta-heading-fg:theme(colors.slate.950)] dark:[--cta-heading-fg:theme(colors.white)]", "[--cta-subheading-fg:rgba(37,99,235,0.9)] dark:[--cta-subheading-fg:rgba(125,211,252,0.88)]", "[--cta-description-fg:rgba(71,85,105,0.92)] dark:[--cta-description-fg:rgba(226,232,240,0.86)]", "[--cta-primary-bg:linear-gradient(135deg,theme(colors.blue.600)_0%,theme(colors.amber.400)_50%,theme(colors.slate.900)_100%)] dark:[--cta-primary-bg:linear-gradient(135deg,theme(colors.blue.500)_0%,theme(colors.amber.300)_50%,theme(colors.slate.900)_100%)]", "[--cta-primary-fg:theme(colors.slate.950)] dark:[--cta-primary-fg:theme(colors.slate.950)]", "[--cta-primary-hover-bg:linear-gradient(135deg,theme(colors.amber.400)_0%,theme(colors.blue.600)_34%,theme(colors.cyan.400)_68%,theme(colors.slate.900)_100%)] dark:[--cta-primary-hover-bg:linear-gradient(135deg,theme(colors.amber.300)_0%,theme(colors.blue.500)_34%,theme(colors.cyan.300)_68%,theme(colors.slate.900)_100%)]", "[--cta-primary-hover-fg:theme(colors.slate.950)] dark:[--cta-primary-hover-fg:theme(colors.slate.950)]", "[--cta-primary-border:transparent]", "[--cta-secondary-bg:rgba(255,255,255,0.86)]", "[--cta-secondary-fg:theme(colors.slate.900)] dark:[--cta-secondary-fg:theme(colors.white)]", "[--cta-secondary-border:rgba(148,163,184,0.26)] dark:[--cta-secondary-border:rgba(148,163,184,0.16)]", "[--cta-secondary-hover-bg:rgba(255,255,255,0.98)] dark:[--cta-secondary-hover-bg:rgba(30,41,59,0.86)]", "[--cta-secondary-hover-fg:theme(colors.slate.900)] dark:[--cta-secondary-hover-fg:theme(colors.white)]", "[--process-step-bg:linear-gradient(135deg,theme(colors.blue.600)_0%,theme(colors.amber.400)_48%,theme(colors.cyan.400)_100%)] dark:[--process-step-bg:linear-gradient(135deg,theme(colors.blue.500)_0%,theme(colors.amber.300)_48%,theme(colors.cyan.300)_100%)]", "[--process-step-fg:theme(colors.slate.950)] dark:[--process-step-fg:theme(colors.slate.950)]", "[--process-connector:rgba(148,163,184,0.24)] dark:[--process-connector:rgba(148,163,184,0.22)]", "[--footer-bg:linear-gradient(180deg,rgba(248,250,252,1)_0%,rgba(241,245,249,1)_34%,rgba(226,232,240,1)_68%,rgba(248,250,252,1)_100%)] dark:[--footer-bg:linear-gradient(180deg,rgba(2,6,23,0.9)_0%,rgba(15,23,42,0.92)_34%,rgba(30,41,59,0.88)_68%,rgba(2,6,23,0.98)_100%)]", "[--footer-fg:rgba(71,85,105,0.92)] dark:[--footer-fg:rgba(226,232,240,0.88)]", "[--footer-heading-fg:theme(colors.slate.900)] dark:[--footer-heading-fg:theme(colors.white)]", "[--footer-link-fg:rgba(51,65,85,0.9)] dark:[--footer-link-fg:rgba(203,213,225,0.86)]", "[--footer-link-hover-fg:theme(colors.slate.950)] dark:[--footer-link-hover-fg:theme(colors.white)]", "[--footer-link-hover-bg:rgba(59,130,246,0.06)] dark:[--footer-link-hover-bg:rgba(255,255,255,0.06)]", "[--footer-muted-fg:rgba(37,99,235,0.76)] dark:[--footer-muted-fg:rgba(148,163,184,0.76)]", "[--footer-border:rgba(148,163,184,0.18)] dark:[--footer-border:rgba(148,163,184,0.08)]", "[--table-fg:theme(colors.slate.900)]", "[--table-muted-fg:rgba(71,85,105,0.88)] dark:[--table-muted-fg:rgba(148,163,184,0.8)]", "[--table-head-fg:theme(colors.slate.900)] dark:[--table-head-fg:rgba(191,219,254,0.96)]", "[--table-border:rgba(148,163,184,0.18)] dark:[--table-border:rgba(148,163,184,0.1)]", "[--table-row-hover-bg:rgba(59,130,246,0.1)] dark:[--table-row-hover-bg:rgba(34,211,238,0.06)]", "[--faq-btn-bg:rgba(255,255,255,0.88)] dark:[--faq-btn-bg:rgba(15,23,42,0.72)]", "[--faq-btn-fg:theme(colors.slate.900)] dark:[--faq-btn-fg:theme(colors.white)]", "[--faq-btn-hover-bg:rgba(255,255,255,0.98)] dark:[--faq-btn-hover-bg:rgba(30,41,59,0.86)]", "[--faq-btn-hover-fg:theme(colors.slate.900)] dark:[--faq-btn-hover-fg:theme(colors.white)]", "[--faq-answer-bg:rgba(255,255,255,0.96)] dark:[--faq-answer-bg:linear-gradient(180deg,rgba(2,6,23,0.98)_0%,rgba(15,23,42,0.96)_100%)]", "[--faq-answer-fg:theme(colors.slate.900)] dark:[--faq-answer-fg:rgba(241,245,249,0.92)]", className)}>
7
+ {children}
8
+ </div>);
9
+ }
package/dist/templates/aiworkflow/themes/default.d.ts ADDED
@@ -0,0 +1,7 @@
1
+ import React from "react";
2
+ type Props = React.PropsWithChildren<{
3
+ className?: string;
4
+ }>;
5
+ export declare function PresetThemeVars({ className, children }: Props): React.JSX.Element;
6
+ export {};
7
+ //# sourceMappingURL=default.d.ts.map
package/dist/templates/aiworkflow/themes/default.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"default.d.ts","sourceRoot":"","sources":["../../../../src/templates/aiworkflow/themes/default.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,KAAK,KAAK,GAAG,KAAK,CAAC,iBAAiB,CAAC;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,CAAC;AAE7D,wBAAgB,eAAe,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,KAAK,qBAuJ7D"}
package/dist/templates/aiworkflow/themes/default.jsx ADDED
@@ -0,0 +1,9 @@
1
+ // AUTO-GENERATED from cli/kits/blocks by scripts/sync-kit-to-packages.mjs
2
+ // Do not edit this file directly. Edit the kit source instead.
3
+ import React from "react";
4
+ import { cn } from "@nextworks/blocks-core";
5
+ export function PresetThemeVars({ className, children }) {
6
+ return (<div className={cn("[--btn-ring:theme(colors.slate.950)] dark:[--btn-ring:theme(colors.white)]", "[--navbar-bg:rgba(255,255,255,0.76)] dark:[--navbar-bg:rgba(0,0,0,0.72)]", "[--navbar-fg:theme(colors.slate.900)] dark:[--navbar-fg:theme(colors.white)]", "[--navbar-accent:theme(colors.slate.950)] dark:[--navbar-accent:theme(colors.white)]", "[--navbar-link-fg:theme(colors.slate.700)] dark:[--navbar-link-fg:theme(colors.slate.200)]", "[--navbar-link-hover-fg:theme(colors.slate.950)] dark:[--navbar-link-hover-fg:theme(colors.white)]", "[--navbar-toggle-bg:theme(colors.white)] dark:[--navbar-toggle-bg:theme(colors.black)]", "[--navbar-hover-bg:rgba(15,23,42,0.04)] dark:[--navbar-hover-bg:rgba(255,255,255,0.06)]", "[--navbar-ring:theme(colors.slate.950)] dark:[--navbar-ring:theme(colors.pink)]", "[--navbar-border:rgba(15,23,42,0.08)] dark:[--navbar-border:rgba(255,255,255,0.1)]", "[--input-bg:theme(colors.white)] dark:[--input-bg:#000000]", "[--input-fg:theme(colors.slate.900)] dark:[--input-fg:theme(colors.slate.100)]", "[--input-placeholder:theme(colors.slate.400)] dark:[--input-placeholder:theme(colors.slate.500)]", "[--input-border:theme(colors.slate.200)] dark:[--input-border:theme(colors.slate.800)]", "[--input-focus-ring:theme(colors.slate.950)] dark:[--input-focus-ring:theme(colors.white)]", "[--input-ring-offset:theme(colors.white)] dark:[--input-ring-offset:#000000]", "[--card-bg:theme(colors.white)] dark:[--card-bg:#000000]", "[--card-fg:theme(colors.slate.900)] dark:[--card-fg:theme(colors.slate.100)]", "[--card-title-fg:theme(colors.slate.950)] dark:[--card-title-fg:theme(colors.white)]", "[--card-muted-fg:theme(colors.slate.600)] dark:[--card-muted-fg:theme(colors.slate.300)]", "[--card-border:theme(colors.slate.200)] dark:[--card-border:rgba(255,255,255,0.1)]", "[--card-shadow:0_10px_30px_rgba(8,15,30,0.08)] dark:[--card-shadow:0_12px_32px_rgba(0,0,0,0.35)]", "[--badge-bg:theme(colors.slate.50)] dark:[--badge-bg:#000000]", "[--badge-fg:theme(colors.slate.700)] dark:[--badge-fg:theme(colors.slate.200)]", "[--badge-border:theme(colors.slate.200)] dark:[--badge-border:theme(colors.slate.700)]", "[--badge-active-bg:theme(colors.slate.950)] dark:[--badge-active-bg:theme(colors.white)]", "[--badge-active-fg:theme(colors.white)] dark:[--badge-active-fg:theme(colors.slate.950)]", "[--badge-active-border:theme(colors.slate.950)] dark:[--badge-active-border:theme(colors.white)]", "[--heading-fg:theme(colors.slate.950)] dark:[--heading-fg:theme(colors.white)]", "[--subheading-fg:theme(colors.slate.600)] dark:[--subheading-fg:theme(colors.slate.300)]", "[--description-fg:theme(colors.slate.700)] dark:[--description-fg:theme(colors.slate.200)]", "[--hero-cta-primary-bg:theme(colors.slate.950)] dark:[--hero-cta-primary-bg:theme(colors.white)]", "[--hero-cta-primary-hover-bg:theme(colors.slate.800)] dark:[--hero-cta-primary-hover-bg:theme(colors.slate.100)]", "[--hero-cta-primary-fg:theme(colors.white)] dark:[--hero-cta-primary-fg:theme(colors.slate.950)]", "[--hero-cta-primary-hover-fg:theme(colors.white)] dark:[--hero-cta-primary-hover-fg:theme(colors.slate.950)]", "[--hero-cta-secondary-bg:transparent]", "[--hero-cta-secondary-fg:theme(colors.slate.800)] dark:[--hero-cta-secondary-fg:theme(colors.slate.100)]", "[--hero-cta-secondary-border:rgba(15,23,42,0.12)] dark:[--hero-cta-secondary-border:rgba(255,255,255,0.12)]", "[--hero-cta-secondary-hover-bg:rgba(15,23,42,0.03)] dark:[--hero-cta-secondary-hover-bg:rgba(255,255,255,0.05)]", "[--hero-cta-secondary-hover-fg:theme(colors.slate.800)] dark:[--hero-cta-secondary-hover-fg:theme(colors.slate.100)]", "[--demo-shell-bg:#f9fbfe] dark:[--demo-shell-bg:#050505]", "[--demo-shell-muted-bg:#eef3f8] dark:[--demo-shell-muted-bg:#060606]", "[--demo-shell-strong-bg:#ffffff] dark:[--demo-shell-strong-bg:rgba(255,255,255,0.06)]", "[--demo-panel-bg:rgba(255,255,255,0.76)] dark:[--demo-panel-bg:rgba(255,255,255,0.03)]", "[--demo-panel-muted-bg:#f4f5f1] dark:[--demo-panel-muted-bg:#090909]", "[--demo-panel-subtle-bg:#eef0eb] dark:[--demo-panel-subtle-bg:#0b0b0b]", "[--demo-panel-strong-bg:#f6f7f4] dark:[--demo-panel-strong-bg:#0a0a0a]", "[--demo-code-bg:#f7f7f4] dark:[--demo-code-bg:#0b0b0b]", "[--demo-code-gutter-bg:#eff1ec] dark:[--demo-code-gutter-bg:#0d0d0d]", "[--demo-border:rgba(15,23,42,0.055)] dark:[--demo-border:rgba(255,255,255,0.07)]", "[--demo-border-strong:rgba(15,23,42,0.08)] dark:[--demo-border-strong:rgba(255,255,255,0.11)]", "[--demo-fg:theme(colors.slate.900)] dark:[--demo-fg:rgba(255,255,255,0.94)]", "[--demo-muted-fg:theme(colors.slate.600)] dark:[--demo-muted-fg:rgba(255,255,255,0.58)]", "[--demo-subtle-fg:theme(colors.slate.500)] dark:[--demo-subtle-fg:rgba(255,255,255,0.42)]", "[--demo-accent:theme(colors.sky.600)] dark:[--demo-accent:theme(colors.sky.400)]", "[--demo-accent-soft-bg:rgba(2,132,199,0.1)] dark:[--demo-accent-soft-bg:rgba(56,189,248,0.14)]", "[--demo-info:theme(colors.sky.600)] dark:[--demo-info:theme(colors.sky.300)]", "[--demo-info-border:rgba(2,132,199,0.24)] dark:[--demo-info-border:rgba(125,211,252,0.28)]", "[--demo-info-soft-bg:rgba(2,132,199,0.08)] dark:[--demo-info-soft-bg:rgba(56,189,248,0.12)]", "[--demo-success:theme(colors.emerald.600)] dark:[--demo-success:theme(colors.emerald.300)]", "[--demo-success-border:rgba(5,150,105,0.24)] dark:[--demo-success-border:rgba(110,231,183,0.26)]", "[--demo-success-soft-bg:rgba(16,185,129,0.08)] dark:[--demo-success-soft-bg:rgba(16,185,129,0.12)]", "[--demo-warning:theme(colors.amber.700)] dark:[--demo-warning:theme(colors.amber.300)]", "[--demo-warning-border:rgba(217,119,6,0.24)] dark:[--demo-warning-border:rgba(252,211,77,0.26)]", "[--demo-warning-soft-bg:rgba(245,158,11,0.1)] dark:[--demo-warning-soft-bg:rgba(245,158,11,0.14)]", "[--demo-danger:theme(colors.rose.600)] dark:[--demo-danger:theme(colors.rose.300)]", "[--demo-danger-border:rgba(225,29,72,0.24)] dark:[--demo-danger-border:rgba(253,164,175,0.28)]", "[--demo-danger-soft-bg:rgba(244,63,94,0.08)] dark:[--demo-danger-soft-bg:rgba(251,113,133,0.14)]", "[--demo-scroll-track:rgba(15,23,42,0.045)] dark:[--demo-scroll-track:rgba(255,255,255,0.05)]", "[--demo-scroll-thumb:linear-gradient(180deg,rgba(15,23,42,0.26),rgba(15,23,42,0.42))] dark:[--demo-scroll-thumb:linear-gradient(180deg,rgba(226,232,240,0.24),rgba(226,232,240,0.4))]", "[--demo-shell-shadow:0_24px_80px_-44px_rgba(15,23,42,0.24)] dark:[--demo-shell-shadow:0_30px_100px_-52px_rgba(0,0,0,0.82)]", "[--demo-shell-ring:rgba(15,23,42,0.018)] dark:[--demo-shell-ring:rgba(255,255,255,0.03)]", "[--section-bg:linear-gradient(180deg,#eef3f8_0%,#f6f8fb_48%,#eef3f8_100%)] dark:[--section-bg:linear-gradient(180deg,#000000_0%,#030303_48%,#000000_100%)]", "[--section-border:rgba(226,232,240,0.8)] dark:[--section-border:theme(colors.slate.800)]", "[--contact-section-bg:linear-gradient(180deg,#eef3f8_0%,#f6f8fb_48%,#eef3f8_100%)] dark:[--contact-section-bg:linear-gradient(180deg,#000000_0%,#030303_48%,#000000_100%)]", "[--contact-submit-bg:theme(colors.slate.950)] dark:[--contact-submit-bg:theme(colors.white)]", "[--contact-submit-fg:theme(colors.white)] dark:[--contact-submit-fg:theme(colors.slate.950)]", "[--contact-submit-hover-bg:theme(colors.slate.800)] dark:[--contact-submit-hover-bg:theme(colors.slate.100)]", "[--contact-submit-hover-fg:theme(colors.white)] dark:[--contact-submit-hover-fg:theme(colors.slate.950)]", "[--contact-submit-border:transparent]", "[--cta-section-bg:linear-gradient(180deg,#eef3f8_0%,#f6f8fb_48%,#eef3f8_100%)] dark:[--cta-section-bg:linear-gradient(180deg,#000000_0%,#030303_48%,#000000_100%)]", "[--cta-heading-fg:theme(colors.slate.950)] dark:[--cta-heading-fg:theme(colors.white)]", "[--cta-subheading-fg:theme(colors.slate.600)] dark:[--cta-subheading-fg:rgba(255,255,255,0.82)]", "[--cta-description-fg:theme(colors.slate.700)] dark:[--cta-description-fg:rgba(255,255,255,0.74)]", "[--cta-primary-bg:theme(colors.slate.950)] dark:[--cta-primary-bg:theme(colors.white)]", "[--cta-primary-fg:theme(colors.white)] dark:[--cta-primary-fg:theme(colors.slate.950)]", "[--cta-primary-hover-bg:theme(colors.slate.800)] dark:[--cta-primary-hover-bg:theme(colors.slate.100)]", "[--cta-primary-hover-fg:theme(colors.white)] dark:[--cta-primary-hover-fg:theme(colors.slate.950)]", "[--cta-primary-border:transparent]", "[--cta-secondary-bg:transparent]", "[--cta-secondary-fg:theme(colors.slate.800)] dark:[--cta-secondary-fg:theme(colors.slate.100)]", "[--cta-secondary-border:rgba(15,23,42,0.12)] dark:[--cta-secondary-border:rgba(255,255,255,0.18)]", "[--cta-secondary-hover-bg:rgba(15,23,42,0.03)] dark:[--cta-secondary-hover-bg:rgba(255,255,255,0.08)]", "[--cta-secondary-hover-fg:theme(colors.slate.800)] dark:[--cta-secondary-hover-fg:theme(colors.slate.100)]", "[--process-step-bg:theme(colors.slate.950)] dark:[--process-step-bg:theme(colors.white)]", "[--process-step-fg:theme(colors.white)] dark:[--process-step-fg:theme(colors.slate.950)]", "[--process-connector:theme(colors.slate.300)] dark:[--process-connector:theme(colors.slate.700)]", "[--footer-bg:linear-gradient(180deg,rgba(255,255,255,0.42)_0%,rgba(255,255,255,0.14)_100%)] dark:[--footer-bg:linear-gradient(180deg,rgba(0,0,0,0.92)_0%,rgba(0,0,0,0.78)_100%)]", "[--footer-fg:theme(colors.slate.800)] dark:[--footer-fg:theme(colors.slate.100)]", "[--footer-heading-fg:theme(colors.slate.950)] dark:[--footer-heading-fg:theme(colors.white)]", "[--footer-link-fg:theme(colors.slate.700)] dark:[--footer-link-fg:theme(colors.slate.300)]", "[--footer-link-hover-fg:theme(colors.slate.950)] dark:[--footer-link-hover-fg:theme(colors.white)]", "[--footer-link-hover-bg:theme(colors.slate.100)] dark:[--footer-link-hover-bg:rgba(255,255,255,0.06)]", "[--footer-muted-fg:theme(colors.slate.500)] dark:[--footer-muted-fg:theme(colors.slate.400)]", "[--footer-border:theme(colors.slate.200)] dark:[--footer-border:theme(colors.slate.800)]", "[--table-fg:inherit]", "[--table-muted-fg:theme(colors.slate.500)] dark:[--table-muted-fg:theme(colors.slate.400)]", "[--table-head-fg:theme(colors.slate.700)] dark:[--table-head-fg:theme(colors.slate.300)]", "[--table-border:theme(colors.slate.200)] dark:[--table-border:theme(colors.slate.800)]", "[--table-row-hover-bg:theme(colors.slate.50)] dark:[--table-row-hover-bg:rgba(255,255,255,0.03)]", "[--faq-btn-bg:theme(colors.white)] dark:[--faq-btn-bg:#000000]", "[--faq-btn-fg:theme(colors.slate.900)] dark:[--faq-btn-fg:theme(colors.slate.100)]", "[--faq-btn-hover-bg:theme(colors.slate.50)] dark:[--faq-btn-hover-bg:rgba(255,255,255,0.04)]", "[--faq-btn-hover-fg:theme(colors.slate.900)] dark:[--faq-btn-hover-fg:theme(colors.slate.100)]", "[--faq-answer-bg:theme(colors.white)] dark:[--faq-answer-bg:#000000]", "[--faq-answer-fg:theme(colors.slate.700)] dark:[--faq-answer-fg:theme(colors.slate.200)]", className)}>
7
+ {children}
8
+ </div>);
9
+ }
package/dist/templates/aiworkflow/themes/test.d.ts ADDED
@@ -0,0 +1,7 @@
1
+ import React from "react";
2
+ type Props = React.PropsWithChildren<{
3
+ className?: string;
4
+ }>;
5
+ export declare function PresetThemeVars({ className, children }: Props): React.JSX.Element;
6
+ export {};
7
+ //# sourceMappingURL=test.d.ts.map
package/dist/templates/aiworkflow/themes/test.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"test.d.ts","sourceRoot":"","sources":["../../../../src/templates/aiworkflow/themes/test.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,KAAK,KAAK,GAAG,KAAK,CAAC,iBAAiB,CAAC;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,CAAC;AAE7D,wBAAgB,eAAe,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,KAAK,qBA4J7D"}
package/dist/templates/aiworkflow/themes/test.jsx ADDED
@@ -0,0 +1,39 @@
1
+ // AUTO-GENERATED from cli/kits/blocks by scripts/sync-kit-to-packages.mjs
2
+ // Do not edit this file directly. Edit the kit source instead.
3
+ import React from "react";
4
+ import { cn } from "@nextworks/blocks-core";
5
+ export function PresetThemeVars({ className, children }) {
6
+ return (<div className={cn("[--btn-ring:theme(colors.amber.300)] dark:[--btn-ring:theme(colors.amber.200)]",
7
+ // Navbar
8
+ "[--navbar-bg:rgba(255,255,255,0.92)] dark:[--navbar-bg:rgba(15,23,42,0.98)]", "[--navbar-fg:theme(colors.slate.900)] dark:[--navbar-fg:theme(colors.slate.100)]", "[--navbar-accent:theme(colors.amber.500)] dark:[--navbar-accent:theme(colors.amber.300)]", "[--navbar-link-fg:theme(colors.slate.700)] dark:[--navbar-link-fg:theme(colors.slate.300)]", "[--navbar-link-hover-fg:theme(colors.slate.950)] dark:[--navbar-link-hover-fg:theme(colors.white)]", "[--navbar-toggle-bg:rgba(15,23,42,0.06)] dark:[--navbar-toggle-bg:rgba(255,255,255,0.08)]", "[--navbar-hover-bg:rgba(59,130,246,0.08)] dark:[--navbar-hover-bg:rgba(255,255,255,0.06)]", "[--navbar-ring:theme(colors.blue.500)] dark:[--navbar-ring:theme(colors.blue.400)]", "[--navbar-border:rgba(148,163,184,0.2)] dark:[--navbar-border:rgba(255,255,255,0.1)]",
9
+ // Input
10
+ "[--input-bg:rgba(255,255,255,0.94)] dark:[--input-bg:rgba(15,23,42,0.98)]", "[--input-fg:theme(colors.slate.900)] dark:[--input-fg:theme(colors.slate.100)]", "[--input-placeholder:rgba(100,116,139,0.82)] dark:[--input-placeholder:rgba(148,163,184,0.72)]", "[--input-border:rgba(148,163,184,0.3)] dark:[--input-border:rgba(148,163,184,0.25)]", "[--input-focus-ring:theme(colors.amber.400)] dark:[--input-focus-ring:theme(colors.amber.300)]", "[--input-ring-offset:theme(colors.slate.950)] dark:[--input-ring-offset:theme(colors.slate.950)]",
11
+ // Card
12
+ "[--card-bg:rgba(255,255,255,0.96)] dark:[--card-bg:rgba(15,23,42,0.98)]", "[--card-fg:theme(colors.slate.900)] dark:[--card-fg:theme(colors.slate.100)]", "[--card-title-fg:theme(colors.slate.900)] dark:[--card-title-fg:theme(colors.white)]", "[--card-muted-fg:rgba(71,85,105,0.9)] dark:[--card-muted-fg:rgba(203,213,225,0.85)]", "[--card-border:rgba(148,163,184,0.24)] dark:[--card-border:rgba(148,163,184,0.18)]", "[--card-shadow:0_28px_90px_rgba(2,6,23,0.48)] dark:[--card-shadow:0_34px_120px_rgba(0,0,0,0.72)]",
13
+ // Badge
14
+ "[--badge-bg:rgba(255,255,255,0.9)] dark:[--badge-bg:rgba(30,41,59,0.9)]", "[--badge-fg:theme(colors.slate.900)] dark:[--badge-fg:theme(colors.slate.100)]", "[--badge-border:rgba(148,163,184,0.24)] dark:[--badge-border:rgba(148,163,184,0.2)]", "[--badge-active-bg:theme(colors.blue.600)] dark:[--badge-active-bg:theme(colors.blue.500)]", "[--badge-active-fg:theme(colors.white)] dark:[--badge-active-fg:theme(colors.white)]", "[--badge-active-border:rgba(255,255,255,0.14)] dark:[--badge-active-border:rgba(255,255,255,0.12)]",
15
+ // Headings
16
+ "[--heading-fg:theme(colors.slate.950)] dark:[--heading-fg:theme(colors.white)]", "[--subheading-fg:theme(colors.blue.600)] dark:[--subheading-fg:theme(colors.sky.400)]", "[--description-fg:theme(colors.slate.600)] dark:[--description-fg:theme(colors.slate.300)]",
17
+ // Hero CTA
18
+ "[--hero-cta-primary-bg:theme(colors.blue.600)] dark:[--hero-cta-primary-bg:theme(colors.blue.500)]", "[--hero-cta-primary-hover-bg:theme(colors.blue.700)] dark:[--hero-cta-primary-hover-bg:theme(colors.blue.400)]", "[--hero-cta-primary-fg:theme(colors.white)] dark:[--hero-cta-primary-fg:theme(colors.white)]", "[--hero-cta-primary-hover-fg:theme(colors.white)] dark:[--hero-cta-primary-hover-fg:theme(colors.white)]", "[--hero-cta-secondary-bg:rgba(255,255,255,0.92)] dark:[--hero-cta-secondary-bg:rgba(30,41,59,0.9)]", "[--hero-cta-secondary-fg:theme(colors.slate.900)] dark:[--hero-cta-secondary-fg:theme(colors.slate.100)]", "[--hero-cta-secondary-border:rgba(148,163,184,0.3)] dark:[--hero-cta-secondary-border:rgba(148,163,184,0.2)]", "[--hero-cta-secondary-hover-bg:rgba(255,255,255,1)] dark:[--hero-cta-secondary-hover-bg:rgba(51,65,85,0.95)]", "[--hero-cta-secondary-hover-fg:theme(colors.slate.900)] dark:[--hero-cta-secondary-hover-fg:theme(colors.white)]",
19
+ // Demo shell (hero app)
20
+ "[--demo-shell-bg:rgba(15,23,42,1)] dark:[--demo-shell-bg:rgba(9,14,29,1)]", "[--demo-shell-muted-bg:rgba(7,10,22,1)] dark:[--demo-shell-muted-bg:rgba(4,7,15,1)]", "[--demo-shell-strong-bg:rgba(255,255,255,0.08)] dark:[--demo-shell-strong-bg:rgba(255,255,255,0.06)]", "[--demo-panel-bg:rgba(15,23,42,0.98)] dark:[--demo-panel-bg:rgba(9,14,29,1)]", "[--demo-panel-muted-bg:rgba(20,30,55,0.9)] dark:[--demo-panel-muted-bg:rgba(15,23,42,0.95)]", "[--demo-panel-subtle-bg:rgba(30,41,59,0.95)] dark:[--demo-panel-subtle-bg:rgba(22,32,50,1)]", "[--demo-panel-strong-bg:rgba(255,255,255,0.08)] dark:[--demo-panel-strong-bg:rgba(255,255,255,0.06)]", "[--demo-code-bg:rgba(9,14,29,1)] dark:[--demo-code-bg:rgba(6,9,20,1)]", "[--demo-code-gutter-bg:rgba(15,23,42,1)] dark:[--demo-code-gutter-bg:rgba(9,14,29,1)]", "[--demo-border:rgba(148,163,184,0.18)] dark:[--demo-border:rgba(148,163,184,0.12)]", "[--demo-border-strong:rgba(251,191,36,0.22)] dark:[--demo-border-strong:rgba(96,165,250,0.22)]",
21
+ // Demo text — strong contrast on dark shell backgrounds
22
+ "[--demo-fg:rgba(248,250,252,1)] dark:[--demo-fg:rgba(248,250,252,1)]", "[--demo-muted-fg:rgba(203,213,225,0.95)] dark:[--demo-muted-fg:rgba(203,213,225,0.9)]", "[--demo-subtle-fg:rgba(147,197,253,1)] dark:[--demo-subtle-fg:rgba(147,197,253,0.95)]", "[--demo-accent:theme(colors.amber.300)] dark:[--demo-accent:theme(colors.amber.300)]", "[--demo-accent-soft-bg:rgba(251,191,36,0.12)] dark:[--demo-accent-soft-bg:rgba(251,191,36,0.1)]", "[--demo-info:theme(colors.sky.300)] dark:[--demo-info:theme(colors.sky.300)]", "[--demo-info-border:rgba(125,211,252,0.3)] dark:[--demo-info-border:rgba(125,211,252,0.22)]", "[--demo-info-soft-bg:rgba(14,165,233,0.12)] dark:[--demo-info-soft-bg:rgba(14,165,233,0.1)]", "[--demo-success:theme(colors.emerald.300)] dark:[--demo-success:theme(colors.emerald.300)]", "[--demo-success-border:rgba(52,211,153,0.28)] dark:[--demo-success-border:rgba(52,211,153,0.2)]", "[--demo-success-soft-bg:rgba(16,185,129,0.12)] dark:[--demo-success-soft-bg:rgba(16,185,129,0.1)]", "[--demo-warning:theme(colors.amber.300)] dark:[--demo-warning:theme(colors.amber.300)]", "[--demo-warning-border:rgba(251,191,36,0.3)] dark:[--demo-warning-border:rgba(251,191,36,0.22)]", "[--demo-warning-soft-bg:rgba(245,158,11,0.12)] dark:[--demo-warning-soft-bg:rgba(245,158,11,0.1)]", "[--demo-danger:theme(colors.rose.300)] dark:[--demo-danger:theme(colors.rose.300)]", "[--demo-danger-border:rgba(253,164,175,0.3)] dark:[--demo-danger-border:rgba(253,164,175,0.22)]", "[--demo-danger-soft-bg:rgba(244,63,94,0.12)] dark:[--demo-danger-soft-bg:rgba(244,63,94,0.1)]", "[--demo-scroll-track:rgba(148,163,184,0.14)] dark:[--demo-scroll-track:rgba(148,163,184,0.08)]", "[--demo-scroll-thumb:rgba(96,165,250,0.7)] dark:[--demo-scroll-thumb:rgba(96,165,250,0.55)]", "[--demo-shell-shadow:0_34px_120px_-48px_rgba(2,6,23,0.75)] dark:[--demo-shell-shadow:0_40px_140px_-56px_rgba(0,0,0,0.92)]", "[--demo-shell-ring:rgba(251,191,36,0.2)] dark:[--demo-shell-ring:rgba(96,165,250,0.16)]",
23
+ // Section
24
+ "[--section-bg:theme(colors.slate.50)] dark:[--section-bg:theme(colors.slate.950)]", "[--section-border:rgba(148,163,184,0.18)] dark:[--section-border:rgba(148,163,184,0.1)]",
25
+ // Contact section
26
+ "[--contact-section-bg:theme(colors.slate.50)] dark:[--contact-section-bg:theme(colors.slate.950)]", "[--contact-submit-bg:theme(colors.blue.600)] dark:[--contact-submit-bg:theme(colors.blue.500)]", "[--contact-submit-fg:theme(colors.white)] dark:[--contact-submit-fg:theme(colors.white)]", "[--contact-submit-hover-bg:theme(colors.blue.700)] dark:[--contact-submit-hover-bg:theme(colors.blue.400)]", "[--contact-submit-hover-fg:theme(colors.white)] dark:[--contact-submit-hover-fg:theme(colors.white)]", "[--contact-submit-border:transparent]",
27
+ // CTA section
28
+ "[--cta-section-bg:theme(colors.slate.50)] dark:[--cta-section-bg:theme(colors.slate.950)]", "[--cta-heading-fg:theme(colors.slate.950)] dark:[--cta-heading-fg:theme(colors.white)]", "[--cta-subheading-fg:theme(colors.blue.600)] dark:[--cta-subheading-fg:theme(colors.sky.400)]", "[--cta-description-fg:theme(colors.slate.600)] dark:[--cta-description-fg:theme(colors.slate.300)]", "[--cta-primary-bg:theme(colors.blue.600)] dark:[--cta-primary-bg:theme(colors.blue.500)]", "[--cta-primary-fg:theme(colors.white)] dark:[--cta-primary-fg:theme(colors.white)]", "[--cta-primary-hover-bg:theme(colors.blue.700)] dark:[--cta-primary-hover-bg:theme(colors.blue.400)]", "[--cta-primary-hover-fg:theme(colors.white)] dark:[--cta-primary-hover-fg:theme(colors.white)]", "[--cta-primary-border:transparent]", "[--cta-secondary-bg:rgba(255,255,255,0.92)]", "[--cta-secondary-fg:theme(colors.slate.900)] dark:[--cta-secondary-fg:theme(colors.slate.100)]", "[--cta-secondary-border:rgba(148,163,184,0.28)] dark:[--cta-secondary-border:rgba(148,163,184,0.18)]", "[--cta-secondary-hover-bg:rgba(255,255,255,1)] dark:[--cta-secondary-hover-bg:rgba(30,41,59,0.9)]", "[--cta-secondary-hover-fg:theme(colors.slate.900)] dark:[--cta-secondary-hover-fg:theme(colors.white)]",
29
+ // Process steps
30
+ "[--process-step-bg:theme(colors.blue.600)] dark:[--process-step-bg:theme(colors.blue.500)]", "[--process-step-fg:theme(colors.white)] dark:[--process-step-fg:theme(colors.white)]", "[--process-connector:rgba(148,163,184,0.24)] dark:[--process-connector:rgba(148,163,184,0.22)]",
31
+ // Footer
32
+ "[--footer-bg:theme(colors.slate.100)] dark:[--footer-bg:rgba(9,14,29,1)]", "[--footer-fg:theme(colors.slate.600)] dark:[--footer-fg:theme(colors.slate.400)]", "[--footer-heading-fg:theme(colors.slate.900)] dark:[--footer-heading-fg:theme(colors.white)]", "[--footer-link-fg:theme(colors.slate.700)] dark:[--footer-link-fg:theme(colors.slate.400)]", "[--footer-link-hover-fg:theme(colors.slate.950)] dark:[--footer-link-hover-fg:theme(colors.white)]", "[--footer-link-hover-bg:rgba(59,130,246,0.06)] dark:[--footer-link-hover-bg:rgba(255,255,255,0.06)]", "[--footer-muted-fg:theme(colors.blue.600)] dark:[--footer-muted-fg:theme(colors.slate.500)]", "[--footer-border:rgba(148,163,184,0.18)] dark:[--footer-border:rgba(148,163,184,0.1)]",
33
+ // Table
34
+ "[--table-fg:theme(colors.slate.900)] dark:[--table-fg:theme(colors.slate.100)]", "[--table-muted-fg:theme(colors.slate.600)] dark:[--table-muted-fg:theme(colors.slate.400)]", "[--table-head-fg:theme(colors.slate.900)] dark:[--table-head-fg:theme(colors.sky.200)]", "[--table-border:rgba(148,163,184,0.18)] dark:[--table-border:rgba(148,163,184,0.12)]", "[--table-row-hover-bg:rgba(59,130,246,0.06)] dark:[--table-row-hover-bg:rgba(96,165,250,0.06)]",
35
+ // FAQ
36
+ "[--faq-btn-bg:rgba(255,255,255,0.9)] dark:[--faq-btn-bg:rgba(20,28,48,0.9)]", "[--faq-btn-fg:theme(colors.slate.900)] dark:[--faq-btn-fg:theme(colors.slate.100)]", "[--faq-btn-hover-bg:rgba(255,255,255,1)] dark:[--faq-btn-hover-bg:rgba(30,41,59,0.95)]", "[--faq-btn-hover-fg:theme(colors.slate.900)] dark:[--faq-btn-hover-fg:theme(colors.white)]", "[--faq-answer-bg:rgba(255,255,255,0.96)] dark:[--faq-answer-bg:rgba(15,23,42,0.98)]", "[--faq-answer-fg:theme(colors.slate.800)] dark:[--faq-answer-fg:theme(colors.slate.200)]", className)}>
37
+ {children}
38
+ </div>);
39
+ }
package/dist/templates/gallery/PresetThemeVars.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"PresetThemeVars.d.ts","sourceRoot":"","sources":["../../../src/templates/gallery/PresetThemeVars.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,KAAK,KAAK,GAAG,KAAK,CAAC,iBAAiB,CAAC;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,CAAC;AAE7D;;;;;;GAMG;AACH,wBAAgB,eAAe,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,KAAK,qBAuE7D"}
1
+ {"version":3,"file":"PresetThemeVars.d.ts","sourceRoot":"","sources":["../../../src/templates/gallery/PresetThemeVars.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,KAAK,KAAK,GAAG,KAAK,CAAC,iBAAiB,CAAC;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,CAAC;AAE7D;;;;;;GAMG;AACH,wBAAgB,eAAe,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,KAAK,qBAqH7D"}
package/dist/templates/gallery/PresetThemeVars.jsx CHANGED
@@ -21,6 +21,8 @@ export function PresetThemeVars({ className, children }) {
21
21
  "[--badge-bg:var(--accent)]", "[--badge-fg:var(--accent-foreground)]", "[--badge-border:var(--border)]", "[--badge-active-bg:var(--primary)]", "[--badge-active-fg:var(--primary-foreground)]", "[--badge-active-border:var(--primary)]",
22
22
  // Typography helpers
23
23
  "[--heading-fg:var(--foreground)]", "[--subheading-fg:var(--muted-foreground)]", "[--description-fg:var(--foreground)]",
24
+ // Hero product demo
25
+ "[--hero-cta-primary-bg:var(--primary)]", "[--hero-cta-primary-fg:var(--primary-foreground)]", "[--hero-cta-primary-hover-bg:var(--primary-foreground)]", "[--hero-cta-primary-hover-fg:var(--primary)]]", "[--hero-cta-secondary-bg:transparent]", "[--hero-cta-secondary-fg:var(--primary)]", "[--hero-cta-secondary-border:color-mix(in oklab, var(--primary) 38%, var(--border))]", "[--hero-cta-secondary-hover-bg:color-mix(in oklab, var(--primary) 10%, var(--background))]", "[--hero-cta-secondary-hover-fg:var(--primary)]", "[--demo-shell-bg:var(--background)]", "[--demo-shell-muted-bg:color-mix(in oklab, var(--background) 88%, var(--muted))]", "[--demo-shell-strong-bg:var(--card)]", "[--demo-panel-bg:var(--card)]", "[--demo-panel-muted-bg:color-mix(in oklab, var(--card) 92%, var(--background))]", "[--demo-panel-subtle-bg:color-mix(in oklab, var(--muted) 84%, var(--background))]", "[--demo-panel-strong-bg:color-mix(in oklab, var(--card) 88%, var(--primary) 12%)]", "[--demo-code-bg:color-mix(in oklab, var(--card) 96%, var(--background))]", "[--demo-code-gutter-bg:color-mix(in oklab, var(--muted) 86%, var(--background))]", "[--demo-border:var(--border)]", "[--demo-border-strong:var(--primary)]", "[--demo-fg:var(--foreground)]", "[--demo-muted-fg:var(--muted-foreground)]", "[--demo-subtle-fg:color-mix(in oklab, var(--muted-foreground) 78%, var(--foreground))]", "[--demo-accent:var(--primary)]", "[--demo-accent-soft-bg:color-mix(in oklab, var(--primary) 12%, var(--background))]", "[--demo-info:var(--primary)]", "[--demo-info-border:color-mix(in oklab, var(--primary) 30%, var(--border))]", "[--demo-info-soft-bg:color-mix(in oklab, var(--primary) 10%, var(--background))]", "[--demo-success:var(--chart-2)]", "[--demo-success-border:color-mix(in oklab, var(--chart-2) 30%, var(--border))]", "[--demo-success-soft-bg:color-mix(in oklab, var(--chart-2) 10%, var(--background))]", "[--demo-warning:var(--chart-4)]", "[--demo-warning-border:color-mix(in oklab, var(--chart-4) 30%, var(--border))]", "[--demo-warning-soft-bg:color-mix(in oklab, var(--chart-4) 10%, var(--background))]", "[--demo-danger:var(--chart-5)]", "[--demo-danger-border:color-mix(in oklab, var(--chart-5) 30%, var(--border))]", "[--demo-danger-soft-bg:color-mix(in oklab, var(--chart-5) 10%, var(--background))]", "[--demo-scroll-track:color-mix(in oklab, var(--border) 70%, transparent)]", "[--demo-scroll-thumb:linear-gradient(180deg, var(--primary), var(--accent))]", "[--demo-shell-shadow:0_24px_80px_-44px_rgba(15,23,42,0.24)]", "[--demo-shell-ring:color-mix(in oklab, var(--primary) 18%, transparent)]",
24
26
  // Process timeline
25
27
  "[--process-step-bg:var(--primary)]", "[--process-step-fg:var(--primary-foreground)]", "[--process-connector:var(--border)]",
26
28
  // Footer
package/dist/templates/gallery/page.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Page.d.ts","sourceRoot":"","sources":["../../../src/templates/gallery/Page.tsx"],"names":[],"mappings":"AA0BA,wBAAgB,OAAO,gCAoRtB"}
1
+ {"version":3,"file":"Page.d.ts","sourceRoot":"","sources":["../../../src/templates/gallery/Page.tsx"],"names":[],"mappings":"AA6BA,wBAAgB,OAAO,gCAspBtB"}