react-intlayer 8.0.1-canary.1 → 8.0.2-canary.0

package/dist/cjs/plugins.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"plugins.cjs","names":["renderIntlayerNode","EditedContentRenderer","ContentSelectorRenderer","renderReactElement","Fragment","NodeType","MarkdownMetadataRenderer","MarkdownRendererPlugin","HTMLRendererPlugin"],"sources":["../../src/plugins.tsx"],"sourcesContent":["import {\n  type DeepTransformContent as DeepTransformContentCore,\n  getMarkdownMetadata,\n  type HTMLContent,\n  type IInterpreterPluginState as IInterpreterPluginStateCore,\n  type InsertionContent,\n  type MarkdownContent,\n  type Plugins,\n  splitInsertionTemplate,\n} from '@intlayer/core';\nimport {\n  type DeclaredLocales,\n  type KeyPath,\n  type LocalesValues,\n  NodeType,\n} from '@intlayer/types';\nimport {\n  createElement,\n  Fragment,\n  type ReactElement,\n  type ReactNode,\n} from 'react';\nimport { ContentSelectorRenderer } from './editor';\nimport { EditedContentRenderer } from './editor/useEditedContentRenderer';\nimport { HTMLRendererPlugin } from './html';\nimport type { HTMLComponents } from './html/HTMLComponentTypes';\nimport { type IntlayerNode, renderIntlayerNode } from './IntlayerNode';\nimport { MarkdownMetadataRenderer, MarkdownRendererPlugin } from './markdown';\nimport { renderReactElement } from './reactElement/renderReactElement';\n\n/** ---------------------------------------------\n *  INTLAYER NODE PLUGIN\n *  --------------------------------------------- */\n\nexport type IntlayerNodeCond<T> = T extends number | string\n  ? IntlayerNode<T>\n  : never;\n\n/** Translation plugin. Replaces node with a locale string if nodeType = Translation. */\nexport const intlayerNodePlugins: Plugins = {\n  id: 'intlayer-node-plugin',\n  canHandle: (node) =>\n    typeof node === 'bigint' ||\n    typeof node === 'string' ||\n    typeof node === 'number',\n  transform: (\n    _node,\n    {\n      plugins, // Removed to avoid next error - Functions cannot be passed directly to Client Components\n      ...rest\n    }\n  ) =>\n    renderIntlayerNode({\n      ...rest,\n      value: rest.children,\n      children: (\n        <EditedContentRenderer {...rest}>{rest.children}</EditedContentRenderer>\n      ),\n    }),\n};\n\n/** ---------------------------------------------\n *  REACT NODE PLUGIN\n *  --------------------------------------------- */\n\nexport type ReactNodeCond<T> = T extends {\n  props: any;\n  key: any;\n}\n  ? ReactNode\n  : never;\n\n/** Translation plugin. Replaces node with a locale string if nodeType = Translation. */\nexport const reactNodePlugins: Plugins = {\n  id: 'react-node-plugin',\n  canHandle: (node) =>\n    typeof node === 'object' &&\n    typeof node?.props !== 'undefined' &&\n    typeof node.key !== 'undefined',\n\n  transform: (\n    node,\n    {\n      plugins, // Removed to avoid next error - Functions cannot be passed directly to Client Components\n      ...rest\n    }\n  ) =>\n    renderIntlayerNode({\n      ...rest,\n      value: '[[react-element]]',\n      children: (\n        <ContentSelectorRenderer {...rest}>\n          {renderReactElement(node)}\n        </ContentSelectorRenderer>\n      ),\n    }),\n};\n\n/** ---------------------------------------------\n *  INSERTION PLUGIN\n *  --------------------------------------------- */\n\nexport type InsertionCond<T> = T extends {\n  nodeType: NodeType | string;\n  [NodeType.Insertion]: string;\n  fields: readonly string[];\n}\n  ? (\n      values: {\n        [K in T['fields'][number]]: ReactNode;\n      }\n    ) => ReactNode\n  : never;\n\n/**\n * Split insertion string and join with React nodes using shared core logic\n */\nconst splitAndJoinInsertion = (\n  template: string,\n  values: Record<string, string | number | ReactNode>\n): ReactNode => {\n  const result = splitInsertionTemplate(template, values);\n\n  if (result.isSimple) {\n    // Simple string replacement\n    return result.parts as string;\n  }\n\n  // Return as Fragment with proper keys\n  return createElement(\n    Fragment,\n    null,\n    ...(result.parts as any[]).map((part, index) =>\n      createElement(Fragment, { key: index }, part)\n    )\n  );\n};\n\n/** Insertion plugin for React. Handles component/node insertion. */\nexport const insertionPlugin: Plugins = {\n  id: 'insertion-plugin',\n  canHandle: (node) =>\n    typeof node === 'object' && node?.nodeType === NodeType.Insertion,\n  transform: (node: InsertionContent, props, deepTransformNode) => {\n    const newKeyPath: KeyPath[] = [\n      ...props.keyPath,\n      {\n        type: NodeType.Insertion,\n      },\n    ];\n\n    const children = node[NodeType.Insertion];\n\n    /** Insertion string plugin. Replaces string node with a component that render the insertion. */\n    const insertionStringPlugin: Plugins = {\n      id: 'insertion-string-plugin',\n      canHandle: (node) => typeof node === 'string',\n      transform: (node: string, subProps, deepTransformNode) => {\n        const transformedResult = deepTransformNode(node, {\n          ...subProps,\n          children: node,\n          plugins: [\n            ...(props.plugins ?? ([] as Plugins[])).filter(\n              (plugin) => plugin.id !== 'intlayer-node-plugin'\n            ),\n          ],\n        });\n\n        return (\n          values: {\n            [K in InsertionContent['fields'][number]]:\n              | string\n              | number\n              | ReactNode;\n          }\n        ) => {\n          const result = splitAndJoinInsertion(transformedResult, values);\n\n          return deepTransformNode(result, {\n            ...subProps,\n            plugins: props.plugins,\n            children: result,\n          });\n        };\n      },\n    };\n\n    const result = deepTransformNode(children, {\n      ...props,\n      children,\n      keyPath: newKeyPath,\n      plugins: [insertionStringPlugin, ...(props.plugins ?? [])],\n    });\n\n    if (\n      typeof children === 'object' &&\n      children !== null &&\n      'nodeType' in children &&\n      [NodeType.Enumeration, NodeType.Condition].includes(\n        children.nodeType as NodeType\n      )\n    ) {\n      return (values: any) => (arg: any) => {\n        const func = result as Function;\n        const inner = func(arg);\n\n        if (typeof inner === 'function') {\n          return inner(values);\n        }\n        return inner;\n      };\n    }\n\n    return result;\n  },\n};\n\n/**\n * MARKDOWN PLUGIN\n */\n\nexport type MarkdownStringCond<T> = T extends string\n  ? IntlayerNode<\n      string,\n      {\n        metadata: DeepTransformContent<string>;\n        use: (components: HTMLComponents<'permissive', {}>) => ReactNode;\n      }\n    >\n  : never;\n\n/** Markdown string plugin. Replaces string node with a component that render the markdown. */\nexport const markdownStringPlugin: Plugins = {\n  id: 'markdown-string-plugin',\n  canHandle: (node) => typeof node === 'string',\n  transform: (node: string, props, deepTransformNode) => {\n    const {\n      plugins, // Removed to avoid next error - Functions cannot be passed directly to Client Components\n      ...rest\n    } = props;\n\n    const metadata = getMarkdownMetadata(node);\n\n    const metadataPlugins: Plugins = {\n      id: 'markdown-metadata-plugin',\n      canHandle: (metadataNode) =>\n        typeof metadataNode === 'string' ||\n        typeof metadataNode === 'number' ||\n        typeof metadataNode === 'boolean' ||\n        !metadataNode,\n      transform: (metadataNode, props) =>\n        renderIntlayerNode({\n          ...props,\n          value: metadataNode,\n          children: (\n            <ContentSelectorRenderer {...rest}>\n              <MarkdownMetadataRenderer\n                {...rest}\n                metadataKeyPath={props.keyPath}\n              >\n                {node}\n              </MarkdownMetadataRenderer>\n            </ContentSelectorRenderer>\n          ),\n        }),\n    };\n\n    // Transform metadata while keeping the same structure\n    const metadataNodes = deepTransformNode(metadata, {\n      plugins: [metadataPlugins],\n      dictionaryKey: rest.dictionaryKey,\n      keyPath: [],\n    });\n\n    const render = (components?: HTMLComponents) =>\n      renderIntlayerNode({\n        ...props,\n        value: node,\n        children: (\n          <ContentSelectorRenderer {...rest}>\n            <MarkdownRendererPlugin {...rest} {...(components ?? {})}>\n              {node}\n            </MarkdownRendererPlugin>\n          </ContentSelectorRenderer>\n        ),\n        additionalProps: {\n          metadata: metadataNodes,\n        },\n      });\n\n    const element = render() as ReactElement;\n\n    return new Proxy(element, {\n      get(target, prop, receiver) {\n        if (prop === 'value') {\n          return node;\n        }\n        if (prop === 'metadata') {\n          return metadataNodes;\n        }\n\n        if (prop === 'use') {\n          return (components?: HTMLComponents) => render(components);\n        }\n\n        return Reflect.get(target, prop, receiver);\n      },\n    }) as any;\n  },\n};\n\nexport type MarkdownCond<T> = T extends {\n  nodeType: NodeType | string;\n  [NodeType.Markdown]: infer M;\n  tags?: infer U;\n  metadata?: infer V;\n}\n  ? IntlayerNode<\n      M,\n      {\n        use: (components?: HTMLComponents<'permissive', U>) => ReactNode;\n        metadata: DeepTransformContent<V>;\n      }\n    >\n  : never;\n\nexport const markdownPlugin: Plugins = {\n  id: 'markdown-plugin',\n  canHandle: (node) =>\n    typeof node === 'object' && node?.nodeType === NodeType.Markdown,\n  transform: (node: MarkdownContent, props, deepTransformNode) => {\n    const newKeyPath: KeyPath[] = [\n      ...props.keyPath,\n      {\n        type: NodeType.Markdown,\n      },\n    ];\n\n    const children = node[NodeType.Markdown];\n\n    return deepTransformNode(children, {\n      ...props,\n      children,\n      keyPath: newKeyPath,\n      plugins: [markdownStringPlugin, ...(props.plugins ?? [])],\n    });\n  },\n};\n\n/** ---------------------------------------------\n *  HTML PLUGIN\n *  --------------------------------------------- */\n\n/**\n * HTML conditional type that enforces:\n * - All components (Standard or Custom) are OPTIONAL in the `use()` method.\n * - Custom components props are strictly inferred from the dictionary definition.\n *\n * This ensures type safety:\n * - `html('<div>Hello <CustomComponent /></div>').use({ CustomComponent: ... })` - optional but typed\n */\nexport type HTMLPluginCond<T> = T extends {\n  nodeType: NodeType | string;\n  [NodeType.HTML]: infer I;\n  tags?: infer U;\n}\n  ? IntlayerNode<\n      I,\n      {\n        use: (components?: HTMLComponents<'permissive', U>) => ReactNode;\n      }\n    >\n  : never;\n\n/** HTML plugin. Replaces node with a function that takes components => ReactNode. */\nexport const htmlPlugin: Plugins = {\n  id: 'html-plugin',\n  canHandle: (node) =>\n    typeof node === 'object' && node?.nodeType === NodeType.HTML,\n\n  transform: (node: HTMLContent<string>, props) => {\n    const html = node[NodeType.HTML];\n    const { plugins, ...rest } = props;\n\n    // Type-safe render function that accepts properly typed components\n    const render = (userComponents?: HTMLComponents): ReactNode =>\n      createElement(HTMLRendererPlugin, { ...rest, html, userComponents });\n\n    const element = render() as ReactElement;\n\n    return new Proxy(element, {\n      get(target, prop, receiver) {\n        if (prop === 'value') {\n          return html;\n        }\n\n        if (prop === 'use') {\n          // Return a properly typed function based on custom components\n          return (userComponents?: HTMLComponents) => render(userComponents);\n        }\n\n        return Reflect.get(target, prop, receiver);\n      },\n    }) as any;\n  },\n};\n\n/** ---------------------------------------------\n *  PLUGINS RESULT\n *  --------------------------------------------- */\n\nexport type IInterpreterPluginReact<T, _S, _L extends LocalesValues> = {\n  reactNode: ReactNodeCond<T>;\n  reactIntlayerNode: IntlayerNodeCond<T>;\n  reactInsertion: InsertionCond<T>;\n  reactMarkdown: MarkdownCond<T>;\n  reactHtml: HTMLPluginCond<T>;\n};\n\n/**\n * Insert this type as param of `DeepTransformContent` to avoid `intlayer` package pollution.\n *\n * Otherwise the the `react-intlayer` plugins will override the types of `intlayer` functions.\n */\nexport type IInterpreterPluginState = Omit<\n  IInterpreterPluginStateCore,\n  'insertion' // Remove insertion type from core package\n> & {\n  reactNode: true;\n  reactIntlayerNode: true;\n  reactMarkdown: true;\n  reactHtml: true;\n  reactInsertion: true;\n};\n\nexport type DeepTransformContent<\n  T,\n  L extends LocalesValues = DeclaredLocales,\n> = DeepTransformContentCore<T, IInterpreterPluginState, L>;\n"],"mappings":"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"}
+{"version":3,"file":"plugins.cjs","names":["renderIntlayerNode","EditedContentRenderer","ContentSelectorRenderer","renderReactElement","Fragment","NodeType","MarkdownMetadataRenderer","MarkdownRendererPlugin","HTMLRendererPlugin"],"sources":["../../src/plugins.tsx"],"sourcesContent":["import {\n  type DeepTransformContent as DeepTransformContentCore,\n  getMarkdownMetadata,\n  type HTMLContent,\n  type IInterpreterPluginState as IInterpreterPluginStateCore,\n  type InsertionContent,\n  type MarkdownContent,\n  type Plugins,\n  splitInsertionTemplate,\n} from '@intlayer/core';\nimport {\n  type DeclaredLocales,\n  type KeyPath,\n  type LocalesValues,\n  NodeType,\n} from '@intlayer/types';\nimport {\n  createElement,\n  Fragment,\n  type ReactElement,\n  type ReactNode,\n} from 'react';\nimport { ContentSelectorRenderer } from './editor';\nimport { EditedContentRenderer } from './editor/useEditedContentRenderer';\nimport { HTMLRendererPlugin } from './html';\nimport type { HTMLComponents } from './html/HTMLComponentTypes';\nimport { type IntlayerNode, renderIntlayerNode } from './IntlayerNode';\nimport { MarkdownMetadataRenderer, MarkdownRendererPlugin } from './markdown';\nimport { renderReactElement } from './reactElement/renderReactElement';\n\n/** ---------------------------------------------\n *  INTLAYER NODE PLUGIN\n *  --------------------------------------------- */\n\nexport type IntlayerNodeCond<T> = T extends number | string\n  ? IntlayerNode<T>\n  : never;\n\n/** Translation plugin. Replaces node with a locale string if nodeType = Translation. */\nexport const intlayerNodePlugins: Plugins = {\n  id: 'intlayer-node-plugin',\n  canHandle: (node) =>\n    typeof node === 'bigint' ||\n    typeof node === 'string' ||\n    typeof node === 'number',\n  transform: (\n    _node,\n    {\n      plugins, // Removed to avoid next error - Functions cannot be passed directly to Client Components\n      ...rest\n    }\n  ) =>\n    renderIntlayerNode({\n      ...rest,\n      value: rest.children,\n      children: (\n        <EditedContentRenderer {...rest}>{rest.children}</EditedContentRenderer>\n      ),\n    }),\n};\n\n/** ---------------------------------------------\n *  REACT NODE PLUGIN\n *  --------------------------------------------- */\n\nexport type ReactNodeCond<T> = T extends {\n  props: any;\n  key: any;\n}\n  ? ReactNode\n  : never;\n\n/** Translation plugin. Replaces node with a locale string if nodeType = Translation. */\nexport const reactNodePlugins: Plugins = {\n  id: 'react-node-plugin',\n  canHandle: (node) =>\n    typeof node === 'object' &&\n    typeof node?.props !== 'undefined' &&\n    typeof node.key !== 'undefined',\n\n  transform: (\n    node,\n    {\n      plugins, // Removed to avoid next error - Functions cannot be passed directly to Client Components\n      ...rest\n    }\n  ) =>\n    renderIntlayerNode({\n      ...rest,\n      value: '[[react-element]]',\n      children: (\n        <ContentSelectorRenderer {...rest}>\n          {renderReactElement(node)}\n        </ContentSelectorRenderer>\n      ),\n    }),\n};\n\n/** ---------------------------------------------\n *  INSERTION PLUGIN\n *  --------------------------------------------- */\n\nexport type InsertionCond<T> = T extends {\n  nodeType: NodeType | string;\n  [NodeType.Insertion]: string;\n  fields: readonly string[];\n}\n  ? <V extends { [K in T['fields'][number]]: ReactNode }>(\n      values: V\n    ) => V[keyof V] extends string | number\n      ? IntlayerNode<string>\n      : IntlayerNode<ReactNode>\n  : never;\n\n/**\n * Split insertion string and join with React nodes using shared core logic\n */\nconst splitAndJoinInsertion = (\n  template: string,\n  values: Record<string, string | number | ReactNode>\n): ReactNode => {\n  const result = splitInsertionTemplate(template, values);\n\n  if (result.isSimple) {\n    // Simple string replacement\n    return result.parts as string;\n  }\n\n  // Return as Fragment with proper keys\n  return createElement(\n    Fragment,\n    null,\n    ...(result.parts as any[]).map((part, index) =>\n      createElement(Fragment, { key: index }, part)\n    )\n  );\n};\n\n/** Insertion plugin for React. Handles component/node insertion. */\nexport const insertionPlugin: Plugins = {\n  id: 'insertion-plugin',\n  canHandle: (node) =>\n    typeof node === 'object' && node?.nodeType === NodeType.Insertion,\n  transform: (node: InsertionContent, props, deepTransformNode) => {\n    const newKeyPath: KeyPath[] = [\n      ...props.keyPath,\n      {\n        type: NodeType.Insertion,\n      },\n    ];\n\n    const children = node[NodeType.Insertion];\n\n    /** Insertion string plugin. Replaces string node with a component that render the insertion. */\n    const insertionStringPlugin: Plugins = {\n      id: 'insertion-string-plugin',\n      canHandle: (node) => typeof node === 'string',\n      transform: (node: string, subProps, deepTransformNode) => {\n        const transformedResult = deepTransformNode(node, {\n          ...subProps,\n          children: node,\n          plugins: [\n            ...(props.plugins ?? ([] as Plugins[])).filter(\n              (plugin) => plugin.id !== 'intlayer-node-plugin'\n            ),\n          ],\n        });\n\n        return (\n          values: {\n            [K in InsertionContent['fields'][number]]:\n              | string\n              | number\n              | ReactNode;\n          }\n        ) => {\n          const result = splitAndJoinInsertion(transformedResult, values);\n\n          return deepTransformNode(result, {\n            ...subProps,\n            plugins: props.plugins,\n            children: result,\n          });\n        };\n      },\n    };\n\n    const result = deepTransformNode(children, {\n      ...props,\n      children,\n      keyPath: newKeyPath,\n      plugins: [insertionStringPlugin, ...(props.plugins ?? [])],\n    });\n\n    if (\n      typeof children === 'object' &&\n      children !== null &&\n      'nodeType' in children &&\n      [NodeType.Enumeration, NodeType.Condition].includes(\n        children.nodeType as NodeType\n      )\n    ) {\n      return (values: any) => (arg: any) => {\n        const func = result as Function;\n        const inner = func(arg);\n\n        if (typeof inner === 'function') {\n          return inner(values);\n        }\n        return inner;\n      };\n    }\n\n    return result;\n  },\n};\n\n/**\n * MARKDOWN PLUGIN\n */\n\nexport type MarkdownStringCond<T> = T extends string\n  ? IntlayerNode<\n      string,\n      {\n        metadata: DeepTransformContent<string>;\n        use: (components: HTMLComponents<'permissive', {}>) => ReactNode;\n      }\n    >\n  : never;\n\n/** Markdown string plugin. Replaces string node with a component that render the markdown. */\nexport const markdownStringPlugin: Plugins = {\n  id: 'markdown-string-plugin',\n  canHandle: (node) => typeof node === 'string',\n  transform: (node: string, props, deepTransformNode) => {\n    const {\n      plugins, // Removed to avoid next error - Functions cannot be passed directly to Client Components\n      ...rest\n    } = props;\n\n    const metadata = getMarkdownMetadata(node);\n\n    const metadataPlugins: Plugins = {\n      id: 'markdown-metadata-plugin',\n      canHandle: (metadataNode) =>\n        typeof metadataNode === 'string' ||\n        typeof metadataNode === 'number' ||\n        typeof metadataNode === 'boolean' ||\n        !metadataNode,\n      transform: (metadataNode, props) =>\n        renderIntlayerNode({\n          ...props,\n          value: metadataNode,\n          children: (\n            <ContentSelectorRenderer {...rest}>\n              <MarkdownMetadataRenderer\n                {...rest}\n                metadataKeyPath={props.keyPath}\n              >\n                {node}\n              </MarkdownMetadataRenderer>\n            </ContentSelectorRenderer>\n          ),\n        }),\n    };\n\n    // Transform metadata while keeping the same structure\n    const metadataNodes = deepTransformNode(metadata, {\n      plugins: [metadataPlugins],\n      dictionaryKey: rest.dictionaryKey,\n      keyPath: [],\n    });\n\n    const render = (components?: HTMLComponents) =>\n      renderIntlayerNode({\n        ...props,\n        value: node,\n        children: (\n          <ContentSelectorRenderer {...rest}>\n            <MarkdownRendererPlugin {...rest} {...(components ?? {})}>\n              {node}\n            </MarkdownRendererPlugin>\n          </ContentSelectorRenderer>\n        ),\n        additionalProps: {\n          metadata: metadataNodes,\n        },\n      });\n\n    const element = render() as ReactElement;\n\n    return new Proxy(element, {\n      get(target, prop, receiver) {\n        if (prop === 'value') {\n          return node;\n        }\n        if (prop === 'metadata') {\n          return metadataNodes;\n        }\n\n        if (prop === 'use') {\n          return (components?: HTMLComponents) => render(components);\n        }\n\n        return Reflect.get(target, prop, receiver);\n      },\n    }) as any;\n  },\n};\n\nexport type MarkdownCond<T> = T extends {\n  nodeType: NodeType | string;\n  [NodeType.Markdown]: infer M;\n  tags?: infer U;\n  metadata?: infer V;\n}\n  ? IntlayerNode<\n      M,\n      {\n        use: (components?: HTMLComponents<'permissive', U>) => ReactNode;\n        metadata: DeepTransformContent<V>;\n      }\n    >\n  : never;\n\nexport const markdownPlugin: Plugins = {\n  id: 'markdown-plugin',\n  canHandle: (node) =>\n    typeof node === 'object' && node?.nodeType === NodeType.Markdown,\n  transform: (node: MarkdownContent, props, deepTransformNode) => {\n    const newKeyPath: KeyPath[] = [\n      ...props.keyPath,\n      {\n        type: NodeType.Markdown,\n      },\n    ];\n\n    const children = node[NodeType.Markdown];\n\n    return deepTransformNode(children, {\n      ...props,\n      children,\n      keyPath: newKeyPath,\n      plugins: [markdownStringPlugin, ...(props.plugins ?? [])],\n    });\n  },\n};\n\n/** ---------------------------------------------\n *  HTML PLUGIN\n *  --------------------------------------------- */\n\n/**\n * HTML conditional type that enforces:\n * - All components (Standard or Custom) are OPTIONAL in the `use()` method.\n * - Custom components props are strictly inferred from the dictionary definition.\n *\n * This ensures type safety:\n * - `html('<div>Hello <CustomComponent /></div>').use({ CustomComponent: ... })` - optional but typed\n */\nexport type HTMLPluginCond<T> = T extends {\n  nodeType: NodeType | string;\n  [NodeType.HTML]: infer I;\n  tags?: infer U;\n}\n  ? IntlayerNode<\n      I,\n      {\n        use: (components?: HTMLComponents<'permissive', U>) => ReactNode;\n      }\n    >\n  : never;\n\n/** HTML plugin. Replaces node with a function that takes components => ReactNode. */\nexport const htmlPlugin: Plugins = {\n  id: 'html-plugin',\n  canHandle: (node) =>\n    typeof node === 'object' && node?.nodeType === NodeType.HTML,\n\n  transform: (node: HTMLContent<string>, props) => {\n    const html = node[NodeType.HTML];\n    const { plugins, ...rest } = props;\n\n    // Type-safe render function that accepts properly typed components\n    const render = (userComponents?: HTMLComponents): ReactNode =>\n      createElement(HTMLRendererPlugin, { ...rest, html, userComponents });\n\n    const element = render() as ReactElement;\n\n    return new Proxy(element, {\n      get(target, prop, receiver) {\n        if (prop === 'value') {\n          return html;\n        }\n\n        if (prop === 'use') {\n          // Return a properly typed function based on custom components\n          return (userComponents?: HTMLComponents) => render(userComponents);\n        }\n\n        return Reflect.get(target, prop, receiver);\n      },\n    }) as any;\n  },\n};\n\n/** ---------------------------------------------\n *  PLUGINS RESULT\n *  --------------------------------------------- */\n\nexport type IInterpreterPluginReact<T, _S, _L extends LocalesValues> = {\n  reactNode: ReactNodeCond<T>;\n  reactIntlayerNode: IntlayerNodeCond<T>;\n  reactInsertion: InsertionCond<T>;\n  reactMarkdown: MarkdownCond<T>;\n  reactHtml: HTMLPluginCond<T>;\n};\n\n/**\n * Insert this type as param of `DeepTransformContent` to avoid `intlayer` package pollution.\n *\n * Otherwise the the `react-intlayer` plugins will override the types of `intlayer` functions.\n */\nexport type IInterpreterPluginState = Omit<\n  IInterpreterPluginStateCore,\n  'insertion' // Remove insertion type from core package\n> & {\n  reactNode: true;\n  reactIntlayerNode: true;\n  reactMarkdown: true;\n  reactHtml: true;\n  reactInsertion: true;\n};\n\nexport type DeepTransformContent<\n  T,\n  L extends LocalesValues = DeclaredLocales,\n> = DeepTransformContentCore<T, IInterpreterPluginState, L>;\n"],"mappings":"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"}

