@mieweb/ui 0.10.0-dev.4 → 0.10.0-dev.41

package/dist/chunk-FBCDYTWM.js

@@ -0,0 +1,385 @@
+import { buttonVariants } from './chunk-GVM6DTR5.js';
+import { cn } from './chunk-TQONQSJO.js';
+import * as React2 from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Zap, Wrench, Workflow, Users, UserCheck, Truck, TrendingUp, Timer, Target, Syringe, Stethoscope, Sparkles, Smartphone, ShieldCheck, Shield, Settings, Search, Scale, Rocket, Plug, Plane, Phone, Microscope, MessageSquare, MapPin, Mail, Lock, Lightbulb, Leaf, Layers, Hospital, HeartPulse, Headset, HardHat, Handshake, GraduationCap, Globe, FlaskConical, FileText, Factory, DollarSign, Database, Cloud, Clock, ClipboardCheck, CircleCheck, ChartLine, ChartColumn, CalendarCheck, Calendar, Building2, Briefcase, Bell, BadgeCheck, Award, Activity, ArrowRight } from 'lucide-react';
+
+var defaultMetricStatusLabels = {
+  live: "Live data",
+  modeled: "Modeled",
+  maturing: "Data maturing"
+};
+var dotClass = {
+  live: "bg-success",
+  modeled: "bg-info",
+  maturing: "bg-warning"
+};
+var MetricStatusBadge = React2.forwardRef(({ status, label, onDark, className, ...rest }, ref) => /* @__PURE__ */ jsxs(
+  "span",
+  {
+    ref,
+    "data-slot": "metric-status-badge",
+    "data-status": status,
+    className: cn(
+      "inline-flex items-center gap-1.5 rounded-full border px-2.5 py-0.5 text-xs font-medium",
+      onDark ? "border-white/20 bg-white/10 text-white" : "border-border bg-card text-foreground",
+      className
+    ),
+    ...rest,
+    children: [
+      /* @__PURE__ */ jsx(
+        "span",
+        {
+          "aria-hidden": "true",
+          className: cn("size-1.5 rounded-full", dotClass[status])
+        }
+      ),
+      label ?? defaultMetricStatusLabels[status]
+    ]
+  }
+));
+MetricStatusBadge.displayName = "MetricStatusBadge";
+
+// src/utils/own.ts
+function ownProperty(map, key) {
+  return map != null && Object.hasOwn(map, key) ? map[key] : void 0;
+}
+var templateIcons = {
+  activity: Activity,
+  award: Award,
+  "badge-check": BadgeCheck,
+  bell: Bell,
+  briefcase: Briefcase,
+  building: Building2,
+  calendar: Calendar,
+  "calendar-check": CalendarCheck,
+  "chart-column": ChartColumn,
+  "chart-line": ChartLine,
+  "circle-check": CircleCheck,
+  "clipboard-check": ClipboardCheck,
+  clock: Clock,
+  cloud: Cloud,
+  database: Database,
+  "dollar-sign": DollarSign,
+  factory: Factory,
+  "file-text": FileText,
+  flask: FlaskConical,
+  globe: Globe,
+  "graduation-cap": GraduationCap,
+  handshake: Handshake,
+  "hard-hat": HardHat,
+  headset: Headset,
+  "heart-pulse": HeartPulse,
+  hospital: Hospital,
+  layers: Layers,
+  leaf: Leaf,
+  lightbulb: Lightbulb,
+  lock: Lock,
+  mail: Mail,
+  "map-pin": MapPin,
+  "message-square": MessageSquare,
+  microscope: Microscope,
+  phone: Phone,
+  plane: Plane,
+  plug: Plug,
+  rocket: Rocket,
+  scale: Scale,
+  search: Search,
+  settings: Settings,
+  shield: Shield,
+  "shield-check": ShieldCheck,
+  smartphone: Smartphone,
+  sparkles: Sparkles,
+  stethoscope: Stethoscope,
+  syringe: Syringe,
+  target: Target,
+  timer: Timer,
+  "trending-up": TrendingUp,
+  truck: Truck,
+  "user-check": UserCheck,
+  users: Users,
+  workflow: Workflow,
+  wrench: Wrench,
+  zap: Zap
+};
+function TemplateIcon({ name, icons, className }) {
+  const Icon = ownProperty(icons, name) ?? ownProperty(templateIcons, name);
+  if (Icon)
+    return /* @__PURE__ */ jsx(
+      Icon,
+      {
+        "aria-hidden": "true",
+        strokeWidth: 1.75,
+        className: cn("size-5", className)
+      }
+    );
+  if (name.length <= 4)
+    return /* @__PURE__ */ jsx(
+      "span",
+      {
+        "aria-hidden": "true",
+        className: cn("text-xs font-bold tracking-wide", className),
+        children: name
+      }
+    );
+  return null;
+}
+var toneSurface = {
+  default: "bg-background text-foreground",
+  muted: "bg-muted text-foreground",
+  brand: "bg-primary-900 text-white"
+};
+var toneClass = (tone) => toneSurface[tone];
+var cardClass = (tone) => tone === "brand" ? "border border-white/15 bg-white/5 text-white" : "border border-border bg-card text-card-foreground";
+var mutedTextClass = (tone) => tone === "brand" ? "text-white/80" : tone === "muted" ? "text-foreground/80" : "text-muted-foreground";
+var headingTextClass = (tone) => tone === "brand" ? "text-white" : "text-foreground";
+var accentTextClass = (tone) => tone === "brand" ? "text-white" : "text-primary-800 dark:text-primary-300";
+var containerClass = (width = "wide") => cn(
+  "mx-auto w-full px-4 sm:px-6 lg:px-8",
+  width === "narrow" ? "max-w-3xl" : "max-w-7xl"
+);
+var SAFE_HREF_SCHEME = /^(?:https?|mailto|tel):/i;
+function safeHref(href) {
+  if (href == null) return void 0;
+  const stripped = href.replace(/[\u0000-\u0020]/g, "");
+  if (!stripped) return void 0;
+  if (!/^[a-z][a-z0-9+.-]*:/i.test(stripped)) return href;
+  return SAFE_HREF_SCHEME.test(stripped) ? href : void 0;
+}
+function TemplateAnchor({
+  components,
+  trackingId,
+  children,
+  ...props
+}) {
+  const Link = components?.Link;
+  const href = safeHref(props.href);
+  const all = { ...props, href, "data-track": trackingId };
+  return Link && href != null ? /* @__PURE__ */ jsx(Link, { ...all, href, children }) : /* @__PURE__ */ jsx("a", { ...all, children });
+}
+var fetchPriorityHigh = React2.version.startsWith("18.") ? { fetchpriority: "high" } : { fetchPriority: "high" };
+function TemplateImg({
+  components,
+  priority,
+  ...image
+}) {
+  const Image = components?.Image;
+  if (Image) return /* @__PURE__ */ jsx(Image, { ...image, priority });
+  return /* @__PURE__ */ jsx(
+    "img",
+    {
+      ...image,
+      alt: image.alt,
+      loading: priority ? void 0 : "lazy",
+      ...priority ? fetchPriorityHigh : {},
+      decoding: "async"
+    }
+  );
+}
+function SectionHeading({
+  eyebrow,
+  title,
+  description,
+  as: Heading = "h2",
+  size = "section",
+  align = "start",
+  tone = "default",
+  titleId,
+  className
+}) {
+  if (!eyebrow && !title && !description) return null;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-slot": "section-heading",
+      className: cn(
+        "max-w-3xl",
+        align === "center" && "mx-auto text-center",
+        className
+      ),
+      children: [
+        eyebrow && /* @__PURE__ */ jsx(
+          "p",
+          {
+            className: cn(
+              "mb-3 text-sm font-semibold tracking-wider uppercase",
+              accentTextClass(tone)
+            ),
+            children: eyebrow
+          }
+        ),
+        title && /* @__PURE__ */ jsx(
+          Heading,
+          {
+            id: titleId,
+            className: cn(
+              "font-bold tracking-tight text-balance",
+              headingTextClass(tone),
+              size === "hero" ? "text-4xl sm:text-5xl lg:text-6xl" : "text-3xl sm:text-4xl"
+            ),
+            children: title
+          }
+        ),
+        description && /* @__PURE__ */ jsx(
+          "p",
+          {
+            className: cn(
+              "mt-4 text-pretty",
+              size === "hero" ? "text-lg sm:text-xl" : "text-lg",
+              mutedTextClass(tone)
+            ),
+            children: description
+          }
+        )
+      ]
+    }
+  );
+}
+var SectionShell = React2.forwardRef(
+  ({
+    eyebrow,
+    title,
+    description,
+    tone = "default",
+    align = "start",
+    width = "wide",
+    spacing = "default",
+    status,
+    statusLabels,
+    className,
+    children,
+    components,
+    ...rest
+  }, ref) => {
+    const titleId = React2.useId();
+    return /* @__PURE__ */ jsx(
+      "section",
+      {
+        ref,
+        "data-slot": "landing-section",
+        "data-tone": tone,
+        "aria-labelledby": title ? titleId : void 0,
+        className: cn(
+          spacing === "compact" ? "py-10 sm:py-14" : "py-16 sm:py-24",
+          toneClass(tone),
+          className
+        ),
+        ...rest,
+        children: /* @__PURE__ */ jsxs("div", { className: containerClass(width), children: [
+          /* @__PURE__ */ jsx(
+            SectionHeading,
+            {
+              eyebrow,
+              title,
+              description,
+              align,
+              tone,
+              titleId,
+              className: cn(width === "narrow" && "max-w-none")
+            }
+          ),
+          status && /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: cn(
+                "mt-4 flex",
+                align === "center" && "justify-center"
+              ),
+              children: /* @__PURE__ */ jsx(
+                MetricStatusBadge,
+                {
+                  status,
+                  label: statusLabels?.[status],
+                  onDark: tone === "brand"
+                }
+              )
+            }
+          ),
+          children
+        ] })
+      }
+    );
+  }
+);
+SectionShell.displayName = "SectionShell";
+function CtaLinks({
+  primary,
+  secondary,
+  tone = "default",
+  align = "start",
+  className,
+  components
+}) {
+  if (!primary && !secondary) return null;
+  const onBrand = tone === "brand";
+  const wrap = "h-auto min-h-12 py-3 whitespace-normal text-center";
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-slot": "cta-links",
+      className: cn(
+        "flex flex-col gap-3 sm:flex-row sm:flex-wrap",
+        align === "center" && "sm:justify-center",
+        className
+      ),
+      children: [
+        primary && /* @__PURE__ */ jsxs(
+          TemplateAnchor,
+          {
+            href: primary.href,
+            trackingId: primary.trackingId,
+            components,
+            "data-slot": "cta-primary",
+            className: cn(
+              buttonVariants({ variant: "primary", size: "lg" }),
+              wrap,
+              onBrand && "text-primary-900 hover:bg-primary-50 active:bg-primary-100 bg-white"
+            ),
+            children: [
+              primary.label,
+              /* @__PURE__ */ jsx(ArrowRight, { "aria-hidden": "true", className: "size-5 rtl:-scale-x-100" })
+            ]
+          }
+        ),
+        secondary && /* @__PURE__ */ jsx(
+          TemplateAnchor,
+          {
+            href: secondary.href,
+            trackingId: secondary.trackingId,
+            components,
+            "data-slot": "cta-secondary",
+            className: cn(
+              buttonVariants({ variant: "outline", size: "lg" }),
+              wrap,
+              onBrand && "border-white/70 text-white hover:bg-white/10 hover:text-white dark:border-white/70 dark:text-white dark:hover:bg-white/10"
+            ),
+            children: secondary.label
+          }
+        )
+      ]
+    }
+  );
+}
+function IconTile({
+  name,
+  icons,
+  tone = "default",
+  className
+}) {
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      "data-slot": "icon-tile",
+      className: cn(
+        "inline-flex size-11 shrink-0 items-center justify-center rounded-xl",
+        tone === "brand" ? "bg-white/10 text-white" : "bg-primary-100 text-primary-900 dark:bg-primary-900/60 dark:text-primary-200",
+        className
+      ),
+      children: /* @__PURE__ */ jsx(TemplateIcon, { name, icons })
+    }
+  );
+}
+
+export { CtaLinks, IconTile, MetricStatusBadge, SectionHeading, SectionShell, TemplateAnchor, TemplateIcon, TemplateImg, accentTextClass, cardClass, containerClass, defaultMetricStatusLabels, headingTextClass, mutedTextClass, ownProperty, safeHref, templateIcons, toneClass };
+//# sourceMappingURL=chunk-FBCDYTWM.js.map
+//# sourceMappingURL=chunk-FBCDYTWM.js.map

