@fragments-sdk/ui 0.13.0 → 0.14.0

package/dist/codeblock.js.map

@@ -1 +1 @@
-{"version":3,"file":"codeblock.js","sources":["../src/components/CodeBlock/index.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { useState, useCallback, useEffect, useMemo } from \"react\";\n// ============================================\n// Lazy-loaded dependency (shiki)\n// ============================================\n\nlet _codeToHtml:\n  | ((code: string, options: { lang: string; theme: string }) => Promise<string>)\n  | null = null;\nlet _shikiLoadPromise: Promise<void> | null = null;\nlet _shikiFailed = false;\n\nasync function loadShikiDeps() {\n  if (_codeToHtml) return;\n  if (_shikiFailed) return;\n  if (!_shikiLoadPromise) {\n    _shikiLoadPromise = (async () => {\n      try {\n        const shiki = await import(\"shiki\");\n        _codeToHtml = shiki.codeToHtml;\n      } catch {\n        _shikiFailed = true;\n      }\n    })();\n  }\n  await _shikiLoadPromise;\n}\nimport { TabsRoot, TabsList, Tab, TabsPanel } from \"../Tabs\";\nimport { Button } from \"../Button\";\nimport styles from \"./CodeBlock.module.scss\";\nimport \"../../styles/globals.scss\";\n\nexport type CodeBlockLanguage =\n  | \"tsx\"\n  | \"typescript\"\n  | \"ts\"\n  | \"javascript\"\n  | \"js\"\n  | \"jsx\"\n  | \"bash\"\n  | \"shell\"\n  | \"css\"\n  | \"scss\"\n  | \"sass\"\n  | \"json\"\n  | \"html\"\n  | \"xml\"\n  | \"markdown\"\n  | \"md\"\n  | \"yaml\"\n  | \"yml\"\n  | \"python\"\n  | \"py\"\n  | \"ruby\"\n  | \"go\"\n  | \"rust\"\n  | \"java\"\n  | \"kotlin\"\n  | \"swift\"\n  | \"c\"\n  | \"cpp\"\n  | \"csharp\"\n  | \"php\"\n  | \"sql\"\n  | \"graphql\"\n  | \"diff\"\n  | \"plaintext\"\n  | \"text\";\n\n/** Resolves language aliases to their canonical Shiki names */\nconst LANGUAGE_ALIASES: Partial<Record<CodeBlockLanguage, string>> = {\n  ts: \"typescript\",\n  js: \"javascript\",\n  text: \"plaintext\",\n};\n\n/** Available syntax highlighting themes */\nexport type CodeBlockTheme =\n  | \"synthwave-84\"\n  | \"github-dark\"\n  | \"github-light\"\n  | \"one-dark-pro\"\n  | \"dracula\"\n  | \"nord\"\n  | \"monokai\"\n  | \"vitesse-dark\"\n  | \"vitesse-light\"\n  | \"min-dark\"\n  | \"min-light\";\n\nexport type CodeBlockCopyPlacement = \"auto\" | \"header\" | \"overlay\";\n\nexport interface CodeBlockProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Code string to display */\n  code: string;\n  /** Programming language for syntax highlighting */\n  language?: CodeBlockLanguage;\n  /** Syntax highlighting theme */\n  theme?: CodeBlockTheme;\n  /** Show copy button */\n  showCopy?: boolean;\n  /** Optional title above code block (external label) */\n  title?: string;\n  /** Optional filename shown in header bar inside code block */\n  filename?: string;\n  /** Optional caption below code block */\n  caption?: string;\n  /** Show line numbers */\n  showLineNumbers?: boolean;\n  /** Starting line number (default: 1) */\n  startLineNumber?: number;\n  /** Highlight specific lines (e.g., [1, 3, '5-7']) */\n  highlightLines?: (number | string)[];\n  /** Lines marked as added in diff view */\n  addedLines?: (number | string)[];\n  /** Lines marked as removed in diff view */\n  removedLines?: (number | string)[];\n  /** Enable word wrapping for long lines */\n  wordWrap?: boolean;\n  /** Maximum height in pixels (enables scrolling) */\n  maxHeight?: number;\n  /** Allow collapsing/expanding the code block */\n  collapsible?: boolean;\n  /** Initial collapsed state (only applies when collapsible is true) */\n  defaultCollapsed?: boolean;\n  /** Number of lines to show when collapsed */\n  collapsedLines?: number;\n  /** Compact mode with reduced padding */\n  compact?: boolean;\n  /** Show a persistent copy button (always visible, uses Button component) */\n  persistentCopy?: boolean;\n  /** Placement of copy button when not using persistent copy */\n  copyPlacement?: CodeBlockCopyPlacement;\n  /** Callback fired when the copy button is clicked and copy succeeds */\n  onCopy?: () => void;\n}\n\nfunction CopyIcon({ className }: { className?: string }) {\n  return (\n    <svg\n      className={className}\n      width=\"14\"\n      height=\"14\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      aria-hidden=\"true\"\n    >\n      <rect x=\"9\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\" ry=\"2\" />\n      <path d=\"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1\" />\n    </svg>\n  );\n}\n\nfunction CheckIcon({ className }: { className?: string }) {\n  return (\n    <svg\n      className={className}\n      width=\"14\"\n      height=\"14\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      aria-hidden=\"true\"\n    >\n      <polyline points=\"20 6 9 17 4 12\" />\n    </svg>\n  );\n}\n\nfunction ChevronDownIcon({ className }: { className?: string }) {\n  return (\n    <svg\n      className={className}\n      width=\"14\"\n      height=\"14\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      aria-hidden=\"true\"\n    >\n      <polyline points=\"6 9 12 15 18 9\" />\n    </svg>\n  );\n}\n\nfunction ChevronUpIcon({ className }: { className?: string }) {\n  return (\n    <svg\n      className={className}\n      width=\"14\"\n      height=\"14\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      aria-hidden=\"true\"\n    >\n      <polyline points=\"18 15 12 9 6 15\" />\n    </svg>\n  );\n}\n\nfunction escapeHtml(str: string): string {\n  return str\n    .replace(/&/g, \"&amp;\")\n    .replace(/</g, \"&lt;\")\n    .replace(/>/g, \"&gt;\")\n    .replace(/\"/g, \"&quot;\")\n    .replace(/'/g, \"&#039;\");\n}\n\n/**\n * Remove common leading whitespace from all lines (dedent).\n * This handles template literals that have extra indentation from code formatting.\n */\nfunction dedent(str: string): string {\n  const lines = str.split(\"\\n\");\n\n  // Find the minimum indentation (ignoring empty lines)\n  let minIndent = Infinity;\n  for (const line of lines) {\n    if (line.trim() === \"\") continue;\n    const match = line.match(/^(\\s*)/);\n    if (match) {\n      minIndent = Math.min(minIndent, match[1].length);\n    }\n  }\n\n  // If no indentation found, return as-is\n  if (minIndent === Infinity || minIndent === 0) {\n    return str;\n  }\n\n  // Remove the common indentation from all lines\n  return lines.map((line) => line.slice(minIndent)).join(\"\\n\");\n}\n\n/**\n * Normalize indentation while handling JSX where first line is already at column 0.\n */\nfunction normalizeIndentation(str: string): string {\n  const lines = str.split(\"\\n\");\n  if (lines.length <= 1) return str;\n\n  let minIndent = Infinity;\n  const firstLineIndent = lines[0].match(/^(\\s*)/)?.[1].length ?? 0;\n\n  for (let i = 1; i < lines.length; i += 1) {\n    const line = lines[i];\n    if (line.trim().length === 0) continue;\n    const indent = line.match(/^(\\s*)/)?.[1].length ?? 0;\n    minIndent = Math.min(minIndent, indent);\n  }\n\n  if (firstLineIndent > 0) {\n    minIndent = Math.min(minIndent, firstLineIndent);\n  }\n\n  if (minIndent === Infinity || minIndent === 0) return str;\n\n  return lines\n    .map((line) => line.slice(Math.min(minIndent, line.match(/^(\\s*)/)?.[1].length ?? 0)))\n    .join(\"\\n\");\n}\n\nfunction trimTrailingWhitespace(str: string): string {\n  return str\n    .split(\"\\n\")\n    .map((line) => line.replace(/[ \\t]+$/g, \"\"))\n    .join(\"\\n\");\n}\n\nfunction findTagEnd(line: string): number {\n  let quote: '\"' | \"'\" | \"`\" | null = null;\n  let escaped = false;\n  let braceDepth = 0;\n  let bracketDepth = 0;\n  let parenDepth = 0;\n\n  for (let i = 1; i < line.length; i += 1) {\n    const char = line[i];\n\n    if (quote) {\n      if (char === \"\\\\\" && !escaped) {\n        escaped = true;\n        continue;\n      }\n      if (char === quote && !escaped) {\n        quote = null;\n      }\n      escaped = false;\n      continue;\n    }\n\n    if (char === '\"' || char === \"'\" || char === \"`\") {\n      quote = char;\n      continue;\n    }\n\n    if (char === \"{\") braceDepth += 1;\n    else if (char === \"}\") braceDepth = Math.max(0, braceDepth - 1);\n    else if (char === \"[\") bracketDepth += 1;\n    else if (char === \"]\") bracketDepth = Math.max(0, bracketDepth - 1);\n    else if (char === \"(\") parenDepth += 1;\n    else if (char === \")\") parenDepth = Math.max(0, parenDepth - 1);\n    else if (char === \">\" && braceDepth === 0 && bracketDepth === 0 && parenDepth === 0) {\n      return i;\n    }\n  }\n\n  return -1;\n}\n\nfunction splitJsxAttributes(attrs: string): string[] {\n  const parts: string[] = [];\n  let current = \"\";\n  let quote: '\"' | \"'\" | \"`\" | null = null;\n  let escaped = false;\n  let braceDepth = 0;\n  let bracketDepth = 0;\n  let parenDepth = 0;\n\n  for (const char of attrs) {\n    if (quote) {\n      current += char;\n      if (char === \"\\\\\" && !escaped) {\n        escaped = true;\n        continue;\n      }\n      if (char === quote && !escaped) {\n        quote = null;\n      }\n      escaped = false;\n      continue;\n    }\n\n    if (char === '\"' || char === \"'\" || char === \"`\") {\n      quote = char;\n      current += char;\n      continue;\n    }\n\n    if (char === \"{\") braceDepth += 1;\n    else if (char === \"}\") braceDepth = Math.max(0, braceDepth - 1);\n    else if (char === \"[\") bracketDepth += 1;\n    else if (char === \"]\") bracketDepth = Math.max(0, bracketDepth - 1);\n    else if (char === \"(\") parenDepth += 1;\n    else if (char === \")\") parenDepth = Math.max(0, parenDepth - 1);\n\n    if (/\\s/.test(char) && braceDepth === 0 && bracketDepth === 0 && parenDepth === 0) {\n      if (current.trim().length > 0) {\n        parts.push(current.trim());\n        current = \"\";\n      }\n      continue;\n    }\n\n    current += char;\n  }\n\n  if (current.trim().length > 0) {\n    parts.push(current.trim());\n  }\n\n  return parts;\n}\n\nfunction formatLongJsxTagLine(line: string): string {\n  const maxInlineLength = 110;\n  if (line.length <= maxInlineLength) return line;\n\n  const indent = line.match(/^(\\s*)/)?.[1] ?? \"\";\n  const trimmed = line.trimStart();\n\n  if (\n    !trimmed.startsWith(\"<\") ||\n    trimmed.startsWith(\"</\") ||\n    trimmed.startsWith(\"<!\") ||\n    trimmed.startsWith(\"<?\")\n  ) {\n    return line;\n  }\n\n  const tagEnd = findTagEnd(trimmed);\n  if (tagEnd === -1) return line;\n  if (trimmed.slice(tagEnd + 1).trim().length > 0) return line;\n\n  const rawTagBody = trimmed.slice(1, tagEnd).trim();\n  const isSelfClosing = rawTagBody.endsWith(\"/\");\n  const tagBody = isSelfClosing ? rawTagBody.slice(0, -1).trimEnd() : rawTagBody;\n  const firstSpace = tagBody.search(/\\s/);\n  if (firstSpace === -1) return line;\n\n  const tagName = tagBody.slice(0, firstSpace);\n  if (!/^[A-Za-z][\\w.:-]*$/.test(tagName)) return line;\n\n  const attrsSource = tagBody.slice(firstSpace).trim();\n  if (!attrsSource.includes(\"=\") && !attrsSource.includes(\"{...\")) return line;\n\n  const attrs = splitJsxAttributes(attrsSource);\n  if (attrs.length === 0) return line;\n\n  const attrIndent = `${indent}  `;\n  const close = isSelfClosing ? \"/>\" : \">\";\n\n  return [\n    `${indent}<${tagName}`,\n    ...attrs.map((attr) => `${attrIndent}${attr}`),\n    `${indent}${close}`,\n  ].join(\"\\n\");\n}\n\nfunction formatLongJsxTags(code: string): string {\n  return code\n    .split(\"\\n\")\n    .flatMap((line) => formatLongJsxTagLine(line).split(\"\\n\"))\n    .join(\"\\n\");\n}\n\nfunction normalizeCode(code: string): string {\n  const trimmed = code.trim();\n  if (trimmed.length === 0) return \"\";\n\n  const normalized = normalizeIndentation(trimmed);\n  const dedented = dedent(normalized);\n  const withoutTrailingWhitespace = trimTrailingWhitespace(dedented);\n  return formatLongJsxTags(withoutTrailingWhitespace);\n}\n\n/**\n * Parse line specification into a Set of line numbers.\n * Supports: [1, 3, '5-7'] -> Set {1, 3, 5, 6, 7}\n */\nfunction parseLineSpec(spec?: (number | string)[]): Set<number> {\n  const lines = new Set<number>();\n  if (!spec) return lines;\n\n  for (const item of spec) {\n    if (typeof item === \"number\") {\n      lines.add(item);\n    } else if (typeof item === \"string\") {\n      const rangeMatch = item.match(/^(\\d+)-(\\d+)$/);\n      if (rangeMatch) {\n        const start = parseInt(rangeMatch[1], 10);\n        const end = parseInt(rangeMatch[2], 10);\n        for (let i = start; i <= end; i++) {\n          lines.add(i);\n        }\n      } else {\n        const num = parseInt(item, 10);\n        if (!isNaN(num)) {\n          lines.add(num);\n        }\n      }\n    }\n  }\n\n  return lines;\n}\n\ninterface ProcessOptions {\n  showLineNumbers: boolean;\n  startLineNumber: number;\n  highlightLines: Set<number>;\n  addedLines: Set<number>;\n  removedLines: Set<number>;\n}\n\n/**\n * Add line numbers, highlight classes, and diff markers to Shiki HTML output.\n */\nfunction processShikiHtml(html: string, options: ProcessOptions): string {\n  const { showLineNumbers, startLineNumber, highlightLines, addedLines, removedLines } = options;\n  const hasDiff = addedLines.size > 0 || removedLines.size > 0;\n\n  if (!showLineNumbers && highlightLines.size === 0 && !hasDiff) {\n    return html;\n  }\n\n  // Extract the code content from Shiki output\n  // Shiki outputs: <pre class=\"shiki ...\"><code>...lines...</code></pre>\n  const codeMatch = html.match(/<code[^>]*>([\\s\\S]*?)<\\/code>/);\n  if (!codeMatch) return html;\n\n  const codeContent = codeMatch[1];\n  const lines = codeContent.split(\"\\n\");\n\n  // Process each line\n  const processedLines = lines.map((line, index) => {\n    const lineNum = index + 1;\n    const displayLineNum = startLineNumber + index;\n    const isHighlighted = highlightLines.has(lineNum);\n    const isAdded = addedLines.has(lineNum);\n    const isRemoved = removedLines.has(lineNum);\n\n    const lineClasses = [\"line\"];\n    if (isHighlighted) lineClasses.push(\"highlighted\");\n    if (isAdded) lineClasses.push(\"diff-added\");\n    if (isRemoved) lineClasses.push(\"diff-removed\");\n\n    const lineClass = lineClasses.join(\" \");\n    const diffMarker = isAdded ? \"+\" : isRemoved ? \"-\" : \" \";\n\n    if (showLineNumbers || hasDiff) {\n      const lineNumHtml = showLineNumbers\n        ? `<span class=\"line-number\">${displayLineNum}</span>`\n        : \"\";\n      const diffMarkerHtml = hasDiff ? `<span class=\"diff-marker\">${diffMarker}</span>` : \"\";\n      return `<span class=\"${lineClass}\">${lineNumHtml}${diffMarkerHtml}${line}</span>`;\n    }\n    return `<span class=\"${lineClass}\">${line}</span>`;\n  });\n\n  // Reconstruct the HTML\n  return html.replace(/<code[^>]*>[\\s\\S]*?<\\/code>/, `<code>${processedLines.join(\"\\n\")}</code>`);\n}\n\nconst CodeBlockBase = React.forwardRef<HTMLDivElement, CodeBlockProps>(function CodeBlock(\n  {\n    code,\n    language = \"tsx\",\n    theme = \"one-dark-pro\",\n    showCopy = true,\n    title,\n    filename,\n    caption,\n    showLineNumbers = false,\n    startLineNumber = 1,\n    highlightLines,\n    addedLines,\n    removedLines,\n    wordWrap = false,\n    maxHeight,\n    collapsible = false,\n    defaultCollapsed = false,\n    collapsedLines = 5,\n    compact = false,\n    persistentCopy = false,\n    copyPlacement = \"auto\",\n    onCopy,\n    className,\n    ...htmlProps\n  },\n  ref\n) {\n  const [copied, setCopied] = useState(false);\n  const [highlight, setHighlight] = useState<{ html: string; loading: boolean }>({ html: '', loading: true });\n  const [isCollapsed, setIsCollapsed] = useState(defaultCollapsed);\n\n  const trimmedCode = useMemo(() => normalizeCode(code), [code]);\n  const codeLines = trimmedCode.split(\"\\n\");\n  const totalLines = codeLines.length;\n  const shouldShowCollapse = collapsible && totalLines > collapsedLines;\n\n  // Compute visible code when collapsed\n  const visibleCode =\n    shouldShowCollapse && isCollapsed ? codeLines.slice(0, collapsedLines).join(\"\\n\") : trimmedCode;\n\n  const highlightSet = useMemo(() => parseLineSpec(highlightLines), [highlightLines]);\n  const addedSet = useMemo(() => parseLineSpec(addedLines), [addedLines]);\n  const removedSet = useMemo(() => parseLineSpec(removedLines), [removedLines]);\n  const hasDiff = addedSet.size > 0 || removedSet.size > 0;\n  const resolvedCopyPlacement =\n    copyPlacement === \"auto\" ? (filename ? \"header\" : \"overlay\") : copyPlacement;\n  const shouldShowHeaderCopy = showCopy && !persistentCopy && resolvedCopyPlacement === \"header\";\n  const shouldShowOverlayCopy = showCopy && !persistentCopy && resolvedCopyPlacement === \"overlay\";\n  const shouldRenderHeader = Boolean(filename) || shouldShowHeaderCopy;\n\n  // Apply syntax highlighting\n  useEffect(() => {\n    let cancelled = false;\n    setHighlight((prev) => ({ ...prev, loading: true }));\n\n    const run = async () => {\n      await loadShikiDeps();\n\n      const fallbackHtml = `<pre class=\"shiki\"><code>${escapeHtml(visibleCode)}</code></pre>`;\n\n      if (_shikiFailed || !_codeToHtml) {\n        if (_shikiFailed && process.env.NODE_ENV === \"development\") {\n          console.warn(\n            \"[@fragments-sdk/ui] CodeBlock: shiki is not installed. \" +\n              \"Install it with: npm install shiki\"\n          );\n        }\n        return fallbackHtml;\n      }\n\n      try {\n        const resolvedLang = LANGUAGE_ALIASES[language] || language;\n        const html = await _codeToHtml(visibleCode, { lang: resolvedLang, theme });\n        return processShikiHtml(html, {\n          showLineNumbers,\n          startLineNumber,\n          highlightLines: highlightSet,\n          addedLines: addedSet,\n          removedLines: removedSet,\n        });\n      } catch (err) {\n        if (process.env.NODE_ENV !== \"production\") {\n          console.error(\"Syntax highlighting failed:\", err);\n        }\n        return fallbackHtml;\n      }\n    };\n\n    run().then((html) => {\n      if (!cancelled) {\n        setHighlight({ html, loading: false });\n      }\n    });\n\n    return () => {\n      cancelled = true;\n    };\n  }, [\n    visibleCode,\n    language,\n    theme,\n    showLineNumbers,\n    startLineNumber,\n    highlightSet,\n    addedSet,\n    removedSet,\n  ]);\n\n  const handleCopy = useCallback(async () => {\n    try {\n      // Always copy the full code, even when collapsed\n      await navigator.clipboard.writeText(trimmedCode);\n      setCopied(true);\n      setTimeout(() => setCopied(false), 2000);\n      onCopy?.();\n    } catch (err) {\n      if (process.env.NODE_ENV !== \"production\") {\n        console.error(\"Failed to copy:\", err);\n      }\n    }\n  }, [trimmedCode, onCopy]);\n\n  const toggleCollapsed = useCallback(() => {\n    setIsCollapsed((prev) => !prev);\n  }, []);\n\n  const classNames = [\n    styles.container,\n    showLineNumbers && styles.withLineNumbers,\n    hasDiff && styles.withDiff,\n    wordWrap && styles.wordWrap,\n    compact && styles.compact,\n    className,\n  ]\n    .filter(Boolean)\n    .join(\" \");\n\n  const wrapperClasses = [\n    styles.wrapper,\n    persistentCopy && styles.persistentCopyWrapper,\n    shouldShowOverlayCopy && styles.withCopyOverlay,\n  ]\n    .filter(Boolean)\n    .join(\" \");\n\n  const codeContainerStyle: React.CSSProperties = maxHeight ? { maxHeight, overflow: \"auto\" } : {};\n\n  return (\n    <div ref={ref} {...htmlProps} className={classNames} data-theme=\"dark\">\n      {title && <div className={styles.title}>{title}</div>}\n      <div className={wrapperClasses}>\n        {shouldRenderHeader && (\n          <div className={styles.header}>\n            <span className={styles.filename}>{filename ?? \"\"}</span>\n            {shouldShowHeaderCopy && (\n              <button\n                type=\"button\"\n                onClick={handleCopy}\n                className={`${styles.copyButton} ${copied ? styles.copied : \"\"}`}\n                aria-label={copied ? \"Copied!\" : \"Copy code\"}\n              >\n                {copied ? (\n                  <CheckIcon className={styles.icon} />\n                ) : (\n                  <CopyIcon className={styles.icon} />\n                )}\n              </button>\n            )}\n          </div>\n        )}\n        {shouldShowOverlayCopy && (\n          <button\n            type=\"button\"\n            onClick={handleCopy}\n            className={`${styles.copyButton} ${styles.copyOverlay} ${copied ? styles.copied : \"\"}`}\n            aria-label={copied ? \"Copied!\" : \"Copy code\"}\n          >\n            {copied ? <CheckIcon className={styles.icon} /> : <CopyIcon className={styles.icon} />}\n          </button>\n        )}\n        {highlight.loading ? (\n          <div className={styles.loading} style={codeContainerStyle}>\n            <pre>\n              <code>{visibleCode}</code>\n            </pre>\n          </div>\n        ) : (\n          <div\n            className={styles.codeContainer}\n            style={codeContainerStyle}\n            dangerouslySetInnerHTML={{ __html: highlight.html }}\n          />\n        )}\n        {persistentCopy && (\n          <button\n            type=\"button\"\n            onClick={handleCopy}\n            className={`${styles.persistentCopy} ${styles.copyButton} ${styles.copyOverlay} ${copied ? styles.copied : \"\"}`}\n            aria-label={copied ? \"Copied!\" : \"Copy code\"}\n          >\n            {copied ? <CheckIcon className={styles.icon} /> : <CopyIcon className={styles.icon} />}\n          </button>\n        )}\n        {shouldShowCollapse && (\n          <button\n            type=\"button\"\n            onClick={toggleCollapsed}\n            className={styles.collapseButton}\n            aria-expanded={!isCollapsed}\n            aria-label={isCollapsed ? \"Expand code\" : \"Collapse code\"}\n          >\n            {isCollapsed ? (\n              <>\n                <ChevronDownIcon className={styles.icon} />\n                <span>Show {totalLines - collapsedLines} more lines</span>\n              </>\n            ) : (\n              <>\n                <ChevronUpIcon className={styles.icon} />\n                <span>Show less</span>\n              </>\n            )}\n          </button>\n        )}\n      </div>\n      {caption && <div className={styles.caption}>{caption}</div>}\n    </div>\n  );\n});\n\n// ============================================\n// Tabbed Code Block\n// ============================================\n\nexport interface CodeBlockTab {\n  /** Label shown in the tab */\n  label: string;\n  /** Code string to display */\n  code: string;\n  /** Programming language for syntax highlighting */\n  language?: CodeBlockLanguage;\n}\n\nexport interface TabbedCodeBlockProps {\n  /** Array of code tabs */\n  tabs: CodeBlockTab[];\n  /** Default selected tab (by label) */\n  defaultTab?: string;\n  /** Show copy button */\n  showCopy?: boolean;\n  /** Placement of copy button when not using persistent copy */\n  copyPlacement?: CodeBlockCopyPlacement;\n  /** Show line numbers */\n  showLineNumbers?: boolean;\n  /** Syntax highlighting theme (applies to all tabs) */\n  theme?: CodeBlockTheme;\n  /** Tab list visual style */\n  tabsVariant?: \"underline\" | \"pills\";\n  /** Enable word wrapping for long lines */\n  wordWrap?: boolean;\n  /** Maximum height in pixels (enables scrolling) */\n  maxHeight?: number;\n  /** Additional class name */\n  className?: string;\n  /** Callback fired when a tab's copy button is clicked. Receives the tab label. */\n  onCopy?: (tabLabel: string) => void;\n}\n\nfunction TabbedCodeBlock({\n  tabs,\n  defaultTab,\n  showCopy = true,\n  copyPlacement = \"auto\",\n  showLineNumbers = false,\n  theme,\n  tabsVariant = \"pills\",\n  wordWrap,\n  maxHeight,\n  className,\n  onCopy,\n}: TabbedCodeBlockProps) {\n  const defaultValue = defaultTab || tabs[0]?.label || \"\";\n\n  return (\n    <div className={className}>\n      <TabsRoot defaultValue={defaultValue}>\n        <TabsList variant={tabsVariant}>\n          {tabs.map((tab) => (\n            <Tab key={tab.label} value={tab.label}>\n              {tab.label}\n            </Tab>\n          ))}\n        </TabsList>\n        {tabs.map((tab) => (\n          <TabsPanel key={tab.label} value={tab.label} flush className={styles.tabbedPanel}>\n            <CodeBlockBase\n              code={tab.code}\n              language={tab.language}\n              theme={theme}\n              showCopy={showCopy}\n              copyPlacement={copyPlacement}\n              showLineNumbers={showLineNumbers}\n              wordWrap={wordWrap}\n              maxHeight={maxHeight}\n              onCopy={onCopy ? () => onCopy(tab.label) : undefined}\n            />\n          </TabsPanel>\n        ))}\n      </TabsRoot>\n    </div>\n  );\n}\n\n// ============================================\n// Export compound component\n// ============================================\n\nexport const CodeBlock = Object.assign(CodeBlockBase, {\n  Tabbed: TabbedCodeBlock,\n});\n\nexport { TabbedCodeBlock };\n"],"names":["_a","CodeBlock"],"mappings":";;;;;;AAQA,IAAI,cAEO;AACX,IAAI,oBAA0C;AAC9C,IAAI,eAAe;AAEnB,eAAe,gBAAgB;AAC7B,MAAI,YAAa;AACjB,MAAI,aAAc;AAClB,MAAI,CAAC,mBAAmB;AACtB,yBAAqB,YAAY;AAC/B,UAAI;AACF,cAAM,QAAQ,MAAM,OAAO,OAAO;AAClC,sBAAc,MAAM;AAAA,MACtB,QAAQ;AACN,uBAAe;AAAA,MACjB;AAAA,IACF,GAAA;AAAA,EACF;AACA,QAAM;AACR;AA4CA,MAAM,mBAA+D;AAAA,EACnE,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,MAAM;AACR;AA+DA,SAAS,SAAS,EAAE,aAAqC;AACvD,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA,OAAM;AAAA,MACN,QAAO;AAAA,MACP,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,QAAO;AAAA,MACP,aAAY;AAAA,MACZ,eAAc;AAAA,MACd,gBAAe;AAAA,MACf,eAAY;AAAA,MAEZ,UAAA;AAAA,QAAA,oBAAC,QAAA,EAAK,GAAE,KAAI,GAAE,KAAI,OAAM,MAAK,QAAO,MAAK,IAAG,KAAI,IAAG,KAAI;AAAA,QACvD,oBAAC,QAAA,EAAK,GAAE,0DAAA,CAA0D;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGxE;AAEA,SAAS,UAAU,EAAE,aAAqC;AACxD,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA,OAAM;AAAA,MACN,QAAO;AAAA,MACP,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,QAAO;AAAA,MACP,aAAY;AAAA,MACZ,eAAc;AAAA,MACd,gBAAe;AAAA,MACf,eAAY;AAAA,MAEZ,UAAA,oBAAC,YAAA,EAAS,QAAO,iBAAA,CAAiB;AAAA,IAAA;AAAA,EAAA;AAGxC;AAEA,SAAS,gBAAgB,EAAE,aAAqC;AAC9D,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA,OAAM;AAAA,MACN,QAAO;AAAA,MACP,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,QAAO;AAAA,MACP,aAAY;AAAA,MACZ,eAAc;AAAA,MACd,gBAAe;AAAA,MACf,eAAY;AAAA,MAEZ,UAAA,oBAAC,YAAA,EAAS,QAAO,iBAAA,CAAiB;AAAA,IAAA;AAAA,EAAA;AAGxC;AAEA,SAAS,cAAc,EAAE,aAAqC;AAC5D,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA,OAAM;AAAA,MACN,QAAO;AAAA,MACP,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,QAAO;AAAA,MACP,aAAY;AAAA,MACZ,eAAc;AAAA,MACd,gBAAe;AAAA,MACf,eAAY;AAAA,MAEZ,UAAA,oBAAC,YAAA,EAAS,QAAO,kBAAA,CAAkB;AAAA,IAAA;AAAA,EAAA;AAGzC;AAEA,SAAS,WAAW,KAAqB;AACvC,SAAO,IACJ,QAAQ,MAAM,OAAO,EACrB,QAAQ,MAAM,MAAM,EACpB,QAAQ,MAAM,MAAM,EACpB,QAAQ,MAAM,QAAQ,EACtB,QAAQ,MAAM,QAAQ;AAC3B;AAMA,SAAS,OAAO,KAAqB;AACnC,QAAM,QAAQ,IAAI,MAAM,IAAI;AAG5B,MAAI,YAAY;AAChB,aAAW,QAAQ,OAAO;AACxB,QAAI,KAAK,KAAA,MAAW,GAAI;AACxB,UAAM,QAAQ,KAAK,MAAM,QAAQ;AACjC,QAAI,OAAO;AACT,kBAAY,KAAK,IAAI,WAAW,MAAM,CAAC,EAAE,MAAM;AAAA,IACjD;AAAA,EACF;AAGA,MAAI,cAAc,YAAY,cAAc,GAAG;AAC7C,WAAO;AAAA,EACT;AAGA,SAAO,MAAM,IAAI,CAAC,SAAS,KAAK,MAAM,SAAS,CAAC,EAAE,KAAK,IAAI;AAC7D;AAKA,SAAS,qBAAqB,KAAqB;;AACjD,QAAM,QAAQ,IAAI,MAAM,IAAI;AAC5B,MAAI,MAAM,UAAU,EAAG,QAAO;AAE9B,MAAI,YAAY;AAChB,QAAM,oBAAkB,WAAM,CAAC,EAAE,MAAM,QAAQ,MAAvB,mBAA2B,GAAG,WAAU;AAEhE,WAAS,IAAI,GAAG,IAAI,MAAM,QAAQ,KAAK,GAAG;AACxC,UAAM,OAAO,MAAM,CAAC;AACpB,QAAI,KAAK,OAAO,WAAW,EAAG;AAC9B,UAAM,WAAS,UAAK,MAAM,QAAQ,MAAnB,mBAAuB,GAAG,WAAU;AACnD,gBAAY,KAAK,IAAI,WAAW,MAAM;AAAA,EACxC;AAEA,MAAI,kBAAkB,GAAG;AACvB,gBAAY,KAAK,IAAI,WAAW,eAAe;AAAA,EACjD;AAEA,MAAI,cAAc,YAAY,cAAc,EAAG,QAAO;AAEtD,SAAO,MACJ,IAAI,CAAC,SAAA;;AAAS,gBAAK,MAAM,KAAK,IAAI,aAAWA,MAAA,KAAK,MAAM,QAAQ,MAAnB,gBAAAA,IAAuB,GAAG,WAAU,CAAC,CAAC;AAAA,GAAC,EACpF,KAAK,IAAI;AACd;AAEA,SAAS,uBAAuB,KAAqB;AACnD,SAAO,IACJ,MAAM,IAAI,EACV,IAAI,CAAC,SAAS,KAAK,QAAQ,YAAY,EAAE,CAAC,EAC1C,KAAK,IAAI;AACd;AAEA,SAAS,WAAW,MAAsB;AACxC,MAAI,QAAgC;AACpC,MAAI,UAAU;AACd,MAAI,aAAa;AACjB,MAAI,eAAe;AACnB,MAAI,aAAa;AAEjB,WAAS,IAAI,GAAG,IAAI,KAAK,QAAQ,KAAK,GAAG;AACvC,UAAM,OAAO,KAAK,CAAC;AAEnB,QAAI,OAAO;AACT,UAAI,SAAS,QAAQ,CAAC,SAAS;AAC7B,kBAAU;AACV;AAAA,MACF;AACA,UAAI,SAAS,SAAS,CAAC,SAAS;AAC9B,gBAAQ;AAAA,MACV;AACA,gBAAU;AACV;AAAA,IACF;AAEA,QAAI,SAAS,OAAO,SAAS,OAAO,SAAS,KAAK;AAChD,cAAQ;AACR;AAAA,IACF;AAEA,QAAI,SAAS,IAAK,eAAc;AAAA,aACvB,SAAS,IAAK,cAAa,KAAK,IAAI,GAAG,aAAa,CAAC;AAAA,aACrD,SAAS,IAAK,iBAAgB;AAAA,aAC9B,SAAS,IAAK,gBAAe,KAAK,IAAI,GAAG,eAAe,CAAC;AAAA,aACzD,SAAS,IAAK,eAAc;AAAA,aAC5B,SAAS,IAAK,cAAa,KAAK,IAAI,GAAG,aAAa,CAAC;AAAA,aACrD,SAAS,OAAO,eAAe,KAAK,iBAAiB,KAAK,eAAe,GAAG;AACnF,aAAO;AAAA,IACT;AAAA,EACF;AAEA,SAAO;AACT;AAEA,SAAS,mBAAmB,OAAyB;AACnD,QAAM,QAAkB,CAAA;AACxB,MAAI,UAAU;AACd,MAAI,QAAgC;AACpC,MAAI,UAAU;AACd,MAAI,aAAa;AACjB,MAAI,eAAe;AACnB,MAAI,aAAa;AAEjB,aAAW,QAAQ,OAAO;AACxB,QAAI,OAAO;AACT,iBAAW;AACX,UAAI,SAAS,QAAQ,CAAC,SAAS;AAC7B,kBAAU;AACV;AAAA,MACF;AACA,UAAI,SAAS,SAAS,CAAC,SAAS;AAC9B,gBAAQ;AAAA,MACV;AACA,gBAAU;AACV;AAAA,IACF;AAEA,QAAI,SAAS,OAAO,SAAS,OAAO,SAAS,KAAK;AAChD,cAAQ;AACR,iBAAW;AACX;AAAA,IACF;AAEA,QAAI,SAAS,IAAK,eAAc;AAAA,aACvB,SAAS,IAAK,cAAa,KAAK,IAAI,GAAG,aAAa,CAAC;AAAA,aACrD,SAAS,IAAK,iBAAgB;AAAA,aAC9B,SAAS,IAAK,gBAAe,KAAK,IAAI,GAAG,eAAe,CAAC;AAAA,aACzD,SAAS,IAAK,eAAc;AAAA,aAC5B,SAAS,IAAK,cAAa,KAAK,IAAI,GAAG,aAAa,CAAC;AAE9D,QAAI,KAAK,KAAK,IAAI,KAAK,eAAe,KAAK,iBAAiB,KAAK,eAAe,GAAG;AACjF,UAAI,QAAQ,OAAO,SAAS,GAAG;AAC7B,cAAM,KAAK,QAAQ,MAAM;AACzB,kBAAU;AAAA,MACZ;AACA;AAAA,IACF;AAEA,eAAW;AAAA,EACb;AAEA,MAAI,QAAQ,OAAO,SAAS,GAAG;AAC7B,UAAM,KAAK,QAAQ,MAAM;AAAA,EAC3B;AAEA,SAAO;AACT;AAEA,SAAS,qBAAqB,MAAsB;;AAClD,QAAM,kBAAkB;AACxB,MAAI,KAAK,UAAU,gBAAiB,QAAO;AAE3C,QAAM,WAAS,UAAK,MAAM,QAAQ,MAAnB,mBAAuB,OAAM;AAC5C,QAAM,UAAU,KAAK,UAAA;AAErB,MACE,CAAC,QAAQ,WAAW,GAAG,KACvB,QAAQ,WAAW,IAAI,KACvB,QAAQ,WAAW,IAAI,KACvB,QAAQ,WAAW,IAAI,GACvB;AACA,WAAO;AAAA,EACT;AAEA,QAAM,SAAS,WAAW,OAAO;AACjC,MAAI,WAAW,GAAI,QAAO;AAC1B,MAAI,QAAQ,MAAM,SAAS,CAAC,EAAE,OAAO,SAAS,EAAG,QAAO;AAExD,QAAM,aAAa,QAAQ,MAAM,GAAG,MAAM,EAAE,KAAA;AAC5C,QAAM,gBAAgB,WAAW,SAAS,GAAG;AAC7C,QAAM,UAAU,gBAAgB,WAAW,MAAM,GAAG,EAAE,EAAE,YAAY;AACpE,QAAM,aAAa,QAAQ,OAAO,IAAI;AACtC,MAAI,eAAe,GAAI,QAAO;AAE9B,QAAM,UAAU,QAAQ,MAAM,GAAG,UAAU;AAC3C,MAAI,CAAC,qBAAqB,KAAK,OAAO,EAAG,QAAO;AAEhD,QAAM,cAAc,QAAQ,MAAM,UAAU,EAAE,KAAA;AAC9C,MAAI,CAAC,YAAY,SAAS,GAAG,KAAK,CAAC,YAAY,SAAS,MAAM,EAAG,QAAO;AAExE,QAAM,QAAQ,mBAAmB,WAAW;AAC5C,MAAI,MAAM,WAAW,EAAG,QAAO;AAE/B,QAAM,aAAa,GAAG,MAAM;AAC5B,QAAM,QAAQ,gBAAgB,OAAO;AAErC,SAAO;AAAA,IACL,GAAG,MAAM,IAAI,OAAO;AAAA,IACpB,GAAG,MAAM,IAAI,CAAC,SAAS,GAAG,UAAU,GAAG,IAAI,EAAE;AAAA,IAC7C,GAAG,MAAM,GAAG,KAAK;AAAA,EAAA,EACjB,KAAK,IAAI;AACb;AAEA,SAAS,kBAAkB,MAAsB;AAC/C,SAAO,KACJ,MAAM,IAAI,EACV,QAAQ,CAAC,SAAS,qBAAqB,IAAI,EAAE,MAAM,IAAI,CAAC,EACxD,KAAK,IAAI;AACd;AAEA,SAAS,cAAc,MAAsB;AAC3C,QAAM,UAAU,KAAK,KAAA;AACrB,MAAI,QAAQ,WAAW,EAAG,QAAO;AAEjC,QAAM,aAAa,qBAAqB,OAAO;AAC/C,QAAM,WAAW,OAAO,UAAU;AAClC,QAAM,4BAA4B,uBAAuB,QAAQ;AACjE,SAAO,kBAAkB,yBAAyB;AACpD;AAMA,SAAS,cAAc,MAAyC;AAC9D,QAAM,4BAAY,IAAA;AAClB,MAAI,CAAC,KAAM,QAAO;AAElB,aAAW,QAAQ,MAAM;AACvB,QAAI,OAAO,SAAS,UAAU;AAC5B,YAAM,IAAI,IAAI;AAAA,IAChB,WAAW,OAAO,SAAS,UAAU;AACnC,YAAM,aAAa,KAAK,MAAM,eAAe;AAC7C,UAAI,YAAY;AACd,cAAM,QAAQ,SAAS,WAAW,CAAC,GAAG,EAAE;AACxC,cAAM,MAAM,SAAS,WAAW,CAAC,GAAG,EAAE;AACtC,iBAAS,IAAI,OAAO,KAAK,KAAK,KAAK;AACjC,gBAAM,IAAI,CAAC;AAAA,QACb;AAAA,MACF,OAAO;AACL,cAAM,MAAM,SAAS,MAAM,EAAE;AAC7B,YAAI,CAAC,MAAM,GAAG,GAAG;AACf,gBAAM,IAAI,GAAG;AAAA,QACf;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAEA,SAAO;AACT;AAaA,SAAS,iBAAiB,MAAc,SAAiC;AACvE,QAAM,EAAE,iBAAiB,iBAAiB,gBAAgB,YAAY,iBAAiB;AACvF,QAAM,UAAU,WAAW,OAAO,KAAK,aAAa,OAAO;AAE3D,MAAI,CAAC,mBAAmB,eAAe,SAAS,KAAK,CAAC,SAAS;AAC7D,WAAO;AAAA,EACT;AAIA,QAAM,YAAY,KAAK,MAAM,+BAA+B;AAC5D,MAAI,CAAC,UAAW,QAAO;AAEvB,QAAM,cAAc,UAAU,CAAC;AAC/B,QAAM,QAAQ,YAAY,MAAM,IAAI;AAGpC,QAAM,iBAAiB,MAAM,IAAI,CAAC,MAAM,UAAU;AAChD,UAAM,UAAU,QAAQ;AACxB,UAAM,iBAAiB,kBAAkB;AACzC,UAAM,gBAAgB,eAAe,IAAI,OAAO;AAChD,UAAM,UAAU,WAAW,IAAI,OAAO;AACtC,UAAM,YAAY,aAAa,IAAI,OAAO;AAE1C,UAAM,cAAc,CAAC,MAAM;AAC3B,QAAI,cAAe,aAAY,KAAK,aAAa;AACjD,QAAI,QAAS,aAAY,KAAK,YAAY;AAC1C,QAAI,UAAW,aAAY,KAAK,cAAc;AAE9C,UAAM,YAAY,YAAY,KAAK,GAAG;AACtC,UAAM,aAAa,UAAU,MAAM,YAAY,MAAM;AAErD,QAAI,mBAAmB,SAAS;AAC9B,YAAM,cAAc,kBAChB,6BAA6B,cAAc,YAC3C;AACJ,YAAM,iBAAiB,UAAU,6BAA6B,UAAU,YAAY;AACpF,aAAO,gBAAgB,SAAS,KAAK,WAAW,GAAG,cAAc,GAAG,IAAI;AAAA,IAC1E;AACA,WAAO,gBAAgB,SAAS,KAAK,IAAI;AAAA,EAC3C,CAAC;AAGD,SAAO,KAAK,QAAQ,+BAA+B,SAAS,eAAe,KAAK,IAAI,CAAC,SAAS;AAChG;AAEA,MAAM,gBAAgB,MAAM,WAA2C,SAASC,WAC9E;AAAA,EACE;AAAA,EACA,WAAW;AAAA,EACX,QAAQ;AAAA,EACR,WAAW;AAAA,EACX;AAAA,EACA;AAAA,EACA;AAAA,EACA,kBAAkB;AAAA,EAClB,kBAAkB;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX;AAAA,EACA,cAAc;AAAA,EACd,mBAAmB;AAAA,EACnB,iBAAiB;AAAA,EACjB,UAAU;AAAA,EACV,iBAAiB;AAAA,EACjB,gBAAgB;AAAA,EAChB;AAAA,EACA;AAAA,EACA,GAAG;AACL,GACA,KACA;AACA,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,KAAK;AAC1C,QAAM,CAAC,WAAW,YAAY,IAAI,SAA6C,EAAE,MAAM,IAAI,SAAS,MAAM;AAC1G,QAAM,CAAC,aAAa,cAAc,IAAI,SAAS,gBAAgB;AAE/D,QAAM,cAAc,QAAQ,MAAM,cAAc,IAAI,GAAG,CAAC,IAAI,CAAC;AAC7D,QAAM,YAAY,YAAY,MAAM,IAAI;AACxC,QAAM,aAAa,UAAU;AAC7B,QAAM,qBAAqB,eAAe,aAAa;AAGvD,QAAM,cACJ,sBAAsB,cAAc,UAAU,MAAM,GAAG,cAAc,EAAE,KAAK,IAAI,IAAI;AAEtF,QAAM,eAAe,QAAQ,MAAM,cAAc,cAAc,GAAG,CAAC,cAAc,CAAC;AAClF,QAAM,WAAW,QAAQ,MAAM,cAAc,UAAU,GAAG,CAAC,UAAU,CAAC;AACtE,QAAM,aAAa,QAAQ,MAAM,cAAc,YAAY,GAAG,CAAC,YAAY,CAAC;AAC5E,QAAM,UAAU,SAAS,OAAO,KAAK,WAAW,OAAO;AACvD,QAAM,wBACJ,kBAAkB,SAAU,WAAW,WAAW,YAAa;AACjE,QAAM,uBAAuB,YAAY,CAAC,kBAAkB,0BAA0B;AACtF,QAAM,wBAAwB,YAAY,CAAC,kBAAkB,0BAA0B;AACvF,QAAM,qBAAqB,QAAQ,QAAQ,KAAK;AAGhD,YAAU,MAAM;AACd,QAAI,YAAY;AAChB,iBAAa,CAAC,UAAU,EAAE,GAAG,MAAM,SAAS,OAAO;AAEnD,UAAM,MAAM,YAAY;AACtB,YAAM,cAAA;AAEN,YAAM,eAAe,4BAA4B,WAAW,WAAW,CAAC;AAExE,UAAI,gBAAgB,CAAC,aAAa;AAChC,YAAI,gBAAgB,QAAQ,IAAI,aAAa,eAAe;AAC1D,kBAAQ;AAAA,YACN;AAAA,UAAA;AAAA,QAGJ;AACA,eAAO;AAAA,MACT;AAEA,UAAI;AACF,cAAM,eAAe,iBAAiB,QAAQ,KAAK;AACnD,cAAM,OAAO,MAAM,YAAY,aAAa,EAAE,MAAM,cAAc,OAAO;AACzE,eAAO,iBAAiB,MAAM;AAAA,UAC5B;AAAA,UACA;AAAA,UACA,gBAAgB;AAAA,UAChB,YAAY;AAAA,UACZ,cAAc;AAAA,QAAA,CACf;AAAA,MACH,SAAS,KAAK;AACZ,YAAI,QAAQ,IAAI,aAAa,cAAc;AACzC,kBAAQ,MAAM,+BAA+B,GAAG;AAAA,QAClD;AACA,eAAO;AAAA,MACT;AAAA,IACF;AAEA,QAAA,EAAM,KAAK,CAAC,SAAS;AACnB,UAAI,CAAC,WAAW;AACd,qBAAa,EAAE,MAAM,SAAS,MAAA,CAAO;AAAA,MACvC;AAAA,IACF,CAAC;AAED,WAAO,MAAM;AACX,kBAAY;AAAA,IACd;AAAA,EACF,GAAG;AAAA,IACD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,CACD;AAED,QAAM,aAAa,YAAY,YAAY;AACzC,QAAI;AAEF,YAAM,UAAU,UAAU,UAAU,WAAW;AAC/C,gBAAU,IAAI;AACd,iBAAW,MAAM,UAAU,KAAK,GAAG,GAAI;AACvC;AAAA,IACF,SAAS,KAAK;AACZ,UAAI,QAAQ,IAAI,aAAa,cAAc;AACzC,gBAAQ,MAAM,mBAAmB,GAAG;AAAA,MACtC;AAAA,IACF;AAAA,EACF,GAAG,CAAC,aAAa,MAAM,CAAC;AAExB,QAAM,kBAAkB,YAAY,MAAM;AACxC,mBAAe,CAAC,SAAS,CAAC,IAAI;AAAA,EAChC,GAAG,CAAA,CAAE;AAEL,QAAM,aAAa;AAAA,IACjB,OAAO;AAAA,IACP,mBAAmB,OAAO;AAAA,IAC1B,WAAW,OAAO;AAAA,IAClB,YAAY,OAAO;AAAA,IACnB,WAAW,OAAO;AAAA,IAClB;AAAA,EAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,QAAM,iBAAiB;AAAA,IACrB,OAAO;AAAA,IACP,kBAAkB,OAAO;AAAA,IACzB,yBAAyB,OAAO;AAAA,EAAA,EAE/B,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,QAAM,qBAA0C,YAAY,EAAE,WAAW,UAAU,OAAA,IAAW,CAAA;AAE9F,SACE,qBAAC,SAAI,KAAW,GAAG,WAAW,WAAW,YAAY,cAAW,QAC7D,UAAA;AAAA,IAAA,SAAS,oBAAC,OAAA,EAAI,WAAW,OAAO,OAAQ,UAAA,OAAM;AAAA,IAC/C,qBAAC,OAAA,EAAI,WAAW,gBACb,UAAA;AAAA,MAAA,sBACC,qBAAC,OAAA,EAAI,WAAW,OAAO,QACrB,UAAA;AAAA,QAAA,oBAAC,QAAA,EAAK,WAAW,OAAO,UAAW,sBAAY,IAAG;AAAA,QACjD,wBACC;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,SAAS;AAAA,YACT,WAAW,GAAG,OAAO,UAAU,IAAI,SAAS,OAAO,SAAS,EAAE;AAAA,YAC9D,cAAY,SAAS,YAAY;AAAA,YAEhC,UAAA,SACC,oBAAC,WAAA,EAAU,WAAW,OAAO,KAAA,CAAM,IAEnC,oBAAC,UAAA,EAAS,WAAW,OAAO,KAAA,CAAM;AAAA,UAAA;AAAA,QAAA;AAAA,MAEtC,GAEJ;AAAA,MAED,yBACC;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,SAAS;AAAA,UACT,WAAW,GAAG,OAAO,UAAU,IAAI,OAAO,WAAW,IAAI,SAAS,OAAO,SAAS,EAAE;AAAA,UACpF,cAAY,SAAS,YAAY;AAAA,UAEhC,UAAA,SAAS,oBAAC,WAAA,EAAU,WAAW,OAAO,KAAA,CAAM,IAAK,oBAAC,UAAA,EAAS,WAAW,OAAO,KAAA,CAAM;AAAA,QAAA;AAAA,MAAA;AAAA,MAGvF,UAAU,UACT,oBAAC,OAAA,EAAI,WAAW,OAAO,SAAS,OAAO,oBACrC,UAAA,oBAAC,SACC,UAAA,oBAAC,QAAA,EAAM,UAAA,aAAY,EAAA,CACrB,GACF,IAEA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAW,OAAO;AAAA,UAClB,OAAO;AAAA,UACP,yBAAyB,EAAE,QAAQ,UAAU,KAAA;AAAA,QAAK;AAAA,MAAA;AAAA,MAGrD,kBACC;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,SAAS;AAAA,UACT,WAAW,GAAG,OAAO,cAAc,IAAI,OAAO,UAAU,IAAI,OAAO,WAAW,IAAI,SAAS,OAAO,SAAS,EAAE;AAAA,UAC7G,cAAY,SAAS,YAAY;AAAA,UAEhC,UAAA,SAAS,oBAAC,WAAA,EAAU,WAAW,OAAO,KAAA,CAAM,IAAK,oBAAC,UAAA,EAAS,WAAW,OAAO,KAAA,CAAM;AAAA,QAAA;AAAA,MAAA;AAAA,MAGvF,sBACC;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,SAAS;AAAA,UACT,WAAW,OAAO;AAAA,UAClB,iBAAe,CAAC;AAAA,UAChB,cAAY,cAAc,gBAAgB;AAAA,UAEzC,wBACC,qBAAA,UAAA,EACE,UAAA;AAAA,YAAA,oBAAC,iBAAA,EAAgB,WAAW,OAAO,KAAA,CAAM;AAAA,iCACxC,QAAA,EAAK,UAAA;AAAA,cAAA;AAAA,cAAM,aAAa;AAAA,cAAe;AAAA,YAAA,EAAA,CAAW;AAAA,UAAA,EAAA,CACrD,IAEA,qBAAA,UAAA,EACE,UAAA;AAAA,YAAA,oBAAC,eAAA,EAAc,WAAW,OAAO,KAAA,CAAM;AAAA,YACvC,oBAAC,UAAK,UAAA,YAAA,CAAS;AAAA,UAAA,EAAA,CACjB;AAAA,QAAA;AAAA,MAAA;AAAA,IAEJ,GAEJ;AAAA,IACC,WAAW,oBAAC,OAAA,EAAI,WAAW,OAAO,SAAU,UAAA,QAAA,CAAQ;AAAA,EAAA,GACvD;AAEJ,CAAC;AAwCD,SAAS,gBAAgB;AAAA,EACvB;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX,gBAAgB;AAAA,EAChB,kBAAkB;AAAA,EAClB;AAAA,EACA,cAAc;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAyB;;AACvB,QAAM,eAAe,gBAAc,UAAK,CAAC,MAAN,mBAAS,UAAS;AAErD,SACE,oBAAC,OAAA,EAAI,WACH,UAAA,qBAAC,YAAS,cACR,UAAA;AAAA,IAAA,oBAAC,YAAS,SAAS,aAChB,UAAA,KAAK,IAAI,CAAC,QACT,oBAAC,KAAA,EAAoB,OAAO,IAAI,OAC7B,UAAA,IAAI,SADG,IAAI,KAEd,CACD,GACH;AAAA,IACC,KAAK,IAAI,CAAC,QACT,oBAAC,WAAA,EAA0B,OAAO,IAAI,OAAO,OAAK,MAAC,WAAW,OAAO,aACnE,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAM,IAAI;AAAA,QACV,UAAU,IAAI;AAAA,QACd;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,QAAQ,SAAS,MAAM,OAAO,IAAI,KAAK,IAAI;AAAA,MAAA;AAAA,IAAA,EAC7C,GAXc,IAAI,KAYpB,CACD;AAAA,EAAA,EAAA,CACH,EAAA,CACF;AAEJ;AAMO,MAAM,YAAY,OAAO,OAAO,eAAe;AAAA,EACpD,QAAQ;AACV,CAAC;"}
+{"version":3,"file":"codeblock.js","sources":["../src/components/CodeBlock/index.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { useState, useCallback, useEffect, useMemo } from \"react\";\n// ============================================\n// Lazy-loaded dependency (shiki)\n// ============================================\n\nlet _codeToHtml:\n  | ((code: string, options: { lang: string; theme: string }) => Promise<string>)\n  | null = null;\nlet _shikiLoadPromise: Promise<void> | null = null;\nlet _shikiFailed = false;\n\nasync function loadShikiDeps() {\n  if (_codeToHtml) return;\n  if (_shikiFailed) return;\n  if (!_shikiLoadPromise) {\n    _shikiLoadPromise = (async () => {\n      try {\n        const shiki = await import(\"shiki\");\n        _codeToHtml = shiki.codeToHtml;\n      } catch {\n        _shikiFailed = true;\n      }\n    })();\n  }\n  await _shikiLoadPromise;\n}\nimport { TabsRoot, TabsList, Tab, TabsPanel } from \"../Tabs\";\nimport { Button } from \"../Button\";\nimport styles from \"./CodeBlock.module.scss\";\nimport \"../../styles/globals.scss\";\n\nexport type CodeBlockLanguage =\n  | \"tsx\"\n  | \"typescript\"\n  | \"ts\"\n  | \"javascript\"\n  | \"js\"\n  | \"jsx\"\n  | \"bash\"\n  | \"shell\"\n  | \"css\"\n  | \"scss\"\n  | \"sass\"\n  | \"json\"\n  | \"html\"\n  | \"xml\"\n  | \"markdown\"\n  | \"md\"\n  | \"yaml\"\n  | \"yml\"\n  | \"python\"\n  | \"py\"\n  | \"ruby\"\n  | \"go\"\n  | \"rust\"\n  | \"java\"\n  | \"kotlin\"\n  | \"swift\"\n  | \"c\"\n  | \"cpp\"\n  | \"csharp\"\n  | \"php\"\n  | \"sql\"\n  | \"graphql\"\n  | \"diff\"\n  | \"plaintext\"\n  | \"text\";\n\n/** Resolves language aliases to their canonical Shiki names */\nconst LANGUAGE_ALIASES: Partial<Record<CodeBlockLanguage, string>> = {\n  ts: \"typescript\",\n  js: \"javascript\",\n  text: \"plaintext\",\n};\n\n/** Available syntax highlighting themes */\nexport type CodeBlockTheme =\n  | \"synthwave-84\"\n  | \"github-dark\"\n  | \"github-light\"\n  | \"one-dark-pro\"\n  | \"dracula\"\n  | \"nord\"\n  | \"monokai\"\n  | \"vitesse-dark\"\n  | \"vitesse-light\"\n  | \"min-dark\"\n  | \"min-light\";\n\nexport type CodeBlockCopyPlacement = \"auto\" | \"header\" | \"overlay\";\n\nexport interface CodeBlockProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Code string to display */\n  code: string;\n  /** Programming language for syntax highlighting */\n  language?: CodeBlockLanguage;\n  /** Syntax highlighting theme */\n  theme?: CodeBlockTheme;\n  /** Show copy button */\n  showCopy?: boolean;\n  /** Optional title above code block (external label) */\n  title?: string;\n  /** Optional filename shown in header bar inside code block */\n  filename?: string;\n  /** Optional caption below code block */\n  caption?: string;\n  /** Show line numbers */\n  showLineNumbers?: boolean;\n  /** Starting line number (default: 1) */\n  startLineNumber?: number;\n  /** Highlight specific lines (e.g., [1, 3, '5-7']) */\n  highlightLines?: (number | string)[];\n  /** Lines marked as added in diff view */\n  addedLines?: (number | string)[];\n  /** Lines marked as removed in diff view */\n  removedLines?: (number | string)[];\n  /** Enable word wrapping for long lines */\n  wordWrap?: boolean;\n  /** Maximum height in pixels (enables scrolling) */\n  maxHeight?: number;\n  /** Allow collapsing/expanding the code block */\n  collapsible?: boolean;\n  /** Initial collapsed state (only applies when collapsible is true) */\n  defaultCollapsed?: boolean;\n  /** Number of lines to show when collapsed */\n  collapsedLines?: number;\n  /** Compact mode with reduced padding */\n  compact?: boolean;\n  /** Show a persistent copy button (always visible, uses Button component) */\n  persistentCopy?: boolean;\n  /** Placement of copy button when not using persistent copy */\n  copyPlacement?: CodeBlockCopyPlacement;\n  /** Callback fired when the copy button is clicked and copy succeeds */\n  onCopy?: () => void;\n}\n\nfunction CopyIcon({ className }: { className?: string }) {\n  return (\n    <svg\n      className={className}\n      width=\"14\"\n      height=\"14\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      aria-hidden=\"true\"\n    >\n      <rect x=\"9\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\" ry=\"2\" />\n      <path d=\"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1\" />\n    </svg>\n  );\n}\n\nfunction CheckIcon({ className }: { className?: string }) {\n  return (\n    <svg\n      className={className}\n      width=\"14\"\n      height=\"14\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      aria-hidden=\"true\"\n    >\n      <polyline points=\"20 6 9 17 4 12\" />\n    </svg>\n  );\n}\n\nfunction ChevronDownIcon({ className }: { className?: string }) {\n  return (\n    <svg\n      className={className}\n      width=\"14\"\n      height=\"14\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      aria-hidden=\"true\"\n    >\n      <polyline points=\"6 9 12 15 18 9\" />\n    </svg>\n  );\n}\n\nfunction ChevronUpIcon({ className }: { className?: string }) {\n  return (\n    <svg\n      className={className}\n      width=\"14\"\n      height=\"14\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      aria-hidden=\"true\"\n    >\n      <polyline points=\"18 15 12 9 6 15\" />\n    </svg>\n  );\n}\n\nfunction escapeHtml(str: string): string {\n  return str\n    .replace(/&/g, \"&amp;\")\n    .replace(/</g, \"&lt;\")\n    .replace(/>/g, \"&gt;\")\n    .replace(/\"/g, \"&quot;\")\n    .replace(/'/g, \"&#039;\");\n}\n\n/**\n * Remove common leading whitespace from all lines (dedent).\n * This handles template literals that have extra indentation from code formatting.\n */\nfunction dedent(str: string): string {\n  const lines = str.split(\"\\n\");\n\n  // Find the minimum indentation (ignoring empty lines)\n  let minIndent = Infinity;\n  for (const line of lines) {\n    if (line.trim() === \"\") continue;\n    const match = line.match(/^(\\s*)/);\n    if (match) {\n      minIndent = Math.min(minIndent, match[1].length);\n    }\n  }\n\n  // If no indentation found, return as-is\n  if (minIndent === Infinity || minIndent === 0) {\n    return str;\n  }\n\n  // Remove the common indentation from all lines\n  return lines.map((line) => line.slice(minIndent)).join(\"\\n\");\n}\n\n/**\n * Normalize indentation while handling JSX where first line is already at column 0.\n */\nfunction normalizeIndentation(str: string): string {\n  const lines = str.split(\"\\n\");\n  if (lines.length <= 1) return str;\n\n  let minIndent = Infinity;\n  const firstLineIndent = lines[0].match(/^(\\s*)/)?.[1].length ?? 0;\n\n  for (let i = 1; i < lines.length; i += 1) {\n    const line = lines[i];\n    if (line.trim().length === 0) continue;\n    const indent = line.match(/^(\\s*)/)?.[1].length ?? 0;\n    minIndent = Math.min(minIndent, indent);\n  }\n\n  if (firstLineIndent > 0) {\n    minIndent = Math.min(minIndent, firstLineIndent);\n  }\n\n  if (minIndent === Infinity || minIndent === 0) return str;\n\n  return lines\n    .map((line) => line.slice(Math.min(minIndent, line.match(/^(\\s*)/)?.[1].length ?? 0)))\n    .join(\"\\n\");\n}\n\nfunction trimTrailingWhitespace(str: string): string {\n  return str\n    .split(\"\\n\")\n    .map((line) => line.replace(/[ \\t]+$/g, \"\"))\n    .join(\"\\n\");\n}\n\nfunction findTagEnd(line: string): number {\n  let quote: '\"' | \"'\" | \"`\" | null = null;\n  let escaped = false;\n  let braceDepth = 0;\n  let bracketDepth = 0;\n  let parenDepth = 0;\n\n  for (let i = 1; i < line.length; i += 1) {\n    const char = line[i];\n\n    if (quote) {\n      if (char === \"\\\\\" && !escaped) {\n        escaped = true;\n        continue;\n      }\n      if (char === quote && !escaped) {\n        quote = null;\n      }\n      escaped = false;\n      continue;\n    }\n\n    if (char === '\"' || char === \"'\" || char === \"`\") {\n      quote = char;\n      continue;\n    }\n\n    if (char === \"{\") braceDepth += 1;\n    else if (char === \"}\") braceDepth = Math.max(0, braceDepth - 1);\n    else if (char === \"[\") bracketDepth += 1;\n    else if (char === \"]\") bracketDepth = Math.max(0, bracketDepth - 1);\n    else if (char === \"(\") parenDepth += 1;\n    else if (char === \")\") parenDepth = Math.max(0, parenDepth - 1);\n    else if (char === \">\" && braceDepth === 0 && bracketDepth === 0 && parenDepth === 0) {\n      return i;\n    }\n  }\n\n  return -1;\n}\n\nfunction splitJsxAttributes(attrs: string): string[] {\n  const parts: string[] = [];\n  let current = \"\";\n  let quote: '\"' | \"'\" | \"`\" | null = null;\n  let escaped = false;\n  let braceDepth = 0;\n  let bracketDepth = 0;\n  let parenDepth = 0;\n\n  for (const char of attrs) {\n    if (quote) {\n      current += char;\n      if (char === \"\\\\\" && !escaped) {\n        escaped = true;\n        continue;\n      }\n      if (char === quote && !escaped) {\n        quote = null;\n      }\n      escaped = false;\n      continue;\n    }\n\n    if (char === '\"' || char === \"'\" || char === \"`\") {\n      quote = char;\n      current += char;\n      continue;\n    }\n\n    if (char === \"{\") braceDepth += 1;\n    else if (char === \"}\") braceDepth = Math.max(0, braceDepth - 1);\n    else if (char === \"[\") bracketDepth += 1;\n    else if (char === \"]\") bracketDepth = Math.max(0, bracketDepth - 1);\n    else if (char === \"(\") parenDepth += 1;\n    else if (char === \")\") parenDepth = Math.max(0, parenDepth - 1);\n\n    if (/\\s/.test(char) && braceDepth === 0 && bracketDepth === 0 && parenDepth === 0) {\n      if (current.trim().length > 0) {\n        parts.push(current.trim());\n        current = \"\";\n      }\n      continue;\n    }\n\n    current += char;\n  }\n\n  if (current.trim().length > 0) {\n    parts.push(current.trim());\n  }\n\n  return parts;\n}\n\nfunction formatLongJsxTagLine(line: string): string {\n  const maxInlineLength = 110;\n  if (line.length <= maxInlineLength) return line;\n\n  const indent = line.match(/^(\\s*)/)?.[1] ?? \"\";\n  const trimmed = line.trimStart();\n\n  if (\n    !trimmed.startsWith(\"<\") ||\n    trimmed.startsWith(\"</\") ||\n    trimmed.startsWith(\"<!\") ||\n    trimmed.startsWith(\"<?\")\n  ) {\n    return line;\n  }\n\n  const tagEnd = findTagEnd(trimmed);\n  if (tagEnd === -1) return line;\n  if (trimmed.slice(tagEnd + 1).trim().length > 0) return line;\n\n  const rawTagBody = trimmed.slice(1, tagEnd).trim();\n  const isSelfClosing = rawTagBody.endsWith(\"/\");\n  const tagBody = isSelfClosing ? rawTagBody.slice(0, -1).trimEnd() : rawTagBody;\n  const firstSpace = tagBody.search(/\\s/);\n  if (firstSpace === -1) return line;\n\n  const tagName = tagBody.slice(0, firstSpace);\n  if (!/^[A-Za-z][\\w.:-]*$/.test(tagName)) return line;\n\n  const attrsSource = tagBody.slice(firstSpace).trim();\n  if (!attrsSource.includes(\"=\") && !attrsSource.includes(\"{...\")) return line;\n\n  const attrs = splitJsxAttributes(attrsSource);\n  if (attrs.length === 0) return line;\n\n  const attrIndent = `${indent}  `;\n  const close = isSelfClosing ? \"/>\" : \">\";\n\n  return [\n    `${indent}<${tagName}`,\n    ...attrs.map((attr) => `${attrIndent}${attr}`),\n    `${indent}${close}`,\n  ].join(\"\\n\");\n}\n\nfunction formatLongJsxTags(code: string): string {\n  return code\n    .split(\"\\n\")\n    .flatMap((line) => formatLongJsxTagLine(line).split(\"\\n\"))\n    .join(\"\\n\");\n}\n\nfunction normalizeCode(code: string): string {\n  const trimmed = code.trim();\n  if (trimmed.length === 0) return \"\";\n\n  const normalized = normalizeIndentation(trimmed);\n  const dedented = dedent(normalized);\n  const withoutTrailingWhitespace = trimTrailingWhitespace(dedented);\n  return formatLongJsxTags(withoutTrailingWhitespace);\n}\n\n/**\n * Parse line specification into a Set of line numbers.\n * Supports: [1, 3, '5-7'] -> Set {1, 3, 5, 6, 7}\n */\nfunction parseLineSpec(spec?: (number | string)[]): Set<number> {\n  const lines = new Set<number>();\n  if (!spec) return lines;\n\n  for (const item of spec) {\n    if (typeof item === \"number\") {\n      lines.add(item);\n    } else if (typeof item === \"string\") {\n      const rangeMatch = item.match(/^(\\d+)-(\\d+)$/);\n      if (rangeMatch) {\n        const start = parseInt(rangeMatch[1], 10);\n        const end = parseInt(rangeMatch[2], 10);\n        for (let i = start; i <= end; i++) {\n          lines.add(i);\n        }\n      } else {\n        const num = parseInt(item, 10);\n        if (!isNaN(num)) {\n          lines.add(num);\n        }\n      }\n    }\n  }\n\n  return lines;\n}\n\ninterface ProcessOptions {\n  showLineNumbers: boolean;\n  startLineNumber: number;\n  highlightLines: Set<number>;\n  addedLines: Set<number>;\n  removedLines: Set<number>;\n}\n\n/**\n * Add line numbers, highlight classes, and diff markers to Shiki HTML output.\n */\nfunction processShikiHtml(html: string, options: ProcessOptions): string {\n  const { showLineNumbers, startLineNumber, highlightLines, addedLines, removedLines } = options;\n  const hasDiff = addedLines.size > 0 || removedLines.size > 0;\n\n  if (!showLineNumbers && highlightLines.size === 0 && !hasDiff) {\n    return html;\n  }\n\n  // Extract the code content from Shiki output\n  // Shiki outputs: <pre class=\"shiki ...\"><code>...lines...</code></pre>\n  const codeMatch = html.match(/<code[^>]*>([\\s\\S]*?)<\\/code>/);\n  if (!codeMatch) return html;\n\n  const codeContent = codeMatch[1];\n  const lines = codeContent.split(\"\\n\");\n\n  // Process each line\n  const processedLines = lines.map((line, index) => {\n    const lineNum = index + 1;\n    const displayLineNum = startLineNumber + index;\n    const isHighlighted = highlightLines.has(lineNum);\n    const isAdded = addedLines.has(lineNum);\n    const isRemoved = removedLines.has(lineNum);\n\n    const lineClasses = [\"line\"];\n    if (isHighlighted) lineClasses.push(\"highlighted\");\n    if (isAdded) lineClasses.push(\"diff-added\");\n    if (isRemoved) lineClasses.push(\"diff-removed\");\n\n    const lineClass = lineClasses.join(\" \");\n    const diffMarker = isAdded ? \"+\" : isRemoved ? \"-\" : \" \";\n\n    if (showLineNumbers || hasDiff) {\n      const lineNumHtml = showLineNumbers\n        ? `<span class=\"line-number\">${displayLineNum}</span>`\n        : \"\";\n      const diffMarkerHtml = hasDiff ? `<span class=\"diff-marker\">${diffMarker}</span>` : \"\";\n      return `<span class=\"${lineClass}\">${lineNumHtml}${diffMarkerHtml}${line}</span>`;\n    }\n    return `<span class=\"${lineClass}\">${line}</span>`;\n  });\n\n  // Reconstruct the HTML\n  return html.replace(/<code[^>]*>[\\s\\S]*?<\\/code>/, `<code>${processedLines.join(\"\\n\")}</code>`);\n}\n\nconst CodeBlockBase = React.forwardRef<HTMLDivElement, CodeBlockProps>(function CodeBlock(\n  {\n    code,\n    language = \"tsx\",\n    theme = \"one-dark-pro\",\n    showCopy = true,\n    title,\n    filename,\n    caption,\n    showLineNumbers = false,\n    startLineNumber = 1,\n    highlightLines,\n    addedLines,\n    removedLines,\n    wordWrap = false,\n    maxHeight,\n    collapsible = false,\n    defaultCollapsed = false,\n    collapsedLines = 5,\n    compact = false,\n    persistentCopy = false,\n    copyPlacement = \"auto\",\n    onCopy,\n    className,\n    ...htmlProps\n  },\n  ref\n) {\n  const [copied, setCopied] = useState(false);\n  const [highlight, setHighlight] = useState<{ html: string; loading: boolean }>({ html: '', loading: true });\n  const [isCollapsed, setIsCollapsed] = useState(defaultCollapsed);\n\n  const trimmedCode = useMemo(() => normalizeCode(code), [code]);\n  const codeLines = trimmedCode.split(\"\\n\");\n  const totalLines = codeLines.length;\n  const shouldShowCollapse = collapsible && totalLines > collapsedLines;\n\n  // Compute visible code when collapsed\n  const visibleCode =\n    shouldShowCollapse && isCollapsed ? codeLines.slice(0, collapsedLines).join(\"\\n\") : trimmedCode;\n\n  const highlightSet = useMemo(() => parseLineSpec(highlightLines), [highlightLines]);\n  const addedSet = useMemo(() => parseLineSpec(addedLines), [addedLines]);\n  const removedSet = useMemo(() => parseLineSpec(removedLines), [removedLines]);\n  const hasDiff = addedSet.size > 0 || removedSet.size > 0;\n  const resolvedCopyPlacement =\n    copyPlacement === \"auto\" ? (filename ? \"header\" : \"overlay\") : copyPlacement;\n  const shouldShowHeaderCopy = showCopy && !persistentCopy && resolvedCopyPlacement === \"header\";\n  const shouldShowOverlayCopy = showCopy && !persistentCopy && resolvedCopyPlacement === \"overlay\";\n  const shouldRenderHeader = Boolean(filename) || shouldShowHeaderCopy;\n\n  // Apply syntax highlighting\n  useEffect(() => {\n    let cancelled = false;\n    setHighlight((prev) => ({ ...prev, loading: true }));\n\n    const run = async () => {\n      await loadShikiDeps();\n\n      const fallbackHtml = `<pre class=\"shiki\"><code>${escapeHtml(visibleCode)}</code></pre>`;\n\n      if (_shikiFailed || !_codeToHtml) {\n        if (_shikiFailed && process.env.NODE_ENV === \"development\") {\n          console.warn(\n            \"[@fragments-sdk/ui] CodeBlock: shiki is not installed. \" +\n              \"Install it with: npm install shiki\"\n          );\n        }\n        return fallbackHtml;\n      }\n\n      try {\n        const resolvedLang = LANGUAGE_ALIASES[language] || language;\n        const html = await _codeToHtml(visibleCode, { lang: resolvedLang, theme });\n        return processShikiHtml(html, {\n          showLineNumbers,\n          startLineNumber,\n          highlightLines: highlightSet,\n          addedLines: addedSet,\n          removedLines: removedSet,\n        });\n      } catch (err) {\n        if (process.env.NODE_ENV !== \"production\") {\n          console.error(\"Syntax highlighting failed:\", err);\n        }\n        return fallbackHtml;\n      }\n    };\n\n    run().then((html) => {\n      if (!cancelled) {\n        setHighlight({ html, loading: false });\n      }\n    });\n\n    return () => {\n      cancelled = true;\n    };\n  }, [\n    visibleCode,\n    language,\n    theme,\n    showLineNumbers,\n    startLineNumber,\n    highlightSet,\n    addedSet,\n    removedSet,\n  ]);\n\n  const handleCopy = useCallback(async () => {\n    try {\n      // Always copy the full code, even when collapsed\n      await navigator.clipboard.writeText(trimmedCode);\n      setCopied(true);\n      setTimeout(() => setCopied(false), 2000);\n      onCopy?.();\n    } catch (err) {\n      if (process.env.NODE_ENV !== \"production\") {\n        console.error(\"Failed to copy:\", err);\n      }\n    }\n  }, [trimmedCode, onCopy]);\n\n  const toggleCollapsed = useCallback(() => {\n    setIsCollapsed((prev) => !prev);\n  }, []);\n\n  const classNames = [\n    styles.container,\n    showLineNumbers && styles.withLineNumbers,\n    hasDiff && styles.withDiff,\n    wordWrap && styles.wordWrap,\n    compact && styles.compact,\n    className,\n  ]\n    .filter(Boolean)\n    .join(\" \");\n\n  const wrapperClasses = [\n    styles.wrapper,\n    persistentCopy && styles.persistentCopyWrapper,\n    shouldShowOverlayCopy && styles.withCopyOverlay,\n  ]\n    .filter(Boolean)\n    .join(\" \");\n\n  const codeContainerStyle: React.CSSProperties = maxHeight ? { maxHeight, overflow: \"auto\" } : {};\n\n  return (\n    <div ref={ref} {...htmlProps} className={classNames} data-theme=\"dark\">\n      {title && <div className={styles.title}>{title}</div>}\n      <div className={wrapperClasses}>\n        {shouldRenderHeader && (\n          <div className={styles.header}>\n            <span className={styles.filename}>{filename ?? \"\"}</span>\n            {shouldShowHeaderCopy && (\n              <button\n                type=\"button\"\n                onClick={handleCopy}\n                className={`${styles.copyButton} ${copied ? styles.copied : \"\"}`}\n                aria-label={copied ? \"Copied!\" : \"Copy code\"}\n              >\n                {copied ? (\n                  <CheckIcon className={styles.icon} />\n                ) : (\n                  <CopyIcon className={styles.icon} />\n                )}\n              </button>\n            )}\n          </div>\n        )}\n        {shouldShowOverlayCopy && (\n          <button\n            type=\"button\"\n            onClick={handleCopy}\n            className={`${styles.copyButton} ${styles.copyOverlay} ${copied ? styles.copied : \"\"}`}\n            aria-label={copied ? \"Copied!\" : \"Copy code\"}\n          >\n            {copied ? <CheckIcon className={styles.icon} /> : <CopyIcon className={styles.icon} />}\n          </button>\n        )}\n        {highlight.loading ? (\n          <div className={styles.loading} style={codeContainerStyle}>\n            <pre>\n              <code>{visibleCode}</code>\n            </pre>\n          </div>\n        ) : (\n          <div\n            className={styles.codeContainer}\n            style={codeContainerStyle}\n            dangerouslySetInnerHTML={{ __html: highlight.html }}\n          />\n        )}\n        {persistentCopy && (\n          <button\n            type=\"button\"\n            onClick={handleCopy}\n            className={`${styles.persistentCopy} ${styles.copyButton} ${styles.copyOverlay} ${copied ? styles.copied : \"\"}`}\n            aria-label={copied ? \"Copied!\" : \"Copy code\"}\n          >\n            {copied ? <CheckIcon className={styles.icon} /> : <CopyIcon className={styles.icon} />}\n          </button>\n        )}\n        {shouldShowCollapse && (\n          <button\n            type=\"button\"\n            onClick={toggleCollapsed}\n            className={styles.collapseButton}\n            aria-expanded={!isCollapsed}\n            aria-label={isCollapsed ? \"Expand code\" : \"Collapse code\"}\n          >\n            {isCollapsed ? (\n              <>\n                <ChevronDownIcon className={styles.icon} />\n                <span>Show {totalLines - collapsedLines} more lines</span>\n              </>\n            ) : (\n              <>\n                <ChevronUpIcon className={styles.icon} />\n                <span>Show less</span>\n              </>\n            )}\n          </button>\n        )}\n      </div>\n      {caption && <div className={styles.caption}>{caption}</div>}\n    </div>\n  );\n});\n\n// ============================================\n// Tabbed Code Block\n// ============================================\n\nexport interface CodeBlockTab {\n  /** Label shown in the tab */\n  label: string;\n  /** Stable tab value (defaults to label) */\n  value?: string;\n  /** Code string to display */\n  code: string;\n  /** Programming language for syntax highlighting */\n  language?: CodeBlockLanguage;\n}\n\nexport interface TabbedCodeBlockProps {\n  /** Array of code tabs */\n  tabs: CodeBlockTab[];\n  /** Default selected tab (by tab value, or label when value is omitted) */\n  defaultTab?: string;\n  /** Controlled selected tab value */\n  value?: string;\n  /** Called when the selected tab changes */\n  onValueChange?: (value: string) => void;\n  /** Show copy button */\n  showCopy?: boolean;\n  /** Placement of copy button when not using persistent copy */\n  copyPlacement?: CodeBlockCopyPlacement;\n  /** Show line numbers */\n  showLineNumbers?: boolean;\n  /** Syntax highlighting theme (applies to all tabs) */\n  theme?: CodeBlockTheme;\n  /** Tab list visual style */\n  tabsVariant?: \"underline\" | \"pills\";\n  /** Enable word wrapping for long lines */\n  wordWrap?: boolean;\n  /** Maximum height in pixels (enables scrolling) */\n  maxHeight?: number;\n  /** Additional class name */\n  className?: string;\n  /** Callback fired when a tab's copy button is clicked. Receives the tab label. */\n  onCopy?: (tabLabel: string) => void;\n}\n\nfunction TabbedCodeBlock({\n  tabs,\n  defaultTab,\n  value,\n  onValueChange,\n  showCopy = true,\n  copyPlacement = \"auto\",\n  showLineNumbers = false,\n  theme,\n  tabsVariant = \"pills\",\n  wordWrap,\n  maxHeight,\n  className,\n  onCopy,\n}: TabbedCodeBlockProps) {\n  const defaultValue = defaultTab || tabs[0]?.value || tabs[0]?.label || \"\";\n\n  return (\n    <div className={className}>\n      <TabsRoot defaultValue={defaultValue} value={value} onValueChange={onValueChange}>\n        <TabsList variant={tabsVariant}>\n          {tabs.map((tab, index) => {\n            const tabValue = tab.value ?? tab.label;\n            return (\n            <Tab key={`${tabValue}-${index}`} value={tabValue}>\n              {tab.label}\n            </Tab>\n            );\n          })}\n        </TabsList>\n        {tabs.map((tab, index) => {\n          const tabValue = tab.value ?? tab.label;\n          return (\n          <TabsPanel key={`${tabValue}-panel-${index}`} value={tabValue} flush className={styles.tabbedPanel}>\n            <CodeBlockBase\n              code={tab.code}\n              language={tab.language}\n              theme={theme}\n              showCopy={showCopy}\n              copyPlacement={copyPlacement}\n              showLineNumbers={showLineNumbers}\n              wordWrap={wordWrap}\n              maxHeight={maxHeight}\n              onCopy={onCopy ? () => onCopy(tab.label) : undefined}\n            />\n          </TabsPanel>\n          );\n        })}\n      </TabsRoot>\n    </div>\n  );\n}\n\n// ============================================\n// Export compound component\n// ============================================\n\nexport const CodeBlock = Object.assign(CodeBlockBase, {\n  Tabbed: TabbedCodeBlock,\n});\n\nexport { TabbedCodeBlock };\n"],"names":["_a","CodeBlock"],"mappings":"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"}

