@lobehub/ui 5.6.2 → 5.6.4

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

@@ -1 +1 @@
-{"version":3,"file":"useSmoothStreamContent.mjs","names":["PRESET_CONFIG: Record<StreamSmoothingPreset, StreamSmoothingPresetConfig>","currentCps: number"],"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';\n\ninterface StreamSmoothingPresetConfig {\n  activeInputWindowMs: number;\n  defaultCps: number;\n  emaAlpha: number;\n  flushCps: number;\n  largeAppendChars: number;\n  maxActiveCps: number;\n  maxCps: number;\n  maxFlushCps: number;\n  minCps: number;\n  settleAfterMs: number;\n  settleDrainMaxMs: number;\n  settleDrainMinMs: number;\n  targetBufferMs: number;\n}\n\nconst PRESET_CONFIG: Record<StreamSmoothingPreset, StreamSmoothingPresetConfig> = {\n  balanced: {\n    activeInputWindowMs: 220,\n    defaultCps: 38,\n    emaAlpha: 0.2,\n    flushCps: 120,\n    largeAppendChars: 120,\n    maxActiveCps: 132,\n    maxCps: 72,\n    maxFlushCps: 280,\n    minCps: 18,\n    settleAfterMs: 360,\n    settleDrainMaxMs: 520,\n    settleDrainMinMs: 180,\n    targetBufferMs: 120,\n  },\n  realtime: {\n    activeInputWindowMs: 140,\n    defaultCps: 50,\n    emaAlpha: 0.3,\n    flushCps: 170,\n    largeAppendChars: 180,\n    maxActiveCps: 180,\n    maxCps: 96,\n    maxFlushCps: 360,\n    minCps: 24,\n    settleAfterMs: 260,\n    settleDrainMaxMs: 360,\n    settleDrainMinMs: 140,\n    targetBufferMs: 40,\n  },\n  silky: {\n    activeInputWindowMs: 320,\n    defaultCps: 28,\n    emaAlpha: 0.14,\n    flushCps: 96,\n    largeAppendChars: 100,\n    maxActiveCps: 102,\n    maxCps: 56,\n    maxFlushCps: 220,\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\nconst getNow = () => {\n  return typeof performance === 'undefined' ? Date.now() : performance.now();\n};\n\nexport const countChars = (text: string): number => {\n  return [...text].length;\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 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      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 frameStart = getNow();\n\n      if (lastFrameTsRef.current === null) {\n        lastFrameTsRef.current = ts;\n        rafRef.current = requestAnimationFrame(tick);\n        return;\n      }\n\n      const frameIntervalMs = Math.max(0, ts - lastFrameTsRef.current);\n      const dtSeconds = Math.max(0.001, Math.min(frameIntervalMs / 1000, 0.05));\n      lastFrameTsRef.current = ts;\n\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      const now = getNow();\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.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    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 = [...targetCharsRef.current, ...appendedChars];\n    targetCountRef.current += appendedCount;\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.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":[],"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';\n\ninterface StreamSmoothingPresetConfig {\n  activeInputWindowMs: number;\n  defaultCps: number;\n  emaAlpha: number;\n  flushCps: number;\n  largeAppendChars: number;\n  maxActiveCps: number;\n  maxCps: number;\n  maxFlushCps: number;\n  minCps: number;\n  settleAfterMs: number;\n  settleDrainMaxMs: number;\n  settleDrainMinMs: number;\n  targetBufferMs: number;\n}\n\nconst PRESET_CONFIG: Record<StreamSmoothingPreset, StreamSmoothingPresetConfig> = {\n  balanced: {\n    activeInputWindowMs: 220,\n    defaultCps: 38,\n    emaAlpha: 0.2,\n    flushCps: 120,\n    largeAppendChars: 120,\n    maxActiveCps: 132,\n    maxCps: 72,\n    maxFlushCps: 280,\n    minCps: 18,\n    settleAfterMs: 360,\n    settleDrainMaxMs: 520,\n    settleDrainMinMs: 180,\n    targetBufferMs: 120,\n  },\n  realtime: {\n    activeInputWindowMs: 140,\n    defaultCps: 50,\n    emaAlpha: 0.3,\n    flushCps: 170,\n    largeAppendChars: 180,\n    maxActiveCps: 180,\n    maxCps: 96,\n    maxFlushCps: 360,\n    minCps: 24,\n    settleAfterMs: 260,\n    settleDrainMaxMs: 360,\n    settleDrainMinMs: 140,\n    targetBufferMs: 40,\n  },\n  silky: {\n    activeInputWindowMs: 320,\n    defaultCps: 28,\n    emaAlpha: 0.14,\n    flushCps: 96,\n    largeAppendChars: 100,\n    maxActiveCps: 102,\n    maxCps: 56,\n    maxFlushCps: 220,\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\nconst getNow = () => {\n  return typeof performance === 'undefined' ? Date.now() : performance.now();\n};\n\nexport const countChars = (text: string): number => {\n  return [...text].length;\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 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      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 frameStart = getNow();\n\n      if (lastFrameTsRef.current === null) {\n        lastFrameTsRef.current = ts;\n        rafRef.current = requestAnimationFrame(tick);\n        return;\n      }\n\n      const frameIntervalMs = Math.max(0, ts - lastFrameTsRef.current);\n      const dtSeconds = Math.max(0.001, Math.min(frameIntervalMs / 1000, 0.05));\n      lastFrameTsRef.current = ts;\n\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      const now = getNow();\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.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    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 = [...targetCharsRef.current, ...appendedChars];\n    targetCountRef.current += appendedCount;\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.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

@@ -1,5 +1,4 @@
 import { useCallback, useEffect, useRef, useState } from "react";
-
 //#region src/Markdown/SyntaxMarkdown/useStreamQueue.ts
 const BASE_DELAY = 18;
 const ACCELERATION_FACTOR = .3;
@@ -85,7 +84,7 @@ function useStreamQueue(blocks) {
 		queueLength
 	};
 }
