@nextworks/blocks-templates 0.2.0-alpha.19 → 0.2.0-alpha.20

package/dist/templates/aiworkflow/components/Navbar.d.ts

@@ -1,7 +0,0 @@
-import type { ComponentProps } from "react";
-import { Navbar as SharedNavbar } from "@nextworks/blocks-sections";
-type SharedNavbarProps = ComponentProps<typeof SharedNavbar>;
-type PresetOverrides = Partial<SharedNavbarProps>;
-export declare function Navbar(overrides?: PresetOverrides): import("react").JSX.Element;
-export {};
-//# sourceMappingURL=Navbar.d.ts.map

package/dist/templates/aiworkflow/components/Navbar.d.ts.map

@@ -1 +0,0 @@
-{"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;AA6ElD,wBAAgB,MAAM,CAAC,SAAS,GAAE,eAAoB,+BAOrD"}

package/dist/templates/aiworkflow/components/Navbar.jsx

@@ -1,73 +0,0 @@
-// AUTO-GENERATED from cli/kits/blocks by scripts/sync-kit-to-packages.mjs
-// Do not edit this file directly. Edit the kit source instead.
-"use client";
-import { Navbar as SharedNavbar } from "@nextworks/blocks-sections";
-const defaultProps = {
-    brand: "MergeBeacon AI",
-    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">
-      <span className="grid grid-cols-2 gap-[2px]">
-        <span className="h-[4px] w-[4px] rounded-[1px] bg-current/95"/>
-        <span className="h-[4px] w-[4px] rounded-[1px] bg-current/55"/>
-        <span className="h-[4px] w-[4px] rounded-[1px] bg-current/55"/>
-        <span className="h-[4px] w-[4px] rounded-[1px] bg-current/95"/>
-      </span>
-    </div>),
-    menuItems: [
-        { label: "Home", href: "#home" },
-        { label: "Features", href: "#features" },
-        { label: "Pricing", href: "#pricing" },
-        { label: "FAQ", href: "#faq" },
-        { label: "Contact", href: "#contact" },
-    ],
-    ctaButton: null,
-    showColorModeToggle: true,
-    navHeight: "h-16",
-    sticky: true,
-    ariaLabel: "MergeBeacon AI main navigation",
-    className: "",
-    nav: {
-        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)]",
-    },
-    brandText: {
-        className: "text-xl font-semibold font-outfit text-[var(--navbar-accent)]",
-    },
-    links: {
-        className: "text-sm font-medium font-inter text-[var(--navbar-link-fg)] hover:text-[var(--navbar-link-hover-fg)] focus:ring-[var(--navbar-ring)]",
-    },
-    ctaButtonStyle: {
-        variant: "default",
-        size: "default",
-        className: "shadow-md transition-all duration-200 hover:-translate-y-0.5 hover:shadow-lg",
-    },
-    mobileMenu: {
-        className: "border-t border-[var(--navbar-border)]",
-    },
-    container: {
-        className: "max-w-7xl mx-auto",
-    },
-    brandWrapper: {
-        className: "-ml-2",
-    },
-    desktopMenu: {
-        className: "hidden items-center space-x-1 md:flex lg:space-x-6",
-    },
-    toggleButton: {
-        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)]",
-    },
-    colorModeWrapper: {
-        className: "ml-2",
-    },
-    ctaButtonWrapper: {
-        className: "ml-2",
-    },
-    mobileMenuInner: {
-        className: "space-y-2 px-4 pt-2 pb-4",
-    },
-    mobileLinks: {
-        className: "hover:bg-[var(--navbar-hover-bg)]",
-    },
-};
-export function Navbar(overrides = {}) {
-    const props = Object.assign(Object.assign({}, defaultProps), overrides);
-    return <SharedNavbar {...props}/>;
-}

package/dist/templates/aiworkflow/components/Pricing.d.ts

@@ -1,2 +0,0 @@
-export declare function Pricing(): import("react").JSX.Element;
-//# sourceMappingURL=Pricing.d.ts.map

package/dist/templates/aiworkflow/components/Pricing.d.ts.map

