@vadimcomanescu/nadicode-design-system 2.0.5 → 2.0.7

package/dist/chunk-6N6CSJVE.js

@@ -0,0 +1,269 @@
+import { NavigationShellPageKit } from './chunk-TUKZKU72.js';
+import { Typography } from './chunk-N53OMWW2.js';
+import { Sheet, SheetContent, SheetHeader, SheetTitle, SheetDescription } from './chunk-HOWTYZL5.js';
+import { Pagination, PaginationContent, PaginationItem, PaginationPrevious, PaginationLink, PaginationNext } from './chunk-2BADJLMV.js';
+import { Heading } from './chunk-WI547C47.js';
+import { Table, TableHeader, TableRow, TableHead, TableBody, TableCell } from './chunk-PXDHNGTG.js';
+import { Empty, EmptyTitle, EmptyDescription } from './chunk-55HD4L6G.js';
+import { Input } from './chunk-AP3XXYAY.js';
+import { Card, CardHeader, CardTitle, CardContent } from './chunk-AH6YSYYT.js';
+import { Button } from './chunk-7KIDDF3I.js';
+import { Badge } from './chunk-S4JAHKOP.js';
+import { cn } from './chunk-QYZT24TS.js';
+import { useMemo } from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var EMPTY_FILTER_CONTROLS = [];
+var EMPTY_SELECTED_ROW_IDS = [];
+var EMPTY_BULK_ACTIONS = [];
+function toPlainText(value) {
+  if (typeof value === "string" || typeof value === "number") {
+    return String(value);
+  }
+  return null;
+}
+function deriveRowLabel(row, columns) {
+  if (row.summaryLabel) {
+    return row.summaryLabel;
+  }
+  const firstColumn = columns[0];
+  if (!firstColumn) {
+    return row.id;
+  }
+  const firstCellValue = row.cells[firstColumn.id];
+  return toPlainText(firstCellValue) ?? row.id;
+}
+function deriveState(state, rows, selectedRowId) {
+  if (state) {
+    return state;
+  }
+  if (rows.length === 0) {
+    return "empty";
+  }
+  if (selectedRowId) {
+    return "selected-row";
+  }
+  return "has-data";
+}
+function clampPage(value, min, max) {
+  return Math.min(Math.max(value, min), max);
+}
+function CrudListDetailPageKit({
+  shell,
+  title = "CRUD list detail",
+  description = "Browse records, apply filters, and inspect row details without rebuilding route scaffolding.",
+  state,
+  columns,
+  rows,
+  filterControls = EMPTY_FILTER_CONTROLS,
+  selectedRowId = null,
+  selectedRowIds = EMPTY_SELECTED_ROW_IDS,
+  onRowSelect,
+  bulkActions = EMPTY_BULK_ACTIONS,
+  detailPanel,
+  emptyState,
+  pagination,
+  errorMessage,
+  listAriaLabel = "CRUD list region",
+  headerActions,
+  renderCollection,
+  className
+}) {
+  const selectedRow = useMemo(
+    () => selectedRowId ? rows.find((row) => row.id === selectedRowId) ?? null : null,
+    [rows, selectedRowId]
+  );
+  const resolvedState = deriveState(state, rows, selectedRowId);
+  const detailMode = detailPanel?.mode ?? "inline";
+  const computedSelectedRowIds = useMemo(() => {
+    if (selectedRowIds.length > 0) {
+      return selectedRowIds;
+    }
+    if (selectedRowId) {
+      return [selectedRowId];
+    }
+    return EMPTY_SELECTED_ROW_IDS;
+  }, [selectedRowId, selectedRowIds]);
+  const pages = useMemo(() => {
+    const totalPages = Math.max(1, pagination.totalPages);
+    const currentPage = clampPage(pagination.page, 1, totalPages);
+    const visible = 5;
+    const half = Math.floor(visible / 2);
+    let start = Math.max(1, currentPage - half);
+    const end = Math.min(totalPages, start + visible - 1);
+    if (end - start < visible - 1) {
+      start = Math.max(1, end - visible + 1);
+    }
+    return Array.from({ length: end - start + 1 }, (_, index) => start + index);
+  }, [pagination.page, pagination.totalPages]);
+  const showInlineDetail = Boolean(detailPanel && detailMode === "inline" && selectedRow);
+  const showSheetDetail = Boolean(detailPanel && detailMode === "sheet" && selectedRow);
+  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__ */ jsxs("div", { className: "flex flex-wrap items-start justify-between gap-3", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
+        computedSelectedRowIds.length > 0 ? /* @__PURE__ */ jsxs(Badge, { variant: "secondary", children: [
+          computedSelectedRowIds.length,
+          " selected"
+        ] }) : null,
+        resolvedState === "loading" ? /* @__PURE__ */ jsx(Badge, { variant: "outline", children: "Loading" }) : null,
+        resolvedState === "filtered" ? /* @__PURE__ */ jsx(Badge, { variant: "outline", children: "Filtered results" }) : null,
+        resolvedState === "error" ? /* @__PURE__ */ jsx(Badge, { variant: "destructive", children: "Error" }) : null
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
+        bulkActions.map((action) => /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "secondary",
+            disabled: action.disabled || computedSelectedRowIds.length === 0,
+            onClick: () => action.onAction(computedSelectedRowIds, rows),
+            children: action.label
+          },
+          action.id
+        )),
+        headerActions
+      ] })
+    ] }),
+    filterControls.length > 0 ? /* @__PURE__ */ jsxs(Card, { children: [
+      /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { children: "Filters" }) }),
+      /* @__PURE__ */ jsx(CardContent, { className: "grid gap-3 md:grid-cols-2 xl:grid-cols-3", children: filterControls.map((filter) => /* @__PURE__ */ jsxs("label", { className: "space-y-1", children: [
+        /* @__PURE__ */ jsx(Typography, { variant: "small", className: "text-text-secondary", children: filter.label }),
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            "aria-label": filter.label,
+            value: filter.value,
+            placeholder: filter.placeholder,
+            onChange: (event) => filter.onChange(event.target.value)
+          }
+        )
+      ] }, filter.id)) })
+    ] }) : null,
+    /* @__PURE__ */ jsxs("div", { className: cn("grid gap-4", showInlineDetail ? "xl:grid-cols-[minmax(0,1fr)_340px]" : "grid-cols-1"), children: [
+      /* @__PURE__ */ jsxs("section", { "aria-label": listAriaLabel, className: "space-y-3", children: [
+        resolvedState === "loading" ? /* @__PURE__ */ jsx(Typography, { variant: "small", className: "text-text-secondary", children: "Loading list data" }) : null,
+        resolvedState === "error" ? /* @__PURE__ */ jsx(
+          "div",
+          {
+            role: "alert",
+            className: "rounded-md border border-destructive/40 bg-destructive/10 px-4 py-3 text-sm text-destructive",
+            children: errorMessage ?? "The list is unavailable. Retry once the data source recovers."
+          }
+        ) : null,
+        (resolvedState === "empty" || resolvedState === "filtered") && rows.length === 0 ? /* @__PURE__ */ jsxs(Empty, { children: [
+          /* @__PURE__ */ jsx(EmptyTitle, { children: emptyState?.title ?? "No rows to display" }),
+          /* @__PURE__ */ jsx(EmptyDescription, { children: emptyState?.description ?? "Adjust your filters or create a new record to populate this table." })
+        ] }) : null,
+        resolvedState !== "loading" && resolvedState !== "error" && rows.length > 0 ? renderCollection ? renderCollection({
+          rows,
+          columns,
+          selectedRowId,
+          onRowSelect
+        }) : /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsx(CardContent, { className: "p-0", children: /* @__PURE__ */ jsx("div", { className: "overflow-x-auto", children: /* @__PURE__ */ jsxs(Table, { children: [
+          /* @__PURE__ */ jsx(TableHeader, { children: /* @__PURE__ */ jsx(TableRow, { children: columns.map((column) => /* @__PURE__ */ jsx(TableHead, { className: column.headerClassName, children: column.header }, column.id)) }) }),
+          /* @__PURE__ */ jsx(TableBody, { children: rows.map((row) => {
+            const rowLabel = deriveRowLabel(row, columns);
+            return /* @__PURE__ */ jsx(
+              TableRow,
+              {
+                className: cn(
+                  selectedRowId === row.id ? "bg-surface-secondary/70" : void 0
+                ),
+                children: columns.map((column, columnIndex) => {
+                  const cell = row.cells[column.id] ?? "-";
+                  if (columnIndex === 0) {
+                    return /* @__PURE__ */ jsx(TableCell, { className: column.cellClassName, children: /* @__PURE__ */ jsx(
+                      Button,
+                      {
+                        variant: "ghost",
+                        className: "h-auto w-full justify-start px-0 text-left",
+                        "aria-label": `Select row ${rowLabel}`,
+                        onClick: () => onRowSelect?.(row.id),
+                        children: cell
+                      }
+                    ) }, column.id);
+                  }
+                  return /* @__PURE__ */ jsx(TableCell, { className: column.cellClassName, children: cell }, column.id);
+                })
+              },
+              row.id
+            );
+          }) })
+        ] }) }) }) }) : null,
+        /* @__PURE__ */ jsx(Pagination, { children: /* @__PURE__ */ jsxs(PaginationContent, { children: [
+          /* @__PURE__ */ jsx(PaginationItem, { children: /* @__PURE__ */ jsx(
+            PaginationPrevious,
+            {
+              href: "#",
+              onClick: (event) => {
+                event.preventDefault();
+                if (pagination.page > 1) {
+                  pagination.onPageChange(pagination.page - 1);
+                }
+              },
+              "aria-disabled": pagination.page <= 1,
+              className: pagination.page <= 1 ? "pointer-events-none opacity-50" : void 0
+            }
+          ) }),
+          pages.map((page) => /* @__PURE__ */ jsx(PaginationItem, { children: /* @__PURE__ */ jsx(
+            PaginationLink,
+            {
+              href: "#",
+              isActive: page === pagination.page,
+              onClick: (event) => {
+                event.preventDefault();
+                pagination.onPageChange(page);
+              },
+              children: page
+            }
+          ) }, page)),
+          /* @__PURE__ */ jsx(PaginationItem, { children: /* @__PURE__ */ jsx(
+            PaginationNext,
+            {
+              href: "#",
+              onClick: (event) => {
+                event.preventDefault();
+                if (pagination.page < pagination.totalPages) {
+                  pagination.onPageChange(pagination.page + 1);
+                }
+              },
+              "aria-disabled": pagination.page >= pagination.totalPages,
+              className: pagination.page >= pagination.totalPages ? "pointer-events-none opacity-50" : void 0
+            }
+          ) })
+        ] }) })
+      ] }),
+      showInlineDetail && detailPanel ? /* @__PURE__ */ jsx("aside", { "aria-label": detailPanel.title ?? "Detail panel", children: /* @__PURE__ */ jsxs(Card, { children: [
+        /* @__PURE__ */ jsxs(CardHeader, { children: [
+          /* @__PURE__ */ jsx(CardTitle, { children: detailPanel.title ?? "Detail" }),
+          detailPanel.description ? /* @__PURE__ */ jsx(Typography, { variant: "small", className: "text-text-secondary", children: detailPanel.description }) : null
+        ] }),
+        /* @__PURE__ */ jsx(CardContent, { children: selectedRow ? detailPanel.renderDetail(selectedRow) : null })
+      ] }) }) : null
+    ] }),
+    showSheetDetail && detailPanel && selectedRow ? /* @__PURE__ */ jsx(
+      Sheet,
+      {
+        open: showSheetDetail,
+        onOpenChange: (open) => {
+          detailPanel.onOpenChange?.(open);
+          if (!open) {
+            onRowSelect?.(null);
+          }
+        },
+        children: /* @__PURE__ */ jsxs(SheetContent, { side: "right", children: [
+          /* @__PURE__ */ jsxs(SheetHeader, { children: [
+            /* @__PURE__ */ jsx(SheetTitle, { children: detailPanel.title ?? "Detail" }),
+            detailPanel.description ? /* @__PURE__ */ jsx(SheetDescription, { children: detailPanel.description }) : null
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "mt-4", children: detailPanel.renderDetail(selectedRow) })
+        ] })
+      }
+    ) : null
+  ] }) });
+}
+
+export { CrudListDetailPageKit };

