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

package/dist/{chunk-RSCA5AZW.cjs → chunk-5MCBWTIF.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunk6QKMMKRY_cjs = require('./chunk-6QKMMKRY.cjs');
+var chunkUV2FVNWT_cjs = require('./chunk-UV2FVNWT.cjs');
 var DOMPurify = require('dompurify');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
@@ -130,7 +130,7 @@ var MermaidBlock = ({ code, id }) => {
     return () => observer.disconnect();
   }, [render]);
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunk6QKMMKRY_cjs.FenceBlock,
+    chunkUV2FVNWT_cjs.FenceBlock,
     {
       code,
       language: "mermaid",
@@ -150,5 +150,5 @@ var MermaidBlock = ({ code, id }) => {
 };
 
 exports.MermaidBlock = MermaidBlock;
-//# sourceMappingURL=chunk-RSCA5AZW.cjs.map
-//# sourceMappingURL=chunk-RSCA5AZW.cjs.map
+//# sourceMappingURL=chunk-5MCBWTIF.cjs.map
+//# sourceMappingURL=chunk-5MCBWTIF.cjs.map

package/dist/{chunk-RSCA5AZW.cjs.map → chunk-5MCBWTIF.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Markdown/MermaidBlock.tsx"],"names":["DOMPurify","useState","useMemo","useCallback","useEffect","jsx","FenceBlock"],"mappings":";;;;;;;;;;;AAoBA,IAAI,eAAA,GAAqC,IAAA;AACzC,IAAI,YAAA,GAA2C,IAAA;AAC/C,IAAI,YAAA,GAAmC,SAAA;AAEvC,SAAS,YAAA,GAAmC;AAC1C,EAAA,OAAO,QAAA,CAAS,eAAA,CAAgB,SAAA,CAAU,QAAA,CAAS,MAAM,CAAA,IACvD,QAAA,CAAS,eAAA,CAAgB,YAAA,CAAa,YAAY,CAAA,KAAM,MAAA,GACtD,MAAA,GACA,SAAA;AACN;AAEA,SAAS,YAAY,KAAA,EAAoD;AACvE,EAAA,MAAM,IAAA,GAAgC;AAAA,IACpC,WAAA,EAAa,KAAA;AAAA,IACb,KAAA;AAAA,IACA,aAAA,EAAe;AAAA,GACjB;AACA,EAAA,IAAI,UAAU,MAAA,EAAQ;AACpB,IAAA,IAAA,CAAK,cAAA,GAAiB;AAAA,MACpB,UAAA,EAAY,SAAA;AAAA,MACZ,OAAA,EAAS,SAAA;AAAA,MACT,aAAA,EAAe,SAAA;AAAA,MACf,UAAA,EAAY,SAAA;AAAA,MACZ,UAAA,EAAY,SAAA;AAAA,MACZ,mBAAA,EAAqB,SAAA;AAAA,MACrB,SAAA,EAAW;AAAA,KACb;AAAA,EACF;AACA,EAAA,OAAO,IAAA;AACT;AAEA,eAAe,UAAA,GAAkC;AAC/C,EAAA,MAAM,QAAQ,YAAA,EAAa;AAC3B,EAAA,IAAI,eAAA,EAAiB;AACnB,IAAA,IAAI,UAAU,YAAA,EAAc;AAC1B,MAAA,YAAA,GAAe,KAAA;AACf,MAAA,eAAA,CAAgB,UAAA,CAAW,WAAA,CAAY,KAAK,CAAC,CAAA;AAAA,IAC/C;AACA,IAAA,OAAO,eAAA;AAAA,EACT;AACA,EAAA,IAAI,CAAC,YAAA,EAAc;AACjB,IAAA,YAAA,GAAe;AAAA;AAAA,MAA0B;AAAA,KAAS,CAAE,IAAA,CAAK,CAAC,GAAA,KAAQ;AAChE,MAAA,MAAM,IAAK,GAAA,CAAgC,OAAA;AAC3C,MAAA,YAAA,GAAe,YAAA,EAAa;AAC5B,MAAA,CAAA,CAAE,UAAA,CAAW,WAAA,CAAY,YAAY,CAAC,CAAA;AACtC,MAAA,eAAA,GAAkB,CAAA;AAClB,MAAA,OAAO,CAAA;AAAA,IACT,CAAC,CAAA;AAAA,EACH;AACA,EAAA,OAAO,YAAA;AACT;AAEA,SAAS,YAAY,GAAA,EAAqB;AACxC,EAAA,OAAOA,0BAAA,CAAU,SAAS,GAAA,EAAK;AAAA,IAC7B,YAAA,EAAc,EAAE,GAAA,EAAK,IAAA,EAAM,YAAY,IAAA,EAAK;AAAA;AAAA;AAAA,IAG5C,QAAA,EAAU,CAAC,OAAA,EAAS,eAAe,CAAA;AAAA,IACnC,QAAA,EAAU;AAAA,MACR,OAAA;AAAA,MACA,OAAA;AAAA,MACA,mBAAA;AAAA,MACA,aAAA;AAAA,MACA,WAAA;AAAA,MACA,aAAA;AAAA,MACA,YAAA;AAAA,MACA,cAAA;AAAA,MACA,YAAA;AAAA,MACA,kBAAA;AAAA,MACA;AAAA,KACF;AAAA,IACA,WAAA,EAAa,CAAC,QAAQ,CAAA;AAAA,IACtB,WAAA,EAAa,CAAC,QAAA,EAAU,SAAA,EAAW,WAAW,aAAa;AAAA,GAC5D,CAAA;AACH;AAEO,IAAM,YAAA,GAA4C,CAAC,EAAE,IAAA,EAAM,IAAG,KAAM;AACzE,EAAA,MAAM,CAAC,GAAA,EAAK,MAAM,CAAA,GAAIC,eAAiB,EAAE,CAAA;AACzC,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAIA,eAAiB,EAAE,CAAA;AAC7C,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAIA,eAAS,IAAI,CAAA;AAG3C,EAAA,MAAM,YAAA,GAAeC,cAAQ,MAAM;AACjC,IAAA,MAAM,SAAA,GACJ,IAAA,CACG,IAAA,EAAK,CACL,KAAA,CAAM,QAAQ,CAAA,CAAE,CAAC,CAAA,EAChB,WAAA,EAAY,IAAK,EAAA;AACvB,IAAA,MAAM,OAAA,GAAkC;AAAA,MACtC,KAAA,EAAO,WAAA;AAAA,MACP,SAAA,EAAW,WAAA;AAAA,MACX,eAAA,EAAiB,kBAAA;AAAA,MACjB,YAAA,EAAc,eAAA;AAAA,MACd,YAAA,EAAc,eAAA;AAAA,MACd,iBAAA,EAAmB,eAAA;AAAA,MACnB,SAAA,EAAW,6BAAA;AAAA,MACX,KAAA,EAAO,aAAA;AAAA,MACP,GAAA,EAAK,WAAA;AAAA,MACL,OAAA,EAAS,sBAAA;AAAA,MACT,QAAA,EAAU,WAAA;AAAA,MACV,OAAA,EAAS,UAAA;AAAA,MACT,QAAA,EAAU,UAAA;AAAA,MACV,aAAA,EAAe;AAAA,KACjB;AACA,IAAA,OAAO,CAAA,EAAG,OAAA,CAAQ,SAAS,CAAA,IAAK,SAAS,CAAA,QAAA,CAAA;AAAA,EAC3C,CAAA,EAAG,CAAC,IAAI,CAAC,CAAA;AAET,EAAA,MAAM,MAAA,GAASC,kBAAY,YAAY;AACrC,IAAA,UAAA,CAAW,IAAI,CAAA;AACf,IAAA,QAAA,CAAS,EAAE,CAAA;AACX,IAAA,IAAI;AACF,MAAA,MAAM,OAAA,GAAU,MAAM,UAAA,EAAW;AACjC,MAAA,MAAM,OAAA,CAAQ,MAAM,IAAI,CAAA;AACxB,MAAA,MAAM,EAAE,GAAA,EAAK,QAAA,EAAS,GAAI,MAAM,QAAQ,MAAA,CAAO,CAAA,QAAA,EAAW,EAAE,CAAA,CAAA,EAAI,IAAI,CAAA;AACpE,MAAA,MAAA,CAAO,WAAA,CAAY,QAAQ,CAAC,CAAA;AAAA,IAC9B,SAAS,GAAA,EAAK;AACZ,MAAA,QAAA,CAAU,GAAA,CAAc,WAAW,0BAA0B,CAAA;AAAA,IAC/D,CAAA,SAAE;AACA,MAAA,UAAA,CAAW,KAAK,CAAA;AAAA,IAClB;AAAA,EACF,CAAA,EAAG,CAAC,IAAA,EAAM,EAAE,CAAC,CAAA;AAEb,EAAAC,eAAA,CAAU,MAAM;AACd,IAAA,KAAK,MAAA,EAAO;AAAA,EACd,CAAA,EAAG,CAAC,MAAM,CAAC,CAAA;AAGX,EAAAA,eAAA,CAAU,MAAM;AACd,IAAA,MAAM,WAAW,IAAI,gBAAA,CAAiB,MAAM,KAAK,QAAQ,CAAA;AACzD,IAAA,QAAA,CAAS,OAAA,CAAQ,SAAS,eAAA,EAAiB;AAAA,MACzC,UAAA,EAAY,IAAA;AAAA,MACZ,eAAA,EAAiB,CAAC,OAAA,EAAS,YAAY;AAAA,KACxC,CAAA;AACD,IAAA,OAAO,MAAM,SAAS,UAAA,EAAW;AAAA,EACnC,CAAA,EAAG,CAAC,MAAM,CAAC,CAAA;AAEX,EAAA,uBACEC,cAAA;AAAA,IAACC,4BAAA;AAAA,IAAA;AAAA,MACC,IAAA;AAAA,MACA,QAAA,EAAS,SAAA;AAAA,MACT,eAAA,EAAe,IAAA;AAAA,MACf,OAAO,KAAA,IAAS,MAAA;AAAA,MAEf,QAAA,EAAA,OAAA,mBACCD,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,sCAAA,EACb,yCAAC,KAAA,EAAA,EAAI,SAAA,EAAU,oFAAA,EAAqF,CAAA,EACtG,CAAA,mBAEAA,cAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UACC,SAAA,EAAU,qCAAA;AAAA,UACV,IAAA,EAAK,KAAA;AAAA,UACL,YAAA,EAAY,YAAA;AAAA,UACZ,uBAAA,EAAyB,EAAE,MAAA,EAAQ,GAAA;AAAI;AAAA;AACzC;AAAA,GAEJ;AAEJ","file":"chunk-RSCA5AZW.cjs","sourcesContent":["/**\n * MermaidBlock — Renders Mermaid diagrams.\n * Requires `mermaid` to be installed by the consumer (optional peer dependency).\n */\nimport DOMPurify from 'dompurify';\nimport React, { useCallback, useEffect, useMemo, useState } from 'react';\n\nimport { FenceBlock } from './FenceBlock';\n\ninterface MermaidBlockProps {\n  code: string;\n  id: string;\n}\n\ntype MermaidApi = {\n  initialize: (config: Record<string, unknown>) => void;\n  parse: (text: string) => Promise<unknown>;\n  render: (id: string, text: string) => Promise<{ svg: string }>;\n};\n\nlet mermaidInstance: MermaidApi | null = null;\nlet mermaidReady: Promise<MermaidApi> | null = null;\nlet mermaidTheme: 'dark' | 'default' = 'default';\n\nfunction currentTheme(): 'dark' | 'default' {\n  return document.documentElement.classList.contains('dark') ||\n    document.documentElement.getAttribute('data-theme') === 'dark'\n    ? 'dark'\n    : 'default';\n}\n\nfunction buildConfig(theme: 'dark' | 'default'): Record<string, unknown> {\n  const base: Record<string, unknown> = {\n    startOnLoad: false,\n    theme,\n    securityLevel: 'strict',\n  };\n  if (theme === 'dark') {\n    base.themeVariables = {\n      nodeBorder: '#6b7280',\n      mainBkg: '#4a4a4a',\n      nodeTextColor: '#ffffff',\n      clusterBkg: '#374151',\n      titleColor: '#ffffff',\n      edgeLabelBackground: '#374151',\n      lineColor: '#9ca3af',\n    };\n  }\n  return base;\n}\n\nasync function getMermaid(): Promise<MermaidApi> {\n  const theme = currentTheme();\n  if (mermaidInstance) {\n    if (theme !== mermaidTheme) {\n      mermaidTheme = theme;\n      mermaidInstance.initialize(buildConfig(theme));\n    }\n    return mermaidInstance;\n  }\n  if (!mermaidReady) {\n    mermaidReady = import(/* @vite-ignore */ 'mermaid').then((mod) => {\n      const m = (mod as { default: MermaidApi }).default;\n      mermaidTheme = currentTheme();\n      m.initialize(buildConfig(mermaidTheme));\n      mermaidInstance = m;\n      return m;\n    });\n  }\n  return mermaidReady;\n}\n\nfunction sanitiseSvg(svg: string): string {\n  return DOMPurify.sanitize(svg, {\n    USE_PROFILES: { svg: true, svgFilters: true },\n    // Allow <style> so mermaid's embedded CSS applies, and <foreignObject>\n    // so node label text renders (mermaid escapes its content in strict mode).\n    ADD_TAGS: ['style', 'foreignObject'],\n    ADD_ATTR: [\n      'style',\n      'class',\n      'dominant-baseline',\n      'text-anchor',\n      'font-size',\n      'font-family',\n      'marker-end',\n      'marker-start',\n      'marker-mid',\n      'stroke-dasharray',\n      'stroke-width',\n    ],\n    FORBID_TAGS: ['script'],\n    FORBID_ATTR: ['onload', 'onerror', 'onclick', 'onmouseover'],\n  }) as string;\n}\n\nexport const MermaidBlock: React.FC<MermaidBlockProps> = ({ code, id }) => {\n  const [svg, setSvg] = useState<string>('');\n  const [error, setError] = useState<string>('');\n  const [loading, setLoading] = useState(true);\n\n  // Derive an accessible label from the diagram's declared type (first keyword).\n  const diagramLabel = useMemo(() => {\n    const firstWord =\n      code\n        .trim()\n        .split(/[\\s\\n]/)[0]\n        ?.toLowerCase() ?? '';\n    const typeMap: Record<string, string> = {\n      graph: 'Flowchart',\n      flowchart: 'Flowchart',\n      sequencediagram: 'Sequence diagram',\n      classdiagram: 'Class diagram',\n      statediagram: 'State diagram',\n      'statediagram-v2': 'State diagram',\n      erdiagram: 'Entity relationship diagram',\n      gantt: 'Gantt chart',\n      pie: 'Pie chart',\n      journey: 'User journey diagram',\n      gitgraph: 'Git graph',\n      mindmap: 'Mind map',\n      timeline: 'Timeline',\n      quadrantchart: 'Quadrant chart',\n    };\n    return `${typeMap[firstWord] ?? 'Mermaid'} diagram`;\n  }, [code]);\n\n  const render = useCallback(async () => {\n    setLoading(true);\n    setError('');\n    try {\n      const mermaid = await getMermaid();\n      await mermaid.parse(code);\n      const { svg: rendered } = await mermaid.render(`mermaid-${id}`, code);\n      setSvg(sanitiseSvg(rendered));\n    } catch (err) {\n      setError((err as Error).message ?? 'Failed to render diagram');\n    } finally {\n      setLoading(false);\n    }\n  }, [code, id]);\n\n  useEffect(() => {\n    void render();\n  }, [render]);\n\n  // Re-render when the page theme changes (dark ↔ light)\n  useEffect(() => {\n    const observer = new MutationObserver(() => void render());\n    observer.observe(document.documentElement, {\n      attributes: true,\n      attributeFilter: ['class', 'data-theme'],\n    });\n    return () => observer.disconnect();\n  }, [render]);\n\n  return (\n    <FenceBlock\n      code={code}\n      language=\"mermaid\"\n      supportsRawView\n      error={error || undefined}\n    >\n      {loading ? (\n        <div className=\"flex items-center justify-center p-8\">\n          <div className=\"border-primary-500 h-6 w-6 animate-spin rounded-full border-2 border-t-transparent\" />\n        </div>\n      ) : (\n        <div\n          className=\"mermaid-svg flex justify-center p-4\"\n          role=\"img\"\n          aria-label={diagramLabel}\n          dangerouslySetInnerHTML={{ __html: svg }}\n        />\n      )}\n    </FenceBlock>\n  );\n};\n"]}
+{"version":3,"sources":["../src/components/Markdown/MermaidBlock.tsx"],"names":["DOMPurify","useState","useMemo","useCallback","useEffect","jsx","FenceBlock"],"mappings":"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","file":"chunk-5MCBWTIF.cjs","sourcesContent":["/**\n * MermaidBlock — Renders Mermaid diagrams.\n * Requires `mermaid` to be installed by the consumer (optional peer dependency).\n */\nimport DOMPurify from 'dompurify';\nimport React, { useCallback, useEffect, useMemo, useState } from 'react';\n\nimport { FenceBlock } from './FenceBlock';\n\ninterface MermaidBlockProps {\n  code: string;\n  id: string;\n}\n\ntype MermaidApi = {\n  initialize: (config: Record<string, unknown>) => void;\n  parse: (text: string) => Promise<unknown>;\n  render: (id: string, text: string) => Promise<{ svg: string }>;\n};\n\nlet mermaidInstance: MermaidApi | null = null;\nlet mermaidReady: Promise<MermaidApi> | null = null;\nlet mermaidTheme: 'dark' | 'default' = 'default';\n\nfunction currentTheme(): 'dark' | 'default' {\n  return document.documentElement.classList.contains('dark') ||\n    document.documentElement.getAttribute('data-theme') === 'dark'\n    ? 'dark'\n    : 'default';\n}\n\nfunction buildConfig(theme: 'dark' | 'default'): Record<string, unknown> {\n  const base: Record<string, unknown> = {\n    startOnLoad: false,\n    theme,\n    securityLevel: 'strict',\n  };\n  if (theme === 'dark') {\n    base.themeVariables = {\n      nodeBorder: '#6b7280',\n      mainBkg: '#4a4a4a',\n      nodeTextColor: '#ffffff',\n      clusterBkg: '#374151',\n      titleColor: '#ffffff',\n      edgeLabelBackground: '#374151',\n      lineColor: '#9ca3af',\n    };\n  }\n  return base;\n}\n\nasync function getMermaid(): Promise<MermaidApi> {\n  const theme = currentTheme();\n  if (mermaidInstance) {\n    if (theme !== mermaidTheme) {\n      mermaidTheme = theme;\n      mermaidInstance.initialize(buildConfig(theme));\n    }\n    return mermaidInstance;\n  }\n  if (!mermaidReady) {\n    mermaidReady = import(/* @vite-ignore */ 'mermaid').then((mod) => {\n      const m = (mod as { default: MermaidApi }).default;\n      mermaidTheme = currentTheme();\n      m.initialize(buildConfig(mermaidTheme));\n      mermaidInstance = m;\n      return m;\n    });\n  }\n  return mermaidReady;\n}\n\nfunction sanitiseSvg(svg: string): string {\n  return DOMPurify.sanitize(svg, {\n    USE_PROFILES: { svg: true, svgFilters: true },\n    // Allow <style> so mermaid's embedded CSS applies, and <foreignObject>\n    // so node label text renders (mermaid escapes its content in strict mode).\n    ADD_TAGS: ['style', 'foreignObject'],\n    ADD_ATTR: [\n      'style',\n      'class',\n      'dominant-baseline',\n      'text-anchor',\n      'font-size',\n      'font-family',\n      'marker-end',\n      'marker-start',\n      'marker-mid',\n      'stroke-dasharray',\n      'stroke-width',\n    ],\n    FORBID_TAGS: ['script'],\n    FORBID_ATTR: ['onload', 'onerror', 'onclick', 'onmouseover'],\n  }) as string;\n}\n\nexport const MermaidBlock: React.FC<MermaidBlockProps> = ({ code, id }) => {\n  const [svg, setSvg] = useState<string>('');\n  const [error, setError] = useState<string>('');\n  const [loading, setLoading] = useState(true);\n\n  // Derive an accessible label from the diagram's declared type (first keyword).\n  const diagramLabel = useMemo(() => {\n    const firstWord =\n      code\n        .trim()\n        .split(/[\\s\\n]/)[0]\n        ?.toLowerCase() ?? '';\n    const typeMap: Record<string, string> = {\n      graph: 'Flowchart',\n      flowchart: 'Flowchart',\n      sequencediagram: 'Sequence diagram',\n      classdiagram: 'Class diagram',\n      statediagram: 'State diagram',\n      'statediagram-v2': 'State diagram',\n      erdiagram: 'Entity relationship diagram',\n      gantt: 'Gantt chart',\n      pie: 'Pie chart',\n      journey: 'User journey diagram',\n      gitgraph: 'Git graph',\n      mindmap: 'Mind map',\n      timeline: 'Timeline',\n      quadrantchart: 'Quadrant chart',\n    };\n    return `${typeMap[firstWord] ?? 'Mermaid'} diagram`;\n  }, [code]);\n\n  const render = useCallback(async () => {\n    setLoading(true);\n    setError('');\n    try {\n      const mermaid = await getMermaid();\n      await mermaid.parse(code);\n      const { svg: rendered } = await mermaid.render(`mermaid-${id}`, code);\n      setSvg(sanitiseSvg(rendered));\n    } catch (err) {\n      setError((err as Error).message ?? 'Failed to render diagram');\n    } finally {\n      setLoading(false);\n    }\n  }, [code, id]);\n\n  useEffect(() => {\n    void render();\n  }, [render]);\n\n  // Re-render when the page theme changes (dark ↔ light)\n  useEffect(() => {\n    const observer = new MutationObserver(() => void render());\n    observer.observe(document.documentElement, {\n      attributes: true,\n      attributeFilter: ['class', 'data-theme'],\n    });\n    return () => observer.disconnect();\n  }, [render]);\n\n  return (\n    <FenceBlock\n      code={code}\n      language=\"mermaid\"\n      supportsRawView\n      error={error || undefined}\n    >\n      {loading ? (\n        <div className=\"flex items-center justify-center p-8\">\n          <div className=\"border-primary-500 h-6 w-6 animate-spin rounded-full border-2 border-t-transparent\" />\n        </div>\n      ) : (\n        <div\n          className=\"mermaid-svg flex justify-center p-4\"\n          role=\"img\"\n          aria-label={diagramLabel}\n          dangerouslySetInnerHTML={{ __html: svg }}\n        />\n      )}\n    </FenceBlock>\n  );\n};\n"]}

package/dist/chunk-6EN3IQQI.cjs

@@ -0,0 +1,332 @@
+'use strict';
+
+var chunk6HFFWEM3_cjs = require('./chunk-6HFFWEM3.cjs');
+var chunkYVL3XATO_cjs = require('./chunk-YVL3XATO.cjs');
+var chunkVNYW4C4J_cjs = require('./chunk-VNYW4C4J.cjs');
+var chunkS5RVSXDV_cjs = require('./chunk-S5RVSXDV.cjs');
+var React = require('react');
+var lucideReact = require('lucide-react');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+function RadialExplorer({
+  spokes,
+  center,
+  eyebrow,
+  activeId: controlled,
+  defaultActiveId = null,
+  onActiveChange,
+  welcome,
+  attractMs = 2200,
+  hint = "Hover a module to preview",
+  radius = "clamp(118px, 17vw, 188px)",
+  groupLabel = "Modules",
+  className
+}) {
+  const reduced = chunk6HFFWEM3_cjs.usePrefersReducedMotion();
+  const [inner, setInner] = React__namespace.useState(defaultActiveId);
+  const [engaged, setEngaged] = React__namespace.useState(false);
+  const activeId = controlled !== void 0 ? controlled : inner;
+  const id = React__namespace.useId();
+  const select = React__namespace.useCallback(
+    (next) => {
+      setEngaged(true);
+      if (controlled === void 0) setInner(next);
+      onActiveChange?.(next);
+    },
+    [controlled, onActiveChange]
+  );
+  React__namespace.useEffect(() => {
+    if (controlled !== void 0 || engaged || reduced || !attractMs || spokes.length === 0)
+      return;
+    let i = spokes.findIndex((s) => s.id === activeId);
+    const t = window.setInterval(() => {
+      i = (i + 1) % spokes.length;
+      setInner(spokes[i].id);
+      onActiveChange?.(spokes[i].id);
+    }, attractMs);
+    return () => window.clearInterval(t);
+  }, [engaged, reduced, attractMs, spokes.length, controlled]);
+  const activeIndex = spokes.findIndex((s) => s.id === activeId);
+  const active = activeIndex >= 0 ? spokes[activeIndex] : null;
+  const step = 360 / Math.max(spokes.length, 1);
+  const angle = (i) => `${i * step - 90}deg`;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "section",
+    {
+      "data-slot": "radial-explorer",
+      style: { "--re-r": radius },
+      className: chunkS5RVSXDV_cjs.cn(
+        "grid gap-8 lg:grid-cols-[1.1fr_minmax(300px,380px)] lg:items-center",
+        className
+      ),
+      "aria-labelledby": eyebrow ? `${id}-eyebrow` : void 0,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center gap-5", children: [
+          eyebrow && /* @__PURE__ */ jsxRuntime.jsx(
+            "p",
+            {
+              id: `${id}-eyebrow`,
+              className: "text-primary-800 dark:text-primary-300 text-[11px] font-bold tracking-[0.18em] uppercase",
+              children: eyebrow
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            "div",
+            {
+              role: "group",
+              "aria-label": groupLabel,
+              "data-slot": "radial-explorer-ring",
+              className: "relative hidden aspect-square w-[calc(var(--re-r)*2+120px)] place-items-center lg:grid",
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "span",
+                  {
+                    "aria-hidden": true,
+                    "data-slot": "radial-explorer-core",
+                    className: chunkS5RVSXDV_cjs.cn(
+                      // rtl-ignore -- physical centering paired with -translate-x-1/2 is direction-independent; start-1/2 would break it in RTL
+                      "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)]",
+                      "[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%)]",
+                      "[&>*]:h-[54px] [&>*]:w-[54px] [&>img]:object-contain"
+                    ),
+                    children: center
+                  }
+                ),
+                active && /* @__PURE__ */ jsxRuntime.jsx(
+                  "span",
+                  {
+                    "aria-hidden": true,
+                    "data-slot": "radial-explorer-ray",
+                    style: {
+                      width: "var(--re-r)",
+                      transform: `translateY(-50%) rotate(${angle(activeIndex)})`
+                    },
+                    className: chunkS5RVSXDV_cjs.cn(
+                      // rtl-ignore -- the ray is rotated to a computed angle from the physical center; origin/tip geometry must stay physical
+                      "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)]",
+                      "[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%)]",
+                      // rtl-ignore -- tip dot sits at the physical end of the rotated ray
+                      '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-[""]'
+                    )
+                  }
+                ),
+                spokes.map((s, i) => {
+                  const on = s.id === activeId;
+                  return /* @__PURE__ */ jsxRuntime.jsxs(
+                    "button",
+                    {
+                      type: "button",
+                      "aria-pressed": on,
+                      "data-slot": "radial-explorer-spoke",
+                      "data-active": on || void 0,
+                      style: {
+                        transform: `translate(-50%,-50%) rotate(${angle(i)}) translate(var(--re-r)) rotate(calc(-1 * ${angle(i)}))`
+                      },
+                      onMouseEnter: () => select(s.id),
+                      onFocus: () => select(s.id),
+                      onClick: () => select(s.id),
+                      className: "group/spoke absolute top-1/2 left-1/2 grid w-24 justify-items-center gap-2 focus-visible:outline-none",
+                      children: [
+                        /* @__PURE__ */ jsxRuntime.jsx(SpokeTile, { icon: s.icon, active: on }),
+                        /* @__PURE__ */ jsxRuntime.jsx(
+                          "span",
+                          {
+                            className: chunkS5RVSXDV_cjs.cn(
+                              "text-muted-foreground group-hover/spoke:text-primary-800 dark:group-hover/spoke:text-primary-200 text-[13px] font-semibold transition-colors",
+                              on && "text-primary-800 dark:text-primary-200"
+                            ),
+                            children: s.label
+                          }
+                        )
+                      ]
+                    },
+                    s.id
+                  );
+                })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            {
+              role: "group",
+              "aria-label": groupLabel,
+              className: "grid w-full grid-cols-3 gap-3 lg:hidden",
+              children: spokes.map((s) => {
+                const on = s.id === activeId;
+                return /* @__PURE__ */ jsxRuntime.jsxs(
+                  "button",
+                  {
+                    type: "button",
+                    "aria-pressed": on,
+                    "data-slot": "radial-explorer-chip",
+                    onClick: () => select(s.id),
+                    className: "group/spoke grid justify-items-center gap-1.5 focus-visible:outline-none",
+                    children: [
+                      /* @__PURE__ */ jsxRuntime.jsx(SpokeTile, { icon: s.icon, active: on, size: "sm" }),
+                      /* @__PURE__ */ jsxRuntime.jsx(
+                        "span",
+                        {
+                          className: chunkS5RVSXDV_cjs.cn(
+                            "text-muted-foreground text-center text-xs font-semibold",
+                            on && "text-primary-800 dark:text-primary-200"
+                          ),
+                          children: s.label
+                        }
+                      )
+                    ]
+                  },
+                  s.id
+                );
+              })
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center gap-2", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("div", { role: "group", "aria-label": groupLabel, className: "flex gap-2", children: spokes.map((s, i) => /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                type: "button",
+                "aria-pressed": i === activeIndex,
+                "aria-label": s.label,
+                onClick: () => select(s.id),
+                className: chunkS5RVSXDV_cjs.cn(
+                  "h-2 rounded-full transition-all",
+                  i === activeIndex ? "w-6 bg-[var(--mieweb-accent,var(--mieweb-primary-400))]" : "bg-primary-300/60 hover:bg-primary-400 w-2"
+                )
+              },
+              s.id
+            )) }),
+            hint && /* @__PURE__ */ jsxRuntime.jsx(
+              "p",
+              {
+                className: chunkS5RVSXDV_cjs.cn(
+                  "text-muted-foreground text-xs transition-opacity",
+                  engaged && "opacity-0"
+                ),
+                "aria-hidden": engaged,
+                children: hint
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            "data-slot": "radial-explorer-detail",
+            "aria-live": engaged ? "polite" : "off",
+            className: "border-border bg-card text-card-foreground grid content-center gap-3.5 rounded-2xl border p-5 shadow-xl",
+            children: active ? /* @__PURE__ */ jsxRuntime.jsx(
+              Detail,
+              {
+                tag: active.tag ?? active.label,
+                title: active.title ?? active.label,
+                description: active.description,
+                media: active.media,
+                caption: active.caption,
+                cta: active.cta,
+                href: active.href,
+                hrefLabel: active.hrefLabel ?? "Explore module"
+              },
+              active.id
+            ) : welcome ? /* @__PURE__ */ jsxRuntime.jsx(
+              Detail,
+              {
+                tag: welcome.tag,
+                title: welcome.title,
+                description: welcome.description,
+                media: welcome.media,
+                cta: welcome.cta
+              },
+              "welcome"
+            ) : null
+          }
+        )
+      ]
+    }
+  );
+}
+function SpokeTile({
+  icon,
+  active,
+  size = "md"
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "span",
+    {
+      "aria-hidden": true,
+      className: chunkS5RVSXDV_cjs.cn(
+        "mie-fx-sheen relative grid place-items-center rounded-[17px] border transition-[transform,border-color,color,box-shadow,background] duration-200",
+        size === "md" ? "h-[60px] w-[60px] [&>svg]:h-[22px] [&>svg]:w-[22px]" : "h-12 w-12 rounded-xl [&>svg]:h-5 [&>svg]:w-5",
+        "border-border bg-primary-500/10 text-primary-800 dark:text-primary-300 shadow-md backdrop-blur-sm",
+        "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",
+        "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]",
+        "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]",
+        active && "-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]"
+      ),
+      children: icon
+    }
+  );
+}
+function Detail({
+  tag,
+  title,
+  description,
+  media,
+  caption,
+  cta,
+  href,
+  hrefLabel
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid gap-3.5 motion-safe:animate-[mie-fade-in_0.25s_ease-out]", children: [
+    media && /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "radial-explorer-media", children: media }),
+    tag && /* @__PURE__ */ jsxRuntime.jsx(
+      chunkYVL3XATO_cjs.Badge,
+      {
+        size: "sm",
+        className: "w-fit text-[10px] font-bold tracking-[0.14em] uppercase",
+        children: tag
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-foreground text-2xl leading-tight font-semibold", children: title }),
+    description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground text-[15px] leading-snug", children: description }),
+    caption && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground text-sm", children: caption }),
+    (cta || href) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-1 flex flex-wrap items-center gap-3", children: [
+      cta && /* @__PURE__ */ jsxRuntime.jsxs("a", { href: cta.href, className: chunkVNYW4C4J_cjs.buttonVariants({ effect: "sheen" }), children: [
+        cta.label,
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowRight, { size: 16, "aria-hidden": true })
+      ] }),
+      href && /* @__PURE__ */ jsxRuntime.jsx(
+        "a",
+        {
+          href,
+          className: "text-primary-800 dark:text-primary-200 text-sm font-semibold underline-offset-4 hover:underline",
+          children: hrefLabel
+        }
+      )
+    ] })
+  ] });
+}
+
+exports.RadialExplorer = RadialExplorer;
+//# sourceMappingURL=chunk-6EN3IQQI.cjs.map
+//# sourceMappingURL=chunk-6EN3IQQI.cjs.map

