@vadimcomanescu/nadicode-design-system 2.0.9 → 4.0.0

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

@@ -1,23 +1,24 @@
-import { NavigationShellPageKit } from '../../chunk-ZKLB5N3Q.js';
-import { Typography } from '../../chunk-N53OMWW2.js';
+export { AnalyticsPageKit } from '../../chunk-CUDMDYKE.js';
+import '../../chunk-ZKLB5N3Q.js';
+import '../../chunk-N53OMWW2.js';
 import '../../chunk-J2DCQDXO.js';
 import '../../chunk-C4SNHMYC.js';
 import '../../chunk-B5QL76GA.js';
 import '../../chunk-HOWTYZL5.js';
-import { NativeSelect } from '../../chunk-UGV45DH3.js';
-import { Heading } from '../../chunk-WI547C47.js';
-import { Table, TableHeader, TableRow, TableHead, TableBody, TableCell } from '../../chunk-PXDHNGTG.js';
+import '../../chunk-UGV45DH3.js';
+import '../../chunk-WI547C47.js';
+import '../../chunk-PXDHNGTG.js';
 import '../../chunk-CUZJIDU7.js';
 import '../../chunk-AP3XXYAY.js';
 import '../../chunk-LIBXYD5Q.js';
-import { ChartCard } from '../../chunk-HJZRSPWB.js';
+import '../../chunk-HJZRSPWB.js';
 import '../../chunk-RASEB2XI.js';
-import { Empty, EmptyTitle, EmptyDescription } from '../../chunk-55HD4L6G.js';
+import '../../chunk-55HD4L6G.js';
 import '../../chunk-MJ4CB6ZL.js';
 import '../../chunk-35EX5FP5.js';
-import { Card, CardHeader, CardTitle, CardContent, CardDescription } from '../../chunk-AH6YSYYT.js';
+import '../../chunk-AH6YSYYT.js';
 import '../../chunk-NAAU5IWU.js';
-import { Button } from '../../chunk-7KIDDF3I.js';
+import '../../chunk-7KIDDF3I.js';
 import '../../chunk-6FOHUNXR.js';
 import '../../chunk-PD2YEH3H.js';
 import '../../chunk-CRY67BIF.js';
@@ -131,147 +132,8 @@ import '../../chunk-UHXGBV5N.js';
 import '../../chunk-UIUMTURU.js';
 import '../../chunk-PRUXIDBD.js';
 import '../../chunk-NURPUVUV.js';
