@keboola/design 10.1.0 → 11.0.0

package/dist/chunk-MA6RRHDT.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/blocks/MermaidDiagram/mermaidTheme.ts","../src/blocks/MermaidDiagram/svgTransforms.ts","../src/blocks/MermaidDiagram/MermaidDiagram.tsx"],"names":[],"mappings":"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","file":"chunk-MA6RRHDT.js","sourcesContent":["import type { RenderOptions } from 'beautiful-mermaid';\nimport type { MermaidConfig } from 'mermaid';\n\nimport type { ResolvedColorScheme } from '../../components/ThemeProvider/types';\nimport { createTokenResolver } from '../../utils/themeTokens';\n\nconst DIAGRAM_FONT = 'Inter, system-ui, sans-serif';\n\n/**\n * Fallback channels for the tokens the diagram palette reads, mirroring the\n * `:root` / `[data-theme='dark']` blocks of `styles.css`.\n *\n * `resolveToken` only reaches these when the live custom property is missing —\n * SSR, or a unit test that loads no CSS. In the browser the computed value wins,\n * which is what makes a customer brand re-skin the diagram for free.\n */\nconst FALLBACK_CHANNELS = {\n  card: { light: '255 255 255', dark: '34 34 40' },\n  'card-foreground': { light: '30 41 59', dark: '229 230 236' },\n  foreground: { light: '30 41 59', dark: '229 230 236' },\n  muted: { light: '241 245 249', dark: '38 38 45' },\n  'muted-foreground': { light: '100 116 139', dark: '141 144 153' },\n  border: { light: '229 231 235', dark: '52 53 62' },\n  primary: { light: '37 99 235', dark: '31 143 255' },\n  accent: { light: '224 242 254', dark: '30 58 95' },\n  'accent-foreground': { light: '13 65 127', dark: '147 197 253' },\n  warning: { light: '138 82 16', dark: '255 190 92' },\n  success: { light: '24 122 76', dark: '62 207 127' },\n  destructive: { light: '220 38 38', dark: '229 72 77' },\n} as const;\n\ntype TokenName = keyof typeof FALLBACK_CHANNELS;\n\n/**\n * Binds a token lookup to one `getComputedStyle` snapshot for the whole palette.\n * Built per call, never hoisted: the values move with the scheme and the brand.\n */\nconst tokenReader = (scheme: ResolvedColorScheme) => {\n  const resolve = createTokenResolver();\n  return (name: TokenName, alpha?: number): string =>\n    resolve(name, FALLBACK_CHANNELS[name][scheme], alpha);\n};\n\n/**\n * Palette for `beautiful-mermaid`'s synchronous renderer. It sets these as CSS\n * variables on the `<svg>` and derives everything else it needs from `bg` + `fg`\n * with `color-mix()` — which is why leaving them at the library defaults painted\n * a near-white node fill (#f8f8f8, mixed from a white `bg`) on a dark page.\n *\n * `transparent` keeps the page background showing through, so `bg` only feeds\n * those derivations; the node fill is pinned explicitly via `surface`.\n */\nexport const fastRenderOptions = (scheme: ResolvedColorScheme): RenderOptions => {\n  const token = tokenReader(scheme);\n\n  return {\n    bg: token('card'),\n    fg: token('foreground'),\n    line: token('border'),\n    accent: token('primary'),\n    muted: token('muted-foreground'),\n    surface: token('muted'),\n    border: token('border'),\n    transparent: true,\n    font: DIAGRAM_FONT,\n  };\n};\n\n/**\n * Config for the async `mermaid` renderer (the fallback for dialects the fast\n * renderer can't parse, and for icon-pack diagrams).\n *\n * Built on the `base` theme so every colour comes from `themeVariables` rather\n * than mermaid's own light/dark palettes. Node chrome maps to the `accent` pair\n * (a tinted surface with a legible foreground in both schemes), containers to\n * `card`, and the gantt/note states to the status tokens — consumed as a low\n * alpha tint plus a solid mark, per the brand-neutrality contract, since the\n * status tokens themselves are text-legible colours rather than fills.\n */\nexport const mermaidConfig = (scheme: ResolvedColorScheme): MermaidConfig => {\n  const token = tokenReader(scheme);\n\n  const surface = token('accent');\n  const onSurface = token('accent-foreground');\n  const container = token('card');\n  const onContainer = token('card-foreground');\n  const line = token('border');\n  const stroke = token('primary');\n  const text = token('foreground');\n\n  return {\n    startOnLoad: false,\n    securityLevel: 'strict',\n    theme: 'base',\n    themeVariables: {\n      darkMode: scheme === 'dark',\n      background: container,\n      primaryColor: surface,\n      primaryTextColor: onSurface,\n      primaryBorderColor: stroke,\n      secondaryColor: container,\n      secondaryTextColor: onContainer,\n      secondaryBorderColor: line,\n      tertiaryColor: token('warning', 0.15),\n      tertiaryTextColor: token('warning'),\n      tertiaryBorderColor: token('warning'),\n      lineColor: line,\n      textColor: text,\n      mainBkg: surface,\n      nodeBorder: stroke,\n      clusterBkg: container,\n      clusterBorder: line,\n      titleColor: text,\n      edgeLabelBackground: container,\n      nodeTextColor: onSurface,\n      actorBorder: stroke,\n      actorBkg: surface,\n      actorTextColor: onSurface,\n      actorLineColor: line,\n      signalColor: text,\n      signalTextColor: text,\n      labelBoxBkgColor: surface,\n      labelBoxBorderColor: stroke,\n      labelTextColor: onSurface,\n      loopTextColor: text,\n      noteBorderColor: token('warning'),\n      noteBkgColor: token('warning', 0.15),\n      noteTextColor: text,\n      sectionBkgColor: surface,\n      altSectionBkgColor: container,\n      sectionBkgColor2: token('muted'),\n      taskBorderColor: stroke,\n      taskBkgColor: surface,\n      taskTextColor: onSurface,\n      taskTextDarkColor: text,\n      taskTextLightColor: text,\n      activeTaskBorderColor: stroke,\n      activeTaskBkgColor: token('primary', 0.25),\n      doneTaskBorderColor: token('success'),\n      doneTaskBkgColor: token('success', 0.15),\n      critBorderColor: token('destructive'),\n      critBkgColor: token('destructive', 0.15),\n      fontFamily: DIAGRAM_FONT,\n      fontSize: '14px',\n    },\n  };\n};\n","// 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\n/**\n * Whether an SVG has drawn content, i.e. a non-degenerate viewBox.\n *\n * - beautiful-mermaid does not throw on every syntax it cannot lay out: an\n *   `erDiagram` entity whose quoted name contains a space (`\"sample (Copy)\"`)\n *   returns a well-formed SVG with `viewBox=\"0 0 0 0\"` and an empty `<defs>`.\n * - Such output is truthy, so it would be cached and rendered as an empty box,\n *   and the async mermaid renderer — which parses the same code fine — would\n *   never run.\n * - A missing viewBox counts as drawn: mermaid's own output is sized via\n *   width/height attributes on some diagram types.\n * - Only the ROOT `<svg>` is inspected. Icon-shape nodes embed their own inner\n *   `<svg>` / `<symbol>`, so an unanchored search reads a nested viewBox when the\n *   root carries none — discarding a diagram that had in fact been drawn. Same\n *   trap `makeResponsive` documents above.\n * - Either quote style is accepted, and whitespace around the `=`. Both current\n *   renderers emit `viewBox=\"…\"` exactly, so this is future-proofing rather than a\n *   live case: a miss reads as \"no viewBox\", i.e. drawn, silently restoring the\n *   empty-diagram bug.\n */\nconst ROOT_VIEWBOX =\n  /^\\s*<svg\\b[^>]*\\sviewBox\\s*=\\s*([\"'])\\s*[\\d.eE+-]+\\s+[\\d.eE+-]+\\s+([\\d.eE+-]+)\\s+([\\d.eE+-]+)\\s*\\1/i;\n\nexport const hasDrawnContent = (svg: string): boolean => {\n  const viewBox = svg.match(ROOT_VIEWBOX);\n  if (!viewBox) return true;\n  return Number(viewBox[2]) > 0 && Number(viewBox[3]) > 0;\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 type { ResolvedColorScheme } from '../../components/ThemeProvider/types';\nimport { useThemeAttributes } from '../../components/ThemeProvider/useThemeAttributes';\nimport { ZoomableSvg } from '../../components/ZoomableSvg';\nimport { cn } from '../../utils';\n\nimport { DiagramSkeleton } from './DiagramSkeleton';\nimport { fastRenderOptions, mermaidConfig } from './mermaidTheme';\nimport { flattenForeignObjectLabels, hasDrawnContent, makeResponsive } from './svgTransforms';\n\ntype MermaidModule = { default: typeof mermaid };\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        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, scheme: ResolvedColorScheme): string | null => {\n  if (hasIconSyntax(code)) return null;\n  try {\n    const svg = stripFontImports(renderMermaidSVG(code, fastRenderOptions(scheme)));\n    // A zero-sized result is a silent layout failure, not a diagram — take the\n    // async fallback rather than caching an empty box. See `hasDrawnContent`.\n    return hasDrawnContent(svg) ? svg : null;\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\n/**\n * Whether a mermaid parse error means \"ran out of input\" rather than \"bad syntax\".\n *\n * - Mermaid's jison parsers report the end of input as token `1`, so a source\n *   truncated mid-diagram — every intermediate frame of a streaming answer —\n *   fails with `hash.token === 1`.\n * - Genuinely invalid syntax fails on a real token (`'ONLY_ONE'`, …) instead.\n * - Only a lower bound: some truncations do land on a real token and read as\n *   invalid. Those fall through to the `<pre>` fallback for one frame and clear\n *   when the next chunk arrives, which is the pre-existing behaviour.\n */\nconst isTruncatedDiagram = (err: unknown): boolean =>\n  typeof err === 'object' && err !== null && 'hash' in err\n    ? (err as { hash?: { token?: unknown } }).hash?.token === 1\n    : false;\n\nconst RENDER_DEBOUNCE_MS = 300;\n\n// How long a truncated diagram is held as \"still arriving\" before it is shown as\n// source. Comfortably longer than the gap between streamed chunks, short enough\n// that an abandoned stream resolves while the reader is still looking at it.\nconst TRUNCATION_GRACE_MS = 2_000;\n\n// Module-level SVG cache — persists across component remounts (e.g. tab switches\n// that cause React to remount the tree). The colours are baked into the markup,\n// so the key is the code *plus* the theme key (scheme + brand): the same diagram\n// is a different SVG under a different colour scheme or brand.\nconst svgCache = new Map<string, string>();\n\nconst diagramCacheKey = (code: string, themeKey: string): string => `${themeKey}\\n${code}`;\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 = (\n  code: string,\n  cacheKey: string,\n  scheme: ResolvedColorScheme,\n): string | null => {\n  const cached = svgCache.get(cacheKey);\n  if (cached) return cached;\n  const fast = tryFastRender(code, scheme);\n  if (fast) svgCache.set(cacheKey, 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  // Re-renders whenever the active colour scheme or brand changes, so the\n  // diagram is re-rendered in the new palette instead of staying a light island\n  // on a dark page. The scheme comes out of the same read as the key, so the\n  // palette can never be resolved under one scheme and cached under the other —\n  // see `useThemeAttributes` for why the theme context is a step ahead of the\n  // CSS variables it stands for.\n  const { scheme, cacheKey: themeKey } = useThemeAttributes();\n  const cacheKey = diagramCacheKey(code, themeKey);\n\n  const [svg, setSvg] = useState<string | null>(() => resolveSyncSvg(code, cacheKey, scheme));\n  const [renderFailed, setRenderFailed] = useState(false);\n  const [truncated, setTruncated] = useState(false);\n  const debounceRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const renderIdRef = useRef(0);\n\n  // Synchronously reset stale state when the code or the theme changes, to avoid\n  // a one-frame flash of the previous diagram.\n  const [prevKey, setPrevKey] = useState(cacheKey);\n  if (cacheKey !== prevKey) {\n    setPrevKey(cacheKey);\n    setSvg(resolveSyncSvg(code, cacheKey, scheme));\n    setRenderFailed(false);\n    setTruncated(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 / theme change). Only the async fallback needs an effect.\n    if (svgCache.has(cacheKey)) 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          // Re-applied per render rather than once at import: `initialize` is the\n          // only way to change mermaid's palette, and the palette follows the\n          // active scheme/brand.\n          mermaidModule.default.initialize(mermaidConfig(scheme));\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(cacheKey, svgOutput);\n              setSvg(svgOutput);\n              setRenderFailed(false);\n              setTruncated(false);\n            }\n          } finally {\n            container.remove();\n          }\n        })\n        .catch((err: unknown) => {\n          if (renderIdRef.current !== currentRenderId) return;\n          setSvg(null);\n          // A diagram arriving a chunk at a time is invalid at almost every\n          // intermediate length, so a truncation is treated as \"not ready\" and\n          // holds the skeleton instead of the raw-code `<pre>`. It is held for a\n          // bounded wait, not indefinitely: a stream that dies mid-entity — or a\n          // diagram a user simply left unterminated — never gets a next chunk, and\n          // a skeleton that stays forever is worse than showing the source. The\n          // timer is cleared by the effect teardown, so any further chunk cancels\n          // it and re-renders.\n          if (isTruncatedDiagram(err)) {\n            console.debug('[MermaidDiagram] incomplete diagram, awaiting more input:', err);\n            setTruncated(true);\n            return;\n          }\n          console.error('[MermaidDiagram] fallback failed:', err);\n          setRenderFailed(true);\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  }, [cacheKey, code, id, scheme]);\n\n  // A truncated diagram is held as \"still arriving\" for a bounded wait, not\n  // indefinitely: a stream that dies mid-entity — or a diagram a user left\n  // unterminated — never sends another chunk, and a skeleton that stays forever\n  // is worse than showing the source. Any further chunk changes `code`, which\n  // resets `truncated` and tears this timer down.\n  useEffect(() => {\n    if (!truncated) return;\n    const timer = setTimeout(() => setRenderFailed(true), TRUNCATION_GRACE_MS);\n    return () => clearTimeout(timer);\n  }, [truncated, cacheKey]);\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-muted',\n          'tw:rounded-md tw:text-muted-foreground',\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-MODE4QIA.js

