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

package/dist/components/MegaMenu/index.d.cts

@@ -0,0 +1,106 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+
+type MegaMenuTone = 'primary' | 'accent' | 'neutral';
+/** The right-column feature panel. */
+interface MegaMenuFeatured {
+    /** Small caps label, e.g. "Whitepaper". */
+    eyebrow: string;
+    title: string;
+    description?: string;
+    ctaLabel: string;
+    ctaHref: string;
+    /** Icon tile above the title. Ignored when `media` is given. */
+    icon?: React.ReactNode;
+    /** Rich media in place of the icon tile — a `VideoCard variant="plate"`, an image. */
+    media?: React.ReactNode;
+    /** Panel colour. Default `primary`. */
+    tone?: MegaMenuTone;
+}
+interface MegaMenuItem {
+    label: string;
+    href: string;
+    description?: string;
+    icon?: React.ReactNode;
+    /**
+     * Feature panel to show while this item is hovered/focused. Falls back to
+     * the menu-level `featured` when unset — this is what makes the right
+     * column contextual instead of static.
+     */
+    featured?: MegaMenuFeatured;
+    external?: boolean;
+}
+interface MegaMenuGroup {
+    label: string;
+    /** Makes the group heading a link. */
+    href?: string;
+    items: MegaMenuItem[];
+}
+interface MegaMenuConfig {
+    /** Stable id — used by `MegaMenuBar` to track the open menu. */
+    key: string;
+    /** Trigger label. */
+    label: string;
+    /** Trigger destination. Omit for a pure toggle. */
+    href?: string;
+    /** Heading inside the panel, e.g. "Resources & insight". */
+    heading?: string;
+    /** Flat 2-column grid of items (icon + label + description). */
+    items?: MegaMenuItem[];
+    /** Grouped columns of compact items. Takes precedence over `items`. */
+    groups?: MegaMenuGroup[];
+    /** "Browse all …" footer link. */
+    allLabel?: string;
+    allHref?: string;
+    /** Footer CTA button. */
+    ctaLabel?: string;
+    ctaHref?: string;
+    /** Default right-column feature panel. */
+    featured?: MegaMenuFeatured;
+}
+interface MegaMenuProps {
+    menu: MegaMenuConfig;
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    /** Current pathname — marks the matching item/group with `aria-current`. */
+    currentPath?: string;
+    /** Trigger colours for light (on dark header) or dark (on light header) chrome. */
+    variant?: 'light' | 'dark';
+    /**
+     * Override how the feature panel is chosen. Receives the hovered item (or
+     * `null` when none) and the menu; return `undefined` to hide the column.
+     * Default: `item?.featured ?? menu.featured`.
+     */
+    resolveFeatured?: (item: MegaMenuItem | null, menu: MegaMenuConfig) => MegaMenuFeatured | undefined;
+    /** Called after any in-panel navigation (close mobile drawers, etc.). */
+    onNavigate?: () => void;
+    /** Viewport width below which hover-open is disabled (touch/mobile). Default 900. */
+    hoverMinWidth?: number;
+    className?: string;
+}
+/**
+ * Normalize an href for `currentPath` comparison (strips hash, query and
+ * trailing slashes). Shared with `SiteHeader`'s mobile drawer so desktop and
+ * mobile menu links agree on `aria-current`.
+ */
+declare function normalizePath(href: string): string;
+/**
+ * A hover/click mega-menu: trigger link + chevron toggle, a panel with a
+ * heading, a 2-column item grid (or grouped columns), a footer with
+ * "Browse all" + CTA, and a right-column feature panel that **follows the
+ * hovered item** (`item.featured`) before falling back to the menu default.
+ * Marks the current route with `aria-current`. Ported from the Enterprise
+ * Health frontdoor nav.
+ *
+ * Controlled — pair with `MegaMenuBar` to keep one menu open at a time.
+ */
+declare function MegaMenu({ menu, open, onOpenChange, currentPath, variant, resolveFeatured, onNavigate, hoverMinWidth, className, }: MegaMenuProps): react_jsx_runtime.JSX.Element;
+interface MegaMenuBarProps extends Pick<MegaMenuProps, 'currentPath' | 'variant' | 'resolveFeatured' | 'onNavigate' | 'hoverMinWidth'> {
+    menus: MegaMenuConfig[];
+    className?: string;
+    'aria-label'?: string;
+}
+/** A row of `MegaMenu` triggers sharing one open-state so only one panel shows. */
+declare function MegaMenuBar({ menus, className, 'aria-label': ariaLabel, ...rest }: MegaMenuBarProps): react_jsx_runtime.JSX.Element;
+
+export { MegaMenu, MegaMenuBar, type MegaMenuBarProps, type MegaMenuConfig, type MegaMenuFeatured, type MegaMenuGroup, type MegaMenuItem, type MegaMenuProps, type MegaMenuTone, normalizePath };