-import { Badge } from '../../chunk-S4JAHKOP.js';
+import '../../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';
-
-function deriveState(state, data) {
-  if (state) {
-    return state;
-  }
-  if (!data || data.length === 0) {
-    return "empty";
-  }
-  return "has-data";
-}
-function renderGridRegion(region) {
-  const state = deriveState(region.state, region.rows);
-  const isFilteredState = state === "filtered";
-  const isPartialDataState = state === "partial-data";
-  if (state === "loading") {
-    return /* @__PURE__ */ jsxs(Card, { children: [
-      /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { children: region.title }) }),
-      /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsx(Typography, { variant: "small", className: "text-text-secondary", children: "Loading analytics table" }) })
-    ] }, region.id);
-  }
-  if (state === "error") {
-    return /* @__PURE__ */ jsxs(Card, { children: [
-      /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { children: region.title }) }),
-      /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsx(
-        "div",
-        {
-          role: "alert",
-          className: "rounded-md border border-destructive/40 bg-destructive/10 px-4 py-3 text-sm text-destructive",
-          children: region.errorMessage ?? "Analytics table is unavailable."
-        }
-      ) })
-    ] }, region.id);
-  }
-  if (state === "empty" || isFilteredState) {
-    return /* @__PURE__ */ jsxs(Card, { children: [
-      /* @__PURE__ */ jsxs(CardHeader, { children: [
-        /* @__PURE__ */ jsx(CardTitle, { children: region.title }),
-        region.description ? /* @__PURE__ */ jsx(CardDescription, { children: region.description }) : null
-      ] }),
-      /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsxs(Empty, { children: [
-        /* @__PURE__ */ jsx(EmptyTitle, { children: region.emptyTitle ?? (isFilteredState ? "No rows for selected filters" : "No matching rows") }),
-        /* @__PURE__ */ jsx(EmptyDescription, { children: region.emptyDescription ?? (isFilteredState ? "Broaden filters or date range to restore table results." : "Adjust filters or date range to load analytics records.") })
-      ] }) })
-    ] }, region.id);
-  }
-  return /* @__PURE__ */ jsxs(Card, { children: [
-    /* @__PURE__ */ jsxs(CardHeader, { children: [
-      /* @__PURE__ */ jsx(CardTitle, { children: region.title }),
-      region.description ? /* @__PURE__ */ jsx(CardDescription, { children: region.description }) : null
-    ] }),
-    /* @__PURE__ */ jsxs(CardContent, { children: [
-      isPartialDataState ? /* @__PURE__ */ jsx(Typography, { variant: "small", className: "mb-3 text-text-secondary", children: "Showing available rows while some analytics dimensions are still syncing." }) : null,
-      /* @__PURE__ */ jsx("div", { className: "overflow-x-auto", children: /* @__PURE__ */ jsxs(Table, { children: [
-        /* @__PURE__ */ jsx(TableHeader, { children: /* @__PURE__ */ jsx(TableRow, { children: region.columns.map((column) => /* @__PURE__ */ jsx(TableHead, { children: column }, `${region.id}-${column}`)) }) }),
-        /* @__PURE__ */ jsx(TableBody, { children: region.rows.map((row, rowIndex) => /* @__PURE__ */ jsx(TableRow, { children: region.columns.map((column) => /* @__PURE__ */ jsx(TableCell, { children: row[column] ?? "-" }, `${region.id}-row-${rowIndex}-${column}`)) }, `${region.id}-row-${rowIndex}`)) })
-      ] }) })
-    ] })
-  ] }, region.id);
-}
-function AnalyticsPageKit({
-  shell,
-  title = "Analytics reporting",
-  description = "Coordinate filters, chart surfaces, and tabular analysis from one stable page-kit contract.",
-  filters,
-  chartRegions,
-  gridRegions,
-  comparisonLabel,
-  onResetFilters,
-  className
-}) {
-  return /* @__PURE__ */ jsx(NavigationShellPageKit, { ...shell, children: /* @__PURE__ */ jsxs("section", { className: cn("space-y-6", className), children: [
-    /* @__PURE__ */ jsxs("header", { className: "space-y-2", children: [
-      /* @__PURE__ */ jsx(Heading, { level: 3, children: title }),
-      /* @__PURE__ */ jsx(Typography, { variant: "muted", children: description })
-    ] }),
-    /* @__PURE__ */ jsx(
-      "section",
-      {
-        "aria-label": "Analytics filters",
-        className: "rounded-lg border border-border/70 bg-surface/60 p-4",
-        children: /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-end gap-4", children: [
-          filters.map((filter) => /* @__PURE__ */ jsxs("div", { className: "min-w-[180px] flex-1 space-y-2", children: [
-            /* @__PURE__ */ jsx("label", { htmlFor: `analytics-filter-${filter.id}`, className: "text-sm font-medium text-text-primary", children: filter.label }),
-            /* @__PURE__ */ jsx(
-              NativeSelect,
-              {
-                id: `analytics-filter-${filter.id}`,
-                "aria-label": filter.label,
-                value: filter.value,
-                onChange: (event) => filter.onChange?.(event.target.value),
-                children: filter.options.map((option) => /* @__PURE__ */ jsx("option", { value: option.value, children: option.label }, `${filter.id}-${option.value}`))
-              }
-            )
-          ] }, filter.id)),
-          comparisonLabel ? /* @__PURE__ */ jsx(Badge, { variant: "outline", children: comparisonLabel }) : null,
-          onResetFilters ? /* @__PURE__ */ jsx(Button, { variant: "ghost", onClick: onResetFilters, children: "Reset filters" }) : null
-        ] })
-      }
-    ),
-    /* @__PURE__ */ jsx("section", { className: "grid gap-4 xl:grid-cols-2", children: chartRegions.map((region) => {
-      const state = deriveState(region.state, region.data);
-      const isFilteredState = state === "filtered";
-      const isPartialDataState = state === "partial-data";
-      if (state === "error") {
-        return /* @__PURE__ */ jsxs(Card, { className: region.className, children: [
-          /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { children: region.title }) }),
-          /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsx(
-            "div",
-            {
-              role: "alert",
-              className: "rounded-md border border-destructive/40 bg-destructive/10 px-4 py-3 text-sm text-destructive",
-              children: region.errorMessage ?? "Analytics chart is unavailable."
-            }
-          ) })
-        ] }, region.id);
-      }
-      return /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-        isPartialDataState ? /* @__PURE__ */ jsx(Typography, { variant: "small", className: "text-text-secondary", children: "Showing available chart data while some series are still syncing." }) : null,
-        /* @__PURE__ */ jsx(
-          ChartCard,
-          {
-            className: region.className,
-            title: region.title,
-            description: region.description,
-            chart: region.chart,
-            data: state === "empty" || isFilteredState ? [] : region.data,
-            loading: state === "loading",
-            emptyTitle: region.emptyTitle ?? (isFilteredState ? "No chart points for selected filters" : "No chart points"),
-            emptyDescription: region.emptyDescription ?? "Try adjusting filters to broaden the results."
-          }
-        )
-      ] }, region.id);
-    }) }),
-    /* @__PURE__ */ jsx("section", { className: "grid gap-4 xl:grid-cols-2", children: gridRegions.map((region) => renderGridRegion(region)) })
-  ] }) });
-}
-
-export { AnalyticsPageKit };
+import '../../chunk-QYZT24TS.js';

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