@@ -0,0 +1,6 @@
+// src/utils/escapeStringRegexp.ts
+var escapeStringRegexp = (string) => string.replace(/[|\\{}()[\]^$+*?.]/g, "\\$&").replace(/-/g, "\\x2d");
+
+export { escapeStringRegexp };
+//# sourceMappingURL=chunk-MODE4QIA.js.map
+//# sourceMappingURL=chunk-MODE4QIA.js.map

package/dist/chunk-MODE4QIA.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/utils/escapeStringRegexp.ts"],"names":[],"mappings":";AAEO,IAAM,kBAAA,GAAqB,CAAC,MAAA,KACjC,MAAA,CAAO,OAAA,CAAQ,uBAAuB,MAAM,CAAA,CAAE,OAAA,CAAQ,IAAA,EAAM,OAAO","file":"chunk-MODE4QIA.js","sourcesContent":["// 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"]}

package/dist/chunk-MVILMVGG.js

@@ -0,0 +1,118 @@
+import { Collapsible } from './chunk-FVPGQ6UE.js';
+import { ChevronDown } from './chunk-RQVK4IYC.js';
+import { keyCodes } from './chunk-SWQFYNYG.js';
+import { cn } from './chunk-LXLIQ2D6.js';
+import { useState } from 'react';
+import { cva } from 'class-variance-authority';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var headerVariants = cva(
+  "tw:flex tw:flex-1 tw:items-center tw:gap-2 tw:rounded tw:px-4 tw:py-2.5 tw:text-sm tw:text-muted-foreground",
+  {
+    variants: {
+      variant: {
+        default: "tw:bg-muted",
+        white: "tw:bg-card"
+      },
+      isDisabled: {
+        true: "tw:cursor-not-allowed tw:opacity-50",
+        false: ""
+      },
+      hasEnforcedState: {
+        true: "",
+        false: ""
+      }
+    },
+    compoundVariants: [
+      {
+        isDisabled: false,
+        hasEnforcedState: false,
+        class: "tw:cursor-pointer tw:hover:text-primary"
+      }
+    ],
+    defaultVariants: {
+      variant: "default",
+      isDisabled: false,
+      hasEnforcedState: false
+    }
+  }
+);
+var CollapsiblePanel = ({
+  header,
+  className,
+  bodyClassName,
+  headerClassName,
+  defaultExpanded = false,
+  isDisabled = false,
+  children,
+  isOpen,
+  onToggle,
+  variant = "default"
+}) => {
+  const [isUncontrolledOpen, setIsUncontrolledOpen] = useState(defaultExpanded);
+  const open = isOpen ?? isUncontrolledOpen;
+  const hasEnforcedState = isOpen !== void 0 && onToggle === void 0;
+  const handleCollapse = (event) => {
+    if (event) {
+      event.stopPropagation();
+    }
+    if (!isDisabled) {
+      setIsUncontrolledOpen(!isUncontrolledOpen);
+    }
+  };
+  const handleClick = (e) => {
+    if (onToggle) {
+      onToggle(e);
+      return;
+    }
+    handleCollapse(e);
+  };
+  const handleKeyUp = (e) => {
+    if ([keyCodes.ENTER, keyCodes.SPACE].includes(e.key)) {
+      handleClick(e);
+    }
+  };
+  return (
+    // `header` is caller-supplied and routinely contains its own buttons, so the toggle stays on
+    // this wrapper — `Collapsible.Trigger` renders a `<button>` and would nest them.
+    /* @__PURE__ */ jsxs(
+      Collapsible,
+      {
+        open,
+        className: cn(
+          "tw:group tw:flex tw:flex-col tw:rounded tw:!border tw:!border-solid tw:!border-border tw:bg-card",
+          className
+        ),
+        children: [
+          /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: cn(headerVariants({ variant, isDisabled, hasEnforcedState }), headerClassName),
+              ...!hasEnforcedState && !isDisabled && {
+                role: "button",
+                tabIndex: 0,
+                onClick: handleClick,
+                onKeyUp: handleKeyUp
+              },
+              children: [
+                /* @__PURE__ */ jsx("div", { className: "tw:flex tw:flex-1 tw:items-center tw:gap-2 tw:py-px tw:text-sm tw:font-medium tw:text-foreground", children: header }),
+                !isDisabled && /* @__PURE__ */ jsx("div", { className: "tw:ml-auto tw:shrink-0", children: /* @__PURE__ */ jsx(
+                  ChevronDown,
+                  {
+                    "data-state": open ? "open" : "closed",
+                    className: "tw:size-5 tw:data-[state=open]:rotate-180"
+                  }
+                ) })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx(Collapsible.Content, { children: /* @__PURE__ */ jsx("div", { className: cn("tw:px-4 tw:py-3", bodyClassName), children }) })
+        ]
+      }
+    )
+  );
+};
+
+export { CollapsiblePanel };
+//# sourceMappingURL=chunk-MVILMVGG.js.map
+//# sourceMappingURL=chunk-MVILMVGG.js.map

package/dist/chunk-MVILMVGG.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/CollapsiblePanel.tsx"],"names":[],"mappings":"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","file":"chunk-MVILMVGG.js","sourcesContent":["import { useState } from 'react';\nimport type { KeyboardEvent, MouseEvent, ReactNode } from 'react';\nimport { cva } from 'class-variance-authority';\n\nimport { keyCodes } from '../constants/keyCodes';\nimport { ChevronDown } from '../icons';\nimport { cn } from '../utils';\n\nimport { Collapsible } from './Collapsible';\n\nconst headerVariants = cva(\n  'tw:flex tw:flex-1 tw:items-center tw:gap-2 tw:rounded tw:px-4 tw:py-2.5 tw:text-sm tw:text-muted-foreground',\n  {\n    variants: {\n      variant: {\n        default: 'tw:bg-muted',\n        white: 'tw:bg-card',\n      },\n      isDisabled: {\n        true: 'tw:cursor-not-allowed tw:opacity-50',\n        false: '',\n      },\n      hasEnforcedState: {\n        true: '',\n        false: '',\n      },\n    },\n    compoundVariants: [\n      {\n        isDisabled: false,\n        hasEnforcedState: false,\n        class: 'tw:cursor-pointer tw:hover:text-primary',\n      },\n    ],\n    defaultVariants: {\n      variant: 'default',\n      isDisabled: false,\n      hasEnforcedState: false,\n    },\n  },\n);\n\ntype Props = {\n  header: ReactNode;\n  isDisabled?: boolean;\n  defaultExpanded?: boolean;\n  className?: string;\n  bodyClassName?: string;\n  headerClassName?: string;\n  isOpen?: boolean;\n  onToggle?: (event?: MouseEvent<HTMLDivElement> | KeyboardEvent<HTMLDivElement>) => void;\n  variant?: 'default' | 'white';\n  children: ReactNode;\n};\n\nexport const CollapsiblePanel = ({\n  header,\n  className,\n  bodyClassName,\n  headerClassName,\n  defaultExpanded = false,\n  isDisabled = false,\n  children,\n  isOpen,\n  onToggle,\n  variant = 'default',\n}: Props) => {\n  const [isUncontrolledOpen, setIsUncontrolledOpen] = useState(defaultExpanded);\n  const open = isOpen ?? isUncontrolledOpen;\n  const hasEnforcedState = isOpen !== undefined && onToggle === undefined;\n\n  const handleCollapse = (event: MouseEvent<HTMLDivElement> | KeyboardEvent<HTMLDivElement>) => {\n    if (event) {\n      event.stopPropagation();\n    }\n    if (!isDisabled) {\n      setIsUncontrolledOpen(!isUncontrolledOpen);\n    }\n  };\n\n  const handleClick = (e: MouseEvent<HTMLDivElement> | KeyboardEvent<HTMLDivElement>) => {\n    if (onToggle) {\n      onToggle(e);\n      return;\n    }\n    handleCollapse(e);\n  };\n\n  const handleKeyUp = (e: KeyboardEvent<HTMLDivElement>) => {\n    if ([keyCodes.ENTER, keyCodes.SPACE].includes(e.key)) {\n      handleClick(e);\n    }\n  };\n\n  return (\n    // `header` is caller-supplied and routinely contains its own buttons, so the toggle stays on\n    // this wrapper — `Collapsible.Trigger` renders a `<button>` and would nest them.\n    <Collapsible\n      open={open}\n      className={cn(\n        'tw:group tw:flex tw:flex-col tw:rounded tw:!border tw:!border-solid tw:!border-border tw:bg-card',\n        className,\n      )}\n    >\n      <div\n        className={cn(headerVariants({ variant, isDisabled, hasEnforcedState }), headerClassName)}\n        {...(!hasEnforcedState &&\n          !isDisabled && {\n            role: 'button',\n            tabIndex: 0,\n            onClick: handleClick,\n            onKeyUp: handleKeyUp,\n          })}\n      >\n        <div className=\"tw:flex tw:flex-1 tw:items-center tw:gap-2 tw:py-px tw:text-sm tw:font-medium tw:text-foreground\">\n          {header}\n        </div>\n        {!isDisabled && (\n          <div className=\"tw:ml-auto tw:shrink-0\">\n            {/* `group-*` matches *any* ancestor `.group`, so a nested panel's chevron would\n                follow the outer panel's state. */}\n            <ChevronDown\n              data-state={open ? 'open' : 'closed'}\n              className=\"tw:size-5 tw:data-[state=open]:rotate-180\"\n            />\n          </div>\n        )}\n      </div>\n      <Collapsible.Content>\n        <div className={cn('tw:px-4 tw:py-3', bodyClassName)}>{children}</div>\n      </Collapsible.Content>\n    </Collapsible>\n  );\n};\n"]}

package/dist/chunk-MWS4VCLV.js

@@ -0,0 +1,17 @@
+import { useState, useCallback } from 'react';
+
+// src/hooks/useElement.ts
+var useElement = () => {
+  const [element, _setElement] = useState(null);
+  const setElement = useCallback((node) => {
+    _setElement((prev) => {
+      if (prev !== null) return prev;
+      return node;
+    });
+  }, []);
+  return [element, setElement];
+};
+
+export { useElement };
+//# sourceMappingURL=chunk-MWS4VCLV.js.map
+//# sourceMappingURL=chunk-MWS4VCLV.js.map

package/dist/chunk-MWS4VCLV.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/hooks/useElement.ts"],"names":[],"mappings":";;;AAGO,IAAM,aAAa,MAAM;AAC9B,EAAA,MAAM,CAAC,OAAA,EAAS,WAAW,CAAA,GAAI,SAA6B,IAAI,CAAA;AAEhE,EAAA,MAAM,UAAA,GAAa,WAAA,CAAY,CAAC,IAAA,KAA6B;AAC3D,IAAA,WAAA,CAAY,CAAC,IAAA,KAAS;AAEpB,MAAA,IAAI,IAAA,KAAS,MAAM,OAAO,IAAA;AAC1B,MAAA,OAAO,IAAA;AAAA,IACT,CAAC,CAAA;AAAA,EACH,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,OAAO,CAAC,SAAS,UAAU,CAAA;AAC7B","file":"chunk-MWS4VCLV.js","sourcesContent":["import { useCallback, useState } from 'react';\n\n// This hook is used to set an element reference and ensure that it only updates once, when element is first set.\nexport const useElement = () => {\n  const [element, _setElement] = useState<HTMLElement | null>(null);\n\n  const setElement = useCallback((node: HTMLElement | null) => {\n    _setElement((prev) => {\n      // Only update if not already set\n      if (prev !== null) return prev;\n      return node;\n    });\n  }, []);\n\n  return [element, setElement] as const;\n};\n"]}

package/dist/chunk-NEUX74SO.js

@@ -0,0 +1,315 @@
+import { ModalOverlay, ModalTitle, ModalDescription } from './chunk-KZVC7OYG.js';
+import { Separator } from './chunk-6DUMGC7Y.js';
+import { Button } from './chunk-IXAYNBOY.js';
+import { X } from './chunk-RQVK4IYC.js';
+import { useArgoDesign } from './chunk-WETKNYZX.js';
+import { cn } from './chunk-LXLIQ2D6.js';
+import { Root, Close, Trigger, Portal, Content } from '@radix-ui/react-dialog';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useState, useEffect } from 'react';
+
+var ModalBody = ({ className, ...props }) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    "data-slot": "modal-body",
+    className: cn(
+      // scrollable body - takes available space and scrolls when content overflows
+      "tw:flex-1",
+      "tw:overflow-y-auto",
+      // argo: soft top/bottom edge fade in place of header/footer separators (pure-CSS utility)
+      "tw:group-data-[argo=true]/modal:scroll-fade-y",
+      // Own horizontal padding, matching Header/Footer so content edges align (ModalContent adds none)
+      "tw:group-data-[argo=false]/modal:px-7",
+      "tw:group-data-[argo=true]/modal:px-4",
+      "tw:py-1",
+      // normalize nested Lucide icon sizing, matching Popover/HoverCard/Alert content surfaces
+      "tw:[&_svg.lucide:not([class*='tw:size-'])]:size-4",
+      "tw:[&_svg]:shrink-0",
+      className
+    ),
+    ...props
+  }
+);
+var ModalContent = ({
+  size = "medium",
+  className,
+  children,
+  onEscapeKeyDown,
+  ...props
+}) => {
+  const renderArgo = useArgoDesign();
+  const handleEscapeKeyDown = (event) => {
+    event.stopPropagation();
+    onEscapeKeyDown?.(event);
+  };
+  return /* @__PURE__ */ jsx(Portal, { children: /* @__PURE__ */ jsx(ModalOverlay, { children: /* @__PURE__ */ jsx(
+    Content,
+    {
+      ...props,
+      "data-argo": renderArgo,
+      "data-size": size,
+      className: cn(
+        "tailwindcss-preflight",
+        "tw:group/modal",
+        // positioning - horizontally centered; vertical anchor depends on the design language
+        "tw:fixed",
+        "tw:left-1/2",
+        "tw:-translate-x-1/2",
+        "tw:z-[1051]",
+        // legacy: anchored near the top; argo: centered in the viewport (like AlertModal)
+        "tw:data-[argo=false]:top-20",
+        "tw:data-[argo=true]:top-1/2",
+        "tw:data-[argo=true]:-translate-y-1/2",
+        // sizing - responsive max dimensions
+        "tw:w-full",
+        "tw:max-w-2xl",
+        "tw:max-h-[calc(100vh-2*theme(spacing.20))]",
+        // layout
+        "tw:flex",
+        "tw:flex-col",
+        "tw:gap-4",
+        "tw:data-[argo=false]:rounded-lg",
+        "tw:data-[argo=true]:rounded-3xl",
+        "tw:bg-card",
+        "tw:text-card-foreground",
+        // Vertical (edge) padding lives here so it survives an omitted Header or Footer.
+        // Horizontal padding is owned by Header / Body / Footer, so the Body runs full-bleed and
+        // its scrollbar sits at the modal edge (see ModalBody).
+        "tw:data-[argo=false]:py-8",
+        "tw:data-[argo=true]:py-4",
+        // animation — shared
+        "tw:duration-200",
+        "tw:data-[state=open]:animate-in",
+        "tw:data-[state=open]:fade-in-0",
+        "tw:data-[state=closed]:animate-out",
+        "tw:data-[state=closed]:fade-out-0",
+        // NOTE: no `slide-*-left-1/2` (both) or argo `slide-*-top-1/2`. Those re-pinned the
+        // -50%/-50% centring during the animation under v3, where centring and the animation
+        // shared the `transform` property (the animation overrode it). Under v4 the centring
+        // uses the `translate` PROPERTY while tw-animate-css animates `transform` — they compose
+        // instead of overriding, so a -50% enter-translate stacks on the -50% centring (= -100%)
+        // and the modal flies in from the top-left. Centring now persists on its own, so we
+        // animate transform-only (zoom + fade) and the modal stays put.
+        // legacy: slide-down + zoom (top-anchored via `top-20`, so no `translate-y` to double)
+        "tw:data-[argo=false]:data-[state=open]:zoom-in-80",
+        "tw:data-[argo=false]:data-[state=open]:slide-in-from-top-[48%]",
+        "tw:data-[argo=false]:data-[state=closed]:zoom-out-80",
+        "tw:data-[argo=false]:data-[state=closed]:slide-out-to-top-[48%]",
+        // argo: pop from the centre — zoom only
+        "tw:data-[argo=true]:data-[state=open]:zoom-in-95",
+        "tw:data-[argo=true]:data-[state=closed]:zoom-out-95",
+        {
+          "tw:max-w-[480px]": size === "small",
+          "tw:max-w-4xl": size === "large"
+        },
+        className
+      ),
+      onEscapeKeyDown: handleEscapeKeyDown,
+      children
+    }
+  ) }) });
+};
+var ModalFooter = ({ className, ...props }) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    ...props,
+    className: cn(
+      // Own horizontal padding (ModalContent owns the vertical edge padding)
+      "tw:group-data-[argo=false]/modal:px-7",
+      "tw:group-data-[argo=true]/modal:px-4",
+      className
+    )
+  }
+);
+var ModalActions = ({ className, ...props }) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    className: cn(
+      "tw:col-start-3",
+      "tw:row-start-1",
+      "tw:self-start",
+      "tw:flex",
+      "tw:items-center",
+      "tw:gap-1",
+      // argo: gutter separating the actions/close from the title (carried here so the grid needs no
+      // column gap — see ModalHeader)
+      "tw:group-data-[argo=true]/modal:ml-3",
+      className
+    ),
+    ...props
+  }
+);
+var ModalHeader = ({
+  className,
+  icon,
+  description,
+  "aria-description": ariaDescription,
+  actions,
+  hideCloseIcon = false,
+  children,
+  ...props
+}) => /* @__PURE__ */ jsxs(
+  "div",
+  {
+    ...props,
+    "data-slot": "modal-header",
+    className: cn(
+      "tw:grid",
+      "tw:grid-cols-[auto_1fr_auto]",
+      "tw:items-center",
+      "tw:group-data-[argo=false]/modal:px-7",
+      "tw:group-data-[argo=true]/modal:px-4",
+      className
+    ),
+    children: [
+      icon,
+      children && /* @__PURE__ */ jsx(ModalTitle, { className: "tw:col-start-2 tw:row-start-1", children }),
+      (actions || !hideCloseIcon) && /* @__PURE__ */ jsxs(ModalActions, { children: [
+        actions,
+        !hideCloseIcon && /* @__PURE__ */ jsx(Close, { asChild: true, children: /* @__PURE__ */ jsxs(Button, { variant: "invisible", size: "icon-sm", children: [
+          /* @__PURE__ */ jsx(X, {}),
+          /* @__PURE__ */ jsx("span", { className: "tw:sr-only", children: "Close" })
+        ] }) })
+      ] }),
+      (description || ariaDescription) && /* @__PURE__ */ jsx(
+        ModalDescription,
+        {
+          className: cn(
+            "tw:col-start-1",
+            "tw:col-end-4",
+            "tw:row-start-2",
+            description ? "tw:mt-1" : "tw:sr-only"
+          ),
+          children: description ?? ariaDescription
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: cn(
+            "tw:col-start-1",
+            "tw:col-end-4",
+            "tw:mt-5",
+            "tw:hidden",
+            "tw:group-data-[argo=false]/modal:[[data-slot=modal-header]:has(~[data-slot=modal-body])_&]:block",
+            "tw:group-data-[argo=false]/modal:[[data-slot=modal-header]:has(~[data-slot=modal-body]_[data-slot=tabs-root])_&]:!hidden"
+          ),
+          children: /* @__PURE__ */ jsx(Separator, { orientation: "horizontal" })
+        }
+      )
+    ]
+  }
+);
+var NAMED_COLORS = /* @__PURE__ */ new Set(["orange", "blue", "red", "green", "gray", "violet"]);
+var ModalIcon = ({ color, icon }) => {
+  const customColor = color && !NAMED_COLORS.has(color) ? color : void 0;
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      "data-slot": "modal-icon",
+      className: cn(
+        "tw:flex",
+        "tw:shrink-0",
+        "tw:items-center",
+        "tw:justify-center",
+        "tw:[&_svg]:aspect-square",
+        // legacy: solid-filled circular badge floating at the modal's top-left
+        "tw:group-data-[argo=false]/modal:absolute",
+        "tw:group-data-[argo=false]/modal:top-0",
+        "tw:group-data-[argo=false]/modal:left-8",
+        "tw:group-data-[argo=false]/modal:-translate-y-1/2",
+        "tw:group-data-[argo=false]/modal:size-12",
+        "tw:group-data-[argo=false]/modal:rounded-full",
+        'tw:group-data-[argo=false]/modal:[&_svg:not([class*="tw:size-"])]:size-6',
+        // argo: soft-tinted inline badge in the header grid's first column
+        "tw:group-data-[argo=true]/modal:col-start-1",
+        "tw:group-data-[argo=true]/modal:row-start-1",
+        "tw:group-data-[argo=true]/modal:self-start",
+        "tw:group-data-[argo=true]/modal:mr-3",
+        "tw:group-data-[argo=true]/modal:size-8",
+        "tw:group-data-[argo=true]/modal:rounded",
+        "tw:group-data-[argo=true]/modal:overflow-hidden",
+        'tw:group-data-[argo=true]/modal:[&_svg:not([class*="tw:size-"])]:size-5',
+        // legacy palette: solid fill + white glyph (violet is the exception — tinted)
+        {
+          "tw:group-data-[argo=false]/modal:bg-warning-500": color === "orange",
+          "tw:group-data-[argo=false]/modal:bg-blue-500": color === "blue",
+          "tw:group-data-[argo=false]/modal:bg-green-500": color === "green",
+          "tw:group-data-[argo=false]/modal:bg-error-500": color === "red",
+          "tw:group-data-[argo=false]/modal:bg-neutral-150": color === "gray",
+          "tw:group-data-[argo=false]/modal:bg-purple-100": color === "violet",
+          "tw:group-data-[argo=false]/modal:text-white": color !== "violet",
+          "tw:group-data-[argo=false]/modal:text-purple-500": color === "violet"
+        },
+        // argo palette: soft tint + matching glyph colour
+        {
+          "tw:group-data-[argo=true]/modal:bg-warning-100 tw:group-data-[argo=true]/modal:text-warning-500": color === "orange",
+          "tw:group-data-[argo=true]/modal:bg-blue-100 tw:group-data-[argo=true]/modal:text-blue-600": color === "blue",
+          "tw:group-data-[argo=true]/modal:bg-green-100 tw:group-data-[argo=true]/modal:text-green-900": color === "green",
+          "tw:group-data-[argo=true]/modal:bg-error-100 tw:group-data-[argo=true]/modal:text-error-500": color === "red",
+          "tw:group-data-[argo=true]/modal:bg-neutral-100 tw:group-data-[argo=true]/modal:text-neutral-500": color === "gray",
+          "tw:group-data-[argo=true]/modal:bg-purple-100 tw:group-data-[argo=true]/modal:text-purple-500": color === "violet"
+        },
+        // custom (non-named) colour: caller-provided fill + white glyph
+        { "tw:text-white": !!customColor }
+      ),
+      style: customColor ? { backgroundColor: customColor } : void 0,
+      children: icon
+    }
+  );
+};
+var ModalImage = ({ src, alt = "" }) => {
+  const [hasImageError, setHasImageError] = useState(false);
+  useEffect(() => setHasImageError(false), [src]);
+  if (hasImageError) return null;
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      "data-slot": "modal-image",
+      className: cn(
+        "tw:shrink-0",
+        "tw:overflow-hidden",
+        // legacy: circular badge floating at the top-left of the modal
+        "tw:group-data-[argo=false]/modal:absolute",
+        "tw:group-data-[argo=false]/modal:top-0",
+        "tw:group-data-[argo=false]/modal:left-8",
+        "tw:group-data-[argo=false]/modal:-translate-y-1/2",
+        "tw:group-data-[argo=false]/modal:size-12",
+        "tw:group-data-[argo=false]/modal:rounded-full",
+        // argo: inline badge in the header grid's first column
+        "tw:group-data-[argo=true]/modal:flex",
+        "tw:group-data-[argo=true]/modal:col-start-1",
+        "tw:group-data-[argo=true]/modal:row-start-1",
+        "tw:group-data-[argo=true]/modal:self-start",
+        "tw:group-data-[argo=true]/modal:mr-3",
+        "tw:group-data-[argo=true]/modal:items-center",
+        "tw:group-data-[argo=true]/modal:justify-center",
+        "tw:group-data-[argo=true]/modal:rounded",
+        "tw:group-data-[argo=true]/modal:size-8"
+      ),
+      children: /* @__PURE__ */ jsx(
+        "img",
+        {
+          src,
+          alt,
+          className: "tw:size-full tw:object-contain",
+          onError: () => setHasImageError(true)
+        }
+      )
+    }
+  );
+};
+var Modal = (props) => /* @__PURE__ */ jsx(Root, { ...props });
+Modal.Close = Close;
+Modal.Trigger = Trigger;
+Modal.Content = ModalContent;
+Modal.Body = ModalBody;
+Modal.Icon = ModalIcon;
+Modal.Image = ModalImage;
+Modal.Footer = ModalFooter;
+Modal.Header = ModalHeader;
+Modal.Overlay = ModalOverlay;
+
+export { Modal };
+//# sourceMappingURL=chunk-NEUX74SO.js.map
+//# sourceMappingURL=chunk-NEUX74SO.js.map

