@vadimcomanescu/nadicode-design-system 2.0.9 → 4.0.1

package/dist/chunk-K4U67BVG.js

@@ -0,0 +1,175 @@
+import { MarketingShellPageKit } from './chunk-Z233ZQZE.js';
+import { TeamBlock } from './chunk-VBZQ4DBE.js';
+import { TestimonialsBlock } from './chunk-FV2G6SAF.js';
+import { ProcessFlowBlock } from './chunk-HZERHGBT.js';
+import { HeroBlock } from './chunk-GJ557DGH.js';
+import { FAQBlock } from './chunk-NEHCPO53.js';
+import { FeatureBlock } from './chunk-HJ3A2YNO.js';
+import { CallToActionBlock } from './chunk-GJPTPLCQ.js';
+import { cn } from './chunk-QYZT24TS.js';
+import React from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+var DEFAULT_SECTION_ORDER = [
+  "hero",
+  "features",
+  "process",
+  "team",
+  "testimonials",
+  "faq",
+  "cta"
+];
+var DEFAULTS_BY_VARIANT = {
+  "agency-home": {
+    hero: {
+      headline: "A service partner for design and engineering velocity.",
+      subheadline: "Launch polished digital experiences with a repeatable service system.",
+      primaryAction: { label: "Talk to sales" }
+    },
+    features: {
+      features: [
+        {
+          title: "Cross-functional squads",
+          description: "Design, engineering, and QA operating in one weekly cadence.",
+          icon: /* @__PURE__ */ jsx("span", { "aria-hidden": true, children: "\u25CF" }),
+          bullets: ["Shared backlog", "Contract-first delivery", "Continuous validation"],
+          buttonLabel: "Learn more"
+        }
+      ]
+    },
+    process: {
+      title: "Service process",
+      steps: [
+        { title: "Discover", description: "Map goals, constraints, and target outcomes." },
+        { title: "Build", description: "Ship slices weekly with measurable acceptance." },
+        { title: "Scale", description: "Expand coverage using reusable contracts and kits." }
+      ]
+    },
+    team: null,
+    testimonials: {},
+    faq: {},
+    cta: {
+      title: "Need an execution partner?",
+      description: "Book a planning session and get a route-level rollout plan.",
+      primaryAction: { label: "Book planning", href: "/contact" }
+    }
+  },
+  "digital-workers": {
+    hero: {
+      headline: "Digital workers for planning, delivery, and quality.",
+      subheadline: "Deploy role-based workers that execute work while humans stay in control.",
+      primaryAction: { label: "Request demo" }
+    },
+    features: {
+      features: [
+        {
+          title: "Role-specialized workers",
+          description: "Assign planner, coder, and QA workers per workflow.",
+          icon: /* @__PURE__ */ jsx("span", { "aria-hidden": true, children: "\u25CD" }),
+          bullets: ["Shared context", "Traceable decisions", "Approval checkpoints"],
+          buttonLabel: "Explore workers"
+        }
+      ]
+    },
+    process: {
+      title: "Delivery process",
+      steps: [
+        { title: "Select workers", description: "Pick the worker stack for each objective." },
+        { title: "Run supervised", description: "Review outputs before execution-critical actions." },
+        { title: "Promote safely", description: "Ship with tests and release gates enforced." }
+      ]
+    },
+    team: {
+      title: "Worker team"
+    },
+    testimonials: {},
+    faq: {},
+    cta: {
+      title: "Design your worker stack",
+      description: "Start with a pilot route and scale based on measured outcomes.",
+      primaryAction: { label: "Start pilot", href: "/contact" }
+    }
+  },
+  "service-detail": {
+    hero: {
+      headline: "A focused service track for your highest-impact route.",
+      subheadline: "Bring one route from concept to production with a contract-first approach.",
+      primaryAction: { label: "Request proposal" }
+    },
+    features: {
+      features: [
+        {
+          title: "Outcome-led scope",
+          description: "Every section is mapped to a measurable business outcome.",
+          icon: /* @__PURE__ */ jsx("span", { "aria-hidden": true, children: "\u25C9" }),
+          bullets: ["Delivery milestones", "Weekly demos", "Launch checklist"],
+          buttonLabel: "See deliverables"
+        }
+      ]
+    },
+    process: {
+      title: "Implementation steps",
+      steps: [
+        { title: "Audit", description: "Review current route structure and conversion friction." },
+        { title: "Design", description: "Define section contracts and interaction states." },
+        { title: "Implement", description: "Ship validated route kit with test coverage." }
+      ]
+    },
+    team: null,
+    testimonials: {},
+    faq: {},
+    cta: {
+      title: "Need this service for your route?",
+      description: "Share your current page and goals, we will map a rollout plan.",
+      primaryAction: { label: "Contact team", href: "/contact" }
+    }
+  }
+};
+function normalizeSectionOrder(sectionOrder) {
+  if (!sectionOrder || sectionOrder.length === 0) {
+    return DEFAULT_SECTION_ORDER;
+  }
+  const seen = /* @__PURE__ */ new Set();
+  return sectionOrder.filter((sectionId) => {
+    if (seen.has(sectionId)) {
+      return false;
+    }
+    seen.add(sectionId);
+    return true;
+  });
+}
+function ServiceSuitePageKit({
+  shell,
+  variant = "agency-home",
+  sectionOrder,
+  hero,
+  features,
+  process,
+  team,
+  testimonials,
+  faq,
+  cta,
+  className
+}) {
+  const defaults = DEFAULTS_BY_VARIANT[variant];
+  const resolvedHero = hero ?? defaults.hero;
+  const resolvedFeatures = features === void 0 ? defaults.features : features;
+  const resolvedProcess = process === void 0 ? defaults.process : process;
+  const resolvedTeam = team === void 0 ? defaults.team : team;
+  const resolvedTestimonials = testimonials === void 0 ? defaults.testimonials : testimonials;
+  const resolvedFaq = faq === void 0 ? defaults.faq : faq;
+  const resolvedCta = cta === void 0 ? defaults.cta : cta;
+  const orderedSections = normalizeSectionOrder(sectionOrder);
+  const sectionById = {
+    hero: resolvedHero === null ? null : /* @__PURE__ */ jsx("section", { "data-testid": "service-section-hero", className: "mx-auto w-full max-w-6xl px-6", children: /* @__PURE__ */ jsx(HeroBlock, { variant: "split", ...resolvedHero }) }),
+    features: resolvedFeatures === null ? null : /* @__PURE__ */ jsx("section", { "data-testid": "service-section-features", className: "mx-auto w-full max-w-6xl px-6", children: /* @__PURE__ */ jsx(FeatureBlock, { variant: "list", ...resolvedFeatures }) }),
+    process: resolvedProcess === null ? null : /* @__PURE__ */ jsx("section", { "data-testid": "service-section-process", className: "mx-auto w-full max-w-6xl px-6", children: /* @__PURE__ */ jsx(ProcessFlowBlock, { ...resolvedProcess }) }),
+    team: resolvedTeam === null ? null : /* @__PURE__ */ jsx("section", { "data-testid": "service-section-team", className: "mx-auto w-full max-w-6xl px-6", children: /* @__PURE__ */ jsx(TeamBlock, { ...resolvedTeam }) }),
+    testimonials: resolvedTestimonials === null ? null : /* @__PURE__ */ jsx("section", { "data-testid": "service-section-testimonials", className: "mx-auto w-full max-w-6xl px-6", children: /* @__PURE__ */ jsx(TestimonialsBlock, { ...resolvedTestimonials }) }),
+    faq: resolvedFaq === null ? null : /* @__PURE__ */ jsx("section", { "data-testid": "service-section-faq", className: "mx-auto w-full max-w-6xl px-6", children: /* @__PURE__ */ jsx(FAQBlock, { ...resolvedFaq }) }),
+    cta: resolvedCta === null ? null : /* @__PURE__ */ jsx("section", { "data-testid": "service-section-cta", className: "mx-auto w-full max-w-6xl px-6 pb-16", children: /* @__PURE__ */ jsx(CallToActionBlock, { ...resolvedCta }) })
+  };
+  return /* @__PURE__ */ jsx(MarketingShellPageKit, { ...shell, children: /* @__PURE__ */ jsx("div", { className: cn("space-y-10 pb-10", className), children: orderedSections.map((sectionId) => /* @__PURE__ */ jsx(React.Fragment, { children: sectionById[sectionId] }, sectionId)) }) });
+}
+
+export { ServiceSuitePageKit };