package/dist/components/MegaMenu/index.d.ts

@@ -0,0 +1,106 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+
+type MegaMenuTone = 'primary' | 'accent' | 'neutral';
+/** The right-column feature panel. */
+interface MegaMenuFeatured {
+    /** Small caps label, e.g. "Whitepaper". */
+    eyebrow: string;
+    title: string;
+    description?: string;
+    ctaLabel: string;
+    ctaHref: string;
+    /** Icon tile above the title. Ignored when `media` is given. */
+    icon?: React.ReactNode;
+    /** Rich media in place of the icon tile — a `VideoCard variant="plate"`, an image. */
+    media?: React.ReactNode;
+    /** Panel colour. Default `primary`. */
+    tone?: MegaMenuTone;
+}
+interface MegaMenuItem {
+    label: string;
+    href: string;
+    description?: string;
+    icon?: React.ReactNode;
+    /**
+     * Feature panel to show while this item is hovered/focused. Falls back to
+     * the menu-level `featured` when unset — this is what makes the right
+     * column contextual instead of static.
+     */
+    featured?: MegaMenuFeatured;
+    external?: boolean;
+}
+interface MegaMenuGroup {
+    label: string;
+    /** Makes the group heading a link. */
+    href?: string;
+    items: MegaMenuItem[];
+}
+interface MegaMenuConfig {
+    /** Stable id — used by `MegaMenuBar` to track the open menu. */
+    key: string;
+    /** Trigger label. */
+    label: string;
+    /** Trigger destination. Omit for a pure toggle. */
+    href?: string;
+    /** Heading inside the panel, e.g. "Resources & insight". */
+    heading?: string;
+    /** Flat 2-column grid of items (icon + label + description). */
+    items?: MegaMenuItem[];
+    /** Grouped columns of compact items. Takes precedence over `items`. */
+    groups?: MegaMenuGroup[];
+    /** "Browse all …" footer link. */
+    allLabel?: string;
+    allHref?: string;
+    /** Footer CTA button. */
+    ctaLabel?: string;
+    ctaHref?: string;
+    /** Default right-column feature panel. */
+    featured?: MegaMenuFeatured;
+}
+interface MegaMenuProps {
+    menu: MegaMenuConfig;
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    /** Current pathname — marks the matching item/group with `aria-current`. */
+    currentPath?: string;
+    /** Trigger colours for light (on dark header) or dark (on light header) chrome. */
+    variant?: 'light' | 'dark';
+    /**
+     * Override how the feature panel is chosen. Receives the hovered item (or
+     * `null` when none) and the menu; return `undefined` to hide the column.
+     * Default: `item?.featured ?? menu.featured`.
+     */
+    resolveFeatured?: (item: MegaMenuItem | null, menu: MegaMenuConfig) => MegaMenuFeatured | undefined;
+    /** Called after any in-panel navigation (close mobile drawers, etc.). */
+    onNavigate?: () => void;
+    /** Viewport width below which hover-open is disabled (touch/mobile). Default 900. */
+    hoverMinWidth?: number;
+    className?: string;
+}
+/**
+ * Normalize an href for `currentPath` comparison (strips hash, query and
+ * trailing slashes). Shared with `SiteHeader`'s mobile drawer so desktop and
+ * mobile menu links agree on `aria-current`.
+ */
+declare function normalizePath(href: string): string;
+/**
+ * A hover/click mega-menu: trigger link + chevron toggle, a panel with a
+ * heading, a 2-column item grid (or grouped columns), a footer with
+ * "Browse all" + CTA, and a right-column feature panel that **follows the
+ * hovered item** (`item.featured`) before falling back to the menu default.
+ * Marks the current route with `aria-current`. Ported from the Enterprise
+ * Health frontdoor nav.
+ *
+ * Controlled — pair with `MegaMenuBar` to keep one menu open at a time.
+ */
+declare function MegaMenu({ menu, open, onOpenChange, currentPath, variant, resolveFeatured, onNavigate, hoverMinWidth, className, }: MegaMenuProps): react_jsx_runtime.JSX.Element;
+interface MegaMenuBarProps extends Pick<MegaMenuProps, 'currentPath' | 'variant' | 'resolveFeatured' | 'onNavigate' | 'hoverMinWidth'> {
+    menus: MegaMenuConfig[];
+    className?: string;
+    'aria-label'?: string;
+}
+/** A row of `MegaMenu` triggers sharing one open-state so only one panel shows. */
+declare function MegaMenuBar({ menus, className, 'aria-label': ariaLabel, ...rest }: MegaMenuBarProps): react_jsx_runtime.JSX.Element;
+
+export { MegaMenu, MegaMenuBar, type MegaMenuBarProps, type MegaMenuConfig, type MegaMenuFeatured, type MegaMenuGroup, type MegaMenuItem, type MegaMenuProps, type MegaMenuTone, normalizePath };

