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

package/dist/brands/index.cjs

@@ -1,11 +1,11 @@
 'use strict';
 
-var chunk6VFDHJSO_cjs = require('../chunk-6VFDHJSO.cjs');
+var chunkCOM7RNZU_cjs = require('../chunk-COM7RNZU.cjs');
+var chunkZ5J4NTPL_cjs = require('../chunk-Z5J4NTPL.cjs');
 var chunkU7VQUOLS_cjs = require('../chunk-U7VQUOLS.cjs');
 var chunkX7S76WB7_cjs = require('../chunk-X7S76WB7.cjs');
 var chunkNM7O7RY5_cjs = require('../chunk-NM7O7RY5.cjs');
 var chunkLCQGAOAZ_cjs = require('../chunk-LCQGAOAZ.cjs');
-var chunkZ5J4NTPL_cjs = require('../chunk-Z5J4NTPL.cjs');
 var chunkNGQRS7AW_cjs = require('../chunk-NGQRS7AW.cjs');
 var chunk3ZWCIPFT_cjs = require('../chunk-3ZWCIPFT.cjs');
 var chunkUCGUA3QV_cjs = require('../chunk-UCGUA3QV.cjs');
@@ -16,7 +16,11 @@ require('../chunk-EUAMEVVI.cjs');
 
 Object.defineProperty(exports, "brands", {
   enumerable: true,
-  get: function () { return chunk6VFDHJSO_cjs.brands; }
+  get: function () { return chunkCOM7RNZU_cjs.brands; }
+});
+Object.defineProperty(exports, "wagglelineBrand", {
+  enumerable: true,
+  get: function () { return chunkZ5J4NTPL_cjs.wagglelineBrand; }
 });
 Object.defineProperty(exports, "webchartBrand", {
   enumerable: true,
@@ -34,10 +38,6 @@ Object.defineProperty(exports, "miewebBrand", {
   enumerable: true,
   get: function () { return chunkLCQGAOAZ_cjs.miewebBrand; }
 });
-Object.defineProperty(exports, "wagglelineBrand", {
-  enumerable: true,
-  get: function () { return chunkZ5J4NTPL_cjs.wagglelineBrand; }
-});
 Object.defineProperty(exports, "createBrandPreset", {
   enumerable: true,
   get: function () { return chunkNGQRS7AW_cjs.createBrandPreset; }

package/dist/brands/index.js

@@ -1,9 +1,9 @@
-export { brands } from '../chunk-33DEVA3P.js';
+export { brands } from '../chunk-JHG3ELS2.js';
+export { wagglelineBrand } from '../chunk-2NTYAALC.js';
 export { webchartBrand } from '../chunk-CW66SO5O.js';
 export { defaultBrand } from '../chunk-PSTGFXQG.js';
 export { enterpriseHealthBrand } from '../chunk-Q77TE5DZ.js';
 export { miewebBrand } from '../chunk-NERS5ZT6.js';
-export { wagglelineBrand } from '../chunk-2NTYAALC.js';
 export { createBrandPreset, generateBrandCSS, generateTailwindTheme } from '../chunk-5GOWFNQ6.js';
 export { bluehiveBrand } from '../chunk-PJEL5ZZV.js';
 export { ccmeBrand } from '../chunk-SCQRJPSV.js';

package/dist/{chunk-JYZW2PZS.cjs → chunk-254QK722.cjs}

@@ -17,6 +17,7 @@ function useMediaTransport(options = {}) {
   } = options;
   const [element, setElementState] = react.useState(null);
   const [state, setStateRaw] = react.useState("idle");
+  const stateRef = react.useRef("idle");
   const [currentTimeMs, setCurrentTimeMs] = react.useState(0);
   const [durationMs, setDurationMs] = react.useState(0);
   const [playbackRate, setPlaybackRateState] = react.useState(initialRate);
@@ -40,11 +41,10 @@ function useMediaTransport(options = {}) {
     errorLabel
   };
   const setState = react.useCallback((next) => {
-    setStateRaw((prev) => {
-      if (prev === next) return prev;
-      handlers.current.onStateChange?.(next);
-      return next;
-    });
+    if (stateRef.current === next) return;
+    stateRef.current = next;
+    setStateRaw(next);
+    handlers.current.onStateChange?.(next);
   }, []);
   const setMediaElement = react.useCallback((el) => {
     elementRef.current = el;
@@ -162,5 +162,5 @@ function useMediaTransport(options = {}) {
 }
 
 exports.useMediaTransport = useMediaTransport;
-//# sourceMappingURL=chunk-JYZW2PZS.cjs.map
-//# sourceMappingURL=chunk-JYZW2PZS.cjs.map
+//# sourceMappingURL=chunk-254QK722.cjs.map
+//# sourceMappingURL=chunk-254QK722.cjs.map

package/dist/chunk-254QK722.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/hooks/useMediaTransport.ts"],"names":["useState","useRef","useCallback","useEffect"],"mappings":"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","file":"chunk-254QK722.cjs","sourcesContent":["import { useCallback, useEffect, useRef, useState } from 'react';\n\n// =============================================================================\n// Types\n// =============================================================================\n\nexport type MediaTransportState =\n  | 'idle'\n  | 'loading'\n  | 'playing'\n  | 'paused'\n  | 'error';\n\nexport interface UseMediaTransportOptions {\n  /** Fired on every native `timeupdate` and on metadata load, in milliseconds. */\n  onTimeUpdate?: (currentTimeMs: number, durationMs: number) => void;\n  /** Fired whenever the derived transport state changes. */\n  onStateChange?: (state: MediaTransportState) => void;\n  /** Fired when playback reaches the end. */\n  onEnded?: () => void;\n  /** Fired on a media error, with a descriptive Error. */\n  onError?: (error: Error) => void;\n  /** Initial playback rate (default `1`). Kept in sync with the element. */\n  initialRate?: number;\n  /** Transport state to enter when playback ends (default `'paused'`). */\n  endedState?: Extract<MediaTransportState, 'idle' | 'paused'>;\n  /** Reset the position to `0` when playback ends (default `false`). */\n  resetTimeOnEnd?: boolean;\n  /** Human-readable label used in the error message (default `'media'`). */\n  errorLabel?: string;\n}\n\nexport interface UseMediaTransportReturn {\n  /**\n   * Callback ref for the `<audio>`/`<video>` element to control. Pass this to\n   * the element's `ref` (or call it imperatively). Transport listeners attach\n   * when an element mounts and detach when it unmounts.\n   */\n  setMediaElement: (element: HTMLMediaElement | null) => void;\n  /** The currently attached media element, or `null`. */\n  mediaElement: HTMLMediaElement | null;\n\n  /** Derived transport state. */\n  state: MediaTransportState;\n  /** Current playback position in milliseconds. */\n  currentTimeMs: number;\n  /** Media duration in milliseconds (`0` until known / non-finite). */\n  durationMs: number;\n  /** Current playback rate. */\n  playbackRate: number;\n  /** `true` while `state === 'playing'`. */\n  isPlaying: boolean;\n  /** `true` while `state === 'loading'`. */\n  isLoading: boolean;\n\n  /** Start playback. */\n  play: () => void;\n  /** Pause playback. */\n  pause: () => void;\n  /** Toggle between play and pause. */\n  togglePlay: () => void;\n  /** Seek to a position in milliseconds. */\n  seekToMs: (timeMs: number) => void;\n  /** Set the playback rate multiplier. */\n  setPlaybackRate: (rate: number) => void;\n  /** Read the current position in milliseconds. */\n  getCurrentTimeMs: () => number;\n  /** Read the duration in milliseconds (`0` when unknown). */\n  getDurationMs: () => number;\n  /** Whether playback is currently paused (reads the element directly). */\n  isPaused: () => boolean;\n}\n\n// =============================================================================\n// Helpers\n// =============================================================================\n\nconst toMs = (seconds: number): number =>\n  Number.isFinite(seconds) ? seconds * 1000 : 0;\n\n// =============================================================================\n// Hook\n// =============================================================================\n\n/**\n * Headless playback transport for a native `HTMLMediaElement`.\n *\n * Owns the derived transport state (idle/loading/playing/paused/error),\n * position, duration and playback rate, and exposes imperative controls — all\n * in **milliseconds**. It never creates or renders an element: pass the\n * returned {@link UseMediaTransportReturn.setMediaElement} callback to an\n * `<audio>`/`<video>` `ref` and the hook wires the native listeners.\n *\n * Shared by `MediaPlayer` (ms API) and, at the boundary, `AudioPlayer`\n * (seconds API — convert with `ms / 1000`). The WaveSurfer waveform variant is\n * out of scope; this hook targets native media transport only.\n *\n * @example\n * ```tsx\n * function Player({ src }: { src: string }) {\n *   const t = useMediaTransport({ onEnded: () => console.log('done') });\n *   return (\n *     <div>\n *       <video ref={t.setMediaElement} src={src} controls />\n *       <button onClick={t.togglePlay}>{t.isPlaying ? 'Pause' : 'Play'}</button>\n *     </div>\n *   );\n * }\n * ```\n */\nexport function useMediaTransport(\n  options: UseMediaTransportOptions = {}\n): UseMediaTransportReturn {\n  const {\n    onTimeUpdate,\n    onStateChange,\n    onEnded,\n    onError,\n    initialRate = 1,\n    endedState = 'paused',\n    resetTimeOnEnd = false,\n    errorLabel = 'media',\n  } = options;\n\n  const [element, setElementState] = useState<HTMLMediaElement | null>(null);\n  const [state, setStateRaw] = useState<MediaTransportState>('idle');\n  const stateRef = useRef<MediaTransportState>('idle');\n  const [currentTimeMs, setCurrentTimeMs] = useState(0);\n  const [durationMs, setDurationMs] = useState(0);\n  const [playbackRate, setPlaybackRateState] = useState(initialRate);\n\n  const elementRef = useRef<HTMLMediaElement | null>(null);\n\n  // Keep the latest callbacks/options in a ref so the listener effect does not\n  // re-subscribe on every render when callers pass inline functions.\n  const handlers = useRef({\n    onTimeUpdate,\n    onStateChange,\n    onEnded,\n    onError,\n    endedState,\n    resetTimeOnEnd,\n    errorLabel,\n  });\n  handlers.current = {\n    onTimeUpdate,\n    onStateChange,\n    onEnded,\n    onError,\n    endedState,\n    resetTimeOnEnd,\n    errorLabel,\n  };\n\n  const setState = useCallback((next: MediaTransportState) => {\n    if (stateRef.current === next) return;\n    stateRef.current = next;\n    setStateRaw(next);\n    // Consumers often update parent state here. Keep that notification outside\n    // React's state updater, which may run during render or twice in StrictMode.\n    handlers.current.onStateChange?.(next);\n  }, []);\n\n  const setMediaElement = useCallback((el: HTMLMediaElement | null) => {\n    elementRef.current = el;\n    setElementState(el);\n  }, []);\n\n  // Attach native transport listeners whenever an element mounts.\n  useEffect(() => {\n    if (!element) return;\n\n    const emitTime = () => {\n      const ms = toMs(element.currentTime);\n      const dur = toMs(element.duration);\n      setCurrentTimeMs(ms);\n      handlers.current.onTimeUpdate?.(ms, dur);\n    };\n\n    const onLoadStart = () => setState('loading');\n    const onCanPlay = () => setState('idle');\n    const onLoadedMetadata = () => {\n      setDurationMs(toMs(element.duration));\n      emitTime();\n    };\n    const onTimeUpdateEvt = () => emitTime();\n    const onPlay = () => setState('playing');\n    const onPlaying = () => setState('playing');\n    const onPause = () => setState('paused');\n    const onEndedEvt = () => {\n      setState(handlers.current.endedState);\n      if (handlers.current.resetTimeOnEnd) {\n        element.currentTime = 0;\n        setCurrentTimeMs(0);\n      }\n      handlers.current.onEnded?.();\n    };\n    const onErrorEvt = () => {\n      setState('error');\n      handlers.current.onError?.(\n        new Error(`Failed to load ${handlers.current.errorLabel}`)\n      );\n    };\n\n    element.addEventListener('loadstart', onLoadStart);\n    element.addEventListener('canplay', onCanPlay);\n    element.addEventListener('loadedmetadata', onLoadedMetadata);\n    element.addEventListener('timeupdate', onTimeUpdateEvt);\n    element.addEventListener('play', onPlay);\n    element.addEventListener('playing', onPlaying);\n    element.addEventListener('pause', onPause);\n    element.addEventListener('ended', onEndedEvt);\n    element.addEventListener('error', onErrorEvt);\n\n    // Sync duration if metadata is already available on attach.\n    if (Number.isFinite(element.duration)) {\n      setDurationMs(toMs(element.duration));\n    }\n\n    return () => {\n      element.removeEventListener('loadstart', onLoadStart);\n      element.removeEventListener('canplay', onCanPlay);\n      element.removeEventListener('loadedmetadata', onLoadedMetadata);\n      element.removeEventListener('timeupdate', onTimeUpdateEvt);\n      element.removeEventListener('play', onPlay);\n      element.removeEventListener('playing', onPlaying);\n      element.removeEventListener('pause', onPause);\n      element.removeEventListener('ended', onEndedEvt);\n      element.removeEventListener('error', onErrorEvt);\n    };\n  }, [element, setState]);\n\n  // Keep the element's playback rate in sync with hook state.\n  useEffect(() => {\n    if (element) element.playbackRate = playbackRate;\n  }, [element, playbackRate]);\n\n  const play = useCallback(() => {\n    void elementRef.current?.play();\n  }, []);\n\n  const pause = useCallback(() => {\n    elementRef.current?.pause();\n  }, []);\n\n  const togglePlay = useCallback(() => {\n    const el = elementRef.current;\n    if (!el) return;\n    if (el.paused) void el.play();\n    else el.pause();\n  }, []);\n\n  const seekToMs = useCallback((timeMs: number) => {\n    const el = elementRef.current;\n    if (el) {\n      el.currentTime = timeMs / 1000;\n      setCurrentTimeMs(timeMs);\n    }\n  }, []);\n\n  const setPlaybackRate = useCallback((rate: number) => {\n    setPlaybackRateState(rate);\n    if (elementRef.current) elementRef.current.playbackRate = rate;\n  }, []);\n\n  const getCurrentTimeMs = useCallback(\n    () => toMs(elementRef.current?.currentTime ?? 0),\n    []\n  );\n\n  const getDurationMs = useCallback(\n    () => toMs(elementRef.current?.duration ?? 0),\n    []\n  );\n\n  const isPaused = useCallback(() => elementRef.current?.paused ?? true, []);\n\n  return {\n    setMediaElement,\n    mediaElement: element,\n    state,\n    currentTimeMs,\n    durationMs,\n    playbackRate,\n    isPlaying: state === 'playing',\n    isLoading: state === 'loading',\n    play,\n    pause,\n    togglePlay,\n    seekToMs,\n    setPlaybackRate,\n    getCurrentTimeMs,\n    getDurationMs,\n    isPaused,\n  };\n}\n"]}

package/dist/{chunk-FBLVPM2K.js → chunk-2JICT4A2.js}

@@ -1,4 +1,4 @@
-import { useMediaTransport } from './chunk-SQHMGT4W.js';
+import { useMediaTransport } from './chunk-GW4RFJZ5.js';
 import { Button } from './chunk-7YO7DNUV.js';
 import * as React from 'react';
 import { cva } from 'class-variance-authority';
@@ -28,10 +28,17 @@ var MediaPlayer = React.forwardRef(
     src,
     kind,
     controls = true,
+    muted,
+    loop,
+    poster,
+    preload,
+    children,
+    labels,
     variant,
     onStateChange,
     onEnded,
     onError,
+    onRetry,
     onTimeUpdate,
     className,
     "aria-label": ariaLabel,
@@ -47,7 +54,9 @@ var MediaPlayer = React.forwardRef(
       onStateChange,
       onEnded,
       onError: (err) => {
-        setError("Unable to load media. The server may be unavailable.");
+        setError(
+          labels?.error ?? "Unable to load media. The server may be unavailable."
+        );
         onError?.(err);
       },
       endedState: "paused",
@@ -82,10 +91,14 @@ var MediaPlayer = React.forwardRef(
     const handleRetry = React.useCallback(() => {
       setError(null);
       mediaElement?.load();
-    }, [mediaElement]);
+      onRetry?.();
+    }, [mediaElement, onRetry]);
     const sharedMediaProps = {
       src,
       controls,
+      muted,
+      loop,
+      preload,
       "aria-label": ariaLabel
     };
     if (error) {
@@ -103,7 +116,7 @@ var MediaPlayer = React.forwardRef(
                 size: "sm",
                 className: "bg-background",
                 onClick: handleRetry,
-                children: "Retry"
+                children: labels?.retry ?? "Retry"
               }
             )
           ]
@@ -111,16 +124,18 @@ var MediaPlayer = React.forwardRef(
       ) });
     }
     return /* @__PURE__ */ jsx("div", { className: mediaPlayerVariants({ variant, className }), children: resolvedKind === "video" ? (
-      // Generic media surface: caption tracks belong to the consumer's media
-      // resource and are supplied via children, not this transport component.
+      // Tracks belong to the caller's media resource and can be supplied as
+      // children. The feed also supports a custom renderer for captions.
       // eslint-disable-next-line jsx-a11y/media-has-caption
       /* @__PURE__ */ jsx(
         "video",
         {
           ref: setElement,
           playsInline: true,
+          poster,
           className: "h-auto max-h-full w-auto max-w-full object-contain",
-          ...sharedMediaProps
+          ...sharedMediaProps,
+          children
         }
       )
     ) : (
@@ -130,7 +145,8 @@ var MediaPlayer = React.forwardRef(
         {
           ref: setElement,
           className: "my-4 w-[90%] max-w-lg",
-          ...sharedMediaProps
+          ...sharedMediaProps,
+          children
         }
       )
     ) });
@@ -139,5 +155,5 @@ var MediaPlayer = React.forwardRef(
 MediaPlayer.displayName = "MediaPlayer";
 
 export { MediaPlayer, inferMediaKind, mediaPlayerVariants };
-//# sourceMappingURL=chunk-FBLVPM2K.js.map
-//# sourceMappingURL=chunk-FBLVPM2K.js.map
+//# sourceMappingURL=chunk-2JICT4A2.js.map
+//# sourceMappingURL=chunk-2JICT4A2.js.map

package/dist/chunk-2JICT4A2.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/MediaPlayer/MediaPlayer.tsx"],"names":[],"mappings":"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","file":"chunk-2JICT4A2.js","sourcesContent":["import * as React from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\n\nimport { Button } from '../Button';\nimport { useMediaTransport } from '../../hooks/useMediaTransport';\n\n// ============================================================================\n// Types & Interfaces\n// ============================================================================\n\nexport type MediaPlayerState =\n  | 'idle'\n  | 'loading'\n  | 'playing'\n  | 'paused'\n  | 'error';\n\nexport type MediaKind = 'video' | 'audio';\n\n/** Ref handle for controlling {@link MediaPlayer} programmatically. */\nexport interface MediaPlayerRef {\n  /** Seek to a specific time in milliseconds. */\n  seekToMs: (timeMs: number) => void;\n  /** Start playback. */\n  play: () => void;\n  /** Pause playback. */\n  pause: () => void;\n  /** Get current playback time in milliseconds. */\n  getCurrentTimeMs: () => number;\n  /** Get total duration in milliseconds. */\n  getDurationMs: () => number;\n  /** Whether playback is currently paused. */\n  isPaused: () => boolean;\n  /** Set playback speed multiplier. */\n  setPlaybackRate: (rate: number) => void;\n  /**\n   * The underlying media element.\n   * Escape hatch for host integrations (e.g. thumbnail capture); prefer the\n   * typed methods above for playback control.\n   */\n  mediaElement: HTMLVideoElement | HTMLAudioElement | null;\n}\n\nexport interface MediaPlayerProps extends VariantProps<\n  typeof mediaPlayerVariants\n> {\n  /** Media source URL. */\n  src: string;\n  /** Force the media kind; when omitted it is inferred from the src extension. */\n  kind?: MediaKind;\n  /** Whether to show native controls (default `true`). */\n  controls?: boolean;\n  /** Begin muted; native controls can still change the volume. */\n  muted?: boolean;\n  /** Repeat playback when the media ends. */\n  loop?: boolean;\n  /** Video thumbnail displayed before playback. */\n  poster?: string;\n  /** Browser preload hint (default browser behavior when omitted). */\n  preload?: 'none' | 'metadata' | 'auto';\n  /** Caption/subtitle `<track>` elements. The `src` attribute is always set\n   * on the media element, so alternative `<source>` children are ignored. */\n  children?: React.ReactNode;\n  /** Localized load-error and retry text. */\n  labels?: { error?: string; retry?: string };\n  /** Callback when playback state changes. */\n  onStateChange?: (state: MediaPlayerState) => void;\n  /** Callback when playback ends. */\n  onEnded?: () => void;\n  /** Callback when an error occurs. */\n  onError?: (error: Error) => void;\n  /** Callback after the user requests a fresh media load on the error surface. */\n  onRetry?: () => void;\n  /** Callback on time updates (milliseconds). */\n  onTimeUpdate?: (currentTimeMs: number, durationMs: number) => void;\n  /** Additional class name. */\n  className?: string;\n  /** Accessible label for the media element. */\n  'aria-label'?: string;\n  /**\n   * Transitional: exposes the raw media element to legacy consumers.\n   * Prefer {@link MediaPlayerRef} for playback control.\n   */\n  mediaElementRef?: React.RefObject<HTMLVideoElement | HTMLAudioElement | null>;\n}\n\n// ============================================================================\n// Variants\n// ============================================================================\n\nconst mediaPlayerVariants = cva(\n  'flex h-full w-full items-center justify-center',\n  {\n    variants: {\n      variant: {\n        plain: '',\n        card: 'rounded-xl border border-border bg-card text-card-foreground p-2',\n      },\n    },\n    defaultVariants: {\n      variant: 'plain',\n    },\n  }\n);\n\n// ============================================================================\n// Helpers\n// ============================================================================\n\nconst VIDEO_EXTENSIONS = /\\.(mp4|mov|avi|webm|mkv|m4v)$/i;\n\n/** Infer media kind from a URL's file extension; defaults to audio. */\nexport function inferMediaKind(src: string): MediaKind {\n  // Strip any query string / fragment before matching. Testing the extension\n  // against the full URL required a trailing `.*`, which backtracks\n  // polynomially on crafted inputs (ReDoS); splitting first is linear.\n  const path = src.split(/[?#]/, 1)[0];\n  return VIDEO_EXTENSIONS.test(path) ? 'video' : 'audio';\n}\n\n// ============================================================================\n// Component\n// ============================================================================\n\n/**\n * Media playback surface for audio and video with a shared imperative handle.\n *\n * Renders a native `<video>` or `<audio>` element (kind inferred from the src\n * extension unless forced) with themed error/retry handling. Playback state and\n * controls come from the shared {@link useMediaTransport} hook and are exposed\n * through {@link MediaPlayerRef} (all times in milliseconds) — consumers should\n * not reach into the DOM element directly.\n */\nexport const MediaPlayer = React.forwardRef<MediaPlayerRef, MediaPlayerProps>(\n  (\n    {\n      src,\n      kind,\n      controls = true,\n      muted,\n      loop,\n      poster,\n      preload,\n      children,\n      labels,\n      variant,\n      onStateChange,\n      onEnded,\n      onError,\n      onRetry,\n      onTimeUpdate,\n      className,\n      'aria-label': ariaLabel,\n      mediaElementRef,\n    },\n    ref\n  ) => {\n    const [error, setError] = React.useState<string | null>(null);\n\n    // A failed load must not outlive its src: clearing on change lets a host\n    // swap in a corrected URL without being trapped on the error surface\n    // (which unmounts the media element, so the new src would never load).\n    React.useEffect(() => {\n      setError(null);\n    }, [src]);\n    const resolvedKind = kind ?? inferMediaKind(src);\n\n    const transport = useMediaTransport({\n      onTimeUpdate,\n      onStateChange,\n      onEnded,\n      onError: (err) => {\n        setError(\n          labels?.error ??\n            'Unable to load media. The server may be unavailable.'\n        );\n        onError?.(err);\n      },\n      endedState: 'paused',\n      errorLabel: `media: ${src}`,\n    });\n\n    const { setMediaElement, mediaElement } = transport;\n\n    const setElement = React.useCallback(\n      (el: HTMLVideoElement | HTMLAudioElement | null) => {\n        setMediaElement(el);\n        if (mediaElementRef) {\n          (mediaElementRef as React.MutableRefObject<typeof el>).current = el;\n        }\n      },\n      [setMediaElement, mediaElementRef]\n    );\n\n    React.useImperativeHandle(\n      ref,\n      (): MediaPlayerRef => ({\n        seekToMs: transport.seekToMs,\n        play: transport.play,\n        pause: transport.pause,\n        getCurrentTimeMs: transport.getCurrentTimeMs,\n        getDurationMs: transport.getDurationMs,\n        isPaused: transport.isPaused,\n        setPlaybackRate: transport.setPlaybackRate,\n        get mediaElement() {\n          return mediaElement;\n        },\n      }),\n      [transport, mediaElement]\n    );\n\n    const handleRetry = React.useCallback(() => {\n      setError(null);\n      mediaElement?.load();\n      onRetry?.();\n    }, [mediaElement, onRetry]);\n\n    const sharedMediaProps = {\n      src,\n      controls,\n      muted,\n      loop,\n      preload,\n      'aria-label': ariaLabel,\n    };\n\n    if (error) {\n      return (\n        <div className={mediaPlayerVariants({ variant, className })}>\n          <div\n            role=\"alert\"\n            className=\"border-destructive/30 bg-destructive/10 flex min-h-36 flex-col items-center justify-center gap-3 rounded-lg border p-8 text-center\"\n          >\n            {/* destructive-700/300 instead of the base token: #dc2626 on the\n                destructive/10 tint is 4.14:1 — below WCAG AA (axe: color-contrast). */}\n            <p className=\"text-destructive-700 dark:text-destructive-300 m-0 text-sm\">\n              {error}\n            </p>\n            {/* bg-background: the outline button is transparent, and its text on\n                the destructive/10 tint sits exactly at the 4.5:1 AA boundary. */}\n            <Button\n              variant=\"outline\"\n              size=\"sm\"\n              className=\"bg-background\"\n              onClick={handleRetry}\n            >\n              {labels?.retry ?? 'Retry'}\n            </Button>\n          </div>\n        </div>\n      );\n    }\n\n    return (\n      <div className={mediaPlayerVariants({ variant, className })}>\n        {resolvedKind === 'video' ? (\n          // Tracks belong to the caller's media resource and can be supplied as\n          // children. The feed also supports a custom renderer for captions.\n          // eslint-disable-next-line jsx-a11y/media-has-caption\n          <video\n            ref={setElement as React.Ref<HTMLVideoElement>}\n            playsInline\n            poster={poster}\n            className=\"h-auto max-h-full w-auto max-w-full object-contain\"\n            {...sharedMediaProps}\n          >\n            {children}\n          </video>\n        ) : (\n          // eslint-disable-next-line jsx-a11y/media-has-caption\n          <audio\n            ref={setElement as React.Ref<HTMLAudioElement>}\n            className=\"my-4 w-[90%] max-w-lg\"\n            {...sharedMediaProps}\n          >\n            {children}\n          </audio>\n        )}\n      </div>\n    );\n  }\n);\n\nMediaPlayer.displayName = 'MediaPlayer';\n\nexport { mediaPlayerVariants };\n"]}

package/dist/{chunk-S45EERW3.cjs → chunk-35Y4ILCU.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunk6HFFWEM3_cjs = require('./chunk-6HFFWEM3.cjs');
+var chunkYW2AKBLS_cjs = require('./chunk-YW2AKBLS.cjs');
 var chunkIEY3ZJIT_cjs = require('./chunk-IEY3ZJIT.cjs');
 var chunkS5RVSXDV_cjs = require('./chunk-S5RVSXDV.cjs');
 var React = require('react');
@@ -106,7 +106,7 @@ var CollapsibleTrigger = React__namespace.forwardRef(({ className, onClick, chil
 CollapsibleTrigger.displayName = "CollapsibleTrigger";
 var CollapsibleContent = React__namespace.forwardRef(({ className, forceMount, children, ...props }, ref) => {
   const { open, contentId, triggerId } = useCollapsibleContext("CollapsibleContent");
-  const prefersReducedMotion = chunk6HFFWEM3_cjs.usePrefersReducedMotion();
+  const prefersReducedMotion = chunkYW2AKBLS_cjs.usePrefersReducedMotion();
   const sharedProps = {
     id: contentId,
     role: "region",
@@ -147,5 +147,5 @@ CollapsibleContent.displayName = "CollapsibleContent";
 exports.Collapsible = Collapsible;
 exports.CollapsibleContent = CollapsibleContent;
 exports.CollapsibleTrigger = CollapsibleTrigger;
-//# sourceMappingURL=chunk-S45EERW3.cjs.map
-//# sourceMappingURL=chunk-S45EERW3.cjs.map
+//# sourceMappingURL=chunk-35Y4ILCU.cjs.map
+//# sourceMappingURL=chunk-35Y4ILCU.cjs.map

package/dist/{chunk-S45EERW3.cjs.map → chunk-35Y4ILCU.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Collapsible/Collapsible.tsx"],"names":["React","jsx","cn","usePrefersReducedMotion","AnimatedPresence","Animated"],"mappings":"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","file":"chunk-S45EERW3.cjs","sourcesContent":["import * as React from 'react';\nimport { cn } from '../../utils/cn';\nimport { Animated, AnimatedPresence } from '../../motion';\nimport { usePrefersReducedMotion } from '../../hooks/usePrefersReducedMotion';\n\ninterface CollapsibleContextValue {\n  open: boolean;\n  toggle: () => void;\n  disabled?: boolean;\n  contentId: string;\n  triggerId: string;\n}\n\nconst CollapsibleContext = React.createContext<CollapsibleContextValue | null>(\n  null\n);\n\nfunction useCollapsibleContext(component: string): CollapsibleContextValue {\n  const ctx = React.useContext(CollapsibleContext);\n  if (!ctx) {\n    throw new Error(`${component} must be used within a <Collapsible>`);\n  }\n  return ctx;\n}\n\nexport interface CollapsibleProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Controlled open state */\n  open?: boolean;\n  /** Default open state (uncontrolled) */\n  defaultOpen?: boolean;\n  /** Callback fired when the open state changes */\n  onOpenChange?: (open: boolean) => void;\n  /** Disables toggling */\n  disabled?: boolean;\n}\n\n/**\n * An interactive component that expands and collapses its content.\n *\n * @example\n * ```tsx\n * <Collapsible>\n *   <CollapsibleTrigger>Toggle</CollapsibleTrigger>\n *   <CollapsibleContent>Hidden content</CollapsibleContent>\n * </Collapsible>\n * ```\n */\nconst Collapsible = React.forwardRef<HTMLDivElement, CollapsibleProps>(\n  (\n    {\n      className,\n      open: controlledOpen,\n      defaultOpen = false,\n      onOpenChange,\n      disabled,\n      children,\n      ...props\n    },\n    ref\n  ) => {\n    const [uncontrolledOpen, setUncontrolledOpen] = React.useState(defaultOpen);\n    const generatedId = React.useId();\n\n    const isControlled = controlledOpen !== undefined;\n    const open = isControlled ? controlledOpen : uncontrolledOpen;\n\n    const toggle = React.useCallback(() => {\n      if (disabled) return;\n      const next = !open;\n      if (!isControlled) setUncontrolledOpen(next);\n      onOpenChange?.(next);\n    }, [disabled, open, isControlled, onOpenChange]);\n\n    const value = React.useMemo<CollapsibleContextValue>(\n      () => ({\n        open,\n        toggle,\n        disabled,\n        contentId: `${generatedId}-content`,\n        triggerId: `${generatedId}-trigger`,\n      }),\n      [open, toggle, disabled, generatedId]\n    );\n\n    return (\n      <CollapsibleContext.Provider value={value}>\n        <div\n          ref={ref}\n          data-slot=\"collapsible\"\n          data-state={open ? 'open' : 'closed'}\n          className={cn(className)}\n          {...props}\n        >\n          {children}\n        </div>\n      </CollapsibleContext.Provider>\n    );\n  }\n);\n\nCollapsible.displayName = 'Collapsible';\n\nexport type CollapsibleTriggerProps =\n  React.ButtonHTMLAttributes<HTMLButtonElement>;\n\nconst CollapsibleTrigger = React.forwardRef<\n  HTMLButtonElement,\n  CollapsibleTriggerProps\n>(({ className, onClick, children, ...props }, ref) => {\n  const { open, toggle, disabled, contentId, triggerId } =\n    useCollapsibleContext('CollapsibleTrigger');\n\n  return (\n    <button\n      ref={ref}\n      type=\"button\"\n      id={triggerId}\n      data-slot=\"collapsible-trigger\"\n      aria-expanded={open}\n      aria-controls={contentId}\n      data-state={open ? 'open' : 'closed'}\n      disabled={disabled}\n      onClick={(e) => {\n        toggle();\n        onClick?.(e);\n      }}\n      className={cn(className)}\n      {...props}\n    >\n      {children}\n    </button>\n  );\n});\n\nCollapsibleTrigger.displayName = 'CollapsibleTrigger';\n\nexport interface CollapsibleContentProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Keep content mounted when collapsed (hidden via CSS) */\n  forceMount?: boolean;\n}\n\nconst CollapsibleContent = React.forwardRef<\n  HTMLDivElement,\n  CollapsibleContentProps\n>(({ className, forceMount, children, ...props }, ref) => {\n  const { open, contentId, triggerId } =\n    useCollapsibleContext('CollapsibleContent');\n  const prefersReducedMotion = usePrefersReducedMotion();\n\n  const sharedProps = {\n    id: contentId,\n    role: 'region' as const,\n    'aria-labelledby': triggerId,\n    'data-slot': 'collapsible-content',\n    'data-state': open ? ('open' as const) : ('closed' as const),\n  };\n\n  /*\n   * `forceMount` keeps the old instant behaviour, deliberately.\n   *\n   * It exists so consumers can keep collapsed content in the DOM, and it relies\n   * on `hidden` to keep that content out of the tab order and the accessibility\n   * tree. `hidden` is `display: none`, which an animated height cannot run\n   * through — and dropping it for the duration would leave keyboard users able\n   * to tab into content that is visually collapsed. Sequencing `hidden` around\n   * the animation is the real fix; until then, not animating is the safe\n   * answer, and the default (unmounting) path below covers the common case.\n   */\n  if (forceMount) {\n    return (\n      <div\n        ref={ref}\n        {...sharedProps}\n        hidden={!open}\n        className={cn(className)}\n        {...props}\n      >\n        {children}\n      </div>\n    );\n  }\n\n  return (\n    <AnimatedPresence initial={false}>\n      {open && (\n        <Animated\n          key=\"collapsible-content\"\n          ref={ref as React.Ref<HTMLElement>}\n          preset=\"collapse\"\n          mode=\"presence\"\n          // `collapse` animates height, which `MotionConfig reducedMotion=\"user\"`\n          // does not treat as a transform or layout animation and so leaves\n          // running. Honouring the preference is the component's job here.\n          enabled={!prefersReducedMotion}\n          {...sharedProps}\n          // Content must be clipped or it spills past the box while the height\n          // is still travelling.\n          className={cn('overflow-hidden', className)}\n          {...props}\n        >\n          {children}\n        </Animated>\n      )}\n    </AnimatedPresence>\n  );\n});\n\nCollapsibleContent.displayName = 'CollapsibleContent';\n\nexport { Collapsible, CollapsibleTrigger, CollapsibleContent };\n"]}
+{"version":3,"sources":["../src/components/Collapsible/Collapsible.tsx"],"names":["React","jsx","cn","usePrefersReducedMotion","AnimatedPresence","Animated"],"mappings":"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","file":"chunk-35Y4ILCU.cjs","sourcesContent":["import * as React from 'react';\nimport { cn } from '../../utils/cn';\nimport { Animated, AnimatedPresence } from '../../motion';\nimport { usePrefersReducedMotion } from '../../hooks/usePrefersReducedMotion';\n\ninterface CollapsibleContextValue {\n  open: boolean;\n  toggle: () => void;\n  disabled?: boolean;\n  contentId: string;\n  triggerId: string;\n}\n\nconst CollapsibleContext = React.createContext<CollapsibleContextValue | null>(\n  null\n);\n\nfunction useCollapsibleContext(component: string): CollapsibleContextValue {\n  const ctx = React.useContext(CollapsibleContext);\n  if (!ctx) {\n    throw new Error(`${component} must be used within a <Collapsible>`);\n  }\n  return ctx;\n}\n\nexport interface CollapsibleProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Controlled open state */\n  open?: boolean;\n  /** Default open state (uncontrolled) */\n  defaultOpen?: boolean;\n  /** Callback fired when the open state changes */\n  onOpenChange?: (open: boolean) => void;\n  /** Disables toggling */\n  disabled?: boolean;\n}\n\n/**\n * An interactive component that expands and collapses its content.\n *\n * @example\n * ```tsx\n * <Collapsible>\n *   <CollapsibleTrigger>Toggle</CollapsibleTrigger>\n *   <CollapsibleContent>Hidden content</CollapsibleContent>\n * </Collapsible>\n * ```\n */\nconst Collapsible = React.forwardRef<HTMLDivElement, CollapsibleProps>(\n  (\n    {\n      className,\n      open: controlledOpen,\n      defaultOpen = false,\n      onOpenChange,\n      disabled,\n      children,\n      ...props\n    },\n    ref\n  ) => {\n    const [uncontrolledOpen, setUncontrolledOpen] = React.useState(defaultOpen);\n    const generatedId = React.useId();\n\n    const isControlled = controlledOpen !== undefined;\n    const open = isControlled ? controlledOpen : uncontrolledOpen;\n\n    const toggle = React.useCallback(() => {\n      if (disabled) return;\n      const next = !open;\n      if (!isControlled) setUncontrolledOpen(next);\n      onOpenChange?.(next);\n    }, [disabled, open, isControlled, onOpenChange]);\n\n    const value = React.useMemo<CollapsibleContextValue>(\n      () => ({\n        open,\n        toggle,\n        disabled,\n        contentId: `${generatedId}-content`,\n        triggerId: `${generatedId}-trigger`,\n      }),\n      [open, toggle, disabled, generatedId]\n    );\n\n    return (\n      <CollapsibleContext.Provider value={value}>\n        <div\n          ref={ref}\n          data-slot=\"collapsible\"\n          data-state={open ? 'open' : 'closed'}\n          className={cn(className)}\n          {...props}\n        >\n          {children}\n        </div>\n      </CollapsibleContext.Provider>\n    );\n  }\n);\n\nCollapsible.displayName = 'Collapsible';\n\nexport type CollapsibleTriggerProps =\n  React.ButtonHTMLAttributes<HTMLButtonElement>;\n\nconst CollapsibleTrigger = React.forwardRef<\n  HTMLButtonElement,\n  CollapsibleTriggerProps\n>(({ className, onClick, children, ...props }, ref) => {\n  const { open, toggle, disabled, contentId, triggerId } =\n    useCollapsibleContext('CollapsibleTrigger');\n\n  return (\n    <button\n      ref={ref}\n      type=\"button\"\n      id={triggerId}\n      data-slot=\"collapsible-trigger\"\n      aria-expanded={open}\n      aria-controls={contentId}\n      data-state={open ? 'open' : 'closed'}\n      disabled={disabled}\n      onClick={(e) => {\n        toggle();\n        onClick?.(e);\n      }}\n      className={cn(className)}\n      {...props}\n    >\n      {children}\n    </button>\n  );\n});\n\nCollapsibleTrigger.displayName = 'CollapsibleTrigger';\n\nexport interface CollapsibleContentProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Keep content mounted when collapsed (hidden via CSS) */\n  forceMount?: boolean;\n}\n\nconst CollapsibleContent = React.forwardRef<\n  HTMLDivElement,\n  CollapsibleContentProps\n>(({ className, forceMount, children, ...props }, ref) => {\n  const { open, contentId, triggerId } =\n    useCollapsibleContext('CollapsibleContent');\n  const prefersReducedMotion = usePrefersReducedMotion();\n\n  const sharedProps = {\n    id: contentId,\n    role: 'region' as const,\n    'aria-labelledby': triggerId,\n    'data-slot': 'collapsible-content',\n    'data-state': open ? ('open' as const) : ('closed' as const),\n  };\n\n  /*\n   * `forceMount` keeps the old instant behaviour, deliberately.\n   *\n   * It exists so consumers can keep collapsed content in the DOM, and it relies\n   * on `hidden` to keep that content out of the tab order and the accessibility\n   * tree. `hidden` is `display: none`, which an animated height cannot run\n   * through — and dropping it for the duration would leave keyboard users able\n   * to tab into content that is visually collapsed. Sequencing `hidden` around\n   * the animation is the real fix; until then, not animating is the safe\n   * answer, and the default (unmounting) path below covers the common case.\n   */\n  if (forceMount) {\n    return (\n      <div\n        ref={ref}\n        {...sharedProps}\n        hidden={!open}\n        className={cn(className)}\n        {...props}\n      >\n        {children}\n      </div>\n    );\n  }\n\n  return (\n    <AnimatedPresence initial={false}>\n      {open && (\n        <Animated\n          key=\"collapsible-content\"\n          ref={ref as React.Ref<HTMLElement>}\n          preset=\"collapse\"\n          mode=\"presence\"\n          // `collapse` animates height, which `MotionConfig reducedMotion=\"user\"`\n          // does not treat as a transform or layout animation and so leaves\n          // running. Honouring the preference is the component's job here.\n          enabled={!prefersReducedMotion}\n          {...sharedProps}\n          // Content must be clipped or it spills past the box while the height\n          // is still travelling.\n          className={cn('overflow-hidden', className)}\n          {...props}\n        >\n          {children}\n        </Animated>\n      )}\n    </AnimatedPresence>\n  );\n});\n\nCollapsibleContent.displayName = 'CollapsibleContent';\n\nexport { Collapsible, CollapsibleTrigger, CollapsibleContent };\n"]}

package/dist/{chunk-2BARVD4C.js → chunk-3RXZWHCU.js}

@@ -1,4 +1,4 @@
-import { usePrefersReducedMotion } from './chunk-HB7C7NB5.js';
+import { usePrefersReducedMotion } from './chunk-XDU65GLW.js';
 import { Badge } from './chunk-BMSG4NBH.js';
 import { buttonVariants } from './chunk-GVM6DTR5.js';
 import { cn } from './chunk-TQONQSJO.js';
@@ -306,5 +306,5 @@ function Detail({
 }
 
 export { RadialExplorer };
-//# sourceMappingURL=chunk-2BARVD4C.js.map
-//# sourceMappingURL=chunk-2BARVD4C.js.map
+//# sourceMappingURL=chunk-3RXZWHCU.js.map
+//# sourceMappingURL=chunk-3RXZWHCU.js.map

package/dist/{chunk-2BARVD4C.js.map → chunk-3RXZWHCU.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/RadialExplorer/RadialExplorer.tsx"],"names":[],"mappings":"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","file":"chunk-2BARVD4C.js","sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { ArrowRight } from 'lucide-react';\nimport { cn } from '../../utils/cn';\nimport { Badge } from '../Badge';\nimport { buttonVariants } from '../Button';\nimport { usePrefersReducedMotion } from '../../hooks/usePrefersReducedMotion';\n\n// =============================================================================\n// Types\n// =============================================================================\n\nexport interface RadialSpoke {\n  id: string;\n  /** Label under the tile. */\n  label: string;\n  /** Tile icon (Lucide, ~22px). */\n  icon: React.ReactNode;\n  /** Small caps tag above the detail heading. Defaults to `label`. */\n  tag?: string;\n  /** Detail heading. Defaults to `label`. */\n  title?: string;\n  description?: string;\n  /** Detail media — a `VideoCard variant=\"plate\"`, an image, a chart. */\n  media?: React.ReactNode;\n  /** Caption under the media, e.g. \"AI Medical Assistant · 2:44\". */\n  caption?: string;\n  /** Primary CTA in the detail panel. */\n  cta?: { label: string; href: string };\n  /** Secondary \"Explore module →\" link. */\n  href?: string;\n  hrefLabel?: string;\n}\n\nexport interface RadialExplorerProps {\n  spokes: RadialSpoke[];\n  /** Centre node — a brand mark or product tile. */\n  center: React.ReactNode;\n  /** Small caps label over the whole explorer. */\n  eyebrow?: string;\n  /** Controlled active spoke. */\n  activeId?: string | null;\n  defaultActiveId?: string | null;\n  onActiveChange?: (id: string | null) => void;\n  /** Shown in the detail panel before any spoke is chosen. */\n  welcome?: {\n    tag?: string;\n    title: string;\n    description?: string;\n    media?: React.ReactNode;\n    cta?: { label: string; href: string };\n  };\n  /**\n   * Auto-advance through the spokes until the visitor interacts. Default\n   * 2200ms; pass 0 to disable. Skipped under `prefers-reduced-motion`.\n   */\n  attractMs?: number;\n  /** Hint under the ring. Default \"Hover a module to preview\". */\n  hint?: string;\n  /** Orbit radius. Default `clamp(118px, 17vw, 188px)`. */\n  radius?: string;\n  /** Accessible name for the spoke group. Default \"Modules\". */\n  groupLabel?: string;\n  className?: string;\n}\n\n// =============================================================================\n// RadialExplorer\n// =============================================================================\n\n/**\n * A radial product explorer: a centre mark with N icon tiles orbiting it, a\n * glowing tracer ray from the core to the active tile, tab dots, and a detail\n * panel beside the ring that shows the active spoke's media, copy and CTAs\n * (with a welcome state before any pick). Auto-advances gently until the\n * visitor engages. Below `lg` the ring becomes a chip grid above the panel.\n * Ported from the Enterprise Health hero HUD.\n *\n * @example\n * ```tsx\n * <RadialExplorer\n *   eyebrow=\"Explore the platform\"\n *   center={<img src=\"/mark.svg\" alt=\"\" />}\n *   spokes={[{ id: 'ehr', label: 'Certified EHR', icon: <FileText />, description: '…',\n *     media: <VideoCard variant=\"plate\" title=\"EHR tour\" youtubeId=\"…\" duration=\"2:44\" />,\n *     cta: { label: 'Request a demo', href: '/demo/' }, href: '/platform/ehr/' }]}\n * />\n * ```\n */\nexport function RadialExplorer({\n  spokes,\n  center,\n  eyebrow,\n  activeId: controlled,\n  defaultActiveId = null,\n  onActiveChange,\n  welcome,\n  attractMs = 2200,\n  hint = 'Hover a module to preview',\n  radius = 'clamp(118px, 17vw, 188px)',\n  groupLabel = 'Modules',\n  className,\n}: RadialExplorerProps) {\n  const reduced = usePrefersReducedMotion();\n  const [inner, setInner] = React.useState<string | null>(defaultActiveId);\n  const [engaged, setEngaged] = React.useState(false);\n  const activeId = controlled !== undefined ? controlled : inner;\n  const id = React.useId();\n\n  const select = React.useCallback(\n    (next: string | null) => {\n      setEngaged(true);\n      if (controlled === undefined) setInner(next);\n      onActiveChange?.(next);\n    },\n    [controlled, onActiveChange]\n  );\n\n  // Attract loop until the visitor interacts. Never runs in controlled mode:\n  // `activeId` is owned by the host, so cycling it (or firing unsolicited\n  // `onActiveChange` ticks) would fight the controlled API contract.\n  React.useEffect(() => {\n    if (\n      controlled !== undefined ||\n      engaged ||\n      reduced ||\n      !attractMs ||\n      spokes.length === 0\n    )\n      return;\n    let i = spokes.findIndex((s) => s.id === activeId);\n    const t = window.setInterval(() => {\n      i = (i + 1) % spokes.length;\n      setInner(spokes[i].id);\n      onActiveChange?.(spokes[i].id);\n    }, attractMs);\n    return () => window.clearInterval(t);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [engaged, reduced, attractMs, spokes.length, controlled]);\n\n  const activeIndex = spokes.findIndex((s) => s.id === activeId);\n  const active = activeIndex >= 0 ? spokes[activeIndex] : null;\n  const step = 360 / Math.max(spokes.length, 1);\n  const angle = (i: number) => `${i * step - 90}deg`;\n\n  return (\n    <section\n      data-slot=\"radial-explorer\"\n      style={{ '--re-r': radius } as React.CSSProperties}\n      className={cn(\n        'grid gap-8 lg:grid-cols-[1.1fr_minmax(300px,380px)] lg:items-center',\n        className\n      )}\n      aria-labelledby={eyebrow ? `${id}-eyebrow` : undefined}\n    >\n      <div className=\"flex flex-col items-center gap-5\">\n        {eyebrow && (\n          <p\n            id={`${id}-eyebrow`}\n            className=\"text-primary-800 dark:text-primary-300 text-[11px] font-bold tracking-[0.18em] uppercase\"\n          >\n            {eyebrow}\n          </p>\n        )}\n\n        {/* Ring (lg+) */}\n        <div\n          role=\"group\"\n          aria-label={groupLabel}\n          data-slot=\"radial-explorer-ring\"\n          className=\"relative hidden aspect-square w-[calc(var(--re-r)*2+120px)] place-items-center lg:grid\"\n        >\n          <span\n            aria-hidden\n            data-slot=\"radial-explorer-core\"\n            className={cn(\n              // rtl-ignore -- physical centering paired with -translate-x-1/2 is direction-independent; start-1/2 would break it in RTL\n              'absolute top-1/2 left-1/2 grid h-[100px] w-[100px] -translate-x-1/2 -translate-y-1/2 place-items-center rounded-[24%] border border-white/15 text-white shadow-[0_14px_30px_rgba(0,0,0,0.3),inset_0_1px_0_rgba(255,255,255,0.08)]',\n              '[background:radial-gradient(90%_90%_at_24%_8%,color-mix(in_srgb,var(--mieweb-primary-400)_35%,transparent),transparent_60%),linear-gradient(145deg,var(--mieweb-primary-700)_0%,var(--mieweb-primary-900)_68%,var(--mieweb-primary-950)_100%)]',\n              '[&>*]:h-[54px] [&>*]:w-[54px] [&>img]:object-contain'\n            )}\n          >\n            {center}\n          </span>\n\n          {active && (\n            <span\n              aria-hidden\n              data-slot=\"radial-explorer-ray\"\n              style={{\n                width: 'var(--re-r)',\n                transform: `translateY(-50%) rotate(${angle(activeIndex)})`,\n              }}\n              className={cn(\n                // rtl-ignore -- the ray is rotated to a computed angle from the physical center; origin/tip geometry must stay physical\n                'pointer-events-none absolute top-1/2 left-1/2 z-0 h-0.5 origin-left rounded-full transition-transform duration-500 [transition-timing-function:cubic-bezier(0.4,0.85,0.3,1)]',\n                '[filter:drop-shadow(0_0_6px_color-mix(in_srgb,var(--mieweb-accent,var(--mieweb-primary-300))_55%,transparent))] [background:linear-gradient(90deg,transparent_4%,var(--mieweb-accent,var(--mieweb-primary-300))_94%)]',\n                // rtl-ignore -- tip dot sits at the physical end of the rotated ray\n                'after:absolute after:top-1/2 after:-right-[3px] after:h-[7px] after:w-[7px] after:-translate-y-1/2 after:rounded-full after:bg-[var(--mieweb-accent,var(--mieweb-primary-300))] after:shadow-[0_0_9px_2px_color-mix(in_srgb,var(--mieweb-accent,var(--mieweb-primary-300))_70%,transparent)] after:content-[\"\"]'\n              )}\n            />\n          )}\n\n          {spokes.map((s, i) => {\n            const on = s.id === activeId;\n            return (\n              <button\n                key={s.id}\n                type=\"button\"\n                aria-pressed={on}\n                data-slot=\"radial-explorer-spoke\"\n                data-active={on || undefined}\n                style={{\n                  transform: `translate(-50%,-50%) rotate(${angle(i)}) translate(var(--re-r)) rotate(calc(-1 * ${angle(i)}))`,\n                }}\n                onMouseEnter={() => select(s.id)}\n                onFocus={() => select(s.id)}\n                onClick={() => select(s.id)}\n                // rtl-ignore -- spokes are placed by rotate/translate trig from the physical center; the wheel is rotationally symmetric\n                className=\"group/spoke absolute top-1/2 left-1/2 grid w-24 justify-items-center gap-2 focus-visible:outline-none\"\n              >\n                <SpokeTile icon={s.icon} active={on} />\n                <span\n                  className={cn(\n                    'text-muted-foreground group-hover/spoke:text-primary-800 dark:group-hover/spoke:text-primary-200 text-[13px] font-semibold transition-colors',\n                    on && 'text-primary-800 dark:text-primary-200'\n                  )}\n                >\n                  {s.label}\n                </span>\n              </button>\n            );\n          })}\n        </div>\n\n        {/* Chip grid (< lg) */}\n        <div\n          role=\"group\"\n          aria-label={groupLabel}\n          className=\"grid w-full grid-cols-3 gap-3 lg:hidden\"\n        >\n          {spokes.map((s) => {\n            const on = s.id === activeId;\n            return (\n              <button\n                key={s.id}\n                type=\"button\"\n                aria-pressed={on}\n                data-slot=\"radial-explorer-chip\"\n                onClick={() => select(s.id)}\n                className=\"group/spoke grid justify-items-center gap-1.5 focus-visible:outline-none\"\n              >\n                <SpokeTile icon={s.icon} active={on} size=\"sm\" />\n                <span\n                  className={cn(\n                    'text-muted-foreground text-center text-xs font-semibold',\n                    on && 'text-primary-800 dark:text-primary-200'\n                  )}\n                >\n                  {s.label}\n                </span>\n              </button>\n            );\n          })}\n        </div>\n\n        {/* dots + hint */}\n        <div className=\"flex flex-col items-center gap-2\">\n          <div role=\"group\" aria-label={groupLabel} className=\"flex gap-2\">\n            {spokes.map((s, i) => (\n              <button\n                key={s.id}\n                type=\"button\"\n                aria-pressed={i === activeIndex}\n                aria-label={s.label}\n                onClick={() => select(s.id)}\n                className={cn(\n                  'h-2 rounded-full transition-all',\n                  i === activeIndex\n                    ? 'w-6 bg-[var(--mieweb-accent,var(--mieweb-primary-400))]'\n                    : 'bg-primary-300/60 hover:bg-primary-400 w-2'\n                )}\n              />\n            ))}\n          </div>\n          {hint && (\n            <p\n              className={cn(\n                'text-muted-foreground text-xs transition-opacity',\n                engaged && 'opacity-0'\n              )}\n              aria-hidden={engaged}\n            >\n              {hint}\n            </p>\n          )}\n        </div>\n      </div>\n\n      {/* Detail */}\n      <div\n        data-slot=\"radial-explorer-detail\"\n        aria-live={engaged ? 'polite' : 'off'}\n        className=\"border-border bg-card text-card-foreground grid content-center gap-3.5 rounded-2xl border p-5 shadow-xl\"\n      >\n        {active ? (\n          <Detail\n            key={active.id}\n            tag={active.tag ?? active.label}\n            title={active.title ?? active.label}\n            description={active.description}\n            media={active.media}\n            caption={active.caption}\n            cta={active.cta}\n            href={active.href}\n            hrefLabel={active.hrefLabel ?? 'Explore module'}\n          />\n        ) : welcome ? (\n          <Detail\n            key=\"welcome\"\n            tag={welcome.tag}\n            title={welcome.title}\n            description={welcome.description}\n            media={welcome.media}\n            cta={welcome.cta}\n          />\n        ) : null}\n      </div>\n    </section>\n  );\n}\n\n// =============================================================================\n// Pieces\n// =============================================================================\n\nfunction SpokeTile({\n  icon,\n  active,\n  size = 'md',\n}: {\n  icon: React.ReactNode;\n  active: boolean;\n  size?: 'sm' | 'md';\n}) {\n  return (\n    <span\n      aria-hidden\n      className={cn(\n        'mie-fx-sheen relative grid place-items-center rounded-[17px] border transition-[transform,border-color,color,box-shadow,background] duration-200',\n        size === 'md'\n          ? 'h-[60px] w-[60px] [&>svg]:h-[22px] [&>svg]:w-[22px]'\n          : 'h-12 w-12 rounded-xl [&>svg]:h-5 [&>svg]:w-5',\n        'border-border bg-primary-500/10 text-primary-800 dark:text-primary-300 shadow-md backdrop-blur-sm',\n        'group-hover/spoke:-translate-y-0.5 group-hover/spoke:scale-[1.04] group-hover/spoke:border-transparent group-hover/spoke:text-white group-hover/spoke:shadow-xl',\n        'group-hover/spoke:[background:linear-gradient(150deg,var(--mieweb-primary-700),var(--mieweb-primary-900))_padding-box,linear-gradient(135deg,var(--mieweb-accent,var(--mieweb-primary-300)),var(--mieweb-primary-200)_55%,var(--mieweb-accent,var(--mieweb-primary-300)))_border-box]',\n        'group-focus-visible/spoke:outline-primary-500 group-focus-visible/spoke:outline group-focus-visible/spoke:outline-2 group-focus-visible/spoke:outline-offset-[3px]',\n        active &&\n          '-translate-y-0.5 scale-[1.04] border-transparent text-white shadow-xl [background:linear-gradient(150deg,var(--mieweb-primary-700),var(--mieweb-primary-900))_padding-box,linear-gradient(135deg,var(--mieweb-accent,var(--mieweb-primary-300)),var(--mieweb-primary-200)_55%,var(--mieweb-accent,var(--mieweb-primary-300)))_border-box]'\n      )}\n    >\n      {icon}\n    </span>\n  );\n}\n\nfunction Detail({\n  tag,\n  title,\n  description,\n  media,\n  caption,\n  cta,\n  href,\n  hrefLabel,\n}: {\n  tag?: string;\n  title: string;\n  description?: string;\n  media?: React.ReactNode;\n  caption?: string;\n  cta?: { label: string; href: string };\n  href?: string;\n  hrefLabel?: string;\n}) {\n  return (\n    <div className=\"grid gap-3.5 motion-safe:animate-[mie-fade-in_0.25s_ease-out]\">\n      {media && <div data-slot=\"radial-explorer-media\">{media}</div>}\n      {tag && (\n        <Badge\n          size=\"sm\"\n          className=\"w-fit text-[10px] font-bold tracking-[0.14em] uppercase\"\n        >\n          {tag}\n        </Badge>\n      )}\n      <h3 className=\"text-foreground text-2xl leading-tight font-semibold\">\n        {title}\n      </h3>\n      {description && (\n        <p className=\"text-muted-foreground text-[15px] leading-snug\">\n          {description}\n        </p>\n      )}\n      {caption && <p className=\"text-muted-foreground text-sm\">{caption}</p>}\n      {(cta || href) && (\n        <div className=\"mt-1 flex flex-wrap items-center gap-3\">\n          {cta && (\n            <a href={cta.href} className={buttonVariants({ effect: 'sheen' })}>\n              {cta.label}\n              <ArrowRight size={16} aria-hidden />\n            </a>\n          )}\n          {href && (\n            <a\n              href={href}\n              className=\"text-primary-800 dark:text-primary-200 text-sm font-semibold underline-offset-4 hover:underline\"\n            >\n              {hrefLabel}\n            </a>\n          )}\n        </div>\n      )}\n    </div>\n  );\n}\n"]}
+{"version":3,"sources":["../src/components/RadialExplorer/RadialExplorer.tsx"],"names":[],"mappings":"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","file":"chunk-3RXZWHCU.js","sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { ArrowRight } from 'lucide-react';\nimport { cn } from '../../utils/cn';\nimport { Badge } from '../Badge';\nimport { buttonVariants } from '../Button';\nimport { usePrefersReducedMotion } from '../../hooks/usePrefersReducedMotion';\n\n// =============================================================================\n// Types\n// =============================================================================\n\nexport interface RadialSpoke {\n  id: string;\n  /** Label under the tile. */\n  label: string;\n  /** Tile icon (Lucide, ~22px). */\n  icon: React.ReactNode;\n  /** Small caps tag above the detail heading. Defaults to `label`. */\n  tag?: string;\n  /** Detail heading. Defaults to `label`. */\n  title?: string;\n  description?: string;\n  /** Detail media — a `VideoCard variant=\"plate\"`, an image, a chart. */\n  media?: React.ReactNode;\n  /** Caption under the media, e.g. \"AI Medical Assistant · 2:44\". */\n  caption?: string;\n  /** Primary CTA in the detail panel. */\n  cta?: { label: string; href: string };\n  /** Secondary \"Explore module →\" link. */\n  href?: string;\n  hrefLabel?: string;\n}\n\nexport interface RadialExplorerProps {\n  spokes: RadialSpoke[];\n  /** Centre node — a brand mark or product tile. */\n  center: React.ReactNode;\n  /** Small caps label over the whole explorer. */\n  eyebrow?: string;\n  /** Controlled active spoke. */\n  activeId?: string | null;\n  defaultActiveId?: string | null;\n  onActiveChange?: (id: string | null) => void;\n  /** Shown in the detail panel before any spoke is chosen. */\n  welcome?: {\n    tag?: string;\n    title: string;\n    description?: string;\n    media?: React.ReactNode;\n    cta?: { label: string; href: string };\n  };\n  /**\n   * Auto-advance through the spokes until the visitor interacts. Default\n   * 2200ms; pass 0 to disable. Skipped under `prefers-reduced-motion`.\n   */\n  attractMs?: number;\n  /** Hint under the ring. Default \"Hover a module to preview\". */\n  hint?: string;\n  /** Orbit radius. Default `clamp(118px, 17vw, 188px)`. */\n  radius?: string;\n  /** Accessible name for the spoke group. Default \"Modules\". */\n  groupLabel?: string;\n  className?: string;\n}\n\n// =============================================================================\n// RadialExplorer\n// =============================================================================\n\n/**\n * A radial product explorer: a centre mark with N icon tiles orbiting it, a\n * glowing tracer ray from the core to the active tile, tab dots, and a detail\n * panel beside the ring that shows the active spoke's media, copy and CTAs\n * (with a welcome state before any pick). Auto-advances gently until the\n * visitor engages. Below `lg` the ring becomes a chip grid above the panel.\n * Ported from the Enterprise Health hero HUD.\n *\n * @example\n * ```tsx\n * <RadialExplorer\n *   eyebrow=\"Explore the platform\"\n *   center={<img src=\"/mark.svg\" alt=\"\" />}\n *   spokes={[{ id: 'ehr', label: 'Certified EHR', icon: <FileText />, description: '…',\n *     media: <VideoCard variant=\"plate\" title=\"EHR tour\" youtubeId=\"…\" duration=\"2:44\" />,\n *     cta: { label: 'Request a demo', href: '/demo/' }, href: '/platform/ehr/' }]}\n * />\n * ```\n */\nexport function RadialExplorer({\n  spokes,\n  center,\n  eyebrow,\n  activeId: controlled,\n  defaultActiveId = null,\n  onActiveChange,\n  welcome,\n  attractMs = 2200,\n  hint = 'Hover a module to preview',\n  radius = 'clamp(118px, 17vw, 188px)',\n  groupLabel = 'Modules',\n  className,\n}: RadialExplorerProps) {\n  const reduced = usePrefersReducedMotion();\n  const [inner, setInner] = React.useState<string | null>(defaultActiveId);\n  const [engaged, setEngaged] = React.useState(false);\n  const activeId = controlled !== undefined ? controlled : inner;\n  const id = React.useId();\n\n  const select = React.useCallback(\n    (next: string | null) => {\n      setEngaged(true);\n      if (controlled === undefined) setInner(next);\n      onActiveChange?.(next);\n    },\n    [controlled, onActiveChange]\n  );\n\n  // Attract loop until the visitor interacts. Never runs in controlled mode:\n  // `activeId` is owned by the host, so cycling it (or firing unsolicited\n  // `onActiveChange` ticks) would fight the controlled API contract.\n  React.useEffect(() => {\n    if (\n      controlled !== undefined ||\n      engaged ||\n      reduced ||\n      !attractMs ||\n      spokes.length === 0\n    )\n      return;\n    let i = spokes.findIndex((s) => s.id === activeId);\n    const t = window.setInterval(() => {\n      i = (i + 1) % spokes.length;\n      setInner(spokes[i].id);\n      onActiveChange?.(spokes[i].id);\n    }, attractMs);\n    return () => window.clearInterval(t);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [engaged, reduced, attractMs, spokes.length, controlled]);\n\n  const activeIndex = spokes.findIndex((s) => s.id === activeId);\n  const active = activeIndex >= 0 ? spokes[activeIndex] : null;\n  const step = 360 / Math.max(spokes.length, 1);\n  const angle = (i: number) => `${i * step - 90}deg`;\n\n  return (\n    <section\n      data-slot=\"radial-explorer\"\n      style={{ '--re-r': radius } as React.CSSProperties}\n      className={cn(\n        'grid gap-8 lg:grid-cols-[1.1fr_minmax(300px,380px)] lg:items-center',\n        className\n      )}\n      aria-labelledby={eyebrow ? `${id}-eyebrow` : undefined}\n    >\n      <div className=\"flex flex-col items-center gap-5\">\n        {eyebrow && (\n          <p\n            id={`${id}-eyebrow`}\n            className=\"text-primary-800 dark:text-primary-300 text-[11px] font-bold tracking-[0.18em] uppercase\"\n          >\n            {eyebrow}\n          </p>\n        )}\n\n        {/* Ring (lg+) */}\n        <div\n          role=\"group\"\n          aria-label={groupLabel}\n          data-slot=\"radial-explorer-ring\"\n          className=\"relative hidden aspect-square w-[calc(var(--re-r)*2+120px)] place-items-center lg:grid\"\n        >\n          <span\n            aria-hidden\n            data-slot=\"radial-explorer-core\"\n            className={cn(\n              // rtl-ignore -- physical centering paired with -translate-x-1/2 is direction-independent; start-1/2 would break it in RTL\n              'absolute top-1/2 left-1/2 grid h-[100px] w-[100px] -translate-x-1/2 -translate-y-1/2 place-items-center rounded-[24%] border border-white/15 text-white shadow-[0_14px_30px_rgba(0,0,0,0.3),inset_0_1px_0_rgba(255,255,255,0.08)]',\n              '[background:radial-gradient(90%_90%_at_24%_8%,color-mix(in_srgb,var(--mieweb-primary-400)_35%,transparent),transparent_60%),linear-gradient(145deg,var(--mieweb-primary-700)_0%,var(--mieweb-primary-900)_68%,var(--mieweb-primary-950)_100%)]',\n              '[&>*]:h-[54px] [&>*]:w-[54px] [&>img]:object-contain'\n            )}\n          >\n            {center}\n          </span>\n\n          {active && (\n            <span\n              aria-hidden\n              data-slot=\"radial-explorer-ray\"\n              style={{\n                width: 'var(--re-r)',\n                transform: `translateY(-50%) rotate(${angle(activeIndex)})`,\n              }}\n              className={cn(\n                // rtl-ignore -- the ray is rotated to a computed angle from the physical center; origin/tip geometry must stay physical\n                'pointer-events-none absolute top-1/2 left-1/2 z-0 h-0.5 origin-left rounded-full transition-transform duration-500 [transition-timing-function:cubic-bezier(0.4,0.85,0.3,1)]',\n                '[filter:drop-shadow(0_0_6px_color-mix(in_srgb,var(--mieweb-accent,var(--mieweb-primary-300))_55%,transparent))] [background:linear-gradient(90deg,transparent_4%,var(--mieweb-accent,var(--mieweb-primary-300))_94%)]',\n                // rtl-ignore -- tip dot sits at the physical end of the rotated ray\n                'after:absolute after:top-1/2 after:-right-[3px] after:h-[7px] after:w-[7px] after:-translate-y-1/2 after:rounded-full after:bg-[var(--mieweb-accent,var(--mieweb-primary-300))] after:shadow-[0_0_9px_2px_color-mix(in_srgb,var(--mieweb-accent,var(--mieweb-primary-300))_70%,transparent)] after:content-[\"\"]'\n              )}\n            />\n          )}\n\n          {spokes.map((s, i) => {\n            const on = s.id === activeId;\n            return (\n              <button\n                key={s.id}\n                type=\"button\"\n                aria-pressed={on}\n                data-slot=\"radial-explorer-spoke\"\n                data-active={on || undefined}\n                style={{\n                  transform: `translate(-50%,-50%) rotate(${angle(i)}) translate(var(--re-r)) rotate(calc(-1 * ${angle(i)}))`,\n                }}\n                onMouseEnter={() => select(s.id)}\n                onFocus={() => select(s.id)}\n                onClick={() => select(s.id)}\n                // rtl-ignore -- spokes are placed by rotate/translate trig from the physical center; the wheel is rotationally symmetric\n                className=\"group/spoke absolute top-1/2 left-1/2 grid w-24 justify-items-center gap-2 focus-visible:outline-none\"\n              >\n                <SpokeTile icon={s.icon} active={on} />\n                <span\n                  className={cn(\n                    'text-muted-foreground group-hover/spoke:text-primary-800 dark:group-hover/spoke:text-primary-200 text-[13px] font-semibold transition-colors',\n                    on && 'text-primary-800 dark:text-primary-200'\n                  )}\n                >\n                  {s.label}\n                </span>\n              </button>\n            );\n          })}\n        </div>\n\n        {/* Chip grid (< lg) */}\n        <div\n          role=\"group\"\n          aria-label={groupLabel}\n          className=\"grid w-full grid-cols-3 gap-3 lg:hidden\"\n        >\n          {spokes.map((s) => {\n            const on = s.id === activeId;\n            return (\n              <button\n                key={s.id}\n                type=\"button\"\n                aria-pressed={on}\n                data-slot=\"radial-explorer-chip\"\n                onClick={() => select(s.id)}\n                className=\"group/spoke grid justify-items-center gap-1.5 focus-visible:outline-none\"\n              >\n                <SpokeTile icon={s.icon} active={on} size=\"sm\" />\n                <span\n                  className={cn(\n                    'text-muted-foreground text-center text-xs font-semibold',\n                    on && 'text-primary-800 dark:text-primary-200'\n                  )}\n                >\n                  {s.label}\n                </span>\n              </button>\n            );\n          })}\n        </div>\n\n        {/* dots + hint */}\n        <div className=\"flex flex-col items-center gap-2\">\n          <div role=\"group\" aria-label={groupLabel} className=\"flex gap-2\">\n            {spokes.map((s, i) => (\n              <button\n                key={s.id}\n                type=\"button\"\n                aria-pressed={i === activeIndex}\n                aria-label={s.label}\n                onClick={() => select(s.id)}\n                className={cn(\n                  'h-2 rounded-full transition-all',\n                  i === activeIndex\n                    ? 'w-6 bg-[var(--mieweb-accent,var(--mieweb-primary-400))]'\n                    : 'bg-primary-300/60 hover:bg-primary-400 w-2'\n                )}\n              />\n            ))}\n          </div>\n          {hint && (\n            <p\n              className={cn(\n                'text-muted-foreground text-xs transition-opacity',\n                engaged && 'opacity-0'\n              )}\n              aria-hidden={engaged}\n            >\n              {hint}\n            </p>\n          )}\n        </div>\n      </div>\n\n      {/* Detail */}\n      <div\n        data-slot=\"radial-explorer-detail\"\n        aria-live={engaged ? 'polite' : 'off'}\n        className=\"border-border bg-card text-card-foreground grid content-center gap-3.5 rounded-2xl border p-5 shadow-xl\"\n      >\n        {active ? (\n          <Detail\n            key={active.id}\n            tag={active.tag ?? active.label}\n            title={active.title ?? active.label}\n            description={active.description}\n            media={active.media}\n            caption={active.caption}\n            cta={active.cta}\n            href={active.href}\n            hrefLabel={active.hrefLabel ?? 'Explore module'}\n          />\n        ) : welcome ? (\n          <Detail\n            key=\"welcome\"\n            tag={welcome.tag}\n            title={welcome.title}\n            description={welcome.description}\n            media={welcome.media}\n            cta={welcome.cta}\n          />\n        ) : null}\n      </div>\n    </section>\n  );\n}\n\n// =============================================================================\n// Pieces\n// =============================================================================\n\nfunction SpokeTile({\n  icon,\n  active,\n  size = 'md',\n}: {\n  icon: React.ReactNode;\n  active: boolean;\n  size?: 'sm' | 'md';\n}) {\n  return (\n    <span\n      aria-hidden\n      className={cn(\n        'mie-fx-sheen relative grid place-items-center rounded-[17px] border transition-[transform,border-color,color,box-shadow,background] duration-200',\n        size === 'md'\n          ? 'h-[60px] w-[60px] [&>svg]:h-[22px] [&>svg]:w-[22px]'\n          : 'h-12 w-12 rounded-xl [&>svg]:h-5 [&>svg]:w-5',\n        'border-border bg-primary-500/10 text-primary-800 dark:text-primary-300 shadow-md backdrop-blur-sm',\n        'group-hover/spoke:-translate-y-0.5 group-hover/spoke:scale-[1.04] group-hover/spoke:border-transparent group-hover/spoke:text-white group-hover/spoke:shadow-xl',\n        'group-hover/spoke:[background:linear-gradient(150deg,var(--mieweb-primary-700),var(--mieweb-primary-900))_padding-box,linear-gradient(135deg,var(--mieweb-accent,var(--mieweb-primary-300)),var(--mieweb-primary-200)_55%,var(--mieweb-accent,var(--mieweb-primary-300)))_border-box]',\n        'group-focus-visible/spoke:outline-primary-500 group-focus-visible/spoke:outline group-focus-visible/spoke:outline-2 group-focus-visible/spoke:outline-offset-[3px]',\n        active &&\n          '-translate-y-0.5 scale-[1.04] border-transparent text-white shadow-xl [background:linear-gradient(150deg,var(--mieweb-primary-700),var(--mieweb-primary-900))_padding-box,linear-gradient(135deg,var(--mieweb-accent,var(--mieweb-primary-300)),var(--mieweb-primary-200)_55%,var(--mieweb-accent,var(--mieweb-primary-300)))_border-box]'\n      )}\n    >\n      {icon}\n    </span>\n  );\n}\n\nfunction Detail({\n  tag,\n  title,\n  description,\n  media,\n  caption,\n  cta,\n  href,\n  hrefLabel,\n}: {\n  tag?: string;\n  title: string;\n  description?: string;\n  media?: React.ReactNode;\n  caption?: string;\n  cta?: { label: string; href: string };\n  href?: string;\n  hrefLabel?: string;\n}) {\n  return (\n    <div className=\"grid gap-3.5 motion-safe:animate-[mie-fade-in_0.25s_ease-out]\">\n      {media && <div data-slot=\"radial-explorer-media\">{media}</div>}\n      {tag && (\n        <Badge\n          size=\"sm\"\n          className=\"w-fit text-[10px] font-bold tracking-[0.14em] uppercase\"\n        >\n          {tag}\n        </Badge>\n      )}\n      <h3 className=\"text-foreground text-2xl leading-tight font-semibold\">\n        {title}\n      </h3>\n      {description && (\n        <p className=\"text-muted-foreground text-[15px] leading-snug\">\n          {description}\n        </p>\n      )}\n      {caption && <p className=\"text-muted-foreground text-sm\">{caption}</p>}\n      {(cta || href) && (\n        <div className=\"mt-1 flex flex-wrap items-center gap-3\">\n          {cta && (\n            <a href={cta.href} className={buttonVariants({ effect: 'sheen' })}>\n              {cta.label}\n              <ArrowRight size={16} aria-hidden />\n            </a>\n          )}\n          {href && (\n            <a\n              href={href}\n              className=\"text-primary-800 dark:text-primary-200 text-sm font-semibold underline-offset-4 hover:underline\"\n            >\n              {hrefLabel}\n            </a>\n          )}\n        </div>\n      )}\n    </div>\n  );\n}\n"]}

package/dist/{chunk-MWVW4APN.cjs → chunk-7UTBDFFL.cjs}

@@ -1,7 +1,7 @@
 'use strict';
 
 var chunkMYAU2ZUC_cjs = require('./chunk-MYAU2ZUC.cjs');
-var chunk6HFFWEM3_cjs = require('./chunk-6HFFWEM3.cjs');
+var chunkYW2AKBLS_cjs = require('./chunk-YW2AKBLS.cjs');
 var chunkS5RVSXDV_cjs = require('./chunk-S5RVSXDV.cjs');
 var React = require('react');
 var lucideReact = require('lucide-react');
@@ -57,7 +57,7 @@ function AnimatedNumber({
   duration = 480,
   className
 }) {
-  const reduced = chunk6HFFWEM3_cjs.usePrefersReducedMotion();
+  const reduced = chunkYW2AKBLS_cjs.usePrefersReducedMotion();
   const [shown, setShown] = React__namespace.useState(value);
   const shownRef = React__namespace.useRef(value);
   React__namespace.useEffect(() => {
@@ -256,5 +256,5 @@ function SliderCalculator({
 
 exports.AnimatedNumber = AnimatedNumber;
 exports.SliderCalculator = SliderCalculator;
-//# sourceMappingURL=chunk-MWVW4APN.cjs.map
-//# sourceMappingURL=chunk-MWVW4APN.cjs.map
+//# sourceMappingURL=chunk-7UTBDFFL.cjs.map
+//# sourceMappingURL=chunk-7UTBDFFL.cjs.map