package/dist/esm/plugins.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"plugins.mjs","names":[],"sources":["../../src/plugins.tsx"],"sourcesContent":["import {\n  type DeepTransformContent as DeepTransformContentCore,\n  getMarkdownMetadata,\n  type HTMLContent,\n  type IInterpreterPluginState as IInterpreterPluginStateCore,\n  type InsertionContent,\n  type MarkdownContent,\n  type Plugins,\n  splitInsertionTemplate,\n} from '@intlayer/core';\nimport {\n  type DeclaredLocales,\n  type KeyPath,\n  type LocalesValues,\n  NodeType,\n} from '@intlayer/types';\nimport {\n  createElement,\n  Fragment,\n  type ReactElement,\n  type ReactNode,\n} from 'react';\nimport { ContentSelectorRenderer } from './editor';\nimport { EditedContentRenderer } from './editor/useEditedContentRenderer';\nimport { HTMLRendererPlugin } from './html';\nimport type { HTMLComponents } from './html/HTMLComponentTypes';\nimport { type IntlayerNode, renderIntlayerNode } from './IntlayerNode';\nimport { MarkdownMetadataRenderer, MarkdownRendererPlugin } from './markdown';\nimport { renderReactElement } from './reactElement/renderReactElement';\n\n/** ---------------------------------------------\n *  INTLAYER NODE PLUGIN\n *  --------------------------------------------- */\n\nexport type IntlayerNodeCond<T> = T extends number | string\n  ? IntlayerNode<T>\n  : never;\n\n/** Translation plugin. Replaces node with a locale string if nodeType = Translation. */\nexport const intlayerNodePlugins: Plugins = {\n  id: 'intlayer-node-plugin',\n  canHandle: (node) =>\n    typeof node === 'bigint' ||\n    typeof node === 'string' ||\n    typeof node === 'number',\n  transform: (\n    _node,\n    {\n      plugins, // Removed to avoid next error - Functions cannot be passed directly to Client Components\n      ...rest\n    }\n  ) =>\n    renderIntlayerNode({\n      ...rest,\n      value: rest.children,\n      children: (\n        <EditedContentRenderer {...rest}>{rest.children}</EditedContentRenderer>\n      ),\n    }),\n};\n\n/** ---------------------------------------------\n *  REACT NODE PLUGIN\n *  --------------------------------------------- */\n\nexport type ReactNodeCond<T> = T extends {\n  props: any;\n  key: any;\n}\n  ? ReactNode\n  : never;\n\n/** Translation plugin. Replaces node with a locale string if nodeType = Translation. */\nexport const reactNodePlugins: Plugins = {\n  id: 'react-node-plugin',\n  canHandle: (node) =>\n    typeof node === 'object' &&\n    typeof node?.props !== 'undefined' &&\n    typeof node.key !== 'undefined',\n\n  transform: (\n    node,\n    {\n      plugins, // Removed to avoid next error - Functions cannot be passed directly to Client Components\n      ...rest\n    }\n  ) =>\n    renderIntlayerNode({\n      ...rest,\n      value: '[[react-element]]',\n      children: (\n        <ContentSelectorRenderer {...rest}>\n          {renderReactElement(node)}\n        </ContentSelectorRenderer>\n      ),\n    }),\n};\n\n/** ---------------------------------------------\n *  INSERTION PLUGIN\n *  --------------------------------------------- */\n\nexport type InsertionCond<T> = T extends {\n  nodeType: NodeType | string;\n  [NodeType.Insertion]: string;\n  fields: readonly string[];\n}\n  ? (\n      values: {\n        [K in T['fields'][number]]: ReactNode;\n      }\n    ) => ReactNode\n  : never;\n\n/**\n * Split insertion string and join with React nodes using shared core logic\n */\nconst splitAndJoinInsertion = (\n  template: string,\n  values: Record<string, string | number | ReactNode>\n): ReactNode => {\n  const result = splitInsertionTemplate(template, values);\n\n  if (result.isSimple) {\n    // Simple string replacement\n    return result.parts as string;\n  }\n\n  // Return as Fragment with proper keys\n  return createElement(\n    Fragment,\n    null,\n    ...(result.parts as any[]).map((part, index) =>\n      createElement(Fragment, { key: index }, part)\n    )\n  );\n};\n\n/** Insertion plugin for React. Handles component/node insertion. */\nexport const insertionPlugin: Plugins = {\n  id: 'insertion-plugin',\n  canHandle: (node) =>\n    typeof node === 'object' && node?.nodeType === NodeType.Insertion,\n  transform: (node: InsertionContent, props, deepTransformNode) => {\n    const newKeyPath: KeyPath[] = [\n      ...props.keyPath,\n      {\n        type: NodeType.Insertion,\n      },\n    ];\n\n    const children = node[NodeType.Insertion];\n\n    /** Insertion string plugin. Replaces string node with a component that render the insertion. */\n    const insertionStringPlugin: Plugins = {\n      id: 'insertion-string-plugin',\n      canHandle: (node) => typeof node === 'string',\n      transform: (node: string, subProps, deepTransformNode) => {\n        const transformedResult = deepTransformNode(node, {\n          ...subProps,\n          children: node,\n          plugins: [\n            ...(props.plugins ?? ([] as Plugins[])).filter(\n              (plugin) => plugin.id !== 'intlayer-node-plugin'\n            ),\n          ],\n        });\n\n        return (\n          values: {\n            [K in InsertionContent['fields'][number]]:\n              | string\n              | number\n              | ReactNode;\n          }\n        ) => {\n          const result = splitAndJoinInsertion(transformedResult, values);\n\n          return deepTransformNode(result, {\n            ...subProps,\n            plugins: props.plugins,\n            children: result,\n          });\n        };\n      },\n    };\n\n    const result = deepTransformNode(children, {\n      ...props,\n      children,\n      keyPath: newKeyPath,\n      plugins: [insertionStringPlugin, ...(props.plugins ?? [])],\n    });\n\n    if (\n      typeof children === 'object' &&\n      children !== null &&\n      'nodeType' in children &&\n      [NodeType.Enumeration, NodeType.Condition].includes(\n        children.nodeType as NodeType\n      )\n    ) {\n      return (values: any) => (arg: any) => {\n        const func = result as Function;\n        const inner = func(arg);\n\n        if (typeof inner === 'function') {\n          return inner(values);\n        }\n        return inner;\n      };\n    }\n\n    return result;\n  },\n};\n\n/**\n * MARKDOWN PLUGIN\n */\n\nexport type MarkdownStringCond<T> = T extends string\n  ? IntlayerNode<\n      string,\n      {\n        metadata: DeepTransformContent<string>;\n        use: (components: HTMLComponents<'permissive', {}>) => ReactNode;\n      }\n    >\n  : never;\n\n/** Markdown string plugin. Replaces string node with a component that render the markdown. */\nexport const markdownStringPlugin: Plugins = {\n  id: 'markdown-string-plugin',\n  canHandle: (node) => typeof node === 'string',\n  transform: (node: string, props, deepTransformNode) => {\n    const {\n      plugins, // Removed to avoid next error - Functions cannot be passed directly to Client Components\n      ...rest\n    } = props;\n\n    const metadata = getMarkdownMetadata(node);\n\n    const metadataPlugins: Plugins = {\n      id: 'markdown-metadata-plugin',\n      canHandle: (metadataNode) =>\n        typeof metadataNode === 'string' ||\n        typeof metadataNode === 'number' ||\n        typeof metadataNode === 'boolean' ||\n        !metadataNode,\n      transform: (metadataNode, props) =>\n        renderIntlayerNode({\n          ...props,\n          value: metadataNode,\n          children: (\n            <ContentSelectorRenderer {...rest}>\n              <MarkdownMetadataRenderer\n                {...rest}\n                metadataKeyPath={props.keyPath}\n              >\n                {node}\n              </MarkdownMetadataRenderer>\n            </ContentSelectorRenderer>\n          ),\n        }),\n    };\n\n    // Transform metadata while keeping the same structure\n    const metadataNodes = deepTransformNode(metadata, {\n      plugins: [metadataPlugins],\n      dictionaryKey: rest.dictionaryKey,\n      keyPath: [],\n    });\n\n    const render = (components?: HTMLComponents) =>\n      renderIntlayerNode({\n        ...props,\n        value: node,\n        children: (\n          <ContentSelectorRenderer {...rest}>\n            <MarkdownRendererPlugin {...rest} {...(components ?? {})}>\n              {node}\n            </MarkdownRendererPlugin>\n          </ContentSelectorRenderer>\n        ),\n        additionalProps: {\n          metadata: metadataNodes,\n        },\n      });\n\n    const element = render() as ReactElement;\n\n    return new Proxy(element, {\n      get(target, prop, receiver) {\n        if (prop === 'value') {\n          return node;\n        }\n        if (prop === 'metadata') {\n          return metadataNodes;\n        }\n\n        if (prop === 'use') {\n          return (components?: HTMLComponents) => render(components);\n        }\n\n        return Reflect.get(target, prop, receiver);\n      },\n    }) as any;\n  },\n};\n\nexport type MarkdownCond<T> = T extends {\n  nodeType: NodeType | string;\n  [NodeType.Markdown]: infer M;\n  tags?: infer U;\n  metadata?: infer V;\n}\n  ? IntlayerNode<\n      M,\n      {\n        use: (components?: HTMLComponents<'permissive', U>) => ReactNode;\n        metadata: DeepTransformContent<V>;\n      }\n    >\n  : never;\n\nexport const markdownPlugin: Plugins = {\n  id: 'markdown-plugin',\n  canHandle: (node) =>\n    typeof node === 'object' && node?.nodeType === NodeType.Markdown,\n  transform: (node: MarkdownContent, props, deepTransformNode) => {\n    const newKeyPath: KeyPath[] = [\n      ...props.keyPath,\n      {\n        type: NodeType.Markdown,\n      },\n    ];\n\n    const children = node[NodeType.Markdown];\n\n    return deepTransformNode(children, {\n      ...props,\n      children,\n      keyPath: newKeyPath,\n      plugins: [markdownStringPlugin, ...(props.plugins ?? [])],\n    });\n  },\n};\n\n/** ---------------------------------------------\n *  HTML PLUGIN\n *  --------------------------------------------- */\n\n/**\n * HTML conditional type that enforces:\n * - All components (Standard or Custom) are OPTIONAL in the `use()` method.\n * - Custom components props are strictly inferred from the dictionary definition.\n *\n * This ensures type safety:\n * - `html('<div>Hello <CustomComponent /></div>').use({ CustomComponent: ... })` - optional but typed\n */\nexport type HTMLPluginCond<T> = T extends {\n  nodeType: NodeType | string;\n  [NodeType.HTML]: infer I;\n  tags?: infer U;\n}\n  ? IntlayerNode<\n      I,\n      {\n        use: (components?: HTMLComponents<'permissive', U>) => ReactNode;\n      }\n    >\n  : never;\n\n/** HTML plugin. Replaces node with a function that takes components => ReactNode. */\nexport const htmlPlugin: Plugins = {\n  id: 'html-plugin',\n  canHandle: (node) =>\n    typeof node === 'object' && node?.nodeType === NodeType.HTML,\n\n  transform: (node: HTMLContent<string>, props) => {\n    const html = node[NodeType.HTML];\n    const { plugins, ...rest } = props;\n\n    // Type-safe render function that accepts properly typed components\n    const render = (userComponents?: HTMLComponents): ReactNode =>\n      createElement(HTMLRendererPlugin, { ...rest, html, userComponents });\n\n    const element = render() as ReactElement;\n\n    return new Proxy(element, {\n      get(target, prop, receiver) {\n        if (prop === 'value') {\n          return html;\n        }\n\n        if (prop === 'use') {\n          // Return a properly typed function based on custom components\n          return (userComponents?: HTMLComponents) => render(userComponents);\n        }\n\n        return Reflect.get(target, prop, receiver);\n      },\n    }) as any;\n  },\n};\n\n/** ---------------------------------------------\n *  PLUGINS RESULT\n *  --------------------------------------------- */\n\nexport type IInterpreterPluginReact<T, _S, _L extends LocalesValues> = {\n  reactNode: ReactNodeCond<T>;\n  reactIntlayerNode: IntlayerNodeCond<T>;\n  reactInsertion: InsertionCond<T>;\n  reactMarkdown: MarkdownCond<T>;\n  reactHtml: HTMLPluginCond<T>;\n};\n\n/**\n * Insert this type as param of `DeepTransformContent` to avoid `intlayer` package pollution.\n *\n * Otherwise the the `react-intlayer` plugins will override the types of `intlayer` functions.\n */\nexport type IInterpreterPluginState = Omit<\n  IInterpreterPluginStateCore,\n  'insertion' // Remove insertion type from core package\n> & {\n  reactNode: true;\n  reactIntlayerNode: true;\n  reactMarkdown: true;\n  reactHtml: true;\n  reactInsertion: true;\n};\n\nexport type DeepTransformContent<\n  T,\n  L extends LocalesValues = DeclaredLocales,\n> = DeepTransformContentCore<T, IInterpreterPluginState, L>;\n"],"mappings":"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"}
+{"version":3,"file":"plugins.mjs","names":[],"sources":["../../src/plugins.tsx"],"sourcesContent":["import {\n  type DeepTransformContent as DeepTransformContentCore,\n  getMarkdownMetadata,\n  type HTMLContent,\n  type IInterpreterPluginState as IInterpreterPluginStateCore,\n  type InsertionContent,\n  type MarkdownContent,\n  type Plugins,\n  splitInsertionTemplate,\n} from '@intlayer/core';\nimport {\n  type DeclaredLocales,\n  type KeyPath,\n  type LocalesValues,\n  NodeType,\n} from '@intlayer/types';\nimport {\n  createElement,\n  Fragment,\n  type ReactElement,\n  type ReactNode,\n} from 'react';\nimport { ContentSelectorRenderer } from './editor';\nimport { EditedContentRenderer } from './editor/useEditedContentRenderer';\nimport { HTMLRendererPlugin } from './html';\nimport type { HTMLComponents } from './html/HTMLComponentTypes';\nimport { type IntlayerNode, renderIntlayerNode } from './IntlayerNode';\nimport { MarkdownMetadataRenderer, MarkdownRendererPlugin } from './markdown';\nimport { renderReactElement } from './reactElement/renderReactElement';\n\n/** ---------------------------------------------\n *  INTLAYER NODE PLUGIN\n *  --------------------------------------------- */\n\nexport type IntlayerNodeCond<T> = T extends number | string\n  ? IntlayerNode<T>\n  : never;\n\n/** Translation plugin. Replaces node with a locale string if nodeType = Translation. */\nexport const intlayerNodePlugins: Plugins = {\n  id: 'intlayer-node-plugin',\n  canHandle: (node) =>\n    typeof node === 'bigint' ||\n    typeof node === 'string' ||\n    typeof node === 'number',\n  transform: (\n    _node,\n    {\n      plugins, // Removed to avoid next error - Functions cannot be passed directly to Client Components\n      ...rest\n    }\n  ) =>\n    renderIntlayerNode({\n      ...rest,\n      value: rest.children,\n      children: (\n        <EditedContentRenderer {...rest}>{rest.children}</EditedContentRenderer>\n      ),\n    }),\n};\n\n/** ---------------------------------------------\n *  REACT NODE PLUGIN\n *  --------------------------------------------- */\n\nexport type ReactNodeCond<T> = T extends {\n  props: any;\n  key: any;\n}\n  ? ReactNode\n  : never;\n\n/** Translation plugin. Replaces node with a locale string if nodeType = Translation. */\nexport const reactNodePlugins: Plugins = {\n  id: 'react-node-plugin',\n  canHandle: (node) =>\n    typeof node === 'object' &&\n    typeof node?.props !== 'undefined' &&\n    typeof node.key !== 'undefined',\n\n  transform: (\n    node,\n    {\n      plugins, // Removed to avoid next error - Functions cannot be passed directly to Client Components\n      ...rest\n    }\n  ) =>\n    renderIntlayerNode({\n      ...rest,\n      value: '[[react-element]]',\n      children: (\n        <ContentSelectorRenderer {...rest}>\n          {renderReactElement(node)}\n        </ContentSelectorRenderer>\n      ),\n    }),\n};\n\n/** ---------------------------------------------\n *  INSERTION PLUGIN\n *  --------------------------------------------- */\n\nexport type InsertionCond<T> = T extends {\n  nodeType: NodeType | string;\n  [NodeType.Insertion]: string;\n  fields: readonly string[];\n}\n  ? <V extends { [K in T['fields'][number]]: ReactNode }>(\n      values: V\n    ) => V[keyof V] extends string | number\n      ? IntlayerNode<string>\n      : IntlayerNode<ReactNode>\n  : never;\n\n/**\n * Split insertion string and join with React nodes using shared core logic\n */\nconst splitAndJoinInsertion = (\n  template: string,\n  values: Record<string, string | number | ReactNode>\n): ReactNode => {\n  const result = splitInsertionTemplate(template, values);\n\n  if (result.isSimple) {\n    // Simple string replacement\n    return result.parts as string;\n  }\n\n  // Return as Fragment with proper keys\n  return createElement(\n    Fragment,\n    null,\n    ...(result.parts as any[]).map((part, index) =>\n      createElement(Fragment, { key: index }, part)\n    )\n  );\n};\n\n/** Insertion plugin for React. Handles component/node insertion. */\nexport const insertionPlugin: Plugins = {\n  id: 'insertion-plugin',\n  canHandle: (node) =>\n    typeof node === 'object' && node?.nodeType === NodeType.Insertion,\n  transform: (node: InsertionContent, props, deepTransformNode) => {\n    const newKeyPath: KeyPath[] = [\n      ...props.keyPath,\n      {\n        type: NodeType.Insertion,\n      },\n    ];\n\n    const children = node[NodeType.Insertion];\n\n    /** Insertion string plugin. Replaces string node with a component that render the insertion. */\n    const insertionStringPlugin: Plugins = {\n      id: 'insertion-string-plugin',\n      canHandle: (node) => typeof node === 'string',\n      transform: (node: string, subProps, deepTransformNode) => {\n        const transformedResult = deepTransformNode(node, {\n          ...subProps,\n          children: node,\n          plugins: [\n            ...(props.plugins ?? ([] as Plugins[])).filter(\n              (plugin) => plugin.id !== 'intlayer-node-plugin'\n            ),\n          ],\n        });\n\n        return (\n          values: {\n            [K in InsertionContent['fields'][number]]:\n              | string\n              | number\n              | ReactNode;\n          }\n        ) => {\n          const result = splitAndJoinInsertion(transformedResult, values);\n\n          return deepTransformNode(result, {\n            ...subProps,\n            plugins: props.plugins,\n            children: result,\n          });\n        };\n      },\n    };\n\n    const result = deepTransformNode(children, {\n      ...props,\n      children,\n      keyPath: newKeyPath,\n      plugins: [insertionStringPlugin, ...(props.plugins ?? [])],\n    });\n\n    if (\n      typeof children === 'object' &&\n      children !== null &&\n      'nodeType' in children &&\n      [NodeType.Enumeration, NodeType.Condition].includes(\n        children.nodeType as NodeType\n      )\n    ) {\n      return (values: any) => (arg: any) => {\n        const func = result as Function;\n        const inner = func(arg);\n\n        if (typeof inner === 'function') {\n          return inner(values);\n        }\n        return inner;\n      };\n    }\n\n    return result;\n  },\n};\n\n/**\n * MARKDOWN PLUGIN\n */\n\nexport type MarkdownStringCond<T> = T extends string\n  ? IntlayerNode<\n      string,\n      {\n        metadata: DeepTransformContent<string>;\n        use: (components: HTMLComponents<'permissive', {}>) => ReactNode;\n      }\n    >\n  : never;\n\n/** Markdown string plugin. Replaces string node with a component that render the markdown. */\nexport const markdownStringPlugin: Plugins = {\n  id: 'markdown-string-plugin',\n  canHandle: (node) => typeof node === 'string',\n  transform: (node: string, props, deepTransformNode) => {\n    const {\n      plugins, // Removed to avoid next error - Functions cannot be passed directly to Client Components\n      ...rest\n    } = props;\n\n    const metadata = getMarkdownMetadata(node);\n\n    const metadataPlugins: Plugins = {\n      id: 'markdown-metadata-plugin',\n      canHandle: (metadataNode) =>\n        typeof metadataNode === 'string' ||\n        typeof metadataNode === 'number' ||\n        typeof metadataNode === 'boolean' ||\n        !metadataNode,\n      transform: (metadataNode, props) =>\n        renderIntlayerNode({\n          ...props,\n          value: metadataNode,\n          children: (\n            <ContentSelectorRenderer {...rest}>\n              <MarkdownMetadataRenderer\n                {...rest}\n                metadataKeyPath={props.keyPath}\n              >\n                {node}\n              </MarkdownMetadataRenderer>\n            </ContentSelectorRenderer>\n          ),\n        }),\n    };\n\n    // Transform metadata while keeping the same structure\n    const metadataNodes = deepTransformNode(metadata, {\n      plugins: [metadataPlugins],\n      dictionaryKey: rest.dictionaryKey,\n      keyPath: [],\n    });\n\n    const render = (components?: HTMLComponents) =>\n      renderIntlayerNode({\n        ...props,\n        value: node,\n        children: (\n          <ContentSelectorRenderer {...rest}>\n            <MarkdownRendererPlugin {...rest} {...(components ?? {})}>\n              {node}\n            </MarkdownRendererPlugin>\n          </ContentSelectorRenderer>\n        ),\n        additionalProps: {\n          metadata: metadataNodes,\n        },\n      });\n\n    const element = render() as ReactElement;\n\n    return new Proxy(element, {\n      get(target, prop, receiver) {\n        if (prop === 'value') {\n          return node;\n        }\n        if (prop === 'metadata') {\n          return metadataNodes;\n        }\n\n        if (prop === 'use') {\n          return (components?: HTMLComponents) => render(components);\n        }\n\n        return Reflect.get(target, prop, receiver);\n      },\n    }) as any;\n  },\n};\n\nexport type MarkdownCond<T> = T extends {\n  nodeType: NodeType | string;\n  [NodeType.Markdown]: infer M;\n  tags?: infer U;\n  metadata?: infer V;\n}\n  ? IntlayerNode<\n      M,\n      {\n        use: (components?: HTMLComponents<'permissive', U>) => ReactNode;\n        metadata: DeepTransformContent<V>;\n      }\n    >\n  : never;\n\nexport const markdownPlugin: Plugins = {\n  id: 'markdown-plugin',\n  canHandle: (node) =>\n    typeof node === 'object' && node?.nodeType === NodeType.Markdown,\n  transform: (node: MarkdownContent, props, deepTransformNode) => {\n    const newKeyPath: KeyPath[] = [\n      ...props.keyPath,\n      {\n        type: NodeType.Markdown,\n      },\n    ];\n\n    const children = node[NodeType.Markdown];\n\n    return deepTransformNode(children, {\n      ...props,\n      children,\n      keyPath: newKeyPath,\n      plugins: [markdownStringPlugin, ...(props.plugins ?? [])],\n    });\n  },\n};\n\n/** ---------------------------------------------\n *  HTML PLUGIN\n *  --------------------------------------------- */\n\n/**\n * HTML conditional type that enforces:\n * - All components (Standard or Custom) are OPTIONAL in the `use()` method.\n * - Custom components props are strictly inferred from the dictionary definition.\n *\n * This ensures type safety:\n * - `html('<div>Hello <CustomComponent /></div>').use({ CustomComponent: ... })` - optional but typed\n */\nexport type HTMLPluginCond<T> = T extends {\n  nodeType: NodeType | string;\n  [NodeType.HTML]: infer I;\n  tags?: infer U;\n}\n  ? IntlayerNode<\n      I,\n      {\n        use: (components?: HTMLComponents<'permissive', U>) => ReactNode;\n      }\n    >\n  : never;\n\n/** HTML plugin. Replaces node with a function that takes components => ReactNode. */\nexport const htmlPlugin: Plugins = {\n  id: 'html-plugin',\n  canHandle: (node) =>\n    typeof node === 'object' && node?.nodeType === NodeType.HTML,\n\n  transform: (node: HTMLContent<string>, props) => {\n    const html = node[NodeType.HTML];\n    const { plugins, ...rest } = props;\n\n    // Type-safe render function that accepts properly typed components\n    const render = (userComponents?: HTMLComponents): ReactNode =>\n      createElement(HTMLRendererPlugin, { ...rest, html, userComponents });\n\n    const element = render() as ReactElement;\n\n    return new Proxy(element, {\n      get(target, prop, receiver) {\n        if (prop === 'value') {\n          return html;\n        }\n\n        if (prop === 'use') {\n          // Return a properly typed function based on custom components\n          return (userComponents?: HTMLComponents) => render(userComponents);\n        }\n\n        return Reflect.get(target, prop, receiver);\n      },\n    }) as any;\n  },\n};\n\n/** ---------------------------------------------\n *  PLUGINS RESULT\n *  --------------------------------------------- */\n\nexport type IInterpreterPluginReact<T, _S, _L extends LocalesValues> = {\n  reactNode: ReactNodeCond<T>;\n  reactIntlayerNode: IntlayerNodeCond<T>;\n  reactInsertion: InsertionCond<T>;\n  reactMarkdown: MarkdownCond<T>;\n  reactHtml: HTMLPluginCond<T>;\n};\n\n/**\n * Insert this type as param of `DeepTransformContent` to avoid `intlayer` package pollution.\n *\n * Otherwise the the `react-intlayer` plugins will override the types of `intlayer` functions.\n */\nexport type IInterpreterPluginState = Omit<\n  IInterpreterPluginStateCore,\n  'insertion' // Remove insertion type from core package\n> & {\n  reactNode: true;\n  reactIntlayerNode: true;\n  reactMarkdown: true;\n  reactHtml: true;\n  reactInsertion: true;\n};\n\nexport type DeepTransformContent<\n  T,\n  L extends LocalesValues = DeclaredLocales,\n> = DeepTransformContentCore<T, IInterpreterPluginState, L>;\n"],"mappings":"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"}