package/dist/components/MegaMenu/index.js

@@ -0,0 +1,6 @@
+export { MegaMenu, MegaMenuBar, normalizePath } from '../../chunk-2IZLKPUW.js';
+import '../../chunk-GOALNQZ2.js';
+import '../../chunk-TQONQSJO.js';
+import '../../chunk-PX6F3LHL.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/MegaMenu/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}

package/dist/components/Modal/index.cjs

@@ -1,46 +1,46 @@
 'use strict';
 
-var chunkAUOTJQGO_cjs = require('../../chunk-AUOTJQGO.cjs');
-require('../../chunk-NV2CWBI2.cjs');
-require('../../chunk-S5RVSXDV.cjs');
+var chunk7ZDPD5ZX_cjs = require('../../chunk-7ZDPD5ZX.cjs');
 require('../../chunk-NNEFAUHV.cjs');
 require('../../chunk-FHY3K6PL.cjs');
 require('../../chunk-SCV7C55E.cjs');
+require('../../chunk-NV2CWBI2.cjs');
+require('../../chunk-S5RVSXDV.cjs');
 require('../../chunk-EUAMEVVI.cjs');
 
 
 
 Object.defineProperty(exports, "Modal", {
   enumerable: true,
-  get: function () { return chunkAUOTJQGO_cjs.Modal; }
+  get: function () { return chunk7ZDPD5ZX_cjs.Modal; }
 });
 Object.defineProperty(exports, "ModalBody", {
   enumerable: true,
-  get: function () { return chunkAUOTJQGO_cjs.ModalBody; }
+  get: function () { return chunk7ZDPD5ZX_cjs.ModalBody; }
 });
 Object.defineProperty(exports, "ModalClose", {
   enumerable: true,
-  get: function () { return chunkAUOTJQGO_cjs.ModalClose; }
+  get: function () { return chunk7ZDPD5ZX_cjs.ModalClose; }
 });
 Object.defineProperty(exports, "ModalFooter", {
   enumerable: true,
-  get: function () { return chunkAUOTJQGO_cjs.ModalFooter; }
+  get: function () { return chunk7ZDPD5ZX_cjs.ModalFooter; }
 });
 Object.defineProperty(exports, "ModalHeader", {
   enumerable: true,
-  get: function () { return chunkAUOTJQGO_cjs.ModalHeader; }
+  get: function () { return chunk7ZDPD5ZX_cjs.ModalHeader; }
 });
 Object.defineProperty(exports, "ModalTitle", {
   enumerable: true,
-  get: function () { return chunkAUOTJQGO_cjs.ModalTitle; }
+  get: function () { return chunk7ZDPD5ZX_cjs.ModalTitle; }
 });
 Object.defineProperty(exports, "modalContentVariants", {
   enumerable: true,
-  get: function () { return chunkAUOTJQGO_cjs.modalContentVariants; }
+  get: function () { return chunk7ZDPD5ZX_cjs.modalContentVariants; }
 });
 Object.defineProperty(exports, "modalOverlayVariants", {
   enumerable: true,
-  get: function () { return chunkAUOTJQGO_cjs.modalOverlayVariants; }
+  get: function () { return chunk7ZDPD5ZX_cjs.modalOverlayVariants; }
 });
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map