package/dist/chunk-AURJQZC4.js

@@ -0,0 +1,110 @@
+import { Shine } from './chunk-DARC2ACH.js';
+import { CountingNumber } from './chunk-F3T2U7YL.js';
+import { Switch } from './chunk-R7N7YLFT.js';
+import { StaggerChildren } from './chunk-DQPK2XRL.js';
+import { Heading } from './chunk-WI547C47.js';
+import { Card, CardHeader, CardTitle, CardContent, CardFooter } from './chunk-AH6YSYYT.js';
+import { Button } from './chunk-7KIDDF3I.js';
+import { CheckIcon } from './chunk-CXACRCZ4.js';
+import { Badge } from './chunk-S4JAHKOP.js';
+import { cn } from './chunk-QYZT24TS.js';
+import { useTranslations } from 'next-intl';
+import { useState } from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var defaultPlans = [
+  {
+    name: "Starter",
+    description: "Perfect for hobbyists and side projects.",
+    price: "$0",
+    period: "/forever",
+    features: ["1,000 requests/mo", "Community support", "1 project", "Basic analytics"],
+    action: "Get Started",
+    variant: "outline"
+  },
+  {
+    name: "Pro",
+    description: "For professional developers and small teams.",
+    price: (isYearly) => isYearly ? "$29" : "$39",
+    period: "/month",
+    features: ["100,000 requests/mo", "Priority support", "Unlimited projects", "Advanced analytics", "Custom domains"],
+    action: "Upgrade to Pro",
+    variant: "accent",
+    popular: true
+  },
+  {
+    name: "Enterprise",
+    description: "Custom solutions for large organizations.",
+    price: "Custom",
+    period: "",
+    features: ["Unlimited requests", "24/7 Dedicated support", "SSO & Audit logs", "SLA guarantees", "On-premise deployment"],
+    action: "Contact Sales",
+    variant: "outline"
+  }
+];
+function resolvePrice(price, isYearly) {
+  return typeof price === "function" ? price(isYearly) : price;
+}
+function PricingBlock({
+  title = "Simple, transparent pricing",
+  description = "Choose the plan that's right for you. Change or cancel anytime.",
+  plans = defaultPlans,
+  showBillingToggle = true,
+  className
+}) {
+  const t = useTranslations("blocks.pricingBlock");
+  const [isYearly, setIsYearly] = useState(false);
+  return /* @__PURE__ */ jsx("section", { className: className ?? "py-16 md:py-24", children: /* @__PURE__ */ jsxs("div", { className: "container mx-auto px-6 lg:px-8", children: [
+    /* @__PURE__ */ jsxs("div", { className: "mb-12 text-center", children: [
+      /* @__PURE__ */ jsx(Heading, { level: 2, size: "section", className: "mb-4 sm:text-4xl", children: title }),
+      /* @__PURE__ */ jsx("p", { className: "mb-8 text-lg text-text-secondary", children: description }),
+      !!showBillingToggle && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-center gap-4", children: [
+        /* @__PURE__ */ jsx("span", { className: cn("text-sm font-medium", !isYearly ? "text-text-primary" : "text-text-tertiary"), children: t("monthly") }),
+        /* @__PURE__ */ jsx(Switch, { checked: isYearly, onCheckedChange: setIsYearly, "aria-label": t("toggleYearlyBilling") }),
+        /* @__PURE__ */ jsxs("span", { className: cn("text-sm font-medium", isYearly ? "text-text-primary" : "text-text-tertiary"), children: [
+          t("yearly"),
+          " ",
+          /* @__PURE__ */ jsx("span", { className: "ml-1.5 text-accent", children: t("savePercent") })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx(StaggerChildren, { staggerMs: 120, className: "grid gap-8 md:grid-cols-3", children: plans.map((plan) => {
+      const priceStr = resolvePrice(plan.price, isYearly);
+      const card = /* @__PURE__ */ jsxs(
+        Card,
+        {
+          interactive: true,
+          className: cn(
+            "flex flex-col relative overflow-hidden transition-all duration-300",
+            plan.popular ? "border-accent shadow-lg shadow-accent/5 z-10" : "border-border/50 hover:border-border"
+          ),
+          children: [
+            plan.popular && /* @__PURE__ */ jsx("div", { className: "absolute -top-4 left-0 ring-0 w-full flex justify-center", children: /* @__PURE__ */ jsx(Badge, { variant: "accent", className: "shadow-lg", children: t("mostPopular") }) }),
+            /* @__PURE__ */ jsxs(CardHeader, { className: "pb-8 pt-8", children: [
+              /* @__PURE__ */ jsx(CardTitle, { className: "text-xl font-semibold text-text-primary", children: plan.name }),
+              /* @__PURE__ */ jsx("p", { className: "text-sm text-text-secondary", children: plan.description })
+            ] }),
+            /* @__PURE__ */ jsxs(CardContent, { className: "flex-1", children: [
+              /* @__PURE__ */ jsxs("div", { className: "mb-8 flex items-baseline", children: [
+                priceStr === "Custom" ? /* @__PURE__ */ jsx("span", { className: "text-4xl font-extrabold text-text-primary", children: priceStr }) : /* @__PURE__ */ jsxs("span", { className: "text-4xl font-extrabold text-text-primary tabular-nums", children: [
+                  "$",
+                  /* @__PURE__ */ jsx(CountingNumber, { number: parseInt(priceStr.slice(1), 10), inViewOnce: true })
+                ] }),
+                /* @__PURE__ */ jsx("span", { className: "ml-1.5 text-text-tertiary", children: plan.period })
+              ] }),
+              /* @__PURE__ */ jsx("ul", { className: "space-y-4", children: plan.features.map((feature) => /* @__PURE__ */ jsxs("li", { className: "flex items-center gap-4 text-sm text-text-secondary", children: [
+                /* @__PURE__ */ jsx("div", { className: cn("flex h-5 w-5 items-center justify-center rounded-full bg-primary/10 text-primary"), children: /* @__PURE__ */ jsx(CheckIcon, { size: 12 }) }),
+                feature
+              ] }, feature)) })
+            ] }),
+            /* @__PURE__ */ jsx(CardFooter, { children: /* @__PURE__ */ jsx(Button, { className: "w-full", variant: plan.variant, children: plan.action }) })
+          ]
+        },
+        plan.name
+      );
+      return plan.popular ? /* @__PURE__ */ jsx(Shine, { enable: true, loop: true, loopDelay: 3e3, color: "var(--color-accent)", opacity: 0.12, duration: 1500, children: card }, plan.name) : /* @__PURE__ */ jsx("div", { children: card }, plan.name);
+    }) })
+  ] }) });
+}
+
+export { PricingBlock };

package/dist/{chunk-DF47R6LN.js → chunk-AWIG4QN6.js}

@@ -2,19 +2,19 @@
 var PALETTE = {
   "arctic-light": {
     bg: "#f7f7f8",
-    c1: "#fbf4e0",
+    c1: "#e8f5f0",
     c2: "#dee1e3",
-    c3: "#f5e8c0",
+    c3: "#d4ede5",
     c4: "#ecedee",
-    accent: "#8a5e08"
+    accent: "#059669"
   },
   "arctic-dark": {
-    bg: "#101114",
-    c1: "#141009",
-    c2: "#202328",
-    c3: "#211a0c",
-    c4: "#16191d",
-    accent: "#e8a020"
+    bg: "#000000",
+    c1: "#06130e",
+    c2: "#0e1411",
+    c3: "#081a12",
+    c4: "#080c0a",
+    accent: "#0a9e6f"
   },
   bloom: {
     bg: "#fefdfb",

package/dist/chunk-AYWL4IYM.js

@@ -0,0 +1,67 @@
+import { StaggerChildren } from './chunk-DQPK2XRL.js';
+import { Heading } from './chunk-WI547C47.js';
+import { siteConfig } from './chunk-A7NUWD76.js';
+import { Separator } from './chunk-CUZJIDU7.js';
+import { Input } from './chunk-AP3XXYAY.js';
+import { ScrollFadeIn } from './chunk-I23DDSU7.js';
+import { Button } from './chunk-7KIDDF3I.js';
+import { TwitterIcon } from './chunk-LCDDAE7J.js';
+import { LinkedinIcon } from './chunk-2IZC7HSV.js';
+import { GithubIcon } from './chunk-WGPK3FQ7.js';
+import { useTranslations } from 'next-intl';
+import Link from 'next/link';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var CURRENT_YEAR = (/* @__PURE__ */ new Date()).getFullYear();
+var defaultSocialIcons = [
+  { icon: /* @__PURE__ */ jsx(TwitterIcon, { size: 16 }, "twitter"), label: "Twitter" },
+  { icon: /* @__PURE__ */ jsx(GithubIcon, { size: 16 }, "github"), label: "GitHub" },
+  { icon: /* @__PURE__ */ jsx(LinkedinIcon, { size: 16 }, "linkedin"), label: "LinkedIn" }
+];
+function FooterBlock({
+  brandDescription = "The ultimate design system for building futuristic, high-contrast AI interfaces.",
+  newsletterPlaceholder = "Enter your email",
+  productLinks = siteConfig.nav.footer.product,
+  companyLinks = siteConfig.nav.footer.company,
+  legalLinks = siteConfig.nav.footer.legal,
+  socialIcons = defaultSocialIcons,
+  className
+}) {
+  const t = useTranslations("blocks.footerBlock");
+  return /* @__PURE__ */ jsx(ScrollFadeIn, { children: /* @__PURE__ */ jsx("footer", { className: className ?? "bg-background py-12 lg:py-16 border-t border-border/50", children: /* @__PURE__ */ jsxs("div", { className: "container mx-auto px-6 lg:px-8", children: [
+    /* @__PURE__ */ jsxs("div", { className: "grid gap-12 lg:grid-cols-4", children: [
+      /* @__PURE__ */ jsxs("div", { className: "lg:col-span-2 space-y-6", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx("div", { className: "h-8 w-8 rounded-full bg-primary/20 flex items-center justify-center border border-primary/50 text-primary font-bold", children: "S" }),
+          /* @__PURE__ */ jsx("span", { className: "text-xl font-bold text-text-primary", children: siteConfig.name })
+        ] }),
+        /* @__PURE__ */ jsx("p", { className: "max-w-xs text-text-secondary", children: brandDescription }),
+        /* @__PURE__ */ jsxs("div", { className: "flex max-w-sm flex-col gap-2 sm:flex-row", children: [
+          /* @__PURE__ */ jsx(Input, { placeholder: newsletterPlaceholder, type: "email", className: "bg-surface/50 border-border/50" }),
+          /* @__PURE__ */ jsx(Button, { variant: "primary", children: t("subscribe") })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs(StaggerChildren, { staggerMs: 60, className: "grid grid-cols-2 gap-8 lg:col-span-2 sm:grid-cols-3", children: [
+        /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+          /* @__PURE__ */ jsx(Heading, { level: 4, size: "title", className: "text-sm text-text-primary uppercase tracking-wider", children: t("product") }),
+          /* @__PURE__ */ jsx("ul", { className: "space-y-2 text-sm text-text-secondary", children: productLinks.map((item) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(Link, { href: item.href, className: "hover:text-primary transition-colors", children: item.name }) }, item.name)) })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+          /* @__PURE__ */ jsx(Heading, { level: 4, size: "title", className: "text-sm text-text-primary uppercase tracking-wider", children: t("company") }),
+          /* @__PURE__ */ jsx("ul", { className: "space-y-2 text-sm text-text-secondary", children: companyLinks.map((item) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(Link, { href: item.href, className: "hover:text-primary transition-colors", children: item.name }) }, item.name)) })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+          /* @__PURE__ */ jsx(Heading, { level: 4, size: "title", className: "text-sm text-text-primary uppercase tracking-wider", children: t("legal") }),
+          /* @__PURE__ */ jsx("ul", { className: "space-y-2 text-sm text-text-secondary", children: legalLinks.map((item) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(Link, { href: item.href, className: "hover:text-primary transition-colors", children: item.name }) }, item.name)) })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx(Separator, { className: "my-12 bg-border/50" }),
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-between gap-6 sm:flex-row", children: [
+      /* @__PURE__ */ jsx("p", { className: "text-sm text-text-tertiary", children: t("allRightsReserved", { year: CURRENT_YEAR, name: siteConfig.name }) }),
+      /* @__PURE__ */ jsx("div", { className: "flex gap-4", children: socialIcons.map((social, index) => /* @__PURE__ */ jsx(Button, { size: "icon", variant: "ghost", "aria-label": social.label, className: "rounded-full text-text-secondary hover:text-primary hover:bg-surface-hover hover:scale-110 transition-transform duration-fast", children: social.icon }, index)) })
+    ] })
+  ] }) }) });
+}
+
+export { FooterBlock };

package/dist/{chunk-SV3KZ6CB.js → chunk-DSMGCFMJ.js}

@@ -5,10 +5,14 @@ import { createPortal } from 'react-dom';
 import { useReducedMotion, useMotionValue, useMotionTemplate } from 'motion/react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
+function getAccentColor() {
+  if (typeof window === "undefined") return "10 158 111";
+  return getComputedStyle(document.documentElement).getPropertyValue("--color-accent").trim() || "10 158 111";
+}
 function MouseGlow({
   className,
   dotColor = "rgba(255, 255, 255, 0.5)",
-  overlayColor = "rgba(232, 160, 32, 0.95)",
+  overlayColor,
   gap = 24,
   maskRadius = 300,
   overlayRadius = 260
@@ -16,6 +20,7 @@ function MouseGlow({
   const containerRef = React.useRef(null);
   const overlayRef = React.useRef(null);
   const [mounted, setMounted] = React.useState(false);
+  const resolvedOverlayColor = overlayColor ?? `rgba(${getAccentColor().replace(/ /g, ", ")}, 0.95)`;
   React.useEffect(() => {
     setMounted(true);
     const handleMouseMove = (e) => {
@@ -79,7 +84,7 @@ function MouseGlow({
             style: {
               position: "absolute",
               inset: 0,
-              backgroundImage: `radial-gradient(${overlayColor} 1px, transparent 0)`,
+              backgroundImage: `radial-gradient(${resolvedOverlayColor} 1px, transparent 0)`,
               backgroundSize: `${gapPx} ${gapPx}`,
               backgroundRepeat: "repeat",
               maskImage: `radial-gradient(circle ${overlayRadius}px at var(--mx, -9999px) var(--my, -9999px), black 0%, transparent 100%)`,

package/dist/chunk-E4L6LR6P.js

@@ -0,0 +1,33 @@
+import { FooterBlock } from './chunk-AYWL4IYM.js';
+import { HeaderBlock } from './chunk-WOYBVPXK.js';
+import { cn } from './chunk-QYZT24TS.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function MarketingShellPageKit({
+  navigationItems,
+  primaryAction,
+  secondaryAction,
+  announcement,
+  footerProps,
+  children,
+  className,
+  contentClassName
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: cn("min-h-dvh bg-background text-text-primary", className), children: [
+    announcement ? /* @__PURE__ */ jsx("div", { className: "border-b border-border/70 bg-surface/60 px-4 py-2 text-center text-sm text-text-secondary", children: announcement }) : null,
+    /* @__PURE__ */ jsx(
+      HeaderBlock,
+      {
+        menuItems: navigationItems,
+        loginLabel: secondaryAction?.label,
+        loginHref: secondaryAction?.href,
+        signUpLabel: primaryAction?.label,
+        signUpHref: primaryAction?.href
+      }
+    ),
+    /* @__PURE__ */ jsx("main", { className: cn("pt-28 md:pt-32", contentClassName), children }),
+    /* @__PURE__ */ jsx(FooterBlock, { ...footerProps })
+  ] });
+}
+
+export { MarketingShellPageKit };

package/dist/chunk-EJNF6JLL.js

@@ -0,0 +1,105 @@
+import { Heading } from './chunk-WI547C47.js';
+import { ScrollFadeIn } from './chunk-I23DDSU7.js';
+import { PlusIcon } from './chunk-E7RBK6ML.js';
+import { RefreshCWIcon } from './chunk-Q7LVUGFL.js';
+import { WrenchIcon } from './chunk-AWIJHDNK.js';
+import { Badge } from './chunk-S4JAHKOP.js';
+import { cn } from './chunk-QYZT24TS.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var typeConfig = {
+  added: {
+    icon: /* @__PURE__ */ jsx(PlusIcon, { size: 12 }),
+    label: "Added",
+    color: "text-success bg-success/10"
+  },
+  fixed: {
+    icon: /* @__PURE__ */ jsx(WrenchIcon, { size: 12 }),
+    label: "Fixed",
+    color: "text-info bg-info/10"
+  },
+  changed: {
+    icon: /* @__PURE__ */ jsx(RefreshCWIcon, { size: 12 }),
+    label: "Changed",
+    color: "text-warning bg-warning/10"
+  }
+};
+var defaultEntries = [
+  {
+    version: "2.1.0",
+    date: "Feb 9, 2026",
+    changes: [
+      { type: "added", text: "ScrollFadeIn, MeteorShower, and AuroraEffect animation components" },
+      { type: "added", text: "FAQ, Comparison, Contact, and Newsletter blocks" },
+      { type: "changed", text: "Upgraded motion library to v12 with new easing tokens" }
+    ]
+  },
+  {
+    version: "2.0.0",
+    date: "Feb 1, 2026",
+    changes: [
+      { type: "added", text: "Arctic Glow palette replacing Synthetic Coral" },
+      { type: "added", text: "Light and dark theme support via CSS custom properties" },
+      { type: "fixed", text: "WCAG contrast ratios for all semantic colors" },
+      { type: "changed", text: "Migrated from Tailwind CSS 3 to 4" }
+    ]
+  },
+  {
+    version: "1.5.0",
+    date: "Jan 15, 2026",
+    changes: [
+      { type: "added", text: "Dashboard page with chart collection" },
+      { type: "fixed", text: "Dialog focus trap on mobile Safari" }
+    ]
+  }
+];
+function ChangelogBlock({
+  entries = defaultEntries,
+  title = "Changelog",
+  className
+}) {
+  return /* @__PURE__ */ jsx("section", { className: cn("py-16 md:py-24", className), children: /* @__PURE__ */ jsxs("div", { className: "mx-auto max-w-3xl px-6", children: [
+    !!title && /* @__PURE__ */ jsx(ScrollFadeIn, { children: /* @__PURE__ */ jsx(Heading, { level: 2, size: "section", className: "mb-12 text-text-primary", children: title }) }),
+    /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+      /* @__PURE__ */ jsx("div", { className: "absolute left-4 top-2 bottom-0 w-px bg-border" }),
+      /* @__PURE__ */ jsx("div", { className: "space-y-12", children: entries.map((entry, entryIndex) => /* @__PURE__ */ jsx(ScrollFadeIn, { delay: entryIndex * 0.08, children: /* @__PURE__ */ jsxs("div", { className: "relative flex gap-6", children: [
+        /* @__PURE__ */ jsx("div", { className: "relative z-10 flex h-8 w-8 shrink-0 items-center justify-center rounded-full glass-panel", children: /* @__PURE__ */ jsx("div", { className: "h-2.5 w-2.5 rounded-full bg-primary" }) }),
+        /* @__PURE__ */ jsxs("div", { className: "flex-1 pt-0.5", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-4 mb-4", children: [
+            /* @__PURE__ */ jsxs(Badge, { variant: "primary", className: "font-mono text-xs", children: [
+              "v",
+              entry.version
+            ] }),
+            entryIndex === 0 && /* @__PURE__ */ jsx(Badge, { variant: "accent", className: "text-[10px]", children: "Latest" }),
+            /* @__PURE__ */ jsx("time", { className: "text-xs text-text-tertiary", children: entry.date })
+          ] }),
+          /* @__PURE__ */ jsx("ul", { className: "space-y-2", children: entry.changes.map((change, changeIndex) => {
+            const config = typeConfig[change.type];
+            return /* @__PURE__ */ jsxs(
+              "li",
+              {
+                className: "flex items-start gap-2 text-sm text-text-secondary",
+                children: [
+                  /* @__PURE__ */ jsx(
+                    "span",
+                    {
+                      className: cn(
+                        "mt-0.5 flex h-5 w-5 shrink-0 items-center justify-center rounded",
+                        config.color
+                      ),
+                      children: config.icon
+                    }
+                  ),
+                  /* @__PURE__ */ jsx("span", { children: change.text })
+                ]
+              },
+              changeIndex
+            );
+          }) })
+        ] })
+      ] }) }, entry.version)) })
+    ] })
+  ] }) });
+}
+
+export { ChangelogBlock };