@@ -1 +0,0 @@
-{"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

@@ -1,67 +0,0 @@
-// AUTO-GENERATED from cli/kits/blocks by scripts/sync-kit-to-packages.mjs
-// Do not edit this file directly. Edit the kit source instead.
-"use client";
-import { Pricing as SharedPricing } from "@nextworks/blocks-sections";
-export function Pricing() {
-    return (<SharedPricing id="pricing" pricingHeadingText="Pricing for teams shipping with coding agents" pricingPlans={[
-            {
-                pricingPlanHeaderText: "Starter",
-                pricingPlanPrice: "$49/mo",
-                pricingPlanFeatures: [
-                    "3 active repos",
-                    "GitHub and docs intake",
-                    "Shared review queue",
-                    "Patch analytics",
-                ],
-                pricingPlanCTALabel: "Start free",
-                pricingPlanCTAHref: "#contact",
-            },
-            {
-                pricingPlanHeaderText: "Growth",
-                pricingPlanPrice: "$149/mo",
-                pricingPlanFeatures: [
-                    "Unlimited agent runs",
-                    "Repo, issue tracker, and CI sync",
-                    "Review gates and approvals",
-                    "Live diff dashboards",
-                    "Role-based code governance",
-                ],
-                pricingPlanCTALabel: "Book a demo",
-                pricingPlanCTAHref: "#contact",
-                isPopular: true,
-            },
-            {
-                pricingPlanHeaderText: "Enterprise",
-                pricingPlanPrice: "Custom",
-                pricingPlanFeatures: [
-                    "Private agent deployment options",
-                    "Custom repo and context connectors",
-                    "SSO and change exports",
-                    "Dedicated rollout support",
-                    "Priority agent support",
-                ],
-                pricingPlanCTALabel: "Talk to the team",
-                pricingPlanCTAHref: "#contact",
-            },
-        ]} section={{
-            className: "bg-[var(--section-bg)] pt-18 pb-16",
-        }} container={{ className: "max-w-7xl mx-auto px-6" }} heading={{
-            className: "mb-4 text-center font-outfit text-3xl font-semibold text-[var(--heading-fg)] md:text-4xl lg:text-5xl",
-        }} grid={{
-            className: "mt-12 grid grid-cols-1 gap-6 md:grid-cols-2 lg:grid-cols-3",
-        }} card={{
-            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",
-        }} title={{
-            className: "font-inter text-xl font-semibold text-[var(--card-title-fg)]",
-        }} price={{
-            className: "font-outfit text-3xl font-semibold text-[var(--card-title-fg)]",
-        }} featureItem={{
-            className: "font-inter text-sm text-[var(--card-muted-fg)] md:text-base",
-        }} cta={{
-            variant: "default",
-            size: "lg",
-            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)]",
-        }} popularBadge={{
-            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",
-        }} ariaLabel="AI coding agent pricing"/>);
-}

package/dist/templates/aiworkflow/components/ProcessTimeline.d.ts

@@ -1,2 +0,0 @@
-export declare function ProcessTimeline(): import("react").JSX.Element;
-//# sourceMappingURL=ProcessTimeline.d.ts.map

package/dist/templates/aiworkflow/components/ProcessTimeline.d.ts.map

