@mieweb/ui 0.10.0-dev.3 → 0.10.0-dev.30

package/dist/chunk-XI74P5F2.cjs

@@ -0,0 +1,424 @@
+'use strict';
+
+var chunkDXEPYK3I_cjs = require('./chunk-DXEPYK3I.cjs');
+var chunkS5RVSXDV_cjs = require('./chunk-S5RVSXDV.cjs');
+var React2 = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+var lucideReact = require('lucide-react');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React2__namespace = /*#__PURE__*/_interopNamespace(React2);
+
+var defaultMetricStatusLabels = {
+  live: "Live data",
+  modeled: "Modeled",
+  maturing: "Data maturing"
+};
+var dotClass = {
+  live: "bg-success",
+  modeled: "bg-info",
+  maturing: "bg-warning"
+};
+var MetricStatusBadge = React2__namespace.forwardRef(({ status, label, onDark, className, ...rest }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+  "span",
+  {
+    ref,
+    "data-slot": "metric-status-badge",
+    "data-status": status,
+    className: chunkS5RVSXDV_cjs.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__ */ jsxRuntime.jsx(
+        "span",
+        {
+          "aria-hidden": "true",
+          className: chunkS5RVSXDV_cjs.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: lucideReact.Activity,
+  award: lucideReact.Award,
+  "badge-check": lucideReact.BadgeCheck,
+  bell: lucideReact.Bell,
+  briefcase: lucideReact.Briefcase,
+  building: lucideReact.Building2,
+  calendar: lucideReact.Calendar,
+  "calendar-check": lucideReact.CalendarCheck,
+  "chart-column": lucideReact.ChartColumn,
+  "chart-line": lucideReact.ChartLine,
+  "circle-check": lucideReact.CircleCheck,
+  "clipboard-check": lucideReact.ClipboardCheck,
+  clock: lucideReact.Clock,
+  cloud: lucideReact.Cloud,
+  database: lucideReact.Database,
+  "dollar-sign": lucideReact.DollarSign,
+  factory: lucideReact.Factory,
+  "file-text": lucideReact.FileText,
+  flask: lucideReact.FlaskConical,
+  globe: lucideReact.Globe,
+  "graduation-cap": lucideReact.GraduationCap,
+  handshake: lucideReact.Handshake,
+  "hard-hat": lucideReact.HardHat,
+  headset: lucideReact.Headset,
+  "heart-pulse": lucideReact.HeartPulse,
+  hospital: lucideReact.Hospital,
+  layers: lucideReact.Layers,
+  leaf: lucideReact.Leaf,
+  lightbulb: lucideReact.Lightbulb,
+  lock: lucideReact.Lock,
+  mail: lucideReact.Mail,
+  "map-pin": lucideReact.MapPin,
+  "message-square": lucideReact.MessageSquare,
+  microscope: lucideReact.Microscope,
+  phone: lucideReact.Phone,
+  plane: lucideReact.Plane,
+  plug: lucideReact.Plug,
+  rocket: lucideReact.Rocket,
+  scale: lucideReact.Scale,
+  search: lucideReact.Search,
+  settings: lucideReact.Settings,
+  shield: lucideReact.Shield,
+  "shield-check": lucideReact.ShieldCheck,
+  smartphone: lucideReact.Smartphone,
+  sparkles: lucideReact.Sparkles,
+  stethoscope: lucideReact.Stethoscope,
+  syringe: lucideReact.Syringe,
+  target: lucideReact.Target,
+  timer: lucideReact.Timer,
+  "trending-up": lucideReact.TrendingUp,
+  truck: lucideReact.Truck,
+  "user-check": lucideReact.UserCheck,
+  users: lucideReact.Users,
+  workflow: lucideReact.Workflow,
+  wrench: lucideReact.Wrench,
+  zap: lucideReact.Zap
+};
+function TemplateIcon({ name, icons, className }) {
+  const Icon = ownProperty(icons, name) ?? ownProperty(templateIcons, name);
+  if (Icon)
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      Icon,
+      {
+        "aria-hidden": "true",
+        strokeWidth: 1.75,
+        className: chunkS5RVSXDV_cjs.cn("size-5", className)
+      }
+    );
+  if (name.length <= 4)
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "span",
+      {
+        "aria-hidden": "true",
+        className: chunkS5RVSXDV_cjs.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") => chunkS5RVSXDV_cjs.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__ */ jsxRuntime.jsx(Link, { ...all, href, children }) : /* @__PURE__ */ jsxRuntime.jsx("a", { ...all, children });
+}
+var fetchPriorityHigh = React2__namespace.version.startsWith("18.") ? { fetchpriority: "high" } : { fetchPriority: "high" };
+function TemplateImg({
+  components,
+  priority,
+  ...image
+}) {
+  const Image = components?.Image;
+  if (Image) return /* @__PURE__ */ jsxRuntime.jsx(Image, { ...image, priority });
+  return /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      "data-slot": "section-heading",
+      className: chunkS5RVSXDV_cjs.cn(
+        "max-w-3xl",
+        align === "center" && "mx-auto text-center",
+        className
+      ),
+      children: [
+        eyebrow && /* @__PURE__ */ jsxRuntime.jsx(
+          "p",
+          {
+            className: chunkS5RVSXDV_cjs.cn(
+              "mb-3 text-sm font-semibold tracking-wider uppercase",
+              accentTextClass(tone)
+            ),
+            children: eyebrow
+          }
+        ),
+        title && /* @__PURE__ */ jsxRuntime.jsx(
+          Heading,
+          {
+            id: titleId,
+            className: chunkS5RVSXDV_cjs.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__ */ jsxRuntime.jsx(
+          "p",
+          {
+            className: chunkS5RVSXDV_cjs.cn(
+              "mt-4 text-pretty",
+              size === "hero" ? "text-lg sm:text-xl" : "text-lg",
+              mutedTextClass(tone)
+            ),
+            children: description
+          }
+        )
+      ]
+    }
+  );
+}
+var SectionShell = React2__namespace.forwardRef(
+  ({
+    eyebrow,
+    title,
+    description,
+    tone = "default",
+    align = "start",
+    width = "wide",
+    spacing = "default",
+    status,
+    statusLabels,
+    className,
+    children,
+    components,
+    ...rest
+  }, ref) => {
+    const titleId = React2__namespace.useId();
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "section",
+      {
+        ref,
+        "data-slot": "landing-section",
+        "data-tone": tone,
+        "aria-labelledby": title ? titleId : void 0,
+        className: chunkS5RVSXDV_cjs.cn(
+          spacing === "compact" ? "py-10 sm:py-14" : "py-16 sm:py-24",
+          toneClass(tone),
+          className
+        ),
+        ...rest,
+        children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: containerClass(width), children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            SectionHeading,
+            {
+              eyebrow,
+              title,
+              description,
+              align,
+              tone,
+              titleId,
+              className: chunkS5RVSXDV_cjs.cn(width === "narrow" && "max-w-none")
+            }
+          ),
+          status && /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            {
+              className: chunkS5RVSXDV_cjs.cn(
+                "mt-4 flex",
+                align === "center" && "justify-center"
+              ),
+              children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      "data-slot": "cta-links",
+      className: chunkS5RVSXDV_cjs.cn(
+        "flex flex-col gap-3 sm:flex-row sm:flex-wrap",
+        align === "center" && "sm:justify-center",
+        className
+      ),
+      children: [
+        primary && /* @__PURE__ */ jsxRuntime.jsxs(
+          TemplateAnchor,
+          {
+            href: primary.href,
+            trackingId: primary.trackingId,
+            components,
+            "data-slot": "cta-primary",
+            className: chunkS5RVSXDV_cjs.cn(
+              chunkDXEPYK3I_cjs.buttonVariants({ variant: "primary", size: "lg" }),
+              wrap,
+              onBrand && "text-primary-900 hover:bg-primary-50 active:bg-primary-100 bg-white"
+            ),
+            children: [
+              primary.label,
+              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowRight, { "aria-hidden": "true", className: "size-5 rtl:-scale-x-100" })
+            ]
+          }
+        ),
+        secondary && /* @__PURE__ */ jsxRuntime.jsx(
+          TemplateAnchor,
+          {
+            href: secondary.href,
+            trackingId: secondary.trackingId,
+            components,
+            "data-slot": "cta-secondary",
+            className: chunkS5RVSXDV_cjs.cn(
+              chunkDXEPYK3I_cjs.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__ */ jsxRuntime.jsx(
+    "span",
+    {
+      "data-slot": "icon-tile",
+      className: chunkS5RVSXDV_cjs.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__ */ jsxRuntime.jsx(TemplateIcon, { name, icons })
+    }
+  );
+}
+
+exports.CtaLinks = CtaLinks;
+exports.IconTile = IconTile;
+exports.MetricStatusBadge = MetricStatusBadge;
+exports.SectionHeading = SectionHeading;
+exports.SectionShell = SectionShell;
+exports.TemplateAnchor = TemplateAnchor;
+exports.TemplateIcon = TemplateIcon;
+exports.TemplateImg = TemplateImg;
+exports.accentTextClass = accentTextClass;
+exports.cardClass = cardClass;
+exports.containerClass = containerClass;
+exports.defaultMetricStatusLabels = defaultMetricStatusLabels;
+exports.headingTextClass = headingTextClass;
+exports.mutedTextClass = mutedTextClass;
+exports.ownProperty = ownProperty;
+exports.safeHref = safeHref;
+exports.templateIcons = templateIcons;
+exports.toneClass = toneClass;
+//# sourceMappingURL=chunk-XI74P5F2.cjs.map
+//# sourceMappingURL=chunk-XI74P5F2.cjs.map

package/dist/chunk-XI74P5F2.cjs.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","jsxs","cn","jsx","Activity","Award","BadgeCheck","Bell","Briefcase","Building2","Calendar","CalendarCheck","ChartColumn","ChartLine","CircleCheck","ClipboardCheck","Clock","Cloud","Database","DollarSign","Factory","FileText","FlaskConical","Globe","GraduationCap","Handshake","HardHat","Headset","HeartPulse","Hospital","Layers","Leaf","Lightbulb","Lock","Mail","MapPin","MessageSquare","Microscope","Phone","Plane","Plug","Rocket","Scale","Search","Settings","Shield","ShieldCheck","Smartphone","Sparkles","Stethoscope","Syringe","Target","Timer","TrendingUp","Truck","UserCheck","Users","Workflow","Wrench","Zap","React2","buttonVariants","ArrowRight"],"mappings":"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","file":"chunk-XI74P5F2.cjs","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-WIAQQNFU.cjs → chunk-XRVMYT5G.cjs}

@@ -3,8 +3,9 @@
 var chunkPJ6CC53R_cjs = require('./chunk-PJ6CC53R.cjs');
 var chunkS5RVSXDV_cjs = require('./chunk-S5RVSXDV.cjs');
 var jsxRuntime = require('react/jsx-runtime');
-var React2 = require('react');
+var React3 = require('react');
 var classVarianceAuthority = require('class-variance-authority');
+var lucideReact = require('lucide-react');
 
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;
@@ -24,7 +25,7 @@ function _interopNamespace(e) {
   return Object.freeze(n);
 }
 
-var React2__namespace = /*#__PURE__*/_interopNamespace(React2);
+var React3__namespace = /*#__PURE__*/_interopNamespace(React3);
 
 var sizeClasses = {
   sm: "h-4 w-4",
@@ -237,9 +238,9 @@ function CollapsiblePill({
   children
 }) {
   const hasContent = Boolean(children);
-  const [isOpen, setIsOpen] = React2__namespace.useState(defaultOpen);
-  const contentId = React2__namespace.useId();
-  React2__namespace.useEffect(() => {
+  const [isOpen, setIsOpen] = React3__namespace.useState(defaultOpen);
+  const contentId = React3__namespace.useId();
+  React3__namespace.useEffect(() => {
     setIsOpen(defaultOpen);
   }, [defaultOpen]);
   const toggle = () => {
@@ -1096,12 +1097,17 @@ function ThinkingBlock({
   streaming,
   defaultCollapsed = false
 }) {
-  const startedAt = React2__namespace.useRef(Date.now());
-  const [elapsed, setElapsed] = React2__namespace.useState(null);
-  const prevStreaming = React2__namespace.useRef(streaming);
-  React2__namespace.useEffect(() => {
+  const startedAt = React3__namespace.useRef(Date.now());
+  const [elapsed, setElapsed] = React3__namespace.useState(null);
+  const [autoCollapsed, setAutoCollapsed] = React3__namespace.useState(false);
+  const prevStreaming = React3__namespace.useRef(streaming);
+  React3__namespace.useEffect(() => {
     if (prevStreaming.current && !streaming) {
       setElapsed(Math.round((Date.now() - startedAt.current) / 1e3));
+      setAutoCollapsed(true);
+    } else if (!prevStreaming.current && streaming) {
+      startedAt.current = Date.now();
+      setAutoCollapsed(false);
     }
     prevStreaming.current = streaming;
   }, [streaming]);
@@ -1118,7 +1124,7 @@ function ThinkingBlock({
     {
       label,
       leadingIcon: dot,
-      defaultOpen: !defaultCollapsed,
+      defaultOpen: !defaultCollapsed && !autoCollapsed,
       pillClassName: "bg-violet-50 border-violet-200 text-violet-600 hover:bg-violet-100 dark:bg-violet-950/30 dark:border-violet-800 dark:text-violet-400 dark:hover:bg-violet-950/50 focus-visible:ring-violet-500",
       children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-s-2 border-violet-200 ps-3 text-[13px] leading-relaxed text-neutral-600 italic dark:border-violet-700 dark:text-neutral-400", children: text })
     }
@@ -1303,7 +1309,7 @@ var bubbleVariants = classVarianceAuthority.cva("rounded-2xl px-4 py-2.5 w-fit m
     variant: "assistant"
   }
 });
-var ChatBubble = React2__namespace.forwardRef(
+var ChatBubble = React3__namespace.forwardRef(
   ({ className, variant, hasError, accent, style, children, ...props }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsx(
       "div",
@@ -1419,14 +1425,101 @@ function AIMessageDisplay({
     }
   );
 }
+var ButtonGroup = React3__namespace.forwardRef(
+  ({ orientation = "auto", split, className, children, ...props }, ref) => {
+    const innerRef = React3__namespace.useRef(null);
+    React3__namespace.useImperativeHandle(ref, () => innerRef.current);
+    const [stacked, setStacked] = React3__namespace.useState(false);
+    const requiredWidth = React3__namespace.useRef(0);
+    React3__namespace.useLayoutEffect(() => {
+      if (orientation !== "auto") return;
+      const el = innerRef.current;
+      if (!el) return;
+      const measure = () => {
+        if (!stacked) {
+          const overflow = Array.from(
+            el.querySelectorAll('[data-slot="button-label"]')
+          ).reduce(
+            (sum, label) => sum + Math.max(0, label.scrollWidth - label.clientWidth),
+            0
+          );
+          if (overflow > 0) {
+            requiredWidth.current = el.clientWidth + overflow;
+            setStacked(true);
+          }
+        } else if (el.clientWidth >= requiredWidth.current) {
+          setStacked(false);
+        }
+      };
+      measure();
+      if (typeof globalThis.ResizeObserver === "undefined") return;
+      const observer = new globalThis.ResizeObserver(measure);
+      observer.observe(el);
+      return () => observer.disconnect();
+    }, [orientation, stacked, children]);
+    const isStacked = orientation === "vertical" || orientation === "auto" && stacked;
+    const items = React3__namespace.Children.toArray(children);
+    const splitCount = split === true ? 1 : typeof split === "number" ? split : 0;
+    const splitIndex = !isStacked && splitCount > 0 && splitCount < items.length ? splitCount : 0;
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        ref: innerRef,
+        "data-slot": "button-group",
+        "data-orientation": isStacked ? "vertical" : "horizontal",
+        className: chunkS5RVSXDV_cjs.cn(
+          "flex gap-3",
+          isStacked ? "flex-col items-stretch" : "flex-row items-center justify-end",
+          className
+        ),
+        ...props,
+        children: splitIndex > 0 ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          items.slice(0, splitIndex),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1", "aria-hidden": "true" }),
+          items.slice(splitIndex)
+        ] }) : children
+      }
+    );
+  }
+);
+ButtonGroup.displayName = "ButtonGroup";
+function JumpToBottomButton({
+  hasNewMessages,
+  onClick,
+  dataSlot
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "button",
+    {
+      type: "button",
+      "data-slot": dataSlot,
+      onClick,
+      "aria-label": hasNewMessages ? "New messages \u2014 scroll to bottom" : "Scroll to bottom",
+      className: chunkS5RVSXDV_cjs.cn(
+        "absolute bottom-3 left-1/2 z-20 -translate-x-1/2",
+        "flex items-center gap-1.5 rounded-full border border-neutral-200 bg-white p-2 text-xs font-medium text-neutral-600 shadow-lg",
+        "hover:bg-neutral-50 hover:text-neutral-800",
+        "focus-visible:ring-primary-500 focus:outline-none focus-visible:ring-2",
+        "dark:border-neutral-700 dark:bg-neutral-800 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:hover:text-neutral-100",
+        hasNewMessages && "ps-3"
+      ),
+      children: [
+        hasNewMessages && /* @__PURE__ */ jsxRuntime.jsx("span", { children: "New messages" }),
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowDown, { size: 16, "aria-hidden": "true" })
+      ]
+    }
+  );
+}
 
 exports.AILogoIcon = AILogoIcon;
 exports.AIMessageDisplay = AIMessageDisplay;
 exports.AITypingIndicator = AITypingIndicator;
+exports.ButtonGroup = ButtonGroup;
 exports.ChatBubble = ChatBubble;
 exports.ChevronIcon = ChevronIcon;
 exports.CloseIcon = CloseIcon;
 exports.CollapsiblePill = CollapsiblePill;
+exports.JumpToBottomButton = JumpToBottomButton;
 exports.MCPToolCallDisplay = MCPToolCallDisplay;
 exports.MessageAvatar = MessageAvatar;
 exports.RefreshIcon = RefreshIcon;
@@ -1436,5 +1529,5 @@ exports.SparklesIcon = SparklesIcon;
 exports.SpinnerIcon = SpinnerIcon;
 exports.ToolStatusIcon = ToolStatusIcon;
 exports.getToolIcon = getToolIcon;
-//# sourceMappingURL=chunk-WIAQQNFU.cjs.map
-//# sourceMappingURL=chunk-WIAQQNFU.cjs.map
+//# sourceMappingURL=chunk-XRVMYT5G.cjs.map
+//# sourceMappingURL=chunk-XRVMYT5G.cjs.map