package/dist/chunk-KNR3WB5C.js

@@ -0,0 +1,147 @@
+import { WorkflowGraph } from './chunk-VCCI3NRD.js';
+import { Typography } from './chunk-N53OMWW2.js';
+import { Heading } from './chunk-WI547C47.js';
+import { ContextMeter } from './chunk-S2WSXZ7Y.js';
+import { AgentMetricsCard } from './chunk-OCQB4IU7.js';
+import { AgentTeamPanel } from './chunk-J3QL5UQ7.js';
+import { cn } from './chunk-QYZT24TS.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var defaultAgents = [
+  {
+    id: "orchestrator",
+    name: "Orchestrator",
+    role: "planner",
+    status: "active",
+    model: "Claude Opus 4",
+    currentAction: "Coordinating the next tool run",
+    tokenCount: 24800,
+    cost: 0.124,
+    elapsedMs: 312e3,
+    stepsCompleted: 4,
+    stepsTotal: 7,
+    toolCalls: [
+      { name: "dispatch_task", status: "done" },
+      { name: "plan_next", status: "running" }
+    ]
+  },
+  {
+    id: "coder",
+    name: "Coder",
+    role: "developer",
+    status: "active",
+    model: "Claude Sonnet 4",
+    currentAction: "Editing workflow graph routing",
+    tokenCount: 12450,
+    cost: 0.042,
+    elapsedMs: 154e3,
+    stepsCompleted: 3,
+    stepsTotal: 7,
+    toolCalls: [
+      { name: "search_web", status: "done" },
+      { name: "edit_file", status: "running" }
+    ]
+  },
+  {
+    id: "reviewer",
+    name: "Reviewer",
+    role: "qa",
+    status: "idle"
+  }
+];
+var defaultMetrics = [
+  { label: "Active Agents", value: 2, trend: "flat" },
+  { label: "Tool Calls", value: 12, trend: "up" },
+  { label: "Latency", value: "1.2", unit: "s", trend: "down" },
+  { label: "Cost", value: "$0.18", trend: "down" }
+];
+var defaultContext = {
+  used: 85e3,
+  total: 128e3,
+  breakdown: { system: 15, user: 35, assistant: 50 }
+};
+var defaultWorkflow = {
+  title: "Execution graph",
+  nodes: [
+    { id: "plan", label: "Planner", status: "done", type: "llm", duration: 2500 },
+    { id: "search", label: "Web Search", status: "done", type: "tool", duration: 1200 },
+    { id: "code", label: "Coder", status: "active", type: "llm" },
+    { id: "review", label: "Guardrail", status: "pending", type: "conditional" },
+    { id: "deploy", label: "Operator", status: "pending", type: "human" }
+  ],
+  edges: [
+    { from: "plan", to: "search", label: "queries" },
+    { from: "plan", to: "code" },
+    { from: "search", to: "code", label: "context" },
+    { from: "code", to: "review" },
+    { from: "review", to: "deploy", label: "approved" }
+  ]
+};
+function AgentRunOverviewBlock({
+  className,
+  title = "Runtime overview",
+  description = "A compact operator view of team health, context pressure, and workflow state.",
+  teamTitle = "Team",
+  metricsTitle = "Run metrics",
+  contextTitle = "Context window",
+  workflow = defaultWorkflow,
+  agents = defaultAgents,
+  metrics = defaultMetrics,
+  context = defaultContext,
+  ref,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    "section",
+    {
+      ref,
+      className: cn("space-y-4", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsx(Heading, { level: 2, size: "section", children: title }),
+          /* @__PURE__ */ jsx(Typography, { variant: "muted", children: description })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "grid gap-4 xl:grid-cols-[320px_minmax(0,1fr)]", children: [
+          /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+            /* @__PURE__ */ jsxs("div", { className: "surface-solid rounded-lg p-4", children: [
+              /* @__PURE__ */ jsx(Heading, { level: 4, size: "title", className: "mb-4", children: teamTitle }),
+              /* @__PURE__ */ jsx(AgentTeamPanel, { agents })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "surface-solid rounded-lg p-4", children: [
+              /* @__PURE__ */ jsxs("div", { className: "mb-4 flex items-center justify-between gap-2", children: [
+                /* @__PURE__ */ jsx(Heading, { level: 4, size: "title", children: contextTitle }),
+                /* @__PURE__ */ jsxs("span", { className: "text-xs text-text-tertiary", children: [
+                  context.used.toLocaleString(),
+                  " / ",
+                  context.total.toLocaleString()
+                ] })
+              ] }),
+              /* @__PURE__ */ jsx(
+                ContextMeter,
+                {
+                  used: context.used,
+                  total: context.total,
+                  breakdown: context.breakdown,
+                  size: "expanded"
+                }
+              )
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+            /* @__PURE__ */ jsxs("div", { className: "surface-solid rounded-lg p-4", children: [
+              /* @__PURE__ */ jsx(Heading, { level: 4, size: "title", className: "mb-4", children: metricsTitle }),
+              /* @__PURE__ */ jsx(AgentMetricsCard, { metrics })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "surface-solid rounded-lg p-4", children: [
+              /* @__PURE__ */ jsx(Heading, { level: 4, size: "title", className: "mb-4", children: workflow.title ?? defaultWorkflow.title }),
+              /* @__PURE__ */ jsx(WorkflowGraph, { nodes: workflow.nodes, edges: workflow.edges })
+            ] })
+          ] })
+        ] })
+      ]
+    }
+  );
+}
+
+export { AgentRunOverviewBlock };