package/dist/types/client/IntlayerProvider.d.ts

@@ -1,4 +1,4 @@
-import * as react0 from "react";
+import * as react201 from "react";
 import { FC, PropsWithChildren } from "react";
 import { LocalesValues } from "@intlayer/types";
 
@@ -12,7 +12,7 @@ type IntlayerValue = {
 /**
  * Context that stores the current locale on the client side.
  */
-declare const IntlayerClientContext: react0.Context<IntlayerValue>;
+declare const IntlayerClientContext: react201.Context<IntlayerValue>;
 /**
  * Hook that provides the current Intlayer client context.
  *

package/dist/types/client/IntlayerProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IntlayerProvider.d.ts","names":[],"sources":["../../../src/client/IntlayerProvider.tsx"],"mappings":";;;;;KAgBK,aAAA;EACH,MAAA,EAAQ,aAAA;EACR,SAAA,GAAY,SAAA,EAAW,aAAA;EACvB,aAAA;EACA,eAAA;AAAA;;;;cAMW,qBAAA,EAAqB,MAAA,CAAA,OAAA,CAAA,aAAA;;;;;;cAYrB,kBAAA,QAAkB,aAAA;AAZ/B;;;AAAA,KAiBY,qBAAA,GAAwB,iBAAA;EAjBF;AAYlC;;EASE,MAAA,GAAS,aAAA;EAToB;;AAK/B;EAQE,aAAA,GAAgB,aAAA;;;;EAIhB,SAAA,IAAa,MAAA,EAAQ,aAAA;EAZa;;;EAgBlC,aAAA;EAZA;;;EAgBA,eAAA;AAAA;;;;;;;AAWF;;cAAa,uBAAA,EAAyB,EAAA,CAAG,qBAAA;;;AA6EzC;;;;;;;;;;;;;;;;;;cAAa,gBAAA,EAAkB,EAAA,CAAG,qBAAA"}
+{"version":3,"file":"IntlayerProvider.d.ts","names":[],"sources":["../../../src/client/IntlayerProvider.tsx"],"mappings":";;;;;KAgBK,aAAA;EACH,MAAA,EAAQ,aAAA;EACR,SAAA,GAAY,SAAA,EAAW,aAAA;EACvB,aAAA;EACA,eAAA;AAAA;;;;cAMW,qBAAA,EAAqB,QAAA,CAAA,OAAA,CAAA,aAAA;;;;;;cAYrB,kBAAA,QAAkB,aAAA;AAZ/B;;;AAAA,KAiBY,qBAAA,GAAwB,iBAAA;EAjBF;AAYlC;;EASE,MAAA,GAAS,aAAA;EAToB;;AAK/B;EAQE,aAAA,GAAgB,aAAA;;;;EAIhB,SAAA,IAAa,MAAA,EAAQ,aAAA;EAZa;;;EAgBlC,aAAA;EAZA;;;EAgBA,eAAA;AAAA;;;;;;;AAWF;;cAAa,uBAAA,EAAyB,EAAA,CAAG,qBAAA;;;AA6EzC;;;;;;;;;;;;;;;;;;cAAa,gBAAA,EAAkB,EAAA,CAAG,qBAAA"}

package/dist/types/client/format/useCompact.d.ts

@@ -1,4 +1,4 @@
-import * as _intlayer_types5 from "@intlayer/types";
+import * as _intlayer_types11 from "@intlayer/types";
 
 //#region src/client/format/useCompact.d.ts
 /**
@@ -12,7 +12,7 @@ import * as _intlayer_types5 from "@intlayer/types";
  * ```
  */
 declare const useCompact: () => (value: string | number, options?: Intl.NumberFormatOptions & {
-  locale?: _intlayer_types5.LocalesValues;
+  locale?: _intlayer_types11.LocalesValues;
 }) => string;
 //#endregion
 export { useCompact };

package/dist/types/client/format/useCompact.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useCompact.d.ts","names":[],"sources":["../../../../src/client/format/useCompact.ts"],"mappings":";;;;;;AAgBA;;;;;;;cAAa,UAAA,SAAU,KAAA,mBAAA,OAAA,GAAA,IAAA,CAAA,mBAAA;WAAA,gBAAA,CAAA,aAAA;AAAA"}
+{"version":3,"file":"useCompact.d.ts","names":[],"sources":["../../../../src/client/format/useCompact.ts"],"mappings":";;;;;;AAgBA;;;;;;;cAAa,UAAA,SAAU,KAAA,mBAAA,OAAA,GAAA,IAAA,CAAA,mBAAA;WAAA,iBAAA,CAAA,aAAA;AAAA"}

package/dist/types/client/format/useCurrency.d.ts

@@ -1,4 +1,4 @@
-import * as _intlayer_types14 from "@intlayer/types";
+import * as _intlayer_types9 from "@intlayer/types";
 
 //#region src/client/format/useCurrency.d.ts
 /**
@@ -26,7 +26,7 @@ import * as _intlayer_types14 from "@intlayer/types";
  * ```
  */
 declare const useCurrency: () => (value: string | number, options?: Intl.NumberFormatOptions & {
-  locale?: _intlayer_types14.LocalesValues;
+  locale?: _intlayer_types9.LocalesValues;
 }) => string;
 //#endregion
 export { useCurrency };

package/dist/types/client/format/useCurrency.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useCurrency.d.ts","names":[],"sources":["../../../../src/client/format/useCurrency.ts"],"mappings":";;;;;;AA8BA;;;;;;;;;;;;;;;;;;;;;cAAa,WAAA,SAAW,KAAA,mBAAA,OAAA,GAAA,IAAA,CAAA,mBAAA;WAAA,iBAAA,CAAA,aAAA;AAAA"}
+{"version":3,"file":"useCurrency.d.ts","names":[],"sources":["../../../../src/client/format/useCurrency.ts"],"mappings":";;;;;;AA8BA;;;;;;;;;;;;;;;;;;;;;cAAa,WAAA,SAAW,KAAA,mBAAA,OAAA,GAAA,IAAA,CAAA,mBAAA;WAAA,gBAAA,CAAA,aAAA;AAAA"}

package/dist/types/client/format/useList.d.ts

@@ -1,4 +1,4 @@
-import * as _intlayer_types7 from "@intlayer/types";
+import * as _intlayer_types12 from "@intlayer/types";
 
 //#region src/client/format/useList.d.ts
 /**
@@ -23,7 +23,7 @@ import * as _intlayer_types7 from "@intlayer/types";
  * ```
  */
 declare const useList: () => (values: (string | number)[], options?: Intl.ListFormatOptions & {
-  locale?: _intlayer_types7.LocalesValues;
+  locale?: _intlayer_types12.LocalesValues;
 }) => string;
 //#endregion
 export { useList };

package/dist/types/client/format/useList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useList.d.ts","names":[],"sources":["../../../../src/client/format/useList.ts"],"mappings":";;;;;;AA2BA;;;;;;;;;;;;;;;;;;cAAa,OAAA,SAAO,MAAA,uBAAA,OAAA,GAAA,IAAA,CAAA,iBAAA;WAAA,gBAAA,CAAA,aAAA;AAAA"}
+{"version":3,"file":"useList.d.ts","names":[],"sources":["../../../../src/client/format/useList.ts"],"mappings":";;;;;;AA2BA;;;;;;;;;;;;;;;;;;cAAa,OAAA,SAAO,MAAA,uBAAA,OAAA,GAAA,IAAA,CAAA,iBAAA;WAAA,iBAAA,CAAA,aAAA;AAAA"}

package/dist/types/client/format/useNumber.d.ts

@@ -1,4 +1,4 @@
-import * as _intlayer_types4 from "@intlayer/types";
+import * as _intlayer_types10 from "@intlayer/types";
 
 //#region src/client/format/useNumber.d.ts
 /**
@@ -24,7 +24,7 @@ import * as _intlayer_types4 from "@intlayer/types";
  * A number formatting function bound to the active locale.
  */
 declare const useNumber: () => (value: string | number, options?: Intl.NumberFormatOptions & {
-  locale?: _intlayer_types4.LocalesValues;
+  locale?: _intlayer_types10.LocalesValues;
 }) => string;
 //#endregion
 export { useNumber };

package/dist/types/client/format/useNumber.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useNumber.d.ts","names":[],"sources":["../../../../src/client/format/useNumber.ts"],"mappings":";;;;;;AA4BA;;;;;;;;;;;;;;;;;;;cAAa,SAAA,SAAS,KAAA,mBAAA,OAAA,GAAA,IAAA,CAAA,mBAAA;WAAA,gBAAA,CAAA,aAAA;AAAA"}
+{"version":3,"file":"useNumber.d.ts","names":[],"sources":["../../../../src/client/format/useNumber.ts"],"mappings":";;;;;;AA4BA;;;;;;;;;;;;;;;;;;;cAAa,SAAA,SAAS,KAAA,mBAAA,OAAA,GAAA,IAAA,CAAA,mBAAA;WAAA,iBAAA,CAAA,aAAA;AAAA"}

package/dist/types/client/format/usePercentage.d.ts

@@ -1,4 +1,4 @@
-import * as _intlayer_types8 from "@intlayer/types";
+import * as _intlayer_types13 from "@intlayer/types";
 
 //#region src/client/format/usePercentage.d.ts
 /**
@@ -20,7 +20,7 @@ import * as _intlayer_types8 from "@intlayer/types";
  * A function that formats numbers or numeric strings into localized percentages.
  */
 declare const usePercentage: () => (value: string | number, options?: Intl.NumberFormatOptions & {
-  locale?: _intlayer_types8.LocalesValues;
+  locale?: _intlayer_types13.LocalesValues;
 }) => string;
 //#endregion
 export { usePercentage };

package/dist/types/client/format/usePercentage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"usePercentage.d.ts","names":[],"sources":["../../../../src/client/format/usePercentage.ts"],"mappings":";;;;;;AAwBA;;;;;;;;;;;;;;;cAAa,aAAA,SAAa,KAAA,mBAAA,OAAA,GAAA,IAAA,CAAA,mBAAA;WAAA,gBAAA,CAAA,aAAA;AAAA"}
+{"version":3,"file":"usePercentage.d.ts","names":[],"sources":["../../../../src/client/format/usePercentage.ts"],"mappings":";;;;;;AAwBA;;;;;;;;;;;;;;;cAAa,aAAA,SAAa,KAAA,mBAAA,OAAA,GAAA,IAAA,CAAA,mBAAA;WAAA,iBAAA,CAAA,aAAA;AAAA"}