-
 //#endregion
 export { useStreamQueue };
+
 //# sourceMappingURL=useStreamQueue.mjs.map

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\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;\nconst FADE_DURATION = 280;\n\nfunction countChars(text: string): number {\n  return [...text].length;\n}\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) + 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":";;;AASA,MAAM,aAAa;AACnB,MAAM,sBAAsB;AAC5B,MAAM,qBAAqB;AAC3B,MAAM,gBAAgB;AAEtB,SAAS,WAAW,MAAsB;AACxC,QAAO,CAAC,GAAG,KAAK,CAAC;;AAGnB,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,GAAG;AACtE,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\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;\nconst FADE_DURATION = 280;\n\nfunction countChars(text: string): number {\n  return [...text].length;\n}\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) + 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":";;AASA,MAAM,aAAa;AACnB,MAAM,sBAAsB;AAC5B,MAAM,qBAAqB;AAC3B,MAAM,gBAAgB;AAEtB,SAAS,WAAW,MAAsB;AACxC,QAAO,CAAC,GAAG,KAAK,CAAC;;AAGnB,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,GAAG;AACtE,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"}

package/es/Markdown/Typography.d.mts

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

package/es/Markdown/Typography.mjs

@@ -1,10 +1,8 @@
-'use client';
-
+"use client";
 import { styles } from "./markdown.style.mjs";
 import { memo } from "react";
 import { jsx } from "react/jsx-runtime";
 import { cx } from "antd-style";
