@keboola/design 11.0.0 → 11.0.1

package/dist/chunk-SVBSNSD4.js

@@ -1,259 +0,0 @@
-import { ClipboardButton } from './chunk-FUFMVW7O.js';
-import { Button } from './chunk-IXAYNBOY.js';
-import { Minimize2, Maximize2 } from './chunk-RQVK4IYC.js';
-import { Tooltip } from './chunk-SWQFYNYG.js';
-import { cn } from './chunk-LXLIQ2D6.js';
-import { useMemo, useRef, useState, useEffect, useCallback } from 'react';
-import { createPortal } from 'react-dom';
-import DOMPurify from 'dompurify';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-var MIN_SCALE = 0.5;
-var MAX_SCALE = 3;
-var ZOOM_STEP = 0.1;
-var ZoomableSvg = ({
-  html,
-  copyText,
-  className,
-  allowForeignObject,
-  renderActions
-}) => {
-  const safeHtml = useMemo(
-    () => DOMPurify.sanitize(html, {
-      USE_PROFILES: { svg: true, svgFilters: true },
-      ...allowForeignObject ? { ADD_TAGS: ["foreignObject"] } : {}
-    }),
-    [html, allowForeignObject]
-  );
-  const containerRef = useRef(null);
-  const [scale, setScale] = useState(1);
-  const [translate, setTranslate] = useState({ x: 0, y: 0 });
-  const [isFullscreen, setIsFullscreen] = useState(false);
-  useEffect(() => {
-    if (!isFullscreen) return;
-    const onKeyDown = (e) => {
-      if (e.key === "Escape") {
-        e.stopPropagation();
-        setIsFullscreen(false);
-      }
-    };
-    document.addEventListener("keydown", onKeyDown, { capture: true });
-    return () => document.removeEventListener("keydown", onKeyDown, { capture: true });
-  }, [isFullscreen]);
-  const dragRef = useRef(null);
-  useEffect(() => {
-    const el = containerRef.current;
-    if (!el) return;
-    const onWheel = (e) => {
-      if (!e.ctrlKey && !e.metaKey) return;
-      e.preventDefault();
-      const delta = e.deltaY > 0 ? -ZOOM_STEP : ZOOM_STEP;
-      setScale((s) => Math.min(MAX_SCALE, Math.max(MIN_SCALE, s + delta)));
-    };
-    el.addEventListener("wheel", onWheel, { passive: false });
-    return () => el.removeEventListener("wheel", onWheel);
-  }, [isFullscreen]);
-  const didDragRef = useRef(false);
-  const handleMouseDown = useCallback(
-    (e) => {
-      if (e.button !== 0) return;
-      e.preventDefault();
-      didDragRef.current = false;
-      dragRef.current = {
-        startX: e.clientX,
-        startY: e.clientY,
-        startTx: translate.x,
-        startTy: translate.y
-      };
-    },
-    [translate]
-  );
-  const handleMouseMove = useCallback((e) => {
-    if (!dragRef.current) return;
-    didDragRef.current = true;
-    setTranslate({
-      x: dragRef.current.startTx + e.clientX - dragRef.current.startX,
-      y: dragRef.current.startTy + e.clientY - dragRef.current.startY
-    });
-  }, []);
-  const handleMouseUp = useCallback(() => {
-    dragRef.current = null;
-  }, []);
-  const handleReset = useCallback(() => {
-    setScale(1);
-    setTranslate({ x: 0, y: 0 });
-  }, []);
-  const isZoomed = Math.abs(scale - 1) > 1e-3 || translate.x !== 0 || translate.y !== 0;
-  const handleClick = useCallback((e) => {
-    if (didDragRef.current) {
-      e.stopPropagation();
-    }
-  }, []);
-  const stopPropagation = useCallback((e) => {
-    e.stopPropagation();
-  }, []);
-  const diagramContent = /* @__PURE__ */ jsxs(
-    "div",
-    {
-      role: "presentation",
-      className: cn("tw:group/zoom tw:relative", isFullscreen && "tw:h-full"),
-      onClick: handleClick,
-      children: [
-        /* @__PURE__ */ jsx(
-          "div",
-          {
-            role: "presentation",
-            ref: containerRef,
-            className: cn(
-              "tw:overflow-hidden tw:cursor-grab tw:active:cursor-grabbing tw:p-3",
-              isFullscreen && "tw:h-full"
-            ),
-            onMouseDown: handleMouseDown,
-            onMouseMove: handleMouseMove,
-            onMouseUp: handleMouseUp,
-            onMouseLeave: handleMouseUp,
-            children: /* @__PURE__ */ jsx(
-              "div",
-              {
-                className: cn(
-                  "tw:flex tw:justify-center tw:origin-center",
-                  isFullscreen && "tw:h-full tw:[&>svg]:h-full"
-                ),
-                style: { transform: `translate(${translate.x}px, ${translate.y}px) scale(${scale})` },
-                dangerouslySetInnerHTML: { __html: safeHtml }
-              }
-            )
-          }
-        ),
-        /* @__PURE__ */ jsxs(
-          "div",
-          {
-            role: "presentation",
-            className: "tw:absolute tw:right-1 tw:top-1 tw:flex tw:gap-1 tw:opacity-0 tw:transition-opacity tw:focus-within:opacity-100 tw:group-hover/zoom:opacity-100",
-            onClick: stopPropagation,
-            children: [
-              isZoomed && /* @__PURE__ */ jsx(Tooltip, { tooltip: "Reset zoom", placement: "top", triggerAsChild: true, children: /* @__PURE__ */ jsx(Button, { size: "small", variant: "outline", onClick: handleReset, children: "Reset" }) }),
-              copyText && /* @__PURE__ */ jsx(ClipboardButton, { text: copyText, tooltip: "Copy code", size: "icon-sm", variant: "outline" }),
-              renderActions?.(safeHtml),
-              /* @__PURE__ */ jsx(
-                Tooltip,
-                {
-                  tooltip: isFullscreen ? "Exit fullscreen" : "Fullscreen",
-                  placement: "top",
-                  triggerAsChild: true,
-                  children: /* @__PURE__ */ jsx(
-                    Button,
-                    {
-                      size: "icon-sm",
-                      variant: "outline",
-                      "aria-label": isFullscreen ? "Exit fullscreen" : "Fullscreen",
-                      onClick: () => setIsFullscreen((f) => !f),
-                      children: isFullscreen ? /* @__PURE__ */ jsx(Minimize2, { className: "tw:size-4" }) : /* @__PURE__ */ jsx(Maximize2, { className: "tw:size-4" })
-                    }
-                  )
-                }
-              )
-            ]
-          }
-        )
-      ]
-    }
-  );
-  if (isFullscreen) {
-    return createPortal(
-      /* @__PURE__ */ jsx(
-        "div",
-        {
-          role: "presentation",
-          "data-testid": "zoomable-svg-fullscreen",
-          className: "tw:fixed tw:inset-0 tw:z-[1051] tw:bg-muted tw:p-4 tailwindcss-preflight",
-          onClick: stopPropagation,
-          children: diagramContent
-        }
-      ),
-      document.body
-    );
-  }
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: cn(
-        "tw:overflow-hidden tw:rounded-md tw:border tw:border-border tw:bg-muted",
-        className
-      ),
-      children: diagramContent
-    }
-  );
-};
-
-// src/components/ZoomableSvg/exportSvg.ts
-var PNG_SCALE = 2;
-var ROOT_SVG_TAG = /^<svg\b[^>]*>/i;
-var HAS_DEFAULT_NAMESPACE = /\bxmlns\s*=/i;
-var withSvgNamespace = (svg) => {
-  const trimmed = svg.trim();
-  const rootTag = trimmed.match(ROOT_SVG_TAG)?.[0];
-  if (!rootTag || HAS_DEFAULT_NAMESPACE.test(rootTag)) return trimmed;
-  return trimmed.replace(/^<svg\b/i, '<svg xmlns="http://www.w3.org/2000/svg"');
-};
-var toSvgFileContent = (svg) => `<?xml version="1.0" encoding="UTF-8"?>
-${withSvgNamespace(svg).trim()}
-`;
-var NUMBER = String.raw`\d+(?:\.\d+)?|\.\d+`;
-var PIXEL_LENGTH = new RegExp(String.raw`^\s*(?:${NUMBER})(?:px)?\s*$`, "i");
-var parsePixelLength = (value) => {
-  if (!PIXEL_LENGTH.test(value ?? "")) return null;
-  const parsed = Number.parseFloat(value ?? "");
-  return Number.isFinite(parsed) && parsed > 0 ? parsed : null;
-};
-var parseSvgSize = (svg) => {
-  const doc = new DOMParser().parseFromString(withSvgNamespace(svg), "image/svg+xml");
-  const element = doc.documentElement;
-  const viewBox = element.getAttribute("viewBox")?.split(/[\s,]+/).map(Number);
-  if (viewBox?.length === 4 && viewBox.every((value) => Number.isFinite(value))) {
-    const [, , width2, height2] = viewBox;
-    if (width2 !== void 0 && height2 !== void 0 && width2 > 0 && height2 > 0) {
-      return { width: width2, height: height2 };
-    }
-  }
-  const width = parsePixelLength(element.getAttribute("width"));
-  const height = parsePixelLength(element.getAttribute("height"));
-  return width !== null && height !== null ? { width, height } : null;
-};
-var CHANNEL_TRIPLET = new RegExp(String.raw`^(?:${NUMBER})\s+(?:${NUMBER})\s+(?:${NUMBER})$`);
-var toCanvasColor = (token) => {
-  const trimmed = token.trim();
-  if (!trimmed) return "white";
-  return CHANNEL_TRIPLET.test(trimmed) ? `rgb(${trimmed})` : trimmed;
-};
-var resolveBackground = () => toCanvasColor(getComputedStyle(document.documentElement).getPropertyValue("--color-background"));
-var svgToPngBlob = async (svg, background) => {
-  const size = parseSvgSize(svg);
-  if (!size) throw new Error("Cannot determine diagram dimensions.");
-  const encoded = `data:image/svg+xml;charset=utf-8,${encodeURIComponent(toSvgFileContent(svg))}`;
-  const image = new Image();
-  image.decoding = "sync";
-  await new Promise((resolve, reject) => {
-    image.onload = () => resolve();
-    image.onerror = () => reject(new Error("Failed to load the diagram for export."));
-    image.src = encoded;
-  });
-  const canvas = document.createElement("canvas");
-  canvas.width = Math.round(size.width * PNG_SCALE);
-  canvas.height = Math.round(size.height * PNG_SCALE);
-  const context = canvas.getContext("2d");
-  if (!context) throw new Error("Canvas is unavailable in this browser.");
-  context.fillStyle = background ?? resolveBackground();
-  context.fillRect(0, 0, canvas.width, canvas.height);
-  context.drawImage(image, 0, 0, canvas.width, canvas.height);
-  return new Promise((resolve, reject) => {
-    canvas.toBlob(
-      (blob) => blob ? resolve(blob) : reject(new Error("Failed to encode the PNG.")),
-      "image/png"
-    );
-  });
-};
-
-export { ZoomableSvg, svgToPngBlob, toSvgFileContent };
-//# sourceMappingURL=chunk-SVBSNSD4.js.map
-//# sourceMappingURL=chunk-SVBSNSD4.js.map