package/dist/types/client/format/useRelativeTime.d.ts

@@ -1,4 +1,4 @@
-import * as _intlayer_types6 from "@intlayer/types";
+import * as _intlayer_types15 from "@intlayer/types";
 
 //#region src/client/format/useRelativeTime.d.ts
 /**
@@ -20,7 +20,7 @@ import * as _intlayer_types6 from "@intlayer/types";
  *          bound to the current client locale.
  */
 declare const useRelativeTime: () => (from: string | number | Date, to?: string | number | Date, options?: Intl.RelativeTimeFormatOptions & {
-  locale?: _intlayer_types6.LocalesValues;
+  locale?: _intlayer_types15.LocalesValues;
   unit?: Intl.RelativeTimeFormatUnit;
 }) => string;
 //#endregion

package/dist/types/client/format/useRelativeTime.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useRelativeTime.d.ts","names":[],"sources":["../../../../src/client/format/useRelativeTime.ts"],"mappings":";;;;;;AAwBA;;;;;;;;;;;;;;;cAAa,eAAA,SAAe,IAAA,oBAAA,IAAA,EAAA,EAAA,qBAAA,IAAA,EAAA,OAAA,GAAA,IAAA,CAAA,yBAAA;WAAA,gBAAA,CAAA,aAAA"}
+{"version":3,"file":"useRelativeTime.d.ts","names":[],"sources":["../../../../src/client/format/useRelativeTime.ts"],"mappings":";;;;;;AAwBA;;;;;;;;;;;;;;;cAAa,eAAA,SAAe,IAAA,oBAAA,IAAA,EAAA,EAAA,qBAAA,IAAA,EAAA,OAAA,GAAA,IAAA,CAAA,yBAAA;WAAA,iBAAA,CAAA,aAAA"}