package/dist/components/Accordion/Accordion.module.scss.cjs

@@ -1,13 +1,13 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const accordion = "_accordion_1p05d_1";
-const item = "_item_1p05d_12";
-const heading = "_heading_1p05d_17";
-const trigger = "_trigger_1p05d_23";
-const triggerContent = "_triggerContent_1p05d_67";
-const chevron = "_chevron_1p05d_71";
-const content = "_content_1p05d_80";
-const contentInner = "_contentInner_1p05d_93";
+const accordion = "_accordion_c9ujp_1";
+const item = "_item_c9ujp_12";
+const heading = "_heading_c9ujp_17";
+const trigger = "_trigger_c9ujp_23";
+const triggerContent = "_triggerContent_c9ujp_67";
+const chevron = "_chevron_c9ujp_71";
+const content = "_content_c9ujp_80";
+const contentInner = "_contentInner_c9ujp_93";
 const styles = {
   accordion,
   item,

package/dist/components/Accordion/Accordion.module.scss.js

@@ -1,11 +1,11 @@
-const accordion = "_accordion_1p05d_1";
-const item = "_item_1p05d_12";
-const heading = "_heading_1p05d_17";
-const trigger = "_trigger_1p05d_23";
-const triggerContent = "_triggerContent_1p05d_67";
-const chevron = "_chevron_1p05d_71";
-const content = "_content_1p05d_80";
-const contentInner = "_contentInner_1p05d_93";
+const accordion = "_accordion_c9ujp_1";
+const item = "_item_c9ujp_12";
+const heading = "_heading_c9ujp_17";
+const trigger = "_trigger_c9ujp_23";
+const triggerContent = "_triggerContent_c9ujp_67";
+const chevron = "_chevron_c9ujp_71";
+const content = "_content_c9ujp_80";
+const contentInner = "_contentInner_c9ujp_93";
 const styles = {
   accordion,
   item,

package/dist/components/Accordion/index.cjs

@@ -74,12 +74,14 @@ function AccordionRoot({
     if (controlledOpenItems === void 0) {
       setOpenItems(newItems);
     }
-    if (onValueChange) {
-      onValueChange(type === "single" ? newItems[0] : newItems);
+    if (type === "single") {
+      onValueChange == null ? void 0 : onValueChange(newItems[0]);
+    } else {
+      onValueChange == null ? void 0 : onValueChange(newItems);
     }
   }, [type, currentOpenItems, collapsible2, controlledOpenItems, onValueChange]);
   const classes = [Accordion_module.default.accordion, className].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsxRuntime.jsx(AccordionContext.Provider, { value: { type, openItems: currentOpenItems, toggle, collapsible: collapsible2, headingLevel }, children: /* @__PURE__ */ jsxRuntime.jsx("div", { ...htmlProps, className: classes, "data-orientation": "vertical", role: "region", children }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(AccordionContext.Provider, { value: { type, openItems: currentOpenItems, toggle, collapsible: collapsible2, headingLevel }, children: /* @__PURE__ */ jsxRuntime.jsx("div", { ...htmlProps, className: classes, "data-orientation": "vertical", children }) });
 }
 function AccordionItem({
   children,
@@ -104,6 +106,7 @@ function AccordionItem({
 function AccordionTrigger({
   children,
   className,
+  type: buttonType,
   onClick,
   ...htmlProps
 }) {
@@ -122,6 +125,7 @@ function AccordionTrigger({
     collapsible.Collapsible.Trigger,
     {
       ...htmlProps,
+      type: buttonType ?? "button",
       id: triggerId,
       className: classes,
       onClick: handleClick,

package/dist/components/Accordion/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/Accordion/index.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Collapsible as BaseCollapsible } from '@base-ui/react/collapsible';\nimport styles from './Accordion.module.scss';\n\n// ============================================\n// Types\n// ============================================\n\nexport type AccordionValue = string | string[];\n\nexport interface AccordionProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'defaultValue'> {\n  children: React.ReactNode;\n  /** Allow multiple items to be open at once */\n  type?: 'single' | 'multiple';\n  /** Controlled value - string for single, string[] for multiple */\n  value?: AccordionValue;\n  /** Default value for uncontrolled usage */\n  defaultValue?: AccordionValue;\n  /** Callback when value changes */\n  onValueChange?: (value: AccordionValue | undefined) => void;\n  /** Whether items can be fully collapsed (only for type=\"single\") */\n  collapsible?: boolean;\n  /**\n   * Heading level for accordion triggers (for semantic HTML).\n   * The trigger will be wrapped in an <h{level}> element.\n   * @default 3\n   */\n  headingLevel?: 2 | 3 | 4 | 5 | 6;\n}\n\nexport interface AccordionItemProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode;\n  /** Unique value for this item */\n  value: string;\n  /** Disable this item */\n  disabled?: boolean;\n}\n\nexport interface AccordionTriggerProps extends React.HTMLAttributes<HTMLButtonElement> {\n  children: React.ReactNode;\n}\n\nexport interface AccordionContentProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode;\n}\n\n// ============================================\n// Context\n// ============================================\n\ninterface AccordionContextValue {\n  type: 'single' | 'multiple';\n  openItems: string[];\n  toggle: (value: string) => void;\n  collapsible: boolean;\n  headingLevel: 2 | 3 | 4 | 5 | 6;\n}\n\nconst AccordionContext = React.createContext<AccordionContextValue | null>(null);\n\ninterface AccordionItemContextValue {\n  value: string;\n  isOpen: boolean;\n  disabled: boolean;\n  triggerId: string;\n  contentId: string;\n}\n\nconst AccordionItemContext = React.createContext<AccordionItemContextValue | null>(null);\n\nfunction useAccordionContext() {\n  const context = React.useContext(AccordionContext);\n  if (!context) {\n    throw new Error('Accordion components must be used within an Accordion');\n  }\n  return context;\n}\n\nfunction useAccordionItemContext() {\n  const context = React.useContext(AccordionItemContext);\n  if (!context) {\n    throw new Error('Accordion.Trigger/Content must be used within an Accordion.Item');\n  }\n  return context;\n}\n\n// ============================================\n// Components\n// ============================================\n\nfunction AccordionRoot({\n  children,\n  type = 'single',\n  value,\n  defaultValue,\n  onValueChange,\n  collapsible = false,\n  headingLevel = 3,\n  className,\n  ...htmlProps\n}: AccordionProps) {\n  // Normalize value to array for internal handling\n  const normalizeValue = (val: AccordionValue | undefined): string[] => {\n    if (val === undefined) return [];\n    return Array.isArray(val) ? val : [val];\n  };\n\n  const [openItems, setOpenItems] = React.useState<string[]>(() =>\n    normalizeValue(defaultValue)\n  );\n\n  // Use controlled value if provided\n  const controlledOpenItems = value !== undefined ? normalizeValue(value) : undefined;\n  const currentOpenItems = controlledOpenItems ?? openItems;\n\n  const toggle = React.useCallback((itemValue: string) => {\n    const newItems = (() => {\n      if (type === 'single') {\n        // For single, toggle or set new item\n        if (currentOpenItems.includes(itemValue)) {\n          return collapsible ? [] : currentOpenItems;\n        }\n        return [itemValue];\n      } else {\n        // For multiple, toggle item in array\n        if (currentOpenItems.includes(itemValue)) {\n          return currentOpenItems.filter(v => v !== itemValue);\n        }\n        return [...currentOpenItems, itemValue];\n      }\n    })();\n\n    if (controlledOpenItems === undefined) {\n      setOpenItems(newItems);\n    }\n\n    if (onValueChange) {\n      onValueChange(type === 'single' ? newItems[0] : newItems);\n    }\n  }, [type, currentOpenItems, collapsible, controlledOpenItems, onValueChange]);\n\n  const classes = [styles.accordion, className].filter(Boolean).join(' ');\n\n  return (\n    <AccordionContext.Provider value={{ type, openItems: currentOpenItems, toggle, collapsible, headingLevel }}>\n      <div {...htmlProps} className={classes} data-orientation=\"vertical\" role=\"region\">\n        {children}\n      </div>\n    </AccordionContext.Provider>\n  );\n}\n\nfunction AccordionItem({\n  children,\n  value,\n  disabled = false,\n  className,\n  ...htmlProps\n}: AccordionItemProps) {\n  const { openItems } = useAccordionContext();\n  const isOpen = openItems.includes(value);\n  const baseId = React.useId();\n  const triggerId = `accordion-trigger-${baseId}`;\n  const contentId = `accordion-content-${baseId}`;\n\n  const classes = [\n    styles.item,\n    isOpen && styles.itemOpen,\n    disabled && styles.itemDisabled,\n    className,\n  ].filter(Boolean).join(' ');\n\n  return (\n    <AccordionItemContext.Provider value={{ value, isOpen, disabled, triggerId, contentId }}>\n      <BaseCollapsible.Root open={isOpen} disabled={disabled}>\n        <div {...htmlProps} className={classes} data-state={isOpen ? 'open' : 'closed'} data-disabled={disabled || undefined}>\n          {children}\n        </div>\n      </BaseCollapsible.Root>\n    </AccordionItemContext.Provider>\n  );\n}\n\nfunction AccordionTrigger({\n  children,\n  className,\n  onClick,\n  ...htmlProps\n}: AccordionTriggerProps) {\n  const { toggle, headingLevel } = useAccordionContext();\n  const { value, isOpen, disabled, triggerId, contentId } = useAccordionItemContext();\n\n  const handleClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n    onClick?.(event);\n    if (event.defaultPrevented) return;\n    if (!disabled) {\n      toggle(value);\n    }\n  };\n\n  const classes = [styles.trigger, className].filter(Boolean).join(' ');\n\n  // Create the heading element dynamically based on headingLevel\n  const HeadingTag = `h${headingLevel}` as 'h2' | 'h3' | 'h4' | 'h5' | 'h6';\n\n  return (\n    <HeadingTag className={styles.heading}>\n      <BaseCollapsible.Trigger\n        {...htmlProps}\n        id={triggerId}\n        className={classes}\n        onClick={handleClick}\n        aria-expanded={isOpen}\n        aria-controls={contentId}\n        data-state={isOpen ? 'open' : 'closed'}\n        disabled={disabled}\n      >\n        <span className={styles.triggerContent}>{children}</span>\n        <svg\n          className={styles.chevron}\n          width=\"16\"\n          height=\"16\"\n          viewBox=\"0 0 16 16\"\n          fill=\"none\"\n          aria-hidden=\"true\"\n        >\n          <path\n            d=\"M4 6L8 10L12 6\"\n            stroke=\"currentColor\"\n            strokeWidth=\"1.5\"\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n          />\n        </svg>\n      </BaseCollapsible.Trigger>\n    </HeadingTag>\n  );\n}\n\nfunction AccordionContent({\n  children,\n  className,\n  ...htmlProps\n}: AccordionContentProps) {\n  const { isOpen, triggerId, contentId } = useAccordionItemContext();\n\n  const classes = [styles.content, className].filter(Boolean).join(' ');\n\n  return (\n    <BaseCollapsible.Panel\n      {...htmlProps}\n      id={contentId}\n      className={classes}\n      data-state={isOpen ? 'open' : 'closed'}\n      role=\"region\"\n      aria-labelledby={triggerId}\n    >\n      <div className={styles.contentInner}>\n        {children}\n      </div>\n    </BaseCollapsible.Panel>\n  );\n}\n\n// ============================================\n// Export compound component\n// ============================================\n\nexport const Accordion = Object.assign(AccordionRoot, {\n  Item: AccordionItem,\n  Trigger: AccordionTrigger,\n  Content: AccordionContent,\n});\n\nexport { AccordionRoot, AccordionItem, AccordionTrigger, AccordionContent };\n"],"names":["React","collapsible","styles","jsx","BaseCollapsible","jsxs"],"mappings":"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"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/Accordion/index.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Collapsible as BaseCollapsible } from '@base-ui/react/collapsible';\nimport styles from './Accordion.module.scss';\n\n// ============================================\n// Types\n// ============================================\n\nexport type AccordionValue = string | string[];\n\ninterface AccordionSharedProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'defaultValue'> {\n  children: React.ReactNode;\n  /** Whether items can be fully collapsed (only for type=\"single\") */\n  collapsible?: boolean;\n  /**\n   * Heading level for accordion triggers (for semantic HTML).\n   * The trigger will be wrapped in an <h{level}> element.\n   * @default 3\n   */\n  headingLevel?: 2 | 3 | 4 | 5 | 6;\n}\n\nexport interface AccordionSingleProps extends AccordionSharedProps {\n  /** Allow multiple items to be open at once */\n  type?: 'single';\n  /** Controlled value for single mode */\n  value?: string;\n  /** Default value for uncontrolled usage */\n  defaultValue?: string;\n  /** Callback when value changes */\n  onValueChange?: (value: string | undefined) => void;\n}\n\nexport interface AccordionMultipleProps extends AccordionSharedProps {\n  /** Allow multiple items to be open at once */\n  type: 'multiple';\n  /** Controlled values for multiple mode */\n  value?: string[];\n  /** Default values for uncontrolled usage */\n  defaultValue?: string[];\n  /** Callback when value changes */\n  onValueChange?: (value: string[]) => void;\n}\n\nexport type AccordionProps = AccordionSingleProps | AccordionMultipleProps;\n\nexport interface AccordionItemProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode;\n  /** Unique value for this item */\n  value: string;\n  /** Disable this item */\n  disabled?: boolean;\n}\n\nexport interface AccordionTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  children: React.ReactNode;\n}\n\nexport interface AccordionContentProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode;\n}\n\n// ============================================\n// Context\n// ============================================\n\ninterface AccordionContextValue {\n  type: 'single' | 'multiple';\n  openItems: string[];\n  toggle: (value: string) => void;\n  collapsible: boolean;\n  headingLevel: 2 | 3 | 4 | 5 | 6;\n}\n\nconst AccordionContext = React.createContext<AccordionContextValue | null>(null);\n\ninterface AccordionItemContextValue {\n  value: string;\n  isOpen: boolean;\n  disabled: boolean;\n  triggerId: string;\n  contentId: string;\n}\n\nconst AccordionItemContext = React.createContext<AccordionItemContextValue | null>(null);\n\nfunction useAccordionContext() {\n  const context = React.useContext(AccordionContext);\n  if (!context) {\n    throw new Error('Accordion components must be used within an Accordion');\n  }\n  return context;\n}\n\nfunction useAccordionItemContext() {\n  const context = React.useContext(AccordionItemContext);\n  if (!context) {\n    throw new Error('Accordion.Trigger/Content must be used within an Accordion.Item');\n  }\n  return context;\n}\n\n// ============================================\n// Components\n// ============================================\n\nfunction AccordionRoot({\n  children,\n  type = 'single',\n  value,\n  defaultValue,\n  onValueChange,\n  collapsible = false,\n  headingLevel = 3,\n  className,\n  ...htmlProps\n}: AccordionProps) {\n  // Normalize value to array for internal handling\n  const normalizeValue = (val: AccordionValue | undefined): string[] => {\n    if (val === undefined) return [];\n    return Array.isArray(val) ? val : [val];\n  };\n\n  const [openItems, setOpenItems] = React.useState<string[]>(() =>\n    normalizeValue(defaultValue)\n  );\n\n  // Use controlled value if provided\n  const controlledOpenItems = value !== undefined ? normalizeValue(value) : undefined;\n  const currentOpenItems = controlledOpenItems ?? openItems;\n\n  const toggle = React.useCallback((itemValue: string) => {\n    const newItems = (() => {\n      if (type === 'single') {\n        // For single, toggle or set new item\n        if (currentOpenItems.includes(itemValue)) {\n          return collapsible ? [] : currentOpenItems;\n        }\n        return [itemValue];\n      } else {\n        // For multiple, toggle item in array\n        if (currentOpenItems.includes(itemValue)) {\n          return currentOpenItems.filter(v => v !== itemValue);\n        }\n        return [...currentOpenItems, itemValue];\n      }\n    })();\n\n    if (controlledOpenItems === undefined) {\n      setOpenItems(newItems);\n    }\n\n    if (type === 'single') {\n      (onValueChange as AccordionSingleProps['onValueChange'] | undefined)?.(newItems[0]);\n    } else {\n      (onValueChange as AccordionMultipleProps['onValueChange'] | undefined)?.(newItems);\n    }\n  }, [type, currentOpenItems, collapsible, controlledOpenItems, onValueChange]);\n\n  const classes = [styles.accordion, className].filter(Boolean).join(' ');\n\n  return (\n    <AccordionContext.Provider value={{ type, openItems: currentOpenItems, toggle, collapsible, headingLevel }}>\n      <div {...htmlProps} className={classes} data-orientation=\"vertical\">\n        {children}\n      </div>\n    </AccordionContext.Provider>\n  );\n}\n\nfunction AccordionItem({\n  children,\n  value,\n  disabled = false,\n  className,\n  ...htmlProps\n}: AccordionItemProps) {\n  const { openItems } = useAccordionContext();\n  const isOpen = openItems.includes(value);\n  const baseId = React.useId();\n  const triggerId = `accordion-trigger-${baseId}`;\n  const contentId = `accordion-content-${baseId}`;\n\n  const classes = [\n    styles.item,\n    isOpen && styles.itemOpen,\n    disabled && styles.itemDisabled,\n    className,\n  ].filter(Boolean).join(' ');\n\n  return (\n    <AccordionItemContext.Provider value={{ value, isOpen, disabled, triggerId, contentId }}>\n      <BaseCollapsible.Root open={isOpen} disabled={disabled}>\n        <div {...htmlProps} className={classes} data-state={isOpen ? 'open' : 'closed'} data-disabled={disabled || undefined}>\n          {children}\n        </div>\n      </BaseCollapsible.Root>\n    </AccordionItemContext.Provider>\n  );\n}\n\nfunction AccordionTrigger({\n  children,\n  className,\n  type: buttonType,\n  onClick,\n  ...htmlProps\n}: AccordionTriggerProps) {\n  const { toggle, headingLevel } = useAccordionContext();\n  const { value, isOpen, disabled, triggerId, contentId } = useAccordionItemContext();\n\n  const handleClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n    onClick?.(event);\n    if (event.defaultPrevented) return;\n    if (!disabled) {\n      toggle(value);\n    }\n  };\n\n  const classes = [styles.trigger, className].filter(Boolean).join(' ');\n\n  // Create the heading element dynamically based on headingLevel\n  const HeadingTag = `h${headingLevel}` as 'h2' | 'h3' | 'h4' | 'h5' | 'h6';\n\n  return (\n    <HeadingTag className={styles.heading}>\n      <BaseCollapsible.Trigger\n        {...htmlProps}\n        type={buttonType ?? 'button'}\n        id={triggerId}\n        className={classes}\n        onClick={handleClick}\n        aria-expanded={isOpen}\n        aria-controls={contentId}\n        data-state={isOpen ? 'open' : 'closed'}\n        disabled={disabled}\n      >\n        <span className={styles.triggerContent}>{children}</span>\n        <svg\n          className={styles.chevron}\n          width=\"16\"\n          height=\"16\"\n          viewBox=\"0 0 16 16\"\n          fill=\"none\"\n          aria-hidden=\"true\"\n        >\n          <path\n            d=\"M4 6L8 10L12 6\"\n            stroke=\"currentColor\"\n            strokeWidth=\"1.5\"\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n          />\n        </svg>\n      </BaseCollapsible.Trigger>\n    </HeadingTag>\n  );\n}\n\nfunction AccordionContent({\n  children,\n  className,\n  ...htmlProps\n}: AccordionContentProps) {\n  const { isOpen, triggerId, contentId } = useAccordionItemContext();\n\n  const classes = [styles.content, className].filter(Boolean).join(' ');\n\n  return (\n    <BaseCollapsible.Panel\n      {...htmlProps}\n      id={contentId}\n      className={classes}\n      data-state={isOpen ? 'open' : 'closed'}\n      role=\"region\"\n      aria-labelledby={triggerId}\n    >\n      <div className={styles.contentInner}>\n        {children}\n      </div>\n    </BaseCollapsible.Panel>\n  );\n}\n\n// ============================================\n// Export compound component\n// ============================================\n\nexport const Accordion = Object.assign(AccordionRoot, {\n  Item: AccordionItem,\n  Trigger: AccordionTrigger,\n  Content: AccordionContent,\n});\n\nexport { AccordionRoot, AccordionItem, AccordionTrigger, AccordionContent };\n"],"names":["React","collapsible","styles","jsx","BaseCollapsible","jsxs"],"mappings":"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"}

package/dist/components/Accordion/index.d.ts

@@ -1,15 +1,7 @@
 import * as React from 'react';
 export type AccordionValue = string | string[];
-export interface AccordionProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'defaultValue'> {
+interface AccordionSharedProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'defaultValue'> {
     children: React.ReactNode;
-    /** Allow multiple items to be open at once */
-    type?: 'single' | 'multiple';
-    /** Controlled value - string for single, string[] for multiple */
-    value?: AccordionValue;
-    /** Default value for uncontrolled usage */
-    defaultValue?: AccordionValue;
-    /** Callback when value changes */
-    onValueChange?: (value: AccordionValue | undefined) => void;
     /** Whether items can be fully collapsed (only for type="single") */
     collapsible?: boolean;
     /**
@@ -19,6 +11,27 @@ export interface AccordionProps extends Omit<React.HTMLAttributes<HTMLDivElement
      */
     headingLevel?: 2 | 3 | 4 | 5 | 6;
 }
+export interface AccordionSingleProps extends AccordionSharedProps {
+    /** Allow multiple items to be open at once */
+    type?: 'single';
+    /** Controlled value for single mode */
+    value?: string;
+    /** Default value for uncontrolled usage */
+    defaultValue?: string;
+    /** Callback when value changes */
+    onValueChange?: (value: string | undefined) => void;
+}
+export interface AccordionMultipleProps extends AccordionSharedProps {
+    /** Allow multiple items to be open at once */
+    type: 'multiple';
+    /** Controlled values for multiple mode */
+    value?: string[];
+    /** Default values for uncontrolled usage */
+    defaultValue?: string[];
+    /** Callback when value changes */
+    onValueChange?: (value: string[]) => void;
+}
+export type AccordionProps = AccordionSingleProps | AccordionMultipleProps;
 export interface AccordionItemProps extends React.HTMLAttributes<HTMLDivElement> {
     children: React.ReactNode;
     /** Unique value for this item */
@@ -26,7 +39,7 @@ export interface AccordionItemProps extends React.HTMLAttributes<HTMLDivElement>
     /** Disable this item */
     disabled?: boolean;
 }
-export interface AccordionTriggerProps extends React.HTMLAttributes<HTMLButtonElement> {
+export interface AccordionTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
     children: React.ReactNode;
 }
 export interface AccordionContentProps extends React.HTMLAttributes<HTMLDivElement> {
@@ -34,7 +47,7 @@ export interface AccordionContentProps extends React.HTMLAttributes<HTMLDivEleme
 }
 declare function AccordionRoot({ children, type, value, defaultValue, onValueChange, collapsible, headingLevel, className, ...htmlProps }: AccordionProps): import("react/jsx-runtime").JSX.Element;
 declare function AccordionItem({ children, value, disabled, className, ...htmlProps }: AccordionItemProps): import("react/jsx-runtime").JSX.Element;
-declare function AccordionTrigger({ children, className, onClick, ...htmlProps }: AccordionTriggerProps): import("react/jsx-runtime").JSX.Element;
+declare function AccordionTrigger({ children, className, type: buttonType, onClick, ...htmlProps }: AccordionTriggerProps): import("react/jsx-runtime").JSX.Element;
 declare function AccordionContent({ children, className, ...htmlProps }: AccordionContentProps): import("react/jsx-runtime").JSX.Element;
 export declare const Accordion: typeof AccordionRoot & {
     Item: typeof AccordionItem;

package/dist/components/Accordion/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,MAAM,EAAE,CAAC;AAE/C,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,cAAc,CAAC;IAChG,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,8CAA8C;IAC9C,IAAI,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAC;IAC7B,kEAAkE;IAClE,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,2CAA2C;IAC3C,YAAY,CAAC,EAAE,cAAc,CAAC;IAC9B,kCAAkC;IAClC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,GAAG,SAAS,KAAK,IAAI,CAAC;IAC5D,oEAAoE;IACpE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;;OAIG;IACH,YAAY,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;CAClC;AAED,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC9E,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,iCAAiC;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,wBAAwB;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,qBAAsB,SAAQ,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC;IACpF,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,MAAM,WAAW,qBAAsB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACjF,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AA8CD,iBAAS,aAAa,CAAC,EACrB,QAAQ,EACR,IAAe,EACf,KAAK,EACL,YAAY,EACZ,aAAa,EACb,WAAmB,EACnB,YAAgB,EAChB,SAAS,EACT,GAAG,SAAS,EACb,EAAE,cAAc,2CAkDhB;AAED,iBAAS,aAAa,CAAC,EACrB,QAAQ,EACR,KAAK,EACL,QAAgB,EAChB,SAAS,EACT,GAAG,SAAS,EACb,EAAE,kBAAkB,2CAuBpB;AAED,iBAAS,gBAAgB,CAAC,EACxB,QAAQ,EACR,SAAS,EACT,OAAO,EACP,GAAG,SAAS,EACb,EAAE,qBAAqB,2CAiDvB;AAED,iBAAS,gBAAgB,CAAC,EACxB,QAAQ,EACR,SAAS,EACT,GAAG,SAAS,EACb,EAAE,qBAAqB,2CAmBvB;AAMD,eAAO,MAAM,SAAS;;;;CAIpB,CAAC;AAEH,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,MAAM,EAAE,CAAC;AAE/C,UAAU,oBAAqB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,cAAc,CAAC;IAC/F,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,oEAAoE;IACpE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;;OAIG;IACH,YAAY,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;CAClC;AAED,MAAM,WAAW,oBAAqB,SAAQ,oBAAoB;IAChE,8CAA8C;IAC9C,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,uCAAuC;IACvC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2CAA2C;IAC3C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kCAAkC;IAClC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;CACrD;AAED,MAAM,WAAW,sBAAuB,SAAQ,oBAAoB;IAClE,8CAA8C;IAC9C,IAAI,EAAE,UAAU,CAAC;IACjB,0CAA0C;IAC1C,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,4CAA4C;IAC5C,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,kCAAkC;IAClC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;CAC3C;AAED,MAAM,MAAM,cAAc,GAAG,oBAAoB,GAAG,sBAAsB,CAAC;AAE3E,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC9E,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,iCAAiC;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,wBAAwB;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,qBAAsB,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IAC1F,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,MAAM,WAAW,qBAAsB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACjF,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AA8CD,iBAAS,aAAa,CAAC,EACrB,QAAQ,EACR,IAAe,EACf,KAAK,EACL,YAAY,EACZ,aAAa,EACb,WAAmB,EACnB,YAAgB,EAChB,SAAS,EACT,GAAG,SAAS,EACb,EAAE,cAAc,2CAoDhB;AAED,iBAAS,aAAa,CAAC,EACrB,QAAQ,EACR,KAAK,EACL,QAAgB,EAChB,SAAS,EACT,GAAG,SAAS,EACb,EAAE,kBAAkB,2CAuBpB;AAED,iBAAS,gBAAgB,CAAC,EACxB,QAAQ,EACR,SAAS,EACT,IAAI,EAAE,UAAU,EAChB,OAAO,EACP,GAAG,SAAS,EACb,EAAE,qBAAqB,2CAkDvB;AAED,iBAAS,gBAAgB,CAAC,EACxB,QAAQ,EACR,SAAS,EACT,GAAG,SAAS,EACb,EAAE,qBAAqB,2CAmBvB;AAMD,eAAO,MAAM,SAAS;;;;CAIpB,CAAC;AAEH,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,CAAC"}

package/dist/components/Accordion/index.js

@@ -55,12 +55,14 @@ function AccordionRoot({
     if (controlledOpenItems === void 0) {
       setOpenItems(newItems);
     }
-    if (onValueChange) {
-      onValueChange(type === "single" ? newItems[0] : newItems);
+    if (type === "single") {
+      onValueChange == null ? void 0 : onValueChange(newItems[0]);
+    } else {
+      onValueChange == null ? void 0 : onValueChange(newItems);
     }
   }, [type, currentOpenItems, collapsible, controlledOpenItems, onValueChange]);
   const classes = [styles.accordion, className].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsx(AccordionContext.Provider, { value: { type, openItems: currentOpenItems, toggle, collapsible, headingLevel }, children: /* @__PURE__ */ jsx("div", { ...htmlProps, className: classes, "data-orientation": "vertical", role: "region", children }) });
+  return /* @__PURE__ */ jsx(AccordionContext.Provider, { value: { type, openItems: currentOpenItems, toggle, collapsible, headingLevel }, children: /* @__PURE__ */ jsx("div", { ...htmlProps, className: classes, "data-orientation": "vertical", children }) });
 }
 function AccordionItem({
   children,
@@ -85,6 +87,7 @@ function AccordionItem({
 function AccordionTrigger({
   children,
   className,
+  type: buttonType,
   onClick,
   ...htmlProps
 }) {
@@ -103,6 +106,7 @@ function AccordionTrigger({
     Collapsible.Trigger,
     {
       ...htmlProps,
+      type: buttonType ?? "button",
       id: triggerId,
       className: classes,
       onClick: handleClick,

package/dist/components/Accordion/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/Accordion/index.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Collapsible as BaseCollapsible } from '@base-ui/react/collapsible';\nimport styles from './Accordion.module.scss';\n\n// ============================================\n// Types\n// ============================================\n\nexport type AccordionValue = string | string[];\n\nexport interface AccordionProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'defaultValue'> {\n  children: React.ReactNode;\n  /** Allow multiple items to be open at once */\n  type?: 'single' | 'multiple';\n  /** Controlled value - string for single, string[] for multiple */\n  value?: AccordionValue;\n  /** Default value for uncontrolled usage */\n  defaultValue?: AccordionValue;\n  /** Callback when value changes */\n  onValueChange?: (value: AccordionValue | undefined) => void;\n  /** Whether items can be fully collapsed (only for type=\"single\") */\n  collapsible?: boolean;\n  /**\n   * Heading level for accordion triggers (for semantic HTML).\n   * The trigger will be wrapped in an <h{level}> element.\n   * @default 3\n   */\n  headingLevel?: 2 | 3 | 4 | 5 | 6;\n}\n\nexport interface AccordionItemProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode;\n  /** Unique value for this item */\n  value: string;\n  /** Disable this item */\n  disabled?: boolean;\n}\n\nexport interface AccordionTriggerProps extends React.HTMLAttributes<HTMLButtonElement> {\n  children: React.ReactNode;\n}\n\nexport interface AccordionContentProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode;\n}\n\n// ============================================\n// Context\n// ============================================\n\ninterface AccordionContextValue {\n  type: 'single' | 'multiple';\n  openItems: string[];\n  toggle: (value: string) => void;\n  collapsible: boolean;\n  headingLevel: 2 | 3 | 4 | 5 | 6;\n}\n\nconst AccordionContext = React.createContext<AccordionContextValue | null>(null);\n\ninterface AccordionItemContextValue {\n  value: string;\n  isOpen: boolean;\n  disabled: boolean;\n  triggerId: string;\n  contentId: string;\n}\n\nconst AccordionItemContext = React.createContext<AccordionItemContextValue | null>(null);\n\nfunction useAccordionContext() {\n  const context = React.useContext(AccordionContext);\n  if (!context) {\n    throw new Error('Accordion components must be used within an Accordion');\n  }\n  return context;\n}\n\nfunction useAccordionItemContext() {\n  const context = React.useContext(AccordionItemContext);\n  if (!context) {\n    throw new Error('Accordion.Trigger/Content must be used within an Accordion.Item');\n  }\n  return context;\n}\n\n// ============================================\n// Components\n// ============================================\n\nfunction AccordionRoot({\n  children,\n  type = 'single',\n  value,\n  defaultValue,\n  onValueChange,\n  collapsible = false,\n  headingLevel = 3,\n  className,\n  ...htmlProps\n}: AccordionProps) {\n  // Normalize value to array for internal handling\n  const normalizeValue = (val: AccordionValue | undefined): string[] => {\n    if (val === undefined) return [];\n    return Array.isArray(val) ? val : [val];\n  };\n\n  const [openItems, setOpenItems] = React.useState<string[]>(() =>\n    normalizeValue(defaultValue)\n  );\n\n  // Use controlled value if provided\n  const controlledOpenItems = value !== undefined ? normalizeValue(value) : undefined;\n  const currentOpenItems = controlledOpenItems ?? openItems;\n\n  const toggle = React.useCallback((itemValue: string) => {\n    const newItems = (() => {\n      if (type === 'single') {\n        // For single, toggle or set new item\n        if (currentOpenItems.includes(itemValue)) {\n          return collapsible ? [] : currentOpenItems;\n        }\n        return [itemValue];\n      } else {\n        // For multiple, toggle item in array\n        if (currentOpenItems.includes(itemValue)) {\n          return currentOpenItems.filter(v => v !== itemValue);\n        }\n        return [...currentOpenItems, itemValue];\n      }\n    })();\n\n    if (controlledOpenItems === undefined) {\n      setOpenItems(newItems);\n    }\n\n    if (onValueChange) {\n      onValueChange(type === 'single' ? newItems[0] : newItems);\n    }\n  }, [type, currentOpenItems, collapsible, controlledOpenItems, onValueChange]);\n\n  const classes = [styles.accordion, className].filter(Boolean).join(' ');\n\n  return (\n    <AccordionContext.Provider value={{ type, openItems: currentOpenItems, toggle, collapsible, headingLevel }}>\n      <div {...htmlProps} className={classes} data-orientation=\"vertical\" role=\"region\">\n        {children}\n      </div>\n    </AccordionContext.Provider>\n  );\n}\n\nfunction AccordionItem({\n  children,\n  value,\n  disabled = false,\n  className,\n  ...htmlProps\n}: AccordionItemProps) {\n  const { openItems } = useAccordionContext();\n  const isOpen = openItems.includes(value);\n  const baseId = React.useId();\n  const triggerId = `accordion-trigger-${baseId}`;\n  const contentId = `accordion-content-${baseId}`;\n\n  const classes = [\n    styles.item,\n    isOpen && styles.itemOpen,\n    disabled && styles.itemDisabled,\n    className,\n  ].filter(Boolean).join(' ');\n\n  return (\n    <AccordionItemContext.Provider value={{ value, isOpen, disabled, triggerId, contentId }}>\n      <BaseCollapsible.Root open={isOpen} disabled={disabled}>\n        <div {...htmlProps} className={classes} data-state={isOpen ? 'open' : 'closed'} data-disabled={disabled || undefined}>\n          {children}\n        </div>\n      </BaseCollapsible.Root>\n    </AccordionItemContext.Provider>\n  );\n}\n\nfunction AccordionTrigger({\n  children,\n  className,\n  onClick,\n  ...htmlProps\n}: AccordionTriggerProps) {\n  const { toggle, headingLevel } = useAccordionContext();\n  const { value, isOpen, disabled, triggerId, contentId } = useAccordionItemContext();\n\n  const handleClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n    onClick?.(event);\n    if (event.defaultPrevented) return;\n    if (!disabled) {\n      toggle(value);\n    }\n  };\n\n  const classes = [styles.trigger, className].filter(Boolean).join(' ');\n\n  // Create the heading element dynamically based on headingLevel\n  const HeadingTag = `h${headingLevel}` as 'h2' | 'h3' | 'h4' | 'h5' | 'h6';\n\n  return (\n    <HeadingTag className={styles.heading}>\n      <BaseCollapsible.Trigger\n        {...htmlProps}\n        id={triggerId}\n        className={classes}\n        onClick={handleClick}\n        aria-expanded={isOpen}\n        aria-controls={contentId}\n        data-state={isOpen ? 'open' : 'closed'}\n        disabled={disabled}\n      >\n        <span className={styles.triggerContent}>{children}</span>\n        <svg\n          className={styles.chevron}\n          width=\"16\"\n          height=\"16\"\n          viewBox=\"0 0 16 16\"\n          fill=\"none\"\n          aria-hidden=\"true\"\n        >\n          <path\n            d=\"M4 6L8 10L12 6\"\n            stroke=\"currentColor\"\n            strokeWidth=\"1.5\"\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n          />\n        </svg>\n      </BaseCollapsible.Trigger>\n    </HeadingTag>\n  );\n}\n\nfunction AccordionContent({\n  children,\n  className,\n  ...htmlProps\n}: AccordionContentProps) {\n  const { isOpen, triggerId, contentId } = useAccordionItemContext();\n\n  const classes = [styles.content, className].filter(Boolean).join(' ');\n\n  return (\n    <BaseCollapsible.Panel\n      {...htmlProps}\n      id={contentId}\n      className={classes}\n      data-state={isOpen ? 'open' : 'closed'}\n      role=\"region\"\n      aria-labelledby={triggerId}\n    >\n      <div className={styles.contentInner}>\n        {children}\n      </div>\n    </BaseCollapsible.Panel>\n  );\n}\n\n// ============================================\n// Export compound component\n// ============================================\n\nexport const Accordion = Object.assign(AccordionRoot, {\n  Item: AccordionItem,\n  Trigger: AccordionTrigger,\n  Content: AccordionContent,\n});\n\nexport { AccordionRoot, AccordionItem, AccordionTrigger, AccordionContent };\n"],"names":["BaseCollapsible"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../src/components/Accordion/index.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Collapsible as BaseCollapsible } from '@base-ui/react/collapsible';\nimport styles from './Accordion.module.scss';\n\n// ============================================\n// Types\n// ============================================\n\nexport type AccordionValue = string | string[];\n\ninterface AccordionSharedProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'defaultValue'> {\n  children: React.ReactNode;\n  /** Whether items can be fully collapsed (only for type=\"single\") */\n  collapsible?: boolean;\n  /**\n   * Heading level for accordion triggers (for semantic HTML).\n   * The trigger will be wrapped in an <h{level}> element.\n   * @default 3\n   */\n  headingLevel?: 2 | 3 | 4 | 5 | 6;\n}\n\nexport interface AccordionSingleProps extends AccordionSharedProps {\n  /** Allow multiple items to be open at once */\n  type?: 'single';\n  /** Controlled value for single mode */\n  value?: string;\n  /** Default value for uncontrolled usage */\n  defaultValue?: string;\n  /** Callback when value changes */\n  onValueChange?: (value: string | undefined) => void;\n}\n\nexport interface AccordionMultipleProps extends AccordionSharedProps {\n  /** Allow multiple items to be open at once */\n  type: 'multiple';\n  /** Controlled values for multiple mode */\n  value?: string[];\n  /** Default values for uncontrolled usage */\n  defaultValue?: string[];\n  /** Callback when value changes */\n  onValueChange?: (value: string[]) => void;\n}\n\nexport type AccordionProps = AccordionSingleProps | AccordionMultipleProps;\n\nexport interface AccordionItemProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode;\n  /** Unique value for this item */\n  value: string;\n  /** Disable this item */\n  disabled?: boolean;\n}\n\nexport interface AccordionTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  children: React.ReactNode;\n}\n\nexport interface AccordionContentProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode;\n}\n\n// ============================================\n// Context\n// ============================================\n\ninterface AccordionContextValue {\n  type: 'single' | 'multiple';\n  openItems: string[];\n  toggle: (value: string) => void;\n  collapsible: boolean;\n  headingLevel: 2 | 3 | 4 | 5 | 6;\n}\n\nconst AccordionContext = React.createContext<AccordionContextValue | null>(null);\n\ninterface AccordionItemContextValue {\n  value: string;\n  isOpen: boolean;\n  disabled: boolean;\n  triggerId: string;\n  contentId: string;\n}\n\nconst AccordionItemContext = React.createContext<AccordionItemContextValue | null>(null);\n\nfunction useAccordionContext() {\n  const context = React.useContext(AccordionContext);\n  if (!context) {\n    throw new Error('Accordion components must be used within an Accordion');\n  }\n  return context;\n}\n\nfunction useAccordionItemContext() {\n  const context = React.useContext(AccordionItemContext);\n  if (!context) {\n    throw new Error('Accordion.Trigger/Content must be used within an Accordion.Item');\n  }\n  return context;\n}\n\n// ============================================\n// Components\n// ============================================\n\nfunction AccordionRoot({\n  children,\n  type = 'single',\n  value,\n  defaultValue,\n  onValueChange,\n  collapsible = false,\n  headingLevel = 3,\n  className,\n  ...htmlProps\n}: AccordionProps) {\n  // Normalize value to array for internal handling\n  const normalizeValue = (val: AccordionValue | undefined): string[] => {\n    if (val === undefined) return [];\n    return Array.isArray(val) ? val : [val];\n  };\n\n  const [openItems, setOpenItems] = React.useState<string[]>(() =>\n    normalizeValue(defaultValue)\n  );\n\n  // Use controlled value if provided\n  const controlledOpenItems = value !== undefined ? normalizeValue(value) : undefined;\n  const currentOpenItems = controlledOpenItems ?? openItems;\n\n  const toggle = React.useCallback((itemValue: string) => {\n    const newItems = (() => {\n      if (type === 'single') {\n        // For single, toggle or set new item\n        if (currentOpenItems.includes(itemValue)) {\n          return collapsible ? [] : currentOpenItems;\n        }\n        return [itemValue];\n      } else {\n        // For multiple, toggle item in array\n        if (currentOpenItems.includes(itemValue)) {\n          return currentOpenItems.filter(v => v !== itemValue);\n        }\n        return [...currentOpenItems, itemValue];\n      }\n    })();\n\n    if (controlledOpenItems === undefined) {\n      setOpenItems(newItems);\n    }\n\n    if (type === 'single') {\n      (onValueChange as AccordionSingleProps['onValueChange'] | undefined)?.(newItems[0]);\n    } else {\n      (onValueChange as AccordionMultipleProps['onValueChange'] | undefined)?.(newItems);\n    }\n  }, [type, currentOpenItems, collapsible, controlledOpenItems, onValueChange]);\n\n  const classes = [styles.accordion, className].filter(Boolean).join(' ');\n\n  return (\n    <AccordionContext.Provider value={{ type, openItems: currentOpenItems, toggle, collapsible, headingLevel }}>\n      <div {...htmlProps} className={classes} data-orientation=\"vertical\">\n        {children}\n      </div>\n    </AccordionContext.Provider>\n  );\n}\n\nfunction AccordionItem({\n  children,\n  value,\n  disabled = false,\n  className,\n  ...htmlProps\n}: AccordionItemProps) {\n  const { openItems } = useAccordionContext();\n  const isOpen = openItems.includes(value);\n  const baseId = React.useId();\n  const triggerId = `accordion-trigger-${baseId}`;\n  const contentId = `accordion-content-${baseId}`;\n\n  const classes = [\n    styles.item,\n    isOpen && styles.itemOpen,\n    disabled && styles.itemDisabled,\n    className,\n  ].filter(Boolean).join(' ');\n\n  return (\n    <AccordionItemContext.Provider value={{ value, isOpen, disabled, triggerId, contentId }}>\n      <BaseCollapsible.Root open={isOpen} disabled={disabled}>\n        <div {...htmlProps} className={classes} data-state={isOpen ? 'open' : 'closed'} data-disabled={disabled || undefined}>\n          {children}\n        </div>\n      </BaseCollapsible.Root>\n    </AccordionItemContext.Provider>\n  );\n}\n\nfunction AccordionTrigger({\n  children,\n  className,\n  type: buttonType,\n  onClick,\n  ...htmlProps\n}: AccordionTriggerProps) {\n  const { toggle, headingLevel } = useAccordionContext();\n  const { value, isOpen, disabled, triggerId, contentId } = useAccordionItemContext();\n\n  const handleClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n    onClick?.(event);\n    if (event.defaultPrevented) return;\n    if (!disabled) {\n      toggle(value);\n    }\n  };\n\n  const classes = [styles.trigger, className].filter(Boolean).join(' ');\n\n  // Create the heading element dynamically based on headingLevel\n  const HeadingTag = `h${headingLevel}` as 'h2' | 'h3' | 'h4' | 'h5' | 'h6';\n\n  return (\n    <HeadingTag className={styles.heading}>\n      <BaseCollapsible.Trigger\n        {...htmlProps}\n        type={buttonType ?? 'button'}\n        id={triggerId}\n        className={classes}\n        onClick={handleClick}\n        aria-expanded={isOpen}\n        aria-controls={contentId}\n        data-state={isOpen ? 'open' : 'closed'}\n        disabled={disabled}\n      >\n        <span className={styles.triggerContent}>{children}</span>\n        <svg\n          className={styles.chevron}\n          width=\"16\"\n          height=\"16\"\n          viewBox=\"0 0 16 16\"\n          fill=\"none\"\n          aria-hidden=\"true\"\n        >\n          <path\n            d=\"M4 6L8 10L12 6\"\n            stroke=\"currentColor\"\n            strokeWidth=\"1.5\"\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n          />\n        </svg>\n      </BaseCollapsible.Trigger>\n    </HeadingTag>\n  );\n}\n\nfunction AccordionContent({\n  children,\n  className,\n  ...htmlProps\n}: AccordionContentProps) {\n  const { isOpen, triggerId, contentId } = useAccordionItemContext();\n\n  const classes = [styles.content, className].filter(Boolean).join(' ');\n\n  return (\n    <BaseCollapsible.Panel\n      {...htmlProps}\n      id={contentId}\n      className={classes}\n      data-state={isOpen ? 'open' : 'closed'}\n      role=\"region\"\n      aria-labelledby={triggerId}\n    >\n      <div className={styles.contentInner}>\n        {children}\n      </div>\n    </BaseCollapsible.Panel>\n  );\n}\n\n// ============================================\n// Export compound component\n// ============================================\n\nexport const Accordion = Object.assign(AccordionRoot, {\n  Item: AccordionItem,\n  Trigger: AccordionTrigger,\n  Content: AccordionContent,\n});\n\nexport { AccordionRoot, AccordionItem, AccordionTrigger, AccordionContent };\n"],"names":["BaseCollapsible"],"mappings":"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"}

package/dist/components/Alert/Alert.module.scss.cjs

@@ -1,17 +1,17 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const alert = "_alert_1d3ko_1";
-const info = "_info_1d3ko_12";
-const success = "_success_1d3ko_18";
-const warning = "_warning_1d3ko_24";
-const error = "_error_1d3ko_30";
-const icon = "_icon_1d3ko_36";
-const body = "_body_1d3ko_66";
-const title = "_title_1d3ko_71";
-const content = "_content_1d3ko_76";
-const actions = "_actions_1d3ko_80";
-const close = "_close_1d3ko_86";
-const action = "_action_1d3ko_80";
+const alert = "_alert_2yjq3_1";
+const info = "_info_2yjq3_12";
+const success = "_success_2yjq3_18";
+const warning = "_warning_2yjq3_24";
+const error = "_error_2yjq3_30";
+const icon = "_icon_2yjq3_36";
+const body = "_body_2yjq3_66";
+const title = "_title_2yjq3_71";
+const content = "_content_2yjq3_76";
+const actions = "_actions_2yjq3_80";
+const close = "_close_2yjq3_86";
+const action = "_action_2yjq3_80";
 const styles = {
   alert,
   info,

package/dist/components/Alert/Alert.module.scss.js

@@ -1,15 +1,15 @@
-const alert = "_alert_1d3ko_1";
-const info = "_info_1d3ko_12";
-const success = "_success_1d3ko_18";
-const warning = "_warning_1d3ko_24";
-const error = "_error_1d3ko_30";
-const icon = "_icon_1d3ko_36";
-const body = "_body_1d3ko_66";
-const title = "_title_1d3ko_71";
-const content = "_content_1d3ko_76";
-const actions = "_actions_1d3ko_80";
-const close = "_close_1d3ko_86";
-const action = "_action_1d3ko_80";
+const alert = "_alert_2yjq3_1";
+const info = "_info_2yjq3_12";
+const success = "_success_2yjq3_18";
+const warning = "_warning_2yjq3_24";
+const error = "_error_2yjq3_30";
+const icon = "_icon_2yjq3_36";
+const body = "_body_2yjq3_66";
+const title = "_title_2yjq3_71";
+const content = "_content_2yjq3_76";
+const actions = "_actions_2yjq3_80";
+const close = "_close_2yjq3_86";
+const action = "_action_2yjq3_80";
 const styles = {
   alert,
   info,