package/dist/chunk-NEUX74SO.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Modal/ModalBody.tsx","../src/components/Modal/ModalContent.tsx","../src/components/Modal/ModalFooter.tsx","../src/components/Modal/ModalActions.tsx","../src/components/Modal/ModalHeader.tsx","../src/components/Modal/ModalIcon.tsx","../src/components/Modal/ModalImage.tsx","../src/components/Modal/Modal.tsx"],"names":["jsx","Close"],"mappings":"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","file":"chunk-NEUX74SO.js","sourcesContent":["import type { ComponentProps } from 'react';\n\nimport { cn } from '../../utils';\n\n/** Props for `Modal.Body`. Accepts all `<div>` attributes; `as=\"form\"` is reserved for future use. */\ntype Props = ComponentProps<'div'> & {\n  as?: 'form';\n};\n\n/**\n * Scrollable body slot for `Modal`. Place form fields, content blocks, or detail panels here.\n * Takes available height inside `Modal.Content` and scrolls when content overflows.\n */\nexport const ModalBody = ({ className, ...props }: Props) => (\n  <div\n    data-slot=\"modal-body\"\n    className={cn(\n      // scrollable body - takes available space and scrolls when content overflows\n      'tw:flex-1',\n      'tw:overflow-y-auto',\n\n      // argo: soft top/bottom edge fade in place of header/footer separators (pure-CSS utility)\n      'tw:group-data-[argo=true]/modal:scroll-fade-y',\n\n      // Own horizontal padding, matching Header/Footer so content edges align (ModalContent adds none)\n      'tw:group-data-[argo=false]/modal:px-7',\n      'tw:group-data-[argo=true]/modal:px-4',\n      'tw:py-1',\n\n      // normalize nested Lucide icon sizing, matching Popover/HoverCard/Alert content surfaces\n      \"tw:[&_svg.lucide:not([class*='tw:size-'])]:size-4\",\n      'tw:[&_svg]:shrink-0',\n      className,\n    )}\n    {...props}\n  />\n);\n","import type { ComponentProps } from 'react';\nimport { Content, Portal } from '@radix-ui/react-dialog';\n\nimport { cn } from '../../utils';\nimport { useArgoDesign } from '../ThemeProvider/context';\n\nimport { ModalOverlay } from './ModalOverlay';\n\ntype Props = ComponentProps<typeof Content> & {\n  size?: 'small' | 'medium' | 'large';\n};\n\nexport const ModalContent = ({\n  size = 'medium',\n  className,\n  children,\n  onEscapeKeyDown,\n  ...props\n}: Props) => {\n  const renderArgo = useArgoDesign();\n\n  const handleEscapeKeyDown: typeof onEscapeKeyDown = (event) => {\n    // Stop propagation to prevent parent modals (like FullScreenModal) from closing\n    event.stopPropagation();\n    onEscapeKeyDown?.(event);\n  };\n\n  return (\n    <Portal>\n      <ModalOverlay>\n        <Content\n          // props first so callers can't override the computed data-argo / data-size\n          {...props}\n          data-argo={renderArgo}\n          data-size={size}\n          className={cn(\n            'tailwindcss-preflight',\n            'tw:group/modal',\n\n            // positioning - horizontally centered; vertical anchor depends on the design language\n            'tw:fixed',\n            'tw:left-1/2',\n            'tw:-translate-x-1/2',\n            'tw:z-[1051]',\n\n            // legacy: anchored near the top; argo: centered in the viewport (like AlertModal)\n            'tw:data-[argo=false]:top-20',\n            'tw:data-[argo=true]:top-1/2',\n            'tw:data-[argo=true]:-translate-y-1/2',\n\n            // sizing - responsive max dimensions\n            'tw:w-full',\n            'tw:max-w-2xl',\n            'tw:max-h-[calc(100vh-2*theme(spacing.20))]',\n\n            // layout\n            'tw:flex',\n            'tw:flex-col',\n            'tw:gap-4',\n            'tw:data-[argo=false]:rounded-lg',\n            'tw:data-[argo=true]:rounded-3xl',\n            'tw:bg-card',\n            'tw:text-card-foreground',\n\n            // Vertical (edge) padding lives here so it survives an omitted Header or Footer.\n            // Horizontal padding is owned by Header / Body / Footer, so the Body runs full-bleed and\n            // its scrollbar sits at the modal edge (see ModalBody).\n            'tw:data-[argo=false]:py-8',\n            'tw:data-[argo=true]:py-4',\n\n            // animation — shared\n            'tw:duration-200',\n            'tw:data-[state=open]:animate-in',\n            'tw:data-[state=open]:fade-in-0',\n            'tw:data-[state=closed]:animate-out',\n            'tw:data-[state=closed]:fade-out-0',\n\n            // NOTE: no `slide-*-left-1/2` (both) or argo `slide-*-top-1/2`. Those re-pinned the\n            // -50%/-50% centring during the animation under v3, where centring and the animation\n            // shared the `transform` property (the animation overrode it). Under v4 the centring\n            // uses the `translate` PROPERTY while tw-animate-css animates `transform` — they compose\n            // instead of overriding, so a -50% enter-translate stacks on the -50% centring (= -100%)\n            // and the modal flies in from the top-left. Centring now persists on its own, so we\n            // animate transform-only (zoom + fade) and the modal stays put.\n\n            // legacy: slide-down + zoom (top-anchored via `top-20`, so no `translate-y` to double)\n            'tw:data-[argo=false]:data-[state=open]:zoom-in-80',\n            'tw:data-[argo=false]:data-[state=open]:slide-in-from-top-[48%]',\n            'tw:data-[argo=false]:data-[state=closed]:zoom-out-80',\n            'tw:data-[argo=false]:data-[state=closed]:slide-out-to-top-[48%]',\n\n            // argo: pop from the centre — zoom only\n            'tw:data-[argo=true]:data-[state=open]:zoom-in-95',\n            'tw:data-[argo=true]:data-[state=closed]:zoom-out-95',\n\n            {\n              'tw:max-w-[480px]': size === 'small',\n              'tw:max-w-4xl': size === 'large',\n            },\n\n            className,\n          )}\n          onEscapeKeyDown={handleEscapeKeyDown}\n        >\n          {children}\n        </Content>\n      </ModalOverlay>\n    </Portal>\n  );\n};\n","import type { ComponentPropsWithRef } from 'react';\n\nimport { cn } from '../../utils';\n\ntype Props = ComponentPropsWithRef<'div'>;\n\nexport const ModalFooter = ({ className, ...props }: Props) => (\n  <div\n    {...props}\n    className={cn(\n      // Own horizontal padding (ModalContent owns the vertical edge padding)\n      'tw:group-data-[argo=false]/modal:px-7',\n      'tw:group-data-[argo=true]/modal:px-4',\n      className,\n    )}\n  />\n);\n","import type { ComponentProps } from 'react';\n\nimport { cn } from '../../utils';\n\ntype Props = ComponentProps<'div'>;\n\n/**\n * Container for the header's top-right controls — any `actions` passed to `Modal.Header` plus the\n * close icon. Sits in the header grid's last column, top-aligned. Mirrors `Alert`'s action slot.\n */\nexport const ModalActions = ({ className, ...props }: Props) => (\n  <div\n    className={cn(\n      'tw:col-start-3',\n      'tw:row-start-1',\n      'tw:self-start',\n      'tw:flex',\n      'tw:items-center',\n      'tw:gap-1',\n      // argo: gutter separating the actions/close from the title (carried here so the grid needs no\n      // column gap — see ModalHeader)\n      'tw:group-data-[argo=true]/modal:ml-3',\n      className,\n    )}\n    {...props}\n  />\n);\n","import type { ComponentProps, ReactNode } from 'react';\nimport { Close } from '@radix-ui/react-dialog';\n\nimport { X } from '../../icons';\nimport { cn } from '../../utils';\nimport { Button } from '../Button';\nimport { Separator } from '../Separator';\n\nimport { ModalActions } from './ModalActions';\nimport { ModalDescription } from './ModalDescription';\nimport { ModalTitle } from './ModalTitle';\n\ntype Props = {\n  /** Status icon slot — `<Modal.Icon />` or `<Modal.Image />`. */\n  icon?: ReactNode;\n  /** Visible subtitle below the title (also fills `aria-describedby`). */\n  description?: ReactNode;\n  /** Screen-reader-only description; fills `aria-describedby` without rendering visibly. */\n  'aria-description'?: string;\n  /** Controls rendered top-right, before the close icon. */\n  actions?: ReactNode;\n  /** Hide the top-right close icon. */\n  hideCloseIcon?: boolean;\n} & ComponentProps<'div'>;\n\n/** Modal header: `[icon] | title (children) | actions + close` on row 1, `description` on row 2. */\nexport const ModalHeader = ({\n  className,\n  icon,\n  description,\n  'aria-description': ariaDescription,\n  actions,\n  hideCloseIcon = false,\n  children,\n  ...props\n}: Props) => (\n  <div\n    {...props}\n    data-slot=\"modal-header\"\n    className={cn(\n      'tw:grid',\n      'tw:grid-cols-[auto_1fr_auto]',\n      'tw:items-center',\n      'tw:group-data-[argo=false]/modal:px-7',\n      'tw:group-data-[argo=true]/modal:px-4',\n      className,\n    )}\n  >\n    {icon}\n\n    {children && <ModalTitle className=\"tw:col-start-2 tw:row-start-1\">{children}</ModalTitle>}\n    {(actions || !hideCloseIcon) && (\n      <ModalActions>\n        {actions}\n        {!hideCloseIcon && (\n          <Close asChild>\n            <Button variant=\"invisible\" size=\"icon-sm\">\n              <X />\n              <span className=\"tw:sr-only\">Close</span>\n            </Button>\n          </Close>\n        )}\n      </ModalActions>\n    )}\n    {(description || ariaDescription) && (\n      <ModalDescription\n        className={cn(\n          'tw:col-start-1',\n          'tw:col-end-4',\n          'tw:row-start-2',\n          description ? 'tw:mt-1' : 'tw:sr-only',\n        )}\n      >\n        {description ?? ariaDescription}\n      </ModalDescription>\n    )}\n\n    {/* Legacy-only separator; shown when a Body follows, hidden when that body hosts Tabs. */}\n    <div\n      className={cn(\n        'tw:col-start-1',\n        'tw:col-end-4',\n        'tw:mt-5',\n        'tw:hidden',\n        'tw:group-data-[argo=false]/modal:[[data-slot=modal-header]:has(~[data-slot=modal-body])_&]:block',\n        'tw:group-data-[argo=false]/modal:[[data-slot=modal-header]:has(~[data-slot=modal-body]_[data-slot=tabs-root])_&]:!hidden',\n      )}\n    >\n      <Separator orientation=\"horizontal\" />\n    </div>\n  </div>\n);\n","import type { ReactNode } from 'react';\n\nimport { cn } from '../../utils';\n\ntype NamedColor = 'orange' | 'blue' | 'red' | 'green' | 'gray' | 'violet';\n\ntype Props = {\n  color: NamedColor | (string & {});\n  icon: ReactNode;\n};\n\nconst NAMED_COLORS = new Set<string>(['orange', 'blue', 'red', 'green', 'gray', 'violet']);\n\n/**\n * Status-coloured icon for `Modal`. Authored inside `Modal.Header`. For a remote image badge (a\n * component or backend logo fetched by URL) use `Modal.Image` instead.\n *\n * - **Legacy anatomy:** a solid-filled circular badge docked to the top-left of `Modal.Content`\n *   (absolutely positioned, so it renders identically wherever it is authored).\n * - **Argo anatomy** (`data-argo` on `Modal.Content`): a small soft-tinted inline badge in the\n *   header grid, next to the title.\n *\n * Both variants are rendered and toggled purely via CSS (`group-data-[argo=true]/modal:`) — no\n * context. Use the categorical `color` (`red` destructive, `orange` warning, `green` success,\n * `blue` info, `gray` neutral, `violet` agent) to encode meaning; the palette stays fixed across\n * brand themes.\n */\nexport const ModalIcon = ({ color, icon }: Props) => {\n  const customColor = color && !NAMED_COLORS.has(color) ? color : undefined;\n\n  return (\n    <span\n      data-slot=\"modal-icon\"\n      className={cn(\n        'tw:flex',\n        'tw:shrink-0',\n        'tw:items-center',\n        'tw:justify-center',\n        'tw:[&_svg]:aspect-square',\n\n        // legacy: solid-filled circular badge floating at the modal's top-left\n        'tw:group-data-[argo=false]/modal:absolute',\n        'tw:group-data-[argo=false]/modal:top-0',\n        'tw:group-data-[argo=false]/modal:left-8',\n        'tw:group-data-[argo=false]/modal:-translate-y-1/2',\n        'tw:group-data-[argo=false]/modal:size-12',\n        'tw:group-data-[argo=false]/modal:rounded-full',\n        'tw:group-data-[argo=false]/modal:[&_svg:not([class*=\"tw:size-\"])]:size-6',\n\n        // argo: soft-tinted inline badge in the header grid's first column\n        'tw:group-data-[argo=true]/modal:col-start-1',\n        'tw:group-data-[argo=true]/modal:row-start-1',\n        'tw:group-data-[argo=true]/modal:self-start',\n        'tw:group-data-[argo=true]/modal:mr-3',\n        'tw:group-data-[argo=true]/modal:size-8',\n        'tw:group-data-[argo=true]/modal:rounded',\n        'tw:group-data-[argo=true]/modal:overflow-hidden',\n        'tw:group-data-[argo=true]/modal:[&_svg:not([class*=\"tw:size-\"])]:size-5',\n\n        // legacy palette: solid fill + white glyph (violet is the exception — tinted)\n        {\n          'tw:group-data-[argo=false]/modal:bg-warning-500': color === 'orange',\n          'tw:group-data-[argo=false]/modal:bg-blue-500': color === 'blue',\n          'tw:group-data-[argo=false]/modal:bg-green-500': color === 'green',\n          'tw:group-data-[argo=false]/modal:bg-error-500': color === 'red',\n          'tw:group-data-[argo=false]/modal:bg-neutral-150': color === 'gray',\n          'tw:group-data-[argo=false]/modal:bg-purple-100': color === 'violet',\n          'tw:group-data-[argo=false]/modal:text-white': color !== 'violet',\n          'tw:group-data-[argo=false]/modal:text-purple-500': color === 'violet',\n        },\n\n        // argo palette: soft tint + matching glyph colour\n        {\n          'tw:group-data-[argo=true]/modal:bg-warning-100 tw:group-data-[argo=true]/modal:text-warning-500':\n            color === 'orange',\n          'tw:group-data-[argo=true]/modal:bg-blue-100 tw:group-data-[argo=true]/modal:text-blue-600':\n            color === 'blue',\n          'tw:group-data-[argo=true]/modal:bg-green-100 tw:group-data-[argo=true]/modal:text-green-900':\n            color === 'green',\n          'tw:group-data-[argo=true]/modal:bg-error-100 tw:group-data-[argo=true]/modal:text-error-500':\n            color === 'red',\n          'tw:group-data-[argo=true]/modal:bg-neutral-100 tw:group-data-[argo=true]/modal:text-neutral-500':\n            color === 'gray',\n          'tw:group-data-[argo=true]/modal:bg-purple-100 tw:group-data-[argo=true]/modal:text-purple-500':\n            color === 'violet',\n        },\n\n        // custom (non-named) colour: caller-provided fill + white glyph\n        { 'tw:text-white': !!customColor },\n      )}\n      style={customColor ? { backgroundColor: customColor } : undefined}\n    >\n      {icon}\n    </span>\n  );\n};\n","import { useEffect, useState } from 'react';\n\nimport { cn } from '../../utils';\n\ntype Props = {\n  src: string;\n  /** Accessible alt text. Defaults to `\"\"` (decorative) — provide it when the image carries meaning. */\n  alt?: string;\n};\n\nexport const ModalImage = ({ src, alt = '' }: Props) => {\n  const [hasImageError, setHasImageError] = useState(false);\n\n  // Reset the error state when the source changes, so a reused badge (new logo, or a retry after a\n  // transient failure) isn't permanently hidden by an earlier onError.\n  useEffect(() => setHasImageError(false), [src]);\n\n  if (hasImageError) return null;\n\n  return (\n    <span\n      data-slot=\"modal-image\"\n      className={cn(\n        'tw:shrink-0',\n        'tw:overflow-hidden',\n\n        // legacy: circular badge floating at the top-left of the modal\n        'tw:group-data-[argo=false]/modal:absolute',\n        'tw:group-data-[argo=false]/modal:top-0',\n        'tw:group-data-[argo=false]/modal:left-8',\n        'tw:group-data-[argo=false]/modal:-translate-y-1/2',\n        'tw:group-data-[argo=false]/modal:size-12',\n        'tw:group-data-[argo=false]/modal:rounded-full',\n\n        // argo: inline badge in the header grid's first column\n        'tw:group-data-[argo=true]/modal:flex',\n        'tw:group-data-[argo=true]/modal:col-start-1',\n        'tw:group-data-[argo=true]/modal:row-start-1',\n        'tw:group-data-[argo=true]/modal:self-start',\n        'tw:group-data-[argo=true]/modal:mr-3',\n        'tw:group-data-[argo=true]/modal:items-center',\n        'tw:group-data-[argo=true]/modal:justify-center',\n        'tw:group-data-[argo=true]/modal:rounded',\n        'tw:group-data-[argo=true]/modal:size-8',\n      )}\n    >\n      <img\n        src={src}\n        alt={alt}\n        className=\"tw:size-full tw:object-contain\"\n        onError={() => setHasImageError(true)}\n      />\n    </span>\n  );\n};\n","import type { ComponentProps } from 'react';\nimport { Close, Root, Trigger } from '@radix-ui/react-dialog';\n\nimport { ModalBody } from './ModalBody';\nimport { ModalContent } from './ModalContent';\nimport { ModalFooter } from './ModalFooter';\nimport { ModalHeader } from './ModalHeader';\nimport { ModalIcon } from './ModalIcon';\nimport { ModalImage } from './ModalImage';\nimport { ModalOverlay } from './ModalOverlay';\n\ntype Props = ComponentProps<typeof Root>;\n\n/**\n * Blocking dialog for confirmations, forms, and detail views. Built on Radix Dialog.\n *\n * **When to use:** the user must act before continuing (confirm a destructive action, fill a short form,\n * view a focused detail panel). Use the compound parts `Modal.Trigger`, `Modal.Content`, `Modal.Header`,\n * `Modal.Body`, `Modal.Footer`, and optionally `Modal.Icon` for a status-coloured header glyph.\n * **When NOT to use:** for slide-in side editing use `Sheet`; for an inline destructive confirmation anchored\n * to its trigger use `Popconfirm`; for hover previews use `HoverCard`.\n * **Composition:** wrap `Modal.Content` around `Modal.Header` + `Modal.Body` + `Modal.Footer`. Put `useAppForm`\n * `FormBody` inside `Modal.Body` and the submit / cancel buttons inside `Modal.Footer`.\n *\n * @see RECIPES.md#modal-form — for the canonical form-in-modal composition\n * @see RECIPES.md#confirm-dialog — for destructive-confirm dialogs\n */\nexport const Modal = (props: Props) => <Root {...props} />;\n\nModal.Close = Close;\nModal.Trigger = Trigger;\n\nModal.Content = ModalContent;\nModal.Body = ModalBody;\nModal.Icon = ModalIcon;\nModal.Image = ModalImage;\nModal.Footer = ModalFooter;\nModal.Header = ModalHeader;\nModal.Overlay = ModalOverlay;\n"]}