package/dist/types/client/format/useUnit.d.ts

@@ -1,4 +1,4 @@
-import * as _intlayer_types9 from "@intlayer/types";
+import * as _intlayer_types14 from "@intlayer/types";
 
 //#region src/client/format/useUnit.d.ts
 /**
@@ -19,7 +19,7 @@ import * as _intlayer_types9 from "@intlayer/types";
  * @returns {Function} A unit formatting function that accepts a value and optional formatting options.
  */
 declare const useUnit: () => (value: string | number, options?: Intl.NumberFormatOptions & {
-  locale?: _intlayer_types9.LocalesValues;
+  locale?: _intlayer_types14.LocalesValues;
 }) => string;
 //#endregion
 export { useUnit };

package/dist/types/client/format/useUnit.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useUnit.d.ts","names":[],"sources":["../../../../src/client/format/useUnit.ts"],"mappings":";;;;;;AAuBA;;;;;;;;;;;;;;cAAa,OAAA,SAAO,KAAA,mBAAA,OAAA,GAAA,IAAA,CAAA,mBAAA;WAAA,gBAAA,CAAA,aAAA;AAAA"}
+{"version":3,"file":"useUnit.d.ts","names":[],"sources":["../../../../src/client/format/useUnit.ts"],"mappings":";;;;;;AAuBA;;;;;;;;;;;;;;cAAa,OAAA,SAAO,KAAA,mBAAA,OAAA,GAAA,IAAA,CAAA,mBAAA;WAAA,iBAAA,CAAA,aAAA;AAAA"}

package/dist/types/client/useLocaleBase.d.ts

@@ -1,14 +1,14 @@
-import * as _intlayer_types10 from "@intlayer/types";
+import * as _intlayer_types0 from "@intlayer/types";
 
 //#region src/client/useLocaleBase.d.ts
 /**
  * On the client side, hook to get the current locale and all related fields
  */
 declare const useLocaleBase: () => {
-  locale: _intlayer_types10.LocalesValues;
-  defaultLocale: _intlayer_types10.Locale;
-  availableLocales: _intlayer_types10.Locale[];
-  setLocale: (newLocale: _intlayer_types10.LocalesValues) => void;
+  locale: _intlayer_types0.LocalesValues;
+  defaultLocale: _intlayer_types0.Locale;
+  availableLocales: _intlayer_types0.Locale[];
+  setLocale: (newLocale: _intlayer_types0.LocalesValues) => void;
 };
 //#endregion
 export { useLocaleBase };

package/dist/types/client/useLocaleBase.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useLocaleBase.d.ts","names":[],"sources":["../../../src/client/useLocaleBase.ts"],"mappings":";;;;;;cAYa,aAAA;UASZ,iBAAA,CAAA,aAAA"}
+{"version":3,"file":"useLocaleBase.d.ts","names":[],"sources":["../../../src/client/useLocaleBase.ts"],"mappings":";;;;;;cAYa,aAAA;UASZ,gBAAA,CAAA,aAAA"}

package/dist/types/client/useLocaleStorage.d.ts

@@ -1,4 +1,4 @@
-import * as _intlayer_types0 from "@intlayer/types";
+import * as _intlayer_types4 from "@intlayer/types";
 import { LocalesValues } from "@intlayer/types";
 
 //#region src/client/useLocaleStorage.d.ts
@@ -8,13 +8,13 @@ import { LocalesValues } from "@intlayer/types";
 /**
  * Get the locale cookie
  */
-declare const localeInStorage: _intlayer_types0.Locale;
+declare const localeInStorage: _intlayer_types4.Locale;
 /**
  * @deprecated Use localeInStorage instead
  *
  * Get the locale cookie
  */
-declare const localeCookie: _intlayer_types0.Locale;
+declare const localeCookie: _intlayer_types4.Locale;
 /**
  * Set the locale cookie
  */