package/dist/chunk-KQ7ZC6EM.js

@@ -0,0 +1,66 @@
+import { Typography } from './chunk-N53OMWW2.js';
+import { Progress } from './chunk-JWQXBRE7.js';
+import { Checkbox } from './chunk-756Q7AC5.js';
+import { Card, CardHeader, CardTitle, CardContent } from './chunk-AH6YSYYT.js';
+import { CheckIcon } from './chunk-CXACRCZ4.js';
+import { cn } from './chunk-QYZT24TS.js';
+import * as React from 'react';
+import { useTranslations } from 'next-intl';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var defaultSteps = [
+  { id: "account", title: "Create your account", description: "Sign up and verify your email address.", completed: true },
+  { id: "profile", title: "Complete your profile", description: "Add your name, avatar, and bio.", completed: true },
+  { id: "team", title: "Invite your team", description: "Add collaborators to your workspace.", completed: false },
+  { id: "project", title: "Create first project", description: "Set up your first design system project.", completed: false },
+  { id: "deploy", title: "Deploy to production", description: "Publish your component library.", completed: false }
+];
+function OnboardingBlock({
+  steps = defaultSteps,
+  title = "Getting started",
+  onToggle,
+  className
+}) {
+  const t = useTranslations("blocks.onboardingBlock");
+  const completedCount = React.useMemo(() => steps.filter((s) => s.completed).length, [steps]);
+  const progressPercent = steps.length > 0 ? Math.round(completedCount / steps.length * 100) : 0;
+  return /* @__PURE__ */ jsxs(Card, { className: cn("w-full max-w-lg", className), children: [
+    /* @__PURE__ */ jsxs(CardHeader, { children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+        /* @__PURE__ */ jsx(CardTitle, { className: "text-text-primary", children: title }),
+        /* @__PURE__ */ jsxs(Typography, { variant: "small", className: "text-text-tertiary tabular-nums", children: [
+          completedCount,
+          "/",
+          steps.length
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx(Progress, { value: progressPercent, "aria-label": t("onboardingProgress"), className: "mt-4" })
+    ] }),
+    /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsx("ul", { className: "space-y-4", children: steps.map((step) => /* @__PURE__ */ jsxs("li", { className: "flex items-start gap-4", children: [
+      /* @__PURE__ */ jsx("div", { className: "pt-0.5", children: step.completed ? /* @__PURE__ */ jsx("div", { className: "flex h-5 w-5 items-center justify-center rounded-full bg-success text-success-foreground", children: /* @__PURE__ */ jsx(CheckIcon, { size: 12 }) }) : /* @__PURE__ */ jsx(
+        Checkbox,
+        {
+          checked: step.completed,
+          onCheckedChange: (checked) => onToggle?.(step.id, checked === true),
+          "aria-label": step.title
+        }
+      ) }),
+      /* @__PURE__ */ jsxs("div", { className: "flex-1", children: [
+        /* @__PURE__ */ jsx(
+          Typography,
+          {
+            variant: "small",
+            className: cn(
+              "font-medium",
+              step.completed ? "text-text-tertiary line-through" : "text-text-primary"
+            ),
+            children: step.title
+          }
+        ),
+        /* @__PURE__ */ jsx(Typography, { variant: "muted", className: "text-xs", children: step.description })
+      ] })
+    ] }, step.id)) }) })
+  ] });
+}
+
+export { OnboardingBlock };

