@vadimcomanescu/nadicode-design-system 2.0.6 → 2.0.8

package/dist/components/page-kits/BlogContentPageKit.d.ts

@@ -0,0 +1,64 @@
+import React from "react";
+import { ChangelogBlock } from "../blocks/ChangelogBlock";
+import { NewsletterBlock } from "../blocks/NewsletterBlock";
+import { type MarketingShellPageKitProps } from "./MarketingShellPageKit";
+export type BlogContentPageKitState = "loading" | "has-data" | "filtered" | "paginated" | "empty";
+export type BlogContentPageKitVariant = "content-index" | "content-detail" | "changelog";
+export interface BlogContentPageKitCategory {
+    id: string;
+    label: string;
+    count?: number;
+}
+export interface BlogContentPageKitArticle {
+    id: string;
+    title: string;
+    excerpt: string;
+    category: string;
+    authorName: string;
+    authorFallback?: string;
+    readTimeLabel?: string;
+    publishedAt: string;
+    onOpen?: () => void;
+}
+export interface BlogContentPageKitCodeExample {
+    id: string;
+    filename?: string;
+    language?: string;
+    code: string;
+}
+export interface BlogContentPageKitDetail {
+    title: string;
+    excerpt?: string;
+    authorName: string;
+    authorFallback?: string;
+    publishedAt: string;
+    readTimeLabel?: string;
+    content: React.ReactNode;
+    codeExamples?: BlogContentPageKitCodeExample[];
+}
+export interface BlogContentPageKitPagination {
+    page: number;
+    totalPages: number;
+    onPageChange: (nextPage: number) => void;
+}
+export interface BlogContentPageKitEmptyState {
+    title: string;
+    description: string;
+}
+export interface BlogContentPageKitProps {
+    shell: Omit<MarketingShellPageKitProps, "children">;
+    state?: BlogContentPageKitState;
+    variant?: BlogContentPageKitVariant;
+    categories?: BlogContentPageKitCategory[];
+    activeCategoryId?: string | null;
+    onCategoryChange?: (categoryId: string | null) => void;
+    articles?: BlogContentPageKitArticle[];
+    detail?: BlogContentPageKitDetail;
+    changelog?: React.ComponentProps<typeof ChangelogBlock> | null;
+    pagination?: BlogContentPageKitPagination;
+    newsletter?: React.ComponentProps<typeof NewsletterBlock> | null;
+    loadingMessage?: string;
+    emptyState?: BlogContentPageKitEmptyState;
+    className?: string;
+}
+export declare function BlogContentPageKit({ shell, state, variant, categories, activeCategoryId, onCategoryChange, articles, detail, changelog, pagination, newsletter, loadingMessage, emptyState, className, }: BlogContentPageKitProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/page-kits/BlogContentPageKit.js

@@ -0,0 +1,296 @@
+import { MarketingShellPageKit } from '../../chunk-Z233ZQZE.js';
+import { NewsletterBlock } from '../../chunk-K7NQ6ZAW.js';
+import '../../chunk-DARC2ACH.js';
+import '../../chunk-WOYBVPXK.js';
+import '../../chunk-AYWL4IYM.js';
+import { ChangelogBlock } from '../../chunk-VEO56RH4.js';
+import { CodeBlock } from '../../chunk-XTASI4IY.js';
+import '../../chunk-MDAYDDTC.js';
+import { Typography } from '../../chunk-N53OMWW2.js';
+import '../../chunk-DQPK2XRL.js';
+import '../../chunk-HOWTYZL5.js';
+import '../../chunk-ZLSWCV55.js';
+import '../../chunk-GHIBG7OM.js';
+import { Heading } from '../../chunk-WI547C47.js';
+import '../../chunk-A7NUWD76.js';
+import '../../chunk-CUZJIDU7.js';
+import '../../chunk-AP3XXYAY.js';
+import '../../chunk-LIBXYD5Q.js';
+import '../../chunk-I23DDSU7.js';
+import { Card, CardHeader, CardTitle, CardContent } from '../../chunk-AH6YSYYT.js';
+import { Avatar, AvatarFallback } from '../../chunk-NAAU5IWU.js';
+import { Button } from '../../chunk-7KIDDF3I.js';
+import '../../chunk-6FOHUNXR.js';
+import '../../chunk-PD2YEH3H.js';
+import '../../chunk-CRY67BIF.js';
+import '../../chunk-HJC6U46F.js';
+import '../../chunk-GO35FTNJ.js';
+import '../../chunk-WUO7OONN.js';
+import '../../chunk-FLF5AMNO.js';
+import '../../chunk-3CLXYQKB.js';
+import '../../chunk-S4GKGKON.js';
+import '../../chunk-LCDDAE7J.js';
+import '../../chunk-R674XI7C.js';
+import '../../chunk-HNY45VUQ.js';
+import '../../chunk-BPCCTJSK.js';
+import '../../chunk-CGUCH322.js';
+import '../../chunk-ELKIUARM.js';
+import '../../chunk-KSHJQ2VT.js';
+import '../../chunk-GAKU7DFY.js';
+import '../../chunk-T6BRD7TS.js';
+import '../../chunk-TXGANOAX.js';
+import '../../chunk-OITJWGFV.js';
+import '../../chunk-Z74D6D2W.js';
+import '../../chunk-7WDT2PRI.js';
+import '../../chunk-IJJI4RQU.js';
+import '../../chunk-E7RBK6ML.js';
+import '../../chunk-UBIGDGOP.js';
+import '../../chunk-ALMGJVMT.js';
+import '../../chunk-QPXTBZWN.js';
+import '../../chunk-4NXZIMYZ.js';
+import '../../chunk-R5XP45PD.js';
+import '../../chunk-G5EO5FWC.js';
+import '../../chunk-NCULQXJE.js';
+import '../../chunk-VDYPDMYR.js';
+import '../../chunk-WDGIQDQG.js';
+import '../../chunk-RYOTIXZO.js';
+import '../../chunk-JZ4G2SJH.js';
+import '../../chunk-KYGKJ553.js';
+import '../../chunk-M7YSMMAC.js';
+import '../../chunk-XQ2UDMPO.js';
+import '../../chunk-JMCSAGZ3.js';
+import '../../chunk-QUKDUSHD.js';
+import '../../chunk-O74AEVHW.js';
+import '../../chunk-ZUHIWALK.js';
+import '../../chunk-2IZC7HSV.js';
+import '../../chunk-2SDZMTB2.js';
+import '../../chunk-IQEBXXB5.js';
+import '../../chunk-AZUJNRQU.js';
+import '../../chunk-W3B3UOEG.js';
+import '../../chunk-ACRVOD7W.js';
+import '../../chunk-QSU23VYZ.js';
+import '../../chunk-BJYCQ2NV.js';
+import '../../chunk-VM462WZC.js';
+import '../../chunk-5UZDOF6V.js';
+import '../../chunk-PKVTEDKO.js';
+import '../../chunk-I3TH7PIB.js';
+import '../../chunk-WGPK3FQ7.js';
+import '../../chunk-JL4MVVFH.js';
+import '../../chunk-4FEAWXJD.js';
+import '../../chunk-JHQTKMKG.js';
+import '../../chunk-WA45EC4Y.js';
+import '../../chunk-2MOEOEOI.js';
+import '../../chunk-5LCXASRW.js';
+import '../../chunk-2ZJVU7NV.js';
+import '../../chunk-5ESF6N36.js';
+import '../../chunk-RBPLOM3A.js';
+import '../../chunk-6BAV4TZ5.js';
+import '../../chunk-SW6QPJM4.js';
+import '../../chunk-2NT57K4U.js';
+import '../../chunk-JRJGSNI4.js';
+import '../../chunk-RF6ECFS5.js';
+import '../../chunk-KYZT3RNW.js';
+import '../../chunk-UEG2LI7Z.js';
+import '../../chunk-CI7GPGCJ.js';
+import '../../chunk-226EBOTK.js';
+import '../../chunk-74RKVIBV.js';
+import '../../chunk-V6WNRZT3.js';
+import '../../chunk-JBK2LA6U.js';
+import '../../chunk-55U27XY4.js';
+import '../../chunk-LSPO6OBI.js';
+import '../../chunk-Y56WBNCY.js';
+import '../../chunk-JJTQOH7J.js';
+import '../../chunk-72X6SXOX.js';
+import '../../chunk-SR5U52V3.js';
+import '../../chunk-AWIJHDNK.js';
+import '../../chunk-MAUTIHQG.js';
+import '../../chunk-S733NAYS.js';
+import '../../chunk-666N6OTL.js';
+import '../../chunk-FMH55OKV.js';
+import '../../chunk-WXVNTJIB.js';
+import '../../chunk-T7H53CK2.js';
+import '../../chunk-TBKJ34BB.js';
+import '../../chunk-BRP6D56U.js';
+import '../../chunk-6G3RRWJT.js';
+import '../../chunk-ZU2GYVAP.js';
+import '../../chunk-CRZ2JE24.js';
+import '../../chunk-PSVQ7ZNX.js';
+import '../../chunk-WKRIKCJC.js';
+import '../../chunk-JHQ5NMLZ.js';
+import '../../chunk-WFJQ43SM.js';
+import '../../chunk-AP5Y5M3R.js';
+import '../../chunk-Q7LVUGFL.js';
+import '../../chunk-G5YLGJXR.js';
+import '../../chunk-G24VV5NO.js';
+import '../../chunk-R3AO6AZM.js';
+import '../../chunk-GCUTJI7M.js';
+import '../../chunk-CXACRCZ4.js';
+import '../../chunk-P6IRHPFM.js';
+import '../../chunk-SXHYB7JB.js';
+import '../../chunk-BFLN54VR.js';
+import '../../chunk-ONGJ7AC2.js';
+import '../../chunk-UHXGBV5N.js';
+import '../../chunk-UIUMTURU.js';
+import '../../chunk-PRUXIDBD.js';
+import '../../chunk-NURPUVUV.js';
+import { Badge } from '../../chunk-S4JAHKOP.js';
+import '../../chunk-TV4RSQH4.js';
+import '../../chunk-HJBXUXTD.js';
+import '../../chunk-ASKFAYYR.js';
+import { cn } from '../../chunk-QYZT24TS.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var EMPTY_CATEGORIES = [];
+var EMPTY_ARTICLES = [];
+var DEFAULT_CHANGELOG = {};
+var DEFAULT_NEWSLETTER = {};
+var DEFAULT_EMPTY_STATE = {
+  title: "No content available",
+  description: "Add content entries to populate this route."
+};
+function BlogContentPageKit({
+  shell,
+  state = "has-data",
+  variant = "content-index",
+  categories = EMPTY_CATEGORIES,
+  activeCategoryId = null,
+  onCategoryChange,
+  articles = EMPTY_ARTICLES,
+  detail,
+  changelog = DEFAULT_CHANGELOG,
+  pagination,
+  newsletter = DEFAULT_NEWSLETTER,
+  loadingMessage = "Loading content...",
+  emptyState = DEFAULT_EMPTY_STATE,
+  className
+}) {
+  const shouldRenderLoading = state === "loading";
+  const shouldRenderEmpty = state === "empty" || (state === "filtered" || state === "has-data" || state === "paginated") && variant === "content-index" && articles.length === 0;
+  let content = null;
+  if (shouldRenderLoading) {
+    content = /* @__PURE__ */ jsx("div", { role: "status", className: "rounded-md border border-border/70 bg-surface/70 px-4 py-3 text-sm text-text-secondary", children: loadingMessage });
+  } else if (variant === "changelog") {
+    content = changelog === null ? null : /* @__PURE__ */ jsx(ChangelogBlock, { ...changelog });
+  } else if (variant === "content-detail") {
+    content = detail ? /* @__PURE__ */ jsxs("article", { className: "space-y-6", children: [
+      /* @__PURE__ */ jsxs("header", { className: "space-y-4", children: [
+        /* @__PURE__ */ jsx(Heading, { level: 2, children: detail.title }),
+        detail.excerpt ? /* @__PURE__ */ jsx(Typography, { variant: "muted", children: detail.excerpt }) : null,
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-3 border-y border-border/70 py-3", children: [
+          /* @__PURE__ */ jsx(Avatar, { className: "h-9 w-9", children: /* @__PURE__ */ jsx(AvatarFallback, { children: detail.authorFallback ?? detail.authorName.slice(0, 2).toUpperCase() }) }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx(Typography, { variant: "small", className: "font-medium text-text-primary", children: detail.authorName }),
+            /* @__PURE__ */ jsxs(Typography, { variant: "small", className: "text-text-secondary", children: [
+              detail.publishedAt,
+              detail.readTimeLabel ? ` \xB7 ${detail.readTimeLabel}` : ""
+            ] })
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "space-y-6", children: detail.content }),
+      detail.codeExamples && detail.codeExamples.length > 0 ? /* @__PURE__ */ jsxs("section", { className: "space-y-4", children: [
+        /* @__PURE__ */ jsx(Heading, { level: 4, children: "Code examples" }),
+        detail.codeExamples.map((example) => /* @__PURE__ */ jsx(
+          CodeBlock,
+          {
+            filename: example.filename,
+            language: example.language,
+            code: example.code
+          },
+          example.id
+        ))
+      ] }) : null
+    ] }) : /* @__PURE__ */ jsxs(Card, { children: [
+      /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { children: emptyState.title }) }),
+      /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsx(Typography, { variant: "muted", children: emptyState.description }) })
+    ] });
+  } else {
+    content = /* @__PURE__ */ jsxs("div", { "data-testid": "blog-index-view", className: "space-y-6", children: [
+      categories.length > 0 ? /* @__PURE__ */ jsxs("div", { "data-testid": "blog-category-controls", className: "flex flex-wrap items-center gap-2", children: [
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            type: "button",
+            variant: activeCategoryId === null ? "primary" : "outline",
+            size: "sm",
+            onClick: () => onCategoryChange?.(null),
+            children: "All"
+          }
+        ),
+        categories.map((category) => /* @__PURE__ */ jsxs(
+          Button,
+          {
+            type: "button",
+            variant: activeCategoryId === category.id ? "primary" : "outline",
+            size: "sm",
+            onClick: () => onCategoryChange?.(category.id),
+            children: [
+              category.label,
+              typeof category.count === "number" ? ` (${category.count})` : ""
+            ]
+          },
+          category.id
+        ))
+      ] }) : null,
+      shouldRenderEmpty ? /* @__PURE__ */ jsxs(Card, { "data-testid": "blog-empty-state", children: [
+        /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { children: emptyState.title }) }),
+        /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsx(Typography, { variant: "muted", children: emptyState.description }) })
+      ] }) : /* @__PURE__ */ jsx("div", { className: "grid gap-4", children: articles.map((article) => /* @__PURE__ */ jsxs(Card, { children: [
+        /* @__PURE__ */ jsxs(CardHeader, { className: "space-y-3", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
+            /* @__PURE__ */ jsx(Badge, { variant: "outline", children: article.category }),
+            article.readTimeLabel ? /* @__PURE__ */ jsx(Typography, { variant: "small", className: "text-text-tertiary", children: article.readTimeLabel }) : null
+          ] }),
+          /* @__PURE__ */ jsx(CardTitle, { children: article.title }),
+          /* @__PURE__ */ jsx(Typography, { variant: "small", className: "text-text-secondary", children: article.excerpt })
+        ] }),
+        /* @__PURE__ */ jsxs(CardContent, { className: "flex flex-wrap items-center justify-between gap-3", children: [
+          /* @__PURE__ */ jsxs(Typography, { variant: "small", className: "text-text-secondary", children: [
+            article.authorName,
+            " \xB7 ",
+            article.publishedAt
+          ] }),
+          article.onOpen ? /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", size: "sm", onClick: article.onOpen, children: "Open" }) : null
+        ] })
+      ] }, article.id)) }),
+      pagination ? /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-3", children: [
+        /* @__PURE__ */ jsxs(Typography, { variant: "small", className: "text-text-secondary", children: [
+          "Page ",
+          pagination.page,
+          " of ",
+          pagination.totalPages
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              type: "button",
+              size: "sm",
+              variant: "outline",
+              disabled: pagination.page <= 1,
+              onClick: () => pagination.onPageChange(Math.max(1, pagination.page - 1)),
+              children: "Previous page"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              type: "button",
+              size: "sm",
+              variant: "outline",
+              disabled: pagination.page >= pagination.totalPages,
+              onClick: () => pagination.onPageChange(Math.min(pagination.totalPages, pagination.page + 1)),
+              children: "Next page"
+            }
+          )
+        ] })
+      ] }) : null
+    ] });
+  }
+  return /* @__PURE__ */ jsx(MarketingShellPageKit, { ...shell, children: /* @__PURE__ */ jsxs("section", { className: cn("mx-auto w-full max-w-5xl space-y-8 px-6 pb-16", className), children: [
+    content,
+    newsletter === null ? null : /* @__PURE__ */ jsx(NewsletterBlock, { ...newsletter })
+  ] }) });
+}
+
+export { BlogContentPageKit };

