@vadimcomanescu/nadicode-design-system 2.0.6 → 2.0.8

package/dist/chunk-NEHCPO53.js

@@ -0,0 +1,44 @@
+import { Typography } from './chunk-N53OMWW2.js';
+import { Heading } from './chunk-WI547C47.js';
+import { ScrollFadeIn } from './chunk-I23DDSU7.js';
+import { Accordion, AccordionItem, AccordionTrigger, AccordionContent } from './chunk-W4YX7N46.js';
+import { cn } from './chunk-QYZT24TS.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var defaultItems = [
+  {
+    question: "What frameworks are supported?",
+    answer: "We support React 18+, Next.js 13+, and any framework that works with Tailwind CSS. Our components are built on Radix UI primitives for maximum accessibility."
+  },
+  {
+    question: "Can I customize the design tokens?",
+    answer: "Yes. All colors, spacing, typography, and shadows are driven by a single tokens.config.js file. Change the tokens and every component updates automatically."
+  },
+  {
+    question: "Is dark mode supported?",
+    answer: "Both light and dark themes are built in via CSS custom properties. The ThemeProvider handles persistence and system preference detection out of the box."
+  },
+  {
+    question: "How do I get support?",
+    answer: "Community support is available on GitHub Discussions. Pro and Enterprise plans include priority email and dedicated Slack channels."
+  }
+];
+function FAQBlock({
+  items = defaultItems,
+  title = "Frequently asked questions",
+  description,
+  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: [
+    /* @__PURE__ */ jsx(ScrollFadeIn, { children: /* @__PURE__ */ jsxs("div", { className: "mb-12 text-center", children: [
+      /* @__PURE__ */ jsx(Heading, { level: 2, size: "section", className: "text-text-primary", children: title }),
+      !!description && /* @__PURE__ */ jsx(Typography, { variant: "body", className: "mt-4 text-text-secondary", children: description })
+    ] }) }),
+    /* @__PURE__ */ jsx(Accordion, { type: "single", collapsible: true, className: "w-full", children: items.map((item, index) => /* @__PURE__ */ jsx(ScrollFadeIn, { delay: index * 0.05, children: /* @__PURE__ */ jsxs(AccordionItem, { value: `faq-${index}`, children: [
+      /* @__PURE__ */ jsx(AccordionTrigger, { className: "text-left text-base font-medium text-text-primary", children: item.question }),
+      /* @__PURE__ */ jsx(AccordionContent, { className: "text-text-secondary leading-relaxed", children: item.answer })
+    ] }) }, index)) })
+  ] }) });
+}
+
+export { FAQBlock };

package/dist/chunk-OJ7OO3QB.js

@@ -0,0 +1,269 @@
+import { NavigationShellPageKit } from './chunk-ZKLB5N3Q.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 { Input } from './chunk-AP3XXYAY.js';
+import { Empty, EmptyTitle, EmptyDescription } from './chunk-55HD4L6G.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-ZHTQF2KI.js → chunk-OSNTB6RY.js}

@@ -1,12 +1,13 @@
 import { m } from './chunk-PD2YEH3H.js';
 import { bezier } from './chunk-CRY67BIF.js';
+import { CheckIcon } from './chunk-CXACRCZ4.js';
 import { ChevronDownIcon } from './chunk-HJBXUXTD.js';
 import { cn } from './chunk-QYZT24TS.js';
 import * as React from 'react';
 import { useTranslations } from 'next-intl';
 import { cva } from 'class-variance-authority';
 import { useReducedMotion } from 'motion/react';
