@lobehub/ui 5.20.3 → 5.21.0

package/es/Markdown/SyntaxMarkdown/useSmoothStreamContent.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useSmoothStreamContent.mjs","names":["now"],"sources":["../../../src/Markdown/SyntaxMarkdown/useSmoothStreamContent.ts"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from 'react';\n\nimport { useStreamdownProfiler } from '@/Markdown/streamProfiler';\nimport { type StreamSmoothingPreset } from '@/Markdown/type';\nimport { getNow } from '@/utils/getNow';\n\nimport { findOpenFenceLanguage } from './fenceState';\n\ninterface StreamSmoothingPresetConfig {\n  activeInputWindowMs: number;\n  /**\n   * Code-fence languages whose contents bypass smoothing entirely. While\n   * the input ends inside an open fence in this set, every chunk is\n   * `syncImmediate`-d to the display so downstream consumers (the\n   * HtmlPreview iframe in particular) see partial HTML at the demo's\n   * actual production rate instead of waiting on the smoother's\n   * ~maxFlushCps budget. As soon as the fence closes — or another\n   * non-bypass fence opens — smoothing resumes for the rest of the\n   * stream. Default `['html']` covers the artifact case that motivated\n   * this; tune via preset if you need to bypass `mermaid`, `svg`, etc.\n   */\n  bypassFencedLanguages: readonly string[];\n  defaultCps: number;\n  emaAlpha: number;\n  flushCps: number;\n  largeAppendChars: number;\n  maxActiveCps: number;\n  maxCps: number;\n  maxFlushCps: number;\n  minCommitIntervalMs: number;\n  minCps: number;\n  settleAfterMs: number;\n  settleDrainMaxMs: number;\n  settleDrainMinMs: number;\n  targetBufferMs: number;\n}\n\nconst DEFAULT_BYPASS_LANGUAGES = ['html'] as const;\n\nconst PRESET_CONFIG: Record<StreamSmoothingPreset, StreamSmoothingPresetConfig> = {\n  balanced: {\n    activeInputWindowMs: 220,\n    bypassFencedLanguages: DEFAULT_BYPASS_LANGUAGES,\n    defaultCps: 38,\n    emaAlpha: 0.2,\n    flushCps: 120,\n    largeAppendChars: 120,\n    maxActiveCps: 132,\n    maxCps: 72,\n    maxFlushCps: 280,\n    minCommitIntervalMs: 48,\n    minCps: 18,\n    settleAfterMs: 360,\n    settleDrainMaxMs: 520,\n    settleDrainMinMs: 180,\n    targetBufferMs: 120,\n  },\n  realtime: {\n    activeInputWindowMs: 140,\n    bypassFencedLanguages: DEFAULT_BYPASS_LANGUAGES,\n    defaultCps: 50,\n    emaAlpha: 0.3,\n    flushCps: 170,\n    largeAppendChars: 180,\n    maxActiveCps: 180,\n    maxCps: 96,\n    maxFlushCps: 360,\n    minCommitIntervalMs: 32,\n    minCps: 24,\n    settleAfterMs: 260,\n    settleDrainMaxMs: 360,\n    settleDrainMinMs: 140,\n    targetBufferMs: 40,\n  },\n  silky: {\n    activeInputWindowMs: 320,\n    bypassFencedLanguages: DEFAULT_BYPASS_LANGUAGES,\n    defaultCps: 28,\n    emaAlpha: 0.14,\n    flushCps: 96,\n    largeAppendChars: 100,\n    maxActiveCps: 102,\n    maxCps: 56,\n    maxFlushCps: 220,\n    minCommitIntervalMs: 56,\n    minCps: 14,\n    settleAfterMs: 460,\n    settleDrainMaxMs: 680,\n    settleDrainMinMs: 240,\n    targetBufferMs: 170,\n  },\n};\n\nconst clamp = (value: number, min: number, max: number): number => {\n  return Math.min(max, Math.max(min, value));\n};\n\n// Every reveal commit re-parses and re-wraps the entire trailing block, so\n// the per-commit cost grows linearly with how far the content is from the\n// last block boundary. Widen the commit interval as that distance grows —\n// long paragraphs/code fences keep total work bounded while short blocks\n// stay at the preset's snappy interval. Per-char animation-delay stagger\n// hides the lower commit rate.\nconst MAX_COMMIT_INTERVAL_MS = 96;\nconst COMMIT_INTERVAL_TAIL_SCALE_UNITS = 256;\n\nconst findTailUnits = (content: string): number => {\n  const boundary = content.lastIndexOf('\\n\\n');\n  return boundary === -1 ? content.length : content.length - boundary - 2;\n};\n\nexport const countChars = (text: string): number => {\n  let count = 0;\n  for (const _char of text) count += 1;\n  return count;\n};\n\ninterface UseSmoothStreamContentOptions {\n  enabled?: boolean;\n  preset?: StreamSmoothingPreset;\n}\n\nexport const useSmoothStreamContent = (\n  content: string,\n  { enabled = true, preset = 'balanced' }: UseSmoothStreamContentOptions = {},\n): string => {\n  const config = PRESET_CONFIG[preset];\n  const profiler = useStreamdownProfiler();\n  const [displayedContent, setDisplayedContent] = useState(content);\n\n  const displayedContentRef = useRef(content);\n  const displayedCountRef = useRef(countChars(content));\n\n  const targetContentRef = useRef(content);\n  const targetCharsRef = useRef([...content]);\n  const targetCountRef = useRef(targetCharsRef.current.length);\n\n  const emaCpsRef = useRef(config.defaultCps);\n  const tailUnitsRef = useRef(findTailUnits(content));\n  const lastInputTsRef = useRef(0);\n  const lastInputCountRef = useRef(targetCountRef.current);\n  const chunkSizeEmaRef = useRef(1);\n  const arrivalCpsEmaRef = useRef(config.defaultCps);\n\n  const rafRef = useRef<number | null>(null);\n  const lastFrameTsRef = useRef<number | null>(null);\n  const wakeTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  const clearWakeTimer = useCallback(() => {\n    if (wakeTimerRef.current !== null) {\n      clearTimeout(wakeTimerRef.current);\n      wakeTimerRef.current = null;\n    }\n  }, []);\n\n  const stopFrameLoop = useCallback(() => {\n    if (rafRef.current !== null) {\n      cancelAnimationFrame(rafRef.current);\n      rafRef.current = null;\n    }\n    lastFrameTsRef.current = null;\n  }, []);\n\n  const stopScheduling = useCallback(() => {\n    stopFrameLoop();\n    clearWakeTimer();\n  }, [clearWakeTimer, stopFrameLoop]);\n\n  const startFrameLoopRef = useRef<() => void>(() => {});\n\n  const scheduleFrameWake = useCallback(\n    (delayMs: number) => {\n      clearWakeTimer();\n\n      wakeTimerRef.current = setTimeout(\n        () => {\n          wakeTimerRef.current = null;\n          startFrameLoopRef.current();\n        },\n        Math.max(1, Math.ceil(delayMs)),\n      );\n    },\n    [clearWakeTimer],\n  );\n\n  const syncImmediate = useCallback(\n    (nextContent: string) => {\n      stopScheduling();\n\n      const chars = [...nextContent];\n      const now = getNow();\n\n      targetContentRef.current = nextContent;\n      targetCharsRef.current = chars;\n      targetCountRef.current = chars.length;\n\n      displayedContentRef.current = nextContent;\n      displayedCountRef.current = chars.length;\n      setDisplayedContent(nextContent);\n\n      emaCpsRef.current = config.defaultCps;\n      chunkSizeEmaRef.current = 1;\n      arrivalCpsEmaRef.current = config.defaultCps;\n      tailUnitsRef.current = findTailUnits(nextContent);\n      lastInputTsRef.current = now;\n      lastInputCountRef.current = chars.length;\n    },\n    [config.defaultCps, stopScheduling],\n  );\n\n  const startFrameLoop = useCallback(() => {\n    clearWakeTimer();\n    if (rafRef.current !== null) return;\n\n    const tick = (ts: number) => {\n      const targetCount = targetCountRef.current;\n      const displayedCount = displayedCountRef.current;\n      const backlog = targetCount - displayedCount;\n\n      if (backlog <= 0) {\n        stopFrameLoop();\n        return;\n      }\n\n      if (lastFrameTsRef.current === null) {\n        lastFrameTsRef.current = ts;\n        rafRef.current = requestAnimationFrame(tick);\n        return;\n      }\n\n      // Reveal commits are throttled below the display refresh rate: each\n      // commit re-renders the tail block and re-runs remend + lexing, so\n      // committing at 60-120fps burns CPU without visible benefit — the\n      // per-char stagger inside a commit is carried by animation-delay.\n      const commitIntervalMs = Math.min(\n        MAX_COMMIT_INTERVAL_MS,\n        config.minCommitIntervalMs * (1 + tailUnitsRef.current / COMMIT_INTERVAL_TAIL_SCALE_UNITS),\n      );\n      const frameIntervalMs = Math.max(0, ts - lastFrameTsRef.current);\n      if (frameIntervalMs < commitIntervalMs) {\n        rafRef.current = requestAnimationFrame(tick);\n        return;\n      }\n\n      const frameStart = getNow();\n      const dtSeconds = Math.max(0.001, Math.min(frameIntervalMs / 1000, 0.12));\n      lastFrameTsRef.current = ts;\n\n      const now = frameStart;\n      const idleMs = now - lastInputTsRef.current;\n      const inputActive = idleMs <= config.activeInputWindowMs;\n      const settling = !inputActive && idleMs >= config.settleAfterMs;\n\n      const baseCps = clamp(emaCpsRef.current, config.minCps, config.maxCps);\n      const baseLagChars = Math.max(1, Math.round((baseCps * config.targetBufferMs) / 1000));\n      const lagUpperBound = Math.max(baseLagChars + 2, baseLagChars * 3);\n      const targetLagChars = inputActive\n        ? Math.round(\n            clamp(baseLagChars + chunkSizeEmaRef.current * 0.35, baseLagChars, lagUpperBound),\n          )\n        : 0;\n      const desiredDisplayed = Math.max(0, targetCount - targetLagChars);\n\n      let currentCps: number;\n      if (inputActive) {\n        const backlogPressure = targetLagChars > 0 ? backlog / targetLagChars : 1;\n        const chunkPressure = targetLagChars > 0 ? chunkSizeEmaRef.current / targetLagChars : 1;\n        const arrivalPressure = arrivalCpsEmaRef.current / Math.max(baseCps, 1);\n        const combinedPressure = clamp(\n          backlogPressure * 0.6 + chunkPressure * 0.25 + arrivalPressure * 0.15,\n          1,\n          4.5,\n        );\n        const activeCap = clamp(\n          config.maxActiveCps + chunkSizeEmaRef.current * 6,\n          config.maxActiveCps,\n          config.maxFlushCps,\n        );\n        currentCps = clamp(baseCps * combinedPressure, config.minCps, activeCap);\n      } else if (settling) {\n        // If upstream likely ended, cap the remaining tail duration so\n        // we do not keep replaying old backlog for seconds.\n        const drainTargetMs = clamp(backlog * 8, config.settleDrainMinMs, config.settleDrainMaxMs);\n        const settleCps = (backlog * 1000) / drainTargetMs;\n        currentCps = clamp(settleCps, config.flushCps, config.maxFlushCps);\n      } else {\n        const idleFlushCps = Math.max(\n          config.flushCps,\n          baseCps * 1.8,\n          arrivalCpsEmaRef.current * 0.8,\n        );\n        currentCps = clamp(idleFlushCps, config.flushCps, config.maxFlushCps);\n      }\n\n      const urgentBacklog = inputActive && targetLagChars > 0 && backlog > targetLagChars * 2.2;\n      const burstyInput = inputActive && chunkSizeEmaRef.current >= targetLagChars * 0.9;\n      const minRevealChars = inputActive ? (urgentBacklog || burstyInput ? 2 : 1) : 2;\n      let revealChars = Math.max(minRevealChars, Math.round(currentCps * dtSeconds));\n\n      if (inputActive) {\n        const shortfall = desiredDisplayed - displayedCount;\n        if (shortfall <= 0) {\n          stopFrameLoop();\n          scheduleFrameWake(config.activeInputWindowMs - idleMs);\n\n          profiler?.recordAnimationFrame({\n            backlog,\n            durationMs: getNow() - frameStart,\n            frameIntervalMs,\n            inputActive,\n            revealChars: 0,\n            settling,\n          });\n          return;\n        }\n        revealChars = Math.min(revealChars, shortfall, backlog);\n      } else {\n        revealChars = Math.min(revealChars, backlog);\n      }\n\n      const nextCount = displayedCount + revealChars;\n      const segment = targetCharsRef.current.slice(displayedCount, nextCount).join('');\n\n      if (segment) {\n        const nextDisplayed = displayedContentRef.current + segment;\n        displayedContentRef.current = nextDisplayed;\n        displayedCountRef.current = nextCount;\n        setDisplayedContent(nextDisplayed);\n      } else {\n        displayedContentRef.current = targetContentRef.current;\n        displayedCountRef.current = targetCount;\n        setDisplayedContent(targetContentRef.current);\n      }\n\n      profiler?.recordAnimationFrame({\n        backlog,\n        durationMs: getNow() - frameStart,\n        frameIntervalMs,\n        inputActive,\n        revealChars: segment ? revealChars : backlog,\n        settling,\n      });\n\n      rafRef.current = requestAnimationFrame(tick);\n    };\n\n    rafRef.current = requestAnimationFrame(tick);\n  }, [\n    clearWakeTimer,\n    config.activeInputWindowMs,\n    config.flushCps,\n    config.maxActiveCps,\n    config.maxCps,\n    config.maxFlushCps,\n    config.minCommitIntervalMs,\n    config.minCps,\n    config.settleAfterMs,\n    config.settleDrainMaxMs,\n    config.settleDrainMinMs,\n    config.targetBufferMs,\n    scheduleFrameWake,\n    stopFrameLoop,\n  ]);\n  startFrameLoopRef.current = startFrameLoop;\n\n  useEffect(() => {\n    if (!enabled) {\n      syncImmediate(content);\n      return;\n    }\n\n    const prevTargetContent = targetContentRef.current;\n    if (content === prevTargetContent) return;\n\n    const now = getNow();\n    const appendOnly = content.startsWith(prevTargetContent);\n\n    if (!appendOnly) {\n      syncImmediate(content);\n      return;\n    }\n\n    // Bypass smoothing entirely while the input ends inside an open\n    // fence whose language is opted out — see the preset config.\n    // Without this, a 5 KB inline `<style>` block can keep `</style>`\n    // (and therefore the HtmlPreview head-close trigger) trapped in the\n    // smoother's buffer for tens of seconds, leaving the iframe pinned\n    // on the loading placeholder while the artifact \"looks stuck\".\n    if (config.bypassFencedLanguages.length > 0) {\n      const openLang = findOpenFenceLanguage(content);\n      if (openLang !== null && config.bypassFencedLanguages.includes(openLang)) {\n        syncImmediate(content);\n        return;\n      }\n    }\n\n    const appended = content.slice(prevTargetContent.length);\n    const appendedChars = [...appended];\n    const appendedCount = appendedChars.length;\n\n    profiler?.recordInputAppend({\n      appendedChars: appendedCount,\n      contentLength: countChars(content),\n    });\n\n    if (appendedCount > config.largeAppendChars) {\n      syncImmediate(content);\n      return;\n    }\n\n    targetContentRef.current = content;\n    targetCharsRef.current.push(...appendedChars);\n    targetCountRef.current += appendedCount;\n\n    tailUnitsRef.current = findTailUnits(content);\n\n    const deltaChars = targetCountRef.current - lastInputCountRef.current;\n    const deltaMs = Math.max(1, now - lastInputTsRef.current);\n\n    if (deltaChars > 0) {\n      const instantCps = (deltaChars * 1000) / deltaMs;\n      const normalizedInstantCps = clamp(instantCps, config.minCps, config.maxFlushCps * 2);\n      const chunkEmaAlpha = 0.35;\n      chunkSizeEmaRef.current =\n        chunkSizeEmaRef.current * (1 - chunkEmaAlpha) + appendedCount * chunkEmaAlpha;\n      arrivalCpsEmaRef.current =\n        arrivalCpsEmaRef.current * (1 - chunkEmaAlpha) + normalizedInstantCps * chunkEmaAlpha;\n\n      const clampedCps = clamp(instantCps, config.minCps, config.maxActiveCps);\n      emaCpsRef.current = emaCpsRef.current * (1 - config.emaAlpha) + clampedCps * config.emaAlpha;\n    }\n\n    lastInputTsRef.current = now;\n    lastInputCountRef.current = targetCountRef.current;\n\n    startFrameLoop();\n  }, [\n    config.bypassFencedLanguages,\n    config.emaAlpha,\n    config.largeAppendChars,\n    config.maxActiveCps,\n    config.maxCps,\n    config.maxFlushCps,\n    config.minCps,\n    content,\n    enabled,\n    startFrameLoop,\n    syncImmediate,\n    profiler,\n  ]);\n\n  useEffect(() => {\n    return () => {\n      stopScheduling();\n    };\n  }, [stopScheduling]);\n\n  return displayedContent;\n};\n"],"mappings":"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"}
+{"version":3,"file":"useSmoothStreamContent.mjs","names":["now"],"sources":["../../../src/Markdown/SyntaxMarkdown/useSmoothStreamContent.ts"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from 'react';\n\nimport { useStreamdownProfiler } from '@/Markdown/streamProfiler';\nimport { type StreamSmoothingPreset } from '@/Markdown/type';\nimport { getNow } from '@/utils/getNow';\n\nimport { findOpenFenceLanguage } from './fenceState';\n\ninterface StreamSmoothingPresetConfig {\n  activeInputWindowMs: number;\n  /**\n   * Code-fence languages whose contents bypass smoothing entirely. While\n   * the input ends inside an open fence in this set, every chunk is\n   * `syncImmediate`-d to the display so downstream consumers (the\n   * HtmlPreview iframe in particular) see partial HTML at the demo's\n   * actual production rate instead of waiting on the smoother's\n   * ~maxFlushCps budget. As soon as the fence closes — or another\n   * non-bypass fence opens — smoothing resumes for the rest of the\n   * stream. Default `['html']` covers the artifact case that motivated\n   * this; tune via preset if you need to bypass `mermaid`, `svg`, etc.\n   */\n  bypassFencedLanguages: readonly string[];\n  defaultCps: number;\n  emaAlpha: number;\n  flushCps: number;\n  largeAppendChars: number;\n  maxActiveCps: number;\n  maxCps: number;\n  maxFlushCps: number;\n  minCommitIntervalMs: number;\n  minCps: number;\n  settleAfterMs: number;\n  settleDrainMaxMs: number;\n  settleDrainMinMs: number;\n  targetBufferMs: number;\n}\n\nconst DEFAULT_BYPASS_LANGUAGES = ['html'] as const;\n\nconst PRESET_CONFIG: Record<StreamSmoothingPreset, StreamSmoothingPresetConfig> = {\n  balanced: {\n    activeInputWindowMs: 220,\n    bypassFencedLanguages: DEFAULT_BYPASS_LANGUAGES,\n    defaultCps: 38,\n    emaAlpha: 0.2,\n    flushCps: 120,\n    largeAppendChars: 120,\n    maxActiveCps: 132,\n    maxCps: 72,\n    maxFlushCps: 280,\n    minCommitIntervalMs: 48,\n    minCps: 18,\n    settleAfterMs: 360,\n    settleDrainMaxMs: 520,\n    settleDrainMinMs: 180,\n    targetBufferMs: 120,\n  },\n  realtime: {\n    activeInputWindowMs: 140,\n    bypassFencedLanguages: DEFAULT_BYPASS_LANGUAGES,\n    defaultCps: 50,\n    emaAlpha: 0.3,\n    flushCps: 170,\n    largeAppendChars: 180,\n    maxActiveCps: 180,\n    maxCps: 96,\n    maxFlushCps: 360,\n    minCommitIntervalMs: 32,\n    minCps: 24,\n    settleAfterMs: 260,\n    settleDrainMaxMs: 360,\n    settleDrainMinMs: 140,\n    targetBufferMs: 40,\n  },\n  silky: {\n    activeInputWindowMs: 320,\n    bypassFencedLanguages: DEFAULT_BYPASS_LANGUAGES,\n    defaultCps: 28,\n    emaAlpha: 0.14,\n    flushCps: 96,\n    largeAppendChars: 100,\n    maxActiveCps: 102,\n    maxCps: 56,\n    maxFlushCps: 220,\n    minCommitIntervalMs: 56,\n    minCps: 14,\n    settleAfterMs: 460,\n    settleDrainMaxMs: 680,\n    settleDrainMinMs: 240,\n    targetBufferMs: 170,\n  },\n};\n\nconst clamp = (value: number, min: number, max: number): number => {\n  return Math.min(max, Math.max(min, value));\n};\n\n// Every reveal commit re-parses and re-wraps the entire trailing block, so\n// the per-commit cost grows linearly with how far the content is from the\n// last block boundary. Widen the commit interval as that distance grows —\n// long paragraphs/code fences keep total work bounded while short blocks\n// stay at the preset's snappy interval. Per-char animation-delay stagger\n// hides the lower commit rate.\nconst MAX_COMMIT_INTERVAL_MS = 96;\nconst COMMIT_INTERVAL_TAIL_SCALE_UNITS = 256;\n\nconst findTailUnits = (content: string): number => {\n  const boundary = content.lastIndexOf('\\n\\n');\n  return boundary === -1 ? content.length : content.length - boundary - 2;\n};\n\nexport const countChars = (text: string): number => {\n  let count = 0;\n  for (const _char of text) count += 1;\n  return count;\n};\n\ninterface UseSmoothStreamContentOptions {\n  enabled?: boolean;\n  preset?: StreamSmoothingPreset;\n}\n\nexport const useSmoothStreamContent = (\n  content: string,\n  { enabled = true, preset = 'balanced' }: UseSmoothStreamContentOptions = {},\n): string => {\n  const config = PRESET_CONFIG[preset];\n  const profiler = useStreamdownProfiler();\n  const [displayedContent, setDisplayedContent] = useState(content);\n\n  const displayedContentRef = useRef(content);\n  const displayedCountRef = useRef(countChars(content));\n\n  const targetContentRef = useRef(content);\n  const targetCharsRef = useRef([...content]);\n  const targetCountRef = useRef(targetCharsRef.current.length);\n\n  const emaCpsRef = useRef(config.defaultCps);\n  const tailUnitsRef = useRef(findTailUnits(content));\n  const lastInputTsRef = useRef(0);\n  const lastInputCountRef = useRef(targetCountRef.current);\n  const chunkSizeEmaRef = useRef(1);\n  const arrivalCpsEmaRef = useRef(config.defaultCps);\n\n  const rafRef = useRef<number | null>(null);\n  const lastFrameTsRef = useRef<number | null>(null);\n  const wakeTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  const clearWakeTimer = useCallback(() => {\n    if (wakeTimerRef.current !== null) {\n      clearTimeout(wakeTimerRef.current);\n      wakeTimerRef.current = null;\n    }\n  }, []);\n\n  const stopFrameLoop = useCallback(() => {\n    if (rafRef.current !== null) {\n      cancelAnimationFrame(rafRef.current);\n      rafRef.current = null;\n    }\n    lastFrameTsRef.current = null;\n  }, []);\n\n  const stopScheduling = useCallback(() => {\n    stopFrameLoop();\n    clearWakeTimer();\n  }, [clearWakeTimer, stopFrameLoop]);\n\n  const startFrameLoopRef = useRef<() => void>(() => {});\n\n  const scheduleFrameWake = useCallback(\n    (delayMs: number) => {\n      clearWakeTimer();\n\n      wakeTimerRef.current = setTimeout(\n        () => {\n          wakeTimerRef.current = null;\n          startFrameLoopRef.current();\n        },\n        Math.max(1, Math.ceil(delayMs)),\n      );\n    },\n    [clearWakeTimer],\n  );\n\n  const syncImmediate = useCallback(\n    (nextContent: string) => {\n      stopScheduling();\n\n      const chars = [...nextContent];\n      const now = getNow();\n\n      targetContentRef.current = nextContent;\n      targetCharsRef.current = chars;\n      targetCountRef.current = chars.length;\n\n      displayedContentRef.current = nextContent;\n      displayedCountRef.current = chars.length;\n      setDisplayedContent(nextContent);\n\n      emaCpsRef.current = config.defaultCps;\n      chunkSizeEmaRef.current = 1;\n      arrivalCpsEmaRef.current = config.defaultCps;\n      tailUnitsRef.current = findTailUnits(nextContent);\n      lastInputTsRef.current = now;\n      lastInputCountRef.current = chars.length;\n    },\n    [config.defaultCps, stopScheduling],\n  );\n\n  const startFrameLoop = useCallback(() => {\n    clearWakeTimer();\n    if (rafRef.current !== null) return;\n\n    const tick = (ts: number) => {\n      const targetCount = targetCountRef.current;\n      const displayedCount = displayedCountRef.current;\n      const backlog = targetCount - displayedCount;\n\n      if (backlog <= 0) {\n        stopFrameLoop();\n        return;\n      }\n\n      if (lastFrameTsRef.current === null) {\n        lastFrameTsRef.current = ts;\n        rafRef.current = requestAnimationFrame(tick);\n        return;\n      }\n\n      // Reveal commits are throttled below the display refresh rate: each\n      // commit re-renders the tail block and re-runs remend + lexing, so\n      // committing at 60-120fps burns CPU without visible benefit — the\n      // per-char stagger inside a commit is carried by animation-delay.\n      const commitIntervalMs = Math.min(\n        MAX_COMMIT_INTERVAL_MS,\n        config.minCommitIntervalMs * (1 + tailUnitsRef.current / COMMIT_INTERVAL_TAIL_SCALE_UNITS),\n      );\n      const frameIntervalMs = Math.max(0, ts - lastFrameTsRef.current);\n      if (frameIntervalMs < commitIntervalMs) {\n        rafRef.current = requestAnimationFrame(tick);\n        return;\n      }\n\n      const frameStart = getNow();\n      const dtSeconds = Math.max(0.001, Math.min(frameIntervalMs / 1000, 0.12));\n      lastFrameTsRef.current = ts;\n\n      const now = frameStart;\n      const idleMs = now - lastInputTsRef.current;\n      const inputActive = idleMs <= config.activeInputWindowMs;\n      const settling = !inputActive && idleMs >= config.settleAfterMs;\n\n      const baseCps = clamp(emaCpsRef.current, config.minCps, config.maxCps);\n      const baseLagChars = Math.max(1, Math.round((baseCps * config.targetBufferMs) / 1000));\n      const lagUpperBound = Math.max(baseLagChars + 2, baseLagChars * 3);\n      const targetLagChars = inputActive\n        ? Math.round(\n            clamp(baseLagChars + chunkSizeEmaRef.current * 0.35, baseLagChars, lagUpperBound),\n          )\n        : 0;\n      const desiredDisplayed = Math.max(0, targetCount - targetLagChars);\n\n      let currentCps: number;\n      if (inputActive) {\n        const backlogPressure = targetLagChars > 0 ? backlog / targetLagChars : 1;\n        const chunkPressure = targetLagChars > 0 ? chunkSizeEmaRef.current / targetLagChars : 1;\n        const arrivalPressure = arrivalCpsEmaRef.current / Math.max(baseCps, 1);\n        const combinedPressure = clamp(\n          backlogPressure * 0.6 + chunkPressure * 0.25 + arrivalPressure * 0.15,\n          1,\n          4.5,\n        );\n        const activeCap = clamp(\n          config.maxActiveCps + chunkSizeEmaRef.current * 6,\n          config.maxActiveCps,\n          config.maxFlushCps,\n        );\n        currentCps = clamp(baseCps * combinedPressure, config.minCps, activeCap);\n      } else if (settling) {\n        // If upstream likely ended, cap the remaining tail duration so\n        // we do not keep replaying old backlog for seconds.\n        const drainTargetMs = clamp(backlog * 8, config.settleDrainMinMs, config.settleDrainMaxMs);\n        const settleCps = (backlog * 1000) / drainTargetMs;\n        currentCps = clamp(settleCps, config.flushCps, config.maxFlushCps);\n      } else {\n        const idleFlushCps = Math.max(\n          config.flushCps,\n          baseCps * 1.8,\n          arrivalCpsEmaRef.current * 0.8,\n        );\n        currentCps = clamp(idleFlushCps, config.flushCps, config.maxFlushCps);\n      }\n\n      const urgentBacklog = inputActive && targetLagChars > 0 && backlog > targetLagChars * 2.2;\n      const burstyInput = inputActive && chunkSizeEmaRef.current >= targetLagChars * 0.9;\n      const minRevealChars = inputActive ? (urgentBacklog || burstyInput ? 2 : 1) : 2;\n      let revealChars = Math.max(minRevealChars, Math.round(currentCps * dtSeconds));\n\n      if (inputActive) {\n        const shortfall = desiredDisplayed - displayedCount;\n        if (shortfall <= 0) {\n          stopFrameLoop();\n          scheduleFrameWake(config.activeInputWindowMs - idleMs);\n\n          profiler?.recordAnimationFrame({\n            backlog,\n            durationMs: getNow() - frameStart,\n            frameIntervalMs,\n            inputActive,\n            revealChars: 0,\n            settling,\n          });\n          return;\n        }\n        revealChars = Math.min(revealChars, shortfall, backlog);\n      } else {\n        revealChars = Math.min(revealChars, backlog);\n      }\n\n      const nextCount = displayedCount + revealChars;\n      const segment = targetCharsRef.current.slice(displayedCount, nextCount).join('');\n\n      if (segment) {\n        const nextDisplayed = displayedContentRef.current + segment;\n        displayedContentRef.current = nextDisplayed;\n        displayedCountRef.current = nextCount;\n        setDisplayedContent(nextDisplayed);\n      } else {\n        displayedContentRef.current = targetContentRef.current;\n        displayedCountRef.current = targetCount;\n        setDisplayedContent(targetContentRef.current);\n      }\n\n      profiler?.recordAnimationFrame({\n        backlog,\n        durationMs: getNow() - frameStart,\n        frameIntervalMs,\n        inputActive,\n        revealChars: segment ? revealChars : backlog,\n        settling,\n      });\n\n      rafRef.current = requestAnimationFrame(tick);\n    };\n\n    rafRef.current = requestAnimationFrame(tick);\n  }, [\n    clearWakeTimer,\n    config.activeInputWindowMs,\n    config.flushCps,\n    config.maxActiveCps,\n    config.maxCps,\n    config.maxFlushCps,\n    config.minCommitIntervalMs,\n    config.minCps,\n    config.settleAfterMs,\n    config.settleDrainMaxMs,\n    config.settleDrainMinMs,\n    config.targetBufferMs,\n    scheduleFrameWake,\n    stopFrameLoop,\n  ]);\n  startFrameLoopRef.current = startFrameLoop;\n\n  useEffect(() => {\n    if (!enabled) {\n      syncImmediate(content);\n      return;\n    }\n\n    const prevTargetContent = targetContentRef.current;\n    if (content === prevTargetContent) return;\n\n    const now = getNow();\n    const appendOnly = content.startsWith(prevTargetContent);\n\n    if (!appendOnly) {\n      syncImmediate(content);\n      return;\n    }\n\n    // Bypass smoothing entirely while the input ends inside an open\n    // fence whose language is opted out — see the preset config.\n    // Without this, a 5 KB inline `<style>` block can keep `</style>`\n    // (and therefore the HtmlPreview head-close trigger) trapped in the\n    // smoother's buffer for tens of seconds, leaving the iframe pinned\n    // on the loading placeholder while the artifact \"looks stuck\".\n    if (config.bypassFencedLanguages.length > 0) {\n      const openLang = findOpenFenceLanguage(content);\n      if (openLang !== null && config.bypassFencedLanguages.includes(openLang)) {\n        syncImmediate(content);\n        return;\n      }\n    }\n\n    const appended = content.slice(prevTargetContent.length);\n    const appendedChars = [...appended];\n    const appendedCount = appendedChars.length;\n\n    profiler?.recordInputAppend({\n      appendedChars: appendedCount,\n      contentLength: countChars(content),\n    });\n\n    if (appendedCount > config.largeAppendChars) {\n      syncImmediate(content);\n      return;\n    }\n\n    targetContentRef.current = content;\n    targetCharsRef.current.push(...appendedChars);\n    targetCountRef.current += appendedCount;\n\n    tailUnitsRef.current = findTailUnits(content);\n\n    const deltaChars = targetCountRef.current - lastInputCountRef.current;\n    const deltaMs = Math.max(1, now - lastInputTsRef.current);\n\n    if (deltaChars > 0) {\n      const instantCps = (deltaChars * 1000) / deltaMs;\n      const normalizedInstantCps = clamp(instantCps, config.minCps, config.maxFlushCps * 2);\n      const chunkEmaAlpha = 0.35;\n      chunkSizeEmaRef.current =\n        chunkSizeEmaRef.current * (1 - chunkEmaAlpha) + appendedCount * chunkEmaAlpha;\n      arrivalCpsEmaRef.current =\n        arrivalCpsEmaRef.current * (1 - chunkEmaAlpha) + normalizedInstantCps * chunkEmaAlpha;\n\n      const clampedCps = clamp(instantCps, config.minCps, config.maxActiveCps);\n      emaCpsRef.current = emaCpsRef.current * (1 - config.emaAlpha) + clampedCps * config.emaAlpha;\n    }\n\n    lastInputTsRef.current = now;\n    lastInputCountRef.current = targetCountRef.current;\n\n    startFrameLoop();\n  }, [\n    config.bypassFencedLanguages,\n    config.emaAlpha,\n    config.largeAppendChars,\n    config.maxActiveCps,\n    config.maxCps,\n    config.maxFlushCps,\n    config.minCps,\n    content,\n    enabled,\n    startFrameLoop,\n    syncImmediate,\n    profiler,\n  ]);\n\n  useEffect(() => {\n    return () => {\n      stopScheduling();\n    };\n  }, [stopScheduling]);\n\n  return displayedContent;\n};\n"],"mappings":"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"}

package/es/Markdown/SyntaxMarkdown/useStreamQueue.mjs

@@ -5,7 +5,8 @@ const BASE_DELAY = 18;
 const ACCELERATION_FACTOR = .3;
 const MAX_BLOCK_DURATION = 3e3;
 function computeCharDelay(queueLength, charCount) {
-	let delay = BASE_DELAY / (1 + queueLength * ACCELERATION_FACTOR);
+	const acceleration = 1 + queueLength * ACCELERATION_FACTOR;
+	let delay = BASE_DELAY / acceleration;
 	delay = Math.min(delay, MAX_BLOCK_DURATION / Math.max(charCount, 1));
 	return delay;
 }

package/es/Markdown/SyntaxMarkdown/useStreamQueue.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useStreamQueue.mjs","names":[],"sources":["../../../src/Markdown/SyntaxMarkdown/useStreamQueue.ts"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from 'react';\n\nimport { STREAM_FADE_DURATION } from './style';\nimport { countChars } from './useSmoothStreamContent';\n\nexport interface BlockInfo {\n  content: string;\n  startOffset: number;\n}\n\nexport type BlockState = 'revealed' | 'animating' | 'streaming' | 'queued';\n\nconst BASE_DELAY = 18;\nconst ACCELERATION_FACTOR = 0.3;\nconst MAX_BLOCK_DURATION = 3000;\n\nfunction computeCharDelay(queueLength: number, charCount: number): number {\n  const acceleration = 1 + queueLength * ACCELERATION_FACTOR;\n  let delay = BASE_DELAY / acceleration;\n  delay = Math.min(delay, MAX_BLOCK_DURATION / Math.max(charCount, 1));\n  return delay;\n}\n\nexport interface UseStreamQueueReturn {\n  charDelay: number;\n  getBlockState: (index: number) => BlockState;\n  queueLength: number;\n}\n\nexport function useStreamQueue(blocks: BlockInfo[]): UseStreamQueueReturn {\n  const [revealedCount, setRevealedCount] = useState(0);\n  const timerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const prevBlocksLenRef = useRef(0);\n  const minRevealedRef = useRef(0);\n\n  // Synchronous auto-reveal during render.\n  // When blocks grow, the previous tail (streaming block) is instantly\n  // promoted to revealed — its chars are already visible via stream-mode\n  // animation. This runs during render (not in effect) so there is NO\n  // intermediate frame where the old streaming block enters 'animating'\n  // state and gets stagger plugins that would restart its animations.\n  if (blocks.length === 0 && prevBlocksLenRef.current !== 0) {\n    minRevealedRef.current = 0;\n  }\n  if (blocks.length > prevBlocksLenRef.current && prevBlocksLenRef.current > 0) {\n    const prevTail = prevBlocksLenRef.current - 1;\n    minRevealedRef.current = Math.max(minRevealedRef.current, prevTail + 1);\n  }\n  prevBlocksLenRef.current = blocks.length;\n\n  // State reset when stream restarts (blocks empty)\n  useEffect(() => {\n    if (blocks.length === 0) {\n      setRevealedCount(0);\n      minRevealedRef.current = 0;\n      if (timerRef.current) {\n        clearTimeout(timerRef.current);\n        timerRef.current = null;\n      }\n    }\n  }, [blocks.length]);\n\n  const effectiveRevealedCount = Math.max(revealedCount, minRevealedRef.current);\n  const tailIndex = blocks.length - 1;\n\n  const getBlockState = useCallback(\n    (index: number): BlockState => {\n      if (index < effectiveRevealedCount) return 'revealed';\n      if (index === effectiveRevealedCount && index < tailIndex) return 'animating';\n      if (index === effectiveRevealedCount && index === tailIndex) return 'streaming';\n      return 'queued';\n    },\n    [effectiveRevealedCount, tailIndex],\n  );\n\n  const queueLength = Math.max(0, tailIndex - effectiveRevealedCount - 1);\n\n  const animatingIndex = effectiveRevealedCount < tailIndex ? effectiveRevealedCount : -1;\n  const animatingCharCount =\n    animatingIndex >= 0 ? countChars(blocks[animatingIndex]?.content ?? '') : 0;\n\n  const streamingIndex = animatingIndex < 0 && tailIndex >= effectiveRevealedCount ? tailIndex : -1;\n  const activeIndex = animatingIndex >= 0 ? animatingIndex : streamingIndex;\n  const activeCharCount = activeIndex >= 0 ? countChars(blocks[activeIndex]?.content ?? '') : 0;\n\n  // Freeze charDelay when entering a new active block (animating or streaming)\n  const frozenRef = useRef({ delay: BASE_DELAY, index: -1 });\n  if (activeIndex >= 0 && activeIndex !== frozenRef.current.index) {\n    frozenRef.current = {\n      delay: computeCharDelay(queueLength, activeCharCount),\n      index: activeIndex,\n    };\n  }\n  const charDelay = activeIndex >= 0 ? frozenRef.current.delay : BASE_DELAY;\n\n  const onAnimationDone = useCallback(() => {\n    setRevealedCount(effectiveRevealedCount + 1);\n  }, [effectiveRevealedCount]);\n\n  useEffect(() => {\n    if (timerRef.current) {\n      clearTimeout(timerRef.current);\n      timerRef.current = null;\n    }\n\n    if (animatingIndex < 0) return;\n\n    const totalTime = Math.max(0, (animatingCharCount - 1) * charDelay) + STREAM_FADE_DURATION;\n    timerRef.current = setTimeout(onAnimationDone, totalTime);\n\n    return () => {\n      if (timerRef.current) {\n        clearTimeout(timerRef.current);\n        timerRef.current = null;\n      }\n    };\n  }, [animatingIndex, animatingCharCount, charDelay, onAnimationDone]);\n\n  return { charDelay, getBlockState, queueLength };\n}\n"],"mappings":";;;AAYA,MAAM,aAAa;AACnB,MAAM,sBAAsB;AAC5B,MAAM,qBAAqB;AAE3B,SAAS,iBAAiB,aAAqB,WAA2B;CAExE,IAAI,QAAQ,cADS,IAAI,cAAc;AAEvC,SAAQ,KAAK,IAAI,OAAO,qBAAqB,KAAK,IAAI,WAAW,EAAE,CAAC;AACpE,QAAO;;AAST,SAAgB,eAAe,QAA2C;CACxE,MAAM,CAAC,eAAe,oBAAoB,SAAS,EAAE;CACrD,MAAM,WAAW,OAA6C,KAAK;CACnE,MAAM,mBAAmB,OAAO,EAAE;CAClC,MAAM,iBAAiB,OAAO,EAAE;AAQhC,KAAI,OAAO,WAAW,KAAK,iBAAiB,YAAY,EACtD,gBAAe,UAAU;AAE3B,KAAI,OAAO,SAAS,iBAAiB,WAAW,iBAAiB,UAAU,GAAG;EAC5E,MAAM,WAAW,iBAAiB,UAAU;AAC5C,iBAAe,UAAU,KAAK,IAAI,eAAe,SAAS,WAAW,EAAE;;AAEzE,kBAAiB,UAAU,OAAO;AAGlC,iBAAgB;AACd,MAAI,OAAO,WAAW,GAAG;AACvB,oBAAiB,EAAE;AACnB,kBAAe,UAAU;AACzB,OAAI,SAAS,SAAS;AACpB,iBAAa,SAAS,QAAQ;AAC9B,aAAS,UAAU;;;IAGtB,CAAC,OAAO,OAAO,CAAC;CAEnB,MAAM,yBAAyB,KAAK,IAAI,eAAe,eAAe,QAAQ;CAC9E,MAAM,YAAY,OAAO,SAAS;CAElC,MAAM,gBAAgB,aACnB,UAA8B;AAC7B,MAAI,QAAQ,uBAAwB,QAAO;AAC3C,MAAI,UAAU,0BAA0B,QAAQ,UAAW,QAAO;AAClE,MAAI,UAAU,0BAA0B,UAAU,UAAW,QAAO;AACpE,SAAO;IAET,CAAC,wBAAwB,UAAU,CACpC;CAED,MAAM,cAAc,KAAK,IAAI,GAAG,YAAY,yBAAyB,EAAE;CAEvE,MAAM,iBAAiB,yBAAyB,YAAY,yBAAyB;CACrF,MAAM,qBACJ,kBAAkB,IAAI,WAAW,OAAO,iBAAiB,WAAW,GAAG,GAAG;CAG5E,MAAM,cAAc,kBAAkB,IAAI,iBADnB,iBAAiB,KAAK,aAAa,yBAAyB,YAAY;CAE/F,MAAM,kBAAkB,eAAe,IAAI,WAAW,OAAO,cAAc,WAAW,GAAG,GAAG;CAG5F,MAAM,YAAY,OAAO;EAAE,OAAO;EAAY,OAAO;EAAI,CAAC;AAC1D,KAAI,eAAe,KAAK,gBAAgB,UAAU,QAAQ,MACxD,WAAU,UAAU;EAClB,OAAO,iBAAiB,aAAa,gBAAgB;EACrD,OAAO;EACR;CAEH,MAAM,YAAY,eAAe,IAAI,UAAU,QAAQ,QAAQ;CAE/D,MAAM,kBAAkB,kBAAkB;AACxC,mBAAiB,yBAAyB,EAAE;IAC3C,CAAC,uBAAuB,CAAC;AAE5B,iBAAgB;AACd,MAAI,SAAS,SAAS;AACpB,gBAAa,SAAS,QAAQ;AAC9B,YAAS,UAAU;;AAGrB,MAAI,iBAAiB,EAAG;EAExB,MAAM,YAAY,KAAK,IAAI,IAAI,qBAAqB,KAAK,UAAU,GAAA;AACnE,WAAS,UAAU,WAAW,iBAAiB,UAAU;AAEzD,eAAa;AACX,OAAI,SAAS,SAAS;AACpB,iBAAa,SAAS,QAAQ;AAC9B,aAAS,UAAU;;;IAGtB;EAAC;EAAgB;EAAoB;EAAW;EAAgB,CAAC;AAEpE,QAAO;EAAE;EAAW;EAAe;EAAa"}
+{"version":3,"file":"useStreamQueue.mjs","names":[],"sources":["../../../src/Markdown/SyntaxMarkdown/useStreamQueue.ts"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from 'react';\n\nimport { STREAM_FADE_DURATION } from './style';\nimport { countChars } from './useSmoothStreamContent';\n\nexport interface BlockInfo {\n  content: string;\n  startOffset: number;\n}\n\nexport type BlockState = 'revealed' | 'animating' | 'streaming' | 'queued';\n\nconst BASE_DELAY = 18;\nconst ACCELERATION_FACTOR = 0.3;\nconst MAX_BLOCK_DURATION = 3000;\n\nfunction computeCharDelay(queueLength: number, charCount: number): number {\n  const acceleration = 1 + queueLength * ACCELERATION_FACTOR;\n  let delay = BASE_DELAY / acceleration;\n  delay = Math.min(delay, MAX_BLOCK_DURATION / Math.max(charCount, 1));\n  return delay;\n}\n\nexport interface UseStreamQueueReturn {\n  charDelay: number;\n  getBlockState: (index: number) => BlockState;\n  queueLength: number;\n}\n\nexport function useStreamQueue(blocks: BlockInfo[]): UseStreamQueueReturn {\n  const [revealedCount, setRevealedCount] = useState(0);\n  const timerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const prevBlocksLenRef = useRef(0);\n  const minRevealedRef = useRef(0);\n\n  // Synchronous auto-reveal during render.\n  // When blocks grow, the previous tail (streaming block) is instantly\n  // promoted to revealed — its chars are already visible via stream-mode\n  // animation. This runs during render (not in effect) so there is NO\n  // intermediate frame where the old streaming block enters 'animating'\n  // state and gets stagger plugins that would restart its animations.\n  if (blocks.length === 0 && prevBlocksLenRef.current !== 0) {\n    minRevealedRef.current = 0;\n  }\n  if (blocks.length > prevBlocksLenRef.current && prevBlocksLenRef.current > 0) {\n    const prevTail = prevBlocksLenRef.current - 1;\n    minRevealedRef.current = Math.max(minRevealedRef.current, prevTail + 1);\n  }\n  prevBlocksLenRef.current = blocks.length;\n\n  // State reset when stream restarts (blocks empty)\n  useEffect(() => {\n    if (blocks.length === 0) {\n      setRevealedCount(0);\n      minRevealedRef.current = 0;\n      if (timerRef.current) {\n        clearTimeout(timerRef.current);\n        timerRef.current = null;\n      }\n    }\n  }, [blocks.length]);\n\n  const effectiveRevealedCount = Math.max(revealedCount, minRevealedRef.current);\n  const tailIndex = blocks.length - 1;\n\n  const getBlockState = useCallback(\n    (index: number): BlockState => {\n      if (index < effectiveRevealedCount) return 'revealed';\n      if (index === effectiveRevealedCount && index < tailIndex) return 'animating';\n      if (index === effectiveRevealedCount && index === tailIndex) return 'streaming';\n      return 'queued';\n    },\n    [effectiveRevealedCount, tailIndex],\n  );\n\n  const queueLength = Math.max(0, tailIndex - effectiveRevealedCount - 1);\n\n  const animatingIndex = effectiveRevealedCount < tailIndex ? effectiveRevealedCount : -1;\n  const animatingCharCount =\n    animatingIndex >= 0 ? countChars(blocks[animatingIndex]?.content ?? '') : 0;\n\n  const streamingIndex = animatingIndex < 0 && tailIndex >= effectiveRevealedCount ? tailIndex : -1;\n  const activeIndex = animatingIndex >= 0 ? animatingIndex : streamingIndex;\n  const activeCharCount = activeIndex >= 0 ? countChars(blocks[activeIndex]?.content ?? '') : 0;\n\n  // Freeze charDelay when entering a new active block (animating or streaming)\n  const frozenRef = useRef({ delay: BASE_DELAY, index: -1 });\n  if (activeIndex >= 0 && activeIndex !== frozenRef.current.index) {\n    frozenRef.current = {\n      delay: computeCharDelay(queueLength, activeCharCount),\n      index: activeIndex,\n    };\n  }\n  const charDelay = activeIndex >= 0 ? frozenRef.current.delay : BASE_DELAY;\n\n  const onAnimationDone = useCallback(() => {\n    setRevealedCount(effectiveRevealedCount + 1);\n  }, [effectiveRevealedCount]);\n\n  useEffect(() => {\n    if (timerRef.current) {\n      clearTimeout(timerRef.current);\n      timerRef.current = null;\n    }\n\n    if (animatingIndex < 0) return;\n\n    const totalTime = Math.max(0, (animatingCharCount - 1) * charDelay) + STREAM_FADE_DURATION;\n    timerRef.current = setTimeout(onAnimationDone, totalTime);\n\n    return () => {\n      if (timerRef.current) {\n        clearTimeout(timerRef.current);\n        timerRef.current = null;\n      }\n    };\n  }, [animatingIndex, animatingCharCount, charDelay, onAnimationDone]);\n\n  return { charDelay, getBlockState, queueLength };\n}\n"],"mappings":";;;AAYA,MAAM,aAAa;AACnB,MAAM,sBAAsB;AAC5B,MAAM,qBAAqB;AAE3B,SAAS,iBAAiB,aAAqB,WAA2B;CACxE,MAAM,eAAe,IAAI,cAAc;CACvC,IAAI,QAAQ,aAAa;CACzB,QAAQ,KAAK,IAAI,OAAO,qBAAqB,KAAK,IAAI,WAAW,CAAC,CAAC;CACnE,OAAO;AACT;AAQA,SAAgB,eAAe,QAA2C;CACxE,MAAM,CAAC,eAAe,oBAAoB,SAAS,CAAC;CACpD,MAAM,WAAW,OAA6C,IAAI;CAClE,MAAM,mBAAmB,OAAO,CAAC;CACjC,MAAM,iBAAiB,OAAO,CAAC;CAQ/B,IAAI,OAAO,WAAW,KAAK,iBAAiB,YAAY,GACtD,eAAe,UAAU;CAE3B,IAAI,OAAO,SAAS,iBAAiB,WAAW,iBAAiB,UAAU,GAAG;EAC5E,MAAM,WAAW,iBAAiB,UAAU;EAC5C,eAAe,UAAU,KAAK,IAAI,eAAe,SAAS,WAAW,CAAC;CACxE;CACA,iBAAiB,UAAU,OAAO;CAGlC,gBAAgB;EACd,IAAI,OAAO,WAAW,GAAG;GACvB,iBAAiB,CAAC;GAClB,eAAe,UAAU;GACzB,IAAI,SAAS,SAAS;IACpB,aAAa,SAAS,OAAO;IAC7B,SAAS,UAAU;GACrB;EACF;CACF,GAAG,CAAC,OAAO,MAAM,CAAC;CAElB,MAAM,yBAAyB,KAAK,IAAI,eAAe,eAAe,OAAO;CAC7E,MAAM,YAAY,OAAO,SAAS;CAElC,MAAM,gBAAgB,aACnB,UAA8B;EAC7B,IAAI,QAAQ,wBAAwB,OAAO;EAC3C,IAAI,UAAU,0BAA0B,QAAQ,WAAW,OAAO;EAClE,IAAI,UAAU,0BAA0B,UAAU,WAAW,OAAO;EACpE,OAAO;CACT,GACA,CAAC,wBAAwB,SAAS,CACpC;CAEA,MAAM,cAAc,KAAK,IAAI,GAAG,YAAY,yBAAyB,CAAC;CAEtE,MAAM,iBAAiB,yBAAyB,YAAY,yBAAyB;CACrF,MAAM,qBACJ,kBAAkB,IAAI,WAAW,OAAO,eAAe,EAAE,WAAW,EAAE,IAAI;CAG5E,MAAM,cAAc,kBAAkB,IAAI,iBADnB,iBAAiB,KAAK,aAAa,yBAAyB,YAAY;CAE/F,MAAM,kBAAkB,eAAe,IAAI,WAAW,OAAO,YAAY,EAAE,WAAW,EAAE,IAAI;CAG5F,MAAM,YAAY,OAAO;EAAE,OAAO;EAAY,OAAO;CAAG,CAAC;CACzD,IAAI,eAAe,KAAK,gBAAgB,UAAU,QAAQ,OACxD,UAAU,UAAU;EAClB,OAAO,iBAAiB,aAAa,eAAe;EACpD,OAAO;CACT;CAEF,MAAM,YAAY,eAAe,IAAI,UAAU,QAAQ,QAAQ;CAE/D,MAAM,kBAAkB,kBAAkB;EACxC,iBAAiB,yBAAyB,CAAC;CAC7C,GAAG,CAAC,sBAAsB,CAAC;CAE3B,gBAAgB;EACd,IAAI,SAAS,SAAS;GACpB,aAAa,SAAS,OAAO;GAC7B,SAAS,UAAU;EACrB;EAEA,IAAI,iBAAiB,GAAG;EAExB,MAAM,YAAY,KAAK,IAAI,IAAI,qBAAqB,KAAK,SAAS,IAAA;EAClE,SAAS,UAAU,WAAW,iBAAiB,SAAS;EAExD,aAAa;GACX,IAAI,SAAS,SAAS;IACpB,aAAa,SAAS,OAAO;IAC7B,SAAS,UAAU;GACrB;EACF;CACF,GAAG;EAAC;EAAgB;EAAoB;EAAW;CAAe,CAAC;CAEnE,OAAO;EAAE;EAAW;EAAe;CAAY;AACjD"}

package/es/Markdown/Typography.d.mts

@@ -1,8 +1,6 @@
 import { TypographyProps } from "./type.mjs";
-import * as _$react from "react";
-
 //#region src/Markdown/Typography.d.ts
-declare const Typography: _$react.NamedExoticComponent<TypographyProps>;
+declare const Typography: import("react").NamedExoticComponent<TypographyProps>;
 //#endregion
-export { Typography };
+export { Typography as default };
 //# sourceMappingURL=Typography.d.mts.map

package/es/Markdown/Typography.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Typography.mjs","names":[],"sources":["../../src/Markdown/Typography.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport { memo } from 'react';\n\nimport { styles } from './markdown.style';\nimport type { TypographyProps } from './type';\n\nconst Typography = memo<TypographyProps>(\n  ({\n    ref,\n    children,\n    className,\n    fontSize = 16,\n    headerMultiple = 1,\n    marginMultiple = 2,\n    lineHeight = 1.8,\n    borderRadius = 8,\n    style,\n    ...rest\n  }) => {\n    return (\n      <article\n        className={cx(styles.root, className)}\n        ref={ref}\n        style={{\n          // @ts-ignore\n          '--lobe-markdown-border-radius': borderRadius,\n          '--lobe-markdown-font-size': `${fontSize}px`,\n          '--lobe-markdown-header-multiple': headerMultiple,\n          '--lobe-markdown-line-height': lineHeight,\n          '--lobe-markdown-margin-multiple': marginMultiple,\n          ...style,\n        }}\n        {...rest}\n      >\n        {children}\n      </article>\n    );\n  },\n);\n\nTypography.displayName = 'Typography';\n\nexport default Typography;\n"],"mappings":";;;;;;AAQA,MAAM,aAAa,MAChB,EACC,KACA,UACA,WACA,WAAW,IACX,iBAAiB,GACjB,iBAAiB,GACjB,aAAa,KACb,eAAe,GACf,OACA,GAAG,WACC;AACJ,QACE,oBAAC,WAAD;EACE,WAAW,GAAG,OAAO,MAAM,UAAU;EAChC;EACL,OAAO;GAEL,iCAAiC;GACjC,6BAA6B,GAAG,SAAS;GACzC,mCAAmC;GACnC,+BAA+B;GAC/B,mCAAmC;GACnC,GAAG;GACJ;EACD,GAAI;EAEH;EACO,CAAA;EAGf;AAED,WAAW,cAAc"}
+{"version":3,"file":"Typography.mjs","names":[],"sources":["../../src/Markdown/Typography.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport { memo } from 'react';\n\nimport { styles } from './markdown.style';\nimport type { TypographyProps } from './type';\n\nconst Typography = memo<TypographyProps>(\n  ({\n    ref,\n    children,\n    className,\n    fontSize = 16,\n    headerMultiple = 1,\n    marginMultiple = 2,\n    lineHeight = 1.8,\n    borderRadius = 8,\n    style,\n    ...rest\n  }) => {\n    return (\n      <article\n        className={cx(styles.root, className)}\n        ref={ref}\n        style={{\n          // @ts-ignore\n          '--lobe-markdown-border-radius': borderRadius,\n          '--lobe-markdown-font-size': `${fontSize}px`,\n          '--lobe-markdown-header-multiple': headerMultiple,\n          '--lobe-markdown-line-height': lineHeight,\n          '--lobe-markdown-margin-multiple': marginMultiple,\n          ...style,\n        }}\n        {...rest}\n      >\n        {children}\n      </article>\n    );\n  },\n);\n\nTypography.displayName = 'Typography';\n\nexport default Typography;\n"],"mappings":";;;;;;AAQA,MAAM,aAAa,MAChB,EACC,KACA,UACA,WACA,WAAW,IACX,iBAAiB,GACjB,iBAAiB,GACjB,aAAa,KACb,eAAe,GACf,OACA,GAAG,WACC;CACJ,OACE,oBAAC,WAAD;EACE,WAAW,GAAG,OAAO,MAAM,SAAS;EAC/B;EACL,OAAO;GAEL,iCAAiC;GACjC,6BAA6B,GAAG,SAAS;GACzC,mCAAmC;GACnC,+BAA+B;GAC/B,mCAAmC;GACnC,GAAG;EACL;EACA,GAAI;EAEH;CACM,CAAA;AAEb,CACF;AAEA,WAAW,cAAc"}

package/es/Markdown/components/CodeBlock.mjs

@@ -1,6 +1,6 @@
 import "../../Highlighter/const.mjs";
 import { isFullHtmlDocument } from "../../HtmlPreview/const.mjs";
-import Pre, { PreHtmlPreview, PreMermaid, PreSingleLine } from "../../mdx/mdxComponents/Pre.mjs";
+import { Pre, PreHtmlPreview, PreMermaid, PreSingleLine } from "../../mdx/mdxComponents/Pre.mjs";
 import { memo } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/Markdown/components/CodeBlock.tsx
@@ -51,6 +51,6 @@ const CodeBlock = memo(({ fullFeatured, enableHtmlPreview, enableMermaid, highli
 	});
 }, (prevProps, nextProps) => prevProps.children === nextProps.children);
 //#endregion
-export { CodeBlock };
+export { CodeBlock, useCode };
 
 //# sourceMappingURL=CodeBlock.mjs.map

package/es/Markdown/components/CodeBlock.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"CodeBlock.mjs","names":[],"sources":["../../../src/Markdown/components/CodeBlock.tsx"],"sourcesContent":["import { memo } from 'react';\n\nimport type { HighlighterProps } from '@/Highlighter';\nimport { FALLBACK_LANG } from '@/Highlighter/const';\nimport { isFullHtmlDocument } from '@/HtmlPreview/const';\nimport type { HtmlPreviewProps } from '@/HtmlPreview/type';\nimport Pre, { PreHtmlPreview, PreMermaid, PreSingleLine } from '@/mdx/mdxComponents/Pre';\nimport type { MermaidProps } from '@/Mermaid';\n\nconst countLines = (str: string): number => {\n  const regex = /\\n/g;\n  const matches = str.match(regex);\n  return matches ? matches.length : 1;\n};\n\nexport const useCode = (raw: any) => {\n  if (!raw) return;\n\n  const { children = '', className } = raw?.props || { children: '' };\n\n  if (!children) return;\n\n  const content = Array.isArray(children) ? (children[0] as string) : children;\n\n  const lang = className?.replace('language-', '') || FALLBACK_LANG;\n\n  const isSingleLine = countLines(content) <= 1 && content.length <= 32;\n\n  return {\n    content,\n    isSingleLine,\n    lang,\n  };\n};\n\ninterface CodeBlockProps {\n  animated?: boolean;\n  children: any;\n  enableHtmlPreview?: boolean;\n  enableMermaid?: boolean;\n  fullFeatured?: boolean;\n  highlight?: HighlighterProps;\n  html?: HtmlPreviewProps;\n  mermaid?: MermaidProps;\n}\n\nexport const CodeBlock = memo<CodeBlockProps>(\n  ({\n    fullFeatured,\n    enableHtmlPreview,\n    enableMermaid,\n    highlight,\n    html,\n    mermaid,\n    children,\n    animated,\n    ...rest\n  }) => {\n    const code = useCode(children);\n\n    if (!code) return;\n\n    if (enableMermaid && code.lang === 'mermaid')\n      return (\n        <PreMermaid animated={animated} fullFeatured={fullFeatured} {...mermaid} {...rest}>\n          {code.content}\n        </PreMermaid>\n      );\n\n    // Auto-route to HTML preview only for full HTML documents. Fragments fall\n    // through to the normal highlighter — inline-rendering a `<div>` snippet\n    // produces a degraded experience and risks hiding the actual code from\n    // the reader.\n    if (enableHtmlPreview && code.lang === 'html' && isFullHtmlDocument(code.content))\n      return (\n        <PreHtmlPreview animated={animated} fullFeatured={fullFeatured} {...html} {...rest}>\n          {code.content}\n        </PreHtmlPreview>\n      );\n\n    if (!highlight && code.isSingleLine)\n      return <PreSingleLine language={code.lang}>{code.content}</PreSingleLine>;\n\n    return (\n      <Pre\n        animated={animated}\n        fullFeatured={fullFeatured}\n        language={code.lang}\n        {...highlight}\n        {...rest}\n      >\n        {code.content}\n      </Pre>\n    );\n  },\n  (prevProps, nextProps) => prevProps.children === nextProps.children,\n);\n"],"mappings":";;;;;;AASA,MAAM,cAAc,QAAwB;CAE1C,MAAM,UAAU,IAAI,MAAM,MAAM;AAChC,QAAO,UAAU,QAAQ,SAAS;;AAGpC,MAAa,WAAW,QAAa;AACnC,KAAI,CAAC,IAAK;CAEV,MAAM,EAAE,WAAW,IAAI,cAAc,KAAK,SAAS,EAAE,UAAU,IAAI;AAEnE,KAAI,CAAC,SAAU;CAEf,MAAM,UAAU,MAAM,QAAQ,SAAS,GAAI,SAAS,KAAgB;CAEpE,MAAM,OAAO,WAAW,QAAQ,aAAa,GAAG,IAAA;AAIhD,QAAO;EACL;EACA,cAJmB,WAAW,QAAQ,IAAI,KAAK,QAAQ,UAAU;EAKjE;EACD;;AAcH,MAAa,YAAY,MACtB,EACC,cACA,mBACA,eACA,WACA,MACA,SACA,UACA,UACA,GAAG,WACC;CACJ,MAAM,OAAO,QAAQ,SAAS;AAE9B,KAAI,CAAC,KAAM;AAEX,KAAI,iBAAiB,KAAK,SAAS,UACjC,QACE,oBAAC,YAAD;EAAsB;EAAwB;EAAc,GAAI;EAAS,GAAI;YAC1E,KAAK;EACK,CAAA;AAOjB,KAAI,qBAAqB,KAAK,SAAS,UAAU,mBAAmB,KAAK,QAAQ,CAC/E,QACE,oBAAC,gBAAD;EAA0B;EAAwB;EAAc,GAAI;EAAM,GAAI;YAC3E,KAAK;EACS,CAAA;AAGrB,KAAI,CAAC,aAAa,KAAK,aACrB,QAAO,oBAAC,eAAD;EAAe,UAAU,KAAK;YAAO,KAAK;EAAwB,CAAA;AAE3E,QACE,oBAAC,KAAD;EACY;EACI;EACd,UAAU,KAAK;EACf,GAAI;EACJ,GAAI;YAEH,KAAK;EACF,CAAA;IAGT,WAAW,cAAc,UAAU,aAAa,UAAU,SAC5D"}
+{"version":3,"file":"CodeBlock.mjs","names":[],"sources":["../../../src/Markdown/components/CodeBlock.tsx"],"sourcesContent":["import { memo } from 'react';\n\nimport type { HighlighterProps } from '@/Highlighter';\nimport { FALLBACK_LANG } from '@/Highlighter/const';\nimport { isFullHtmlDocument } from '@/HtmlPreview/const';\nimport type { HtmlPreviewProps } from '@/HtmlPreview/type';\nimport Pre, { PreHtmlPreview, PreMermaid, PreSingleLine } from '@/mdx/mdxComponents/Pre';\nimport type { MermaidProps } from '@/Mermaid';\n\nconst countLines = (str: string): number => {\n  const regex = /\\n/g;\n  const matches = str.match(regex);\n  return matches ? matches.length : 1;\n};\n\nexport const useCode = (raw: any) => {\n  if (!raw) return;\n\n  const { children = '', className } = raw?.props || { children: '' };\n\n  if (!children) return;\n\n  const content = Array.isArray(children) ? (children[0] as string) : children;\n\n  const lang = className?.replace('language-', '') || FALLBACK_LANG;\n\n  const isSingleLine = countLines(content) <= 1 && content.length <= 32;\n\n  return {\n    content,\n    isSingleLine,\n    lang,\n  };\n};\n\ninterface CodeBlockProps {\n  animated?: boolean;\n  children: any;\n  enableHtmlPreview?: boolean;\n  enableMermaid?: boolean;\n  fullFeatured?: boolean;\n  highlight?: HighlighterProps;\n  html?: HtmlPreviewProps;\n  mermaid?: MermaidProps;\n}\n\nexport const CodeBlock = memo<CodeBlockProps>(\n  ({\n    fullFeatured,\n    enableHtmlPreview,\n    enableMermaid,\n    highlight,\n    html,\n    mermaid,\n    children,\n    animated,\n    ...rest\n  }) => {\n    const code = useCode(children);\n\n    if (!code) return;\n\n    if (enableMermaid && code.lang === 'mermaid')\n      return (\n        <PreMermaid animated={animated} fullFeatured={fullFeatured} {...mermaid} {...rest}>\n          {code.content}\n        </PreMermaid>\n      );\n\n    // Auto-route to HTML preview only for full HTML documents. Fragments fall\n    // through to the normal highlighter — inline-rendering a `<div>` snippet\n    // produces a degraded experience and risks hiding the actual code from\n    // the reader.\n    if (enableHtmlPreview && code.lang === 'html' && isFullHtmlDocument(code.content))\n      return (\n        <PreHtmlPreview animated={animated} fullFeatured={fullFeatured} {...html} {...rest}>\n          {code.content}\n        </PreHtmlPreview>\n      );\n\n    if (!highlight && code.isSingleLine)\n      return <PreSingleLine language={code.lang}>{code.content}</PreSingleLine>;\n\n    return (\n      <Pre\n        animated={animated}\n        fullFeatured={fullFeatured}\n        language={code.lang}\n        {...highlight}\n        {...rest}\n      >\n        {code.content}\n      </Pre>\n    );\n  },\n  (prevProps, nextProps) => prevProps.children === nextProps.children,\n);\n"],"mappings":";;;;;;AASA,MAAM,cAAc,QAAwB;CAE1C,MAAM,UAAU,IAAI,MAAM,KAAK;CAC/B,OAAO,UAAU,QAAQ,SAAS;AACpC;AAEA,MAAa,WAAW,QAAa;CACnC,IAAI,CAAC,KAAK;CAEV,MAAM,EAAE,WAAW,IAAI,cAAc,KAAK,SAAS,EAAE,UAAU,GAAG;CAElE,IAAI,CAAC,UAAU;CAEf,MAAM,UAAU,MAAM,QAAQ,QAAQ,IAAK,SAAS,KAAgB;CAEpE,MAAM,OAAO,WAAW,QAAQ,aAAa,EAAE,KAAA;CAI/C,OAAO;EACL;EACA,cAJmB,WAAW,OAAO,KAAK,KAAK,QAAQ,UAAU;EAKjE;CACF;AACF;AAaA,MAAa,YAAY,MACtB,EACC,cACA,mBACA,eACA,WACA,MACA,SACA,UACA,UACA,GAAG,WACC;CACJ,MAAM,OAAO,QAAQ,QAAQ;CAE7B,IAAI,CAAC,MAAM;CAEX,IAAI,iBAAiB,KAAK,SAAS,WACjC,OACE,oBAAC,YAAD;EAAsB;EAAwB;EAAc,GAAI;EAAS,GAAI;YAC1E,KAAK;CACI,CAAA;CAOhB,IAAI,qBAAqB,KAAK,SAAS,UAAU,mBAAmB,KAAK,OAAO,GAC9E,OACE,oBAAC,gBAAD;EAA0B;EAAwB;EAAc,GAAI;EAAM,GAAI;YAC3E,KAAK;CACQ,CAAA;CAGpB,IAAI,CAAC,aAAa,KAAK,cACrB,OAAO,oBAAC,eAAD;EAAe,UAAU,KAAK;YAAO,KAAK;CAAuB,CAAA;CAE1E,OACE,oBAAC,KAAD;EACY;EACI;EACd,UAAU,KAAK;EACf,GAAI;EACJ,GAAI;YAEH,KAAK;CACH,CAAA;AAET,IACC,WAAW,cAAc,UAAU,aAAa,UAAU,QAC7D"}

package/es/Markdown/components/Footnotes.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Footnotes.mjs","names":["Flexbox"],"sources":["../../../src/Markdown/components/Footnotes.tsx"],"sourcesContent":["'use client';\n\nimport { memo, type ReactNode, useMemo } from 'react';\n\nimport A from '@/A';\nimport Block from '@/Block';\nimport { Flexbox } from '@/Flex';\nimport Text from '@/Text';\n\nimport SearchResultCards from './SearchResultCards';\n\ninterface FootnotesProps {\n  'children': ReactNode;\n  'data-footnote-links'?: string;\n  'data-footnotes'?: boolean;\n}\n\nconst DefaultFootnotes = memo<{ dataSource: any[] }>(({ dataSource }) => {\n  const items = useMemo(\n    () =>\n      dataSource\n        .find((child) => child?.type === 'ol')\n        ?.props?.children?.map((item: any) => {\n          if (typeof item === 'string' || item?.type !== 'li') return false;\n          const data = item?.props?.children?.find((note: any) => note?.props?.children)?.props\n            ?.children;\n          if (!data || !Array.isArray(data)) return false;\n          return {\n            children: data[0],\n            props: data[1]?.props || {},\n          };\n        })\n        .filter(Boolean),\n    [dataSource],\n  );\n\n  if (!Array.isArray(items)) return null;\n\n  return (\n    <Flexbox\n      horizontal\n      align={'flex-start'}\n      as={'section'}\n      className={'footnotes'}\n      data-footnotes=\"true\"\n      gap={'0.5em'}\n      justify={'flex-start'}\n      wrap={'wrap'}\n    >\n      {items.map(({ children, props }, index) => {\n        const { node, href, ...rest } = props;\n        const Container = href ? A : 'div';\n        return (\n          <Container {...(href ? { href, ...rest } : rest)} key={index}>\n            <Block\n              horizontal\n              align={'stretch'}\n              style={{ overflow: 'hidden', position: 'relative' }}\n              variant={'outlined'}\n            >\n              <Block paddingInline={'0.66em'} style={{ borderRadius: 0 }} variant={'filled'}>\n                <Text code as=\"span\" type={'secondary'}>\n                  {index + 1}\n                </Text>\n              </Block>\n              <Text as=\"span\" style={{ paddingInline: '0.66em' }} type={'secondary'}>\n                {children}\n              </Text>\n            </Block>\n          </Container>\n        );\n      })}\n    </Flexbox>\n  );\n});\n\nconst Footnotes = memo<FootnotesProps>(({ children, ...rest }) => {\n  const links = useMemo(() => {\n    try {\n      return JSON.parse(rest['data-footnote-links'] || '[]');\n    } catch (error) {\n      console.error('Failed to parse footnote links:', error);\n      return [];\n    }\n  }, [rest['data-footnote-links']]);\n\n  const isError = links.length === 0;\n\n  if (!children) return;\n\n  if (isError) {\n    if (!Array.isArray(children)) return children;\n    return <DefaultFootnotes dataSource={children} />;\n  }\n\n  return (\n    <section className={'footnotes'} data-footnotes=\"true\">\n      <SearchResultCards dataSource={links} />\n    </section>\n  );\n});\n\nFootnotes.displayName = 'Footnotes';\n\nexport default Footnotes;\n"],"mappings":";;;;;;;;;AAiBA,MAAM,mBAAmB,MAA6B,EAAE,iBAAiB;CACvE,MAAM,QAAQ,cAEV,WACG,MAAM,UAAU,OAAO,SAAS,KAAK,EACpC,OAAO,UAAU,KAAK,SAAc;AACpC,MAAI,OAAO,SAAS,YAAY,MAAM,SAAS,KAAM,QAAO;EAC5D,MAAM,OAAO,MAAM,OAAO,UAAU,MAAM,SAAc,MAAM,OAAO,SAAS,EAAE,OAC5E;AACJ,MAAI,CAAC,QAAQ,CAAC,MAAM,QAAQ,KAAK,CAAE,QAAO;AAC1C,SAAO;GACL,UAAU,KAAK;GACf,OAAO,KAAK,IAAI,SAAS,EAAE;GAC5B;GACD,CACD,OAAO,QAAQ,EACpB,CAAC,WAAW,CACb;AAED,KAAI,CAAC,MAAM,QAAQ,MAAM,CAAE,QAAO;AAElC,QACE,oBAACA,mBAAD;EACE,YAAA;EACA,OAAO;EACP,IAAI;EACJ,WAAW;EACX,kBAAe;EACf,KAAK;EACL,SAAS;EACT,MAAM;YAEL,MAAM,KAAK,EAAE,UAAU,SAAS,UAAU;GACzC,MAAM,EAAE,MAAM,MAAM,GAAG,SAAS;AAEhC,UACE,8BAFgB,OAAO,IAAI,OAE3B;IAAW,GAAK,OAAO;KAAE;KAAM,GAAG;KAAM,GAAG;IAAO,KAAK;IAgB3C,EAfV,qBAAC,OAAD;IACE,YAAA;IACA,OAAO;IACP,OAAO;KAAE,UAAU;KAAU,UAAU;KAAY;IACnD,SAAS;cAJX,CAME,oBAAC,OAAD;KAAO,eAAe;KAAU,OAAO,EAAE,cAAc,GAAG;KAAE,SAAS;eACnE,oBAAC,MAAD;MAAM,MAAA;MAAK,IAAG;MAAO,MAAM;gBACxB,QAAQ;MACJ,CAAA;KACD,CAAA,EACR,oBAAC,MAAD;KAAM,IAAG;KAAO,OAAO,EAAE,eAAe,UAAU;KAAE,MAAM;KACvD;KACI,CAAA,CACD;MACE;IAEd;EACM,CAAA;EAEZ;AAEF,MAAM,YAAY,MAAsB,EAAE,UAAU,GAAG,WAAW;CAChE,MAAM,QAAQ,cAAc;AAC1B,MAAI;AACF,UAAO,KAAK,MAAM,KAAK,0BAA0B,KAAK;WAC/C,OAAO;AACd,WAAQ,MAAM,mCAAmC,MAAM;AACvD,UAAO,EAAE;;IAEV,CAAC,KAAK,uBAAuB,CAAC;CAEjC,MAAM,UAAU,MAAM,WAAW;AAEjC,KAAI,CAAC,SAAU;AAEf,KAAI,SAAS;AACX,MAAI,CAAC,MAAM,QAAQ,SAAS,CAAE,QAAO;AACrC,SAAO,oBAAC,kBAAD,EAAkB,YAAY,UAAY,CAAA;;AAGnD,QACE,oBAAC,WAAD;EAAS,WAAW;EAAa,kBAAe;YAC9C,oBAAC,mBAAD,EAAmB,YAAY,OAAS,CAAA;EAChC,CAAA;EAEZ;AAEF,UAAU,cAAc"}
+{"version":3,"file":"Footnotes.mjs","names":["Flexbox"],"sources":["../../../src/Markdown/components/Footnotes.tsx"],"sourcesContent":["'use client';\n\nimport { memo, type ReactNode, useMemo } from 'react';\n\nimport A from '@/A';\nimport Block from '@/Block';\nimport { Flexbox } from '@/Flex';\nimport Text from '@/Text';\n\nimport SearchResultCards from './SearchResultCards';\n\ninterface FootnotesProps {\n  'children': ReactNode;\n  'data-footnote-links'?: string;\n  'data-footnotes'?: boolean;\n}\n\nconst DefaultFootnotes = memo<{ dataSource: any[] }>(({ dataSource }) => {\n  const items = useMemo(\n    () =>\n      dataSource\n        .find((child) => child?.type === 'ol')\n        ?.props?.children?.map((item: any) => {\n          if (typeof item === 'string' || item?.type !== 'li') return false;\n          const data = item?.props?.children?.find((note: any) => note?.props?.children)?.props\n            ?.children;\n          if (!data || !Array.isArray(data)) return false;\n          return {\n            children: data[0],\n            props: data[1]?.props || {},\n          };\n        })\n        .filter(Boolean),\n    [dataSource],\n  );\n\n  if (!Array.isArray(items)) return null;\n\n  return (\n    <Flexbox\n      horizontal\n      align={'flex-start'}\n      as={'section'}\n      className={'footnotes'}\n      data-footnotes=\"true\"\n      gap={'0.5em'}\n      justify={'flex-start'}\n      wrap={'wrap'}\n    >\n      {items.map(({ children, props }, index) => {\n        const { node, href, ...rest } = props;\n        const Container = href ? A : 'div';\n        return (\n          <Container {...(href ? { href, ...rest } : rest)} key={index}>\n            <Block\n              horizontal\n              align={'stretch'}\n              style={{ overflow: 'hidden', position: 'relative' }}\n              variant={'outlined'}\n            >\n              <Block paddingInline={'0.66em'} style={{ borderRadius: 0 }} variant={'filled'}>\n                <Text code as=\"span\" type={'secondary'}>\n                  {index + 1}\n                </Text>\n              </Block>\n              <Text as=\"span\" style={{ paddingInline: '0.66em' }} type={'secondary'}>\n                {children}\n              </Text>\n            </Block>\n          </Container>\n        );\n      })}\n    </Flexbox>\n  );\n});\n\nconst Footnotes = memo<FootnotesProps>(({ children, ...rest }) => {\n  const links = useMemo(() => {\n    try {\n      return JSON.parse(rest['data-footnote-links'] || '[]');\n    } catch (error) {\n      console.error('Failed to parse footnote links:', error);\n      return [];\n    }\n  }, [rest['data-footnote-links']]);\n\n  const isError = links.length === 0;\n\n  if (!children) return;\n\n  if (isError) {\n    if (!Array.isArray(children)) return children;\n    return <DefaultFootnotes dataSource={children} />;\n  }\n\n  return (\n    <section className={'footnotes'} data-footnotes=\"true\">\n      <SearchResultCards dataSource={links} />\n    </section>\n  );\n});\n\nFootnotes.displayName = 'Footnotes';\n\nexport default Footnotes;\n"],"mappings":";;;;;;;;;AAiBA,MAAM,mBAAmB,MAA6B,EAAE,iBAAiB;CACvE,MAAM,QAAQ,cAEV,WACG,MAAM,UAAU,OAAO,SAAS,IAAI,CAAC,EACpC,OAAO,UAAU,KAAK,SAAc;EACpC,IAAI,OAAO,SAAS,YAAY,MAAM,SAAS,MAAM,OAAO;EAC5D,MAAM,OAAO,MAAM,OAAO,UAAU,MAAM,SAAc,MAAM,OAAO,QAAQ,CAAC,EAAE,OAC5E;EACJ,IAAI,CAAC,QAAQ,CAAC,MAAM,QAAQ,IAAI,GAAG,OAAO;EAC1C,OAAO;GACL,UAAU,KAAK;GACf,OAAO,KAAK,EAAE,EAAE,SAAS,CAAC;EAC5B;CACF,CAAC,CAAC,CACD,OAAO,OAAO,GACnB,CAAC,UAAU,CACb;CAEA,IAAI,CAAC,MAAM,QAAQ,KAAK,GAAG,OAAO;CAElC,OACE,oBAACA,mBAAD;EACE,YAAA;EACA,OAAO;EACP,IAAI;EACJ,WAAW;EACX,kBAAe;EACf,KAAK;EACL,SAAS;EACT,MAAM;YAEL,MAAM,KAAK,EAAE,UAAU,SAAS,UAAU;GACzC,MAAM,EAAE,MAAM,MAAM,GAAG,SAAS;GAEhC,OACE,8BAFgB,OAAO,IAAI,OAE3B;IAAW,GAAK,OAAO;KAAE;KAAM,GAAG;IAAK,IAAI;IAAO,KAAK;GAgB5C,GAfT,qBAAC,OAAD;IACE,YAAA;IACA,OAAO;IACP,OAAO;KAAE,UAAU;KAAU,UAAU;IAAW;IAClD,SAAS;cAJX,CAME,oBAAC,OAAD;KAAO,eAAe;KAAU,OAAO,EAAE,cAAc,EAAE;KAAG,SAAS;eACnE,oBAAC,MAAD;MAAM,MAAA;MAAK,IAAG;MAAO,MAAM;gBACxB,QAAQ;KACL,CAAA;IACD,CAAA,GACP,oBAAC,MAAD;KAAM,IAAG;KAAO,OAAO,EAAE,eAAe,SAAS;KAAG,MAAM;KACvD;IACG,CAAA,CACD;KACE;EAEf,CAAC;CACM,CAAA;AAEb,CAAC;AAED,MAAM,YAAY,MAAsB,EAAE,UAAU,GAAG,WAAW;CAChE,MAAM,QAAQ,cAAc;EAC1B,IAAI;GACF,OAAO,KAAK,MAAM,KAAK,0BAA0B,IAAI;EACvD,SAAS,OAAO;GACd,QAAQ,MAAM,mCAAmC,KAAK;GACtD,OAAO,CAAC;EACV;CACF,GAAG,CAAC,KAAK,sBAAsB,CAAC;CAEhC,MAAM,UAAU,MAAM,WAAW;CAEjC,IAAI,CAAC,UAAU;CAEf,IAAI,SAAS;EACX,IAAI,CAAC,MAAM,QAAQ,QAAQ,GAAG,OAAO;EACrC,OAAO,oBAAC,kBAAD,EAAkB,YAAY,SAAW,CAAA;CAClD;CAEA,OACE,oBAAC,WAAD;EAAS,WAAW;EAAa,kBAAe;YAC9C,oBAAC,mBAAD,EAAmB,YAAY,MAAQ,CAAA;CAChC,CAAA;AAEb,CAAC;AAED,UAAU,cAAc"}

package/es/Markdown/components/MarkdownProvider.mjs

@@ -5,8 +5,9 @@ import { jsx } from "react/jsx-runtime";
 //#region src/Markdown/components/MarkdownProvider.tsx
 const MarkdownContext = createContext({});
 const MarkdownProvider = memo(({ children, ...config }) => {
+	const stableConfig = useStableValue(config);
 	return /* @__PURE__ */ jsx(MarkdownContext, {
-		value: useStableValue(config),
+		value: stableConfig,
 		children
 	});
 });
@@ -14,6 +15,6 @@ const useMarkdownContext = () => {
 	return use(MarkdownContext);
 };
 //#endregion
-export { MarkdownProvider, useMarkdownContext };
+export { MarkdownContext, MarkdownProvider, useMarkdownContext };
 
 //# sourceMappingURL=MarkdownProvider.mjs.map

package/es/Markdown/components/MarkdownProvider.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"MarkdownProvider.mjs","names":[],"sources":["../../../src/Markdown/components/MarkdownProvider.tsx"],"sourcesContent":["'use client';\n\nimport { createContext, memo, type PropsWithChildren, use } from 'react';\n\nimport { useStableValue } from '@/hooks/useStableValue';\n\nimport { type SyntaxMarkdownProps } from '../type';\n\nexport type MarkdownContentConfig = Omit<SyntaxMarkdownProps, 'children' | 'reactMarkdownProps'>;\n\nexport const MarkdownContext = createContext<MarkdownContentConfig>({});\n\nexport const MarkdownProvider = memo<PropsWithChildren<MarkdownContentConfig>>(\n  ({ children, ...config }) => {\n    // The rest-spread builds a fresh object on every render while `children`\n    // changes on every streamed chunk, so without stabilisation each chunk\n    // swaps the context identity and re-renders every consumer inside every\n    // block, bypassing the per-block memo entirely.\n    const stableConfig = useStableValue(config);\n\n    return <MarkdownContext value={stableConfig}>{children}</MarkdownContext>;\n  },\n);\n\nexport const useMarkdownContext = () => {\n  return use(MarkdownContext);\n};\n"],"mappings":";;;;;AAUA,MAAa,kBAAkB,cAAqC,EAAE,CAAC;AAEvE,MAAa,mBAAmB,MAC7B,EAAE,UAAU,GAAG,aAAa;AAO3B,QAAO,oBAAC,iBAAD;EAAiB,OAFH,eAAe,OAEO;EAAG;EAA2B,CAAA;EAE5E;AAED,MAAa,2BAA2B;AACtC,QAAO,IAAI,gBAAgB"}
+{"version":3,"file":"MarkdownProvider.mjs","names":[],"sources":["../../../src/Markdown/components/MarkdownProvider.tsx"],"sourcesContent":["'use client';\n\nimport { createContext, memo, type PropsWithChildren, use } from 'react';\n\nimport { useStableValue } from '@/hooks/useStableValue';\n\nimport { type SyntaxMarkdownProps } from '../type';\n\nexport type MarkdownContentConfig = Omit<SyntaxMarkdownProps, 'children' | 'reactMarkdownProps'>;\n\nexport const MarkdownContext = createContext<MarkdownContentConfig>({});\n\nexport const MarkdownProvider = memo<PropsWithChildren<MarkdownContentConfig>>(\n  ({ children, ...config }) => {\n    // The rest-spread builds a fresh object on every render while `children`\n    // changes on every streamed chunk, so without stabilisation each chunk\n    // swaps the context identity and re-renders every consumer inside every\n    // block, bypassing the per-block memo entirely.\n    const stableConfig = useStableValue(config);\n\n    return <MarkdownContext value={stableConfig}>{children}</MarkdownContext>;\n  },\n);\n\nexport const useMarkdownContext = () => {\n  return use(MarkdownContext);\n};\n"],"mappings":";;;;;AAUA,MAAa,kBAAkB,cAAqC,CAAC,CAAC;AAEtE,MAAa,mBAAmB,MAC7B,EAAE,UAAU,GAAG,aAAa;CAK3B,MAAM,eAAe,eAAe,MAAM;CAE1C,OAAO,oBAAC,iBAAD;EAAiB,OAAO;EAAe;CAA0B,CAAA;AAC1E,CACF;AAEA,MAAa,2BAA2B;CACtC,OAAO,IAAI,eAAe;AAC5B"}

package/es/Markdown/components/MarkdownTable/hastTableToMarkdown.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"hastTableToMarkdown.mjs","names":[],"sources":["../../../../src/Markdown/components/MarkdownTable/hastTableToMarkdown.ts"],"sourcesContent":["type HastNode = {\n  children?: HastNode[];\n  properties?: Record<string, any>;\n  tagName?: string;\n  type: string;\n  value?: string;\n};\n\nconst escapeCell = (text: string) => text.replaceAll('|', '\\\\|').replaceAll(/\\r?\\n/g, '<br>');\n\nconst matchAlign = (source: string): 'center' | 'left' | 'right' | null => {\n  if (source.includes('center')) return 'center';\n  if (source.includes('right')) return 'right';\n  if (source.includes('left')) return 'left';\n  return null;\n};\n\nconst readAlign = (node: HastNode | undefined): 'center' | 'left' | 'right' | null => {\n  const style = node?.properties?.style;\n  const align = node?.properties?.align;\n  const styleStr = typeof style === 'string' ? style.toLowerCase() : '';\n  const alignStr = typeof align === 'string' ? align.toLowerCase() : '';\n  // Prefer the inline style hint (more specific) but fall back to the\n  // explicit `align` attribute when style has no alignment keyword —\n  // otherwise an unrelated style like `color: red` would suppress\n  // `align=\"right\"`.\n  return matchAlign(styleStr) ?? matchAlign(alignStr);\n};\n\n// CommonMark code-span rule: open and close with N backticks where N is\n// longer than any run of consecutive backticks inside the content. If the\n// content starts or ends with a backtick, pad with a single space on each\n// side (the parser strips one space when both sides are padded).\nconst encodeInlineCode = (text: string): string => {\n  let longestRun = 0;\n  const runs = text.match(/`+/g);\n  if (runs) for (const run of runs) longestRun = Math.max(longestRun, run.length);\n  const fence = '`'.repeat(longestRun + 1);\n  const needsPad = text.startsWith('`') || text.endsWith('`');\n  const body = needsPad ? ` ${text} ` : text;\n  return `${fence}${body}${fence}`;\n};\n\nconst renderInline = (node: HastNode): string => {\n  if (node.type === 'text') return node.value ?? '';\n  if (node.type !== 'element') return '';\n\n  const inner = (node.children ?? []).map((child) => renderInline(child)).join('');\n\n  switch (node.tagName) {\n    case 'br': {\n      return '<br>';\n    }\n    case 'code': {\n      return encodeInlineCode(inner);\n    }\n    case 'strong':\n    case 'b': {\n      return `**${inner}**`;\n    }\n    case 'em':\n    case 'i': {\n      return `*${inner}*`;\n    }\n    case 'del':\n    case 's': {\n      return `~~${inner}~~`;\n    }\n    case 'a': {\n      const href = node.properties?.href;\n      return href ? `[${inner}](${href})` : inner;\n    }\n    case 'img': {\n      const src = node.properties?.src ?? '';\n      const alt = node.properties?.alt ?? '';\n      return `![${alt}](${src})`;\n    }\n    default: {\n      return inner;\n    }\n  }\n};\n\nconst renderCell = (cell: HastNode): string => escapeCell(renderInline(cell)).trim();\n\nconst findChild = (node: HastNode | undefined, tag: string): HastNode | undefined =>\n  node?.children?.find((child) => child.type === 'element' && child.tagName === tag);\n\nconst findAllChildren = (node: HastNode | undefined, tag: string): HastNode[] =>\n  (node?.children ?? []).filter((child) => child.type === 'element' && child.tagName === tag);\n\nconst getRowCells = (row: HastNode): HastNode[] =>\n  (row.children ?? []).filter(\n    (child) => child.type === 'element' && (child.tagName === 'th' || child.tagName === 'td'),\n  );\n\nconst alignToDivider = (align: 'center' | 'left' | 'right' | null): string => {\n  switch (align) {\n    case 'center': {\n      return ':---:';\n    }\n    case 'left': {\n      return ':---';\n    }\n    case 'right': {\n      return '---:';\n    }\n    default: {\n      return '---';\n    }\n  }\n};\n\nexport const hastTableToMarkdown = (node: HastNode | undefined): string => {\n  if (!node) return '';\n\n  const thead = findChild(node, 'thead');\n  const tbody = findChild(node, 'tbody');\n\n  const headerRow = findChild(thead, 'tr');\n  const headerCells = headerRow ? getRowCells(headerRow) : [];\n\n  const bodyRows = findAllChildren(tbody, 'tr');\n  const columnCount = Math.max(\n    headerCells.length,\n    ...bodyRows.map((row) => getRowCells(row).length),\n  );\n\n  if (columnCount === 0) return '';\n\n  const headerTexts = Array.from({ length: columnCount }, (_, i) =>\n    headerCells[i] ? renderCell(headerCells[i]) : '',\n  );\n\n  const aligns = Array.from({ length: columnCount }, (_, i) => readAlign(headerCells[i]));\n\n  const headerLine = `| ${headerTexts.join(' | ')} |`;\n  const dividerLine = `| ${aligns.map((a) => alignToDivider(a)).join(' | ')} |`;\n  const bodyLines = bodyRows.map((row) => {\n    const cells = getRowCells(row);\n    const texts = Array.from({ length: columnCount }, (_, i) =>\n      cells[i] ? renderCell(cells[i]) : '',\n    );\n    return `| ${texts.join(' | ')} |`;\n  });\n\n  return [headerLine, dividerLine, ...bodyLines].join('\\n');\n};\n"],"mappings":"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"}
+{"version":3,"file":"hastTableToMarkdown.mjs","names":[],"sources":["../../../../src/Markdown/components/MarkdownTable/hastTableToMarkdown.ts"],"sourcesContent":["type HastNode = {\n  children?: HastNode[];\n  properties?: Record<string, any>;\n  tagName?: string;\n  type: string;\n  value?: string;\n};\n\nconst escapeCell = (text: string) => text.replaceAll('|', '\\\\|').replaceAll(/\\r?\\n/g, '<br>');\n\nconst matchAlign = (source: string): 'center' | 'left' | 'right' | null => {\n  if (source.includes('center')) return 'center';\n  if (source.includes('right')) return 'right';\n  if (source.includes('left')) return 'left';\n  return null;\n};\n\nconst readAlign = (node: HastNode | undefined): 'center' | 'left' | 'right' | null => {\n  const style = node?.properties?.style;\n  const align = node?.properties?.align;\n  const styleStr = typeof style === 'string' ? style.toLowerCase() : '';\n  const alignStr = typeof align === 'string' ? align.toLowerCase() : '';\n  // Prefer the inline style hint (more specific) but fall back to the\n  // explicit `align` attribute when style has no alignment keyword —\n  // otherwise an unrelated style like `color: red` would suppress\n  // `align=\"right\"`.\n  return matchAlign(styleStr) ?? matchAlign(alignStr);\n};\n\n// CommonMark code-span rule: open and close with N backticks where N is\n// longer than any run of consecutive backticks inside the content. If the\n// content starts or ends with a backtick, pad with a single space on each\n// side (the parser strips one space when both sides are padded).\nconst encodeInlineCode = (text: string): string => {\n  let longestRun = 0;\n  const runs = text.match(/`+/g);\n  if (runs) for (const run of runs) longestRun = Math.max(longestRun, run.length);\n  const fence = '`'.repeat(longestRun + 1);\n  const needsPad = text.startsWith('`') || text.endsWith('`');\n  const body = needsPad ? ` ${text} ` : text;\n  return `${fence}${body}${fence}`;\n};\n\nconst renderInline = (node: HastNode): string => {\n  if (node.type === 'text') return node.value ?? '';\n  if (node.type !== 'element') return '';\n\n  const inner = (node.children ?? []).map((child) => renderInline(child)).join('');\n\n  switch (node.tagName) {\n    case 'br': {\n      return '<br>';\n    }\n    case 'code': {\n      return encodeInlineCode(inner);\n    }\n    case 'strong':\n    case 'b': {\n      return `**${inner}**`;\n    }\n    case 'em':\n    case 'i': {\n      return `*${inner}*`;\n    }\n    case 'del':\n    case 's': {\n      return `~~${inner}~~`;\n    }\n    case 'a': {\n      const href = node.properties?.href;\n      return href ? `[${inner}](${href})` : inner;\n    }\n    case 'img': {\n      const src = node.properties?.src ?? '';\n      const alt = node.properties?.alt ?? '';\n      return `![${alt}](${src})`;\n    }\n    default: {\n      return inner;\n    }\n  }\n};\n\nconst renderCell = (cell: HastNode): string => escapeCell(renderInline(cell)).trim();\n\nconst findChild = (node: HastNode | undefined, tag: string): HastNode | undefined =>\n  node?.children?.find((child) => child.type === 'element' && child.tagName === tag);\n\nconst findAllChildren = (node: HastNode | undefined, tag: string): HastNode[] =>\n  (node?.children ?? []).filter((child) => child.type === 'element' && child.tagName === tag);\n\nconst getRowCells = (row: HastNode): HastNode[] =>\n  (row.children ?? []).filter(\n    (child) => child.type === 'element' && (child.tagName === 'th' || child.tagName === 'td'),\n  );\n\nconst alignToDivider = (align: 'center' | 'left' | 'right' | null): string => {\n  switch (align) {\n    case 'center': {\n      return ':---:';\n    }\n    case 'left': {\n      return ':---';\n    }\n    case 'right': {\n      return '---:';\n    }\n    default: {\n      return '---';\n    }\n  }\n};\n\nexport const hastTableToMarkdown = (node: HastNode | undefined): string => {\n  if (!node) return '';\n\n  const thead = findChild(node, 'thead');\n  const tbody = findChild(node, 'tbody');\n\n  const headerRow = findChild(thead, 'tr');\n  const headerCells = headerRow ? getRowCells(headerRow) : [];\n\n  const bodyRows = findAllChildren(tbody, 'tr');\n  const columnCount = Math.max(\n    headerCells.length,\n    ...bodyRows.map((row) => getRowCells(row).length),\n  );\n\n  if (columnCount === 0) return '';\n\n  const headerTexts = Array.from({ length: columnCount }, (_, i) =>\n    headerCells[i] ? renderCell(headerCells[i]) : '',\n  );\n\n  const aligns = Array.from({ length: columnCount }, (_, i) => readAlign(headerCells[i]));\n\n  const headerLine = `| ${headerTexts.join(' | ')} |`;\n  const dividerLine = `| ${aligns.map((a) => alignToDivider(a)).join(' | ')} |`;\n  const bodyLines = bodyRows.map((row) => {\n    const cells = getRowCells(row);\n    const texts = Array.from({ length: columnCount }, (_, i) =>\n      cells[i] ? renderCell(cells[i]) : '',\n    );\n    return `| ${texts.join(' | ')} |`;\n  });\n\n  return [headerLine, dividerLine, ...bodyLines].join('\\n');\n};\n"],"mappings":"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"}

package/es/Markdown/components/MarkdownTable/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":[],"sources":["../../../../src/Markdown/components/MarkdownTable/index.tsx"],"sourcesContent":["'use client';\n\nimport { createStyles } from 'antd-style';\nimport { memo, useCallback, useRef } from 'react';\n\nimport CopyButton from '@/CopyButton';\n\nimport { hastTableToMarkdown } from './hastTableToMarkdown';\n\nconst useStyles = createStyles(({ css, token }) => ({\n  copyButton: css`\n    position: absolute;\n    z-index: 1;\n\n    /* Vertical center of the header row = top padding (0.75em) + half of\n       the text line-box (line-height * 0.5em). Pulling the button up by\n       50% of its own height with transform parks it on that exact line. */\n    inset-block-start: calc(0.75em + (var(--lobe-markdown-line-height) * 0.5em));\n    inset-inline-end: 0.5em;\n    transform: translateY(-50%);\n\n    opacity: 0;\n    background: ${token.colorBgContainer};\n    box-shadow: 0 0 0 1px ${token.colorBorderSecondary};\n\n    transition: opacity ${token.motionDurationMid} ${token.motionEaseInOut};\n  `,\n  wrapper: css`\n    position: relative;\n\n    display: block;\n\n    width: max-content;\n    max-width: 100%;\n    margin-block: calc(var(--lobe-markdown-margin-multiple) * 0.5em);\n\n    &:hover .table-copy-button,\n    &:focus-within .table-copy-button {\n      opacity: 1;\n    }\n\n    /* Hand spacing to the wrapper so the absolutely-positioned copy\n       button anchors against the visible table edge instead of empty\n       margin space. */\n    > table {\n      margin-block: 0;\n    }\n\n    /* Reserve room for the copy button so right-aligned header text\n       doesn't slide under it. */\n    > table thead th:last-child {\n      padding-inline-end: calc(1em + 32px);\n    }\n  `,\n}));\n\ninterface MarkdownTableProps {\n  children?: React.ReactNode;\n  node?: any;\n}\n\nconst MarkdownTable = memo<MarkdownTableProps>(({ node, children, ...rest }) => {\n  const { styles, cx } = useStyles();\n  const nodeRef = useRef(node);\n  nodeRef.current = node;\n\n  const getMarkdown = useCallback(() => hastTableToMarkdown(nodeRef.current), []);\n\n  return (\n    <div className={styles.wrapper}>\n      <CopyButton\n        className={cx(styles.copyButton, 'table-copy-button')}\n        content={getMarkdown}\n        glass={false}\n        size={{ blockSize: 24, size: 14 }}\n        title=\"Copy table\"\n        variant=\"filled\"\n      />\n      <table {...rest}>{children}</table>\n    </div>\n  );\n});\n\nMarkdownTable.displayName = 'MarkdownTable';\n\nexport default MarkdownTable;\n"],"mappings":";;;;;;;AASA,MAAM,YAAY,cAAc,EAAE,KAAK,aAAa;CAClD,YAAY,GAAG;;;;;;;;;;;;kBAYC,MAAM,iBAAiB;4BACb,MAAM,qBAAqB;;0BAE7B,MAAM,kBAAkB,GAAG,MAAM,gBAAgB;;CAEzE,SAAS,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2Bb,EAAE;AAOH,MAAM,gBAAgB,MAA0B,EAAE,MAAM,UAAU,GAAG,WAAW;CAC9E,MAAM,EAAE,QAAQ,OAAO,WAAW;CAClC,MAAM,UAAU,OAAO,KAAK;AAC5B,SAAQ,UAAU;CAElB,MAAM,cAAc,kBAAkB,oBAAoB,QAAQ,QAAQ,EAAE,EAAE,CAAC;AAE/E,QACE,qBAAC,OAAD;EAAK,WAAW,OAAO;YAAvB,CACE,oBAAC,YAAD;GACE,WAAW,GAAG,OAAO,YAAY,oBAAoB;GACrD,SAAS;GACT,OAAO;GACP,MAAM;IAAE,WAAW;IAAI,MAAM;IAAI;GACjC,OAAM;GACN,SAAQ;GACR,CAAA,EACF,oBAAC,SAAD;GAAO,GAAI;GAAO;GAAiB,CAAA,CAC/B;;EAER;AAEF,cAAc,cAAc"}
+{"version":3,"file":"index.mjs","names":[],"sources":["../../../../src/Markdown/components/MarkdownTable/index.tsx"],"sourcesContent":["'use client';\n\nimport { createStyles } from 'antd-style';\nimport { memo, useCallback, useRef } from 'react';\n\nimport CopyButton from '@/CopyButton';\n\nimport { hastTableToMarkdown } from './hastTableToMarkdown';\n\nconst useStyles = createStyles(({ css, token }) => ({\n  copyButton: css`\n    position: absolute;\n    z-index: 1;\n\n    /* Vertical center of the header row = top padding (0.75em) + half of\n       the text line-box (line-height * 0.5em). Pulling the button up by\n       50% of its own height with transform parks it on that exact line. */\n    inset-block-start: calc(0.75em + (var(--lobe-markdown-line-height) * 0.5em));\n    inset-inline-end: 0.5em;\n    transform: translateY(-50%);\n\n    opacity: 0;\n    background: ${token.colorBgContainer};\n    box-shadow: 0 0 0 1px ${token.colorBorderSecondary};\n\n    transition: opacity ${token.motionDurationMid} ${token.motionEaseInOut};\n  `,\n  wrapper: css`\n    position: relative;\n\n    display: block;\n\n    width: max-content;\n    max-width: 100%;\n    margin-block: calc(var(--lobe-markdown-margin-multiple) * 0.5em);\n\n    &:hover .table-copy-button,\n    &:focus-within .table-copy-button {\n      opacity: 1;\n    }\n\n    /* Hand spacing to the wrapper so the absolutely-positioned copy\n       button anchors against the visible table edge instead of empty\n       margin space. */\n    > table {\n      margin-block: 0;\n    }\n\n    /* Reserve room for the copy button so right-aligned header text\n       doesn't slide under it. */\n    > table thead th:last-child {\n      padding-inline-end: calc(1em + 32px);\n    }\n  `,\n}));\n\ninterface MarkdownTableProps {\n  children?: React.ReactNode;\n  node?: any;\n}\n\nconst MarkdownTable = memo<MarkdownTableProps>(({ node, children, ...rest }) => {\n  const { styles, cx } = useStyles();\n  const nodeRef = useRef(node);\n  nodeRef.current = node;\n\n  const getMarkdown = useCallback(() => hastTableToMarkdown(nodeRef.current), []);\n\n  return (\n    <div className={styles.wrapper}>\n      <CopyButton\n        className={cx(styles.copyButton, 'table-copy-button')}\n        content={getMarkdown}\n        glass={false}\n        size={{ blockSize: 24, size: 14 }}\n        title=\"Copy table\"\n        variant=\"filled\"\n      />\n      <table {...rest}>{children}</table>\n    </div>\n  );\n});\n\nMarkdownTable.displayName = 'MarkdownTable';\n\nexport default MarkdownTable;\n"],"mappings":";;;;;;;AASA,MAAM,YAAY,cAAc,EAAE,KAAK,aAAa;CAClD,YAAY,GAAG;;;;;;;;;;;;kBAYC,MAAM,iBAAiB;4BACb,MAAM,qBAAqB;;0BAE7B,MAAM,kBAAkB,GAAG,MAAM,gBAAgB;;CAEzE,SAAS,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2Bd,EAAE;AAOF,MAAM,gBAAgB,MAA0B,EAAE,MAAM,UAAU,GAAG,WAAW;CAC9E,MAAM,EAAE,QAAQ,OAAO,UAAU;CACjC,MAAM,UAAU,OAAO,IAAI;CAC3B,QAAQ,UAAU;CAElB,MAAM,cAAc,kBAAkB,oBAAoB,QAAQ,OAAO,GAAG,CAAC,CAAC;CAE9E,OACE,qBAAC,OAAD;EAAK,WAAW,OAAO;YAAvB,CACE,oBAAC,YAAD;GACE,WAAW,GAAG,OAAO,YAAY,mBAAmB;GACpD,SAAS;GACT,OAAO;GACP,MAAM;IAAE,WAAW;IAAI,MAAM;GAAG;GAChC,OAAM;GACN,SAAQ;EACT,CAAA,GACD,oBAAC,SAAD;GAAO,GAAI;GAAO;EAAgB,CAAA,CAC/B;;AAET,CAAC;AAED,cAAc,cAAc"}

package/es/Markdown/components/SearchResultCards/SearchResultCard.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"SearchResultCard.mjs","names":["Flexbox"],"sources":["../../../../src/Markdown/components/SearchResultCards/SearchResultCard.tsx"],"sourcesContent":["'use client';\n\nimport { memo, type Ref, useMemo } from 'react';\n\nimport A from '@/A';\nimport Block from '@/Block';\nimport { Flexbox } from '@/Flex';\nimport Img from '@/Img';\nimport Text from '@/Text';\nimport { type AProps } from '@/types';\n\nimport { styles } from './style';\n\nexport interface SearchResultCardProps extends AProps {\n  alt?: string;\n  ref?: Ref<HTMLAnchorElement>;\n  title?: string;\n  url: string;\n}\n\nconst SearchResultCard = memo<SearchResultCardProps>(({ ref, url, title, alt, ...rest }) => {\n  const [displayTitle, domain, host] = useMemo(() => {\n    try {\n      const urlObj = new URL(url);\n      const domain = urlObj.hostname.replace('www.', '');\n      const hostForUrl = urlObj.host;\n\n      let displayTitle = title;\n      if (title === url) {\n        displayTitle = hostForUrl + urlObj.pathname;\n      }\n\n      return [displayTitle, domain, hostForUrl];\n    } catch {\n      return [title, url, url];\n    }\n  }, [url, title]);\n\n  return (\n    <A href={url} ref={ref} rel=\"noreferrer\" target={'_blank'} {...rest}>\n      <Block\n        clickable\n        className={styles.container}\n        gap={2}\n        justify={'space-between'}\n        key={url}\n        paddingBlock={6}\n        paddingInline={8}\n        variant={'outlined'}\n      >\n        <Text ellipsis={{ rows: 2 }}>{displayTitle}</Text>\n        <Flexbox horizontal align={'center'} gap={4}>\n          <Img\n            alt={alt || title || url}\n            height={14}\n            src={`https://icons.duckduckgo.com/ip3/${host}.ico`}\n            width={14}\n          />\n          <Text ellipsis className={styles.url} type={'secondary'}>\n            {domain}\n          </Text>\n        </Flexbox>\n      </Block>\n    </A>\n  );\n});\n\nSearchResultCard.displayName = 'SearchResultCard';\n\nexport default SearchResultCard;\n"],"mappings":";;;;;;;;;;AAoBA,MAAM,mBAAmB,MAA6B,EAAE,KAAK,KAAK,OAAO,KAAK,GAAG,WAAW;CAC1F,MAAM,CAAC,cAAc,QAAQ,QAAQ,cAAc;AACjD,MAAI;GACF,MAAM,SAAS,IAAI,IAAI,IAAI;GAC3B,MAAM,SAAS,OAAO,SAAS,QAAQ,QAAQ,GAAG;GAClD,MAAM,aAAa,OAAO;GAE1B,IAAI,eAAe;AACnB,OAAI,UAAU,IACZ,gBAAe,aAAa,OAAO;AAGrC,UAAO;IAAC;IAAc;IAAQ;IAAW;UACnC;AACN,UAAO;IAAC;IAAO;IAAK;IAAI;;IAEzB,CAAC,KAAK,MAAM,CAAC;AAEhB,QACE,oBAAC,GAAD;EAAG,MAAM;EAAU;EAAK,KAAI;EAAa,QAAQ;EAAU,GAAI;YAC7D,qBAAC,OAAD;GACE,WAAA;GACA,WAAW,OAAO;GAClB,KAAK;GACL,SAAS;GAET,cAAc;GACd,eAAe;GACf,SAAS;aARX,CAUE,oBAAC,MAAD;IAAM,UAAU,EAAE,MAAM,GAAG;cAAG;IAAoB,CAAA,EAClD,qBAACA,mBAAD;IAAS,YAAA;IAAW,OAAO;IAAU,KAAK;cAA1C,CACE,oBAAC,KAAD;KACE,KAAK,OAAO,SAAS;KACrB,QAAQ;KACR,KAAK,oCAAoC,KAAK;KAC9C,OAAO;KACP,CAAA,EACF,oBAAC,MAAD;KAAM,UAAA;KAAS,WAAW,OAAO;KAAK,MAAM;eACzC;KACI,CAAA,CACC;MACJ;KAjBD,IAiBC;EACN,CAAA;EAEN;AAEF,iBAAiB,cAAc"}
+{"version":3,"file":"SearchResultCard.mjs","names":["Flexbox"],"sources":["../../../../src/Markdown/components/SearchResultCards/SearchResultCard.tsx"],"sourcesContent":["'use client';\n\nimport { memo, type Ref, useMemo } from 'react';\n\nimport A from '@/A';\nimport Block from '@/Block';\nimport { Flexbox } from '@/Flex';\nimport Img from '@/Img';\nimport Text from '@/Text';\nimport { type AProps } from '@/types';\n\nimport { styles } from './style';\n\nexport interface SearchResultCardProps extends AProps {\n  alt?: string;\n  ref?: Ref<HTMLAnchorElement>;\n  title?: string;\n  url: string;\n}\n\nconst SearchResultCard = memo<SearchResultCardProps>(({ ref, url, title, alt, ...rest }) => {\n  const [displayTitle, domain, host] = useMemo(() => {\n    try {\n      const urlObj = new URL(url);\n      const domain = urlObj.hostname.replace('www.', '');\n      const hostForUrl = urlObj.host;\n\n      let displayTitle = title;\n      if (title === url) {\n        displayTitle = hostForUrl + urlObj.pathname;\n      }\n\n      return [displayTitle, domain, hostForUrl];\n    } catch {\n      return [title, url, url];\n    }\n  }, [url, title]);\n\n  return (\n    <A href={url} ref={ref} rel=\"noreferrer\" target={'_blank'} {...rest}>\n      <Block\n        clickable\n        className={styles.container}\n        gap={2}\n        justify={'space-between'}\n        key={url}\n        paddingBlock={6}\n        paddingInline={8}\n        variant={'outlined'}\n      >\n        <Text ellipsis={{ rows: 2 }}>{displayTitle}</Text>\n        <Flexbox horizontal align={'center'} gap={4}>\n          <Img\n            alt={alt || title || url}\n            height={14}\n            src={`https://icons.duckduckgo.com/ip3/${host}.ico`}\n            width={14}\n          />\n          <Text ellipsis className={styles.url} type={'secondary'}>\n            {domain}\n          </Text>\n        </Flexbox>\n      </Block>\n    </A>\n  );\n});\n\nSearchResultCard.displayName = 'SearchResultCard';\n\nexport default SearchResultCard;\n"],"mappings":";;;;;;;;;;AAoBA,MAAM,mBAAmB,MAA6B,EAAE,KAAK,KAAK,OAAO,KAAK,GAAG,WAAW;CAC1F,MAAM,CAAC,cAAc,QAAQ,QAAQ,cAAc;EACjD,IAAI;GACF,MAAM,SAAS,IAAI,IAAI,GAAG;GAC1B,MAAM,SAAS,OAAO,SAAS,QAAQ,QAAQ,EAAE;GACjD,MAAM,aAAa,OAAO;GAE1B,IAAI,eAAe;GACnB,IAAI,UAAU,KACZ,eAAe,aAAa,OAAO;GAGrC,OAAO;IAAC;IAAc;IAAQ;GAAU;EAC1C,QAAQ;GACN,OAAO;IAAC;IAAO;IAAK;GAAG;EACzB;CACF,GAAG,CAAC,KAAK,KAAK,CAAC;CAEf,OACE,oBAAC,GAAD;EAAG,MAAM;EAAU;EAAK,KAAI;EAAa,QAAQ;EAAU,GAAI;YAC7D,qBAAC,OAAD;GACE,WAAA;GACA,WAAW,OAAO;GAClB,KAAK;GACL,SAAS;GAET,cAAc;GACd,eAAe;GACf,SAAS;aARX,CAUE,oBAAC,MAAD;IAAM,UAAU,EAAE,MAAM,EAAE;cAAI;GAAmB,CAAA,GACjD,qBAACA,mBAAD;IAAS,YAAA;IAAW,OAAO;IAAU,KAAK;cAA1C,CACE,oBAAC,KAAD;KACE,KAAK,OAAO,SAAS;KACrB,QAAQ;KACR,KAAK,oCAAoC,KAAK;KAC9C,OAAO;IACR,CAAA,GACD,oBAAC,MAAD;KAAM,UAAA;KAAS,WAAW,OAAO;KAAK,MAAM;eACzC;IACG,CAAA,CACC;KACJ;KAjBA,GAiBA;CACN,CAAA;AAEP,CAAC;AAED,iBAAiB,cAAc"}

package/es/Markdown/components/SearchResultCards/index.d.mts

@@ -1,7 +1,6 @@
 import { FlexboxProps } from "../../../Flex/type.mjs";
-import * as _$react from "react";
+import "../../../Flex/index.mjs";
 import { Ref } from "react";
-
 //#region src/Markdown/components/SearchResultCards/index.d.ts
 interface SearchResultItem {
   alt?: string;
@@ -13,7 +12,7 @@ interface SearchResultCardsProps extends FlexboxProps {
   dataSource: string[] | SearchResultItem[];
   ref?: Ref<HTMLDivElement>;
 }
-declare const SearchResultCards: _$react.NamedExoticComponent<SearchResultCardsProps>;
+declare const SearchResultCards: import("react").NamedExoticComponent<SearchResultCardsProps>;
 //#endregion
-export { SearchResultCards, SearchResultCardsProps };
+export { SearchResultCardsProps, SearchResultItem, SearchResultCards as default };
 //# sourceMappingURL=index.d.mts.map

package/es/Markdown/components/SearchResultCards/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":[],"sources":["../../../../src/Markdown/components/SearchResultCards/index.tsx"],"sourcesContent":["'use client';\n\nimport { memo, type Ref } from 'react';\n\nimport { type FlexboxProps } from '@/Flex';\nimport ScrollShadow from '@/ScrollShadow';\n\nimport SearchResultCard from './SearchResultCard';\n\nexport interface SearchResultItem {\n  alt?: string;\n  summary?: string;\n  title?: string;\n  url: string;\n}\n\nexport interface SearchResultCardsProps extends FlexboxProps {\n  dataSource: string[] | SearchResultItem[];\n  ref?: Ref<HTMLDivElement>;\n}\n\nconst SearchResultCards = memo<SearchResultCardsProps>(({ ref, dataSource, style, ...rest }) => {\n  return (\n    <ScrollShadow\n      hideScrollBar\n      horizontal\n      gap={12}\n      orientation={'horizontal'}\n      ref={ref}\n      size={10}\n      style={{ minHeight: 80, overflowX: 'scroll', paddingInlineEnd: 24, width: '100%', ...style }}\n      {...rest}\n    >\n      {dataSource.map((link) =>\n        typeof link === 'string' ? (\n          <SearchResultCard key={link} url={link} />\n        ) : (\n          <SearchResultCard key={link.url} {...link} />\n        ),\n      )}\n    </ScrollShadow>\n  );\n});\n\nSearchResultCards.displayName = 'SearchResultCards';\n\nexport default SearchResultCards;\n"],"mappings":";;;;;;AAqBA,MAAM,oBAAoB,MAA8B,EAAE,KAAK,YAAY,OAAO,GAAG,WAAW;AAC9F,QACE,oBAAC,cAAD;EACE,eAAA;EACA,YAAA;EACA,KAAK;EACL,aAAa;EACR;EACL,MAAM;EACN,OAAO;GAAE,WAAW;GAAI,WAAW;GAAU,kBAAkB;GAAI,OAAO;GAAQ,GAAG;GAAO;EAC5F,GAAI;YAEH,WAAW,KAAK,SACf,OAAO,SAAS,WACd,oBAAC,kBAAD,EAA6B,KAAK,MAAQ,EAAnB,KAAmB,GAE1C,oBAAC,kBAAD,EAAiC,GAAI,MAAQ,EAAtB,KAAK,IAAiB,CAEhD;EACY,CAAA;EAEjB;AAEF,kBAAkB,cAAc"}
+{"version":3,"file":"index.mjs","names":[],"sources":["../../../../src/Markdown/components/SearchResultCards/index.tsx"],"sourcesContent":["'use client';\n\nimport { memo, type Ref } from 'react';\n\nimport { type FlexboxProps } from '@/Flex';\nimport ScrollShadow from '@/ScrollShadow';\n\nimport SearchResultCard from './SearchResultCard';\n\nexport interface SearchResultItem {\n  alt?: string;\n  summary?: string;\n  title?: string;\n  url: string;\n}\n\nexport interface SearchResultCardsProps extends FlexboxProps {\n  dataSource: string[] | SearchResultItem[];\n  ref?: Ref<HTMLDivElement>;\n}\n\nconst SearchResultCards = memo<SearchResultCardsProps>(({ ref, dataSource, style, ...rest }) => {\n  return (\n    <ScrollShadow\n      hideScrollBar\n      horizontal\n      gap={12}\n      orientation={'horizontal'}\n      ref={ref}\n      size={10}\n      style={{ minHeight: 80, overflowX: 'scroll', paddingInlineEnd: 24, width: '100%', ...style }}\n      {...rest}\n    >\n      {dataSource.map((link) =>\n        typeof link === 'string' ? (\n          <SearchResultCard key={link} url={link} />\n        ) : (\n          <SearchResultCard key={link.url} {...link} />\n        ),\n      )}\n    </ScrollShadow>\n  );\n});\n\nSearchResultCards.displayName = 'SearchResultCards';\n\nexport default SearchResultCards;\n"],"mappings":";;;;;;AAqBA,MAAM,oBAAoB,MAA8B,EAAE,KAAK,YAAY,OAAO,GAAG,WAAW;CAC9F,OACE,oBAAC,cAAD;EACE,eAAA;EACA,YAAA;EACA,KAAK;EACL,aAAa;EACR;EACL,MAAM;EACN,OAAO;GAAE,WAAW;GAAI,WAAW;GAAU,kBAAkB;GAAI,OAAO;GAAQ,GAAG;EAAM;EAC3F,GAAI;YAEH,WAAW,KAAK,SACf,OAAO,SAAS,WACd,oBAAC,kBAAD,EAA6B,KAAK,KAAO,GAAlB,IAAkB,IAEzC,oBAAC,kBAAD,EAAiC,GAAI,KAAO,GAArB,KAAK,GAAgB,CAEhD;CACY,CAAA;AAElB,CAAC;AAED,kBAAkB,cAAc"}

package/es/Markdown/components/SearchResultCards/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","names":[],"sources":["../../../../src/Markdown/components/SearchResultCards/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nexport const styles = createStaticStyles(({ css }) => ({\n  container: css`\n    min-width: 160px;\n    max-width: 160px;\n    height: 100%;\n\n    font-size: 12px;\n    color: initial;\n  `,\n  url: css`\n    overflow: hidden;\n    display: -webkit-box;\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: 1;\n\n    text-overflow: ellipsis;\n  `,\n}));\n"],"mappings":";;AAEA,MAAa,SAAS,oBAAoB,EAAE,WAAW;CACrD,WAAW,GAAG;;;;;;;;CAQd,KAAK,GAAG;;;;;;;;CAQT,EAAE"}
+{"version":3,"file":"style.mjs","names":[],"sources":["../../../../src/Markdown/components/SearchResultCards/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nexport const styles = createStaticStyles(({ css }) => ({\n  container: css`\n    min-width: 160px;\n    max-width: 160px;\n    height: 100%;\n\n    font-size: 12px;\n    color: initial;\n  `,\n  url: css`\n    overflow: hidden;\n    display: -webkit-box;\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: 1;\n\n    text-overflow: ellipsis;\n  `,\n}));\n"],"mappings":";;AAEA,MAAa,SAAS,oBAAoB,EAAE,WAAW;CACrD,WAAW,GAAG;;;;;;;;CAQd,KAAK,GAAG;;;;;;;;AAQV,EAAE"}

package/es/Markdown/components/useDelayedAnimated.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useDelayedAnimated.mjs","names":[],"sources":["../../../src/Markdown/components/useDelayedAnimated.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nexport const useDelayedAnimated = (animated?: boolean) => {\n  const [delayedAnimated, setDelayedAnimated] = useState(animated);\n\n  // Watch for changes in animated prop\n  useEffect(() => {\n    if (animated === undefined) return;\n    // If animated changes from true to false, delay the update by 1 second\n    if (animated === false && delayedAnimated === true) {\n      const timer = setTimeout(() => {\n        setDelayedAnimated(false);\n      }, 1000);\n\n      return () => clearTimeout(timer);\n    } else {\n      // For any other changes, update immediately\n      setDelayedAnimated(animated);\n    }\n  }, [animated, delayedAnimated]);\n\n  return delayedAnimated;\n};\n"],"mappings":";;AAEA,MAAa,sBAAsB,aAAuB;CACxD,MAAM,CAAC,iBAAiB,sBAAsB,SAAS,SAAS;AAGhE,iBAAgB;AACd,MAAI,aAAa,KAAA,EAAW;AAE5B,MAAI,aAAa,SAAS,oBAAoB,MAAM;GAClD,MAAM,QAAQ,iBAAiB;AAC7B,uBAAmB,MAAM;MACxB,IAAK;AAER,gBAAa,aAAa,MAAM;QAGhC,oBAAmB,SAAS;IAE7B,CAAC,UAAU,gBAAgB,CAAC;AAE/B,QAAO"}
+{"version":3,"file":"useDelayedAnimated.mjs","names":[],"sources":["../../../src/Markdown/components/useDelayedAnimated.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nexport const useDelayedAnimated = (animated?: boolean) => {\n  const [delayedAnimated, setDelayedAnimated] = useState(animated);\n\n  // Watch for changes in animated prop\n  useEffect(() => {\n    if (animated === undefined) return;\n    // If animated changes from true to false, delay the update by 1 second\n    if (animated === false && delayedAnimated === true) {\n      const timer = setTimeout(() => {\n        setDelayedAnimated(false);\n      }, 1000);\n\n      return () => clearTimeout(timer);\n    } else {\n      // For any other changes, update immediately\n      setDelayedAnimated(animated);\n    }\n  }, [animated, delayedAnimated]);\n\n  return delayedAnimated;\n};\n"],"mappings":";;AAEA,MAAa,sBAAsB,aAAuB;CACxD,MAAM,CAAC,iBAAiB,sBAAsB,SAAS,QAAQ;CAG/D,gBAAgB;EACd,IAAI,aAAa,KAAA,GAAW;EAE5B,IAAI,aAAa,SAAS,oBAAoB,MAAM;GAClD,MAAM,QAAQ,iBAAiB;IAC7B,mBAAmB,KAAK;GAC1B,GAAG,GAAI;GAEP,aAAa,aAAa,KAAK;EACjC,OAEE,mBAAmB,QAAQ;CAE/B,GAAG,CAAC,UAAU,eAAe,CAAC;CAE9B,OAAO;AACT"}

package/es/Markdown/index.d.mts

@@ -1,4 +1,4 @@
 import { MarkdownProps, StreamAnimationGranularity, StreamSmoothingPreset, SyntaxMarkdownProps, TypographyProps } from "./type.mjs";
-import { Markdown } from "./Markdown.mjs";
-import { Typography } from "./Typography.mjs";
-export { MarkdownProps, StreamAnimationGranularity, StreamSmoothingPreset, SyntaxMarkdownProps, Typography, TypographyProps, Markdown as default };
+import Markdown from "./Markdown.mjs";
+import Typography from "./Typography.mjs";
+export { type MarkdownProps, type StreamAnimationGranularity, type StreamSmoothingPreset, type SyntaxMarkdownProps, Typography, type TypographyProps, Markdown as default };

package/es/Markdown/markdown.style.mjs

@@ -350,6 +350,16 @@ const styles = createStaticStyles(({ cssVar, css }) => {
       position: relative;
       inset-block-start: -0.25em;
 
+      font-size: 0.75em;
+      line-height: var(--lobe-markdown-line-height);
+      vertical-align: baseline;
+    }
+  `;
+	const sub = css`
+    sub {
+      position: relative;
+      inset-block-end: -0.25em;
+
       font-size: 0.75em;
       line-height: var(--lobe-markdown-line-height);
       vertical-align: baseline;
@@ -376,16 +386,7 @@ const styles = createStaticStyles(({ cssVar, css }) => {
 		table,
 		video,
 		footnote,
-		css`
-    sub {
-      position: relative;
-      inset-block-end: -0.25em;
-
-      font-size: 0.75em;
-      line-height: var(--lobe-markdown-line-height);
-      vertical-align: baseline;
-    }
-  `,
+		sub,
 		sup
 	]}
       }

package/es/Markdown/markdown.style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"markdown.style.mjs","names":[],"sources":["../../src/Markdown/markdown.style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nconst IGNORE_CLASSNAME = '.ignore-markdown-style';\n\nexport const styles = createStaticStyles(({ cssVar, css }) => {\n  const __root = css`\n    --lobe-markdown-font-size: 16px;\n    --lobe-markdown-header-multiple: 1;\n    --lobe-markdown-margin-multiple: 2;\n    --lobe-markdown-line-height: 1.8;\n    --lobe-markdown-border-radius: ${cssVar.borderRadiusLG};\n    --lobe-markdown-border-color: ${cssVar.colorFillQuaternary};\n\n    position: relative;\n\n    width: 100%;\n    max-width: 100%;\n    padding-inline: 1px;\n\n    font-size: var(--lobe-markdown-font-size);\n    line-height: var(--lobe-markdown-line-height);\n    overflow-wrap: break-word;\n  `;\n  const a = css`\n    a {\n      color: ${cssVar.colorInfoText};\n\n      &:hover {\n        color: ${cssVar.colorInfoHover};\n      }\n    }\n  `;\n\n  const blockquote = css`\n    blockquote {\n      margin-block: calc(var(--lobe-markdown-margin-multiple) * 0.5em);\n      margin-inline: 0;\n      padding-block: 0;\n      padding-inline: 1em;\n      border-inline-start: solid 4px ${cssVar.colorBorder};\n\n      color: ${cssVar.colorTextSecondary};\n    }\n  `;\n\n  const code = css`\n    code {\n      &:not(:has(span)) {\n        display: inline;\n\n        margin-inline: 0.25em;\n        padding-block: 0.2em;\n        padding-inline: 0.4em;\n        border: 1px solid var(--lobe-markdown-border-color);\n        border-radius: 0.25em;\n\n        font-family: ${cssVar.fontFamilyCode};\n        font-size: 0.875em;\n        line-height: 1;\n        overflow-wrap: break-word;\n        white-space: break-spaces;\n\n        background: ${cssVar.colorFillSecondary};\n      }\n    }\n  `;\n\n  const del = css`\n    del {\n      color: ${cssVar.colorTextDescription};\n      text-decoration: line-through;\n    }\n  `;\n\n  const details = css`\n    details {\n      margin-block: calc(var(--lobe-markdown-margin-multiple) * 0.5em);\n      padding-block: 0.75em;\n      padding-inline: 1em;\n      border-radius: calc(var(--lobe-markdown-border-radius) * 1px);\n\n      background: ${cssVar.colorFillTertiary};\n      box-shadow: 0 0 0 1px var(--lobe-markdown-border-color);\n\n      summary {\n        cursor: pointer;\n        display: flex;\n        align-items: center;\n        list-style: none;\n\n        &::before {\n          content: '';\n\n          position: absolute;\n          inset-inline-end: 1.25em;\n          transform: rotateZ(-45deg);\n\n          display: block;\n\n          width: 0.4em;\n          height: 0.4em;\n          border-block-end: 1.5px solid ${cssVar.colorTextSecondary};\n          border-inline-end: 1.5px solid ${cssVar.colorTextSecondary};\n\n          font-family: ${cssVar.fontFamily};\n\n          transition: transform 200ms ${cssVar.motionEaseOut};\n        }\n      }\n\n      &[open] {\n        summary {\n          padding-block-end: 0.75em;\n          border-block-end: 1px dashed ${cssVar.colorBorder};\n\n          &::before {\n            transform: rotateZ(45deg);\n          }\n        }\n      }\n    }\n  `;\n  const header = css`\n    h1,\n    h2,\n    h3,\n    h4,\n    h5,\n    h6 {\n      margin-block: max(\n        calc(var(--lobe-markdown-header-multiple) * var(--lobe-markdown-margin-multiple) * 0.4em),\n        var(--lobe-markdown-font-size)\n      );\n      font-weight: bold;\n      line-height: 1.25;\n    }\n\n    h1 {\n      font-size: calc(\n        var(--lobe-markdown-font-size) * (1 + 1.5 * var(--lobe-markdown-header-multiple))\n      );\n    }\n\n    h2 {\n      font-size: calc(var(--lobe-markdown-font-size) * (1 + var(--lobe-markdown-header-multiple)));\n    }\n\n    h3 {\n      font-size: calc(\n        var(--lobe-markdown-font-size) * (1 + 0.5 * var(--lobe-markdown-header-multiple))\n      );\n    }\n\n    h4 {\n      font-size: calc(\n        var(--lobe-markdown-font-size) * (1 + 0.25 * var(--lobe-markdown-header-multiple))\n      );\n    }\n\n    h5,\n    h6 {\n      font-size: calc(var(--lobe-markdown-font-size) * 1);\n    }\n  `;\n  const hr = css`\n    hr {\n      width: 100%;\n      margin-block: calc(var(--lobe-markdown-margin-multiple) * 1.5em);\n      border-color: ${cssVar.colorBorder};\n      border-style: dashed;\n      border-width: 1px;\n      border-block-start: none;\n      border-inline-start: none;\n      border-inline-end: none;\n    }\n  `;\n  const img = css`\n    img {\n      max-width: 100%;\n    }\n\n    > img,\n    > p > img {\n      margin-block: calc(var(--lobe-markdown-margin-multiple) * 0.5em);\n      border-radius: calc(var(--lobe-markdown-border-radius) * 1px);\n      box-shadow: 0 0 0 1px var(--lobe-markdown-border-color);\n    }\n  `;\n\n  const list = css`\n    li {\n      margin-block: calc(var(--lobe-markdown-margin-multiple) * 0.33em);\n\n      p:first-child {\n        display: inline;\n      }\n    }\n\n    ul,\n    ol {\n      margin-block: calc(var(--lobe-markdown-margin-multiple) * 0.5em);\n      margin-inline-start: 1em;\n      padding-inline-start: 0;\n      list-style-position: outside;\n\n      > ul,\n      > ol {\n        margin-block: 0;\n      }\n\n      > li {\n        margin-inline-start: 1em;\n      }\n    }\n\n    ol {\n      list-style: auto;\n    }\n\n    ul {\n      list-style-type: none;\n\n      > li {\n        &::before {\n          content: '-';\n\n          position: absolute;\n\n          display: inline-block;\n\n          margin-inline: -1em 0.5em;\n\n          opacity: 0.5;\n        }\n      }\n    }\n\n    .task-list-item {\n      &::before {\n        display: none !important;\n      }\n\n      input[type='checkbox'] {\n        margin-block: 0 0.25em;\n        margin-inline: -1.6em 0.2em;\n        vertical-align: middle;\n      }\n\n      input[type='checkbox']:dir(rtl) {\n        margin: 0 -1.6em 0.25em 0.2em;\n      }\n    }\n  `;\n  const p = css`\n    p {\n      margin-block: 4px;\n      line-height: var(--lobe-markdown-line-height);\n      letter-spacing: 0.02em;\n\n      &:not(:first-child) {\n        margin-block-start: calc(var(--lobe-markdown-margin-multiple) * 0.5em);\n      }\n\n      &:not(:last-child) {\n        margin-block-end: calc(var(--lobe-markdown-margin-multiple) * 0.5em);\n      }\n    }\n  `;\n  const pre = css`\n    pre {\n      font-size: calc(var(--lobe-markdown-font-size) * 0.85);\n    }\n  `;\n  const strong = css`\n    strong {\n      font-weight: 600;\n    }\n  `;\n  const svg = css`\n    svg {\n      line-height: 1;\n    }\n  `;\n  const table = css`\n    table {\n      unicode-bidi: isolate;\n      overflow: auto hidden;\n      display: block;\n      border-spacing: 0;\n      border-collapse: collapse;\n\n      box-sizing: border-box;\n      width: max-content;\n      max-width: 100%;\n      margin-block: calc(var(--lobe-markdown-margin-multiple) * 0.5em);\n      border-radius: calc(var(--lobe-markdown-border-radius) * 1px);\n\n      text-align: start;\n      text-indent: initial;\n      text-wrap: pretty;\n      word-break: auto-phrase;\n      overflow-wrap: break-word;\n\n      box-shadow: 0 0 0 1px ${cssVar.colorBorderSecondary};\n\n      code {\n        overflow-wrap: break-word;\n      }\n\n      thead {\n        background: ${cssVar.colorFillQuaternary};\n      }\n\n      tr {\n        box-shadow: 0 1px 0 ${cssVar.colorBorderSecondary};\n      }\n\n      th,\n      td {\n        min-width: 120px;\n        padding-block: 0.75em;\n        padding-inline: 1em;\n        text-align: start;\n      }\n    }\n  `;\n  const video = css`\n    > video,\n    > p > video {\n      margin-block: calc(var(--lobe-markdown-margin-multiple) * 0.5em);\n      border-radius: calc(var(--lobe-markdown-border-radius) * 1px);\n      box-shadow: 0 0 0 1px var(--lobe-markdown-border-color);\n    }\n\n    video {\n      max-width: 100%;\n    }\n  `;\n\n  const footnote = css`\n    .footnotes {\n      margin-block-start: calc(var(--lobe-markdown-margin-multiple) * 1em);\n      font-size: smaller;\n      color: #8b949e;\n\n      #footnote-label {\n        display: none;\n      }\n\n      > ol {\n        margin: 0 !important;\n      }\n    }\n  `;\n\n  const sup = css`\n    sup {\n      position: relative;\n      inset-block-start: -0.25em;\n\n      font-size: 0.75em;\n      line-height: var(--lobe-markdown-line-height);\n      vertical-align: baseline;\n    }\n  `;\n\n  const sub = css`\n    sub {\n      position: relative;\n      inset-block-end: -0.25em;\n\n      font-size: 0.75em;\n      line-height: var(--lobe-markdown-line-height);\n      vertical-align: baseline;\n    }\n  `;\n\n  return {\n    root: css`\n      :not(:has(${IGNORE_CLASSNAME})),\n      .markdown {\n        ${[\n          __root,\n          a,\n          blockquote,\n          code,\n          del,\n          details,\n          header,\n          hr,\n          img,\n          list,\n          p,\n          pre,\n          strong,\n          svg,\n          table,\n          video,\n          footnote,\n          sub,\n          sup,\n        ]}\n      }\n    `,\n  };\n});\n"],"mappings":";;AAEA,MAAM,mBAAmB;AAEzB,MAAa,SAAS,oBAAoB,EAAE,QAAQ,UAAU;CAC5D,MAAM,SAAS,GAAG;;;;;qCAKiB,OAAO,eAAe;oCACvB,OAAO,oBAAoB;;;;;;;;;;;;CAY7D,MAAM,IAAI,GAAG;;eAEA,OAAO,cAAc;;;iBAGnB,OAAO,eAAe;;;;CAKrC,MAAM,aAAa,GAAG;;;;;;uCAMe,OAAO,YAAY;;eAE3C,OAAO,mBAAmB;;;CAIvC,MAAM,OAAO,GAAG;;;;;;;;;;;uBAWK,OAAO,eAAe;;;;;;sBAMvB,OAAO,mBAAmB;;;;CAK9C,MAAM,MAAM,GAAG;;eAEF,OAAO,qBAAqB;;;;CAKzC,MAAM,UAAU,GAAG;;;;;;;oBAOD,OAAO,kBAAkB;;;;;;;;;;;;;;;;;;;;0CAoBH,OAAO,mBAAmB;2CACzB,OAAO,mBAAmB;;yBAE5C,OAAO,WAAW;;wCAEH,OAAO,cAAc;;;;;;;yCAOpB,OAAO,YAAY;;;;;;;;;CAS1D,MAAM,SAAS,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0ClB,MAAM,KAAK,GAAG;;;;sBAIM,OAAO,YAAY;;;;;;;;CAQvC,MAAM,MAAM,GAAG;;;;;;;;;;;;CAaf,MAAM,OAAO,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgEhB,MAAM,IAAI,GAAG;;;;;;;;;;;;;;;CAeb,MAAM,MAAM,GAAG;;;;;CAKf,MAAM,SAAS,GAAG;;;;;CAKlB,MAAM,MAAM,GAAG;;;;;CAKf,MAAM,QAAQ,GAAG;;;;;;;;;;;;;;;;;;;;8BAoBW,OAAO,qBAAqB;;;;;;;sBAOpC,OAAO,oBAAoB;;;;8BAInB,OAAO,qBAAqB;;;;;;;;;;;;CAYxD,MAAM,QAAQ,GAAG;;;;;;;;;;;;CAajB,MAAM,WAAW,GAAG;;;;;;;;;;;;;;;CAgBpB,MAAM,MAAM,GAAG;;;;;;;;;;AAsBf,QAAO,EACL,MAAM,GAAG;kBACK,iBAAiB;;UAEzB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,GAjCO;;;;;;;;;;EAkCP;EACD,CAAC;;OAGP;EACD"}
+{"version":3,"file":"markdown.style.mjs","names":[],"sources":["../../src/Markdown/markdown.style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nconst IGNORE_CLASSNAME = '.ignore-markdown-style';\n\nexport const styles = createStaticStyles(({ cssVar, css }) => {\n  const __root = css`\n    --lobe-markdown-font-size: 16px;\n    --lobe-markdown-header-multiple: 1;\n    --lobe-markdown-margin-multiple: 2;\n    --lobe-markdown-line-height: 1.8;\n    --lobe-markdown-border-radius: ${cssVar.borderRadiusLG};\n    --lobe-markdown-border-color: ${cssVar.colorFillQuaternary};\n\n    position: relative;\n\n    width: 100%;\n    max-width: 100%;\n    padding-inline: 1px;\n\n    font-size: var(--lobe-markdown-font-size);\n    line-height: var(--lobe-markdown-line-height);\n    overflow-wrap: break-word;\n  `;\n  const a = css`\n    a {\n      color: ${cssVar.colorInfoText};\n\n      &:hover {\n        color: ${cssVar.colorInfoHover};\n      }\n    }\n  `;\n\n  const blockquote = css`\n    blockquote {\n      margin-block: calc(var(--lobe-markdown-margin-multiple) * 0.5em);\n      margin-inline: 0;\n      padding-block: 0;\n      padding-inline: 1em;\n      border-inline-start: solid 4px ${cssVar.colorBorder};\n\n      color: ${cssVar.colorTextSecondary};\n    }\n  `;\n\n  const code = css`\n    code {\n      &:not(:has(span)) {\n        display: inline;\n\n        margin-inline: 0.25em;\n        padding-block: 0.2em;\n        padding-inline: 0.4em;\n        border: 1px solid var(--lobe-markdown-border-color);\n        border-radius: 0.25em;\n\n        font-family: ${cssVar.fontFamilyCode};\n        font-size: 0.875em;\n        line-height: 1;\n        overflow-wrap: break-word;\n        white-space: break-spaces;\n\n        background: ${cssVar.colorFillSecondary};\n      }\n    }\n  `;\n\n  const del = css`\n    del {\n      color: ${cssVar.colorTextDescription};\n      text-decoration: line-through;\n    }\n  `;\n\n  const details = css`\n    details {\n      margin-block: calc(var(--lobe-markdown-margin-multiple) * 0.5em);\n      padding-block: 0.75em;\n      padding-inline: 1em;\n      border-radius: calc(var(--lobe-markdown-border-radius) * 1px);\n\n      background: ${cssVar.colorFillTertiary};\n      box-shadow: 0 0 0 1px var(--lobe-markdown-border-color);\n\n      summary {\n        cursor: pointer;\n        display: flex;\n        align-items: center;\n        list-style: none;\n\n        &::before {\n          content: '';\n\n          position: absolute;\n          inset-inline-end: 1.25em;\n          transform: rotateZ(-45deg);\n\n          display: block;\n\n          width: 0.4em;\n          height: 0.4em;\n          border-block-end: 1.5px solid ${cssVar.colorTextSecondary};\n          border-inline-end: 1.5px solid ${cssVar.colorTextSecondary};\n\n          font-family: ${cssVar.fontFamily};\n\n          transition: transform 200ms ${cssVar.motionEaseOut};\n        }\n      }\n\n      &[open] {\n        summary {\n          padding-block-end: 0.75em;\n          border-block-end: 1px dashed ${cssVar.colorBorder};\n\n          &::before {\n            transform: rotateZ(45deg);\n          }\n        }\n      }\n    }\n  `;\n  const header = css`\n    h1,\n    h2,\n    h3,\n    h4,\n    h5,\n    h6 {\n      margin-block: max(\n        calc(var(--lobe-markdown-header-multiple) * var(--lobe-markdown-margin-multiple) * 0.4em),\n        var(--lobe-markdown-font-size)\n      );\n      font-weight: bold;\n      line-height: 1.25;\n    }\n\n    h1 {\n      font-size: calc(\n        var(--lobe-markdown-font-size) * (1 + 1.5 * var(--lobe-markdown-header-multiple))\n      );\n    }\n\n    h2 {\n      font-size: calc(var(--lobe-markdown-font-size) * (1 + var(--lobe-markdown-header-multiple)));\n    }\n\n    h3 {\n      font-size: calc(\n        var(--lobe-markdown-font-size) * (1 + 0.5 * var(--lobe-markdown-header-multiple))\n      );\n    }\n\n    h4 {\n      font-size: calc(\n        var(--lobe-markdown-font-size) * (1 + 0.25 * var(--lobe-markdown-header-multiple))\n      );\n    }\n\n    h5,\n    h6 {\n      font-size: calc(var(--lobe-markdown-font-size) * 1);\n    }\n  `;\n  const hr = css`\n    hr {\n      width: 100%;\n      margin-block: calc(var(--lobe-markdown-margin-multiple) * 1.5em);\n      border-color: ${cssVar.colorBorder};\n      border-style: dashed;\n      border-width: 1px;\n      border-block-start: none;\n      border-inline-start: none;\n      border-inline-end: none;\n    }\n  `;\n  const img = css`\n    img {\n      max-width: 100%;\n    }\n\n    > img,\n    > p > img {\n      margin-block: calc(var(--lobe-markdown-margin-multiple) * 0.5em);\n      border-radius: calc(var(--lobe-markdown-border-radius) * 1px);\n      box-shadow: 0 0 0 1px var(--lobe-markdown-border-color);\n    }\n  `;\n\n  const list = css`\n    li {\n      margin-block: calc(var(--lobe-markdown-margin-multiple) * 0.33em);\n\n      p:first-child {\n        display: inline;\n      }\n    }\n\n    ul,\n    ol {\n      margin-block: calc(var(--lobe-markdown-margin-multiple) * 0.5em);\n      margin-inline-start: 1em;\n      padding-inline-start: 0;\n      list-style-position: outside;\n\n      > ul,\n      > ol {\n        margin-block: 0;\n      }\n\n      > li {\n        margin-inline-start: 1em;\n      }\n    }\n\n    ol {\n      list-style: auto;\n    }\n\n    ul {\n      list-style-type: none;\n\n      > li {\n        &::before {\n          content: '-';\n\n          position: absolute;\n\n          display: inline-block;\n\n          margin-inline: -1em 0.5em;\n\n          opacity: 0.5;\n        }\n      }\n    }\n\n    .task-list-item {\n      &::before {\n        display: none !important;\n      }\n\n      input[type='checkbox'] {\n        margin-block: 0 0.25em;\n        margin-inline: -1.6em 0.2em;\n        vertical-align: middle;\n      }\n\n      input[type='checkbox']:dir(rtl) {\n        margin: 0 -1.6em 0.25em 0.2em;\n      }\n    }\n  `;\n  const p = css`\n    p {\n      margin-block: 4px;\n      line-height: var(--lobe-markdown-line-height);\n      letter-spacing: 0.02em;\n\n      &:not(:first-child) {\n        margin-block-start: calc(var(--lobe-markdown-margin-multiple) * 0.5em);\n      }\n\n      &:not(:last-child) {\n        margin-block-end: calc(var(--lobe-markdown-margin-multiple) * 0.5em);\n      }\n    }\n  `;\n  const pre = css`\n    pre {\n      font-size: calc(var(--lobe-markdown-font-size) * 0.85);\n    }\n  `;\n  const strong = css`\n    strong {\n      font-weight: 600;\n    }\n  `;\n  const svg = css`\n    svg {\n      line-height: 1;\n    }\n  `;\n  const table = css`\n    table {\n      unicode-bidi: isolate;\n      overflow: auto hidden;\n      display: block;\n      border-spacing: 0;\n      border-collapse: collapse;\n\n      box-sizing: border-box;\n      width: max-content;\n      max-width: 100%;\n      margin-block: calc(var(--lobe-markdown-margin-multiple) * 0.5em);\n      border-radius: calc(var(--lobe-markdown-border-radius) * 1px);\n\n      text-align: start;\n      text-indent: initial;\n      text-wrap: pretty;\n      word-break: auto-phrase;\n      overflow-wrap: break-word;\n\n      box-shadow: 0 0 0 1px ${cssVar.colorBorderSecondary};\n\n      code {\n        overflow-wrap: break-word;\n      }\n\n      thead {\n        background: ${cssVar.colorFillQuaternary};\n      }\n\n      tr {\n        box-shadow: 0 1px 0 ${cssVar.colorBorderSecondary};\n      }\n\n      th,\n      td {\n        min-width: 120px;\n        padding-block: 0.75em;\n        padding-inline: 1em;\n        text-align: start;\n      }\n    }\n  `;\n  const video = css`\n    > video,\n    > p > video {\n      margin-block: calc(var(--lobe-markdown-margin-multiple) * 0.5em);\n      border-radius: calc(var(--lobe-markdown-border-radius) * 1px);\n      box-shadow: 0 0 0 1px var(--lobe-markdown-border-color);\n    }\n\n    video {\n      max-width: 100%;\n    }\n  `;\n\n  const footnote = css`\n    .footnotes {\n      margin-block-start: calc(var(--lobe-markdown-margin-multiple) * 1em);\n      font-size: smaller;\n      color: #8b949e;\n\n      #footnote-label {\n        display: none;\n      }\n\n      > ol {\n        margin: 0 !important;\n      }\n    }\n  `;\n\n  const sup = css`\n    sup {\n      position: relative;\n      inset-block-start: -0.25em;\n\n      font-size: 0.75em;\n      line-height: var(--lobe-markdown-line-height);\n      vertical-align: baseline;\n    }\n  `;\n\n  const sub = css`\n    sub {\n      position: relative;\n      inset-block-end: -0.25em;\n\n      font-size: 0.75em;\n      line-height: var(--lobe-markdown-line-height);\n      vertical-align: baseline;\n    }\n  `;\n\n  return {\n    root: css`\n      :not(:has(${IGNORE_CLASSNAME})),\n      .markdown {\n        ${[\n          __root,\n          a,\n          blockquote,\n          code,\n          del,\n          details,\n          header,\n          hr,\n          img,\n          list,\n          p,\n          pre,\n          strong,\n          svg,\n          table,\n          video,\n          footnote,\n          sub,\n          sup,\n        ]}\n      }\n    `,\n  };\n});\n"],"mappings":";;AAEA,MAAM,mBAAmB;AAEzB,MAAa,SAAS,oBAAoB,EAAE,QAAQ,UAAU;CAC5D,MAAM,SAAS,GAAG;;;;;qCAKiB,OAAO,eAAe;oCACvB,OAAO,oBAAoB;;;;;;;;;;;;CAY7D,MAAM,IAAI,GAAG;;eAEA,OAAO,cAAc;;;iBAGnB,OAAO,eAAe;;;;CAKrC,MAAM,aAAa,GAAG;;;;;;uCAMe,OAAO,YAAY;;eAE3C,OAAO,mBAAmB;;;CAIvC,MAAM,OAAO,GAAG;;;;;;;;;;;uBAWK,OAAO,eAAe;;;;;;sBAMvB,OAAO,mBAAmB;;;;CAK9C,MAAM,MAAM,GAAG;;eAEF,OAAO,qBAAqB;;;;CAKzC,MAAM,UAAU,GAAG;;;;;;;oBAOD,OAAO,kBAAkB;;;;;;;;;;;;;;;;;;;;0CAoBH,OAAO,mBAAmB;2CACzB,OAAO,mBAAmB;;yBAE5C,OAAO,WAAW;;wCAEH,OAAO,cAAc;;;;;;;yCAOpB,OAAO,YAAY;;;;;;;;;CAS1D,MAAM,SAAS,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0ClB,MAAM,KAAK,GAAG;;;;sBAIM,OAAO,YAAY;;;;;;;;CAQvC,MAAM,MAAM,GAAG;;;;;;;;;;;;CAaf,MAAM,OAAO,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgEhB,MAAM,IAAI,GAAG;;;;;;;;;;;;;;;CAeb,MAAM,MAAM,GAAG;;;;;CAKf,MAAM,SAAS,GAAG;;;;;CAKlB,MAAM,MAAM,GAAG;;;;;CAKf,MAAM,QAAQ,GAAG;;;;;;;;;;;;;;;;;;;;8BAoBW,OAAO,qBAAqB;;;;;;;sBAOpC,OAAO,oBAAoB;;;;8BAInB,OAAO,qBAAqB;;;;;;;;;;;;CAYxD,MAAM,QAAQ,GAAG;;;;;;;;;;;;CAajB,MAAM,WAAW,GAAG;;;;;;;;;;;;;;;CAgBpB,MAAM,MAAM,GAAG;;;;;;;;;;CAWf,MAAM,MAAM,GAAG;;;;;;;;;;CAWf,OAAO,EACL,MAAM,GAAG;kBACK,iBAAiB;;UAEzB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,EAAE;;MAGR;AACF,CAAC"}

package/es/Markdown/plugins/rehypeCustomFootnotes.mjs

@@ -1,4 +1,4 @@
-import { visit } from "../../node_modules/unist-util-visit/lib/index.mjs";
+import { visit } from "../../node_modules/.bun/unist-util-visit@5.1.0/node_modules/unist-util-visit/lib/index.mjs";
 //#region src/Markdown/plugins/rehypeCustomFootnotes.ts
 const rehypeCustomFootnotes = () => (tree, file) => {
 	const linksData = file.data.footnoteLinks || {};

package/es/Markdown/plugins/rehypeCustomFootnotes.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"rehypeCustomFootnotes.mjs","names":[],"sources":["../../../src/Markdown/plugins/rehypeCustomFootnotes.ts"],"sourcesContent":["import { visit } from 'unist-util-visit';\n\nimport type { FootnoteLink } from './remarkCustomFootnotes';\n\nexport const rehypeCustomFootnotes = () => (tree: any, file: any) => {\n  const linksData: Record<string, FootnoteLink> = file.data.footnoteLinks || {};\n\n  visit(tree, 'element', (node) => {\n    if (node.tagName === 'section' && node.properties.className?.includes('footnotes')) {\n      // 转换数据格式为数组（按identifier排序）\n      const sortedLinks = Object.entries(linksData)\n        .sort(([a], [b]) => a.localeCompare(b))\n        .map(([id, data]) => ({ id, ...data }));\n      // 注入数据属性\n      node.properties['data-footnote-links'] = JSON.stringify(sortedLinks);\n    }\n\n    if (node.tagName === 'sup') {\n      const link = node.children.find((n: any) => n.tagName === 'a');\n\n      if (link) {\n        // a node example\n        // {\n        //     \"href\": \"#user-content-fn-3\",\n        //     \"id\": \"user-content-fnref-3-2\",\n        //     \"dataFootnoteRef\": true,\n        // }\n        const linkRefIndex = link.properties?.id?.replace(/^user-content-fnref-/, '')[0];\n\n        if (linkRefIndex !== undefined)\n          link.properties['data-link'] = JSON.stringify(linksData[linkRefIndex]);\n      }\n    }\n  });\n};\n"],"mappings":";;AAIA,MAAa,+BAA+B,MAAW,SAAc;CACnE,MAAM,YAA0C,KAAK,KAAK,iBAAiB,EAAE;AAE7E,OAAM,MAAM,YAAY,SAAS;AAC/B,MAAI,KAAK,YAAY,aAAa,KAAK,WAAW,WAAW,SAAS,YAAY,EAAE;GAElF,MAAM,cAAc,OAAO,QAAQ,UAAU,CAC1C,MAAM,CAAC,IAAI,CAAC,OAAO,EAAE,cAAc,EAAE,CAAC,CACtC,KAAK,CAAC,IAAI,WAAW;IAAE;IAAI,GAAG;IAAM,EAAE;AAEzC,QAAK,WAAW,yBAAyB,KAAK,UAAU,YAAY;;AAGtE,MAAI,KAAK,YAAY,OAAO;GAC1B,MAAM,OAAO,KAAK,SAAS,MAAM,MAAW,EAAE,YAAY,IAAI;AAE9D,OAAI,MAAM;IAOR,MAAM,eAAe,KAAK,YAAY,IAAI,QAAQ,wBAAwB,GAAG,CAAC;AAE9E,QAAI,iBAAiB,KAAA,EACnB,MAAK,WAAW,eAAe,KAAK,UAAU,UAAU,cAAc;;;GAG5E"}
+{"version":3,"file":"rehypeCustomFootnotes.mjs","names":[],"sources":["../../../src/Markdown/plugins/rehypeCustomFootnotes.ts"],"sourcesContent":["import { visit } from 'unist-util-visit';\n\nimport type { FootnoteLink } from './remarkCustomFootnotes';\n\nexport const rehypeCustomFootnotes = () => (tree: any, file: any) => {\n  const linksData: Record<string, FootnoteLink> = file.data.footnoteLinks || {};\n\n  visit(tree, 'element', (node) => {\n    if (node.tagName === 'section' && node.properties.className?.includes('footnotes')) {\n      // 转换数据格式为数组（按identifier排序）\n      const sortedLinks = Object.entries(linksData)\n        .sort(([a], [b]) => a.localeCompare(b))\n        .map(([id, data]) => ({ id, ...data }));\n      // 注入数据属性\n      node.properties['data-footnote-links'] = JSON.stringify(sortedLinks);\n    }\n\n    if (node.tagName === 'sup') {\n      const link = node.children.find((n: any) => n.tagName === 'a');\n\n      if (link) {\n        // a node example\n        // {\n        //     \"href\": \"#user-content-fn-3\",\n        //     \"id\": \"user-content-fnref-3-2\",\n        //     \"dataFootnoteRef\": true,\n        // }\n        const linkRefIndex = link.properties?.id?.replace(/^user-content-fnref-/, '')[0];\n\n        if (linkRefIndex !== undefined)\n          link.properties['data-link'] = JSON.stringify(linksData[linkRefIndex]);\n      }\n    }\n  });\n};\n"],"mappings":";;AAIA,MAAa,+BAA+B,MAAW,SAAc;CACnE,MAAM,YAA0C,KAAK,KAAK,iBAAiB,CAAC;CAE5E,MAAM,MAAM,YAAY,SAAS;EAC/B,IAAI,KAAK,YAAY,aAAa,KAAK,WAAW,WAAW,SAAS,WAAW,GAAG;GAElF,MAAM,cAAc,OAAO,QAAQ,SAAS,CAAC,CAC1C,MAAM,CAAC,IAAI,CAAC,OAAO,EAAE,cAAc,CAAC,CAAC,CAAC,CACtC,KAAK,CAAC,IAAI,WAAW;IAAE;IAAI,GAAG;GAAK,EAAE;GAExC,KAAK,WAAW,yBAAyB,KAAK,UAAU,WAAW;EACrE;EAEA,IAAI,KAAK,YAAY,OAAO;GAC1B,MAAM,OAAO,KAAK,SAAS,MAAM,MAAW,EAAE,YAAY,GAAG;GAE7D,IAAI,MAAM;IAOR,MAAM,eAAe,KAAK,YAAY,IAAI,QAAQ,wBAAwB,EAAE,CAAC,CAAC;IAE9E,IAAI,iBAAiB,KAAA,GACnB,KAAK,WAAW,eAAe,KAAK,UAAU,UAAU,aAAa;GACzE;EACF;CACF,CAAC;AACH"}

package/es/Markdown/plugins/rehypeKatexDir.d.mts

@@ -1,5 +1,4 @@
-import { Node } from "../../node_modules/@types/unist/index.mjs";
-
+import { Node } from "../../node_modules/.bun/@types_unist@3.0.3/node_modules/@types/unist/index.mjs";
 //#region src/Markdown/plugins/rehypeKatexDir.d.ts
 declare const rehypeKatexDir: () => (tree: Node) => void;
 //#endregion

package/es/Markdown/plugins/rehypeKatexDir.mjs

@@ -1,4 +1,4 @@
-import { visit } from "../../node_modules/unist-util-visit/lib/index.mjs";
+import { visit } from "../../node_modules/.bun/unist-util-visit@5.1.0/node_modules/unist-util-visit/lib/index.mjs";
 //#region src/Markdown/plugins/rehypeKatexDir.ts
 const rehypeKatexDir = () => (tree) => {
 	visit(tree, "element", (node) => {

package/es/Markdown/plugins/rehypeKatexDir.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"rehypeKatexDir.mjs","names":[],"sources":["../../../src/Markdown/plugins/rehypeKatexDir.ts"],"sourcesContent":["import type { Node } from 'unist';\nimport { visit } from 'unist-util-visit';\n\n// katex-directive\n// 给 class=\"katex\" 的节点加上 dir=\"ltr\" 属性\n\nexport const rehypeKatexDir = () => (tree: Node) => {\n  visit(tree, 'element', (node: any) => {\n    if (node.properties?.className?.includes('katex')) {\n      node.properties.dir = 'ltr';\n    }\n  });\n};\n"],"mappings":";;AAMA,MAAa,wBAAwB,SAAe;AAClD,OAAM,MAAM,YAAY,SAAc;AACpC,MAAI,KAAK,YAAY,WAAW,SAAS,QAAQ,CAC/C,MAAK,WAAW,MAAM;GAExB"}
+{"version":3,"file":"rehypeKatexDir.mjs","names":[],"sources":["../../../src/Markdown/plugins/rehypeKatexDir.ts"],"sourcesContent":["import type { Node } from 'unist';\nimport { visit } from 'unist-util-visit';\n\n// katex-directive\n// 给 class=\"katex\" 的节点加上 dir=\"ltr\" 属性\n\nexport const rehypeKatexDir = () => (tree: Node) => {\n  visit(tree, 'element', (node: any) => {\n    if (node.properties?.className?.includes('katex')) {\n      node.properties.dir = 'ltr';\n    }\n  });\n};\n"],"mappings":";;AAMA,MAAa,wBAAwB,SAAe;CAClD,MAAM,MAAM,YAAY,SAAc;EACpC,IAAI,KAAK,YAAY,WAAW,SAAS,OAAO,GAC9C,KAAK,WAAW,MAAM;CAE1B,CAAC;AACH"}

package/es/Markdown/plugins/rehypeStreamAnimated.d.mts

@@ -1,5 +1,4 @@
-import { Root } from "../../node_modules/@types/hast/index.mjs";
-
+import { Root } from "../../node_modules/.bun/@types_hast@3.0.5/node_modules/@types/hast/index.mjs";
 //#region src/Markdown/plugins/rehypeStreamAnimated.d.ts
 interface StreamAnimatedRuntime {
   births: number[];
@@ -30,5 +29,5 @@ interface StreamAnimatedOptions {
 }
 declare const rehypeStreamAnimated: (options?: StreamAnimatedOptions) => (tree: Root) => void;
 //#endregion
-export { rehypeStreamAnimated };
+export { StreamAnimatedOptions, StreamAnimatedRuntime, rehypeStreamAnimated };
 //# sourceMappingURL=rehypeStreamAnimated.d.mts.map