@@ -1 +0,0 @@
-{"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

@@ -1,58 +0,0 @@
-// AUTO-GENERATED from cli/kits/blocks by scripts/sync-kit-to-packages.mjs
-// Do not edit this file directly. Edit the kit source instead.
-"use client";
-import { ProcessTimeline as SharedProcessTimeline } from "@nextworks/blocks-sections";
-export function ProcessTimeline() {
-    return (<SharedProcessTimeline steps={[
-            {
-                stepNumber: 1,
-                title: "Capture the issue",
-                description: "A plain-language report becomes a structured task with intent, files, and context.",
-                icon: "✉️",
-            },
-            {
-                stepNumber: 2,
-                title: "Read the codebase",
-                description: "The agent inspects the relevant files, notes patterns, and checks surrounding context before editing.",
-                icon: "🧠",
-            },
-            {
-                stepNumber: 3,
-                title: "Patch and preview",
-                description: "Edits land in the diff, and the preview updates once the patch is applied.",
-                icon: "✅",
-            },
-            {
-                stepNumber: 4,
-                title: "Validate and ship",
-                description: "Checks, reviews, and logs stay aligned before the change is ready to merge.",
-                icon: "🔄",
-            },
-        ]} 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={{
-            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%)]",
-        }} container={{ className: "max-w-6xl mx-auto px-6 md:px-10" }} header={{ className: "mb-16 text-center" }} headingStyle={{
-            className: "font-outfit text-3xl font-semibold text-[var(--heading-fg)] md:text-4xl lg:text-5xl",
-        }} subheadingStyle={{
-            className: "mx-auto max-w-3xl font-inter text-base leading-7 text-[var(--subheading-fg)] md:text-lg",
-        }} timelineContainer={{ className: "mx-auto w-full max-w-5xl" }} desktopTimeline={{
-            className: "relative hidden w-full justify-between lg:flex",
-        }} connectingLine={{
-            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",
-        }} stepContainer={{
-            className: "relative z-10 flex max-w-56 flex-1 flex-col items-center gap-5",
-        }} stepCircle={{
-            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",
-        }} stepNumber={{ className: "font-outfit text-2xl font-bold" }} stepIcon={{ className: "text-3xl" }} stepContent={{ className: "space-y-3 text-center" }} stepTitle={{
-            className: "font-inter text-lg font-semibold text-[var(--card-title-fg)]",
-        }} stepDescription={{
-            className: "font-inter text-sm leading-6 text-[var(--card-muted-fg)]",
-        }} mobileTimeline={{ className: "flex w-full flex-col gap-8 lg:hidden" }} mobileStep={{ className: "relative flex items-start" }} mobileVerticalLine={{
-            className: "absolute bottom-[-2rem] left-8 top-16 w-px bg-[var(--process-connector)]",
-        }} mobileStepCircle={{
-            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",
-        }} mobileStepContent={{ className: "flex-1 space-y-3 pt-2" }} mobileStepIcon={{ className: "text-3xl" }} mobileStepTitle={{
-            className: "font-inter text-lg font-semibold text-[var(--card-title-fg)]",
-        }} mobileStepDescription={{
-            className: "font-inter text-sm leading-6 text-[var(--card-muted-fg)]",
-        }} ariaLabel="AI coding agent process timeline"/>);
-}

package/dist/templates/aiworkflow/components/Testimonials.d.ts

@@ -1,2 +0,0 @@
-export declare function Testimonials(): import("react").JSX.Element;
-//# sourceMappingURL=Testimonials.d.ts.map

package/dist/templates/aiworkflow/components/Testimonials.d.ts.map

@@ -1 +0,0 @@
-{"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

@@ -1,37 +0,0 @@
-// AUTO-GENERATED from cli/kits/blocks by scripts/sync-kit-to-packages.mjs
-// Do not edit this file directly. Edit the kit source instead.
-"use client";
-import { Testimonials as SharedTestimonials } from "@nextworks/blocks-sections";
-export function Testimonials() {
-    return (<SharedTestimonials testimonialSectionHeader="Engineers keep the loop closed" testimonials={[
-            {
-                testimonialText: "We replaced ticket triage, hand-written follow-up, and repetitive patching with one agent flow that now lands fixes in minutes.",
-                testimonialAuthor: "- Maya Chen, Platform Lead at Northstar",
-                testimonialAuthorInitials: "MC",
-            },
-            {
-                testimonialText: "Reviews used to stall merges for hours. Now the team only sees the exceptions and everyone else gets live status automatically.",
-                testimonialAuthor: "- Daniel Ruiz, Engineering Manager",
-                testimonialAuthorInitials: "DR",
-            },
-            {
-                testimonialText: "The audit trail made adoption easy. Teams trust the agent because every read, edit, and review is grounded, visible, and recoverable.",
-                testimonialAuthor: "- Priya Patel, Head of Developer Experience",
-                testimonialAuthorInitials: "PP",
-            },
-        ]} section={{
-            className: "bg-[var(--section-bg)] py-18 px-6 md:py-22",
-        }} container={{ className: "max-w-7xl mx-auto" }} header={{ className: "mb-12 text-center" }} heading={{
-            className: "font-outfit text-3xl font-semibold text-[var(--heading-fg)] md:text-4xl",
-        }} grid={{
-            className: "grid grid-cols-1 gap-6 md:grid-cols-2 lg:grid-cols-3",
-        }} card={{
-            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",
-        }} text={{
-            className: "font-inter text-base italic leading-7 text-[var(--card-fg)]",
-        }} author={{
-            className: "font-inter text-sm font-medium text-[var(--card-muted-fg)]",
-        }} avatar={{
-            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)]",
-        }} avatarText={{ className: "font-inter text-sm font-bold" }} ariaLabel="AI coding agent customer testimonials"/>);
-}

