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

package/dist/chunk-F4N67NAF.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/motion/presets.ts","../src/motion/runtime.ts","../src/motion/Animated.tsx"],"names":["React2","Animated"],"mappings":"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","file":"chunk-F4N67NAF.js","sourcesContent":["/**\n * Motion presets — the shared vocabulary of animations.\n *\n * This module is intentionally **free of any `motion` import**. It ships in the\n * main `@mieweb/ui` entry so components can describe *what* they animate\n * without pulling in a runtime to actually do it. The `@mieweb/ui/motion` entry\n * is what turns these descriptions into real animations.\n *\n * Every preset is expressed as an open/closed variant pair so the same\n * definition serves both usages:\n *\n * - **toggle** — the element stays mounted and animates between `open` and\n *   `closed` (a drawer sliding in and out).\n * - **presence** — the element mounts and unmounts, entering on `open` and\n *   exiting back to `closed` (a modal).\n */\n\n// =============================================================================\n// Types\n// =============================================================================\n\n/** Named animation recipes shared by components. */\nexport type MotionPreset =\n  | 'drawerStart'\n  | 'overlay'\n  | 'modalContent'\n  | 'sidebarLabel'\n  | 'menu'\n  | 'collapse'\n  | 'toast'\n  | 'fade'\n  | 'pop';\n\n/**\n * A physical edge, already resolved from any logical (`start`/`end`) position\n * and from writing direction.\n *\n * Presets that move an element along an axis take one of these as `custom`.\n * Resolution is the component's job, not the preset's: only the component knows\n * whether its `end` means right or left, and — for anything anchored — which\n * side it actually landed on after flipping away from a viewport edge.\n */\nexport type MotionEdge = 'top' | 'bottom' | 'left' | 'right';\n\n/** Offset along the axis implied by `edge`, in px. */\nfunction offsetFromEdge(\n  edge: unknown,\n  distance: number\n): { x: number; y: number } {\n  switch (edge) {\n    case 'top':\n      return { x: 0, y: -distance };\n    case 'bottom':\n      return { x: 0, y: distance };\n    case 'left':\n      return { x: -distance, y: 0 };\n    default:\n      return { x: distance, y: 0 };\n  }\n}\n\n/**\n * A variant value. Either a plain target object or a function of the element's\n * `custom` value — the latter lets a single preset adapt to context, e.g. a\n * drawer flipping its off-canvas direction in RTL.\n */\nexport type MotionVariant =\n  | Record<string, unknown>\n  | ((custom: unknown) => Record<string, unknown>);\n\nexport interface MotionPresetDefinition {\n  variants: {\n    open: MotionVariant;\n    closed: MotionVariant;\n  };\n  transition: Record<string, unknown>;\n}\n\n// =============================================================================\n// Presets\n// =============================================================================\n\n/**\n * `custom` contract per preset:\n *\n * - `drawerStart` — `boolean`, whether the document direction is RTL.\n * - `menu`, `toast` — a {@link MotionEdge}, already resolved from logical\n *   position and writing direction by the component.\n * - `overlay`, `modalContent`, `sidebarLabel`, `collapse`, `fade`, `pop` —\n *   unused.\n */\nexport const motionPresets: Record<MotionPreset, MotionPresetDefinition> = {\n  /**\n   * Off-canvas panel pinned to the inline-start edge. Animates `x` only, which\n   * the compositor can handle without layout or paint.\n   */\n  drawerStart: {\n    variants: {\n      open: { x: '0%' },\n      // Off-canvas direction follows writing direction, mirroring the\n      // `-translate-x-full rtl:translate-x-full` CSS fallback.\n      closed: (isRtl: unknown) => ({ x: isRtl ? '100%' : '-100%' }),\n    },\n    transition: { type: 'spring', stiffness: 400, damping: 40, mass: 1 },\n  },\n\n  /** Scrim behind a drawer or modal. */\n  overlay: {\n    variants: {\n      open: { opacity: 1 },\n      closed: { opacity: 0 },\n    },\n    transition: { duration: 0.2, ease: 'easeOut' },\n  },\n\n  /** Centered dialog surface — rises and settles rather than popping. */\n  modalContent: {\n    variants: {\n      open: { opacity: 1, scale: 1, y: 0 },\n      closed: { opacity: 0, scale: 0.96, y: 8 },\n    },\n    transition: { type: 'spring', stiffness: 500, damping: 40, mass: 0.8 },\n  },\n\n  /**\n   * Text that disappears as its container narrows — sidebar labels on collapse.\n   *\n   * Opacity only, and deliberately so. An inline-axis slide would read slightly\n   * better but would make every label direction-aware, and resolving direction\n   * per nav item is a disproportionate amount of plumbing for an 8px nudge.\n   * Fading also degrades to itself under reduced motion instead of becoming a\n   * different animation.\n   *\n   * Short because it runs on many elements at once and has to finish inside the\n   * container's own width transition, or labels are still fading after the rail\n   * has stopped moving.\n   */\n  sidebarLabel: {\n    variants: {\n      open: { opacity: 1 },\n      closed: { opacity: 0 },\n    },\n    transition: { duration: 0.15, ease: 'easeOut' },\n  },\n\n  /**\n   * Anchored popup surface — dropdown, select, autocomplete, command palette.\n   *\n   * `custom` is the side of the anchor the menu actually occupies, so the\n   * closed state nudges back *toward* the trigger and the menu reads as coming\n   * out of the control that opened it. Pass the post-flip side, not the\n   * requested placement: a menu asked for `bottom` that flipped to `top` for\n   * want of room must animate from the top, or it moves the wrong way.\n   *\n   * `transform-origin` is deliberately left to CSS (`origin-top` and friends).\n   * It is static per side and never animates, so making it a variant would put\n   * a second owner on a property motion has no reason to touch.\n   *\n   * Snappier than `modalContent`: a menu is a transient response to a click and\n   * should feel instant, where a dialog is a context switch and can afford to\n   * settle.\n   */\n  menu: {\n    variants: {\n      open: { opacity: 1, scale: 1, x: 0, y: 0 },\n      closed: (edge: unknown) => ({\n        opacity: 0,\n        scale: 0.95,\n        ...offsetFromEdge(edge, -4),\n      }),\n    },\n    transition: { type: 'spring', stiffness: 600, damping: 40, mass: 0.6 },\n  },\n\n  /**\n   * Disclosure content that expands and collapses — `Collapsible`, `Accordion`.\n   *\n   * The one preset that earns its keep on capability rather than polish:\n   * `height: auto` is not interpolable in CSS, so the alternative is a\n   * hard-coded max-height that either clips tall content or eases against dead\n   * space on short content. Motion measures the real height instead.\n   *\n   * Animating `height` costs layout on every frame, unlike the transform and\n   * opacity work everywhere else in this file. That is the price of the\n   * capability; keep the duration short and don't reach for this preset when a\n   * transform would do.\n   *\n   * Consumers must clip the element (`overflow-hidden`) or content spills past\n   * the shrinking box mid-animation.\n   *\n   * Note that `MotionConfig reducedMotion=\"user\"` does **not** cover this:\n   * it drops transform and layout animations, and `height` is a plain value\n   * animation to motion. Components using this preset are responsible for\n   * honoring the preference themselves — see `usePrefersReducedMotion`.\n   */\n  collapse: {\n    variants: {\n      open: { height: 'auto', opacity: 1 },\n      closed: { height: 0, opacity: 0 },\n    },\n    transition: { duration: 0.2, ease: 'easeOut' },\n  },\n\n  /**\n   * Transient notification entering and leaving a stack.\n   *\n   * `custom` is the physical edge the toast lives against, so it enters from\n   * the screen edge nearest it rather than always from the right — which is\n   * what the `animate-slide-in-right` fallback does regardless of position.\n   *\n   * Scale is near-imperceptible on purpose: it softens the arrival without\n   * making a message that may carry an error read as playful.\n   */\n  toast: {\n    variants: {\n      open: { opacity: 1, scale: 1, x: 0, y: 0 },\n      closed: (edge: unknown) => ({\n        opacity: 0,\n        scale: 0.98,\n        ...offsetFromEdge(edge, 24),\n      }),\n    },\n    transition: { type: 'spring', stiffness: 400, damping: 36, mass: 0.8 },\n  },\n\n  /**\n   * Generic presence fade, for surfaces with no meaningful direction —\n   * drag overlays, connectivity banners, skeleton-to-content swaps.\n   *\n   * Survives `reducedMotion=\"user\"` intact, since opacity is the one thing that\n   * setting keeps. Prefer it over a transform preset wherever the movement is\n   * decorative rather than explanatory.\n   */\n  fade: {\n    variants: {\n      open: { opacity: 1 },\n      closed: { opacity: 0 },\n    },\n    transition: { duration: 0.15, ease: 'easeOut' },\n  },\n\n  /**\n   * Small element arriving with emphasis — a count badge, a status pill.\n   *\n   * Overshoots past full size and settles back (`1 → 1.1 → 1`) so the arrival\n   * is legible on an element too small for movement to register. Reserve it\n   * for things that appear in response to an event worth noticing; on anything\n   * large it reads as a bounce.\n   *\n   * The overshoot is a keyframe rather than a spring because the resting open\n   * state has to be `scale: 1`. Expressing the emphasis as a spring target\n   * would leave a mounted consumer parked at 1.1 — permanently 10% oversized —\n   * since the open variant is also the at-rest state.\n   */\n  pop: {\n    variants: {\n      open: { opacity: 1, scale: [1, 1.1, 1] },\n      closed: { opacity: 0, scale: 1 },\n    },\n    // `times` front-loads the overshoot so it reads as a pop rather than an\n    // even swell. Keyframe arrays need a duration-based tween; a spring has no\n    // way to run through intermediate values.\n    //\n    // `times` is scoped to `scale` on purpose. At the top level it also\n    // applies to `opacity`, whose two-value tween then gets three time stops:\n    // it overshoots to 1 early, falls back toward 0, and snaps to 1 at the end,\n    // so the badge flickers instead of fading in.\n    transition: {\n      duration: 0.15,\n      ease: 'easeOut',\n      scale: { duration: 0.28, ease: 'easeOut', times: [0, 0.45, 1] },\n    },\n  },\n};\n","/**\n * Motion runtime — the seam between components and an optional animation library.\n *\n * Components in the main entry never import `motion`. They ask this module for\n * a runtime; if an app has opted in by rendering `<MotionProvider>` from\n * `@mieweb/ui/motion`, they get one and animate. If not, `useMotionRuntime()`\n * returns `null` and they fall back to their existing CSS transitions. That is\n * what keeps `motion` out of the bundle of every app that hasn't asked for it —\n * the opt-in is resolved in the *module graph*, not by a prop.\n *\n * Like `presets`, this module must stay free of any `motion` import.\n */\n\nimport * as React from 'react';\nimport { motionPresets, type MotionPreset } from './presets';\n\n// =============================================================================\n// Types\n// =============================================================================\n\nexport interface MotionPresenceProps {\n  children?: React.ReactNode;\n  /** Suppress the initial mount animation. */\n  initial?: boolean;\n  /**\n   * Fires once every exiting child has finished and been removed.\n   *\n   * Needed by anything that guards the DOM while it is open — a focus trap, a\n   * scroll lock — because those guards must outlive `open` for as long as the\n   * subtree is still on screen. Never fires when no runtime is active, since\n   * there is no exit to wait for.\n   */\n  onExitComplete?: () => void;\n}\n\n/**\n * The capabilities a motion library must supply. Deliberately small: element\n * factories, a presence wrapper, and prop builders. Components depend on this\n * interface, never on a concrete library, so swapping or dropping the library\n * stays a one-file change.\n */\nexport interface MotionRuntime {\n  /**\n   * Whether animations should actually run.\n   *\n   * A disabled provider still supplies a runtime rather than `null` so that\n   * consumers can tell \"disabled\" apart from \"never opted in\": `Modal` uses it\n   * to decide whether an exit animation will ever report completion, and\n   * `AnimatedPresence` keeps its wrapper element stable across the flip.\n   * `Animated` itself renders the plain fallback tag whenever this is false —\n   * withholding animation props from a mounted motion component corrupts\n   * `toggle`-mode elements, so the swap (and the remount it implies) is the\n   * correct behaviour. See the render branches in `Animated`.\n   */\n  enabled: boolean;\n  /** Animated `div`. */\n  Div: React.ElementType;\n  /** Animated `nav`. */\n  Nav: React.ElementType;\n  /** Animated `span`, for inline content that must not become a block. */\n  Span: React.ElementType;\n  /** Enables exit animations for conditionally rendered children. */\n  Presence: React.ComponentType<MotionPresenceProps>;\n  /**\n   * Props for an element that stays mounted and animates between states.\n   * Skips the initial animation so a closed drawer doesn't slide out on load.\n   */\n  toggle: (\n    preset: MotionPreset,\n    open: boolean,\n    custom?: unknown\n  ) => Record<string, unknown>;\n  /** Props for an element that mounts and unmounts inside `Presence`. */\n  presence: (preset: MotionPreset, custom?: unknown) => Record<string, unknown>;\n}\n\n// =============================================================================\n// Context\n// =============================================================================\n\n/**\n * The context is stashed on `globalThis` under a registered symbol rather than\n * held in a module-local `const`.\n *\n * `@mieweb/ui` and `@mieweb/ui/motion` are separate bundle entries, and CJS\n * builds cannot code-split. Without this, the provider and the components\n * would each get their own copy of the context object and the provider would\n * silently never be seen — animations would simply never turn on, with no\n * error to explain why. A duplicated install of the package causes the same\n * failure. Keying off the global symbol registry makes the context a true\n * singleton in every one of those cases.\n *\n * The key is versioned. Two copies of this package sharing one page share\n * whatever lives under the key, so the `v1` suffix is a compatibility\n * contract: bump it if the `MotionRuntime` interface ever changes shape,\n * or an old provider will hand a new component a runtime it cannot use.\n */\nconst CONTEXT_KEY = Symbol.for('@mieweb/ui.motionRuntimeContext.v1');\n\ntype GlobalWithMotionContext = typeof globalThis & {\n  [CONTEXT_KEY]?: React.Context<MotionRuntime | null>;\n};\n\nfunction getMotionRuntimeContext(): React.Context<MotionRuntime | null> {\n  const globalScope = globalThis as GlobalWithMotionContext;\n  if (!globalScope[CONTEXT_KEY]) {\n    globalScope[CONTEXT_KEY] = React.createContext<MotionRuntime | null>(null);\n  }\n  return globalScope[CONTEXT_KEY];\n}\n\n/** @internal Consumed by `<MotionProvider>` in the `@mieweb/ui/motion` entry. */\nexport const MotionRuntimeContext = getMotionRuntimeContext();\n\n// =============================================================================\n// Hooks\n// =============================================================================\n\n/**\n * The active motion runtime, or `null` when the app has not opted in.\n *\n * Components must treat `null` as the normal case and keep a CSS path that\n * looks good on its own — motion is an enhancement, never a requirement.\n */\nexport function useMotionRuntime(): MotionRuntime | null {\n  return React.useContext(MotionRuntimeContext);\n}\n\n// =============================================================================\n// Prop builders\n// =============================================================================\n\n/**\n * Builds the `toggle`/`presence` prop builders around a library-agnostic core.\n * Exported so `<MotionProvider>` can assemble a runtime without restating the\n * preset lookup.\n *\n * @internal\n */\nexport function createPresetPropBuilders(): Pick<\n  MotionRuntime,\n  'toggle' | 'presence'\n> {\n  return {\n    toggle(preset, open, custom) {\n      const { variants, transition } = motionPresets[preset];\n      return {\n        variants,\n        transition,\n        custom,\n        // `false` pins the element to its current variant on mount instead of\n        // animating into it.\n        initial: false,\n        animate: open ? 'open' : 'closed',\n      };\n    },\n\n    presence(preset, custom) {\n      const { variants, transition } = motionPresets[preset];\n      return {\n        variants,\n        transition,\n        custom,\n        initial: 'closed',\n        animate: 'open',\n        exit: 'closed',\n      };\n    },\n  };\n}\n","/**\n * `Animated` / `AnimatedPresence` — the ergonomic layer components use.\n *\n * These exist so an individual component never has to branch on whether motion\n * is available. It declares the preset it wants and the CSS classes that stand\n * in when motion is absent; this module picks the element to render.\n *\n * Adding motion to a further component should be a matter of swapping its\n * root `<div>` for an `<Animated>` and naming a preset — no new imports, no\n * new dependency, and no behavior change for apps that have not opted in.\n */\n\nimport * as React from 'react';\nimport { cn } from '../utils/cn';\nimport { useMotionRuntime, type MotionPresenceProps } from './runtime';\nimport type { MotionPreset } from './presets';\n\n// =============================================================================\n// Animated\n// =============================================================================\n\nexport interface AnimatedProps extends React.HTMLAttributes<HTMLElement> {\n  /** Intrinsic element to render. */\n  as?: 'div' | 'nav' | 'span';\n  /** Which shared animation recipe to use. */\n  preset: MotionPreset;\n  /**\n   * - `toggle` — element stays mounted and animates between open and closed.\n   * - `presence` — element mounts and unmounts; wrap it in `<AnimatedPresence>`\n   *   so the exit animation gets a chance to run.\n   */\n  mode: 'toggle' | 'presence';\n  /** Current state. Only read in `toggle` mode. */\n  open?: boolean;\n  /** Per-preset context value — see the `custom` contract in `presets.ts`. */\n  custom?: unknown;\n  /**\n   * Classes applied whenever this element is **not** animating — no provider,\n   * a disabled provider, or `enabled={false}`. This is where a component's\n   * existing CSS transition lives, so the two paths never both try to drive\n   * the same property.\n   */\n  fallbackClassName?: string;\n  /**\n   * Set `false` to stop this element animating even when a runtime is active.\n   *\n   * For states where an animated element would be wrong rather than merely\n   * unnecessary. Motion writes a `transform` to hold an element at its resting\n   * position, and a transformed ancestor becomes the containing block for any\n   * `position: fixed` descendant — so an element that is only sometimes\n   * animated should opt out the rest of the time.\n   *\n   * Flipping this (or the provider's `disabled`) swaps the element back to a\n   * plain tag, which **remounts** it — deliberately. See the note on the\n   * render branches below.\n   */\n  enabled?: boolean;\n}\n\nexport const Animated = React.forwardRef<HTMLElement, AnimatedProps>(\n  function Animated(\n    {\n      as = 'div',\n      preset,\n      mode,\n      open = false,\n      custom,\n      className,\n      fallbackClassName,\n      enabled = true,\n      children,\n      ...rest\n    },\n    ref\n  ) {\n    const runtime = useMotionRuntime();\n\n    /*\n     * Anything not animating renders the plain tag with the CSS fallback —\n     * no provider, a disabled provider, or `enabled={false}` alike.\n     *\n     * Crossing between this branch and the motion one changes the element\n     * type, which remounts the subtree. That is deliberate. The obvious\n     * alternative — keeping the motion component mounted and only withholding\n     * its animation props — corrupts `toggle`-mode elements in both\n     * directions, because motion only writes variant styles at mount or in\n     * response to an animation:\n     *\n     * - props added in place (a drawer crossing into its mobile breakpoint\n     *   while closed) never get the `closed` transform, so the drawer sits\n     *   fully visible over the page;\n     * - props removed in place strand whatever inline `transform` motion last\n     *   wrote, so a sidebar returning to desktop stays off-canvas.\n     *\n     * Fresh mounts are correct in both worlds, so remounting at the flip is\n     * the fix. The flips are rare — a breakpoint cross, a test toggling the\n     * provider — and a remount that resets local state beats a stale\n     * transform that removes the navigation.\n     */\n    if (!runtime || !runtime.enabled || !enabled) {\n      const Tag = as as React.ElementType;\n      return (\n        <Tag ref={ref} className={cn(fallbackClassName, className)} {...rest}>\n          {children}\n        </Tag>\n      );\n    }\n\n    const Component =\n      as === 'nav' ? runtime.Nav : as === 'span' ? runtime.Span : runtime.Div;\n\n    const motionProps =\n      mode === 'toggle'\n        ? runtime.toggle(preset, open, custom)\n        : runtime.presence(preset, custom);\n\n    return (\n      <Component ref={ref} className={className} {...motionProps} {...rest}>\n        {children}\n      </Component>\n    );\n  }\n);\n\nAnimated.displayName = 'Animated';\n\n// =============================================================================\n// AnimatedPresence\n// =============================================================================\n\n/**\n * Keeps unmounting children on screen long enough to animate out.\n *\n * Without a runtime this is a pass-through, so children disappear immediately —\n * which is exactly what they do today. Children rendered conditionally inside\n * it need a stable `key`.\n */\nexport function AnimatedPresence({\n  children,\n  initial,\n  onExitComplete,\n}: MotionPresenceProps): React.JSX.Element {\n  const runtime = useMotionRuntime();\n\n  if (!runtime) {\n    return <>{children}</>;\n  }\n\n  const { Presence } = runtime;\n  return (\n    <Presence initial={initial} onExitComplete={onExitComplete}>\n      {children}\n    </Presence>\n  );\n}\n\nAnimatedPresence.displayName = 'AnimatedPresence';\n"]}

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-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"]}

package/dist/{chunk-DEDN5HAG.js → chunk-FZURBQJ2.js}

@@ -1,4 +1,4 @@
-import { FenceBlock } from './chunk-H4ZXMQQW.js';
+import { FenceBlock } from './chunk-QOVJ6Z6R.js';
 import { useState, useEffect } from 'react';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
@@ -192,5 +192,5 @@ var SurveyBlock = ({ code, id }) => {
 };
 
 export { SurveyBlock };
-//# sourceMappingURL=chunk-DEDN5HAG.js.map
-//# sourceMappingURL=chunk-DEDN5HAG.js.map
+//# sourceMappingURL=chunk-FZURBQJ2.js.map
+//# sourceMappingURL=chunk-FZURBQJ2.js.map