-import { jsxs, jsx } from 'react/jsx-runtime';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 
 var PULSE_TRANSITION = { duration: 1.2, repeat: Infinity, ease: bezier["ease-in-out"] };
 var thinkingIndicatorVariants = cva(
@@ -29,33 +30,38 @@ var dotSizes = {
   default: "h-1.5 w-1.5",
   lg: "h-2 w-2"
 };
-function ThinkingIndicator({ className, size = "default", reasoning, ref, ...props }) {
+function ThinkingIndicator({ className, size = "default", reasoning, state = "thinking", ref, ...props }) {
   const t = useTranslations("components.thinkingIndicator");
   const prefersReduced = useReducedMotion();
   const [expanded, setExpanded] = React.useState(false);
   const dotSize = dotSizes[size ?? "default"];
   const reasoningPanelId = React.useId();
-  return /* @__PURE__ */ jsxs("div", { ref, className: cn("flex flex-col", className), ...props, children: [
+  return /* @__PURE__ */ jsxs("div", { ref, role: "status", className: cn("flex flex-col", className), ...props, children: [
     /* @__PURE__ */ jsxs("div", { className: cn(thinkingIndicatorVariants({ size })), children: [
-      /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1.5", role: "group", "aria-label": t("thinking"), children: [0, 1, 2].map((i) => prefersReduced ? /* @__PURE__ */ jsx(
-        "span",
-        {
-          className: cn("rounded-full bg-accent", dotSize)
-        },
-        i
-      ) : /* @__PURE__ */ jsx(
-        m.span,
-        {
-          className: cn("rounded-full bg-accent", dotSize),
-          animate: { opacity: [0.3, 1, 0.3] },
-          transition: {
-            ...PULSE_TRANSITION,
-            delay: i * 0.2
-          }
-        },
-        i
-      )) }),
-      /* @__PURE__ */ jsx("span", { className: "text-text-secondary", children: t("thinking") }),
+      state === "complete" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(CheckIcon, { size: 14, "aria-hidden": "true", className: "text-success" }),
+        /* @__PURE__ */ jsx("span", { className: "text-text-secondary", children: t("complete") })
+      ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1.5", role: "group", "aria-label": t("thinking"), children: [0, 1, 2].map((i) => prefersReduced ? /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: cn("rounded-full bg-accent", dotSize)
+          },
+          i
+        ) : /* @__PURE__ */ jsx(
+          m.span,
+          {
+            className: cn("rounded-full bg-accent", dotSize),
+            animate: { opacity: [0.3, 1, 0.3] },
+            transition: {
+              ...PULSE_TRANSITION,
+              delay: i * 0.2
+            }
+          },
+          i
+        )) }),
+        /* @__PURE__ */ jsx("span", { className: "text-text-secondary", children: t("thinking") })
+      ] }),
       !!reasoning && /* @__PURE__ */ jsx(
         "button",
         {
@@ -69,6 +75,7 @@ function ThinkingIndicator({ className, size = "default", reasoning, ref, ...pro
             ChevronDownIcon,
             {
               size: 14,
+              "aria-hidden": "true",
               className: cn("transition-transform", expanded && "rotate-180")
             }
           )

package/dist/{chunk-GMMPLZLC.js → chunk-PDSQC6VE.js}

@@ -1,5 +1,5 @@
 import { Table, TableHeader, TableRow, TableHead, TableBody, TableCell } from './chunk-PXDHNGTG.js';
-import { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuCheckboxItem } from './chunk-5DKCZWC6.js';
+import { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuCheckboxItem } from './chunk-CQEUNASC.js';
 import { Input } from './chunk-AP3XXYAY.js';
 import { Button } from './chunk-7KIDDF3I.js';
 import { Settings2Icon } from './chunk-TXGANOAX.js';

package/dist/chunk-QIHA7S3A.js

@@ -0,0 +1,36 @@
+import { CountingNumber } from './chunk-F3T2U7YL.js';
+import { StaggerChildren } from './chunk-DQPK2XRL.js';
+import { Heading } from './chunk-WI547C47.js';
+import { siteConfig } from './chunk-A7NUWD76.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var defaultStats = [
+  { value: 1200, label: "Stars on GitHub", prefix: "+" },
+  { value: 22, label: "Active Users", suffix: " Million" },
+  { value: 500, label: "Powered Apps", prefix: "+" }
+];
+var defaultTitle = `${siteConfig.name} in numbers`;
+var defaultDescription = `The numbers speak for themselves. ${siteConfig.name} powers the next generation of AI interfaces with premium design tokens, glass effects, and accessible components.`;
+function StatsMarketingBlock({
+  title = defaultTitle,
+  description = defaultDescription,
+  stats = defaultStats,
+  className
+}) {
+  return /* @__PURE__ */ jsx("section", { className: className ?? "py-12 md:py-16", children: /* @__PURE__ */ jsxs("div", { className: "mx-auto max-w-5xl space-y-8 px-6 md:space-y-16", children: [
+    /* @__PURE__ */ jsxs("div", { className: "relative z-10 mx-auto max-w-xl space-y-6 text-center", children: [
+      /* @__PURE__ */ jsx(Heading, { level: 2, size: "section", className: "text-4xl lg:text-5xl", children: title }),
+      /* @__PURE__ */ jsx("p", { className: "text-text-secondary", children: description })
+    ] }),
+    /* @__PURE__ */ jsx(StaggerChildren, { staggerMs: 150, className: "grid gap-12 divide-y *:text-center md:grid-cols-3 md:gap-2 md:divide-x md:divide-y-0", children: stats.map((stat) => /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+      /* @__PURE__ */ jsxs("div", { className: "text-5xl font-bold tabular-nums", children: [
+        stat.prefix,
+        /* @__PURE__ */ jsx(CountingNumber, { number: stat.value, inViewOnce: true }),
+        stat.suffix
+      ] }),
+      /* @__PURE__ */ jsx("p", { children: stat.label })
+    ] }, stat.label)) })
+  ] }) });
+}
+
+export { StatsMarketingBlock };

package/dist/chunk-QQOWC53X.js