@@ -29,7 +29,7 @@ declare const setLocaleCookie: (locale: LocalesValues, isCookieEnabled?: boolean
  * Hook that provides the locale cookie and a function to set it
  */
 declare const useLocaleStorage: (isCookieEnabled?: boolean) => {
-  getLocale: () => _intlayer_types0.Locale;
+  getLocale: () => _intlayer_types4.Locale;
   setLocale: (locale: LocalesValues) => void;
 };
 /**
@@ -40,7 +40,7 @@ declare const useLocaleStorage: (isCookieEnabled?: boolean) => {
  * Hook that provides the locale cookie and a function to set it
  */
 declare const useLocaleCookie: (isCookieEnabled?: boolean) => {
-  localeCookie: _intlayer_types0.Locale;
+  localeCookie: _intlayer_types4.Locale;
   setLocaleCookie: (locale: LocalesValues) => void;
 };
 //#endregion

package/dist/types/html/HTMLRenderer.d.ts

@@ -1,109 +1,109 @@
 import { HTMLComponents } from "./HTMLComponentTypes.js";
-import * as react4 from "react";
+import * as react0 from "react";
 import { FC, JSX } from "react";
 
 //#region src/html/HTMLRenderer.d.ts
 declare const defaultHTMLComponents: {} & {
-  object?: FC<react4.DetailedHTMLProps<react4.ObjectHTMLAttributes<HTMLObjectElement>, HTMLObjectElement>>;
-  hr?: FC<react4.DetailedHTMLProps<react4.HTMLAttributes<HTMLHRElement>, HTMLHRElement>>;
-  th?: FC<react4.DetailedHTMLProps<react4.ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>>;
-  tr?: FC<react4.DetailedHTMLProps<react4.HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>>;
-  small?: FC<react4.DetailedHTMLProps<react4.HTMLAttributes<HTMLElement>, HTMLElement>>;
-  sub?: FC<react4.DetailedHTMLProps<react4.HTMLAttributes<HTMLElement>, HTMLElement>>;
-  sup?: FC<react4.DetailedHTMLProps<react4.HTMLAttributes<HTMLElement>, HTMLElement>>;
-  slot?: FC<react4.DetailedHTMLProps<react4.SlotHTMLAttributes<HTMLSlotElement>, HTMLSlotElement>>;
-  html?: FC<react4.DetailedHTMLProps<react4.HtmlHTMLAttributes<HTMLHtmlElement>, HTMLHtmlElement>>;
-  head?: FC<react4.DetailedHTMLProps<react4.HTMLAttributes<HTMLHeadElement>, HTMLHeadElement>>;
-  body?: FC<react4.DetailedHTMLProps<react4.HTMLAttributes<HTMLBodyElement>, HTMLBodyElement>>;
-  main?: FC<react4.DetailedHTMLProps<react4.HTMLAttributes<HTMLElement>, HTMLElement>>;
-  header?: FC<react4.DetailedHTMLProps<react4.HTMLAttributes<HTMLElement>, HTMLElement>>;
-  footer?: FC<react4.DetailedHTMLProps<react4.HTMLAttributes<HTMLElement>, HTMLElement>>;
-  nav?: FC<react4.DetailedHTMLProps<react4.HTMLAttributes<HTMLElement>, HTMLElement>>;
-  aside?: FC<react4.DetailedHTMLProps<react4.HTMLAttributes<HTMLElement>, HTMLElement>>;
-  article?: FC<react4.DetailedHTMLProps<react4.HTMLAttributes<HTMLElement>, HTMLElement>>;
-  section?: FC<react4.DetailedHTMLProps<react4.HTMLAttributes<HTMLElement>, HTMLElement>>;
-  div?: FC<react4.DetailedHTMLProps<react4.HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
-  span?: FC<react4.DetailedHTMLProps<react4.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>>;
-  h1?: FC<react4.DetailedHTMLProps<react4.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>>;
-  h2?: FC<react4.DetailedHTMLProps<react4.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>>;
-  h3?: FC<react4.DetailedHTMLProps<react4.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>>;
-  h4?: FC<react4.DetailedHTMLProps<react4.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>>;
-  h5?: FC<react4.DetailedHTMLProps<react4.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>>;
-  h6?: FC<react4.DetailedHTMLProps<react4.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>>;
-  p?: FC<react4.DetailedHTMLProps<react4.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>>;
-  a?: FC<react4.DetailedHTMLProps<react4.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>>;
-  strong?: FC<react4.DetailedHTMLProps<react4.HTMLAttributes<HTMLElement>, HTMLElement>>;
-  b?: FC<react4.DetailedHTMLProps<react4.HTMLAttributes<HTMLElement>, HTMLElement>>;
-  em?: FC<react4.DetailedHTMLProps<react4.HTMLAttributes<HTMLElement>, HTMLElement>>;
-  i?: FC<react4.DetailedHTMLProps<react4.HTMLAttributes<HTMLElement>, HTMLElement>>;
-  u?: FC<react4.DetailedHTMLProps<react4.HTMLAttributes<HTMLElement>, HTMLElement>>;
-  s?: FC<react4.DetailedHTMLProps<react4.HTMLAttributes<HTMLElement>, HTMLElement>>;
-  del?: FC<react4.DetailedHTMLProps<react4.DelHTMLAttributes<HTMLModElement>, HTMLModElement>>;
-  ins?: FC<react4.DetailedHTMLProps<react4.InsHTMLAttributes<HTMLModElement>, HTMLModElement>>;
-  mark?: FC<react4.DetailedHTMLProps<react4.HTMLAttributes<HTMLElement>, HTMLElement>>;
-  code?: FC<react4.DetailedHTMLProps<react4.HTMLAttributes<HTMLElement>, HTMLElement>>;
-  pre?: FC<react4.DetailedHTMLProps<react4.HTMLAttributes<HTMLPreElement>, HTMLPreElement>>;
-  blockquote?: FC<react4.DetailedHTMLProps<react4.BlockquoteHTMLAttributes<HTMLQuoteElement>, HTMLQuoteElement>>;
-  q?: FC<react4.DetailedHTMLProps<react4.QuoteHTMLAttributes<HTMLQuoteElement>, HTMLQuoteElement>>;
-  cite?: FC<react4.DetailedHTMLProps<react4.HTMLAttributes<HTMLElement>, HTMLElement>>;
-  abbr?: FC<react4.DetailedHTMLProps<react4.HTMLAttributes<HTMLElement>, HTMLElement>>;
-  address?: FC<react4.DetailedHTMLProps<react4.HTMLAttributes<HTMLElement>, HTMLElement>>;
-  time?: FC<react4.DetailedHTMLProps<react4.TimeHTMLAttributes<HTMLTimeElement>, HTMLTimeElement>>;
-  kbd?: FC<react4.DetailedHTMLProps<react4.HTMLAttributes<HTMLElement>, HTMLElement>>;
-  samp?: FC<react4.DetailedHTMLProps<react4.HTMLAttributes<HTMLElement>, HTMLElement>>;
-  var?: FC<react4.DetailedHTMLProps<react4.HTMLAttributes<HTMLElement>, HTMLElement>>;
-  ul?: FC<react4.DetailedHTMLProps<react4.HTMLAttributes<HTMLUListElement>, HTMLUListElement>>;
-  ol?: FC<react4.DetailedHTMLProps<react4.OlHTMLAttributes<HTMLOListElement>, HTMLOListElement>>;
-  li?: FC<react4.DetailedHTMLProps<react4.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>>;
-  dl?: FC<react4.DetailedHTMLProps<react4.HTMLAttributes<HTMLDListElement>, HTMLDListElement>>;
-  dt?: FC<react4.DetailedHTMLProps<react4.HTMLAttributes<HTMLElement>, HTMLElement>>;
-  dd?: FC<react4.DetailedHTMLProps<react4.HTMLAttributes<HTMLElement>, HTMLElement>>;
-  table?: FC<react4.DetailedHTMLProps<react4.TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>>;
-  thead?: FC<react4.DetailedHTMLProps<react4.HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>>;
-  tbody?: FC<react4.DetailedHTMLProps<react4.HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>>;
-  tfoot?: FC<react4.DetailedHTMLProps<react4.HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>>;
-  td?: FC<react4.DetailedHTMLProps<react4.TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>>;
-  caption?: FC<react4.DetailedHTMLProps<react4.HTMLAttributes<HTMLElement>, HTMLElement>>;
-  colgroup?: FC<react4.DetailedHTMLProps<react4.ColgroupHTMLAttributes<HTMLTableColElement>, HTMLTableColElement>>;
-  col?: FC<react4.DetailedHTMLProps<react4.ColHTMLAttributes<HTMLTableColElement>, HTMLTableColElement>>;
-  form?: FC<react4.DetailedHTMLProps<react4.FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>>;
-  input?: FC<react4.DetailedHTMLProps<react4.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>>;
-  textarea?: FC<react4.DetailedHTMLProps<react4.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>>;
-  button?: FC<react4.DetailedHTMLProps<react4.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>>;
-  select?: FC<react4.DetailedHTMLProps<react4.SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement>>;
-  option?: FC<react4.DetailedHTMLProps<react4.OptionHTMLAttributes<HTMLOptionElement>, HTMLOptionElement>>;
-  optgroup?: FC<react4.DetailedHTMLProps<react4.OptgroupHTMLAttributes<HTMLOptGroupElement>, HTMLOptGroupElement>>;
-  label?: FC<react4.DetailedHTMLProps<react4.LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>>;
-  fieldset?: FC<react4.DetailedHTMLProps<react4.FieldsetHTMLAttributes<HTMLFieldSetElement>, HTMLFieldSetElement>>;
-  legend?: FC<react4.DetailedHTMLProps<react4.HTMLAttributes<HTMLLegendElement>, HTMLLegendElement>>;
-  datalist?: FC<react4.DetailedHTMLProps<react4.HTMLAttributes<HTMLDataListElement>, HTMLDataListElement>>;
-  output?: FC<react4.DetailedHTMLProps<react4.OutputHTMLAttributes<HTMLOutputElement>, HTMLOutputElement>>;
-  progress?: FC<react4.DetailedHTMLProps<react4.ProgressHTMLAttributes<HTMLProgressElement>, HTMLProgressElement>>;
-  meter?: FC<react4.DetailedHTMLProps<react4.MeterHTMLAttributes<HTMLMeterElement>, HTMLMeterElement>>;
-  img?: FC<react4.DetailedHTMLProps<react4.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>>;
-  video?: FC<react4.DetailedHTMLProps<react4.VideoHTMLAttributes<HTMLVideoElement>, HTMLVideoElement>>;
-  audio?: FC<react4.DetailedHTMLProps<react4.AudioHTMLAttributes<HTMLAudioElement>, HTMLAudioElement>>;
-  source?: FC<react4.DetailedHTMLProps<react4.SourceHTMLAttributes<HTMLSourceElement>, HTMLSourceElement>>;
-  track?: FC<react4.DetailedHTMLProps<react4.TrackHTMLAttributes<HTMLTrackElement>, HTMLTrackElement>>;
-  picture?: FC<react4.DetailedHTMLProps<react4.HTMLAttributes<HTMLElement>, HTMLElement>>;
-  figure?: FC<react4.DetailedHTMLProps<react4.HTMLAttributes<HTMLElement>, HTMLElement>>;
-  figcaption?: FC<react4.DetailedHTMLProps<react4.HTMLAttributes<HTMLElement>, HTMLElement>>;
-  iframe?: FC<react4.DetailedHTMLProps<react4.IframeHTMLAttributes<HTMLIFrameElement>, HTMLIFrameElement>>;
-  embed?: FC<react4.DetailedHTMLProps<react4.EmbedHTMLAttributes<HTMLEmbedElement>, HTMLEmbedElement>>;
-  canvas?: FC<react4.DetailedHTMLProps<react4.CanvasHTMLAttributes<HTMLCanvasElement>, HTMLCanvasElement>>;
-  svg?: FC<react4.SVGProps<SVGSVGElement>>;
-  details?: FC<react4.DetailedHTMLProps<react4.DetailsHTMLAttributes<HTMLDetailsElement>, HTMLDetailsElement>>;
-  summary?: FC<react4.DetailedHTMLProps<react4.HTMLAttributes<HTMLElement>, HTMLElement>>;
-  dialog?: FC<react4.DetailedHTMLProps<react4.DialogHTMLAttributes<HTMLDialogElement>, HTMLDialogElement>>;
-  br?: FC<react4.DetailedHTMLProps<react4.HTMLAttributes<HTMLBRElement>, HTMLBRElement>>;
-  wbr?: FC<react4.DetailedHTMLProps<react4.HTMLAttributes<HTMLElement>, HTMLElement>>;
-  ruby?: FC<react4.DetailedHTMLProps<react4.HTMLAttributes<HTMLElement>, HTMLElement>>;
-  rt?: FC<react4.DetailedHTMLProps<react4.HTMLAttributes<HTMLElement>, HTMLElement>>;
-  rp?: FC<react4.DetailedHTMLProps<react4.HTMLAttributes<HTMLElement>, HTMLElement>>;
-  bdi?: FC<react4.DetailedHTMLProps<react4.HTMLAttributes<HTMLElement>, HTMLElement>>;
-  bdo?: FC<react4.DetailedHTMLProps<react4.HTMLAttributes<HTMLElement>, HTMLElement>>;
-  data?: FC<react4.DetailedHTMLProps<react4.DataHTMLAttributes<HTMLDataElement>, HTMLDataElement>>;
-  template?: FC<react4.DetailedHTMLProps<react4.HTMLAttributes<HTMLTemplateElement>, HTMLTemplateElement>>;
+  object?: FC<react0.DetailedHTMLProps<react0.ObjectHTMLAttributes<HTMLObjectElement>, HTMLObjectElement>>;
+  hr?: FC<react0.DetailedHTMLProps<react0.HTMLAttributes<HTMLHRElement>, HTMLHRElement>>;
+  th?: FC<react0.DetailedHTMLProps<react0.ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>>;
+  tr?: FC<react0.DetailedHTMLProps<react0.HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>>;
+  slot?: FC<react0.DetailedHTMLProps<react0.SlotHTMLAttributes<HTMLSlotElement>, HTMLSlotElement>>;
+  small?: FC<react0.DetailedHTMLProps<react0.HTMLAttributes<HTMLElement>, HTMLElement>>;
+  sub?: FC<react0.DetailedHTMLProps<react0.HTMLAttributes<HTMLElement>, HTMLElement>>;
+  sup?: FC<react0.DetailedHTMLProps<react0.HTMLAttributes<HTMLElement>, HTMLElement>>;
+  html?: FC<react0.DetailedHTMLProps<react0.HtmlHTMLAttributes<HTMLHtmlElement>, HTMLHtmlElement>>;
+  head?: FC<react0.DetailedHTMLProps<react0.HTMLAttributes<HTMLHeadElement>, HTMLHeadElement>>;
+  body?: FC<react0.DetailedHTMLProps<react0.HTMLAttributes<HTMLBodyElement>, HTMLBodyElement>>;
+  main?: FC<react0.DetailedHTMLProps<react0.HTMLAttributes<HTMLElement>, HTMLElement>>;
+  header?: FC<react0.DetailedHTMLProps<react0.HTMLAttributes<HTMLElement>, HTMLElement>>;
+  footer?: FC<react0.DetailedHTMLProps<react0.HTMLAttributes<HTMLElement>, HTMLElement>>;
+  nav?: FC<react0.DetailedHTMLProps<react0.HTMLAttributes<HTMLElement>, HTMLElement>>;
+  aside?: FC<react0.DetailedHTMLProps<react0.HTMLAttributes<HTMLElement>, HTMLElement>>;
+  article?: FC<react0.DetailedHTMLProps<react0.HTMLAttributes<HTMLElement>, HTMLElement>>;
+  section?: FC<react0.DetailedHTMLProps<react0.HTMLAttributes<HTMLElement>, HTMLElement>>;
+  div?: FC<react0.DetailedHTMLProps<react0.HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
+  span?: FC<react0.DetailedHTMLProps<react0.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>>;
+  h1?: FC<react0.DetailedHTMLProps<react0.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>>;
+  h2?: FC<react0.DetailedHTMLProps<react0.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>>;
+  h3?: FC<react0.DetailedHTMLProps<react0.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>>;
+  h4?: FC<react0.DetailedHTMLProps<react0.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>>;
+  h5?: FC<react0.DetailedHTMLProps<react0.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>>;
+  h6?: FC<react0.DetailedHTMLProps<react0.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>>;
+  p?: FC<react0.DetailedHTMLProps<react0.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>>;
+  a?: FC<react0.DetailedHTMLProps<react0.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>>;
+  strong?: FC<react0.DetailedHTMLProps<react0.HTMLAttributes<HTMLElement>, HTMLElement>>;
+  b?: FC<react0.DetailedHTMLProps<react0.HTMLAttributes<HTMLElement>, HTMLElement>>;
+  em?: FC<react0.DetailedHTMLProps<react0.HTMLAttributes<HTMLElement>, HTMLElement>>;
+  i?: FC<react0.DetailedHTMLProps<react0.HTMLAttributes<HTMLElement>, HTMLElement>>;
+  u?: FC<react0.DetailedHTMLProps<react0.HTMLAttributes<HTMLElement>, HTMLElement>>;
+  s?: FC<react0.DetailedHTMLProps<react0.HTMLAttributes<HTMLElement>, HTMLElement>>;
+  del?: FC<react0.DetailedHTMLProps<react0.DelHTMLAttributes<HTMLModElement>, HTMLModElement>>;
+  ins?: FC<react0.DetailedHTMLProps<react0.InsHTMLAttributes<HTMLModElement>, HTMLModElement>>;
+  mark?: FC<react0.DetailedHTMLProps<react0.HTMLAttributes<HTMLElement>, HTMLElement>>;
+  code?: FC<react0.DetailedHTMLProps<react0.HTMLAttributes<HTMLElement>, HTMLElement>>;
+  pre?: FC<react0.DetailedHTMLProps<react0.HTMLAttributes<HTMLPreElement>, HTMLPreElement>>;
+  blockquote?: FC<react0.DetailedHTMLProps<react0.BlockquoteHTMLAttributes<HTMLQuoteElement>, HTMLQuoteElement>>;
+  q?: FC<react0.DetailedHTMLProps<react0.QuoteHTMLAttributes<HTMLQuoteElement>, HTMLQuoteElement>>;
+  cite?: FC<react0.DetailedHTMLProps<react0.HTMLAttributes<HTMLElement>, HTMLElement>>;
+  abbr?: FC<react0.DetailedHTMLProps<react0.HTMLAttributes<HTMLElement>, HTMLElement>>;
+  address?: FC<react0.DetailedHTMLProps<react0.HTMLAttributes<HTMLElement>, HTMLElement>>;
+  time?: FC<react0.DetailedHTMLProps<react0.TimeHTMLAttributes<HTMLTimeElement>, HTMLTimeElement>>;
+  kbd?: FC<react0.DetailedHTMLProps<react0.HTMLAttributes<HTMLElement>, HTMLElement>>;
+  samp?: FC<react0.DetailedHTMLProps<react0.HTMLAttributes<HTMLElement>, HTMLElement>>;
+  var?: FC<react0.DetailedHTMLProps<react0.HTMLAttributes<HTMLElement>, HTMLElement>>;
+  ul?: FC<react0.DetailedHTMLProps<react0.HTMLAttributes<HTMLUListElement>, HTMLUListElement>>;
+  ol?: FC<react0.DetailedHTMLProps<react0.OlHTMLAttributes<HTMLOListElement>, HTMLOListElement>>;
+  li?: FC<react0.DetailedHTMLProps<react0.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>>;
+  dl?: FC<react0.DetailedHTMLProps<react0.HTMLAttributes<HTMLDListElement>, HTMLDListElement>>;
+  dt?: FC<react0.DetailedHTMLProps<react0.HTMLAttributes<HTMLElement>, HTMLElement>>;
+  dd?: FC<react0.DetailedHTMLProps<react0.HTMLAttributes<HTMLElement>, HTMLElement>>;
+  table?: FC<react0.DetailedHTMLProps<react0.TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>>;
+  thead?: FC<react0.DetailedHTMLProps<react0.HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>>;
+  tbody?: FC<react0.DetailedHTMLProps<react0.HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>>;
+  tfoot?: FC<react0.DetailedHTMLProps<react0.HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>>;
+  td?: FC<react0.DetailedHTMLProps<react0.TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>>;
+  caption?: FC<react0.DetailedHTMLProps<react0.HTMLAttributes<HTMLElement>, HTMLElement>>;
+  colgroup?: FC<react0.DetailedHTMLProps<react0.ColgroupHTMLAttributes<HTMLTableColElement>, HTMLTableColElement>>;
+  col?: FC<react0.DetailedHTMLProps<react0.ColHTMLAttributes<HTMLTableColElement>, HTMLTableColElement>>;
+  form?: FC<react0.DetailedHTMLProps<react0.FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>>;
+  input?: FC<react0.DetailedHTMLProps<react0.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>>;
+  textarea?: FC<react0.DetailedHTMLProps<react0.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>>;
+  button?: FC<react0.DetailedHTMLProps<react0.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>>;
+  select?: FC<react0.DetailedHTMLProps<react0.SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement>>;
+  option?: FC<react0.DetailedHTMLProps<react0.OptionHTMLAttributes<HTMLOptionElement>, HTMLOptionElement>>;
+  optgroup?: FC<react0.DetailedHTMLProps<react0.OptgroupHTMLAttributes<HTMLOptGroupElement>, HTMLOptGroupElement>>;
+  label?: FC<react0.DetailedHTMLProps<react0.LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>>;
+  fieldset?: FC<react0.DetailedHTMLProps<react0.FieldsetHTMLAttributes<HTMLFieldSetElement>, HTMLFieldSetElement>>;
+  legend?: FC<react0.DetailedHTMLProps<react0.HTMLAttributes<HTMLLegendElement>, HTMLLegendElement>>;
+  datalist?: FC<react0.DetailedHTMLProps<react0.HTMLAttributes<HTMLDataListElement>, HTMLDataListElement>>;
+  output?: FC<react0.DetailedHTMLProps<react0.OutputHTMLAttributes<HTMLOutputElement>, HTMLOutputElement>>;
+  progress?: FC<react0.DetailedHTMLProps<react0.ProgressHTMLAttributes<HTMLProgressElement>, HTMLProgressElement>>;
+  meter?: FC<react0.DetailedHTMLProps<react0.MeterHTMLAttributes<HTMLMeterElement>, HTMLMeterElement>>;
+  img?: FC<react0.DetailedHTMLProps<react0.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>>;
+  video?: FC<react0.DetailedHTMLProps<react0.VideoHTMLAttributes<HTMLVideoElement>, HTMLVideoElement>>;
+  audio?: FC<react0.DetailedHTMLProps<react0.AudioHTMLAttributes<HTMLAudioElement>, HTMLAudioElement>>;
+  source?: FC<react0.DetailedHTMLProps<react0.SourceHTMLAttributes<HTMLSourceElement>, HTMLSourceElement>>;
+  track?: FC<react0.DetailedHTMLProps<react0.TrackHTMLAttributes<HTMLTrackElement>, HTMLTrackElement>>;
+  picture?: FC<react0.DetailedHTMLProps<react0.HTMLAttributes<HTMLElement>, HTMLElement>>;
+  figure?: FC<react0.DetailedHTMLProps<react0.HTMLAttributes<HTMLElement>, HTMLElement>>;
+  figcaption?: FC<react0.DetailedHTMLProps<react0.HTMLAttributes<HTMLElement>, HTMLElement>>;
+  iframe?: FC<react0.DetailedHTMLProps<react0.IframeHTMLAttributes<HTMLIFrameElement>, HTMLIFrameElement>>;
+  embed?: FC<react0.DetailedHTMLProps<react0.EmbedHTMLAttributes<HTMLEmbedElement>, HTMLEmbedElement>>;
+  canvas?: FC<react0.DetailedHTMLProps<react0.CanvasHTMLAttributes<HTMLCanvasElement>, HTMLCanvasElement>>;
+  svg?: FC<react0.SVGProps<SVGSVGElement>>;
+  details?: FC<react0.DetailedHTMLProps<react0.DetailsHTMLAttributes<HTMLDetailsElement>, HTMLDetailsElement>>;
+  summary?: FC<react0.DetailedHTMLProps<react0.HTMLAttributes<HTMLElement>, HTMLElement>>;
+  dialog?: FC<react0.DetailedHTMLProps<react0.DialogHTMLAttributes<HTMLDialogElement>, HTMLDialogElement>>;
+  br?: FC<react0.DetailedHTMLProps<react0.HTMLAttributes<HTMLBRElement>, HTMLBRElement>>;
+  wbr?: FC<react0.DetailedHTMLProps<react0.HTMLAttributes<HTMLElement>, HTMLElement>>;
+  ruby?: FC<react0.DetailedHTMLProps<react0.HTMLAttributes<HTMLElement>, HTMLElement>>;
+  rt?: FC<react0.DetailedHTMLProps<react0.HTMLAttributes<HTMLElement>, HTMLElement>>;
+  rp?: FC<react0.DetailedHTMLProps<react0.HTMLAttributes<HTMLElement>, HTMLElement>>;
+  bdi?: FC<react0.DetailedHTMLProps<react0.HTMLAttributes<HTMLElement>, HTMLElement>>;
+  bdo?: FC<react0.DetailedHTMLProps<react0.HTMLAttributes<HTMLElement>, HTMLElement>>;
+  data?: FC<react0.DetailedHTMLProps<react0.DataHTMLAttributes<HTMLDataElement>, HTMLDataElement>>;
+  template?: FC<react0.DetailedHTMLProps<react0.HTMLAttributes<HTMLTemplateElement>, HTMLTemplateElement>>;
 } & {
   [key: string]: FC<any>;
 };

package/dist/types/markdown/MarkdownRenderer.d.ts

@@ -1,6 +1,6 @@
 import { HTMLComponents } from "../html/HTMLComponentTypes.js";
 import { MarkdownProviderOptions } from "./MarkdownProvider.js";
-import * as react0 from "react";
+import * as react198 from "react";
 import { FC, HTMLAttributes, JSX, ReactNode } from "react";
 
 //#region src/markdown/MarkdownRenderer.d.ts
@@ -134,7 +134,7 @@ declare const useMarkdownRenderer: ({
   forceInline,
   preserveFrontmatter,
   tagfilter
-}?: RenderMarkdownProps) => (content: string) => string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | react0.ReactPortal | react0.ReactElement<unknown, string | react0.JSXElementConstructor<any>> | Iterable<ReactNode>> | JSX.Element;
+}?: RenderMarkdownProps) => (content: string) => string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | react198.ReactPortal | react198.ReactElement<unknown, string | react198.JSXElementConstructor<any>> | Iterable<ReactNode>> | JSX.Element;
 /**
  * Props for the MarkdownRenderer component.
  *

package/dist/types/markdown/MarkdownRenderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MarkdownRenderer.d.ts","names":[],"sources":["../../../src/markdown/MarkdownRenderer.tsx"],"mappings":";;;;;;;;;AA2BA;;;;;;;;;;;;;;;;KAAY,mBAAA,GAAsB,uBAAA;EAwBO;;AA4BzC;;;;;;;;;;;EAtCE,UAAA,GAAa,cAAA;EA6Dd;;;;;;;;;EAnDC,OAAA,GAAU,EAAA,CAAG,cAAA,CAAe,WAAA;AAAA;;;;;;;;;AAkG9B;;;;;;;;;;;;;;;;;cAtEa,cAAA,GACX,OAAA;EACA,UAAA;EAAA,OAAA;EAAA,UAAA;EAAA,WAAA;EAAA,mBAAA;EAAA;AAAA,IAOG,mBAAA,KACF,GAAA,CAAI,OAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+GP;;;;;;;;;;;;;;;;cAnDa,mBAAA;EAAuB,UAAA;EAAA,OAAA;EAAA,UAAA;EAAA,WAAA;EAAA,mBAAA;EAAA;AAAA,IAOjC,mBAAA,MAGO,OAAA,kDAAe,QAAA,CAAA,SAAA,IAAA,OAAA,sCAAA,MAAA,CAAA,WAAA,GAAA,MAAA,CAAA,YAAA,mBAAA,MAAA,CAAA,qBAAA,SAAA,QAAA,CAAA,SAAA,KAAA,GAAA,CAAA,OAAA;;;;;;;;;AAmJzB;;;;;;;KA1GY,qBAAA,GAAwB,mBAAA;;;;;;;;;;;EAWlC,QAAA;;;;;;;;;;;;;;;;;;;;;EAqBA,cAAA,IACE,QAAA,UACA,OAAA;IACE,UAAA,GAAa,cAAA;IACb,OAAA,GAAU,EAAA;IACV,UAAA;IACA,WAAA;IACA,mBAAA;IACA,SAAA;EAAA,MAEC,SAAA;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAgEM,gBAAA,EAAkB,EAAA,CAAG,qBAAA"}
+{"version":3,"file":"MarkdownRenderer.d.ts","names":[],"sources":["../../../src/markdown/MarkdownRenderer.tsx"],"mappings":";;;;;;;;;AA2BA;;;;;;;;;;;;;;;;KAAY,mBAAA,GAAsB,uBAAA;EAwBO;;AA4BzC;;;;;;;;;;;EAtCE,UAAA,GAAa,cAAA;EA6Dd;;;;;;;;;EAnDC,OAAA,GAAU,EAAA,CAAG,cAAA,CAAe,WAAA;AAAA;;;;;;;;;AAkG9B;;;;;;;;;;;;;;;;;cAtEa,cAAA,GACX,OAAA;EACA,UAAA;EAAA,OAAA;EAAA,UAAA;EAAA,WAAA;EAAA,mBAAA;EAAA;AAAA,IAOG,mBAAA,KACF,GAAA,CAAI,OAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+GP;;;;;;;;;;;;;;;;cAnDa,mBAAA;EAAuB,UAAA;EAAA,OAAA;EAAA,UAAA;EAAA,WAAA;EAAA,mBAAA;EAAA;AAAA,IAOjC,mBAAA,MAGO,OAAA,kDAAe,QAAA,CAAA,SAAA,IAAA,OAAA,sCAAA,QAAA,CAAA,WAAA,GAAA,QAAA,CAAA,YAAA,mBAAA,QAAA,CAAA,qBAAA,SAAA,QAAA,CAAA,SAAA,KAAA,GAAA,CAAA,OAAA;;;;;;;;;AAmJzB;;;;;;;KA1GY,qBAAA,GAAwB,mBAAA;;;;;;;;;;;EAWlC,QAAA;;;;;;;;;;;;;;;;;;;;;EAqBA,cAAA,IACE,QAAA,UACA,OAAA;IACE,UAAA,GAAa,cAAA;IACb,OAAA,GAAU,EAAA;IACV,UAAA;IACA,WAAA;IACA,mBAAA;IACA,SAAA;EAAA,MAEC,SAAA;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAgEM,gBAAA,EAAkB,EAAA,CAAG,qBAAA"}

package/dist/types/plugins.d.ts

@@ -27,7 +27,7 @@ type InsertionCond<T> = T extends {
   nodeType: NodeType | string;
   [NodeType.Insertion]: string;
   fields: readonly string[];
-} ? (values: { [K in T['fields'][number]]: ReactNode }) => ReactNode : never;
+} ? <V extends { [K in T['fields'][number]]: ReactNode }>(values: V) => V[keyof V] extends string | number ? IntlayerNode<string> : IntlayerNode<ReactNode> : never;
 /** Insertion plugin for React. Handles component/node insertion. */
 declare const insertionPlugin: Plugins;
 /**

package/dist/types/plugins.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"plugins.d.ts","names":[],"sources":["../../src/plugins.tsx"],"mappings":";;;;;;;;;AAkCA;KAAY,gBAAA,MAAsB,CAAA,2BAC9B,YAAA,CAAa,CAAA;;cAIJ,mBAAA,EAAqB,OAAA;;;;KA0BtB,aAAA,MAAmB,CAAA;EAC7B,KAAA;EACA,GAAA;AAAA,IAEE,SAAA;;cAIS,gBAAA,EAAkB,OAAA;;AAlC/B;;KA+DY,aAAA,MAAmB,CAAA;EAC7B,QAAA,EAAU,QAAA;EAAA,CACT,QAAA,CAAS,SAAA;EACV,MAAA;AAAA,KAGI,MAAA,UACQ,CAAA,qBAAsB,SAAA,OAE3B,SAAA;;cA4BI,eAAA,EAAiB,OAAA;;;;KAkFlB,kBAAA,MAAwB,CAAA,kBAChC,YAAA;EAGI,QAAA,EAAU,oBAAA;EACV,GAAA,GAAM,UAAA,EAAY,cAAA,uBAAqC,SAAA;AAAA;;cAMlD,oBAAA,EAAsB,OAAA;AAAA,KA+EvB,YAAA,MAAkB,CAAA;EAC5B,QAAA,EAAU,QAAA;EAAA,CACT,QAAA,CAAS,QAAA;EACV,IAAA;EACA,QAAA;AAAA,IAEE,YAAA,CACE,CAAA;EAEE,GAAA,GAAM,UAAA,GAAa,cAAA,eAA6B,CAAA,MAAO,SAAA;EACvD,QAAA,EAAU,oBAAA,CAAqB,CAAA;AAAA;AAAA,cAK1B,cAAA,EAAgB,OAAA;;;;;;;;;;;;KAmCjB,cAAA,MAAoB,CAAA;EAC9B,QAAA,EAAU,QAAA;EAAA,CACT,QAAA,CAAS,IAAA;EACV,IAAA;AAAA,IAEE,YAAA,CACE,CAAA;EAEE,GAAA,GAAM,UAAA,GAAa,cAAA,eAA6B,CAAA,MAAO,SAAA;AAAA;;cAMlD,UAAA,EAAY,OAAA;;;AA1JzB;KA8LY,uBAAA,mBAA0C,aAAA;EACpD,SAAA,EAAW,aAAA,CAAc,CAAA;EACzB,iBAAA,EAAmB,gBAAA,CAAiB,CAAA;EACpC,cAAA,EAAgB,aAAA,CAAc,CAAA;EAC9B,aAAA,EAAe,YAAA,CAAa,CAAA;EAC5B,SAAA,EAAW,cAAA,CAAe,CAAA;AAAA;;;;;;KAQhB,uBAAA,GAA0B,IAAA,CACpC,yBAAA;EAGA,SAAA;EACA,iBAAA;EACA,aAAA;EACA,SAAA;EACA,cAAA;AAAA;AAAA,KAGU,oBAAA,cAEA,aAAA,GAAgB,eAAA,IACxB,sBAAA,CAAyB,CAAA,EAAG,uBAAA,EAAyB,CAAA"}
+{"version":3,"file":"plugins.d.ts","names":[],"sources":["../../src/plugins.tsx"],"mappings":";;;;;;;;;AAkCA;KAAY,gBAAA,MAAsB,CAAA,2BAC9B,YAAA,CAAa,CAAA;;cAIJ,mBAAA,EAAqB,OAAA;;;;KA0BtB,aAAA,MAAmB,CAAA;EAC7B,KAAA;EACA,GAAA;AAAA,IAEE,SAAA;;cAIS,gBAAA,EAAkB,OAAA;;AAlC/B;;KA+DY,aAAA,MAAmB,CAAA;EAC7B,QAAA,EAAU,QAAA;EAAA,CACT,QAAA,CAAS,SAAA;EACV,MAAA;AAAA,uBAEqB,CAAA,qBAAsB,SAAA,IACvC,MAAA,EAAQ,CAAA,KACL,CAAA,OAAQ,CAAA,4BACT,YAAA,WACA,YAAA,CAAa,SAAA;;cA4BR,eAAA,EAAiB,OAAA;;;;KAkFlB,kBAAA,MAAwB,CAAA,kBAChC,YAAA;EAGI,QAAA,EAAU,oBAAA;EACV,GAAA,GAAM,UAAA,EAAY,cAAA,uBAAqC,SAAA;AAAA;;cAMlD,oBAAA,EAAsB,OAAA;AAAA,KA+EvB,YAAA,MAAkB,CAAA;EAC5B,QAAA,EAAU,QAAA;EAAA,CACT,QAAA,CAAS,QAAA;EACV,IAAA;EACA,QAAA;AAAA,IAEE,YAAA,CACE,CAAA;EAEE,GAAA,GAAM,UAAA,GAAa,cAAA,eAA6B,CAAA,MAAO,SAAA;EACvD,QAAA,EAAU,oBAAA,CAAqB,CAAA;AAAA;AAAA,cAK1B,cAAA,EAAgB,OAAA;;;;;;;;;;;;KAmCjB,cAAA,MAAoB,CAAA;EAC9B,QAAA,EAAU,QAAA;EAAA,CACT,QAAA,CAAS,IAAA;EACV,IAAA;AAAA,IAEE,YAAA,CACE,CAAA;EAEE,GAAA,GAAM,UAAA,GAAa,cAAA,eAA6B,CAAA,MAAO,SAAA;AAAA;;cAMlD,UAAA,EAAY,OAAA;;;;KAoCb,uBAAA,mBAA0C,aAAA;EACpD,SAAA,EAAW,aAAA,CAAc,CAAA;EACzB,iBAAA,EAAmB,gBAAA,CAAiB,CAAA;EACpC,cAAA,EAAgB,aAAA,CAAc,CAAA;EAC9B,aAAA,EAAe,YAAA,CAAa,CAAA;EAC5B,SAAA,EAAW,cAAA,CAAe,CAAA;AAAA;;;;AAnM5B;;KA2MY,uBAAA,GAA0B,IAAA,CACpC,yBAAA;EAGA,SAAA;EACA,iBAAA;EACA,aAAA;EACA,SAAA;EACA,cAAA;AAAA;AAAA,KAGU,oBAAA,cAEA,aAAA,GAAgB,eAAA,IACxB,sBAAA,CAAyB,CAAA,EAAG,uBAAA,EAAyB,CAAA"}

package/dist/types/server/IntlayerServerProvider.d.ts

@@ -1,4 +1,4 @@
-import * as react3 from "react";
+import * as react202 from "react";
 import { FC, PropsWithChildren } from "react";
 import { LocalesValues } from "@intlayer/types";
 
@@ -13,7 +13,7 @@ declare const IntlayerServerContext: FC<PropsWithChildren<{
     value?: LocalesValues;
   }>>;
   Consumer: FC<PropsWithChildren<{
-    children: (context: LocalesValues) => react3.ReactNode;
+    children: (context: LocalesValues) => react202.ReactNode;
   }>>;
   _storage: () => {
     value: LocalesValues;

package/dist/types/server/useDictionaryAsync.d.ts

@@ -1,5 +1,5 @@
 import { IInterpreterPluginState as IInterpreterPluginState$1 } from "../plugins.js";
-import * as _intlayer_core2 from "@intlayer/core";
+import * as _intlayer_core4 from "@intlayer/core";
 import { DeclaredLocales, Dictionary, LocalesValues, StrictModeLocaleMap } from "@intlayer/types";
 
 //#region src/server/useDictionaryAsync.d.ts
@@ -8,7 +8,7 @@ import { DeclaredLocales, Dictionary, LocalesValues, StrictModeLocaleMap } from
  *
  * If the locale is not provided, it will use the locale from the server context
  */