package/dist/components/Modal/index.js

@@ -1,9 +1,9 @@
-export { Modal, ModalBody, ModalClose, ModalFooter, ModalHeader, ModalTitle, modalContentVariants, modalOverlayVariants } from '../../chunk-WUBMDOTG.js';
-import '../../chunk-XCP454Q6.js';
-import '../../chunk-TQONQSJO.js';
+export { Modal, ModalBody, ModalClose, ModalFooter, ModalHeader, ModalTitle, modalContentVariants, modalOverlayVariants } from '../../chunk-5JJ2DAE4.js';
 import '../../chunk-4SMSH4OY.js';
 import '../../chunk-T4ME7QCT.js';
 import '../../chunk-VSQF22GL.js';
+import '../../chunk-XCP454Q6.js';
+import '../../chunk-TQONQSJO.js';
 import '../../chunk-PX6F3LHL.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/components/OrbitRing/index.cjs

@@ -0,0 +1,14 @@
+'use strict';
+
+var chunkTU63764L_cjs = require('../../chunk-TU63764L.cjs');
+require('../../chunk-S5RVSXDV.cjs');
+require('../../chunk-EUAMEVVI.cjs');
+
+
+
+Object.defineProperty(exports, "OrbitRing", {
+  enumerable: true,
+  get: function () { return chunkTU63764L_cjs.OrbitRing; }
+});
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map

package/dist/components/OrbitRing/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.cjs"}

package/dist/components/OrbitRing/index.d.cts

@@ -0,0 +1,64 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+
+interface OrbitSatellite {
+    id: string;
+    /** Accessible name; shown as a hover label. */
+    name: string;
+    /** Logo/icon content — an `<img>`, a Lucide icon, or a lettermark. */
+    children?: React.ReactNode;
+    /** Makes the chip a link. */
+    href?: string;
+    onClick?: () => void;
+}
+interface OrbitRingDef {
+    satellites: OrbitSatellite[];
+    /** Orbit radius as a fraction of the stage (0–0.5). */
+    radius: number;
+    /** One rotation, in seconds. Default 88 (inner) / 124 (outer). */
+    durationSec?: number;
+    /** Spin direction. Default alternates per ring. */
+    direction?: 'normal' | 'reverse';
+    /** Starting angle offset in degrees. */
+    offsetDeg?: number;
+    /** Draw the orbit path as a dashed rather than solid circle. */
+    dashed?: boolean;
+}
+interface OrbitRingProps {
+    /** Concentric rings, inner first. */
+    rings: OrbitRingDef[];
+    /** What sits at the centre — a brand mark, a product tile. */
+    center?: React.ReactNode;
+    /** Diameter of the centre disc as a fraction of the stage. Default 0.21. */
+    centerSize?: number;
+    /** Diameter of each satellite chip as a fraction of the stage. Default 0.13. */
+    chipSize?: number;
+    /** Show the warm radial glow behind the centre. Default true. */
+    glow?: boolean;
+    /** Stage width. Default `min(440px, 86vw)`. */
+    size?: string;
+    /** Pause everything while hovered/focused. Default true. */
+    pauseOnHover?: boolean;
+    className?: string;
+}
+/**
+ * A "solar system" of logos: concentric rings of satellite chips orbiting a
+ * centre mark at different speeds and directions, chips counter-rotating so
+ * they stay upright, the whole system pausing while a visitor explores it.
+ * Sizes are container-relative, so it scales with its box. Ported from the
+ * Enterprise Health integrations section.
+ *
+ * @example
+ * ```tsx
+ * <OrbitRing
+ *   center={<img src="/logo.svg" alt="" />}
+ *   rings={[
+ *     { radius: 0.26, satellites: partners.slice(0, 5).map(p => ({ id: p.slug, name: p.name, href: p.href, children: <img src={p.logo} alt="" /> })) },
+ *     { radius: 0.4, satellites: partners.slice(5).map(...) , dashed: true },
+ *   ]}
+ * />
+ * ```
+ */
+declare function OrbitRing({ rings, center, centerSize, chipSize, glow, size, pauseOnHover, className, }: OrbitRingProps): react_jsx_runtime.JSX.Element;
+
+export { OrbitRing, type OrbitRingDef, type OrbitRingProps, type OrbitSatellite };