@@ -0,0 +1,98 @@
+// src/internal/local-image-assets.ts
+function escapeXml(value) {
+  return value.replaceAll("&", "&amp;").replaceAll("<", "&lt;").replaceAll(">", "&gt;").replaceAll('"', "&quot;").replaceAll("'", "&apos;");
+}
+function hashString(value) {
+  let hash = 0;
+  for (let i = 0; i < value.length; i += 1) {
+    hash = hash * 31 + value.charCodeAt(i) >>> 0;
+  }
+  return hash;
+}
+function svgDataUri(svg) {
+  return `data:image/svg+xml;charset=UTF-8,${encodeURIComponent(svg)}`;
+}
+function createLogoDataUri(template) {
+  const ring = escapeXml(template.accent);
+  const fill = escapeXml(template.accent2);
+  const label = escapeXml(template.initials);
+  const seed = hashString(template.label);
+  const ornament = seed % 3 === 0 ? `<path d="M18 44c10-8 18-12 30-12" stroke="white" stroke-width="3" stroke-linecap="round" opacity="0.85"/>` : seed % 3 === 1 ? `<path d="M20 18l16 28 16-28" stroke="white" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" opacity="0.85"/>` : `<circle cx="34" cy="32" r="13" stroke="white" stroke-width="4" opacity="0.85"/>`;
+  return svgDataUri(`
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 160 64" role="img" aria-label="${escapeXml(template.label)} logo">
+      <defs>
+        <linearGradient id="bg" x1="0%" y1="0%" x2="100%" y2="100%">
+          <stop offset="0%" stop-color="${ring}"/>
+          <stop offset="100%" stop-color="${fill}"/>
+        </linearGradient>
+      </defs>
+      <rect x="1" y="1" width="158" height="62" rx="18" fill="url(#bg)" opacity="0.95"/>
+      <rect x="8" y="8" width="48" height="48" rx="14" fill="rgba(255,255,255,0.12)"/>
+      ${ornament}
+      <text
+        x="80"
+        y="40"
+        text-anchor="middle"
+        fill="white"
+        font-family="Inter, ui-sans-serif, system-ui, sans-serif"
+        font-size="22"
+        font-weight="700"
+        letter-spacing="0.12em"
+      >${label}</text>
+    </svg>
+  `);
+}
+function createAvatarDataUri(seed, initials) {
+  const hash = hashString(seed);
+  const hue = hash % 360;
+  const hue2 = (hue + 36) % 360;
+  const label = escapeXml(initials.slice(0, 2).toUpperCase());
+  return svgDataUri(`
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" role="img" aria-label="${escapeXml(seed)} avatar">
+      <defs>
+        <radialGradient id="bg" cx="30%" cy="30%" r="80%">
+          <stop offset="0%" stop-color="hsl(${hue} 75% 62%)"/>
+          <stop offset="100%" stop-color="hsl(${hue2} 62% 38%)"/>
+        </radialGradient>
+      </defs>
+      <circle cx="64" cy="64" r="60" fill="url(#bg)"/>
+      <circle cx="46" cy="44" r="12" fill="rgba(255,255,255,0.22)"/>
+      <path d="M34 92c6-16 18-24 30-24s24 8 30 24" fill="none" stroke="rgba(255,255,255,0.28)" stroke-width="8" stroke-linecap="round"/>
+      <text
+        x="64"
+        y="74"
+        text-anchor="middle"
+        fill="white"
+        font-family="Inter, ui-sans-serif, system-ui, sans-serif"
+        font-size="38"
+        font-weight="800"
+      >${label}</text>
+    </svg>
+  `);
+}
+var BRAND_LOGO_TEMPLATES = [
+  { label: "Nvidia", initials: "NV", accent: "#0e9f6e", accent2: "#084c41" },
+  { label: "Column", initials: "CL", accent: "#1d4ed8", accent2: "#312e81" },
+  { label: "GitHub", initials: "GH", accent: "#111827", accent2: "#374151" },
+  { label: "Nike", initials: "NK", accent: "#0f172a", accent2: "#2563eb" },
+  { label: "Lemon Squeezy", initials: "LS", accent: "#eab308", accent2: "#b45309" },
+  { label: "Laravel", initials: "LR", accent: "#ef4444", accent2: "#7f1d1d" },
+  { label: "Lilly", initials: "LL", accent: "#db2777", accent2: "#831843" },
+  { label: "OpenAI", initials: "OA", accent: "#14b8a6", accent2: "#0f766e" },
+  { label: "Tailwind CSS", initials: "TW", accent: "#38bdf8", accent2: "#0369a1" },
+  { label: "Vercel", initials: "VC", accent: "#020617", accent2: "#334155" },
+  { label: "Zapier", initials: "ZI", accent: "#f97316", accent2: "#9a3412" }
+];
+var LOCAL_CLOUD_LOGOS = BRAND_LOGO_TEMPLATES.map((template, index) => ({
+  src: createLogoDataUri(template),
+  alt: `${template.label} Logo`,
+  height: [20, 16, 16, 20, 16, 28, 20, 24, 16, 20, 20][index]
+}));
+var LOCAL_HERO_LOGOS = BRAND_LOGO_TEMPLATES.slice(0, 8).map((template, index) => ({
+  src: createLogoDataUri(template),
+  alt: `${template.label} Logo`,
+  height: String([20, 16, 16, 20, 20, 16, 28, 24][index])
+}));
+var LOCAL_NIKE_LOGO_SRC = createLogoDataUri(BRAND_LOGO_TEMPLATES[3]);
+
+export { LOCAL_CLOUD_LOGOS, LOCAL_HERO_LOGOS, LOCAL_NIKE_LOGO_SRC, createAvatarDataUri };