@keboola/design 10.1.0 → 11.0.0

package/dist/chunk-KPNAW5MU.js

@@ -1,229 +0,0 @@
-import { ZoomableSvg, DiagramSkeleton } from './chunk-IJTHFNNJ.js';
-import { cn } from './chunk-JP7PNHLH.js';
-import { useId, useState, useRef, useEffect } from 'react';
-import { renderMermaidSVG } from 'beautiful-mermaid';
-import colors from '@keboola/tailwind-config/colors';
-import { jsx } from 'react/jsx-runtime';
-
-// src/blocks/MermaidDiagram/svgTransforms.ts
-var HTML_TAG = /<[^>]+>/g;
-var FOREIGN_OBJECT = /(<foreignObject\b[^>]*>)([\s\S]*?)(<\/foreignObject>)/g;
-var ROOT_SVG_TAG = /^(\s*<svg\b)([^>]*)(>)/i;
-var flattenForeignObjectLabels = (svg) => svg.replace(FOREIGN_OBJECT, (_match, open, inner, close) => {
-  const text = inner.replace(HTML_TAG, " ").replace(/\s+/g, " ").trim();
-  return `${open}${text}${close}`;
-});
-var STYLE_ATTR = /\s+style="([^"]*)"/i;
-var makeResponsive = (svgString) => {
-  const viewBoxMatch = svgString.match(/viewBox="[^"]*\s([\d.]+)\s[\d.]+"/);
-  const vbWidth = viewBoxMatch ? Math.round(Number(viewBoxMatch[1])) : void 0;
-  return svgString.replace(ROOT_SVG_TAG, (_match, open, attrs, close) => {
-    const existingStyle = attrs.match(STYLE_ATTR)?.[1] ?? "";
-    const styleDecls = existingStyle.replace(/max-width:\s*[^;"]*;?\s*/gi, "").replace(/\s+/g, " ").trim().replace(/;$/, "");
-    let nextAttrs = attrs.replace(/\s+width="[^"]*"/i, "").replace(/\s+height="[^"]*"/i, "").replace(STYLE_ATTR, "");
-    nextAttrs += ' width="100%"';
-    const styleParts = [styleDecls, vbWidth ? `max-width: ${vbWidth}px` : ""].filter(Boolean).join("; ");
-    if (styleParts) nextAttrs += ` style="${styleParts}"`;
-    return `${open}${nextAttrs}${close}`;
-  });
-};
-var PRIMARY_FALLBACK_CHANNELS = "31 143 255";
-var resolvePrimary = () => {
-  const channels = typeof document === "undefined" ? PRIMARY_FALLBACK_CHANNELS : getComputedStyle(document.documentElement).getPropertyValue("--primary").trim() || PRIMARY_FALLBACK_CHANNELS;
-  return `rgb(${channels})`;
-};
-var mermaidPromise = null;
-var registerLucideIconPack = (m) => {
-  m.registerIconPacks([
-    {
-      name: "lucide",
-      loader: () => import('@iconify-json/lucide/icons.json').then((mod) => mod.default)
-    }
-  ]);
-};
-var getMermaid = () => {
-  if (!mermaidPromise) {
-    mermaidPromise = import('mermaid').then((m) => {
-      registerLucideIconPack(m.default);
-      m.default.initialize({
-        startOnLoad: false,
-        securityLevel: "strict",
-        theme: "base",
-        themeVariables: {
-          primaryColor: colors.blue[100],
-          primaryTextColor: colors.neutral[800],
-          primaryBorderColor: colors.blue[700],
-          secondaryColor: colors.white,
-          secondaryTextColor: colors.neutral[800],
-          secondaryBorderColor: colors.neutral[150],
-          tertiaryColor: colors.warning[100],
-          tertiaryTextColor: colors.neutral[800],
-          tertiaryBorderColor: colors.warning[500],
-          lineColor: colors.neutral[300],
-          textColor: colors.neutral[800],
-          mainBkg: colors.blue[100],
-          nodeBorder: colors.blue[700],
-          clusterBkg: colors.white,
-          clusterBorder: colors.neutral[150],
-          titleColor: colors.neutral[800],
-          edgeLabelBackground: colors.white,
-          nodeTextColor: colors.neutral[800],
-          actorBorder: colors.blue[700],
-          actorBkg: colors.blue[100],
-          actorTextColor: colors.neutral[800],
-          actorLineColor: colors.neutral[300],
-          signalColor: colors.neutral[800],
-          signalTextColor: colors.neutral[800],
-          labelBoxBkgColor: colors.blue[100],
-          labelBoxBorderColor: colors.blue[700],
-          labelTextColor: colors.neutral[800],
-          loopTextColor: colors.neutral[800],
-          noteBorderColor: colors.warning[500],
-          noteBkgColor: colors.warning[100],
-          noteTextColor: colors.neutral[800],
-          sectionBkgColor: colors.blue[100],
-          altSectionBkgColor: colors.white,
-          sectionBkgColor2: colors.neutral[100],
-          taskBorderColor: colors.blue[700],
-          taskBkgColor: colors.blue[100],
-          taskTextColor: colors.neutral[800],
-          taskTextDarkColor: colors.neutral[800],
-          taskTextLightColor: colors.neutral[800],
-          activeTaskBorderColor: resolvePrimary(),
-          activeTaskBkgColor: colors.blue[200],
-          doneTaskBorderColor: colors.green[600],
-          doneTaskBkgColor: colors.green[100],
-          critBorderColor: colors.error[500],
-          critBkgColor: colors.error[100],
-          fontFamily: "Inter, system-ui, sans-serif",
-          fontSize: "14px"
-        }
-      });
-      return m;
-    }).catch((err) => {
-      mermaidPromise = null;
-      throw err;
-    });
-  }
-  return mermaidPromise;
-};
-var stripFontImports = (svg) => svg.replace(/@import\s+url\([^)]*fonts\.googleapis\.com[^)]*\);?\s*/g, "");
-var hasIconSyntax = (code) => /@\{[^}]*\bicon\s*:/.test(code) || /\b(?:icon|service|group)\b[^\n(]*\(\s*[\w-]+:/.test(code) || /\bfa[bslr]?:fa-/.test(code);
-var tryFastRender = (code) => {
-  if (hasIconSyntax(code)) return null;
-  try {
-    return stripFontImports(
-      renderMermaidSVG(code, {
-        bg: colors.white,
-        fg: colors.neutral[800],
-        transparent: true,
-        font: "Inter, system-ui, sans-serif"
-      })
-    );
-  } catch (err) {
-    console.debug("[MermaidDiagram] fast render unavailable, using async fallback:", err);
-    return null;
-  }
-};
-var RENDER_DEBOUNCE_MS = 300;
-var svgCache = /* @__PURE__ */ new Map();
-var resolveSyncSvg = (code) => {
-  const cached = svgCache.get(code);
-  if (cached) return cached;
-  const fast = tryFastRender(code);
-  if (fast) svgCache.set(code, fast);
-  return fast;
-};
-var MermaidDiagram = ({ code, renderActions }) => {
-  const id = useId();
-  const [svg, setSvg] = useState(() => resolveSyncSvg(code));
-  const [renderFailed, setRenderFailed] = useState(false);
-  const debounceRef = useRef(null);
-  const renderIdRef = useRef(0);
-  const [prevCode, setPrevCode] = useState(code);
-  if (code !== prevCode) {
-    setPrevCode(code);
-    setSvg(resolveSyncSvg(code));
-    setRenderFailed(false);
-  }
-  useEffect(() => {
-    if (svgCache.has(code)) return;
-    const currentRenderId = ++renderIdRef.current;
-    if (debounceRef.current) {
-      clearTimeout(debounceRef.current);
-    }
-    debounceRef.current = setTimeout(() => {
-      getMermaid().then(async (mermaidModule) => {
-        if (renderIdRef.current !== currentRenderId) return;
-        const rendererId = `mermaid-${id.replaceAll(":", "")}`;
-        const container = document.createElement("div");
-        container.style.visibility = "hidden";
-        container.style.position = "absolute";
-        container.style.top = "-9999px";
-        container.style.width = "900px";
-        document.body.appendChild(container);
-        try {
-          const result = await mermaidModule.default.render(rendererId, code, container);
-          if (renderIdRef.current === currentRenderId && result) {
-            const svgOutput = flattenForeignObjectLabels(result.svg);
-            svgCache.set(code, svgOutput);
-            setSvg(svgOutput);
-            setRenderFailed(false);
-          }
-        } finally {
-          container.remove();
-        }
-      }).catch((err) => {
-        if (renderIdRef.current === currentRenderId) {
-          console.error("[MermaidDiagram] fallback failed:", err);
-          setSvg(null);
-          setRenderFailed(true);
-        }
-      });
-    }, RENDER_DEBOUNCE_MS);
-    const timer = debounceRef.current;
-    const renderId = renderIdRef;
-    return () => {
-      renderId.current++;
-      if (timer) {
-        clearTimeout(timer);
-      }
-    };
-  }, [code, id]);
-  const processedSvg = svg ? makeResponsive(svg) : null;
-  if (renderFailed) {
-    return /* @__PURE__ */ jsx(
-      "pre",
-      {
-        className: cn(
-          "tw:my-3 tw:overflow-auto tw:whitespace-pre-wrap tw:break-all",
-          "tw:py-3 tw:px-4",
-          "tw:bg-neutral-50",
-          "tw:rounded-md tw:text-neutral-400",
-          "tw:text-sm tw:font-mono"
-        ),
-        children: /* @__PURE__ */ jsx("code", { children: code })
-      }
-    );
-  }
-  if (processedSvg) {
-    return /* @__PURE__ */ jsx(
-      ZoomableSvg,
-      {
-        html: processedSvg,
-        copyText: `\`\`\`mermaid
-${code}
-\`\`\``,
-        className: "tw:my-3",
-        allowForeignObject: true,
-        renderActions
-      },
-      code
-    );
-  }
-  return /* @__PURE__ */ jsx(DiagramSkeleton, {});
-};
-
-export { MermaidDiagram };
-//# sourceMappingURL=chunk-KPNAW5MU.js.map
-//# sourceMappingURL=chunk-KPNAW5MU.js.map

package/dist/chunk-KPNAW5MU.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/blocks/MermaidDiagram/svgTransforms.ts","../src/blocks/MermaidDiagram/MermaidDiagram.tsx"],"names":[],"mappings":"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","file":"chunk-KPNAW5MU.js","sourcesContent":["// Pure post-processing of mermaid's SVG output, before it reaches ZoomableSvg's\n// DOMPurify pass. Extracted for unit testing.\n\nconst HTML_TAG = /<[^>]+>/g;\nconst FOREIGN_OBJECT = /(<foreignObject\\b[^>]*>)([\\s\\S]*?)(<\\/foreignObject>)/g;\n// The root <svg> open tag, anchored to the start of the string.\nconst ROOT_SVG_TAG = /^(\\s*<svg\\b)([^>]*)(>)/i;\n\n/**\n * Mermaid renders node labels — including icon-shape (`@{ icon: … }`) labels — as\n * HTML (`<div><span><p>…</p></span></div>`) inside an SVG `<foreignObject>`. The\n * ZoomableSvg DOMPurify pass runs the SVG namespace profile, which strips every\n * XHTML-namespaced element under an `<svg>` root, so those wrapped labels vanish\n * (icon rendered, text gone). DOMPurify keeps *bare text* directly inside a\n * `<foreignObject>`, so collapse each label's HTML to its text content. Mermaid\n * has already sanitized that text under `securityLevel: 'strict'`, and dropping\n * the wrapper tags is strictly safer than keeping them.\n *\n * Entities are left encoded (`&amp;`, `&lt;`, …): as text-node content inside the\n * `<foreignObject>` the browser renders them correctly, and decoding them here\n * would risk turning `&lt;`/`&gt;` back into real angle brackets that could form\n * markup in the sanitized SVG.\n */\nexport const flattenForeignObjectLabels = (svg: string): string =>\n  svg.replace(FOREIGN_OBJECT, (_match, open: string, inner: string, close: string) => {\n    const text = inner.replace(HTML_TAG, ' ').replace(/\\s+/g, ' ').trim();\n    return `${open}${text}${close}`;\n  });\n\n/**\n * Make the diagram fluid: strip the root `<svg>`'s fixed width/height/style and\n * set `width=\"100%\"` plus a `max-width` from the viewBox width so it never\n * overflows its container.\n *\n * Only the ROOT `<svg>` tag is rewritten (anchored to string start). Icon-shape\n * nodes embed their own inner `<svg>` icons with fixed width/height; an earlier\n * unanchored regex matched the first `<svg …height…>` anywhere, so when the root\n * tag carried no height (mermaid emits `width=\"100%\"` alone) it stripped the\n * FIRST icon's height instead — detaching and mis-sizing that icon.\n *\n * The existing `style` attribute is preserved (only an existing `max-width` is\n * replaced): beautiful-mermaid carries theme CSS vars (`--bg`, `--fg`) there that\n * its inner `<style>` block derives node/text colors from — dropping the whole\n * attribute made every derived color resolve to black.\n */\nconst STYLE_ATTR = /\\s+style=\"([^\"]*)\"/i;\n\nexport const makeResponsive = (svgString: string): string => {\n  const viewBoxMatch = svgString.match(/viewBox=\"[^\"]*\\s([\\d.]+)\\s[\\d.]+\"/);\n  const vbWidth = viewBoxMatch ? Math.round(Number(viewBoxMatch[1])) : undefined;\n\n  return svgString.replace(ROOT_SVG_TAG, (_match, open: string, attrs: string, close: string) => {\n    const existingStyle = attrs.match(STYLE_ATTR)?.[1] ?? '';\n    const styleDecls = existingStyle\n      .replace(/max-width:\\s*[^;\"]*;?\\s*/gi, '')\n      .replace(/\\s+/g, ' ')\n      .trim()\n      .replace(/;$/, '');\n\n    let nextAttrs = attrs\n      .replace(/\\s+width=\"[^\"]*\"/i, '')\n      .replace(/\\s+height=\"[^\"]*\"/i, '')\n      .replace(STYLE_ATTR, '');\n\n    nextAttrs += ' width=\"100%\"';\n\n    const styleParts = [styleDecls, vbWidth ? `max-width: ${vbWidth}px` : '']\n      .filter(Boolean)\n      .join('; ');\n    if (styleParts) nextAttrs += ` style=\"${styleParts}\"`;\n\n    return `${open}${nextAttrs}${close}`;\n  });\n};\n","import { useEffect, useId, useRef, useState } from 'react';\nimport type { ReactNode } from 'react';\nimport { renderMermaidSVG } from 'beautiful-mermaid';\nimport type mermaid from 'mermaid';\n\nimport colors from '@keboola/tailwind-config/colors';\n\nimport { ZoomableSvg } from '../../components/ZoomableSvg';\nimport { cn } from '../../utils';\n\nimport { DiagramSkeleton } from './DiagramSkeleton';\nimport { flattenForeignObjectLabels, makeResponsive } from './svgTransforms';\n\ntype MermaidModule = { default: typeof mermaid };\n\nconst PRIMARY_FALLBACK_CHANNELS = '31 143 255';\n\nconst resolvePrimary = (): string => {\n  const channels =\n    typeof document === 'undefined'\n      ? PRIMARY_FALLBACK_CHANNELS\n      : getComputedStyle(document.documentElement).getPropertyValue('--primary').trim() ||\n        PRIMARY_FALLBACK_CHANNELS;\n  return `rgb(${channels})`;\n};\n\nlet mermaidPromise: Promise<MermaidModule> | null = null;\n\n// Iconify icon pack registered with mermaid so `@{ icon: \"lucide:name\" }` node\n// shapes and `architecture-beta service <id>(lucide:name)` render — keeping\n// diagram glyphs consistent with the Lucide icons used across the rest of the UI.\n// The pack JSON resolves from a workspace dependency (no CDN fetch) via a dynamic\n// import, so it lands in its own lazy chunk and icons render offline / under a\n// strict CSP without weighing down the initial bundle.\nconst registerLucideIconPack = (m: typeof mermaid): void => {\n  m.registerIconPacks([\n    {\n      name: 'lucide',\n      loader: () => import('@iconify-json/lucide/icons.json').then((mod) => mod.default),\n    },\n  ]);\n};\n\nconst getMermaid = (): Promise<MermaidModule> => {\n  if (!mermaidPromise) {\n    mermaidPromise = import('mermaid')\n      .then((m) => {\n        registerLucideIconPack(m.default);\n        m.default.initialize({\n          startOnLoad: false,\n          securityLevel: 'strict',\n          theme: 'base',\n          themeVariables: {\n            primaryColor: colors.blue[100],\n            primaryTextColor: colors.neutral[800],\n            primaryBorderColor: colors.blue[700],\n            secondaryColor: colors.white,\n            secondaryTextColor: colors.neutral[800],\n            secondaryBorderColor: colors.neutral[150],\n            tertiaryColor: colors.warning[100],\n            tertiaryTextColor: colors.neutral[800],\n            tertiaryBorderColor: colors.warning[500],\n            lineColor: colors.neutral[300],\n            textColor: colors.neutral[800],\n            mainBkg: colors.blue[100],\n            nodeBorder: colors.blue[700],\n            clusterBkg: colors.white,\n            clusterBorder: colors.neutral[150],\n            titleColor: colors.neutral[800],\n            edgeLabelBackground: colors.white,\n            nodeTextColor: colors.neutral[800],\n            actorBorder: colors.blue[700],\n            actorBkg: colors.blue[100],\n            actorTextColor: colors.neutral[800],\n            actorLineColor: colors.neutral[300],\n            signalColor: colors.neutral[800],\n            signalTextColor: colors.neutral[800],\n            labelBoxBkgColor: colors.blue[100],\n            labelBoxBorderColor: colors.blue[700],\n            labelTextColor: colors.neutral[800],\n            loopTextColor: colors.neutral[800],\n            noteBorderColor: colors.warning[500],\n            noteBkgColor: colors.warning[100],\n            noteTextColor: colors.neutral[800],\n            sectionBkgColor: colors.blue[100],\n            altSectionBkgColor: colors.white,\n            sectionBkgColor2: colors.neutral[100],\n            taskBorderColor: colors.blue[700],\n            taskBkgColor: colors.blue[100],\n            taskTextColor: colors.neutral[800],\n            taskTextDarkColor: colors.neutral[800],\n            taskTextLightColor: colors.neutral[800],\n            activeTaskBorderColor: resolvePrimary(),\n            activeTaskBkgColor: colors.blue[200],\n            doneTaskBorderColor: colors.green[600],\n            doneTaskBkgColor: colors.green[100],\n            critBorderColor: colors.error[500],\n            critBkgColor: colors.error[100],\n            fontFamily: 'Inter, system-ui, sans-serif',\n            fontSize: '14px',\n          },\n        });\n        return m;\n      })\n      .catch((err) => {\n        mermaidPromise = null;\n        throw err;\n      });\n  }\n  return mermaidPromise;\n};\n\nconst stripFontImports = (svg: string): string =>\n  svg.replace(/@import\\s+url\\([^)]*fonts\\.googleapis\\.com[^)]*\\);?\\s*/g, '');\n\n// beautiful-mermaid's synchronous renderer has no icon-pack support, so a diagram\n// using icon syntax must skip the fast path and take the async mermaid render\n// (which registers the pack). Matches:\n// - the flowchart / treeView icon shape `@{ icon: \"pack:name\" }`\n// - `architecture-beta` / `treeView` refs `icon|service|group <id>(pack:name)`\n//   (the id between keyword and `(` is optional)\n// - legacy FontAwesome refs `fa:fa-*` / `fab:` embedded in node text\nconst hasIconSyntax = (code: string): boolean =>\n  /@\\{[^}]*\\bicon\\s*:/.test(code) ||\n  /\\b(?:icon|service|group)\\b[^\\n(]*\\(\\s*[\\w-]+:/.test(code) ||\n  /\\bfa[bslr]?:fa-/.test(code);\n\nconst tryFastRender = (code: string): string | null => {\n  if (hasIconSyntax(code)) return null;\n  try {\n    return stripFontImports(\n      renderMermaidSVG(code, {\n        bg: colors.white,\n        fg: colors.neutral[800],\n        transparent: true,\n        font: 'Inter, system-ui, sans-serif',\n      }),\n    );\n  } catch (err) {\n    // beautiful-mermaid can't parse every mermaid dialect; the async mermaid\n    // renderer is the fallback. Log at debug so regressions are diagnosable\n    // without noising up the console on the expected unsupported-syntax path.\n    console.debug('[MermaidDiagram] fast render unavailable, using async fallback:', err);\n    return null;\n  }\n};\n\nconst RENDER_DEBOUNCE_MS = 300;\n\n// Module-level SVG cache — persists across component remounts (e.g. tab switches\n// that cause React to remount the tree). Same code always produces the same SVG.\nconst svgCache = new Map<string, string>();\n\n// Resolve an SVG synchronously: cache hit first, otherwise a fast synchronous\n// render. Caches the result and returns it, or null when neither is available\n// (the caller then falls back to the async mermaid render).\nconst resolveSyncSvg = (code: string): string | null => {\n  const cached = svgCache.get(code);\n  if (cached) return cached;\n  const fast = tryFastRender(code);\n  if (fast) svgCache.set(code, fast);\n  return fast;\n};\n\ntype Props = {\n  /** Mermaid diagram source code. Supports flowchart, sequence, class, state, ER,\n   *  pie, gantt, and mindmap. Gantt `dateFormat HH:mm` (time-only) is not supported\n   *  by mermaid's dayjs parser — use `dateFormat YYYY-MM-DD HH:mm` with `axisFormat %H:%M` instead. */\n  code: string;\n  /** Extra toolbar controls (e.g. an `ExportMenu`), forwarded to `ZoomableSvg`.\n   *  Receives the sanitized SVG. Omit to keep the default toolbar. */\n  renderActions?: (safeSvg: string) => ReactNode;\n};\n\nexport const MermaidDiagram = ({ code, renderActions }: Props) => {\n  const id = useId();\n  const [svg, setSvg] = useState<string | null>(() => resolveSyncSvg(code));\n  const [renderFailed, setRenderFailed] = useState(false);\n  const debounceRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const renderIdRef = useRef(0);\n\n  // Synchronously reset stale state when code changes to avoid one-frame flash\n  const [prevCode, setPrevCode] = useState(code);\n  if (code !== prevCode) {\n    setPrevCode(code);\n    setSvg(resolveSyncSvg(code));\n    setRenderFailed(false);\n  }\n\n  useEffect(() => {\n    // Synchronous results (cache hit / fast render) are already applied and\n    // cached by the useState initializer (mount) and the render-phase reset\n    // (code change). Only the async fallback needs an effect.\n    if (svgCache.has(code)) return;\n\n    const currentRenderId = ++renderIdRef.current;\n\n    if (debounceRef.current) {\n      clearTimeout(debounceRef.current);\n    }\n\n    debounceRef.current = setTimeout(() => {\n      getMermaid()\n        .then(async (mermaidModule) => {\n          if (renderIdRef.current !== currentRenderId) return;\n          const rendererId = `mermaid-${id.replaceAll(':', '')}`;\n          const container = document.createElement('div');\n          container.style.visibility = 'hidden';\n          container.style.position = 'absolute';\n          container.style.top = '-9999px';\n          container.style.width = '900px';\n          document.body.appendChild(container);\n          try {\n            const result = await mermaidModule.default.render(rendererId, code, container);\n            if (renderIdRef.current === currentRenderId && result) {\n              const svgOutput = flattenForeignObjectLabels(result.svg);\n              svgCache.set(code, svgOutput);\n              setSvg(svgOutput);\n              setRenderFailed(false);\n            }\n          } finally {\n            container.remove();\n          }\n        })\n        .catch((err) => {\n          if (renderIdRef.current === currentRenderId) {\n            console.error('[MermaidDiagram] fallback failed:', err);\n            setSvg(null);\n            setRenderFailed(true);\n          }\n        });\n    }, RENDER_DEBOUNCE_MS);\n\n    const timer = debounceRef.current;\n    const renderId = renderIdRef;\n    return () => {\n      renderId.current++;\n      if (timer) {\n        clearTimeout(timer);\n      }\n    };\n  }, [code, id]);\n\n  const processedSvg = svg ? makeResponsive(svg) : null;\n\n  if (renderFailed) {\n    return (\n      <pre\n        className={cn(\n          'tw:my-3 tw:overflow-auto tw:whitespace-pre-wrap tw:break-all',\n          'tw:py-3 tw:px-4',\n          'tw:bg-neutral-50',\n          'tw:rounded-md tw:text-neutral-400',\n          'tw:text-sm tw:font-mono',\n        )}\n      >\n        <code>{code}</code>\n      </pre>\n    );\n  }\n\n  if (processedSvg) {\n    return (\n      <ZoomableSvg\n        key={code}\n        html={processedSvg}\n        copyText={`\\`\\`\\`mermaid\\n${code}\\n\\`\\`\\``}\n        className=\"tw:my-3\"\n        allowForeignObject\n        renderActions={renderActions}\n      />\n    );\n  }\n\n  return <DiagramSkeleton />;\n};\n"]}

package/dist/chunk-L37JJ6MR.js

@@ -1,152 +0,0 @@
-import { Button, ButtonInline } from './chunk-CTCFYWJC.js';
-import { Copy } from './chunk-BOHNXTMM.js';
-import { Tooltip } from './chunk-63NSN2VL.js';
-import { cn } from './chunk-JP7PNHLH.js';
-import { useState } from 'react';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-// src/utils/copyToClipboard.ts
-var copyViaSelection = (text) => {
-  const node = document.createElement("textarea");
-  node.value = text;
-  node.setAttribute("readonly", "");
-  node.style.cssText = "position:fixed;top:0;left:0;opacity:0";
-  document.body.append(node);
-  node.select();
-  try {
-    return document.execCommand("copy");
-  } finally {
-    node.remove();
-  }
-};
-var copyToClipboard = async (text) => {
-  try {
-    await navigator.clipboard.writeText(text);
-  } catch (error) {
-    if (!copyViaSelection(text)) throw error;
-  }
-};
-var Clipboard = ({
-  ref,
-  text: textProp,
-  children,
-  tooltip = "Copy to Clipboard",
-  tooltipPlacement = "top",
-  tooltipVariant: tooltipVariantProp = "action",
-  asChild = false,
-  onClick,
-  className,
-  ...restButtonProps
-}) => {
-  const [isTooltipOpen, setIsTooltipOpen] = useState(false);
-  const [state, setState] = useState("ready");
-  const text = typeof textProp === "function" ? textProp() : textProp;
-  const copy = async (text2) => {
-    try {
-      if (!document.hasFocus()) window.focus();
-      await copyToClipboard(text2);
-      setState("copied");
-    } catch {
-      setState("error");
-    }
-  };
-  const handleOnClick = (event) => {
-    setIsTooltipOpen(true);
-    if (text && state === "ready") void copy(text);
-    onClick?.(event);
-  };
-  const handleOnOpenChange = (open) => {
-    if (!open && state !== "ready") setState("ready");
-    setIsTooltipOpen(open);
-  };
-  const tooltipContent = (() => {
-    if (!text) return "Nothing to copy";
-    if (state === "error") return "Failed to copy";
-    if (state === "copied") return "Copied to Clipboard";
-    return tooltip;
-  })();
-  const tooltipVariant = state === "ready" && !!text ? tooltipVariantProp : "action";
-  const hasTooltipContent = tooltipContent !== null && tooltipContent !== void 0;
-  return /* @__PURE__ */ jsxs(Tooltip.Root, { open: isTooltipOpen, onOpenChange: handleOnOpenChange, children: [
-    /* @__PURE__ */ jsx(
-      Tooltip.Trigger,
-      {
-        ...restButtonProps,
-        asChild,
-        keepOpenOnClick: true,
-        onClick: handleOnClick,
-        className: cn("tw:cursor-pointer", className),
-        ref,
-        children: children ?? text
-      }
-    ),
-    hasTooltipContent && /* @__PURE__ */ jsx(
-      Tooltip.Content,
-      {
-        keepOpenOnPointerDownOutside: true,
-        placement: tooltipPlacement,
-        variant: tooltipVariant,
-        children: tooltipContent
-      }
-    )
-  ] });
-};
-var DEFAULT_ICON = /* @__PURE__ */ jsx(Copy, {});
-var DEFAULT_ARIA_LABEL = "Copy";
-var ClipboardButton = ({
-  // clipboard props
-  text,
-  tooltip,
-  tooltipPlacement,
-  tooltipVariant,
-  // button props
-  icon = DEFAULT_ICON,
-  variant = "outline",
-  children,
-  ...rest
-}) => {
-  const defaultAriaLabel = typeof tooltip === "string" && tooltip.trim() ? tooltip : DEFAULT_ARIA_LABEL;
-  const ariaLabel = rest["aria-label"] ?? (children == null ? defaultAriaLabel : void 0);
-  return /* @__PURE__ */ jsx(
-    Clipboard,
-    {
-      asChild: true,
-      tooltip,
-      tooltipPlacement,
-      tooltipVariant,
-      text,
-      children: /* @__PURE__ */ jsxs(Button, { ...rest, "aria-label": ariaLabel, variant, disabled: !text, children: [
-        icon,
-        children
-      ] })
-    }
-  );
-};
-var ClipboardInline = ({
-  // clipboard props
-  text,
-  tooltip,
-  tooltipPlacement,
-  tooltipVariant,
-  // button props
-  children = "Copy To Clipboard",
-  hideIcon = false,
-  ...rest
-}) => /* @__PURE__ */ jsx(
-  Clipboard,
-  {
-    asChild: true,
-    text,
-    tooltip,
-    tooltipPlacement,
-    tooltipVariant,
-    children: /* @__PURE__ */ jsxs(ButtonInline, { ...rest, disabled: !text, children: [
-      !hideIcon && /* @__PURE__ */ jsx(Copy, { className: "tw:size-4" }),
-      children
-    ] })
-  }
-);
-
-export { Clipboard, ClipboardButton, ClipboardInline, copyToClipboard };
-//# sourceMappingURL=chunk-L37JJ6MR.js.map
-//# sourceMappingURL=chunk-L37JJ6MR.js.map

package/dist/chunk-L37JJ6MR.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/utils/copyToClipboard.ts","../src/components/Clipboard/Clipboard.tsx","../src/blocks/ClipboardButton/ClipboardButton.tsx","../src/blocks/ClipboardButton/ClipboardInline.tsx"],"names":["text","jsx","jsxs"],"mappings":"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","file":"chunk-L37JJ6MR.js","sourcesContent":["/**\n * The async Clipboard API requires the document to be focused and rejects with\n * `NotAllowedError: Document is not focused` otherwise — which is the normal state\n * for a page inside an iframe that has not taken focus, such as Storybook's canvas\n * or an embedded preview. `execCommand` has no such requirement because it copies\n * the selection of a node we focus ourselves, so it covers that gap.\n */\nconst copyViaSelection = (text: string) => {\n  const node = document.createElement('textarea');\n  node.value = text;\n  node.setAttribute('readonly', '');\n  node.style.cssText = 'position:fixed;top:0;left:0;opacity:0';\n  document.body.append(node);\n  node.select();\n\n  try {\n    return document.execCommand('copy');\n  } finally {\n    node.remove();\n  }\n};\n\nexport const copyToClipboard = async (text: string) => {\n  try {\n    await navigator.clipboard.writeText(text);\n  } catch (error) {\n    if (!copyViaSelection(text)) throw error;\n  }\n};\n","import { useState } from 'react';\nimport type { ComponentProps, MouseEventHandler } from 'react';\n\nimport { cn, copyToClipboard } from '../../utils';\nimport { type Props as TooltipProps, Tooltip } from '../Tooltip';\n\ntype Props = {\n  tooltip?: TooltipProps['tooltip'];\n  tooltipPlacement?: TooltipProps['placement'];\n  tooltipVariant?: TooltipProps['variant'];\n  asChild?: TooltipProps['triggerAsChild'];\n  text?: string | (() => string);\n} & ComponentProps<'button'>;\n\nexport const Clipboard = ({\n  ref,\n  text: textProp,\n  children,\n  tooltip = 'Copy to Clipboard',\n  tooltipPlacement = 'top',\n  tooltipVariant: tooltipVariantProp = 'action',\n  asChild = false,\n  onClick,\n  className,\n  ...restButtonProps\n}: Props) => {\n  const [isTooltipOpen, setIsTooltipOpen] = useState(false);\n  const [state, setState] = useState<'ready' | 'copied' | 'error'>('ready');\n  const text = typeof textProp === 'function' ? textProp() : textProp;\n\n  const copy = async (text: string) => {\n    try {\n      // For the clipboard feature to work reliably, the window must be in focus for security reasons.\n      // However, the button can be clicked without the window being focused.\n      if (!document.hasFocus()) window.focus();\n\n      await copyToClipboard(text);\n      setState('copied');\n    } catch {\n      setState('error');\n    }\n  };\n\n  const handleOnClick: MouseEventHandler<HTMLButtonElement> = (event) => {\n    // Open on click rather than waiting for hover. Radix opens on pointer-enter via a\n    // `delayDuration` timer (300ms here), so clicking faster than that left the outcome invisible\n    // until the timer caught up — the message was already rendered, just inside a closed tooltip.\n    setIsTooltipOpen(true);\n    if (text && state === 'ready') void copy(text);\n    onClick?.(event);\n  };\n\n  const handleOnOpenChange: ComponentProps<typeof Tooltip.Root>['onOpenChange'] = (open) => {\n    // Reset when the tooltip closes, allowing the user to leave the copy button.\n    if (!open && state !== 'ready') setState('ready');\n    setIsTooltipOpen(open);\n  };\n\n  const tooltipContent = (() => {\n    if (!text) return 'Nothing to copy';\n    if (state === 'error') return 'Failed to copy';\n    if (state === 'copied') return 'Copied to Clipboard';\n    return tooltip;\n  })();\n\n  const tooltipVariant: TooltipProps['variant'] =\n    state === 'ready' && !!text ? tooltipVariantProp : 'action';\n\n  // `tooltip={null}` leaves nothing to say until there is an outcome. Not rendering `Content` at all\n  // is what makes that work: hovering still opens the tooltip, there is simply nothing in it, and\n  // the copied / failed message appears in place the moment `state` changes. It also keeps Radix\n  // from pointing the trigger's `aria-describedby` at content that has no text.\n  const hasTooltipContent = tooltipContent !== null && tooltipContent !== undefined;\n\n  return (\n    <Tooltip.Root open={isTooltipOpen} onOpenChange={handleOnOpenChange}>\n      <Tooltip.Trigger\n        {...restButtonProps}\n        asChild={asChild}\n        keepOpenOnClick\n        onClick={handleOnClick}\n        className={cn('tw:cursor-pointer', className)}\n        ref={ref}\n      >\n        {children ?? text}\n      </Tooltip.Trigger>\n\n      {hasTooltipContent && (\n        <Tooltip.Content\n          keepOpenOnPointerDownOutside\n          placement={tooltipPlacement}\n          variant={tooltipVariant}\n        >\n          {tooltipContent}\n        </Tooltip.Content>\n      )}\n    </Tooltip.Root>\n  );\n};\n","import type { ComponentProps, ReactNode } from 'react';\n\nimport { Button } from '../../components/Button';\nimport { Clipboard } from '../../components/Clipboard';\nimport { Copy } from '../../icons';\n\ntype ClipboardProps = Pick<\n  ComponentProps<typeof Clipboard>,\n  'text' | 'tooltip' | 'tooltipPlacement' | 'tooltipVariant'\n>;\n\ntype ButtonProps = Omit<ComponentProps<typeof Button>, 'disabled' | 'icon'>;\n\ntype Props = ClipboardProps & ButtonProps & { icon?: ReactNode };\n\nconst DEFAULT_ICON: ReactNode = <Copy />;\nconst DEFAULT_ARIA_LABEL = 'Copy';\n\nexport const ClipboardButton = ({\n  // clipboard props\n  text,\n  tooltip,\n  tooltipPlacement,\n  tooltipVariant,\n\n  // button props\n  icon = DEFAULT_ICON,\n  variant = 'outline',\n  children,\n  ...rest\n}: Props) => {\n  // Icon-only (no text children): the `tooltip` is visual only, not an accessible\n  // name, so fall back to it (when it's a string) or a sensible default. A\n  // consumer-supplied `aria-label` in `rest` still wins.\n  // A non-empty string tooltip names the action; an empty/absent tooltip still\n  // needs a name, so fall back to the default rather than an empty aria-label.\n  const defaultAriaLabel =\n    typeof tooltip === 'string' && tooltip.trim() ? tooltip : DEFAULT_ARIA_LABEL;\n  const ariaLabel = rest['aria-label'] ?? (children == null ? defaultAriaLabel : undefined);\n\n  return (\n    <Clipboard\n      asChild\n      tooltip={tooltip}\n      tooltipPlacement={tooltipPlacement}\n      tooltipVariant={tooltipVariant}\n      text={text}\n    >\n      <Button {...rest} aria-label={ariaLabel} variant={variant} disabled={!text}>\n        {icon}\n        {children}\n      </Button>\n    </Clipboard>\n  );\n};\n","import type { ComponentProps } from 'react';\n\nimport { ButtonInline } from '../../components/Button';\nimport { Clipboard } from '../../components/Clipboard';\nimport { Copy } from '../../icons';\n\ntype ClipboardProps = Pick<\n  ComponentProps<typeof Clipboard>,\n  'text' | 'tooltip' | 'tooltipPlacement' | 'tooltipVariant'\n>;\n\ntype ButtonProps = Omit<ComponentProps<typeof ButtonInline>, 'disabled'>;\n\ntype Props = { hideIcon?: boolean } & ClipboardProps & ButtonProps;\n\nexport const ClipboardInline = ({\n  // clipboard props\n  text,\n  tooltip,\n  tooltipPlacement,\n  tooltipVariant,\n\n  // button props\n  children = 'Copy To Clipboard',\n  hideIcon = false,\n  ...rest\n}: Props) => (\n  <Clipboard\n    asChild\n    text={text}\n    tooltip={tooltip}\n    tooltipPlacement={tooltipPlacement}\n    tooltipVariant={tooltipVariant}\n  >\n    <ButtonInline {...rest} disabled={!text}>\n      {!hideIcon && <Copy className=\"tw:size-4\" />}\n      {children}\n    </ButtonInline>\n  </Clipboard>\n);\n"]}

package/dist/chunk-Q7NWXLCT.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/utils/isMac.ts","../src/components/Kbd/styles.ts","../src/utils/escapeStringRegexp.ts","../src/components/Kbd/KbdSeparator.tsx","../src/components/Kbd/KbdGroup.tsx","../src/components/Kbd/Kbd.tsx","../src/hooks/useStableCallback.ts"],"names":["jsx"],"mappings":"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","file":"chunk-Q7NWXLCT.js","sourcesContent":["// Platform detection\ntype NavigatorUAData = {\n  platform: string;\n  brands: { brand: string; version: string }[];\n  mobile: boolean;\n};\n\nconst getIsMac = (): boolean => {\n  // Modern approach using navigator.userAgentData\n  if (typeof navigator !== 'undefined' && 'userAgentData' in navigator) {\n    const platform = (navigator.userAgentData as NavigatorUAData).platform;\n\n    if (typeof platform === 'string') {\n      return platform.toLowerCase() === 'macos';\n    }\n  }\n\n  if (typeof navigator !== 'undefined' && typeof navigator.platform === 'string') {\n    return navigator.platform.toUpperCase().indexOf('MAC') >= 0;\n  }\n\n  // Server-side rendering fallback\n  return false;\n};\n\nexport const isMac = getIsMac();\n","import { cva } from 'class-variance-authority';\n\nexport const kbdVariants = cva(\n  [\n    'tailwindcss-preflight',\n    // style\n    'tw:pointer-events-none',\n    'tw:w-fit',\n    'tw:h-5',\n    'tw:min-w-5',\n\n    // layout\n    'tw:inline-flex',\n    'tw:items-center',\n    'tw:justify-center',\n    'tw:gap-1',\n    'tw:shrink-0',\n\n    // spacing\n    'tw:px-1',\n    'tw:[&_svg:not([class*=\"size-\"])]:size-2.5',\n\n    'tw:text-xs',\n    'tw:font-medium',\n\n    'tw:rounded',\n  ],\n  {\n    defaultVariants: {\n      variant: 'default',\n    },\n    variants: {\n      variant: {\n        default: 'tw:bg-muted tw:text-muted-foreground',\n        primary: 'tw:bg-white/20 tw:text-white',\n      },\n    },\n  },\n);\n","// Escape characters with special meaning either inside or outside character sets.\n// Use a simple backslash escape when it's always valid, and a `\\xnn` escape when the simpler form would be disallowed by Unicode patterns' stricter grammar.\nexport const escapeStringRegexp = (string: string) =>\n  string.replace(/[|\\\\{}()[\\]^$+*?.]/g, '\\\\$&').replace(/-/g, '\\\\x2d');\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '../../utils';\n\ntype Props = ComponentProps<'span'>;\n\nexport const KbdSeparator = ({ className, ...props }: Props) => (\n  <span {...props} className={cn('tw:text-xs tw:text-muted-foreground', className)} />\n);\n","import { Children, Fragment } from 'react';\nimport type { ComponentProps } from 'react';\n\nimport { cn } from '../../utils';\n\nimport { KbdSeparator } from './KbdSeparator';\n\ntype Props = { separator?: string } & ComponentProps<'kbd'>;\n\nexport const KbdGroup = ({ ref, className, children, separator, ...props }: Props) => {\n  return (\n    <kbd\n      {...props}\n      ref={ref}\n      className={cn('tw:inline-flex', 'tw:items-center', 'tw:gap-1', className)}\n    >\n      {separator\n        ? // oxlint-disable-next-line react-x/no-children-to-array\n          Children.toArray(children).map((child, index) => (\n            // oxlint-disable-next-line\n            <Fragment key={index}>\n              {index > 0 && <KbdSeparator>{separator}</KbdSeparator>}\n              {child}\n            </Fragment>\n          ))\n        : children}\n    </kbd>\n  );\n};\n","import type { ComponentProps } from 'react';\nimport type { VariantProps } from 'class-variance-authority';\n\nimport { KbdGroup } from './KbdGroup';\nimport { KbdSeparator } from './KbdSeparator';\nimport { kbdVariants } from './styles';\n\ntype Props = ComponentProps<'kbd'> & VariantProps<typeof kbdVariants>;\n\nexport const Kbd = ({ children, className, variant, ...rest }: Props) => (\n  <kbd {...rest} className={kbdVariants({ className, variant })}>\n    {children}\n  </kbd>\n);\n\nKbd.Group = KbdGroup;\nKbd.Separator = KbdSeparator;\n","import { useCallback, useLayoutEffect, useRef } from 'react';\n\n/**\n * A callback with a permanently stable identity that always sees the latest\n * render's values — for any consumer that keys off the handler's identity: a\n * third-party component that redoes expensive work when it changes, or a\n * memoized context value.\n *\n * React 19.2's `useEffectEvent` does this in one line, but it is scoped to\n * Effects and explicitly not to be passed to another component, which is the\n * whole point here.\n *\n * The swap is a layout effect rather than a passive one so it lands before the\n * browser can paint and accept input against the previous render's handler. It\n * is still an effect, and a child's runs before its parent's — so a consumer\n * calling the returned function from its own layout effect can still see the\n * previous render's closure.\n */\nexport const useStableCallback = <Args extends unknown[], Result>(\n  callback: (...args: Args) => Result,\n): ((...args: Args) => Result) => {\n  const latestRef = useRef(callback);\n\n  useLayoutEffect(() => {\n    latestRef.current = callback;\n  }, [callback]);\n\n  return useCallback((...args: Args) => latestRef.current(...args), []);\n};\n"]}