package/dist/chunk-LGW7FVG5.js

@@ -0,0 +1,83 @@
+import { MarketingShellPageKit } from './chunk-Z233ZQZE.js';
+import { Typography } from './chunk-N53OMWW2.js';
+import { FieldSet, Field, FieldLabel, FieldDescription } from './chunk-RX5EUODB.js';
+import { Input } from './chunk-AP3XXYAY.js';
+import { Card, CardHeader, CardTitle, CardContent } from './chunk-AH6YSYYT.js';
+import { Alert, AlertTitle, AlertDescription } from './chunk-GJUR6HT3.js';
+import { Button } from './chunk-7KIDDF3I.js';
+import { cn } from './chunk-QYZT24TS.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+function CheckoutPageKit({
+  shell,
+  state = "default",
+  summary,
+  billingFields,
+  onBillingFieldChange,
+  onSubmit,
+  onRetry,
+  onContinue,
+  errorMessage,
+  successMessage = "Payment successful. Your subscription is now active.",
+  processingMessage = "Processing payment confirmation...",
+  className
+}) {
+  const isBusy = state === "submitting" || state === "processing";
+  return /* @__PURE__ */ jsx(MarketingShellPageKit, { ...shell, children: /* @__PURE__ */ jsxs("section", { className: cn("mx-auto grid w-full max-w-6xl gap-6 px-6 pb-16 lg:grid-cols-[minmax(0,1.1fr)_420px]", className), children: [
+    /* @__PURE__ */ jsxs(Card, { children: [
+      /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { children: "Checkout" }) }),
+      /* @__PURE__ */ jsxs(CardContent, { className: "space-y-4", children: [
+        /* @__PURE__ */ jsx(Typography, { variant: "small", className: "text-text-secondary", children: "Complete billing details and confirm payment with app-owned checkout orchestration." }),
+        state === "processing" ? /* @__PURE__ */ jsxs(Alert, { children: [
+          /* @__PURE__ */ jsx(AlertTitle, { children: "Processing" }),
+          /* @__PURE__ */ jsx(AlertDescription, { children: processingMessage })
+        ] }) : null,
+        state === "error" ? /* @__PURE__ */ jsxs(Alert, { variant: "destructive", children: [
+          /* @__PURE__ */ jsx(AlertTitle, { children: "Payment failed" }),
+          /* @__PURE__ */ jsx(AlertDescription, { children: errorMessage ?? "Payment failed. Review billing details and retry." })
+        ] }) : null,
+        state === "success" ? /* @__PURE__ */ jsxs(Alert, { children: [
+          /* @__PURE__ */ jsx(AlertTitle, { children: "Payment complete" }),
+          /* @__PURE__ */ jsx(AlertDescription, { children: successMessage })
+        ] }) : null,
+        /* @__PURE__ */ jsx(FieldSet, { children: billingFields.map((field) => /* @__PURE__ */ jsxs(Field, { children: [
+          /* @__PURE__ */ jsxs(FieldLabel, { htmlFor: field.id, children: [
+            field.label,
+            field.required ? /* @__PURE__ */ jsx("span", { className: "ml-1 text-destructive", children: "*" }) : null
+          ] }),
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              id: field.id,
+              name: field.id,
+              type: field.type ?? "text",
+              value: field.value,
+              placeholder: field.placeholder,
+              required: field.required,
+              disabled: isBusy || state === "success",
+              onChange: (event) => onBillingFieldChange?.(field.id, event.target.value)
+            }
+          ),
+          field.description ? /* @__PURE__ */ jsx(FieldDescription, { children: field.description }) : null
+        ] }, field.id)) }),
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap justify-end gap-2", children: [
+          state === "error" ? /* @__PURE__ */ jsx(Button, { type: "button", onClick: onRetry, children: "Retry payment" }) : null,
+          state === "success" ? /* @__PURE__ */ jsx(Button, { type: "button", onClick: onContinue, children: "Continue" }) : null,
+          state !== "error" && state !== "success" ? /* @__PURE__ */ jsx(Button, { type: "button", disabled: isBusy, onClick: onSubmit, children: isBusy ? "Submitting..." : "Submit payment" }) : null
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs(Card, { children: [
+      /* @__PURE__ */ jsxs(CardHeader, { children: [
+        /* @__PURE__ */ jsx(CardTitle, { children: summary.title }),
+        /* @__PURE__ */ jsx(Typography, { variant: "small", className: "text-text-secondary", children: summary.amountLabel })
+      ] }),
+      /* @__PURE__ */ jsx(CardContent, { className: "space-y-3", children: summary.lineItems.map((lineItem) => /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2 text-sm", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-text-secondary", children: lineItem.label }),
+        /* @__PURE__ */ jsx("span", { className: "font-medium text-text-primary", children: lineItem.value })
+      ] }, lineItem.id)) })
+    ] })
+  ] }) });
+}
+
+export { CheckoutPageKit };