-declare const useDictionaryAsync: <T extends Dictionary, L extends LocalesValues = DeclaredLocales>(dictionaryPromise: StrictModeLocaleMap<() => Promise<T>>, locale?: L) => Promise<_intlayer_core2.DeepTransformContent<T["content"], IInterpreterPluginState$1, L>>;
+declare const useDictionaryAsync: <T extends Dictionary, L extends LocalesValues = DeclaredLocales>(dictionaryPromise: StrictModeLocaleMap<() => Promise<T>>, locale?: L) => Promise<_intlayer_core4.DeepTransformContent<T["content"], IInterpreterPluginState$1, L>>;
 //#endregion
 export { useDictionaryAsync };
 //# sourceMappingURL=useDictionaryAsync.d.ts.map

package/dist/types/server/useDictionaryDynamic.d.ts

@@ -1,5 +1,5 @@
 import { IInterpreterPluginState as IInterpreterPluginState$1 } from "../plugins.js";
-import * as _intlayer_core5 from "@intlayer/core";
+import * as _intlayer_core2 from "@intlayer/core";
 import { DeclaredLocales, Dictionary, LocalesValues, StrictModeLocaleMap } from "@intlayer/types";
 
 //#region src/server/useDictionaryDynamic.d.ts
@@ -8,7 +8,7 @@ import { DeclaredLocales, Dictionary, LocalesValues, StrictModeLocaleMap } from
  *
  * If the locale is not provided, it will use the locale from the server context
  */
