@ai-react-markdown/core 1.4.1 → 1.4.3

package/dist/index.js

@@ -1071,6 +1071,64 @@ var defaultAIMarkdownRenderConfig = Object.freeze({
   preserveOrphanReferences: true
 });
 
+// src/components/shortenDocumentId.ts
+var BASE62_ALPHABET = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
+function toBase62(n) {
+  if (n === 0) return BASE62_ALPHABET[0];
+  let v = n >>> 0;
+  let out = "";
+  while (v > 0) {
+    out = BASE62_ALPHABET[v % 62] + out;
+    v = Math.floor(v / 62);
+  }
+  return out;
+}
+function rotl32(x, r) {
+  return (x << r | x >>> 32 - r) >>> 0;
+}
+var C1 = 3432918353;
+var C2 = 461845907;
+var UTF8_ENCODER = /* @__PURE__ */ new TextEncoder();
+function murmur3_32(s, seed = 0) {
+  const bytes = UTF8_ENCODER.encode(s);
+  const len = bytes.length;
+  let h1 = seed >>> 0;
+  const nblocks = len >>> 2;
+  for (let i = 0; i < nblocks; i++) {
+    const b = i * 4;
+    let k1 = bytes[b] | bytes[b + 1] << 8 | bytes[b + 2] << 16 | bytes[b + 3] << 24;
+    k1 = Math.imul(k1, C1);
+    k1 = rotl32(k1, 15);
+    k1 = Math.imul(k1, C2);
+    h1 ^= k1;
+    h1 = rotl32(h1, 13);
+    h1 = Math.imul(h1, 5) + 3864292196 >>> 0;
+  }
+  const tail = nblocks * 4;
+  const rem = len & 3;
+  if (rem > 0) {
+    let k1 = 0;
+    if (rem === 3) k1 ^= bytes[tail + 2] << 16;
+    if (rem >= 2) k1 ^= bytes[tail + 1] << 8;
+    k1 ^= bytes[tail];
+    k1 = Math.imul(k1, C1);
+    k1 = rotl32(k1, 15);
+    k1 = Math.imul(k1, C2);
+    h1 ^= k1;
+  }
+  h1 ^= len;
+  h1 ^= h1 >>> 16;
+  h1 = Math.imul(h1, 2246822507);
+  h1 ^= h1 >>> 13;
+  h1 = Math.imul(h1, 3266489909);
+  h1 ^= h1 >>> 16;
+  return h1 >>> 0;
+}
+function shortenDocumentId(id, threshold = 16) {
+  if (id.length <= threshold) return id;
+  return toBase62(murmur3_32(id));
+}
+
 // src/context.tsx
 import { jsx } from "react/jsx-runtime";
 var AIMarkdownRenderStateContext = createContext(null);
@@ -1126,7 +1184,15 @@ var AIMarkdownRenderStateProvider = ({
       // construction site, not at the documentId storage site, so consumers
       // accessing `documentId` directly still see the raw React-native value
       // (e.g. `useId()`'s `_r_0_`) while id="..."/href="#..." bytes are safe.
-      clobberPrefix: `${encodeURIComponent(resolvedDocumentId)}-user-content-`,
+      //
+      // `shortenDocumentId` is applied here (NOT at the documentId storage
+      // site) for the same reason: consumer-supplied UUIDs and nanoids
+      // shouldn't bloat every rendered `id="…"`. Registry keying — which
+      // reads `state.documentId` directly — stays on the raw value, so the
+      // shortening is a pure HTML-output concern and the `useDocumentRegistry`
+      // API surface is unaffected. Pure function ⇒ all chunks sharing one
+      // logical documentId still produce identical prefixes.
+      clobberPrefix: `${encodeURIComponent(shortenDocumentId(resolvedDocumentId))}-user-content-`,
       config: mergedConfig
     }),
     [streaming, fontSize, variant, colorScheme, resolvedDocumentId, mergedConfig]