package/dist/components/OrbitRing/index.d.ts

@@ -0,0 +1,64 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+
+interface OrbitSatellite {
+    id: string;
+    /** Accessible name; shown as a hover label. */
+    name: string;
+    /** Logo/icon content — an `<img>`, a Lucide icon, or a lettermark. */
+    children?: React.ReactNode;
+    /** Makes the chip a link. */
+    href?: string;
+    onClick?: () => void;
+}
+interface OrbitRingDef {
+    satellites: OrbitSatellite[];
+    /** Orbit radius as a fraction of the stage (0–0.5). */
+    radius: number;
+    /** One rotation, in seconds. Default 88 (inner) / 124 (outer). */
+    durationSec?: number;
+    /** Spin direction. Default alternates per ring. */
+    direction?: 'normal' | 'reverse';
+    /** Starting angle offset in degrees. */
+    offsetDeg?: number;
+    /** Draw the orbit path as a dashed rather than solid circle. */
+    dashed?: boolean;
+}
+interface OrbitRingProps {
+    /** Concentric rings, inner first. */
+    rings: OrbitRingDef[];
+    /** What sits at the centre — a brand mark, a product tile. */
+    center?: React.ReactNode;
+    /** Diameter of the centre disc as a fraction of the stage. Default 0.21. */
+    centerSize?: number;
+    /** Diameter of each satellite chip as a fraction of the stage. Default 0.13. */
+    chipSize?: number;
+    /** Show the warm radial glow behind the centre. Default true. */
+    glow?: boolean;
+    /** Stage width. Default `min(440px, 86vw)`. */
+    size?: string;
+    /** Pause everything while hovered/focused. Default true. */
+    pauseOnHover?: boolean;
+    className?: string;
+}
+/**
+ * A "solar system" of logos: concentric rings of satellite chips orbiting a
+ * centre mark at different speeds and directions, chips counter-rotating so
+ * they stay upright, the whole system pausing while a visitor explores it.
+ * Sizes are container-relative, so it scales with its box. Ported from the
+ * Enterprise Health integrations section.
+ *
+ * @example
+ * ```tsx
+ * <OrbitRing
+ *   center={<img src="/logo.svg" alt="" />}
+ *   rings={[
+ *     { radius: 0.26, satellites: partners.slice(0, 5).map(p => ({ id: p.slug, name: p.name, href: p.href, children: <img src={p.logo} alt="" /> })) },
+ *     { radius: 0.4, satellites: partners.slice(5).map(...) , dashed: true },
+ *   ]}
+ * />
+ * ```
+ */
+declare function OrbitRing({ rings, center, centerSize, chipSize, glow, size, pauseOnHover, className, }: OrbitRingProps): react_jsx_runtime.JSX.Element;
+
+export { OrbitRing, type OrbitRingDef, type OrbitRingProps, type OrbitSatellite };

package/dist/components/OrbitRing/index.js

@@ -0,0 +1,5 @@
+export { OrbitRing } from '../../chunk-SUS3WFY3.js';
+import '../../chunk-TQONQSJO.js';
+import '../../chunk-PX6F3LHL.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/OrbitRing/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}