-declare const useDictionaryDynamic: <T extends Dictionary, L extends LocalesValues = DeclaredLocales>(dictionaryPromise: StrictModeLocaleMap<() => Promise<T>>, key: string, locale?: L) => _intlayer_core5.DeepTransformContent<T["content"], IInterpreterPluginState$1, L>;
+declare const useDictionaryDynamic: <T extends Dictionary, L extends LocalesValues = DeclaredLocales>(dictionaryPromise: StrictModeLocaleMap<() => Promise<T>>, key: string, locale?: L) => _intlayer_core2.DeepTransformContent<T["content"], IInterpreterPluginState$1, L>;
 //#endregion
 export { useDictionaryDynamic };
 //# sourceMappingURL=useDictionaryDynamic.d.ts.map

package/dist/types/server/useIntlayer.d.ts

@@ -1,6 +1,6 @@
 import { IInterpreterPluginState as IInterpreterPluginState$1 } from "../plugins.js";
-import * as _intlayer_core4 from "@intlayer/core";
-import * as _intlayer_types15 from "@intlayer/types";
+import * as _intlayer_core5 from "@intlayer/core";
+import * as _intlayer_types8 from "@intlayer/types";
 import { DictionaryKeys, LocalesValues } from "@intlayer/types";
 
 //#region src/server/useIntlayer.d.ts
@@ -9,7 +9,7 @@ import { DictionaryKeys, LocalesValues } from "@intlayer/types";
  *
  * If the locale is not provided, it will use the locale from the server context
  */
-declare const useIntlayer: <T extends DictionaryKeys, L extends LocalesValues>(key: T, locale?: L) => _intlayer_core4.DeepTransformContent<_intlayer_types15.DictionaryRegistryContent<T>, IInterpreterPluginState$1, L>;
+declare const useIntlayer: <T extends DictionaryKeys, L extends LocalesValues>(key: T, locale?: L) => _intlayer_core5.DeepTransformContent<_intlayer_types8.DictionaryRegistryContent<T>, IInterpreterPluginState$1, L>;
 //#endregion
 export { useIntlayer };
 //# sourceMappingURL=useIntlayer.d.ts.map

package/dist/types/server/useIntlayer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useIntlayer.d.ts","names":[],"sources":["../../../src/server/useIntlayer.ts"],"mappings":";;;;;;;;;;;cAUa,WAAA,aAAyB,cAAA,YAA0B,aAAA,EAC9D,GAAA,EAAK,CAAA,EACL,MAAA,GAAS,CAAA,KAAC,eAAA,CAAA,oBAAA,CAAA,iBAAA,CAAA,yBAAA,CAAA,CAAA,GAAA,yBAAA,EAAA,CAAA"}
+{"version":3,"file":"useIntlayer.d.ts","names":[],"sources":["../../../src/server/useIntlayer.ts"],"mappings":";;;;;;;;;;;cAUa,WAAA,aAAyB,cAAA,YAA0B,aAAA,EAC9D,GAAA,EAAK,CAAA,EACL,MAAA,GAAS,CAAA,KAAC,eAAA,CAAA,oBAAA,CAAA,gBAAA,CAAA,yBAAA,CAAA,CAAA,GAAA,yBAAA,EAAA,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-intlayer",
-  "version": "8.0.1-canary.1",
+  "version": "8.0.2-canary.0",
   "private": false,
   "description": "Easily internationalize i18n your React applications with type-safe multilingual content management.",
   "keywords": [
@@ -116,14 +116,14 @@
     "typecheck": "tsc --noEmit --project tsconfig.types.json"
   },
   "dependencies": {
-    "@intlayer/api": "8.0.1-canary.1",
-    "@intlayer/config": "8.0.1-canary.1",
-    "@intlayer/core": "8.0.1-canary.1",
-    "@intlayer/dictionaries-entry": "8.0.1-canary.1",
-    "@intlayer/editor-react": "8.0.1-canary.1",
-    "@intlayer/types": "8.0.1-canary.1",
-    "@intlayer/unmerged-dictionaries-entry": "8.0.1-canary.1",
-    "intlayer": "8.0.1-canary.1"
+    "@intlayer/api": "8.0.2-canary.0",
+    "@intlayer/config": "8.0.2-canary.0",
+    "@intlayer/core": "8.0.2-canary.0",
+    "@intlayer/dictionaries-entry": "8.0.2-canary.0",
+    "@intlayer/editor-react": "8.0.2-canary.0",
+    "@intlayer/types": "8.0.2-canary.0",
+    "@intlayer/unmerged-dictionaries-entry": "8.0.2-canary.0",
+    "intlayer": "8.0.2-canary.0"
   },
   "devDependencies": {
     "@craco/types": "7.1.0",