@@ -1,25 +1,26 @@
-import { MarketingShellPageKit } from '../../chunk-Z233ZQZE.js';
-import { NewsletterBlock } from '../../chunk-K7NQ6ZAW.js';
+export { BlogContentPageKit } from '../../chunk-AWZFQQGN.js';
+import '../../chunk-Z233ZQZE.js';
+import '../../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-VEO56RH4.js';
+import '../../chunk-XTASI4IY.js';
 import '../../chunk-MDAYDDTC.js';
-import { Typography } from '../../chunk-N53OMWW2.js';
+import '../../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-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-AH6YSYYT.js';
+import '../../chunk-NAAU5IWU.js';
+import '../../chunk-7KIDDF3I.js';
 import '../../chunk-6FOHUNXR.js';
 import '../../chunk-PD2YEH3H.js';
 import '../../chunk-CRY67BIF.js';
@@ -133,164 +134,8 @@ import '../../chunk-UHXGBV5N.js';
 import '../../chunk-UIUMTURU.js';
 import '../../chunk-PRUXIDBD.js';
 import '../../chunk-NURPUVUV.js';
-import { Badge } from '../../chunk-S4JAHKOP.js';
+import '../../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 };
+import '../../chunk-QYZT24TS.js';

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

@@ -1,20 +1,21 @@
-import { MarketingShellPageKit } from '../../chunk-Z233ZQZE.js';
+export { CheckoutPageKit } from '../../chunk-LGW7FVG5.js';
+import '../../chunk-Z233ZQZE.js';
 import '../../chunk-WOYBVPXK.js';
 import '../../chunk-AYWL4IYM.js';
-import { Typography } from '../../chunk-N53OMWW2.js';
+import '../../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-RX5EUODB.js';
 import '../../chunk-A7NUWD76.js';
 import '../../chunk-CUZJIDU7.js';
-import { Input } from '../../chunk-AP3XXYAY.js';
+import '../../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-AH6YSYYT.js';
+import '../../chunk-GJUR6HT3.js';
+import '../../chunk-7KIDDF3I.js';
 import '../../chunk-6FOHUNXR.js';
 import '../../chunk-PD2YEH3H.js';
 import '../../chunk-CRY67BIF.js';
@@ -131,79 +132,4 @@ 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 };
+import '../../chunk-QYZT24TS.js';

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

@@ -1,10 +1,11 @@
-import { MarketingShellPageKit } from '../../chunk-Z233ZQZE.js';
-import { TeamBlock } from '../../chunk-VBZQ4DBE.js';
+export { CompanySuitePageKit } from '../../chunk-QW5II6YK.js';
+import '../../chunk-Z233ZQZE.js';
+import '../../chunk-VBZQ4DBE.js';
 import '../../chunk-WOYBVPXK.js';
-import { ContactBlock } from '../../chunk-U4GYSYGN.js';
-import { FAQBlock } from '../../chunk-NEHCPO53.js';
+import '../../chunk-U4GYSYGN.js';
+import '../../chunk-NEHCPO53.js';
 import '../../chunk-AYWL4IYM.js';
-import { CallToActionBlock } from '../../chunk-GJPTPLCQ.js';
+import '../../chunk-GJPTPLCQ.js';
 import '../../chunk-G5EO22OR.js';
 import '../../chunk-OHX2LFAH.js';
 import '../../chunk-SGI25ZJ6.js';
@@ -15,7 +16,7 @@ import '../../chunk-F3T2U7YL.js';
 import '../../chunk-6DYFX5IR.js';
 import '../../chunk-EB5PYS7Q.js';
 import '../../chunk-MDAYDDTC.js';
-import { Typography } from '../../chunk-N53OMWW2.js';
+import '../../chunk-N53OMWW2.js';
 import '../../chunk-4OBE2FS2.js';
 import '../../chunk-DQPK2XRL.js';
 import '../../chunk-HOWTYZL5.js';