package/dist/chunk-LK2L3C7D.js

@@ -0,0 +1,72 @@
+import { MarketingShellPageKit } from './chunk-Z233ZQZE.js';
+import { SocialProofBlock } from './chunk-C7WHMSF3.js';
+import { StatsMarketingBlock } from './chunk-QIHA7S3A.js';
+import { NewsletterBlock } from './chunk-K7NQ6ZAW.js';
+import { PricingBlock } from './chunk-VNNAL4A6.js';
+import { HeroBlock } from './chunk-GJ557DGH.js';
+import { FAQBlock } from './chunk-NEHCPO53.js';
+import { FeatureBlock } from './chunk-HJ3A2YNO.js';
+import { CallToActionBlock } from './chunk-GJPTPLCQ.js';
+import { cn } from './chunk-QYZT24TS.js';
+import React from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var DEFAULT_SECTION_ORDER = [
+  "hero",
+  "features",
+  "proof",
+  "pricing-teaser",
+  "faq",
+  "cta",
+  "newsletter"
+];
+var DEFAULT_FEATURES = {};
+var DEFAULT_PROOF = {};
+var DEFAULT_PRICING_TEASER = {};
+var DEFAULT_FAQ = {};
+var DEFAULT_CTA = {};
+var DEFAULT_NEWSLETTER = {};
+function normalizeSectionOrder(sectionOrder) {
+  if (!sectionOrder || sectionOrder.length === 0) {
+    return DEFAULT_SECTION_ORDER;
+  }
+  const seen = /* @__PURE__ */ new Set();
+  return sectionOrder.filter((section) => {
+    if (seen.has(section)) {
+      return false;
+    }
+    seen.add(section);
+    return true;
+  });
+}
+function LandingPageKit({
+  shell,
+  sectionOrder,
+  hero,
+  features = DEFAULT_FEATURES,
+  proof = DEFAULT_PROOF,
+  pricingTeaser = DEFAULT_PRICING_TEASER,
+  faq = DEFAULT_FAQ,
+  cta = DEFAULT_CTA,
+  newsletter = DEFAULT_NEWSLETTER,
+  className
+}) {
+  const orderedSections = normalizeSectionOrder(sectionOrder);
+  const hasProof = proof !== null && (proof.logos !== null || proof.testimonials !== null || proof.stats !== null);
+  const sectionById = {
+    hero: hero === null ? null : /* @__PURE__ */ jsx("section", { "data-testid": "landing-section-hero", className: "mx-auto w-full max-w-6xl px-6 pt-4", children: /* @__PURE__ */ jsx(HeroBlock, { ...hero }) }),
+    features: features === null ? null : /* @__PURE__ */ jsx("section", { "data-testid": "landing-section-features", className: "mx-auto w-full max-w-6xl px-6", children: /* @__PURE__ */ jsx(FeatureBlock, { ...features }) }),
+    proof: !hasProof ? null : /* @__PURE__ */ jsxs("section", { "data-testid": "landing-section-proof", className: "mx-auto grid w-full max-w-6xl gap-6 px-6 lg:grid-cols-2", children: [
+      proof.logos !== null ? /* @__PURE__ */ jsx(SocialProofBlock, { variant: "logo-cloud", ...proof.logos }) : null,
+      proof.stats !== null ? /* @__PURE__ */ jsx(StatsMarketingBlock, { ...proof.stats }) : null,
+      proof.testimonials !== null ? /* @__PURE__ */ jsx("div", { className: "lg:col-span-2", children: /* @__PURE__ */ jsx(SocialProofBlock, { variant: "testimonials", ...proof.testimonials }) }) : null
+    ] }),
+    "pricing-teaser": pricingTeaser === null ? null : /* @__PURE__ */ jsx("section", { "data-testid": "landing-section-pricing-teaser", className: "mx-auto w-full max-w-6xl px-6", children: /* @__PURE__ */ jsx(PricingBlock, { showBillingToggle: false, ...pricingTeaser }) }),
+    faq: faq === null ? null : /* @__PURE__ */ jsx("section", { "data-testid": "landing-section-faq", className: "mx-auto w-full max-w-6xl px-6", children: /* @__PURE__ */ jsx(FAQBlock, { ...faq }) }),
+    cta: cta === null ? null : /* @__PURE__ */ jsx("section", { "data-testid": "landing-section-cta", className: "mx-auto w-full max-w-6xl px-6", children: /* @__PURE__ */ jsx(CallToActionBlock, { ...cta }) }),
+    newsletter: newsletter === null ? null : /* @__PURE__ */ jsx("section", { "data-testid": "landing-section-newsletter", className: "mx-auto w-full max-w-6xl px-6 pb-16", children: /* @__PURE__ */ jsx(NewsletterBlock, { ...newsletter }) })
+  };
+  return /* @__PURE__ */ jsx(MarketingShellPageKit, { ...shell, children: /* @__PURE__ */ jsx("div", { className: cn("space-y-10 pb-10", className), children: orderedSections.map((sectionId) => /* @__PURE__ */ jsx(React.Fragment, { children: sectionById[sectionId] }, sectionId)) }) });
+}
+
+export { LandingPageKit };