package/dist/components/RadialExplorer/index.cjs

@@ -0,0 +1,18 @@
+'use strict';
+
+var chunk6EN3IQQI_cjs = require('../../chunk-6EN3IQQI.cjs');
+require('../../chunk-VBWRH4UW.cjs');
+require('../../chunk-6HFFWEM3.cjs');
+require('../../chunk-YVL3XATO.cjs');
+require('../../chunk-VNYW4C4J.cjs');
+require('../../chunk-S5RVSXDV.cjs');
+require('../../chunk-EUAMEVVI.cjs');
+
+
+
+Object.defineProperty(exports, "RadialExplorer", {
+  enumerable: true,
+  get: function () { return chunk6EN3IQQI_cjs.RadialExplorer; }
+});
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map

package/dist/components/RadialExplorer/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.cjs"}

package/dist/components/RadialExplorer/index.d.cts

@@ -0,0 +1,83 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+
+interface RadialSpoke {
+    id: string;
+    /** Label under the tile. */
+    label: string;
+    /** Tile icon (Lucide, ~22px). */
+    icon: React.ReactNode;
+    /** Small caps tag above the detail heading. Defaults to `label`. */
+    tag?: string;
+    /** Detail heading. Defaults to `label`. */
+    title?: string;
+    description?: string;
+    /** Detail media — a `VideoCard variant="plate"`, an image, a chart. */
+    media?: React.ReactNode;
+    /** Caption under the media, e.g. "AI Medical Assistant · 2:44". */
+    caption?: string;
+    /** Primary CTA in the detail panel. */
+    cta?: {
+        label: string;
+        href: string;
+    };
+    /** Secondary "Explore module →" link. */
+    href?: string;
+    hrefLabel?: string;
+}
+interface RadialExplorerProps {
+    spokes: RadialSpoke[];
+    /** Centre node — a brand mark or product tile. */
+    center: React.ReactNode;
+    /** Small caps label over the whole explorer. */
+    eyebrow?: string;
+    /** Controlled active spoke. */
+    activeId?: string | null;
+    defaultActiveId?: string | null;
+    onActiveChange?: (id: string | null) => void;
+    /** Shown in the detail panel before any spoke is chosen. */
+    welcome?: {
+        tag?: string;
+        title: string;
+        description?: string;
+        media?: React.ReactNode;
+        cta?: {
+            label: string;
+            href: string;
+        };
+    };
+    /**
+     * Auto-advance through the spokes until the visitor interacts. Default
+     * 2200ms; pass 0 to disable. Skipped under `prefers-reduced-motion`.
+     */
+    attractMs?: number;
+    /** Hint under the ring. Default "Hover a module to preview". */
+    hint?: string;
+    /** Orbit radius. Default `clamp(118px, 17vw, 188px)`. */
+    radius?: string;
+    /** Accessible name for the spoke group. Default "Modules". */
+    groupLabel?: string;
+    className?: string;
+}
+/**
+ * A radial product explorer: a centre mark with N icon tiles orbiting it, a
+ * glowing tracer ray from the core to the active tile, tab dots, and a detail
+ * panel beside the ring that shows the active spoke's media, copy and CTAs
+ * (with a welcome state before any pick). Auto-advances gently until the
+ * visitor engages. Below `lg` the ring becomes a chip grid above the panel.
+ * Ported from the Enterprise Health hero HUD.
+ *
+ * @example
+ * ```tsx
+ * <RadialExplorer
+ *   eyebrow="Explore the platform"
+ *   center={<img src="/mark.svg" alt="" />}
+ *   spokes={[{ id: 'ehr', label: 'Certified EHR', icon: <FileText />, description: '…',
+ *     media: <VideoCard variant="plate" title="EHR tour" youtubeId="…" duration="2:44" />,
+ *     cta: { label: 'Request a demo', href: '/demo/' }, href: '/platform/ehr/' }]}
+ * />
+ * ```
+ */
+declare function RadialExplorer({ spokes, center, eyebrow, activeId: controlled, defaultActiveId, onActiveChange, welcome, attractMs, hint, radius, groupLabel, className, }: RadialExplorerProps): react_jsx_runtime.JSX.Element;
+
+export { RadialExplorer, type RadialExplorerProps, type RadialSpoke };