-
 //#region src/Markdown/Typography.tsx
 const Typography = memo(({ ref, children, className, fontSize = 16, headerMultiple = 1, marginMultiple = 2, lineHeight = 1.8, borderRadius = 8, style, ...rest }) => {
 	return /* @__PURE__ */ jsx("article", {
@@ -23,8 +21,7 @@ const Typography = memo(({ ref, children, className, fontSize = 16, headerMultip
 	});
 });
 Typography.displayName = "Typography";
-var Typography_default = Typography;
-
 //#endregion
-export { Typography_default as default };
+export { Typography as default };
+
 //# sourceMappingURL=Typography.mjs.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;EACC,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;GACO;EAGf;AAED,WAAW,cAAc;AAEzB,yBAAe"}
+{"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"}

package/es/Markdown/components/CodeBlock.mjs

@@ -1,8 +1,7 @@
-import { FALLBACK_LANG } from "../../Highlighter/const.mjs";
-import Pre_default, { PreMermaid, PreSingleLine } from "../../mdx/mdxComponents/Pre.mjs";
+import "../../Highlighter/const.mjs";
+import Pre, { PreMermaid, PreSingleLine } from "../../mdx/mdxComponents/Pre.mjs";
 import { memo } from "react";
 import { jsx } from "react/jsx-runtime";
-
 //#region src/Markdown/components/CodeBlock.tsx
 const countLines = (str) => {
 	const matches = str.match(/\n/g);
@@ -13,7 +12,7 @@ const useCode = (raw) => {
 	const { children = "", className } = raw?.props || { children: "" };
 	if (!children) return;
 	const content = Array.isArray(children) ? children[0] : children;
-	const lang = className?.replace("language-", "") || FALLBACK_LANG;
+	const lang = className?.replace("language-", "") || "plaintext";
 	return {
 		content,
 		isSingleLine: countLines(content) <= 1 && content.length <= 32,
@@ -34,7 +33,7 @@ const CodeBlock = memo(({ fullFeatured, enableMermaid, highlight, mermaid, child
 		language: code.lang,
 		children: code.content
 	});
-	return /* @__PURE__ */ jsx(Pre_default, {
+	return /* @__PURE__ */ jsx(Pre, {
 		animated,
 		fullFeatured,
 		language: code.lang,
@@ -43,7 +42,7 @@ const CodeBlock = memo(({ fullFeatured, enableMermaid, highlight, mermaid, child
 		children: code.content
 	});
 }, (prevProps, nextProps) => prevProps.children === nextProps.children);
-
 //#endregion
 export { CodeBlock };
+
 //# sourceMappingURL=CodeBlock.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"CodeBlock.mjs","names":["Pre"],"sources":["../../../src/Markdown/components/CodeBlock.tsx"],"sourcesContent":["import { memo } from 'react';\n\nimport type { HighlighterProps } from '@/Highlighter';\nimport { FALLBACK_LANG } from '@/Highlighter/const';\nimport Pre, { 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  enableMermaid?: boolean;\n  fullFeatured?: boolean;\n  highlight?: HighlighterProps;\n  mermaid?: MermaidProps;\n}\n\nexport const CodeBlock = memo<CodeBlockProps>(\n  ({ fullFeatured, enableMermaid, highlight, mermaid, children, animated, ...rest }) => {\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    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":";;;;;;AAOA,MAAM,cAAc,QAAwB;CAE1C,MAAM,UAAU,IAAI,MADN,MACkB;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,IAAI;AAIpD,QAAO;EACL;EACA,cAJmB,WAAW,QAAQ,IAAI,KAAK,QAAQ,UAAU;EAKjE;EACD;;AAYH,MAAa,YAAY,MACtB,EAAE,cAAc,eAAe,WAAW,SAAS,UAAU,UAAU,GAAG,WAAW;CACpF,MAAM,OAAO,QAAQ,SAAS;AAE9B,KAAI,CAAC,KAAM;AAEX,KAAI,iBAAiB,KAAK,SAAS,UACjC,QACE,oBAAC;EAAqB;EAAwB;EAAc,GAAI;EAAS,GAAI;YAC1E,KAAK;GACK;AAGjB,KAAI,CAAC,aAAa,KAAK,aACrB,QAAO,oBAAC;EAAc,UAAU,KAAK;YAAO,KAAK;GAAwB;AAE3E,QACE,oBAACA;EACW;EACI;EACd,UAAU,KAAK;EACf,GAAI;EACJ,GAAI;YAEH,KAAK;GACF;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 Pre, { 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  enableMermaid?: boolean;\n  fullFeatured?: boolean;\n  highlight?: HighlighterProps;\n  mermaid?: MermaidProps;\n}\n\nexport const CodeBlock = memo<CodeBlockProps>(\n  ({ fullFeatured, enableMermaid, highlight, mermaid, children, animated, ...rest }) => {\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    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":";;;;;AAOA,MAAM,cAAc,QAAwB;CAE1C,MAAM,UAAU,IAAI,MADN,MACkB;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;;AAYH,MAAa,YAAY,MACtB,EAAE,cAAc,eAAe,WAAW,SAAS,UAAU,UAAU,GAAG,WAAW;CACpF,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;AAGjB,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"}

package/es/Markdown/components/Footnotes.mjs

@@ -1,13 +1,11 @@
-'use client';
-
-import A_default from "../../A/index.mjs";
+"use client";
+import A from "../../A/index.mjs";
 import FlexBasic_default from "../../Flex/FlexBasic.mjs";
-import Block_default from "../../Block/Block.mjs";
-import Text_default from "../../Text/Text.mjs";
-import SearchResultCards_default from "./SearchResultCards/index.mjs";
+import Block from "../../Block/Block.mjs";
+import Text from "../../Text/Text.mjs";
+import SearchResultCards from "./SearchResultCards/index.mjs";
 import { createElement, memo, useMemo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-
 //#region src/Markdown/components/Footnotes.tsx
 const DefaultFootnotes = memo(({ dataSource }) => {
 	const items = useMemo(() => dataSource.find((child) => child?.type === "ol")?.props?.children?.map((item) => {
@@ -31,13 +29,13 @@ const DefaultFootnotes = memo(({ dataSource }) => {
 		wrap: "wrap",
 		children: items.map(({ children, props }, index) => {
 			const { node, href, ...rest } = props;
-			return /* @__PURE__ */ createElement(href ? A_default : "div", {
+			return /* @__PURE__ */ createElement(href ? A : "div", {
 				...href ? {
 					href,
 					...rest
 				} : rest,
 				key: index
-			}, /* @__PURE__ */ jsxs(Block_default, {
+			}, /* @__PURE__ */ jsxs(Block, {
 				horizontal: true,
 				align: "stretch",
 				style: {
@@ -45,17 +43,17 @@ const DefaultFootnotes = memo(({ dataSource }) => {
 					position: "relative"
 				},
 				variant: "outlined",
-				children: [/* @__PURE__ */ jsx(Block_default, {
+				children: [/* @__PURE__ */ jsx(Block, {
 					paddingInline: "0.66em",
 					style: { borderRadius: 0 },
 					variant: "filled",
-					children: /* @__PURE__ */ jsx(Text_default, {
+					children: /* @__PURE__ */ jsx(Text, {
 						code: true,
 						as: "span",
 						type: "secondary",
 						children: index + 1
 					})
-				}), /* @__PURE__ */ jsx(Text_default, {
+				}), /* @__PURE__ */ jsx(Text, {
 					as: "span",
 					style: { paddingInline: "0.66em" },
 					type: "secondary",
@@ -83,12 +81,11 @@ const Footnotes = memo(({ children, ...rest }) => {
 	return /* @__PURE__ */ jsx("section", {
 		className: "footnotes",
 		"data-footnotes": "true",
-		children: /* @__PURE__ */ jsx(SearchResultCards_default, { dataSource: links })
+		children: /* @__PURE__ */ jsx(SearchResultCards, { dataSource: links })
 	});
 });
 Footnotes.displayName = "Footnotes";
-var Footnotes_default = Footnotes;
-
 //#endregion
-export { Footnotes_default as default };
+export { Footnotes as default };
+
 //# sourceMappingURL=Footnotes.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Footnotes.mjs","names":["Flexbox","A","Block","Text","SearchResultCards"],"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;EACC;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,OAAOC,YAAI;IAEhB,GAAK,OAAO;KAAE;KAAM,GAAG;KAAM,GAAG;IAAO,KAAK;MACrD,qBAACC;IACC;IACA,OAAO;IACP,OAAO;KAAE,UAAU;KAAU,UAAU;KAAY;IACnD,SAAS;eAET,oBAACA;KAAM,eAAe;KAAU,OAAO,EAAE,cAAc,GAAG;KAAE,SAAS;eACnE,oBAACC;MAAK;MAAK,IAAG;MAAO,MAAM;gBACxB,QAAQ;OACJ;MACD,EACR,oBAACA;KAAK,IAAG;KAAO,OAAO,EAAE,eAAe,UAAU;KAAE,MAAM;KACvD;MACI;KACD,CACE;IAEd;GACM;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,oBAAiB,YAAY,WAAY;;AAGnD,QACE,oBAAC;EAAQ,WAAW;EAAa,kBAAe;YAC9C,oBAACC,6BAAkB,YAAY,QAAS;GAChC;EAEZ;AAEF,UAAU,cAAc;AAExB,wBAAe"}
+{"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"}

package/es/Markdown/components/MarkdownProvider.mjs

@@ -1,8 +1,6 @@
-'use client';
-
+"use client";
 import { createContext, memo, use } from "react";
 import { jsx } from "react/jsx-runtime";
-
 //#region src/Markdown/components/MarkdownProvider.tsx
 const MarkdownContext = createContext({});
 const MarkdownProvider = memo(({ children, ...config }) => {
@@ -14,7 +12,7 @@ const MarkdownProvider = memo(({ children, ...config }) => {
 const useMarkdownContext = () => {
 	return use(MarkdownContext);
 };
-
 //#endregion
 export { 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 { 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    return <MarkdownContext value={config}>{children}</MarkdownContext>;\n  },\n);\n\nexport const useMarkdownContext = () => {\n  return use(MarkdownContext);\n};\n"],"mappings":";;;;;;AAQA,MAAa,kBAAkB,cAAqC,EAAE,CAAC;AAEvE,MAAa,mBAAmB,MAC7B,EAAE,UAAU,GAAG,aAAa;AAC3B,QAAO,oBAAC;EAAgB,OAAO;EAAS;GAA2B;EAEtE;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 { 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    return <MarkdownContext value={config}>{children}</MarkdownContext>;\n  },\n);\n\nexport const useMarkdownContext = () => {\n  return use(MarkdownContext);\n};\n"],"mappings":";;;;AAQA,MAAa,kBAAkB,cAAqC,EAAE,CAAC;AAEvE,MAAa,mBAAmB,MAC7B,EAAE,UAAU,GAAG,aAAa;AAC3B,QAAO,oBAAC,iBAAD;EAAiB,OAAO;EAAS;EAA2B,CAAA;EAEtE;AAED,MAAa,2BAA2B;AACtC,QAAO,IAAI,gBAAgB"}

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

@@ -1,26 +1,24 @@
-'use client';
-
-import A_default from "../../../A/index.mjs";
+"use client";
+import A from "../../../A/index.mjs";
 import FlexBasic_default from "../../../Flex/FlexBasic.mjs";
-import Block_default from "../../../Block/Block.mjs";
-import Text_default from "../../../Text/Text.mjs";
-import Img_default from "../../../Img/index.mjs";
+import Block from "../../../Block/Block.mjs";
+import Text from "../../../Text/Text.mjs";
+import Img from "../../../Img/index.mjs";
 import { styles } from "./style.mjs";
 import { memo, useMemo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-
 //#region src/Markdown/components/SearchResultCards/SearchResultCard.tsx
 const SearchResultCard = memo(({ ref, url, title, alt, ...rest }) => {
 	const [displayTitle, domain, host] = useMemo(() => {
 		try {
 			const urlObj = new URL(url);
-			const domain$1 = urlObj.hostname.replace("www.", "");
+			const domain = urlObj.hostname.replace("www.", "");
 			const hostForUrl = urlObj.host;
-			let displayTitle$1 = title;
-			if (title === url) displayTitle$1 = hostForUrl + urlObj.pathname;
+			let displayTitle = title;
+			if (title === url) displayTitle = hostForUrl + urlObj.pathname;
 			return [
-				displayTitle$1,
-				domain$1,
+				displayTitle,
+				domain,
 				hostForUrl
 			];
 		} catch {
@@ -31,13 +29,13 @@ const SearchResultCard = memo(({ ref, url, title, alt, ...rest }) => {
 			];
 		}
 	}, [url, title]);
-	return /* @__PURE__ */ jsx(A_default, {
+	return /* @__PURE__ */ jsx(A, {
 		href: url,
 		ref,
 		rel: "noreferrer",
 		target: "_blank",
 		...rest,
-		children: /* @__PURE__ */ jsxs(Block_default, {
+		children: /* @__PURE__ */ jsxs(Block, {
 			clickable: true,
 			className: styles.container,
 			gap: 2,
@@ -45,19 +43,19 @@ const SearchResultCard = memo(({ ref, url, title, alt, ...rest }) => {
 			paddingBlock: 6,
 			paddingInline: 8,
 			variant: "outlined",
-			children: [/* @__PURE__ */ jsx(Text_default, {
+			children: [/* @__PURE__ */ jsx(Text, {
 				ellipsis: { rows: 2 },
 				children: displayTitle
 			}), /* @__PURE__ */ jsxs(FlexBasic_default, {
 				horizontal: true,
 				align: "center",
 				gap: 4,
-				children: [/* @__PURE__ */ jsx(Img_default, {
+				children: [/* @__PURE__ */ jsx(Img, {
 					alt: alt || title || url,
 					height: 14,
 					src: `https://icons.duckduckgo.com/ip3/${host}.ico`,
 					width: 14
-				}), /* @__PURE__ */ jsx(Text_default, {
+				}), /* @__PURE__ */ jsx(Text, {
 					ellipsis: true,
 					className: styles.url,
 					type: "secondary",
@@ -68,8 +66,7 @@ const SearchResultCard = memo(({ ref, url, title, alt, ...rest }) => {
 	});
 });
 SearchResultCard.displayName = "SearchResultCard";
-var SearchResultCard_default = SearchResultCard;
-
 //#endregion
-export { SearchResultCard_default as default };
+export { SearchResultCard as default };
+
 //# sourceMappingURL=SearchResultCard.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"SearchResultCard.mjs","names":["domain","displayTitle","A","Block","Text","Flexbox","Img"],"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,MAAMA,WAAS,OAAO,SAAS,QAAQ,QAAQ,GAAG;GAClD,MAAM,aAAa,OAAO;GAE1B,IAAIC,iBAAe;AACnB,OAAI,UAAU,IACZ,kBAAe,aAAa,OAAO;AAGrC,UAAO;IAACA;IAAcD;IAAQ;IAAW;UACnC;AACN,UAAO;IAAC;IAAO;IAAK;IAAI;;IAEzB,CAAC,KAAK,MAAM,CAAC;AAEhB,QACE,oBAACE;EAAE,MAAM;EAAU;EAAK,KAAI;EAAa,QAAQ;EAAU,GAAI;YAC7D,qBAACC;GACC;GACA,WAAW,OAAO;GAClB,KAAK;GACL,SAAS;GAET,cAAc;GACd,eAAe;GACf,SAAS;cAET,oBAACC;IAAK,UAAU,EAAE,MAAM,GAAG;cAAG;KAAoB,EAClD,qBAACC;IAAQ;IAAW,OAAO;IAAU,KAAK;eACxC,oBAACC;KACC,KAAK,OAAO,SAAS;KACrB,QAAQ;KACR,KAAK,oCAAoC,KAAK;KAC9C,OAAO;MACP,EACF,oBAACF;KAAK;KAAS,WAAW,OAAO;KAAK,MAAM;eACzC;MACI;KACC;KAhBL,IAiBC;GACN;EAEN;AAEF,iBAAiB,cAAc;AAE/B,+BAAe"}
+{"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"}

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

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

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

@@ -1,13 +1,11 @@
-'use client';
-
-import ScrollShadow_default from "../../../ScrollShadow/ScrollShadow.mjs";
-import SearchResultCard_default from "./SearchResultCard.mjs";
+"use client";
+import ScrollShadow from "../../../ScrollShadow/ScrollShadow.mjs";
+import SearchResultCard from "./SearchResultCard.mjs";
 import { memo } from "react";
 import { jsx } from "react/jsx-runtime";
-
 //#region src/Markdown/components/SearchResultCards/index.tsx
 const SearchResultCards = memo(({ ref, dataSource, style, ...rest }) => {
-	return /* @__PURE__ */ jsx(ScrollShadow_default, {
+	return /* @__PURE__ */ jsx(ScrollShadow, {
 		hideScrollBar: true,
 		horizontal: true,
 		gap: 12,
@@ -22,12 +20,11 @@ const SearchResultCards = memo(({ ref, dataSource, style, ...rest }) => {
 			...style
 		},
 		...rest,
-		children: dataSource.map((link) => typeof link === "string" ? /* @__PURE__ */ jsx(SearchResultCard_default, { url: link }, link) : /* @__PURE__ */ jsx(SearchResultCard_default, { ...link }, link.url))
+		children: dataSource.map((link) => typeof link === "string" ? /* @__PURE__ */ jsx(SearchResultCard, { url: link }, link) : /* @__PURE__ */ jsx(SearchResultCard, { ...link }, link.url))
 	});
 });
 SearchResultCards.displayName = "SearchResultCards";
-var SearchResultCards_default = SearchResultCards;
-
 //#endregion
-export { SearchResultCards_default as default };
+export { SearchResultCards as default };
+
 //# sourceMappingURL=index.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":["ScrollShadow","SearchResultCard"],"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,oBAACA;EACC;EACA;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,oBAACC,4BAA4B,KAAK,QAAX,KAAmB,GAE1C,oBAACA,4BAAgC,GAAI,QAAd,KAAK,IAAiB,CAEhD;GACY;EAEjB;AAEF,kBAAkB,cAAc;AAEhC,gCAAe"}
+{"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"}

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

@@ -1,8 +1,7 @@
 import { createStaticStyles } from "antd-style";
-
 //#region src/Markdown/components/SearchResultCards/style.ts
-const styles = createStaticStyles(({ css: css$1 }) => ({
-	container: css$1`
+const styles = createStaticStyles(({ css }) => ({
+	container: css`
     min-width: 160px;
     max-width: 160px;
     height: 100%;
@@ -10,7 +9,7 @@ const styles = createStaticStyles(({ css: css$1 }) => ({
     font-size: 12px;
     color: initial;
   `,
-	url: css$1`
+	url: css`
     overflow: hidden;
     display: -webkit-box;
     -webkit-box-orient: vertical;
@@ -19,7 +18,7 @@ const styles = createStaticStyles(({ css: css$1 }) => ({
     text-overflow: ellipsis;
   `
 }));
-
 //#endregion
 export { styles };
+
 //# sourceMappingURL=style.mjs.map

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,kBAAW;CACrD,WAAW,KAAG;;;;;;;;CAQd,KAAK,KAAG;;;;;;;;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;;;;;;;;CAQT,EAAE"}

package/es/Markdown/components/useDelayedAnimated.mjs

@@ -1,5 +1,4 @@
 import { useEffect, useState } from "react";
-
 //#region src/Markdown/components/useDelayedAnimated.ts
 const useDelayedAnimated = (animated) => {
 	const [delayedAnimated, setDelayedAnimated] = useState(animated);
@@ -14,7 +13,7 @@ const useDelayedAnimated = (animated) => {
 	}, [animated, delayedAnimated]);
 	return delayedAnimated;
 };
-
 //#endregion
 export { useDelayedAnimated };
+
 //# sourceMappingURL=useDelayedAnimated.mjs.map

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,OAAW;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,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"}

package/es/Markdown/index.mjs

@@ -1,4 +1,3 @@
-import Typography_default from "./Typography.mjs";
-import Markdown_default from "./Markdown.mjs";
-
-export { Typography_default as Typography, Markdown_default as default };
+import Typography from "./Typography.mjs";
+import Markdown from "./Markdown.mjs";
+export { Typography, Markdown as default };