package/dist/chunk-LP6ZZYOQ.js

@@ -0,0 +1,36 @@
+import { ResetPasswordBlock } from './chunk-X6VXWEDO.js';
+import { cn } from './chunk-QYZT24TS.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+function ResetPageKit({
+  onSubmit,
+  onBackToLogin,
+  title,
+  description,
+  errorMessage,
+  className,
+  cardClassName
+}) {
+  return /* @__PURE__ */ jsx("section", { className: cn("min-h-dvh w-full bg-background px-4 py-12 md:px-8 md:py-20", className), children: /* @__PURE__ */ jsxs("div", { className: "mx-auto flex w-full max-w-5xl flex-col items-center justify-center gap-4", children: [
+    errorMessage ? /* @__PURE__ */ jsx(
+      "div",
+      {
+        role: "alert",
+        className: "w-full max-w-sm rounded-md border border-destructive/40 bg-destructive/10 px-4 py-3 text-sm text-destructive",
+        children: errorMessage
+      }
+    ) : null,
+    /* @__PURE__ */ jsx(
+      ResetPasswordBlock,
+      {
+        className: cn("w-full", cardClassName),
+        onSubmit,
+        onBackToLogin,
+        title,
+        description
+      }
+    )
+  ] }) });
+}
+
+export { ResetPageKit };