package/dist/templates/aiworkflow/components/TrustBadges.d.ts

@@ -1,2 +0,0 @@
-export declare function TrustBadges(): import("react").JSX.Element;
-//# sourceMappingURL=TrustBadges.d.ts.map

package/dist/templates/aiworkflow/components/TrustBadges.d.ts.map

@@ -1 +0,0 @@
-{"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

@@ -1,40 +0,0 @@
-// AUTO-GENERATED from cli/kits/blocks by scripts/sync-kit-to-packages.mjs
-// Do not edit this file directly. Edit the kit source instead.
-"use client";
-import { TrustBadges as SharedTrustBadges } from "@nextworks/blocks-sections";
-export function TrustBadges() {
-    return (<SharedTrustBadges id="trust-badges" trustBadgesSectionHeader="Teams shipping code with agents in the loop" badges={[
-            {
-                badgeText: "Faster fixes, fewer handoffs",
-                badgeDescription: "Code handoffs",
-                badgeIcon: "⚡",
-            },
-            {
-                badgeText: "GitHub-native",
-                badgeDescription: "Repo + CI aware",
-                badgeIcon: "🔌",
-            },
-            {
-                badgeText: "Review gates ready",
-                badgeDescription: "Approval posture",
-                badgeIcon: "🔒",
-            },
-            {
-                badgeText: "Full change trail",
-                badgeDescription: "Reads + edits + reviews",
-                badgeIcon: "🧾",
-            },
-        ]} section={{
-            className: "border-y border-[var(--section-border)] bg-[var(--section-bg)] py-10",
-        }} container={{ className: "max-w-7xl mx-auto px-6 md:px-8 lg:px-12" }} header={{ className: "mb-10 text-center" }} heading={{
-            className: "font-outfit text-2xl font-semibold text-[var(--heading-fg)] md:text-3xl",
-        }} badgesContainer={{
-            className: "flex flex-wrap items-center justify-center gap-8 md:gap-12",
-        }} badge={{
-            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)]",
-        }} badgeContent={{ className: "flex flex-col items-center gap-3" }} icon={{ className: "text-3xl" }} description={{
-            className: "text-sm font-inter text-[var(--card-muted-fg)]",
-        }} text={{
-            className: "font-inter text-base font-semibold text-[var(--card-title-fg)]",
-        }} layout="horizontal" ariaLabel="AI coding agent trust badges"/>);
-}

package/dist/templates/aiworkflow/themes/default.d.ts

@@ -1,7 +0,0 @@
-import React from "react";
-type Props = React.PropsWithChildren<{
-    className?: string;
-}>;
-export declare function PresetThemeVars({ className, children }: Props): React.JSX.Element;
-export {};
-//# sourceMappingURL=default.d.ts.map

package/dist/templates/aiworkflow/themes/default.d.ts.map

@@ -1 +0,0 @@
-{"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

@@ -1,9 +0,0 @@
-// AUTO-GENERATED from cli/kits/blocks by scripts/sync-kit-to-packages.mjs
-// Do not edit this file directly. Edit the kit source instead.
-import React from "react";
-import { cn } from "@nextworks/blocks-core";
-export function PresetThemeVars({ className, children }) {
-    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)}>
-      {children}
-    </div>);
-}