@@ -2792,8 +2858,7 @@ var ExtraSyntaxRemarkPluginMap = {
 };
 var DefaultCustomComponents = {};
 var BlockMemoizedRenderer = memo2(
-  ({ content, usedComponents, remarkPlugins, rehypePlugins, remarkRehypeOptions }) => {
-    const urlTransform = void 0;
+  ({ content, usedComponents, remarkPlugins, rehypePlugins, remarkRehypeOptions, urlTransform }) => {
     const allowedElements = void 0;
     const disallowedElements = void 0;
     const allowElement = void 0;
@@ -3042,108 +3107,116 @@ var BlockMemoizedRenderer = memo2(
 );
 BlockMemoizedRenderer.displayName = "BlockMemoizedRenderer";
 var LegacyRenderer = memo2(
-  ({ content, usedComponents, remarkPlugins, rehypePlugins, remarkRehypeOptions }) => /* @__PURE__ */ jsx6(
+  ({ content, usedComponents, remarkPlugins, rehypePlugins, remarkRehypeOptions, urlTransform }) => /* @__PURE__ */ jsx6(
     Markdown_default,
     {
       remarkPlugins,
       rehypePlugins,
       remarkRehypeOptions,
       components: usedComponents,
+      urlTransform,
       children: content
     }
   )
 );
 LegacyRenderer.displayName = "LegacyRenderer";
-var AIMarkdownContent = memo2(({ content, customComponents }) => {
-  const { config, clobberPrefix } = useAIMarkdownRenderState();
-  const { extraSyntaxRemarkPlugins, enableDefinitionList } = useMemo4(
-    () => ({
-      extraSyntaxRemarkPlugins: config.extraSyntaxSupported.map((syntax) => ExtraSyntaxRemarkPluginMap[syntax]),
-      enableDefinitionList: config.extraSyntaxSupported.includes("DEFINITION_LIST" /* DEFINITION_LIST */)
-    }),
-    [config.extraSyntaxSupported]
-  );
-  const displayOptimizeRemarkPlugins = useMemo4(() => {
-    return config.displayOptimizeAbilities.map((ability) => DisplayOptimizeRemarkPluginMap[ability]);
-  }, [config.displayOptimizeAbilities]);
-  const usedComponents = useMemo4(() => {
-    return customComponents ? { ...DefaultCustomComponents, ...customComponents } : DefaultCustomComponents;
-  }, [customComponents]);
-  const remarkPlugins = useMemo4(
-    () => [
-      // --- Core plugins (always active) ---
-      remarkGfm2,
-      [
-        remarkMath,
-        {
-          // Disable single-dollar inline math to avoid conflicts with currency
-          // signs and other dollar usages; the preprocessor converts $...$ to $$...$$.
-          singleDollarTextMath: false
-        }
+var AIMarkdownContent = memo2(
+  ({ content, customComponents, urlTransform, sanitizeSchema: customSanitizeSchema }) => {
+    const { config, clobberPrefix } = useAIMarkdownRenderState();
+    const usedSanitizeSchema = customSanitizeSchema ?? sanitizeSchema;
+    const { extraSyntaxRemarkPlugins, enableDefinitionList } = useMemo4(
+      () => ({
+        extraSyntaxRemarkPlugins: config.extraSyntaxSupported.map((syntax) => ExtraSyntaxRemarkPluginMap[syntax]),
+        enableDefinitionList: config.extraSyntaxSupported.includes("DEFINITION_LIST" /* DEFINITION_LIST */)
+      }),
+      [config.extraSyntaxSupported]
+    );
+    const displayOptimizeRemarkPlugins = useMemo4(() => {
+      return config.displayOptimizeAbilities.map((ability) => DisplayOptimizeRemarkPluginMap[ability]);
+    }, [config.displayOptimizeAbilities]);
+    const usedComponents = useMemo4(() => {
+      return customComponents ? { ...DefaultCustomComponents, ...customComponents } : DefaultCustomComponents;
+    }, [customComponents]);
+    const remarkPlugins = useMemo4(
+      () => [
+        // --- Core plugins (always active) ---
+        remarkGfm2,
+        [
+          remarkMath,
+          {
+            // Disable single-dollar inline math to avoid conflicts with currency
+            // signs and other dollar usages; the preprocessor converts $...$ to $$...$$.
+            singleDollarTextMath: false
+          }
+        ],
+        // --- Configurable extra syntax plugins ---
+        ...extraSyntaxRemarkPlugins,
+        // --- Formatting & normalization ---
+        remarkBreaks,
+        remarkEmoji,
+        remarkSqueezeParagraphs,
+        remarkCjkFriendly,
+        remarkCjkFriendlyGfmStrikethrough,
+        // --- Configurable display optimizations ---
+        ...displayOptimizeRemarkPlugins
       ],
-      // --- Configurable extra syntax plugins ---
-      ...extraSyntaxRemarkPlugins,
-      // --- Formatting & normalization ---
-      remarkBreaks,
-      remarkEmoji,
-      remarkSqueezeParagraphs,
-      remarkCjkFriendly,
-      remarkCjkFriendlyGfmStrikethrough,
-      // --- Configurable display optimizations ---
-      ...displayOptimizeRemarkPlugins
-    ],
-    [extraSyntaxRemarkPlugins, displayOptimizeRemarkPlugins]
-  );
-  const rehypePlugins = useMemo4(
-    () => [
-      // Allow raw HTML through so rehype-sanitize can handle it.
-      [rehypeRaw, { passThrough: [] }],
-      // Sanitize HTML while allowing <mark> (highlight) and KaTeX class names.
-      // Override `clobberPrefix` with the instance-scoped value so every id
-      // and clobberable attribute is namespaced to this `<AIMarkdown>` instance.
-      [rehypeSanitize, { ...sanitizeSchema, clobberPrefix }],
-      // Normalize the auto-generated `<section data-footnotes>`: strip the
-      // sr-only `<h2>Footnotes</h2>` label and prepend `<hr>`. Keeps standalone
-      // single-doc rendering visually consistent with the cross-chunk aggregate
-      // footer (which builds the same shape from scratch).
-      rehypeFooterAdorn,
-      // Re-prefix intra-document hash hrefs so they match the ids that
-      // rehype-sanitize just clobbered. Must use the SAME prefix as the schema
-      // above — that's why both read from `clobberPrefix`.
-      [rehypeRebaseHashLinks_default, { prefix: clobberPrefix }],
-      rehypeKatex,
-      rehypeUnwrapImages
-    ],
-    [clobberPrefix]
-  );
-  const remarkRehypeOptions = useMemo4(
-    () => ({
-      allowDangerousHtml: true,
-      // Suppress mdast-util-to-hast's `user-content-` prefix on footnote
-      // ids/hrefs; rehype-sanitize will apply the same prefix downstream
-      // and `rehypeRebaseHashLinks` mirrors it onto matching hash hrefs.
-      // Without this, ids would end up double-prefixed
-      // (`user-content-user-content-fn-x`).
-      clobberPrefix: "",
-      handlers: {
-        // Inject definition-list HAST handlers when the extension is active.
-        ...enableDefinitionList ? defListHastHandlers : {}
+      [extraSyntaxRemarkPlugins, displayOptimizeRemarkPlugins]
+    );
+    const rehypePlugins = useMemo4(
+      () => [
+        // Allow raw HTML through so rehype-sanitize can handle it.
+        [rehypeRaw, { passThrough: [] }],
+        // Sanitize HTML while allowing <mark> (highlight), KaTeX class names,
+        // and any extra protocols the caller permitted via the `sanitizeSchema`
+        // prop. Override `clobberPrefix` with the instance-scoped value so every
+        // id and clobberable attribute is namespaced to this `<AIMarkdown>`
+        // instance — the spread order is intentional: our prefix wins over any
+        // caller-supplied prefix on the schema.
+        [rehypeSanitize, { ...usedSanitizeSchema, clobberPrefix }],
+        // Normalize the auto-generated `<section data-footnotes>`: strip the
+        // sr-only `<h2>Footnotes</h2>` label and prepend `<hr>`. Keeps standalone
+        // single-doc rendering visually consistent with the cross-chunk aggregate
+        // footer (which builds the same shape from scratch).
+        rehypeFooterAdorn,
+        // Re-prefix intra-document hash hrefs so they match the ids that
+        // rehype-sanitize just clobbered. Must use the SAME prefix as the schema
+        // above — that's why both read from `clobberPrefix`.
+        [rehypeRebaseHashLinks_default, { prefix: clobberPrefix }],
+        rehypeKatex,
+        rehypeUnwrapImages
+      ],
+      [clobberPrefix, usedSanitizeSchema]
+    );
+    const remarkRehypeOptions = useMemo4(
+      () => ({
+        allowDangerousHtml: true,
+        // Suppress mdast-util-to-hast's `user-content-` prefix on footnote
+        // ids/hrefs; rehype-sanitize will apply the same prefix downstream
+        // and `rehypeRebaseHashLinks` mirrors it onto matching hash hrefs.
+        // Without this, ids would end up double-prefixed
+        // (`user-content-user-content-fn-x`).
+        clobberPrefix: "",
+        handlers: {
+          // Inject definition-list HAST handlers when the extension is active.
+          ...enableDefinitionList ? defListHastHandlers : {}
+        }
+      }),
+      [enableDefinitionList]
+    );
+    const Renderer = config.blockMemoEnabled ? BlockMemoizedRenderer : LegacyRenderer;
+    return /* @__PURE__ */ jsx6(
+      Renderer,
+      {
+        content,
+        usedComponents,
+        remarkPlugins,
+        rehypePlugins,
+        remarkRehypeOptions,
+        urlTransform
       }
-    }),
-    [enableDefinitionList]
-  );
-  const Renderer = config.blockMemoEnabled ? BlockMemoizedRenderer : LegacyRenderer;
-  return /* @__PURE__ */ jsx6(
-    Renderer,
-    {
-      content,
-      usedComponents,
-      remarkPlugins,
-      rehypePlugins,
-      remarkRehypeOptions
-    }
-  );
-});
+    );
+  }
+);
 AIMarkdownContent.displayName = "AIMarkdownContent";
 var MarkdownContent_default = AIMarkdownContent;
 
@@ -3579,6 +3652,28 @@ function useStableValue(value) {
   return stableValue;
 }
 
+// src/hooks/useReferenceFlipWarning.ts
+import { useRef as useRef4 } from "react";
+var __DEV__ = typeof process !== "undefined" && process.env.NODE_ENV !== "production";
+var FLIP_THRESHOLD = 3;
+var WARN_COOLDOWN_MS = 5e3;
+function trackFlip(state, value, propName, now) {
+  if (state.prev === value) return;
+  state.flips++;
+  state.prev = value;
+  if (state.flips < FLIP_THRESHOLD) return;
+  if (now - state.lastWarnAt < WARN_COOLDOWN_MS) return;
+  state.lastWarnAt = now;
+  console.warn(
+    `[AIMarkdown] \`${propName}\` reference is changing on every render. Define it at module scope or wrap with useMemo/useCallback to avoid discarding the per-block memo cache on every parent re-render.`
+  );
+}
+function useReferenceFlipWarning(value, propName) {
+  const stateRef = useRef4({ prev: value, flips: 0, lastWarnAt: -Infinity });
+  if (!__DEV__) return;
+  trackFlip(stateRef.current, value, propName, Date.now());
+}
+
 // src/components/typography/Default.tsx
 import { memo as memo3, useMemo as useMemo5 } from "react";
 import { jsx as jsx7 } from "react/jsx-runtime";
@@ -3593,6 +3688,286 @@ var DefaultTypography = memo3(({ children, fontSize, variant, colorScheme, style
 DefaultTypography.displayName = "DefaultTypography";
 var Default_default = DefaultTypography;
 
+// ../../node_modules/.pnpm/lodash-es@4.17.23/node_modules/lodash-es/_arrayEach.js
+function arrayEach(array, iteratee) {
+  var index = -1, length = array == null ? 0 : array.length;
+  while (++index < length) {
+    if (iteratee(array[index], index, array) === false) {
+      break;
+    }
+  }
+  return array;
+}
+var arrayEach_default = arrayEach;
+
+// ../../node_modules/.pnpm/lodash-es@4.17.23/node_modules/lodash-es/_baseAssign.js
+function baseAssign(object, source) {
+  return object && copyObject_default(source, keys_default(source), object);
+}
+var baseAssign_default = baseAssign;
+
+// ../../node_modules/.pnpm/lodash-es@4.17.23/node_modules/lodash-es/_baseAssignIn.js
+function baseAssignIn(object, source) {
+  return object && copyObject_default(source, keysIn_default(source), object);
+}
+var baseAssignIn_default = baseAssignIn;
+
+// ../../node_modules/.pnpm/lodash-es@4.17.23/node_modules/lodash-es/_copySymbols.js
+function copySymbols(source, object) {
+  return copyObject_default(source, getSymbols_default(source), object);
+}
+var copySymbols_default = copySymbols;
+
+// ../../node_modules/.pnpm/lodash-es@4.17.23/node_modules/lodash-es/_getSymbolsIn.js
+var nativeGetSymbols2 = Object.getOwnPropertySymbols;
+var getSymbolsIn = !nativeGetSymbols2 ? stubArray_default : function(object) {
+  var result = [];
+  while (object) {
+    arrayPush_default(result, getSymbols_default(object));
+    object = getPrototype_default(object);
+  }
+  return result;
+};
+var getSymbolsIn_default = getSymbolsIn;
+
+// ../../node_modules/.pnpm/lodash-es@4.17.23/node_modules/lodash-es/_copySymbolsIn.js
+function copySymbolsIn(source, object) {
+  return copyObject_default(source, getSymbolsIn_default(source), object);
+}
+var copySymbolsIn_default = copySymbolsIn;
+
+// ../../node_modules/.pnpm/lodash-es@4.17.23/node_modules/lodash-es/_getAllKeysIn.js
+function getAllKeysIn(object) {
+  return baseGetAllKeys_default(object, keysIn_default, getSymbolsIn_default);
+}
+var getAllKeysIn_default = getAllKeysIn;
+
+// ../../node_modules/.pnpm/lodash-es@4.17.23/node_modules/lodash-es/_initCloneArray.js
+var objectProto16 = Object.prototype;
+var hasOwnProperty13 = objectProto16.hasOwnProperty;
+function initCloneArray(array) {
+  var length = array.length, result = new array.constructor(length);
+  if (length && typeof array[0] == "string" && hasOwnProperty13.call(array, "index")) {
+    result.index = array.index;
+    result.input = array.input;
+  }
+  return result;
+}
+var initCloneArray_default = initCloneArray;
+
+// ../../node_modules/.pnpm/lodash-es@4.17.23/node_modules/lodash-es/_cloneDataView.js
+function cloneDataView(dataView, isDeep) {
+  var buffer = isDeep ? cloneArrayBuffer_default(dataView.buffer) : dataView.buffer;
+  return new dataView.constructor(buffer, dataView.byteOffset, dataView.byteLength);
+}
+var cloneDataView_default = cloneDataView;
+
+// ../../node_modules/.pnpm/lodash-es@4.17.23/node_modules/lodash-es/_cloneRegExp.js
+var reFlags = /\w*$/;
+function cloneRegExp(regexp) {
+  var result = new regexp.constructor(regexp.source, reFlags.exec(regexp));
+  result.lastIndex = regexp.lastIndex;
+  return result;
+}
+var cloneRegExp_default = cloneRegExp;
+
+// ../../node_modules/.pnpm/lodash-es@4.17.23/node_modules/lodash-es/_cloneSymbol.js
+var symbolProto2 = Symbol_default ? Symbol_default.prototype : void 0;
+var symbolValueOf2 = symbolProto2 ? symbolProto2.valueOf : void 0;
+function cloneSymbol(symbol) {
+  return symbolValueOf2 ? Object(symbolValueOf2.call(symbol)) : {};
+}
+var cloneSymbol_default = cloneSymbol;
+
+// ../../node_modules/.pnpm/lodash-es@4.17.23/node_modules/lodash-es/_initCloneByTag.js
+var boolTag3 = "[object Boolean]";
+var dateTag3 = "[object Date]";
+var mapTag4 = "[object Map]";
+var numberTag3 = "[object Number]";
+var regexpTag3 = "[object RegExp]";
+var setTag4 = "[object Set]";
+var stringTag3 = "[object String]";
+var symbolTag2 = "[object Symbol]";
+var arrayBufferTag3 = "[object ArrayBuffer]";
+var dataViewTag4 = "[object DataView]";
+var float32Tag2 = "[object Float32Array]";
+var float64Tag2 = "[object Float64Array]";
+var int8Tag2 = "[object Int8Array]";
+var int16Tag2 = "[object Int16Array]";
+var int32Tag2 = "[object Int32Array]";
+var uint8Tag2 = "[object Uint8Array]";
+var uint8ClampedTag2 = "[object Uint8ClampedArray]";
+var uint16Tag2 = "[object Uint16Array]";
+var uint32Tag2 = "[object Uint32Array]";
+function initCloneByTag(object, tag, isDeep) {
+  var Ctor = object.constructor;
+  switch (tag) {
+    case arrayBufferTag3:
+      return cloneArrayBuffer_default(object);
+    case boolTag3:
+    case dateTag3:
+      return new Ctor(+object);
+    case dataViewTag4:
+      return cloneDataView_default(object, isDeep);
+    case float32Tag2:
+    case float64Tag2:
+    case int8Tag2:
+    case int16Tag2:
+    case int32Tag2:
+    case uint8Tag2:
+    case uint8ClampedTag2:
+    case uint16Tag2:
+    case uint32Tag2:
+      return cloneTypedArray_default(object, isDeep);
+    case mapTag4:
+      return new Ctor();
+    case numberTag3:
+    case stringTag3:
+      return new Ctor(object);
+    case regexpTag3:
+      return cloneRegExp_default(object);
+    case setTag4:
+      return new Ctor();
+    case symbolTag2:
+      return cloneSymbol_default(object);
+  }
+}
+var initCloneByTag_default = initCloneByTag;
+
+// ../../node_modules/.pnpm/lodash-es@4.17.23/node_modules/lodash-es/_baseIsMap.js
+var mapTag5 = "[object Map]";
+function baseIsMap(value) {
+  return isObjectLike_default(value) && getTag_default(value) == mapTag5;
+}
+var baseIsMap_default = baseIsMap;
+
+// ../../node_modules/.pnpm/lodash-es@4.17.23/node_modules/lodash-es/isMap.js
+var nodeIsMap = nodeUtil_default && nodeUtil_default.isMap;
+var isMap = nodeIsMap ? baseUnary_default(nodeIsMap) : baseIsMap_default;
+var isMap_default = isMap;
+
+// ../../node_modules/.pnpm/lodash-es@4.17.23/node_modules/lodash-es/_baseIsSet.js
+var setTag5 = "[object Set]";
+function baseIsSet(value) {
+  return isObjectLike_default(value) && getTag_default(value) == setTag5;
+}
+var baseIsSet_default = baseIsSet;
+
+// ../../node_modules/.pnpm/lodash-es@4.17.23/node_modules/lodash-es/isSet.js
+var nodeIsSet = nodeUtil_default && nodeUtil_default.isSet;
+var isSet = nodeIsSet ? baseUnary_default(nodeIsSet) : baseIsSet_default;
+var isSet_default = isSet;
+
+// ../../node_modules/.pnpm/lodash-es@4.17.23/node_modules/lodash-es/_baseClone.js
+var CLONE_DEEP_FLAG = 1;
+var CLONE_FLAT_FLAG = 2;
+var CLONE_SYMBOLS_FLAG = 4;
+var argsTag4 = "[object Arguments]";
+var arrayTag3 = "[object Array]";
+var boolTag4 = "[object Boolean]";
+var dateTag4 = "[object Date]";
+var errorTag3 = "[object Error]";
+var funcTag3 = "[object Function]";
+var genTag2 = "[object GeneratorFunction]";
+var mapTag6 = "[object Map]";
+var numberTag4 = "[object Number]";
+var objectTag5 = "[object Object]";
+var regexpTag4 = "[object RegExp]";
+var setTag6 = "[object Set]";
+var stringTag4 = "[object String]";
+var symbolTag3 = "[object Symbol]";
+var weakMapTag3 = "[object WeakMap]";
+var arrayBufferTag4 = "[object ArrayBuffer]";
+var dataViewTag5 = "[object DataView]";
+var float32Tag3 = "[object Float32Array]";
+var float64Tag3 = "[object Float64Array]";
+var int8Tag3 = "[object Int8Array]";
+var int16Tag3 = "[object Int16Array]";
+var int32Tag3 = "[object Int32Array]";
+var uint8Tag3 = "[object Uint8Array]";
+var uint8ClampedTag3 = "[object Uint8ClampedArray]";
+var uint16Tag3 = "[object Uint16Array]";
+var uint32Tag3 = "[object Uint32Array]";
+var cloneableTags = {};
+cloneableTags[argsTag4] = cloneableTags[arrayTag3] = cloneableTags[arrayBufferTag4] = cloneableTags[dataViewTag5] = cloneableTags[boolTag4] = cloneableTags[dateTag4] = cloneableTags[float32Tag3] = cloneableTags[float64Tag3] = cloneableTags[int8Tag3] = cloneableTags[int16Tag3] = cloneableTags[int32Tag3] = cloneableTags[mapTag6] = cloneableTags[numberTag4] = cloneableTags[objectTag5] = cloneableTags[regexpTag4] = cloneableTags[setTag6] = cloneableTags[stringTag4] = cloneableTags[symbolTag3] = cloneableTags[uint8Tag3] = cloneableTags[uint8ClampedTag3] = cloneableTags[uint16Tag3] = cloneableTags[uint32Tag3] = true;
+cloneableTags[errorTag3] = cloneableTags[funcTag3] = cloneableTags[weakMapTag3] = false;
+function baseClone(value, bitmask, customizer, key, object, stack) {
+  var result, isDeep = bitmask & CLONE_DEEP_FLAG, isFlat = bitmask & CLONE_FLAT_FLAG, isFull = bitmask & CLONE_SYMBOLS_FLAG;
+  if (customizer) {
+    result = object ? customizer(value, key, object, stack) : customizer(value);
+  }
+  if (result !== void 0) {
+    return result;
+  }
+  if (!isObject_default(value)) {
+    return value;
+  }
+  var isArr = isArray_default(value);
+  if (isArr) {
+    result = initCloneArray_default(value);
+    if (!isDeep) {
+      return copyArray_default(value, result);
+    }
+  } else {
+    var tag = getTag_default(value), isFunc = tag == funcTag3 || tag == genTag2;
+    if (isBuffer_default(value)) {
+      return cloneBuffer_default(value, isDeep);
+    }
+    if (tag == objectTag5 || tag == argsTag4 || isFunc && !object) {
+      result = isFlat || isFunc ? {} : initCloneObject_default(value);
+      if (!isDeep) {
+        return isFlat ? copySymbolsIn_default(value, baseAssignIn_default(result, value)) : copySymbols_default(value, baseAssign_default(result, value));
+      }
+    } else {
+      if (!cloneableTags[tag]) {
+        return object ? value : {};
+      }
+      result = initCloneByTag_default(value, tag, isDeep);
+    }
+  }
+  stack || (stack = new Stack_default());
+  var stacked = stack.get(value);
+  if (stacked) {
+    return stacked;
+  }
+  stack.set(value, result);
+  if (isSet_default(value)) {
+    value.forEach(function(subValue) {
+      result.add(baseClone(subValue, bitmask, customizer, subValue, value, stack));
+    });
+  } else if (isMap_default(value)) {
+    value.forEach(function(subValue, key2) {
+      result.set(key2, baseClone(subValue, bitmask, customizer, key2, value, stack));
+    });
+  }
+  var keysFunc = isFull ? isFlat ? getAllKeysIn_default : getAllKeys_default : isFlat ? keysIn_default : keys_default;
+  var props = isArr ? void 0 : keysFunc(value);
+  arrayEach_default(props || value, function(subValue, key2) {
+    if (props) {
+      key2 = subValue;
+      subValue = value[key2];
+    }
+    assignValue_default(result, key2, baseClone(subValue, bitmask, customizer, key2, value, stack));
+  });
+  return result;
+}
+var baseClone_default = baseClone;
+
+// ../../node_modules/.pnpm/lodash-es@4.17.23/node_modules/lodash-es/cloneDeep.js
+var CLONE_DEEP_FLAG2 = 1;
+var CLONE_SYMBOLS_FLAG2 = 4;
+function cloneDeep(value) {
+  return baseClone_default(value, CLONE_DEEP_FLAG2 | CLONE_SYMBOLS_FLAG2);
+}
+var cloneDeep_default = cloneDeep;
+
+// src/components/extendSanitizeSchema.ts
+function extendSanitizeSchema(modifier) {
+  const draft = cloneDeep_default(sanitizeSchema);
+  const result = modifier(draft);
+  return result ?? draft;
+}
+
 // src/index.tsx
 import { jsx as jsx8 } from "react/jsx-runtime";
 var AIMarkdownComponent = ({
@@ -3608,15 +3983,20 @@ var AIMarkdownComponent = ({
   ExtraStyles,
   variant = "default",
   colorScheme = "light",
-  documentId
+  documentId,
+  urlTransform,
+  sanitizeSchema: sanitizeSchema2
 }) => {
   const usedFontSize = fontSize === void 0 ? "0.9375rem" : typeof fontSize === "number" ? `${fontSize}px` : fontSize;
   const generatedId = useId3();
   const usedDocumentId = documentId && documentId.length > 0 ? documentId : generatedId;
+  useReferenceFlipWarning(urlTransform, "urlTransform");
+  useReferenceFlipWarning(sanitizeSchema2, "sanitizeSchema");
   const stableDefaultConfig = useStableValue(defaultConfig);
   const stableConfig = useStableValue(config);
   const stablePreprocessors = useStableValue(contentPreprocessors);
   const stableCustomComponents = useStableValue(customComponents);
+  const stableSanitizeSchema = useStableValue(sanitizeSchema2);
   const usedContent = useMemo6(
     () => content ? preprocessAIMDContent(content, stablePreprocessors) : content,
     [content, stablePreprocessors]
@@ -3639,7 +4019,23 @@ var AIMarkdownComponent = ({
           variant,
           colorScheme,
           style: typographyStyle,
-          children: ExtraStyles ? /* @__PURE__ */ jsx8(ExtraStyles, { children: /* @__PURE__ */ jsx8(MarkdownContent_default, { content: usedContent, customComponents: stableCustomComponents }) }) : /* @__PURE__ */ jsx8(MarkdownContent_default, { content: usedContent, customComponents: stableCustomComponents })
+          children: ExtraStyles ? /* @__PURE__ */ jsx8(ExtraStyles, { children: /* @__PURE__ */ jsx8(
+            MarkdownContent_default,
+            {
+              content: usedContent,
+              customComponents: stableCustomComponents,
+              urlTransform: urlTransform ?? void 0,
+              sanitizeSchema: stableSanitizeSchema
+            }
+          ) }) : /* @__PURE__ */ jsx8(
+            MarkdownContent_default,
+            {
+              content: usedContent,
+              customComponents: stableCustomComponents,
+              urlTransform: urlTransform ?? void 0,
+              sanitizeSchema: stableSanitizeSchema
+            }
+          )
         }
       )
     }
@@ -3654,6 +4050,9 @@ export {
   AIMarkdownRenderExtraSyntax,
   index_default as default,
   defaultAIMarkdownRenderConfig,
+  defaultUrlTransform,
+  extendSanitizeSchema,
+  sanitizeSchema,
   useAIMarkdownMetadata,
   useAIMarkdownRenderState,
   useDocumentRegistry,