package/dist/chunk-LV4P7WVM.js

@@ -0,0 +1,54 @@
+import { BarChart } from './chunk-UWHKZX4Y.js';
+import { ScrollFadeIn } from './chunk-I23DDSU7.js';
+import { Card, CardHeader, CardTitle, CardDescription, CardContent } from './chunk-AH6YSYYT.js';
+import { SmartphoneIcon } from './chunk-HNY45VUQ.js';
+import { MonitorIcon } from './chunk-R5XP45PD.js';
+import { cn } from './chunk-QYZT24TS.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var defaultData = [
+  { month: "January", desktop: 186, mobile: 80 },
+  { month: "February", desktop: 305, mobile: 200 },
+  { month: "March", desktop: 237, mobile: 120 },
+  { month: "April", desktop: 73, mobile: 190 },
+  { month: "May", desktop: 209, mobile: 130 },
+  { month: "June", desktop: 214, mobile: 140 }
+];
+var defaultConfig = {
+  desktop: {
+    label: "Desktop",
+    color: "rgb(var(--chart-1))",
+    icon: ({ ...props }) => /* @__PURE__ */ jsx(MonitorIcon, { size: 16, ...props })
+  },
+  mobile: {
+    label: "Mobile",
+    color: "rgb(var(--chart-2))",
+    icon: ({ ...props }) => /* @__PURE__ */ jsx(SmartphoneIcon, { size: 16, ...props })
+  }
+};
+function ChartBlock({
+  data = defaultData,
+  config = defaultConfig,
+  title = "Analytics",
+  description = "January - June 2024",
+  className
+}) {
+  return /* @__PURE__ */ jsx(ScrollFadeIn, { children: /* @__PURE__ */ jsxs(Card, { className: cn(className), children: [
+    /* @__PURE__ */ jsxs(CardHeader, { children: [
+      /* @__PURE__ */ jsx(CardTitle, { children: title }),
+      /* @__PURE__ */ jsx(CardDescription, { children: description })
+    ] }),
+    /* @__PURE__ */ jsx(CardContent, { children: data.length > 0 && /* @__PURE__ */ jsx(
+      BarChart,
+      {
+        data,
+        config,
+        indexKey: "month",
+        bars: ["desktop", "mobile"],
+        className: "min-h-[200px] w-full"
+      }
+    ) })
+  ] }) });
+}
+
+export { ChartBlock };