package/dist/chunk-FBCDYTWM.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/MetricStatusBadge/MetricStatusBadge.tsx","../src/utils/own.ts","../src/templates/icons.tsx","../src/templates/Section.tsx"],"names":["React","jsx","jsxs"],"mappings":"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","file":"chunk-FBCDYTWM.js","sourcesContent":["import * as React from 'react';\nimport { cn } from '../../utils/cn';\n\n/** Where a figure comes from: measured, estimated, or still being instrumented. */\nexport type MetricStatus = 'live' | 'modeled' | 'maturing';\n\n/** Translated badge text, per status. */\nexport type MetricStatusLabels = Partial<Record<MetricStatus, string>>;\n\nexport const defaultMetricStatusLabels: Record<MetricStatus, string> = {\n  live: 'Live data',\n  modeled: 'Modeled',\n  maturing: 'Data maturing',\n};\n\nconst dotClass: Record<MetricStatus, string> = {\n  live: 'bg-success',\n  modeled: 'bg-info',\n  maturing: 'bg-warning',\n};\n\nexport interface MetricStatusBadgeProps extends React.HTMLAttributes<HTMLSpanElement> {\n  status: MetricStatus;\n  /** Override the visible label, e.g. for translation. */\n  label?: string;\n  /** Set on dark or brand surfaces. */\n  onDark?: boolean;\n}\n\n/** Labels a figure by provenance so readers can tell measured data from estimates. */\nexport const MetricStatusBadge = React.forwardRef<\n  HTMLSpanElement,\n  MetricStatusBadgeProps\n>(({ status, label, onDark, className, ...rest }, ref) => (\n  <span\n    ref={ref}\n    data-slot=\"metric-status-badge\"\n    data-status={status}\n    className={cn(\n      'inline-flex items-center gap-1.5 rounded-full border px-2.5 py-0.5 text-xs font-medium',\n      onDark\n        ? 'border-white/20 bg-white/10 text-white'\n        : 'border-border bg-card text-foreground',\n      className\n    )}\n    {...rest}\n  >\n    <span\n      aria-hidden=\"true\"\n      className={cn('size-1.5 rounded-full', dotClass[status])}\n    />\n    {label ?? defaultMetricStatusLabels[status]}\n  </span>\n));\nMetricStatusBadge.displayName = 'MetricStatusBadge';\n","/**\n * `map[key]` restricted to own properties. Runtime page/CMS data supplies the\n * key, and a plain bracket lookup would also reach inherited\n * `Object.prototype` members — `\"toString\"` or `\"constructor\"` must resolve to\n * \"unknown\", not to a built-in function React then tries to render or call.\n */\nexport function ownProperty<T>(\n  map: Record<string, T> | undefined,\n  key: string\n): T | undefined {\n  return map != null && Object.hasOwn(map, key) ? map[key] : undefined;\n}\n","import type * as React from 'react';\nimport {\n  Activity,\n  Award,\n  BadgeCheck,\n  Bell,\n  Briefcase,\n  Building2,\n  Calendar,\n  CalendarCheck,\n  ChartColumn,\n  ChartLine,\n  CircleCheck,\n  ClipboardCheck,\n  Clock,\n  Cloud,\n  Database,\n  DollarSign,\n  Factory,\n  FileText,\n  FlaskConical,\n  Globe,\n  GraduationCap,\n  Handshake,\n  HardHat,\n  Headset,\n  HeartPulse,\n  Hospital,\n  Layers,\n  Leaf,\n  Lightbulb,\n  Lock,\n  Mail,\n  MapPin,\n  MessageSquare,\n  Microscope,\n  Phone,\n  Plane,\n  Plug,\n  Rocket,\n  Scale,\n  Search,\n  Settings,\n  Shield,\n  ShieldCheck,\n  Smartphone,\n  Sparkles,\n  Stethoscope,\n  Syringe,\n  Target,\n  Timer,\n  TrendingUp,\n  Truck,\n  UserCheck,\n  Users,\n  Workflow,\n  Wrench,\n  Zap,\n} from 'lucide-react';\nimport { cn } from '../utils/cn';\nimport { ownProperty } from '../utils/own';\n\nexport type TemplateIconComponent = React.ComponentType<{\n  className?: string;\n  strokeWidth?: number;\n  'aria-hidden'?: boolean | 'true' | 'false';\n}>;\n\n/** Extra icon tokens a site maps to its own components; merged over the built-ins. */\nexport type TemplateIconRegistry = Record<string, TemplateIconComponent>;\n\n/**\n * Built-in icon tokens. Page data names an icon by token (`\"shield-check\"`)\n * rather than holding a component, so it stays JSON-serializable.\n */\nexport const templateIcons = {\n  activity: Activity,\n  award: Award,\n  'badge-check': BadgeCheck,\n  bell: Bell,\n  briefcase: Briefcase,\n  building: Building2,\n  calendar: Calendar,\n  'calendar-check': CalendarCheck,\n  'chart-column': ChartColumn,\n  'chart-line': ChartLine,\n  'circle-check': CircleCheck,\n  'clipboard-check': ClipboardCheck,\n  clock: Clock,\n  cloud: Cloud,\n  database: Database,\n  'dollar-sign': DollarSign,\n  factory: Factory,\n  'file-text': FileText,\n  flask: FlaskConical,\n  globe: Globe,\n  'graduation-cap': GraduationCap,\n  handshake: Handshake,\n  'hard-hat': HardHat,\n  headset: Headset,\n  'heart-pulse': HeartPulse,\n  hospital: Hospital,\n  layers: Layers,\n  leaf: Leaf,\n  lightbulb: Lightbulb,\n  lock: Lock,\n  mail: Mail,\n  'map-pin': MapPin,\n  'message-square': MessageSquare,\n  microscope: Microscope,\n  phone: Phone,\n  plane: Plane,\n  plug: Plug,\n  rocket: Rocket,\n  scale: Scale,\n  search: Search,\n  settings: Settings,\n  shield: Shield,\n  'shield-check': ShieldCheck,\n  smartphone: Smartphone,\n  sparkles: Sparkles,\n  stethoscope: Stethoscope,\n  syringe: Syringe,\n  target: Target,\n  timer: Timer,\n  'trending-up': TrendingUp,\n  truck: Truck,\n  'user-check': UserCheck,\n  users: Users,\n  workflow: Workflow,\n  wrench: Wrench,\n  zap: Zap,\n} satisfies TemplateIconRegistry;\n\nexport type TemplateIconName = keyof typeof templateIcons;\n\nexport interface TemplateIconProps {\n  /** A built-in token, a token from `icons`, or a lettermark of up to four characters. */\n  name: string;\n  icons?: TemplateIconRegistry;\n  className?: string;\n}\n\nexport function TemplateIcon({ name, icons, className }: TemplateIconProps) {\n  // Icon names are page/CMS data — own properties only, or \"toString\" would\n  // resolve to a prototype method instead of the lettermark/null fallback.\n  const Icon =\n    ownProperty(icons, name) ??\n    ownProperty(templateIcons as TemplateIconRegistry, name);\n  if (Icon)\n    return (\n      <Icon\n        aria-hidden=\"true\"\n        strokeWidth={1.75}\n        className={cn('size-5', className)}\n      />\n    );\n  if (name.length <= 4)\n    return (\n      <span\n        aria-hidden=\"true\"\n        className={cn('text-xs font-bold tracking-wide', className)}\n      >\n        {name}\n      </span>\n    );\n  return null;\n}\n","import * as React from 'react';\nimport { ArrowRight } from 'lucide-react';\nimport { buttonVariants } from '../components/Button/button-variants';\nimport {\n  MetricStatusBadge,\n  type MetricStatus,\n  type MetricStatusLabels,\n} from '../components/MetricStatusBadge/MetricStatusBadge';\nimport { cn } from '../utils/cn';\nimport { TemplateIcon, type TemplateIconRegistry } from './icons';\nimport type {\n  SectionAlign,\n  SectionTone,\n  TemplateComponents,\n  TemplateImageProps,\n  TemplateLink,\n  TemplateLinkProps,\n} from './types';\n\nconst toneSurface: Record<SectionTone, string> = {\n  default: 'bg-background text-foreground',\n  muted: 'bg-muted text-foreground',\n  brand: 'bg-primary-900 text-white',\n};\n\nexport const toneClass = (tone: SectionTone) => toneSurface[tone];\n\n/** Card surface that reads correctly on the given section tone. */\nexport const cardClass = (tone: SectionTone) =>\n  tone === 'brand'\n    ? 'border border-white/15 bg-white/5 text-white'\n    : 'border border-border bg-card text-card-foreground';\n\n// muted-foreground on bg-muted drops below AA in dark mode, so the muted tone mixes foreground instead.\nexport const mutedTextClass = (tone: SectionTone) =>\n  tone === 'brand'\n    ? 'text-white/80'\n    : tone === 'muted'\n      ? 'text-foreground/80'\n      : 'text-muted-foreground';\n\n// Explicit, because host sites often colour h1–h4 in a base layer that beats inheritance.\nexport const headingTextClass = (tone: SectionTone) =>\n  tone === 'brand' ? 'text-white' : 'text-foreground';\n\n// 800 (light) is the shade Button's primary fill already guarantees against white.\nexport const accentTextClass = (tone: SectionTone) =>\n  tone === 'brand' ? 'text-white' : 'text-primary-800 dark:text-primary-300';\n\nexport const containerClass = (width: 'wide' | 'narrow' = 'wide') =>\n  cn(\n    'mx-auto w-full px-4 sm:px-6 lg:px-8',\n    width === 'narrow' ? 'max-w-3xl' : 'max-w-7xl'\n  );\n\nconst SAFE_HREF_SCHEME = /^(?:https?|mailto|tel):/i;\n\n/**\n * A URL from page data, or `undefined` if its scheme is not http(s), mailto or\n * tel. Content/CMS URLs are untrusted, and a `javascript:` href is script\n * execution — React and site Link adapters render it verbatim.\n */\nexport function safeHref(href: string | undefined): string | undefined {\n  if (href == null) return undefined;\n  // Browsers drop tab/newline and leading controls when parsing, so\n  // `java\\tscript:` still runs — match the scheme on the stripped value.\n  // eslint-disable-next-line no-control-regex\n  const stripped = href.replace(/[\\u0000-\\u0020]/g, '');\n  // Blank means \"current document URL\" as a form action — not a real target.\n  if (!stripped) return undefined;\n  if (!/^[a-z][a-z0-9+.-]*:/i.test(stripped)) return href; // relative, hash, query, //\n  return SAFE_HREF_SCHEME.test(stripped) ? href : undefined;\n}\n\n/** An anchor, or the site's `components.Link`, with `trackingId` as `data-track`. */\nexport function TemplateAnchor({\n  components,\n  trackingId,\n  children,\n  ...props\n}: TemplateLinkProps & {\n  components?: TemplateComponents;\n  trackingId?: string;\n}) {\n  const Link = components?.Link;\n  const href = safeHref(props.href);\n  const all = { ...props, href, 'data-track': trackingId };\n  // Adapters require an href (Next's Link throws), so a dropped one falls back\n  // to an inert plain anchor.\n  return Link && href != null ? (\n    <Link {...all} href={href}>\n      {children}\n    </Link>\n  ) : (\n    <a {...all}>{children}</a>\n  );\n}\n\n// React 18 only passes the lowercase attribute through; React 19 wants camelCase.\nconst fetchPriorityHigh = (\n  React.version.startsWith('18.')\n    ? { fetchpriority: 'high' }\n    : { fetchPriority: 'high' }\n) as React.ImgHTMLAttributes<HTMLImageElement>;\n\n/** An `<img>`, or the site's `components.Image`. */\nexport function TemplateImg({\n  components,\n  priority,\n  ...image\n}: TemplateImageProps & { components?: TemplateComponents }) {\n  const Image = components?.Image;\n  if (Image) return <Image {...image} priority={priority} />;\n  return (\n    <img\n      {...image}\n      alt={image.alt}\n      loading={priority ? undefined : 'lazy'}\n      {...(priority ? fetchPriorityHigh : {})}\n      decoding=\"async\"\n    />\n  );\n}\n\nexport interface SectionHeadingProps {\n  eyebrow?: string;\n  title?: string;\n  description?: string;\n  /** Heading element. Sections use `h2`; only a page's hero is `h1`. */\n  as?: 'h1' | 'h2' | 'h3';\n  size?: 'section' | 'hero';\n  align?: SectionAlign;\n  tone?: SectionTone;\n  titleId?: string;\n  className?: string;\n}\n\n/** Eyebrow, heading and supporting text — the opener every landing section shares. */\nexport function SectionHeading({\n  eyebrow,\n  title,\n  description,\n  as: Heading = 'h2',\n  size = 'section',\n  align = 'start',\n  tone = 'default',\n  titleId,\n  className,\n}: SectionHeadingProps) {\n  if (!eyebrow && !title && !description) return null;\n  return (\n    <div\n      data-slot=\"section-heading\"\n      className={cn(\n        'max-w-3xl',\n        align === 'center' && 'mx-auto text-center',\n        className\n      )}\n    >\n      {eyebrow && (\n        <p\n          className={cn(\n            'mb-3 text-sm font-semibold tracking-wider uppercase',\n            accentTextClass(tone)\n          )}\n        >\n          {eyebrow}\n        </p>\n      )}\n      {title && (\n        <Heading\n          id={titleId}\n          className={cn(\n            'font-bold tracking-tight text-balance',\n            headingTextClass(tone),\n            size === 'hero'\n              ? 'text-4xl sm:text-5xl lg:text-6xl'\n              : 'text-3xl sm:text-4xl'\n          )}\n        >\n          {title}\n        </Heading>\n      )}\n      {description && (\n        <p\n          className={cn(\n            'mt-4 text-pretty',\n            size === 'hero' ? 'text-lg sm:text-xl' : 'text-lg',\n            mutedTextClass(tone)\n          )}\n        >\n          {description}\n        </p>\n      )}\n    </div>\n  );\n}\n\nexport interface SectionShellProps extends Omit<\n  React.HTMLAttributes<HTMLElement>,\n  'title'\n> {\n  eyebrow?: string;\n  title?: string;\n  description?: string;\n  tone?: SectionTone;\n  align?: SectionAlign;\n  width?: 'wide' | 'narrow';\n  spacing?: 'default' | 'compact';\n  /** Provenance badge under the heading, for sections that report figures. */\n  status?: MetricStatus;\n  /** Translated text for the `status` badge. */\n  statusLabels?: MetricStatusLabels;\n  /** Accepted so sections can forward their props; the shell renders no links or images. */\n  components?: TemplateComponents;\n}\n\n/**\n * The `<section>` + container + heading frame every landing section renders.\n * Exported so a site can build its own section that sits flush with the rest.\n */\nexport const SectionShell = React.forwardRef<HTMLElement, SectionShellProps>(\n  (\n    {\n      eyebrow,\n      title,\n      description,\n      tone = 'default',\n      align = 'start',\n      width = 'wide',\n      spacing = 'default',\n      status,\n      statusLabels,\n      className,\n      children,\n      components,\n      ...rest\n    },\n    ref\n  ) => {\n    void components; // kept off the DOM\n    const titleId = React.useId();\n    return (\n      <section\n        ref={ref}\n        data-slot=\"landing-section\"\n        data-tone={tone}\n        aria-labelledby={title ? titleId : undefined}\n        className={cn(\n          spacing === 'compact' ? 'py-10 sm:py-14' : 'py-16 sm:py-24',\n          toneClass(tone),\n          className\n        )}\n        {...rest}\n      >\n        <div className={containerClass(width)}>\n          <SectionHeading\n            eyebrow={eyebrow}\n            title={title}\n            description={description}\n            align={align}\n            tone={tone}\n            titleId={titleId}\n            className={cn(width === 'narrow' && 'max-w-none')}\n          />\n          {status && (\n            <div\n              className={cn(\n                'mt-4 flex',\n                align === 'center' && 'justify-center'\n              )}\n            >\n              <MetricStatusBadge\n                status={status}\n                label={statusLabels?.[status]}\n                onDark={tone === 'brand'}\n              />\n            </div>\n          )}\n          {children}\n        </div>\n      </section>\n    );\n  }\n);\nSectionShell.displayName = 'SectionShell';\n\nexport interface CtaLinksProps {\n  primary?: TemplateLink;\n  secondary?: TemplateLink;\n  tone?: SectionTone;\n  align?: SectionAlign;\n  className?: string;\n  components?: TemplateComponents;\n}\n\n/** Primary + secondary calls to action as button-styled anchors. */\nexport function CtaLinks({\n  primary,\n  secondary,\n  tone = 'default',\n  align = 'start',\n  className,\n  components,\n}: CtaLinksProps) {\n  if (!primary && !secondary) return null;\n  const onBrand = tone === 'brand';\n  // Long or translated labels must wrap rather than overflow on phones.\n  const wrap = 'h-auto min-h-12 py-3 whitespace-normal text-center';\n  return (\n    <div\n      data-slot=\"cta-links\"\n      className={cn(\n        'flex flex-col gap-3 sm:flex-row sm:flex-wrap',\n        align === 'center' && 'sm:justify-center',\n        className\n      )}\n    >\n      {primary && (\n        <TemplateAnchor\n          href={primary.href}\n          trackingId={primary.trackingId}\n          components={components}\n          data-slot=\"cta-primary\"\n          className={cn(\n            buttonVariants({ variant: 'primary', size: 'lg' }),\n            wrap,\n            onBrand &&\n              'text-primary-900 hover:bg-primary-50 active:bg-primary-100 bg-white'\n          )}\n        >\n          {primary.label}\n          <ArrowRight aria-hidden=\"true\" className=\"size-5 rtl:-scale-x-100\" />\n        </TemplateAnchor>\n      )}\n      {secondary && (\n        <TemplateAnchor\n          href={secondary.href}\n          trackingId={secondary.trackingId}\n          components={components}\n          data-slot=\"cta-secondary\"\n          className={cn(\n            buttonVariants({ variant: 'outline', size: 'lg' }),\n            wrap,\n            onBrand &&\n              'border-white/70 text-white hover:bg-white/10 hover:text-white dark:border-white/70 dark:text-white dark:hover:bg-white/10'\n          )}\n        >\n          {secondary.label}\n        </TemplateAnchor>\n      )}\n    </div>\n  );\n}\n\nexport interface IconTileProps {\n  name: string;\n  icons?: TemplateIconRegistry;\n  tone?: SectionTone;\n  className?: string;\n}\n\nexport function IconTile({\n  name,\n  icons,\n  tone = 'default',\n  className,\n}: IconTileProps) {\n  return (\n    <span\n      data-slot=\"icon-tile\"\n      className={cn(\n        'inline-flex size-11 shrink-0 items-center justify-center rounded-xl',\n        tone === 'brand'\n          ? 'bg-white/10 text-white'\n          : 'bg-primary-100 text-primary-900 dark:bg-primary-900/60 dark:text-primary-200',\n        className\n      )}\n    >\n      <TemplateIcon name={name} icons={icons} />\n    </span>\n  );\n}\n"]}