@@ -30,7 +31,7 @@ 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 '../../chunk-AH6YSYYT.js';
 import '../../chunk-7KIDDF3I.js';
 import '../../chunk-6FOHUNXR.js';
 import '../../chunk-PD2YEH3H.js';
@@ -149,92 +150,4 @@ import '../../chunk-NURPUVUV.js';
 import '../../chunk-TV4RSQH4.js';
 import '../../chunk-HJBXUXTD.js';
 import '../../chunk-ASKFAYYR.js';
-import { cn } from '../../chunk-QYZT24TS.js';
-import React from 'react';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
-var DEFAULT_SECTION_ORDER = [
-  "narrative",
-  "team",
-  "contact",
-  "faq",
-  "cta"
-];
-var DEFAULTS_BY_VARIANT = {
-  "company-about": {
-    narrative: {
-      title: "Built by practitioners who ship with contracts first.",
-      description: "We partner with teams that need high-quality interfaces and predictable release confidence."
-    },
-    team: {
-      title: "Leadership team"
-    },
-    contact: null,
-    faq: {},
-    cta: {
-      title: "Interested in working together?",
-      description: "Share your route goals and we will propose a rollout plan.",
-      primaryAction: { label: "Talk to us", href: "/contact" }
-    }
-  },
-  "company-contact": {
-    narrative: {
-      title: "Talk to our delivery team",
-      description: "Tell us what you are building, we will recommend an implementation path."
-    },
-    team: null,
-    contact: {
-      title: "Contact request",
-      description: "We respond within one business day.",
-      submitLabel: "Send request"
-    },
-    faq: {},
-    cta: {
-      title: "Prefer self-serve?",
-      description: "Start with our templates and scale with support as needed.",
-      primaryAction: { label: "View templates", href: "/templates" }
-    }
-  }
-};
-var SECTION_CLASS = "mx-auto w-full max-w-6xl px-6";
-function normalizeSectionOrder(sectionOrder) {
-  if (!sectionOrder || sectionOrder.length === 0) {
-    return DEFAULT_SECTION_ORDER;
-  }
-  return [...new Set(sectionOrder)];
-}
-function CompanySuitePageKit({
-  shell,
-  variant = "company-about",
-  sectionOrder,
-  narrative,
-  team,
-  contact,
-  faq,
-  cta,
-  className
-}) {
-  const defaults = DEFAULTS_BY_VARIANT[variant];
-  const resolvedNarrative = narrative ?? defaults.narrative ?? { title: "Company overview" };
-  const resolvedTeam = team === void 0 ? defaults.team : team;
-  const resolvedContact = contact === void 0 ? defaults.contact : contact;
-  const resolvedFaq = faq === void 0 ? defaults.faq : faq;
-  const resolvedCta = cta === void 0 ? defaults.cta : cta;
-  const orderedSections = normalizeSectionOrder(sectionOrder);
-  const sectionById = {
-    narrative: resolvedNarrative === null ? null : /* @__PURE__ */ jsx("section", { "data-testid": "company-section-narrative", className: SECTION_CLASS, children: /* @__PURE__ */ jsxs(Card, { children: [
-      /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { children: resolvedNarrative.title }) }),
-      /* @__PURE__ */ jsxs(CardContent, { className: "space-y-3", children: [
-        resolvedNarrative.description ? /* @__PURE__ */ jsx(Typography, { variant: "muted", children: resolvedNarrative.description }) : null,
-        resolvedNarrative.content ? /* @__PURE__ */ jsx("div", { children: resolvedNarrative.content }) : null
-      ] })
-    ] }) }),
-    team: resolvedTeam === null ? null : /* @__PURE__ */ jsx("section", { "data-testid": "company-section-team", className: SECTION_CLASS, children: /* @__PURE__ */ jsx(TeamBlock, { ...resolvedTeam }) }),
-    contact: resolvedContact === null ? null : /* @__PURE__ */ jsx("section", { "data-testid": "company-section-contact", className: SECTION_CLASS, children: /* @__PURE__ */ jsx(ContactBlock, { ...resolvedContact }) }),
-    faq: resolvedFaq === null ? null : /* @__PURE__ */ jsx("section", { "data-testid": "company-section-faq", className: SECTION_CLASS, children: /* @__PURE__ */ jsx(FAQBlock, { ...resolvedFaq }) }),
-    cta: resolvedCta === null ? null : /* @__PURE__ */ jsx("section", { "data-testid": "company-section-cta", className: cn(SECTION_CLASS, "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 { CompanySuitePageKit };
+import '../../chunk-QYZT24TS.js';