package/dist/chunk-6EN3IQQI.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/RadialExplorer/RadialExplorer.tsx"],"names":["usePrefersReducedMotion","React","jsxs","cn","jsx","Badge","buttonVariants","ArrowRight"],"mappings":"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","file":"chunk-6EN3IQQI.cjs","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-OAZUDUGX.js → chunk-7IBZA7G6.js}

@@ -1,7 +1,7 @@
-import { formatDateValue, parseDateValue, isValidDate, isDateInFuture, isDateInPast, calculateAge } from './chunk-RC2YMOMS.js';
 import { Input, inputVariants, floatingLabelVariants, RequiredMark } from './chunk-3IMM2PM4.js';
-import { cn } from './chunk-TQONQSJO.js';
 import { useAnchoredPosition } from './chunk-WSNMQQ4P.js';
+import { formatDateValue, parseDateValue, isValidDate, isDateInFuture, isDateInPast, calculateAge } from './chunk-RC2YMOMS.js';
+import { cn } from './chunk-TQONQSJO.js';
 import * as React from 'react';
 import { createPortal } from 'react-dom';
 import { Clock, Calendar } from 'lucide-react';
@@ -840,5 +840,5 @@ function ChevronRightIcon() {
 }
 
 export { DateInput };
-//# sourceMappingURL=chunk-OAZUDUGX.js.map
-//# sourceMappingURL=chunk-OAZUDUGX.js.map
+//# sourceMappingURL=chunk-7IBZA7G6.js.map
+//# sourceMappingURL=chunk-7IBZA7G6.js.map