package/dist/{chunk-V7D3YGUV.js → chunk-FGLIP6YR.js}

@@ -1,5 +1,5 @@
-import { FenceBlock } from './chunk-H4ZXMQQW.js';
-import { Button } from './chunk-GOALNQZ2.js';
+import { FenceBlock } from './chunk-HDY7YQFX.js';
+import { Button } from './chunk-WFBUBT54.js';
 import { Code, Eye, Maximize2 } from 'lucide-react';
 import { useState, useRef, useEffect, useCallback } from 'react';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
@@ -131,5 +131,5 @@ var HtmlPreviewBlock = ({
 };
 
 export { HtmlPreviewBlock };
-//# sourceMappingURL=chunk-V7D3YGUV.js.map
-//# sourceMappingURL=chunk-V7D3YGUV.js.map
+//# sourceMappingURL=chunk-FGLIP6YR.js.map
+//# sourceMappingURL=chunk-FGLIP6YR.js.map

package/dist/{chunk-V7D3YGUV.js.map → chunk-FGLIP6YR.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Markdown/HtmlPreviewBlock.tsx"],"names":[],"mappings":"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","file":"chunk-V7D3YGUV.js","sourcesContent":["/** Sandboxed iframe preview for HTML code blocks. */\nimport { Code, Eye, Maximize2 } from 'lucide-react';\nimport React, { useCallback, useEffect, useRef, useState } from 'react';\n\nimport { Button } from '../Button';\nimport { FenceBlock } from './FenceBlock';\n\ninterface HtmlPreviewBlockProps {\n  code: string;\n  id: string;\n}\n\nfunction isFullDocument(html: string): boolean {\n  return /<!DOCTYPE|<html/i.test(html);\n}\n\nfunction wrapFragment(html: string): string {\n  return `<!DOCTYPE html>\n<html>\n<head><meta charset=\"utf-8\"><style>body{margin:0;padding:8px;font-family:system-ui,sans-serif;font-size:14px}</style></head>\n<body>${html}</body>\n</html>`;\n}\n\nexport const HtmlPreviewBlock: React.FC<HtmlPreviewBlockProps> = ({\n  code,\n  id,\n}) => {\n  const [showPreview, setShowPreview] = useState(false);\n  const [expanded, setExpanded] = useState(false);\n  const iframeRef = useRef<HTMLIFrameElement>(null);\n  const [iframeHeight, setIframeHeight] = useState(200);\n\n  const srcdoc = isFullDocument(code) ? code : wrapFragment(code);\n\n  useEffect(() => {\n    function handleMessage(event: globalThis.MessageEvent) {\n      // Sandboxed srcDoc iframes report origin \"null\"; validate source to prevent spoofing.\n      if (event.origin !== 'null' && event.origin !== window.location.origin)\n        return;\n      if (event.source !== iframeRef.current?.contentWindow) return;\n      if (event.data?.type === 'HTML_PREVIEW_RESIZE' && event.data?.id === id) {\n        setIframeHeight(Math.min(Math.max(event.data.height, 200), 4000));\n      }\n    }\n    window.addEventListener('message', handleMessage);\n    return () => window.removeEventListener('message', handleMessage);\n  }, [id]);\n\n  useEffect(() => {\n    if (!expanded) return;\n    function handleKey(e: KeyboardEvent) {\n      if (e.key === 'Escape') setExpanded(false);\n    }\n    document.addEventListener('keydown', handleKey);\n    return () => document.removeEventListener('keydown', handleKey);\n  }, [expanded]);\n\n  const togglePreview = useCallback(() => setShowPreview((v) => !v), []);\n\n  const headerActions = (\n    <>\n      <Button\n        variant=\"ghost\"\n        size=\"sm\"\n        onClick={togglePreview}\n        className=\"h-7 gap-1 px-2 text-xs\"\n      >\n        {showPreview ? (\n          <Code className=\"h-3 w-3\" />\n        ) : (\n          <Eye className=\"h-3 w-3\" />\n        )}\n        {showPreview ? 'Code' : 'Preview'}\n      </Button>\n      {showPreview && (\n        <Button\n          variant=\"ghost\"\n          size=\"sm\"\n          onClick={() => setExpanded(true)}\n          className=\"h-7 w-7 p-0\"\n          aria-label=\"Expand preview\"\n        >\n          <Maximize2 className=\"h-3 w-3\" />\n        </Button>\n      )}\n    </>\n  );\n\n  return (\n    <>\n      <FenceBlock code={code} language=\"html\" headerActions={headerActions}>\n        <div className=\"relative\">\n          {showPreview ? (\n            <iframe\n              ref={iframeRef}\n              srcDoc={srcdoc}\n              // `allow-scripts` lets previewed HTML run its own JS (charts, demos,\n              // and the optional resize-postMessage handshake). It is intentionally\n              // NOT paired with `allow-same-origin`, so the content runs in an\n              // opaque (null) origin with no access to this page, cookies, or storage.\n              sandbox=\"allow-scripts allow-forms\"\n              referrerPolicy=\"no-referrer\"\n              className=\"w-full border-0\"\n              style={{ height: iframeHeight }}\n              title=\"HTML Preview\"\n            />\n          ) : (\n            <pre className=\"overflow-x-auto p-3 text-sm\">\n              <code>{code}</code>\n            </pre>\n          )}\n        </div>\n      </FenceBlock>\n\n      {expanded && (\n        <div\n          className=\"fixed inset-0 z-50 flex items-center justify-center bg-black/50\"\n          role=\"dialog\"\n          aria-modal=\"true\"\n          aria-label=\"HTML Preview\"\n        >\n          <button\n            type=\"button\"\n            aria-label=\"Close preview\"\n            className=\"absolute inset-0 h-full w-full cursor-default border-0 bg-transparent p-0\"\n            onClick={() => setExpanded(false)}\n          />\n          <div className=\"relative h-[90vh] w-[90vw] overflow-hidden rounded-lg bg-white shadow-xl dark:bg-neutral-900\">\n            <div className=\"flex items-center justify-between border-b border-neutral-200 px-4 py-2 dark:border-neutral-700\">\n              <span className=\"text-sm font-medium\">HTML Preview</span>\n              <Button\n                variant=\"ghost\"\n                size=\"sm\"\n                onClick={() => setExpanded(false)}\n              >\n                Close\n              </Button>\n            </div>\n            <iframe\n              srcDoc={srcdoc}\n              sandbox=\"allow-scripts allow-forms\"\n              referrerPolicy=\"no-referrer\"\n              className=\"h-full w-full border-0\"\n              title=\"HTML Preview (expanded)\"\n            />\n          </div>\n        </div>\n      )}\n    </>\n  );\n};\n"]}
+{"version":3,"sources":["../src/components/Markdown/HtmlPreviewBlock.tsx"],"names":[],"mappings":";;;;;;AAYA,SAAS,eAAe,IAAA,EAAuB;AAC7C,EAAA,OAAO,kBAAA,CAAmB,KAAK,IAAI,CAAA;AACrC;AAEA,SAAS,aAAa,IAAA,EAAsB;AAC1C,EAAA,OAAO,CAAA;AAAA;AAAA;AAAA,MAAA,EAGD,IAAI,CAAA;AAAA,OAAA,CAAA;AAEZ;AAEO,IAAM,mBAAoD,CAAC;AAAA,EAChE,IAAA;AAAA,EACA;AACF,CAAA,KAAM;AACJ,EAAA,MAAM,CAAC,WAAA,EAAa,cAAc,CAAA,GAAI,SAAS,KAAK,CAAA;AACpD,EAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAI,SAAS,KAAK,CAAA;AAC9C,EAAA,MAAM,SAAA,GAAY,OAA0B,IAAI,CAAA;AAChD,EAAA,MAAM,CAAC,YAAA,EAAc,eAAe,CAAA,GAAI,SAAS,GAAG,CAAA;AAEpD,EAAA,MAAM,SAAS,cAAA,CAAe,IAAI,CAAA,GAAI,IAAA,GAAO,aAAa,IAAI,CAAA;AAE9D,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,SAAS,cAAc,KAAA,EAAgC;AAErD,MAAA,IAAI,MAAM,MAAA,KAAW,MAAA,IAAU,KAAA,CAAM,MAAA,KAAW,OAAO,QAAA,CAAS,MAAA;AAC9D,QAAA;AACF,MAAA,IAAI,KAAA,CAAM,MAAA,KAAW,SAAA,CAAU,OAAA,EAAS,aAAA,EAAe;AACvD,MAAA,IAAI,MAAM,IAAA,EAAM,IAAA,KAAS,yBAAyB,KAAA,CAAM,IAAA,EAAM,OAAO,EAAA,EAAI;AACvE,QAAA,eAAA,CAAgB,IAAA,CAAK,GAAA,CAAI,IAAA,CAAK,GAAA,CAAI,KAAA,CAAM,KAAK,MAAA,EAAQ,GAAG,CAAA,EAAG,GAAI,CAAC,CAAA;AAAA,MAClE;AAAA,IACF;AACA,IAAA,MAAA,CAAO,gBAAA,CAAiB,WAAW,aAAa,CAAA;AAChD,IAAA,OAAO,MAAM,MAAA,CAAO,mBAAA,CAAoB,SAAA,EAAW,aAAa,CAAA;AAAA,EAClE,CAAA,EAAG,CAAC,EAAE,CAAC,CAAA;AAEP,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,CAAC,QAAA,EAAU;AACf,IAAA,SAAS,UAAU,CAAA,EAAkB;AACnC,MAAA,IAAI,CAAA,CAAE,GAAA,KAAQ,QAAA,EAAU,WAAA,CAAY,KAAK,CAAA;AAAA,IAC3C;AACA,IAAA,QAAA,CAAS,gBAAA,CAAiB,WAAW,SAAS,CAAA;AAC9C,IAAA,OAAO,MAAM,QAAA,CAAS,mBAAA,CAAoB,SAAA,EAAW,SAAS,CAAA;AAAA,EAChE,CAAA,EAAG,CAAC,QAAQ,CAAC,CAAA;AAEb,EAAA,MAAM,aAAA,GAAgB,WAAA,CAAY,MAAM,cAAA,CAAe,CAAC,MAAM,CAAC,CAAC,CAAA,EAAG,EAAE,CAAA;AAErE,EAAA,MAAM,gCACJ,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAA,IAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,OAAA,EAAQ,OAAA;AAAA,QACR,IAAA,EAAK,IAAA;AAAA,QACL,OAAA,EAAS,aAAA;AAAA,QACT,SAAA,EAAU,wBAAA;AAAA,QAET,QAAA,EAAA;AAAA,UAAA,WAAA,mBACC,GAAA,CAAC,QAAK,SAAA,EAAU,SAAA,EAAU,oBAE1B,GAAA,CAAC,GAAA,EAAA,EAAI,WAAU,SAAA,EAAU,CAAA;AAAA,UAE1B,cAAc,MAAA,GAAS;AAAA;AAAA;AAAA,KAC1B;AAAA,IACC,WAAA,oBACC,GAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,OAAA,EAAQ,OAAA;AAAA,QACR,IAAA,EAAK,IAAA;AAAA,QACL,OAAA,EAAS,MAAM,WAAA,CAAY,IAAI,CAAA;AAAA,QAC/B,SAAA,EAAU,aAAA;AAAA,QACV,YAAA,EAAW,gBAAA;AAAA,QAEX,QAAA,kBAAA,GAAA,CAAC,SAAA,EAAA,EAAU,SAAA,EAAU,SAAA,EAAU;AAAA;AAAA;AACjC,GAAA,EAEJ,CAAA;AAGF,EAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,UAAA,EAAA,EAAW,MAAY,QAAA,EAAS,MAAA,EAAO,eACtC,QAAA,kBAAA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,UAAA,EACZ,QAAA,EAAA,WAAA,mBACC,GAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QACC,GAAA,EAAK,SAAA;AAAA,QACL,MAAA,EAAQ,MAAA;AAAA,QAKR,OAAA,EAAQ,2BAAA;AAAA,QACR,cAAA,EAAe,aAAA;AAAA,QACf,SAAA,EAAU,iBAAA;AAAA,QACV,KAAA,EAAO,EAAE,MAAA,EAAQ,YAAA,EAAa;AAAA,QAC9B,KAAA,EAAM;AAAA;AAAA,KACR,mBAEA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,6BAAA,EACb,8BAAC,MAAA,EAAA,EAAM,QAAA,EAAA,IAAA,EAAK,CAAA,EACd,CAAA,EAEJ,CAAA,EACF,CAAA;AAAA,IAEC,QAAA,oBACC,IAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAU,iEAAA;AAAA,QACV,IAAA,EAAK,QAAA;AAAA,QACL,YAAA,EAAW,MAAA;AAAA,QACX,YAAA,EAAW,cAAA;AAAA,QAEX,QAAA,EAAA;AAAA,0BAAA,GAAA;AAAA,YAAC,QAAA;AAAA,YAAA;AAAA,cACC,IAAA,EAAK,QAAA;AAAA,cACL,YAAA,EAAW,eAAA;AAAA,cACX,SAAA,EAAU,2EAAA;AAAA,cACV,OAAA,EAAS,MAAM,WAAA,CAAY,KAAK;AAAA;AAAA,WAClC;AAAA,0BACA,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,8FAAA,EACb,QAAA,EAAA;AAAA,4BAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,iGAAA,EACb,QAAA,EAAA;AAAA,8BAAA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,qBAAA,EAAsB,QAAA,EAAA,cAAA,EAAY,CAAA;AAAA,8BAClD,GAAA;AAAA,gBAAC,MAAA;AAAA,gBAAA;AAAA,kBACC,OAAA,EAAQ,OAAA;AAAA,kBACR,IAAA,EAAK,IAAA;AAAA,kBACL,OAAA,EAAS,MAAM,WAAA,CAAY,KAAK,CAAA;AAAA,kBACjC,QAAA,EAAA;AAAA;AAAA;AAED,aAAA,EACF,CAAA;AAAA,4BACA,GAAA;AAAA,cAAC,QAAA;AAAA,cAAA;AAAA,gBACC,MAAA,EAAQ,MAAA;AAAA,gBACR,OAAA,EAAQ,2BAAA;AAAA,gBACR,cAAA,EAAe,aAAA;AAAA,gBACf,SAAA,EAAU,wBAAA;AAAA,gBACV,KAAA,EAAM;AAAA;AAAA;AACR,WAAA,EACF;AAAA;AAAA;AAAA;AACF,GAAA,EAEJ,CAAA;AAEJ","file":"chunk-FGLIP6YR.js","sourcesContent":["/** Sandboxed iframe preview for HTML code blocks. */\nimport { Code, Eye, Maximize2 } from 'lucide-react';\nimport React, { useCallback, useEffect, useRef, useState } from 'react';\n\nimport { Button } from '../Button';\nimport { FenceBlock } from './FenceBlock';\n\ninterface HtmlPreviewBlockProps {\n  code: string;\n  id: string;\n}\n\nfunction isFullDocument(html: string): boolean {\n  return /<!DOCTYPE|<html/i.test(html);\n}\n\nfunction wrapFragment(html: string): string {\n  return `<!DOCTYPE html>\n<html>\n<head><meta charset=\"utf-8\"><style>body{margin:0;padding:8px;font-family:system-ui,sans-serif;font-size:14px}</style></head>\n<body>${html}</body>\n</html>`;\n}\n\nexport const HtmlPreviewBlock: React.FC<HtmlPreviewBlockProps> = ({\n  code,\n  id,\n}) => {\n  const [showPreview, setShowPreview] = useState(false);\n  const [expanded, setExpanded] = useState(false);\n  const iframeRef = useRef<HTMLIFrameElement>(null);\n  const [iframeHeight, setIframeHeight] = useState(200);\n\n  const srcdoc = isFullDocument(code) ? code : wrapFragment(code);\n\n  useEffect(() => {\n    function handleMessage(event: globalThis.MessageEvent) {\n      // Sandboxed srcDoc iframes report origin \"null\"; validate source to prevent spoofing.\n      if (event.origin !== 'null' && event.origin !== window.location.origin)\n        return;\n      if (event.source !== iframeRef.current?.contentWindow) return;\n      if (event.data?.type === 'HTML_PREVIEW_RESIZE' && event.data?.id === id) {\n        setIframeHeight(Math.min(Math.max(event.data.height, 200), 4000));\n      }\n    }\n    window.addEventListener('message', handleMessage);\n    return () => window.removeEventListener('message', handleMessage);\n  }, [id]);\n\n  useEffect(() => {\n    if (!expanded) return;\n    function handleKey(e: KeyboardEvent) {\n      if (e.key === 'Escape') setExpanded(false);\n    }\n    document.addEventListener('keydown', handleKey);\n    return () => document.removeEventListener('keydown', handleKey);\n  }, [expanded]);\n\n  const togglePreview = useCallback(() => setShowPreview((v) => !v), []);\n\n  const headerActions = (\n    <>\n      <Button\n        variant=\"ghost\"\n        size=\"sm\"\n        onClick={togglePreview}\n        className=\"h-7 gap-1 px-2 text-xs\"\n      >\n        {showPreview ? (\n          <Code className=\"h-3 w-3\" />\n        ) : (\n          <Eye className=\"h-3 w-3\" />\n        )}\n        {showPreview ? 'Code' : 'Preview'}\n      </Button>\n      {showPreview && (\n        <Button\n          variant=\"ghost\"\n          size=\"sm\"\n          onClick={() => setExpanded(true)}\n          className=\"h-7 w-7 p-0\"\n          aria-label=\"Expand preview\"\n        >\n          <Maximize2 className=\"h-3 w-3\" />\n        </Button>\n      )}\n    </>\n  );\n\n  return (\n    <>\n      <FenceBlock code={code} language=\"html\" headerActions={headerActions}>\n        <div className=\"relative\">\n          {showPreview ? (\n            <iframe\n              ref={iframeRef}\n              srcDoc={srcdoc}\n              // `allow-scripts` lets previewed HTML run its own JS (charts, demos,\n              // and the optional resize-postMessage handshake). It is intentionally\n              // NOT paired with `allow-same-origin`, so the content runs in an\n              // opaque (null) origin with no access to this page, cookies, or storage.\n              sandbox=\"allow-scripts allow-forms\"\n              referrerPolicy=\"no-referrer\"\n              className=\"w-full border-0\"\n              style={{ height: iframeHeight }}\n              title=\"HTML Preview\"\n            />\n          ) : (\n            <pre className=\"overflow-x-auto p-3 text-sm\">\n              <code>{code}</code>\n            </pre>\n          )}\n        </div>\n      </FenceBlock>\n\n      {expanded && (\n        <div\n          className=\"fixed inset-0 z-50 flex items-center justify-center bg-black/50\"\n          role=\"dialog\"\n          aria-modal=\"true\"\n          aria-label=\"HTML Preview\"\n        >\n          <button\n            type=\"button\"\n            aria-label=\"Close preview\"\n            className=\"absolute inset-0 h-full w-full cursor-default border-0 bg-transparent p-0\"\n            onClick={() => setExpanded(false)}\n          />\n          <div className=\"relative h-[90vh] w-[90vw] overflow-hidden rounded-lg bg-white shadow-xl dark:bg-neutral-900\">\n            <div className=\"flex items-center justify-between border-b border-neutral-200 px-4 py-2 dark:border-neutral-700\">\n              <span className=\"text-sm font-medium\">HTML Preview</span>\n              <Button\n                variant=\"ghost\"\n                size=\"sm\"\n                onClick={() => setExpanded(false)}\n              >\n                Close\n              </Button>\n            </div>\n            <iframe\n              srcDoc={srcdoc}\n              sandbox=\"allow-scripts allow-forms\"\n              referrerPolicy=\"no-referrer\"\n              className=\"h-full w-full border-0\"\n              title=\"HTML Preview (expanded)\"\n            />\n          </div>\n        </div>\n      )}\n    </>\n  );\n};\n"]}

package/dist/{chunk-VU6UTJRM.js → chunk-FIKO4WR6.js}

@@ -1,5 +1,5 @@
 import { useScrollSpy } from './chunk-WBGUYSWY.js';
-import { buttonVariants } from './chunk-GOALNQZ2.js';
+import { buttonVariants } from './chunk-GVM6DTR5.js';
 import { cn } from './chunk-TQONQSJO.js';
 import * as React from 'react';
 import { ArrowDown, ArrowRight, ArrowUpRight } from 'lucide-react';
@@ -138,5 +138,5 @@ function SectionSpyNav({
 }
 
 export { SectionSpyNav };
-//# sourceMappingURL=chunk-VU6UTJRM.js.map
-//# sourceMappingURL=chunk-VU6UTJRM.js.map
+//# sourceMappingURL=chunk-FIKO4WR6.js.map
+//# sourceMappingURL=chunk-FIKO4WR6.js.map

package/dist/{chunk-VU6UTJRM.js.map → chunk-FIKO4WR6.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/SectionSpyNav/SectionSpyNav.tsx"],"names":[],"mappings":"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","file":"chunk-VU6UTJRM.js","sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { ArrowDown, ArrowRight, ArrowUpRight } from 'lucide-react';\nimport { cn } from '../../utils/cn';\nimport { useScrollSpy } from '../../hooks/useScrollSpy';\nimport { buttonVariants } from '../Button';\n\n// =============================================================================\n// Types\n// =============================================================================\n\n/** One section the nav links to. The id must match a `section[id]` on the page. */\nexport interface SectionSpyItem {\n  id: string;\n  label: string;\n}\n\n/**\n * Funnel intent for the bar's single contextual CTA — drives its visual\n * weight so the in-page strip never out-shouts a page's primary CTA:\n * `explore` (quiet next step) → `evaluate` (sales-ready ask) → `commit`\n * (high-intent action).\n */\nexport type SectionSpyCtaTier = 'explore' | 'evaluate' | 'commit';\n\nexport interface SectionSpyCta {\n  label: string;\n  href: string;\n  tier?: SectionSpyCtaTier;\n}\n\nexport interface SectionSpyNavProps {\n  /** Sections to link to, in page order. */\n  items: SectionSpyItem[];\n  /** Optional single page-specific next-step CTA at the end of the bar. */\n  cta?: SectionSpyCta;\n  /** Eyebrow before the links (default \"On this page\"). */\n  label?: string;\n  /**\n   * Visual tone: `surface` sits on the page background; `brand` renders the\n   * inverted primary band.\n   */\n  tone?: 'surface' | 'brand';\n  /** IntersectionObserver root margin tuning for the scroll spy. */\n  rootMargin?: string;\n  /** Called with the section id when a nav link is clicked. */\n  onItemClick?: (id: string) => void;\n  /** Called when the CTA is clicked (e.g. for analytics). */\n  onCtaClick?: (cta: SectionSpyCta) => void;\n  className?: string;\n}\n\n// =============================================================================\n// Internals\n// =============================================================================\n\n/** Directional glyph inferred from the destination. */\nfunction CtaArrow({ href }: { href: string }) {\n  const Icon = href.startsWith('#')\n    ? ArrowDown\n    : href.startsWith('/')\n      ? ArrowRight\n      : ArrowUpRight;\n  // rtl:-scale-x-100 mirrors ArrowRight and ArrowUpRight for RTL reading\n  // direction; ArrowDown is horizontally symmetric so the flip is a no-op.\n  return <Icon aria-hidden=\"true\" className=\"h-3.5 w-3.5 rtl:-scale-x-100\" />;\n}\n\nconst CTA_TIER_VARIANT = {\n  explore: 'ghost',\n  evaluate: 'outline',\n  commit: 'primary',\n} as const;\n\n// =============================================================================\n// SectionSpyNav\n// =============================================================================\n\n/**\n * Sticky horizontal in-page wayfinding: jumps between a page's major\n * sections, highlights the one in view with a sliding underline, and can\n * carry a single page-specific next-step CTA. Pure anchor links, so it\n * still works if the scroll spy never runs.\n *\n * The horizontal complement to `TableOfContents` — use that for a sidebar\n * outline, this for a band under the page header. Section elements need\n * matching `id`s.\n *\n * @example\n * ```tsx\n * <SectionSpyNav\n *   items={[\n *     { id: 'overview', label: 'Overview' },\n *     { id: 'pricing', label: 'Pricing' },\n *   ]}\n *   cta={{ label: 'Book a demo', href: '/demo', tier: 'evaluate' }}\n * />\n * ```\n */\nexport function SectionSpyNav({\n  items,\n  cta,\n  label = 'On this page',\n  tone = 'surface',\n  rootMargin = '-22% 0px -68% 0px',\n  onItemClick,\n  onCtaClick,\n  className,\n}: SectionSpyNavProps) {\n  const ids = React.useMemo(() => items.map((it) => it.id), [items]);\n  const { activeId } = useScrollSpy({ ids, rootMargin });\n  const active = activeId ?? items[0]?.id ?? '';\n\n  const railRef = React.useRef<HTMLDivElement>(null);\n  const markRef = React.useRef<HTMLSpanElement>(null);\n\n  // Find the active link by dataset rather than a CSS selector, so ids\n  // never need escaping and CSS.escape availability doesn't matter.\n  const findActiveLink = React.useCallback((): HTMLAnchorElement | null => {\n    const links = railRef.current?.querySelectorAll<HTMLAnchorElement>('a');\n    if (!links) return null;\n    for (const link of links) {\n      if (link.dataset.id === active) return link;\n    }\n    return null;\n  }, [active]);\n\n  // Slide the underline beneath the active link. offsetLeft/offsetWidth are\n  // physical and measured against the rail, so the marker tracks the link\n  // in both directions and while the rail is scrolled horizontally.\n  const syncMarker = React.useCallback(() => {\n    const link = findActiveLink();\n    const mark = markRef.current;\n    if (!link || !mark) return;\n    mark.style.left = `${link.offsetLeft}px`;\n    mark.style.width = `${link.offsetWidth}px`;\n  }, [findActiveLink]);\n\n  React.useEffect(() => {\n    const link = findActiveLink();\n    link?.scrollIntoView?.({ inline: 'center', block: 'nearest' });\n    syncMarker();\n  }, [findActiveLink, syncMarker]);\n\n  React.useEffect(() => {\n    window.addEventListener('resize', syncMarker);\n    return () => window.removeEventListener('resize', syncMarker);\n  }, [syncMarker]);\n\n  const brand = tone === 'brand';\n\n  return (\n    <nav\n      className={cn(\n        'sticky top-0 z-30 w-full',\n        brand\n          ? 'bg-primary-900 text-white'\n          : 'border-border bg-card/95 border-b backdrop-blur',\n        className\n      )}\n      aria-label={label}\n    >\n      <div className=\"flex items-center gap-4 px-4 py-0.5\">\n        <span\n          className={cn(\n            'shrink-0 text-[11px] font-semibold tracking-wide uppercase max-md:hidden',\n            brand ? 'text-white/85' : 'text-muted-foreground'\n          )}\n          aria-hidden=\"true\"\n        >\n          {label}\n        </span>\n        <div\n          ref={railRef}\n          className=\"relative flex min-w-0 flex-1 gap-1 overflow-x-auto [scrollbar-width:none] [&::-webkit-scrollbar]:hidden\"\n        >\n          {items.map((it) => {\n            const isActive = active === it.id;\n            return (\n              <a\n                key={it.id}\n                href={`#${it.id}`}\n                data-id={it.id}\n                onClick={() => onItemClick?.(it.id)}\n                className={cn(\n                  'shrink-0 rounded px-2.5 py-2 text-sm whitespace-nowrap transition-colors',\n                  brand\n                    ? isActive\n                      ? 'font-semibold text-white'\n                      : 'text-white/85 hover:text-white'\n                    : isActive\n                      ? 'text-foreground font-semibold'\n                      : 'text-muted-foreground hover:text-foreground'\n                )}\n                aria-current={isActive ? 'location' : undefined}\n              >\n                {it.label}\n              </a>\n            );\n          })}\n          <span\n            ref={markRef}\n            className={cn(\n              'absolute bottom-0 h-0.5 rounded-full transition-[left,width] duration-300',\n              brand ? 'bg-primary-400' : 'bg-primary-500'\n            )}\n            aria-hidden=\"true\"\n          />\n        </div>\n        {cta && (\n          <a\n            href={cta.href}\n            onClick={() => onCtaClick?.(cta)}\n            className={cn(\n              buttonVariants({\n                variant: CTA_TIER_VARIANT[cta.tier ?? 'explore'],\n                size: 'sm',\n              }),\n              'shrink-0',\n              brand &&\n                (cta.tier ?? 'explore') !== 'commit' &&\n                'text-white hover:bg-white/10 hover:text-white'\n            )}\n          >\n            {cta.label}\n            <CtaArrow href={cta.href} />\n          </a>\n        )}\n      </div>\n    </nav>\n  );\n}\n"]}
+{"version":3,"sources":["../src/components/SectionSpyNav/SectionSpyNav.tsx"],"names":[],"mappings":"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","file":"chunk-FIKO4WR6.js","sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { ArrowDown, ArrowRight, ArrowUpRight } from 'lucide-react';\nimport { cn } from '../../utils/cn';\nimport { useScrollSpy } from '../../hooks/useScrollSpy';\nimport { buttonVariants } from '../Button';\n\n// =============================================================================\n// Types\n// =============================================================================\n\n/** One section the nav links to. The id must match a `section[id]` on the page. */\nexport interface SectionSpyItem {\n  id: string;\n  label: string;\n}\n\n/**\n * Funnel intent for the bar's single contextual CTA — drives its visual\n * weight so the in-page strip never out-shouts a page's primary CTA:\n * `explore` (quiet next step) → `evaluate` (sales-ready ask) → `commit`\n * (high-intent action).\n */\nexport type SectionSpyCtaTier = 'explore' | 'evaluate' | 'commit';\n\nexport interface SectionSpyCta {\n  label: string;\n  href: string;\n  tier?: SectionSpyCtaTier;\n}\n\nexport interface SectionSpyNavProps {\n  /** Sections to link to, in page order. */\n  items: SectionSpyItem[];\n  /** Optional single page-specific next-step CTA at the end of the bar. */\n  cta?: SectionSpyCta;\n  /** Eyebrow before the links (default \"On this page\"). */\n  label?: string;\n  /**\n   * Visual tone: `surface` sits on the page background; `brand` renders the\n   * inverted primary band.\n   */\n  tone?: 'surface' | 'brand';\n  /** IntersectionObserver root margin tuning for the scroll spy. */\n  rootMargin?: string;\n  /** Called with the section id when a nav link is clicked. */\n  onItemClick?: (id: string) => void;\n  /** Called when the CTA is clicked (e.g. for analytics). */\n  onCtaClick?: (cta: SectionSpyCta) => void;\n  className?: string;\n}\n\n// =============================================================================\n// Internals\n// =============================================================================\n\n/** Directional glyph inferred from the destination. */\nfunction CtaArrow({ href }: { href: string }) {\n  const Icon = href.startsWith('#')\n    ? ArrowDown\n    : href.startsWith('/')\n      ? ArrowRight\n      : ArrowUpRight;\n  // rtl:-scale-x-100 mirrors ArrowRight and ArrowUpRight for RTL reading\n  // direction; ArrowDown is horizontally symmetric so the flip is a no-op.\n  return <Icon aria-hidden=\"true\" className=\"h-3.5 w-3.5 rtl:-scale-x-100\" />;\n}\n\nconst CTA_TIER_VARIANT = {\n  explore: 'ghost',\n  evaluate: 'outline',\n  commit: 'primary',\n} as const;\n\n// =============================================================================\n// SectionSpyNav\n// =============================================================================\n\n/**\n * Sticky horizontal in-page wayfinding: jumps between a page's major\n * sections, highlights the one in view with a sliding underline, and can\n * carry a single page-specific next-step CTA. Pure anchor links, so it\n * still works if the scroll spy never runs.\n *\n * The horizontal complement to `TableOfContents` — use that for a sidebar\n * outline, this for a band under the page header. Section elements need\n * matching `id`s.\n *\n * @example\n * ```tsx\n * <SectionSpyNav\n *   items={[\n *     { id: 'overview', label: 'Overview' },\n *     { id: 'pricing', label: 'Pricing' },\n *   ]}\n *   cta={{ label: 'Book a demo', href: '/demo', tier: 'evaluate' }}\n * />\n * ```\n */\nexport function SectionSpyNav({\n  items,\n  cta,\n  label = 'On this page',\n  tone = 'surface',\n  rootMargin = '-22% 0px -68% 0px',\n  onItemClick,\n  onCtaClick,\n  className,\n}: SectionSpyNavProps) {\n  const ids = React.useMemo(() => items.map((it) => it.id), [items]);\n  const { activeId } = useScrollSpy({ ids, rootMargin });\n  const active = activeId ?? items[0]?.id ?? '';\n\n  const railRef = React.useRef<HTMLDivElement>(null);\n  const markRef = React.useRef<HTMLSpanElement>(null);\n\n  // Find the active link by dataset rather than a CSS selector, so ids\n  // never need escaping and CSS.escape availability doesn't matter.\n  const findActiveLink = React.useCallback((): HTMLAnchorElement | null => {\n    const links = railRef.current?.querySelectorAll<HTMLAnchorElement>('a');\n    if (!links) return null;\n    for (const link of links) {\n      if (link.dataset.id === active) return link;\n    }\n    return null;\n  }, [active]);\n\n  // Slide the underline beneath the active link. offsetLeft/offsetWidth are\n  // physical and measured against the rail, so the marker tracks the link\n  // in both directions and while the rail is scrolled horizontally.\n  const syncMarker = React.useCallback(() => {\n    const link = findActiveLink();\n    const mark = markRef.current;\n    if (!link || !mark) return;\n    mark.style.left = `${link.offsetLeft}px`;\n    mark.style.width = `${link.offsetWidth}px`;\n  }, [findActiveLink]);\n\n  React.useEffect(() => {\n    const link = findActiveLink();\n    link?.scrollIntoView?.({ inline: 'center', block: 'nearest' });\n    syncMarker();\n  }, [findActiveLink, syncMarker]);\n\n  React.useEffect(() => {\n    window.addEventListener('resize', syncMarker);\n    return () => window.removeEventListener('resize', syncMarker);\n  }, [syncMarker]);\n\n  const brand = tone === 'brand';\n\n  return (\n    <nav\n      className={cn(\n        'sticky top-0 z-30 w-full',\n        brand\n          ? 'bg-primary-900 text-white'\n          : 'border-border bg-card/95 border-b backdrop-blur',\n        className\n      )}\n      aria-label={label}\n    >\n      <div className=\"flex items-center gap-4 px-4 py-0.5\">\n        <span\n          className={cn(\n            'shrink-0 text-[11px] font-semibold tracking-wide uppercase max-md:hidden',\n            brand ? 'text-white/85' : 'text-muted-foreground'\n          )}\n          aria-hidden=\"true\"\n        >\n          {label}\n        </span>\n        <div\n          ref={railRef}\n          className=\"relative flex min-w-0 flex-1 gap-1 overflow-x-auto [scrollbar-width:none] [&::-webkit-scrollbar]:hidden\"\n        >\n          {items.map((it) => {\n            const isActive = active === it.id;\n            return (\n              <a\n                key={it.id}\n                href={`#${it.id}`}\n                data-id={it.id}\n                onClick={() => onItemClick?.(it.id)}\n                className={cn(\n                  'shrink-0 rounded px-2.5 py-2 text-sm whitespace-nowrap transition-colors',\n                  brand\n                    ? isActive\n                      ? 'font-semibold text-white'\n                      : 'text-white/85 hover:text-white'\n                    : isActive\n                      ? 'text-foreground font-semibold'\n                      : 'text-muted-foreground hover:text-foreground'\n                )}\n                aria-current={isActive ? 'location' : undefined}\n              >\n                {it.label}\n              </a>\n            );\n          })}\n          <span\n            ref={markRef}\n            className={cn(\n              'absolute bottom-0 h-0.5 rounded-full transition-[left,width] duration-300',\n              brand ? 'bg-primary-400' : 'bg-primary-500'\n            )}\n            aria-hidden=\"true\"\n          />\n        </div>\n        {cta && (\n          <a\n            href={cta.href}\n            onClick={() => onCtaClick?.(cta)}\n            className={cn(\n              buttonVariants({\n                variant: CTA_TIER_VARIANT[cta.tier ?? 'explore'],\n                size: 'sm',\n              }),\n              'shrink-0',\n              brand &&\n                (cta.tier ?? 'explore') !== 'commit' &&\n                'text-white hover:bg-white/10 hover:text-white'\n            )}\n          >\n            {cta.label}\n            <CtaArrow href={cta.href} />\n          </a>\n        )}\n      </div>\n    </nav>\n  );\n}\n"]}