package/dist/components/page-kits/CheckoutPageKit.d.ts

@@ -0,0 +1,36 @@
+import { type MarketingShellPageKitProps } from "./MarketingShellPageKit";
+export type CheckoutPageKitState = "default" | "submitting" | "processing" | "error" | "success";
+export interface CheckoutPageKitSummaryLineItem {
+    id: string;
+    label: string;
+    value: string;
+}
+export interface CheckoutPageKitSummary {
+    title: string;
+    amountLabel: string;
+    lineItems: CheckoutPageKitSummaryLineItem[];
+}
+export interface CheckoutPageKitBillingField {
+    id: string;
+    label: string;
+    value: string;
+    placeholder?: string;
+    type?: "text" | "email" | "tel";
+    required?: boolean;
+    description?: string;
+}
+export interface CheckoutPageKitProps {
+    shell: Omit<MarketingShellPageKitProps, "children">;
+    state?: CheckoutPageKitState;
+    summary: CheckoutPageKitSummary;
+    billingFields: CheckoutPageKitBillingField[];
+    onBillingFieldChange?: (fieldId: string, value: string) => void;
+    onSubmit?: () => void;
+    onRetry?: () => void;
+    onContinue?: () => void;
+    errorMessage?: string;
+    successMessage?: string;
+    processingMessage?: string;
+    className?: string;
+}
+export declare function CheckoutPageKit({ shell, state, summary, billingFields, onBillingFieldChange, onSubmit, onRetry, onContinue, errorMessage, successMessage, processingMessage, className, }: CheckoutPageKitProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/page-kits/CheckoutPageKit.js

@@ -0,0 +1,209 @@
+import { MarketingShellPageKit } from '../../chunk-Z233ZQZE.js';
+import '../../chunk-WOYBVPXK.js';
+import '../../chunk-AYWL4IYM.js';
+import { Typography } from '../../chunk-N53OMWW2.js';
+import '../../chunk-DQPK2XRL.js';
+import '../../chunk-HOWTYZL5.js';
+import '../../chunk-GHIBG7OM.js';
+import '../../chunk-WI547C47.js';
+import { FieldSet, Field, FieldLabel, FieldDescription } from '../../chunk-RX5EUODB.js';
+import '../../chunk-A7NUWD76.js';
+import '../../chunk-CUZJIDU7.js';
+import { Input } from '../../chunk-AP3XXYAY.js';
+import '../../chunk-LIBXYD5Q.js';
+import '../../chunk-I23DDSU7.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 '../../chunk-6FOHUNXR.js';
+import '../../chunk-PD2YEH3H.js';
+import '../../chunk-CRY67BIF.js';
+import '../../chunk-HJC6U46F.js';
+import '../../chunk-GO35FTNJ.js';
+import '../../chunk-WUO7OONN.js';
+import '../../chunk-FLF5AMNO.js';
+import '../../chunk-3CLXYQKB.js';
+import '../../chunk-S4GKGKON.js';
+import '../../chunk-LCDDAE7J.js';
+import '../../chunk-R674XI7C.js';
+import '../../chunk-HNY45VUQ.js';
+import '../../chunk-BPCCTJSK.js';
+import '../../chunk-CGUCH322.js';
+import '../../chunk-ELKIUARM.js';
+import '../../chunk-KSHJQ2VT.js';
+import '../../chunk-GAKU7DFY.js';
+import '../../chunk-T6BRD7TS.js';
+import '../../chunk-TXGANOAX.js';
+import '../../chunk-OITJWGFV.js';
+import '../../chunk-Z74D6D2W.js';
+import '../../chunk-7WDT2PRI.js';
+import '../../chunk-IJJI4RQU.js';
+import '../../chunk-E7RBK6ML.js';
+import '../../chunk-UBIGDGOP.js';
+import '../../chunk-ALMGJVMT.js';
+import '../../chunk-QPXTBZWN.js';
+import '../../chunk-4NXZIMYZ.js';
+import '../../chunk-R5XP45PD.js';
+import '../../chunk-G5EO5FWC.js';
+import '../../chunk-NCULQXJE.js';
+import '../../chunk-VDYPDMYR.js';
+import '../../chunk-WDGIQDQG.js';
+import '../../chunk-RYOTIXZO.js';
+import '../../chunk-JZ4G2SJH.js';
+import '../../chunk-KYGKJ553.js';
+import '../../chunk-M7YSMMAC.js';
+import '../../chunk-XQ2UDMPO.js';
+import '../../chunk-JMCSAGZ3.js';
+import '../../chunk-QUKDUSHD.js';
+import '../../chunk-O74AEVHW.js';
+import '../../chunk-ZUHIWALK.js';
+import '../../chunk-2IZC7HSV.js';
+import '../../chunk-2SDZMTB2.js';
+import '../../chunk-IQEBXXB5.js';
+import '../../chunk-AZUJNRQU.js';
+import '../../chunk-W3B3UOEG.js';
+import '../../chunk-ACRVOD7W.js';
+import '../../chunk-QSU23VYZ.js';
+import '../../chunk-BJYCQ2NV.js';
+import '../../chunk-VM462WZC.js';
+import '../../chunk-5UZDOF6V.js';
+import '../../chunk-PKVTEDKO.js';
+import '../../chunk-I3TH7PIB.js';
+import '../../chunk-WGPK3FQ7.js';
+import '../../chunk-JL4MVVFH.js';
+import '../../chunk-4FEAWXJD.js';
+import '../../chunk-JHQTKMKG.js';
+import '../../chunk-WA45EC4Y.js';
+import '../../chunk-2MOEOEOI.js';
+import '../../chunk-5LCXASRW.js';
+import '../../chunk-2ZJVU7NV.js';
+import '../../chunk-5ESF6N36.js';
+import '../../chunk-RBPLOM3A.js';
+import '../../chunk-6BAV4TZ5.js';
+import '../../chunk-SW6QPJM4.js';
+import '../../chunk-2NT57K4U.js';
+import '../../chunk-JRJGSNI4.js';
+import '../../chunk-RF6ECFS5.js';
+import '../../chunk-KYZT3RNW.js';
+import '../../chunk-UEG2LI7Z.js';
+import '../../chunk-CI7GPGCJ.js';
+import '../../chunk-226EBOTK.js';
+import '../../chunk-74RKVIBV.js';
+import '../../chunk-V6WNRZT3.js';
+import '../../chunk-JBK2LA6U.js';
+import '../../chunk-55U27XY4.js';
+import '../../chunk-LSPO6OBI.js';
+import '../../chunk-Y56WBNCY.js';
+import '../../chunk-JJTQOH7J.js';
+import '../../chunk-72X6SXOX.js';
+import '../../chunk-SR5U52V3.js';
+import '../../chunk-AWIJHDNK.js';
+import '../../chunk-MAUTIHQG.js';
+import '../../chunk-S733NAYS.js';
+import '../../chunk-666N6OTL.js';
+import '../../chunk-FMH55OKV.js';
+import '../../chunk-WXVNTJIB.js';
+import '../../chunk-T7H53CK2.js';
+import '../../chunk-TBKJ34BB.js';
+import '../../chunk-BRP6D56U.js';
+import '../../chunk-6G3RRWJT.js';
+import '../../chunk-ZU2GYVAP.js';
+import '../../chunk-CRZ2JE24.js';
+import '../../chunk-PSVQ7ZNX.js';
+import '../../chunk-WKRIKCJC.js';
+import '../../chunk-JHQ5NMLZ.js';
+import '../../chunk-WFJQ43SM.js';
+import '../../chunk-AP5Y5M3R.js';
+import '../../chunk-Q7LVUGFL.js';
+import '../../chunk-G5YLGJXR.js';
+import '../../chunk-G24VV5NO.js';
+import '../../chunk-R3AO6AZM.js';
+import '../../chunk-GCUTJI7M.js';
+import '../../chunk-CXACRCZ4.js';
+import '../../chunk-P6IRHPFM.js';
+import '../../chunk-SXHYB7JB.js';
+import '../../chunk-BFLN54VR.js';
+import '../../chunk-ONGJ7AC2.js';
+import '../../chunk-UHXGBV5N.js';
+import '../../chunk-UIUMTURU.js';
+import '../../chunk-PRUXIDBD.js';
+import '../../chunk-NURPUVUV.js';
+import '../../chunk-TV4RSQH4.js';
+import '../../chunk-HJBXUXTD.js';
+import '../../chunk-ASKFAYYR.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/components/page-kits/CompanySuitePageKit.d.ts

@@ -0,0 +1,25 @@
+import React from "react";
+import { CallToActionBlock } from "../blocks/CallToActionBlock";
+import { ContactBlock } from "../blocks/ContactBlock";
+import { FAQBlock } from "../blocks/FAQBlock";
+import { TeamBlock } from "../blocks/TeamBlock";
+import { type MarketingShellPageKitProps } from "./MarketingShellPageKit";
+export type CompanySuitePageKitVariant = "company-about" | "company-contact";
+export type CompanySuitePageKitSectionId = "narrative" | "team" | "contact" | "faq" | "cta";
+export interface CompanySuitePageKitNarrative {
+    title: string;
+    description?: string;
+    content?: React.ReactNode;
+}
+export interface CompanySuitePageKitProps {
+    shell: Omit<MarketingShellPageKitProps, "children">;
+    variant?: CompanySuitePageKitVariant;
+    sectionOrder?: CompanySuitePageKitSectionId[];
+    narrative?: CompanySuitePageKitNarrative;
+    team?: React.ComponentProps<typeof TeamBlock> | null;
+    contact?: React.ComponentProps<typeof ContactBlock> | null;
+    faq?: React.ComponentProps<typeof FAQBlock> | null;
+    cta?: React.ComponentProps<typeof CallToActionBlock> | null;
+    className?: string;
+}
+export declare function CompanySuitePageKit({ shell, variant, sectionOrder, narrative, team, contact, faq, cta, className, }: CompanySuitePageKitProps): import("react/jsx-runtime").JSX.Element;