package/dist/chunk-SVBSNSD4.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/ZoomableSvg/ZoomableSvg.tsx","../src/components/ZoomableSvg/exportSvg.ts"],"names":["width","height"],"mappings":"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","file":"chunk-SVBSNSD4.js","sourcesContent":["import { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport type { ReactNode } from 'react';\nimport { createPortal } from 'react-dom';\nimport DOMPurify from 'dompurify';\n\nimport { ClipboardButton } from '../../blocks/ClipboardButton';\nimport { Maximize2, Minimize2 } from '../../icons';\nimport { cn } from '../../utils';\nimport { Button } from '../Button';\nimport { Tooltip } from '../Tooltip';\n\nconst MIN_SCALE = 0.5;\nconst MAX_SCALE = 3;\nconst ZOOM_STEP = 0.1;\n\ntype Props = {\n  /** Raw SVG markup. Sanitized internally with DOMPurify (SVG profile) before rendering, so it is\n   *  safe even when it originates from user/LLM-controlled content. Non-SVG HTML is stripped. */\n  html: string;\n  copyText?: string;\n  className?: string;\n  /**\n   * Opt in to keeping `<foreignObject>` elements through sanitization. Off by\n   * default — the SVG profile drops `<foreignObject>` so no HTML subtree can\n   * survive. Only enable when the caller pre-flattens each `<foreignObject>` to\n   * bare text (the SVG profile still strips any HTML children even when the\n   * element itself is allowed). `MermaidDiagram` sets this for node/icon labels.\n   */\n  allowForeignObject?: boolean;\n  /**\n   * Extra toolbar controls, rendered between the copy and fullscreen buttons.\n   *\n   * Injected rather than built in, so export behaviour — filenames,\n   * rasterization, error reporting — stays with the consumer and this component\n   * keeps shipping in the lazy `@keboola/design/mermaid` chunk with no download\n   * dependencies of its own. Pass `ExportMenu` here. Receives the sanitized\n   * SVG so an exporter writes exactly what is on screen.\n   */\n  renderActions?: (safeSvg: string) => ReactNode;\n};\n\nexport const ZoomableSvg = ({\n  html,\n  copyText,\n  className,\n  allowForeignObject,\n  renderActions,\n}: Props) => {\n  const safeHtml = useMemo(\n    () =>\n      DOMPurify.sanitize(html, {\n        USE_PROFILES: { svg: true, svgFilters: true },\n        ...(allowForeignObject ? { ADD_TAGS: ['foreignObject'] } : {}),\n      }),\n    [html, allowForeignObject],\n  );\n\n  const containerRef = useRef<HTMLDivElement>(null);\n  const [scale, setScale] = useState(1);\n  const [translate, setTranslate] = useState({ x: 0, y: 0 });\n  const [isFullscreen, setIsFullscreen] = useState(false);\n\n  useEffect(() => {\n    if (!isFullscreen) return;\n    const onKeyDown = (e: KeyboardEvent) => {\n      if (e.key === 'Escape') {\n        e.stopPropagation();\n        setIsFullscreen(false);\n      }\n    };\n    document.addEventListener('keydown', onKeyDown, { capture: true });\n    return () => document.removeEventListener('keydown', onKeyDown, { capture: true });\n  }, [isFullscreen]);\n\n  const dragRef = useRef<{\n    startX: number;\n    startY: number;\n    startTx: number;\n    startTy: number;\n  } | null>(null);\n\n  useEffect(() => {\n    const el = containerRef.current;\n    if (!el) return;\n\n    const onWheel = (e: WheelEvent) => {\n      if (!e.ctrlKey && !e.metaKey) return;\n      e.preventDefault();\n      const delta = e.deltaY > 0 ? -ZOOM_STEP : ZOOM_STEP;\n      setScale((s) => Math.min(MAX_SCALE, Math.max(MIN_SCALE, s + delta)));\n    };\n\n    el.addEventListener('wheel', onWheel, { passive: false });\n    return () => el.removeEventListener('wheel', onWheel);\n    // Re-bind when toggling fullscreen: the portal/inline switch remounts the\n    // container element, so the listener must attach to the new node.\n  }, [isFullscreen]);\n\n  const didDragRef = useRef(false);\n\n  const handleMouseDown = useCallback(\n    (e: React.MouseEvent) => {\n      if (e.button !== 0) return;\n      e.preventDefault();\n      didDragRef.current = false;\n      dragRef.current = {\n        startX: e.clientX,\n        startY: e.clientY,\n        startTx: translate.x,\n        startTy: translate.y,\n      };\n    },\n    [translate],\n  );\n\n  const handleMouseMove = useCallback((e: React.MouseEvent) => {\n    if (!dragRef.current) return;\n    didDragRef.current = true;\n    setTranslate({\n      x: dragRef.current.startTx + e.clientX - dragRef.current.startX,\n      y: dragRef.current.startTy + e.clientY - dragRef.current.startY,\n    });\n  }, []);\n\n  const handleMouseUp = useCallback(() => {\n    dragRef.current = null;\n  }, []);\n\n  const handleReset = useCallback(() => {\n    setScale(1);\n    setTranslate({ x: 0, y: 0 });\n  }, []);\n\n  const isZoomed = Math.abs(scale - 1) > 0.001 || translate.x !== 0 || translate.y !== 0;\n\n  const handleClick = useCallback((e: React.MouseEvent) => {\n    if (didDragRef.current) {\n      e.stopPropagation();\n    }\n  }, []);\n\n  const stopPropagation = useCallback((e: React.SyntheticEvent) => {\n    e.stopPropagation();\n  }, []);\n\n  const diagramContent = (\n    <div\n      role=\"presentation\"\n      className={cn('tw:group/zoom tw:relative', isFullscreen && 'tw:h-full')}\n      onClick={handleClick}\n    >\n      <div\n        role=\"presentation\"\n        ref={containerRef}\n        className={cn(\n          'tw:overflow-hidden tw:cursor-grab tw:active:cursor-grabbing tw:p-3',\n          isFullscreen && 'tw:h-full',\n        )}\n        onMouseDown={handleMouseDown}\n        onMouseMove={handleMouseMove}\n        onMouseUp={handleMouseUp}\n        onMouseLeave={handleMouseUp}\n      >\n        <div\n          className={cn(\n            'tw:flex tw:justify-center tw:origin-center',\n            isFullscreen && 'tw:h-full tw:[&>svg]:h-full',\n          )}\n          style={{ transform: `translate(${translate.x}px, ${translate.y}px) scale(${scale})` }}\n          dangerouslySetInnerHTML={{ __html: safeHtml }}\n        />\n      </div>\n      <div\n        role=\"presentation\"\n        // `focus-within` as well as hover: the toolbar is opacity-0 but still in\n        // the tab order, so without this a keyboard user tabs through invisible\n        // controls with no visible focus ring.\n        className=\"tw:absolute tw:right-1 tw:top-1 tw:flex tw:gap-1 tw:opacity-0 tw:transition-opacity tw:focus-within:opacity-100 tw:group-hover/zoom:opacity-100\"\n        onClick={stopPropagation}\n      >\n        {isZoomed && (\n          <Tooltip tooltip=\"Reset zoom\" placement=\"top\" triggerAsChild>\n            <Button size=\"small\" variant=\"outline\" onClick={handleReset}>\n              Reset\n            </Button>\n          </Tooltip>\n        )}\n        {copyText && (\n          <ClipboardButton text={copyText} tooltip=\"Copy code\" size=\"icon-sm\" variant=\"outline\" />\n        )}\n        {renderActions?.(safeHtml)}\n        <Tooltip\n          tooltip={isFullscreen ? 'Exit fullscreen' : 'Fullscreen'}\n          placement=\"top\"\n          triggerAsChild\n        >\n          <Button\n            size=\"icon-sm\"\n            variant=\"outline\"\n            aria-label={isFullscreen ? 'Exit fullscreen' : 'Fullscreen'}\n            onClick={() => setIsFullscreen((f) => !f)}\n          >\n            {isFullscreen ? (\n              <Minimize2 className=\"tw:size-4\" />\n            ) : (\n              <Maximize2 className=\"tw:size-4\" />\n            )}\n          </Button>\n        </Tooltip>\n      </div>\n    </div>\n  );\n\n  if (isFullscreen) {\n    return createPortal(\n      <div\n        role=\"presentation\"\n        data-testid=\"zoomable-svg-fullscreen\"\n        /**\n         * Stacking contract for this overlay, which portals to `document.body`.\n         *\n         * - Sits at z-1051, the Modal/Sheet band: above page chrome.\n         * - Stays *below* the floating-panel layer (z-1055: DropdownMenu,\n         *   Popover, Select, Combobox), which portals to `document.body` too —\n         *   an overlay above it hides any menu opened from the toolbar.\n         * - `Tooltip` (z-1060) renders above, as it does over a Modal.\n         * - `SpotlightBackdrop` (z-1056) dims this overlay rather than sitting\n         *   under it — by design, since it deliberately covers the portalled\n         *   surface tier so a tour's dim can't be punched through.\n         * - An app may clamp poppers into this same band, making it a tie that\n         *   DOM order settles; Radix mounts its portal after this one.\n         */\n        className=\"tw:fixed tw:inset-0 tw:z-[1051] tw:bg-muted tw:p-4 tailwindcss-preflight\"\n        onClick={stopPropagation}\n      >\n        {diagramContent}\n      </div>,\n      document.body,\n    );\n  }\n\n  return (\n    <div\n      className={cn(\n        'tw:overflow-hidden tw:rounded-md tw:border tw:border-border tw:bg-muted',\n        className,\n      )}\n    >\n      {diagramContent}\n    </div>\n  );\n};\n","const PNG_SCALE = 2;\n\n// The root `<svg …>` tag, so the namespace check looks only at its attributes.\n// A plain `includes('xmlns=')` would also match a nested element or body text,\n// and would miss `xmlns = \"…\"` — adding a second declaration, which parsers\n// reject outright with \"Attribute xmlns redefined\".\nconst ROOT_SVG_TAG = /^<svg\\b[^>]*>/i;\nconst HAS_DEFAULT_NAMESPACE = /\\bxmlns\\s*=/i;\n\n// A standalone SVG file needs the namespace declaration; mermaid's inline output\n// omits it because an inline <svg> inherits it from the host document.\n// Trim before matching: the anchored `^<svg` misses markup that arrives with a\n// leading newline or indentation, which would emit a standalone file with no\n// namespace — unopenable in an image viewer.\nconst withSvgNamespace = (svg: string) => {\n  const trimmed = svg.trim();\n  const rootTag = trimmed.match(ROOT_SVG_TAG)?.[0];\n\n  if (!rootTag || HAS_DEFAULT_NAMESPACE.test(rootTag)) return trimmed;\n\n  return trimmed.replace(/^<svg\\b/i, '<svg xmlns=\"http://www.w3.org/2000/svg\"');\n};\n\nexport const toSvgFileContent = (svg: string) =>\n  `<?xml version=\"1.0\" encoding=\"UTF-8\"?>\\n${withSvgNamespace(svg).trim()}\\n`;\n\n// A single decimal number: `12`, `12.5`, `.5`. Deliberately stricter than\n// `[\\d.]+`, which also matches `1.2.3` — and `parseFloat` truncates that to\n// `1.2` rather than rejecting it, so a malformed value would pass as a plausible\n// one.\nconst NUMBER = String.raw`\\d+(?:\\.\\d+)?|\\.\\d+`;\n\n// `parseFloat` happily reads a relative length as a number — `\"100%\"` becomes\n// `100`, `\"2em\"` becomes `2` — and `makeResponsive` sets `width=\"100%\"` on every\n// mermaid root, so an SVG with no usable viewBox would rasterize 100px wide with\n// no error. Accept only a unitless number or an explicit `px`.\nconst PIXEL_LENGTH = new RegExp(String.raw`^\\s*(?:${NUMBER})(?:px)?\\s*$`, 'i');\n\nconst parsePixelLength = (value: string | null): number | null => {\n  if (!PIXEL_LENGTH.test(value ?? '')) return null;\n\n  const parsed = Number.parseFloat(value ?? '');\n\n  return Number.isFinite(parsed) && parsed > 0 ? parsed : null;\n};\n\nexport const parseSvgSize = (svg: string) => {\n  const doc = new DOMParser().parseFromString(withSvgNamespace(svg), 'image/svg+xml');\n  const element = doc.documentElement;\n\n  const viewBox = element\n    .getAttribute('viewBox')\n    ?.split(/[\\s,]+/)\n    .map(Number);\n  // `> 0`, not truthiness: a negative extent is accepted by a truthy check, and\n  // negative canvas dimensions silently fall back to the 300x150 default — an\n  // export at the wrong size with no error. Falling through to width/height is\n  // the better answer, since those are usually still valid.\n  if (viewBox?.length === 4 && viewBox.every((value) => Number.isFinite(value))) {\n    const [, , width, height] = viewBox;\n    if (width !== undefined && height !== undefined && width > 0 && height > 0) {\n      return { width, height };\n    }\n  }\n\n  const width = parsePixelLength(element.getAttribute('width'));\n  const height = parsePixelLength(element.getAttribute('height'));\n\n  return width !== null && height !== null ? { width, height } : null;\n};\n\n// Resolve the themed page background so the exported PNG follows the active\n// brand and color scheme instead of a frozen literal. Falls back to `white`\n// (a CSS keyword, not a brand-locked hex) when the token is unset.\n//\n// The token holds Tailwind's bare channel triplet (\"249 250 251\") so utilities\n// can add an alpha. Canvas `fillStyle` rejects that form *silently* and keeps\n// its previous value (black), so wrap it back into rgb() before use.\nconst CHANNEL_TRIPLET = new RegExp(String.raw`^(?:${NUMBER})\\s+(?:${NUMBER})\\s+(?:${NUMBER})$`);\n\nexport const toCanvasColor = (token: string) => {\n  const trimmed = token.trim();\n  if (!trimmed) return 'white';\n\n  // Only wrap a well-formed triplet. A malformed one (`1.2.3 4 5`) would produce\n  // an invalid `rgb()` that `fillStyle` rejects silently, painting the PNG on\n  // whatever colour was set before — passing it through unwrapped at least lets\n  // a genuine CSS color value work.\n  return CHANNEL_TRIPLET.test(trimmed) ? `rgb(${trimmed})` : trimmed;\n};\n\nconst resolveBackground = () =>\n  toCanvasColor(getComputedStyle(document.documentElement).getPropertyValue('--color-background'));\n\n/**\n * Rasterize SVG markup to a PNG blob at 2x for legible text.\n *\n * The SVG is loaded as a data URL rather than a blob URL: an <img> loading SVG\n * is treated as a foreign resource, so a blob URL would taint the canvas and\n * make toBlob throw a SecurityError. A background is painted first because a\n * transparent PNG reads as unusable when pasted into a slide deck.\n */\nexport const svgToPngBlob = async (svg: string, background?: string): Promise<Blob> => {\n  const size = parseSvgSize(svg);\n  if (!size) throw new Error('Cannot determine diagram dimensions.');\n\n  const encoded = `data:image/svg+xml;charset=utf-8,${encodeURIComponent(toSvgFileContent(svg))}`;\n\n  const image = new Image();\n  image.decoding = 'sync';\n  await new Promise<void>((resolve, reject) => {\n    image.onload = () => resolve();\n    image.onerror = () => reject(new Error('Failed to load the diagram for export.'));\n    image.src = encoded;\n  });\n\n  const canvas = document.createElement('canvas');\n  canvas.width = Math.round(size.width * PNG_SCALE);\n  canvas.height = Math.round(size.height * PNG_SCALE);\n\n  const context = canvas.getContext('2d');\n  if (!context) throw new Error('Canvas is unavailable in this browser.');\n\n  context.fillStyle = background ?? resolveBackground();\n  context.fillRect(0, 0, canvas.width, canvas.height);\n  context.drawImage(image, 0, 0, canvas.width, canvas.height);\n\n  return new Promise<Blob>((resolve, reject) => {\n    canvas.toBlob(\n      (blob) => (blob ? resolve(blob) : reject(new Error('Failed to encode the PNG.'))),\n      'image/png',\n    );\n  });\n};\n"]}

package/dist/chunk-SVPLTL35.js

@@ -1,62 +0,0 @@
-import { Tooltip } from './chunk-SWQFYNYG.js';
-import { cn } from './chunk-LXLIQ2D6.js';
-import { useState } from 'react';
-import { jsx } from 'react/jsx-runtime';
-
-var OFFSET_TOLERANCE = 2;
-var Truncated = ({
-  ref,
-  text,
-  tooltip = text,
-  className,
-  twoLines = false,
-  noTooltip = false,
-  tooltipVariant = "explanatory",
-  tooltipPlacement = "top",
-  ...rest
-}) => {
-  const tooltipText = typeof tooltip === "string" ? tooltip : "";
-  const [showTooltip, setShowTooltip] = useState(false);
-  const isScrollableTarget = (e) => {
-    return e.scrollHeight - OFFSET_TOLERANCE >= e.clientHeight;
-  };
-  const truncatedClasses = cn(
-    className,
-    "tw:[word-break:break-all]",
-    twoLines ? "tw:line-clamp-2 tw:[word-break:break-word]" : "tw:line-clamp-1"
-  );
-  if (noTooltip || !tooltipText) {
-    return /* @__PURE__ */ jsx("span", { ref, className: truncatedClasses, ...rest, children: text });
-  }
-  return /* @__PURE__ */ jsx(
-    Tooltip,
-    {
-      placement: tooltipPlacement,
-      variant: tooltipVariant,
-      forceHide: !showTooltip,
-      tooltip: /* @__PURE__ */ jsx("div", { children: tooltipText }),
-      triggerAsChild: true,
-      children: /* @__PURE__ */ jsx(
-        "span",
-        {
-          ref,
-          className: truncatedClasses,
-          ...rest,
-          onMouseOver: (e) => {
-            setShowTooltip(isScrollableTarget(e.currentTarget));
-            rest.onMouseOver?.(e);
-          },
-          onFocus: (e) => {
-            setShowTooltip(isScrollableTarget(e.currentTarget));
-            rest.onFocus?.(e);
-          },
-          children: text
-        }
-      )
-    }
-  );
-};
-
-export { Truncated };
-//# sourceMappingURL=chunk-SVPLTL35.js.map
-//# sourceMappingURL=chunk-SVPLTL35.js.map

package/dist/chunk-SVPLTL35.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/Truncated.tsx"],"names":[],"mappings":";;;;;AAOA,IAAM,gBAAA,GAAmB,CAAA;AAWlB,IAAM,YAAY,CAAC;AAAA,EACxB,GAAA;AAAA,EACA,IAAA;AAAA,EACA,OAAA,GAAU,IAAA;AAAA,EACV,SAAA;AAAA,EACA,QAAA,GAAW,KAAA;AAAA,EACX,SAAA,GAAY,KAAA;AAAA,EACZ,cAAA,GAAiB,aAAA;AAAA,EACjB,gBAAA,GAAmB,KAAA;AAAA,EACnB,GAAG;AACL,CAAA,KAAa;AACX,EAAA,MAAM,WAAA,GAAc,OAAO,OAAA,KAAY,QAAA,GAAW,OAAA,GAAU,EAAA;AAC5D,EAAA,MAAM,CAAC,WAAA,EAAa,cAAc,CAAA,GAAI,SAAS,KAAK,CAAA;AAEpD,EAAA,MAAM,kBAAA,GAAqB,CAAC,CAAA,KAA4B;AACtD,IAAA,OAAO,CAAA,CAAE,YAAA,GAAe,gBAAA,IAAoB,CAAA,CAAE,YAAA;AAAA,EAChD,CAAA;AAOA,EAAA,MAAM,gBAAA,GAAmB,EAAA;AAAA,IACvB,SAAA;AAAA,IACA,2BAAA;AAAA,IACA,WAAW,4CAAA,GAA+C;AAAA,GAC5D;AAEA,EAAA,IAAI,SAAA,IAAa,CAAC,WAAA,EAAa;AAC7B,IAAA,2BACG,MAAA,EAAA,EAAK,GAAA,EAAU,WAAW,gBAAA,EAAmB,GAAG,MAC9C,QAAA,EAAA,IAAA,EACH,CAAA;AAAA,EAEJ;AAEA,EAAA,uBACE,GAAA;AAAA,IAAC,OAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,gBAAA;AAAA,MACX,OAAA,EAAS,cAAA;AAAA,MACT,WAAW,CAAC,WAAA;AAAA,MACZ,OAAA,kBAAS,GAAA,CAAC,KAAA,EAAA,EAAK,QAAA,EAAA,WAAA,EAAY,CAAA;AAAA,MAC3B,cAAA,EAAc,IAAA;AAAA,MAEd,QAAA,kBAAA,GAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,GAAA;AAAA,UACA,SAAA,EAAW,gBAAA;AAAA,UACV,GAAG,IAAA;AAAA,UACJ,WAAA,EAAa,CAAC,CAAA,KAAM;AAClB,YAAA,cAAA,CAAe,kBAAA,CAAmB,CAAA,CAAE,aAAa,CAAC,CAAA;AAClD,YAAA,IAAA,CAAK,cAAc,CAAC,CAAA;AAAA,UACtB,CAAA;AAAA,UACA,OAAA,EAAS,CAAC,CAAA,KAAM;AACd,YAAA,cAAA,CAAe,kBAAA,CAAmB,CAAA,CAAE,aAAa,CAAC,CAAA;AAClD,YAAA,IAAA,CAAK,UAAU,CAAC,CAAA;AAAA,UAClB,CAAA;AAAA,UAEC,QAAA,EAAA;AAAA;AAAA;AACH;AAAA,GACF;AAEJ","file":"chunk-SVPLTL35.js","sourcesContent":["import { useState } from 'react';\nimport type { ComponentProps, ReactNode } from 'react';\n\nimport { cn } from '../utils';\n\nimport { type Props as TooltipProps, Tooltip } from './Tooltip';\n\nconst OFFSET_TOLERANCE = 2;\n\ntype Props = {\n  text: ReactNode;\n  tooltip?: ReactNode;\n  twoLines?: boolean;\n  noTooltip?: boolean;\n  tooltipVariant?: TooltipProps['variant'];\n  tooltipPlacement?: TooltipProps['placement'];\n} & Omit<ComponentProps<'span'>, 'children'>;\n\nexport const Truncated = ({\n  ref,\n  text,\n  tooltip = text,\n  className,\n  twoLines = false,\n  noTooltip = false,\n  tooltipVariant = 'explanatory',\n  tooltipPlacement = 'top',\n  ...rest\n}: Props) => {\n  const tooltipText = typeof tooltip === 'string' ? tooltip : '';\n  const [showTooltip, setShowTooltip] = useState(false);\n\n  const isScrollableTarget = (e: HTMLElement): boolean => {\n    return e.scrollHeight - OFFSET_TOLERANCE >= e.clientHeight;\n  };\n\n  // v4's native `line-clamp-*` emits the full `-webkit-box` recipe (display,\n  // box-orient, line-clamp, overflow). The old hand-rolled `[display:-webkit-box!important]`\n  // arbitrary property produced NO rule under v4 — it doesn't support `!important` inside\n  // arbitrary-property brackets (v3 did) — so the clamp silently stopped applying and long\n  // text wrapped instead of truncating.\n  const truncatedClasses = cn(\n    className,\n    'tw:[word-break:break-all]',\n    twoLines ? 'tw:line-clamp-2 tw:[word-break:break-word]' : 'tw:line-clamp-1',\n  );\n\n  if (noTooltip || !tooltipText) {\n    return (\n      <span ref={ref} className={truncatedClasses} {...rest}>\n        {text}\n      </span>\n    );\n  }\n\n  return (\n    <Tooltip\n      placement={tooltipPlacement}\n      variant={tooltipVariant}\n      forceHide={!showTooltip}\n      tooltip={<div>{tooltipText}</div>}\n      triggerAsChild\n    >\n      <span\n        ref={ref}\n        className={truncatedClasses}\n        {...rest}\n        onMouseOver={(e) => {\n          setShowTooltip(isScrollableTarget(e.currentTarget));\n          rest.onMouseOver?.(e);\n        }}\n        onFocus={(e) => {\n          setShowTooltip(isScrollableTarget(e.currentTarget));\n          rest.onFocus?.(e);\n        }}\n      >\n        {text}\n      </span>\n    </Tooltip>\n  );\n};\n"]}