package/dist/components/RadialExplorer/index.d.ts

@@ -0,0 +1,83 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+
+interface RadialSpoke {
+    id: string;
+    /** Label under the tile. */
+    label: string;
+    /** Tile icon (Lucide, ~22px). */
+    icon: React.ReactNode;
+    /** Small caps tag above the detail heading. Defaults to `label`. */
+    tag?: string;
+    /** Detail heading. Defaults to `label`. */
+    title?: string;
+    description?: string;
+    /** Detail media — a `VideoCard variant="plate"`, an image, a chart. */
+    media?: React.ReactNode;
+    /** Caption under the media, e.g. "AI Medical Assistant · 2:44". */
+    caption?: string;
+    /** Primary CTA in the detail panel. */
+    cta?: {
+        label: string;
+        href: string;
+    };
+    /** Secondary "Explore module →" link. */
+    href?: string;
+    hrefLabel?: string;
+}
+interface RadialExplorerProps {
+    spokes: RadialSpoke[];
+    /** Centre node — a brand mark or product tile. */
+    center: React.ReactNode;
+    /** Small caps label over the whole explorer. */
+    eyebrow?: string;
+    /** Controlled active spoke. */
+    activeId?: string | null;
+    defaultActiveId?: string | null;
+    onActiveChange?: (id: string | null) => void;
+    /** Shown in the detail panel before any spoke is chosen. */
+    welcome?: {
+        tag?: string;
+        title: string;
+        description?: string;
+        media?: React.ReactNode;
+        cta?: {
+            label: string;
+            href: string;
+        };
+    };
+    /**
+     * Auto-advance through the spokes until the visitor interacts. Default
+     * 2200ms; pass 0 to disable. Skipped under `prefers-reduced-motion`.
+     */
+    attractMs?: number;
+    /** Hint under the ring. Default "Hover a module to preview". */
+    hint?: string;
+    /** Orbit radius. Default `clamp(118px, 17vw, 188px)`. */
+    radius?: string;
+    /** Accessible name for the spoke group. Default "Modules". */
+    groupLabel?: string;
+    className?: string;
+}
+/**
+ * A radial product explorer: a centre mark with N icon tiles orbiting it, a
+ * glowing tracer ray from the core to the active tile, tab dots, and a detail
+ * panel beside the ring that shows the active spoke's media, copy and CTAs
+ * (with a welcome state before any pick). Auto-advances gently until the
+ * visitor engages. Below `lg` the ring becomes a chip grid above the panel.
+ * Ported from the Enterprise Health hero HUD.
+ *
+ * @example
+ * ```tsx
+ * <RadialExplorer
+ *   eyebrow="Explore the platform"
+ *   center={<img src="/mark.svg" alt="" />}
+ *   spokes={[{ id: 'ehr', label: 'Certified EHR', icon: <FileText />, description: '…',
+ *     media: <VideoCard variant="plate" title="EHR tour" youtubeId="…" duration="2:44" />,
+ *     cta: { label: 'Request a demo', href: '/demo/' }, href: '/platform/ehr/' }]}
+ * />
+ * ```
+ */
+declare function RadialExplorer({ spokes, center, eyebrow, activeId: controlled, defaultActiveId, onActiveChange, welcome, attractMs, hint, radius, groupLabel, className, }: RadialExplorerProps): react_jsx_runtime.JSX.Element;
+
+export { RadialExplorer, type RadialExplorerProps, type RadialSpoke };

package/dist/components/RadialExplorer/index.js

@@ -0,0 +1,9 @@
+export { RadialExplorer } from '../../chunk-Y5HFM7LO.js';
+import '../../chunk-IQ4KQJAO.js';
+import '../../chunk-HB7C7NB5.js';
+import '../../chunk-BMSG4NBH.js';
+import '../../chunk-GOALNQZ2.js';
+import '../../chunk-TQONQSJO.js';
+import '../../chunk-PX6F3LHL.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/RadialExplorer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}