react-intlayer 5.2.9 → 5.3.0

package/dist/cjs/IntlayerNode.cjs

@@ -18,14 +18,15 @@ var __copyProps = (to, from, except, desc) => {
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var IntlayerNode_exports = {};
 __export(IntlayerNode_exports, {
-  rendererIntlayerNode: () => rendererIntlayerNode
+  renderIntlayerNode: () => renderIntlayerNode
 });
 module.exports = __toCommonJS(IntlayerNode_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
-const rendererIntlayerNode = ({
+const renderIntlayerNode = ({
+  children,
   value,
-  children
+  additionalProps
 }) => {
   const element = (0, import_react.isValidElement)(children) ? children : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children });
   return new Proxy(element, {
@@ -33,12 +34,15 @@ const rendererIntlayerNode = ({
       if (prop === "value") {
         return value;
       }
+      if (additionalProps && Object.keys(additionalProps).includes(prop)) {
+        return additionalProps[prop];
+      }
       return Reflect.get(target, prop, receiver);
     }
   });
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  rendererIntlayerNode
+  renderIntlayerNode
 });
 //# sourceMappingURL=IntlayerNode.cjs.map

package/dist/cjs/IntlayerNode.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/IntlayerNode.tsx"],"sourcesContent":["import type { NodeProps } from '@intlayer/core';\nimport {\n  type PropsWithChildren,\n  type ReactNode,\n  type ReactElement,\n  isValidElement,\n} from 'react';\n\nexport type IntlayerNode<T = NodeProps['content']> = ReactNode & {\n  value: T;\n};\n\nexport const rendererIntlayerNode = <\n  T extends number | string | boolean | undefined | null,\n>({\n  value,\n  children,\n}: PropsWithChildren<{\n  value: T;\n}>): IntlayerNode => {\n  // If children is not a valid ReactElement, wrap it in a fragment\n  const element: ReactElement<any> = isValidElement(children) ? (\n    children\n  ) : (\n    <>{children}</>\n  );\n\n  // Return a Proxy that pretends to be the original element\n  // but also has a .value getter.\n  return new Proxy(element as ReactElement, {\n    get(target, prop, receiver) {\n      if (prop === 'value') {\n        return value;\n      }\n      return Reflect.get(target, prop, receiver);\n    },\n  }) as IntlayerNode<T>;\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAwBI;AAvBJ,mBAKO;AAMA,MAAM,uBAAuB,CAElC;AAAA,EACA;AAAA,EACA;AACF,MAEqB;AAEnB,QAAM,cAA6B,6BAAe,QAAQ,IACxD,WAEA,2EAAG,UAAS;AAKd,SAAO,IAAI,MAAM,SAAyB;AAAA,IACxC,IAAI,QAAQ,MAAM,UAAU;AAC1B,UAAI,SAAS,SAAS;AACpB,eAAO;AAAA,MACT;AACA,aAAO,QAAQ,IAAI,QAAQ,MAAM,QAAQ;AAAA,IAC3C;AAAA,EACF,CAAC;AACH;","names":[]}
+{"version":3,"sources":["../../src/IntlayerNode.tsx"],"sourcesContent":["import type { NodeProps } from '@intlayer/core';\nimport {\n  type PropsWithChildren,\n  type ReactNode,\n  type ReactElement,\n  isValidElement,\n} from 'react';\n\nexport type IntlayerNode<\n  T = NodeProps['children'],\n  AdditionalProps = {},\n> = ReactNode & {\n  value: T;\n} & AdditionalProps;\n\ntype RenderIntlayerNodeProps<T> = PropsWithChildren<{\n  value: T;\n  children: ReactNode;\n  additionalProps?: { [key: string]: any };\n}>;\n\nexport const renderIntlayerNode = <\n  T extends number | string | boolean | undefined | null,\n>({\n  children,\n  value,\n  additionalProps,\n}: RenderIntlayerNodeProps<T>): IntlayerNode<T> => {\n  // If children is not a valid ReactElement, wrap it in a fragment\n  const element: ReactElement<any> = isValidElement(children) ? (\n    children\n  ) : (\n    <>{children}</>\n  );\n\n  // Return a Proxy that pretends to be the original element\n  // but also has a .value getter.\n  return new Proxy(element as ReactElement, {\n    get(target, prop, receiver) {\n      if (prop === 'value') {\n        return value;\n      }\n\n      if (\n        additionalProps &&\n        Object.keys(additionalProps).includes(prop as string)\n      ) {\n        return additionalProps[prop as keyof typeof additionalProps];\n      }\n\n      return Reflect.get(target, prop, receiver);\n    },\n  }) as IntlayerNode<T>;\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAgCI;AA/BJ,mBAKO;AAeA,MAAM,qBAAqB,CAEhC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAmD;AAEjD,QAAM,cAA6B,6BAAe,QAAQ,IACxD,WAEA,2EAAG,UAAS;AAKd,SAAO,IAAI,MAAM,SAAyB;AAAA,IACxC,IAAI,QAAQ,MAAM,UAAU;AAC1B,UAAI,SAAS,SAAS;AACpB,eAAO;AAAA,MACT;AAEA,UACE,mBACA,OAAO,KAAK,eAAe,EAAE,SAAS,IAAc,GACpD;AACA,eAAO,gBAAgB,IAAoC;AAAA,MAC7D;AAEA,aAAO,QAAQ,IAAI,QAAQ,MAAM,QAAQ;AAAA,IAC3C;AAAA,EACF,CAAC;AACH;","names":[]}

package/dist/cjs/editor/ContentSelectorWrapper.cjs

@@ -19,7 +19,7 @@ var __copyProps = (to, from, except, desc) => {
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var ContentSelectorWrapper_exports = {};
 __export(ContentSelectorWrapper_exports, {
-  ContentSelectorWrapper: () => ContentSelectorWrapper
+  ContentSelectorRenderer: () => ContentSelectorRenderer
 });
 module.exports = __toCommonJS(ContentSelectorWrapper_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
@@ -31,38 +31,23 @@ var import_ContentSelector = require('../UI/ContentSelector.cjs');
 const ContentSelectorWrapperContent = ({
   children,
   dictionaryKey,
-  keyPath,
-  dictionaryPath,
-  ...props
+  keyPath
 }) => {
   const { focusedContent, setFocusedContent } = (0, import_editor_react.useFocusDictionary)();
-  const { getEditedContentValue } = (0, import_editor_react.useEditedContentActions)();
-  const editedValue = (0, import_react.useMemo)(
-    () => getEditedContentValue(dictionaryKey, keyPath),
-    [dictionaryKey, keyPath, getEditedContentValue]
-  );
-  const [displayedChildren, setDisplayedChildren] = (0, import_react.useState)(children);
   const handleSelect = (0, import_react.useCallback)(
     () => setFocusedContent({
       dictionaryKey,
       keyPath
     }),
-    [dictionaryKey, keyPath, setFocusedContent]
+    [dictionaryKey, keyPath]
   );
   const isSelected = (0, import_react.useMemo)(
     () => (focusedContent?.dictionaryKey === dictionaryKey && (focusedContent?.keyPath?.length ?? 0) > 0 && (0, import_core.isSameKeyPath)(focusedContent?.keyPath ?? [], keyPath)) ?? false,
     [focusedContent, keyPath, dictionaryKey]
   );
-  (0, import_react.useEffect)(() => {
-    if (editedValue && typeof editedValue === "string") {
-      setDisplayedChildren(editedValue);
-    } else {
-      setDisplayedChildren(children);
-    }
-  }, [editedValue, focusedContent, children]);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ContentSelector.ContentSelector, { onPress: handleSelect, isSelecting: isSelected, ...props, children: displayedChildren });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ContentSelector.ContentSelector, { onPress: handleSelect, isSelecting: isSelected, children });
 };
-const ContentSelectorWrapper = ({
+const ContentSelectorRenderer = ({
   children,
   ...props
 }) => {
@@ -71,10 +56,10 @@ const ContentSelectorWrapper = ({
   if (enabled && !disableEditor) {
     return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ContentSelectorWrapperContent, { ...props, children });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children });
+  return children;
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  ContentSelectorWrapper
+  ContentSelectorRenderer
 });
 //# sourceMappingURL=ContentSelectorWrapper.cjs.map

package/dist/cjs/editor/ContentSelectorWrapper.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/editor/ContentSelectorWrapper.tsx"],"sourcesContent":["'use client';\n\nimport { type NodeProps, isSameKeyPath } from '@intlayer/core';\nimport {\n  useFocusDictionary,\n  useEditedContentActions,\n  useEditorEnabled,\n} from '@intlayer/editor-react';\nimport {\n  type HTMLAttributes,\n  useCallback,\n  useEffect,\n  useState,\n  useMemo,\n  type FC,\n  type ReactNode,\n} from 'react';\nimport { useIntlayerContext } from '../client';\nimport { ContentSelector } from '../UI/ContentSelector';\n\nexport type ContentSelectorWrapperProps = NodeProps &\n  Omit<HTMLAttributes<HTMLDivElement>, 'content'>;\n\nconst ContentSelectorWrapperContent: FC<ContentSelectorWrapperProps> = ({\n  children,\n  dictionaryKey,\n  keyPath,\n  dictionaryPath,\n  ...props\n}) => {\n  const { focusedContent, setFocusedContent } = useFocusDictionary();\n  const { getEditedContentValue } = useEditedContentActions();\n\n  const editedValue = useMemo(\n    () => getEditedContentValue(dictionaryKey, keyPath),\n    [dictionaryKey, keyPath, getEditedContentValue]\n  );\n\n  const [displayedChildren, setDisplayedChildren] =\n    useState<ReactNode>(children);\n\n  const handleSelect = useCallback(\n    () =>\n      setFocusedContent({\n        dictionaryKey,\n        keyPath,\n      }),\n    [dictionaryKey, keyPath, setFocusedContent]\n  );\n\n  const isSelected = useMemo(\n    () =>\n      (focusedContent?.dictionaryKey === dictionaryKey &&\n        (focusedContent?.keyPath?.length ?? 0) > 0 &&\n        isSameKeyPath(focusedContent?.keyPath ?? [], keyPath)) ??\n      false,\n    [focusedContent, keyPath, dictionaryKey]\n  );\n\n  useEffect(() => {\n    // Use useEffect to avoid 'Text content does not match server-rendered HTML' error\n    if (editedValue && typeof editedValue === 'string') {\n      setDisplayedChildren(editedValue);\n    } else {\n      setDisplayedChildren(children);\n    }\n  }, [editedValue, focusedContent, children]);\n\n  return (\n    <ContentSelector onPress={handleSelect} isSelecting={isSelected} {...props}>\n      {displayedChildren}\n    </ContentSelector>\n  );\n};\n\nexport const ContentSelectorWrapper: FC<ContentSelectorWrapperProps> = ({\n  children,\n  ...props\n}) => {\n  const { enabled } = useEditorEnabled();\n  const { disableEditor } = useIntlayerContext();\n\n  if (enabled && !disableEditor) {\n    return (\n      <ContentSelectorWrapperContent {...props}>\n        {children}\n      </ContentSelectorWrapperContent>\n    );\n  }\n\n  return <>{children}</>;\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAqEI;AAnEJ,kBAA8C;AAC9C,0BAIO;AACP,mBAQO;AACP,oBAAmC;AACnC,6BAAgC;AAKhC,MAAM,gCAAiE,CAAC;AAAA,EACtE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,EAAE,gBAAgB,kBAAkB,QAAI,wCAAmB;AACjE,QAAM,EAAE,sBAAsB,QAAI,6CAAwB;AAE1D,QAAM,kBAAc;AAAA,IAClB,MAAM,sBAAsB,eAAe,OAAO;AAAA,IAClD,CAAC,eAAe,SAAS,qBAAqB;AAAA,EAChD;AAEA,QAAM,CAAC,mBAAmB,oBAAoB,QAC5C,uBAAoB,QAAQ;AAE9B,QAAM,mBAAe;AAAA,IACnB,MACE,kBAAkB;AAAA,MAChB;AAAA,MACA;AAAA,IACF,CAAC;AAAA,IACH,CAAC,eAAe,SAAS,iBAAiB;AAAA,EAC5C;AAEA,QAAM,iBAAa;AAAA,IACjB,OACG,gBAAgB,kBAAkB,kBAChC,gBAAgB,SAAS,UAAU,KAAK,SACzC,2BAAc,gBAAgB,WAAW,CAAC,GAAG,OAAO,MACtD;AAAA,IACF,CAAC,gBAAgB,SAAS,aAAa;AAAA,EACzC;AAEA,8BAAU,MAAM;AAEd,QAAI,eAAe,OAAO,gBAAgB,UAAU;AAClD,2BAAqB,WAAW;AAAA,IAClC,OAAO;AACL,2BAAqB,QAAQ;AAAA,IAC/B;AAAA,EACF,GAAG,CAAC,aAAa,gBAAgB,QAAQ,CAAC;AAE1C,SACE,4CAAC,0CAAgB,SAAS,cAAc,aAAa,YAAa,GAAG,OAClE,6BACH;AAEJ;AAEO,MAAM,yBAA0D,CAAC;AAAA,EACtE;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,EAAE,QAAQ,QAAI,sCAAiB;AACrC,QAAM,EAAE,cAAc,QAAI,kCAAmB;AAE7C,MAAI,WAAW,CAAC,eAAe;AAC7B,WACE,4CAAC,iCAA+B,GAAG,OAChC,UACH;AAAA,EAEJ;AAEA,SAAO,2EAAG,UAAS;AACrB;","names":[]}
+{"version":3,"sources":["../../../src/editor/ContentSelectorWrapper.tsx"],"sourcesContent":["'use client';\n\nimport { type NodeProps, isSameKeyPath } from '@intlayer/core';\nimport { useFocusDictionary, useEditorEnabled } from '@intlayer/editor-react';\nimport { type HTMLAttributes, useCallback, useMemo, type FC } from 'react';\nimport { useIntlayerContext } from '../client';\nimport { ContentSelector } from '../UI/ContentSelector';\n\nexport type ContentSelectorWrapperProps = NodeProps &\n  Omit<HTMLAttributes<HTMLDivElement>, 'children'>;\n\nconst ContentSelectorWrapperContent: FC<ContentSelectorWrapperProps> = ({\n  children,\n  dictionaryKey,\n  keyPath,\n}) => {\n  const { focusedContent, setFocusedContent } = useFocusDictionary();\n\n  const handleSelect = useCallback(\n    () =>\n      setFocusedContent({\n        dictionaryKey,\n        keyPath,\n      }),\n    [dictionaryKey, keyPath]\n  );\n\n  const isSelected = useMemo(\n    () =>\n      (focusedContent?.dictionaryKey === dictionaryKey &&\n        (focusedContent?.keyPath?.length ?? 0) > 0 &&\n        isSameKeyPath(focusedContent?.keyPath ?? [], keyPath)) ??\n      false,\n    [focusedContent, keyPath, dictionaryKey]\n  );\n\n  return (\n    <ContentSelector onPress={handleSelect} isSelecting={isSelected}>\n      {children}\n    </ContentSelector>\n  );\n};\n\nexport const ContentSelectorRenderer: FC<ContentSelectorWrapperProps> = ({\n  children,\n  ...props\n}) => {\n  const { enabled } = useEditorEnabled();\n  const { disableEditor } = useIntlayerContext();\n\n  if (enabled && !disableEditor) {\n    return (\n      <ContentSelectorWrapperContent {...props}>\n        {children}\n      </ContentSelectorWrapperContent>\n    );\n  }\n\n  return children;\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAqCI;AAnCJ,kBAA8C;AAC9C,0BAAqD;AACrD,mBAAmE;AACnE,oBAAmC;AACnC,6BAAgC;AAKhC,MAAM,gCAAiE,CAAC;AAAA,EACtE;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,EAAE,gBAAgB,kBAAkB,QAAI,wCAAmB;AAEjE,QAAM,mBAAe;AAAA,IACnB,MACE,kBAAkB;AAAA,MAChB;AAAA,MACA;AAAA,IACF,CAAC;AAAA,IACH,CAAC,eAAe,OAAO;AAAA,EACzB;AAEA,QAAM,iBAAa;AAAA,IACjB,OACG,gBAAgB,kBAAkB,kBAChC,gBAAgB,SAAS,UAAU,KAAK,SACzC,2BAAc,gBAAgB,WAAW,CAAC,GAAG,OAAO,MACtD;AAAA,IACF,CAAC,gBAAgB,SAAS,aAAa;AAAA,EACzC;AAEA,SACE,4CAAC,0CAAgB,SAAS,cAAc,aAAa,YAClD,UACH;AAEJ;AAEO,MAAM,0BAA2D,CAAC;AAAA,EACvE;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,EAAE,QAAQ,QAAI,sCAAiB;AACrC,QAAM,EAAE,cAAc,QAAI,kCAAmB;AAE7C,MAAI,WAAW,CAAC,eAAe;AAC7B,WACE,4CAAC,iCAA+B,GAAG,OAChC,UACH;AAAA,EAEJ;AAEA,SAAO;AACT;","names":[]}

package/dist/cjs/editor/index.cjs

@@ -16,10 +16,8 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var editor_exports = {};
 module.exports = __toCommonJS(editor_exports);
 __reExport(editor_exports, require('./ContentSelectorWrapper.cjs'), module.exports);
-__reExport(editor_exports, require('./renderContentEditor.cjs'), module.exports);
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  ...require('./ContentSelectorWrapper.cjs'),
-  ...require('./renderContentEditor.cjs')
+  ...require('./ContentSelectorWrapper.cjs')
 });
 //# sourceMappingURL=index.cjs.map

package/dist/cjs/editor/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/editor/index.ts"],"sourcesContent":["export * from './ContentSelectorWrapper';\nexport * from './renderContentEditor';\n"],"mappings":";;;;;;;;;;;;;;;AAAA;AAAA;AAAA,2BAAc,qCAAd;AACA,2BAAc,kCADd;","names":[]}
+{"version":3,"sources":["../../../src/editor/index.ts"],"sourcesContent":["export * from './ContentSelectorWrapper';\n"],"mappings":";;;;;;;;;;;;;;;AAAA;AAAA;AAAA,2BAAc,qCAAd;","names":[]}

package/dist/cjs/editor/useEditedContentRenderer.cjs

@@ -0,0 +1,52 @@
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var useEditedContentRenderer_exports = {};
+__export(useEditedContentRenderer_exports, {
+  EditedContentRenderer: () => EditedContentRenderer,
+  useEditedContentRenderer: () => useEditedContentRenderer
+});
+module.exports = __toCommonJS(useEditedContentRenderer_exports);
+var import_editor_react = require("@intlayer/editor-react");
+const useEditedContentRenderer = ({
+  dictionaryKey,
+  keyPath,
+  children
+}) => {
+  const editedContentContext = (0, import_editor_react.useEditedContentActions)();
+  if (editedContentContext) {
+    const editedValue = editedContentContext.getEditedContentValue(
+      dictionaryKey,
+      keyPath
+    );
+    const value = editedValue ?? children;
+    return value;
+  }
+  return children;
+};
+const EditedContentRenderer = (props) => {
+  const content = useEditedContentRenderer(props);
+  return content;
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  EditedContentRenderer,
+  useEditedContentRenderer
+});
+//# sourceMappingURL=useEditedContentRenderer.cjs.map

package/dist/cjs/editor/useEditedContentRenderer.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/editor/useEditedContentRenderer.tsx"],"sourcesContent":["'use client';\n\nimport type { FC } from 'react';\nimport { useEditedContentActions } from '@intlayer/editor-react';\nimport type { KeyPath } from '@intlayer/core';\n\ntype EditedContentRendererProps = {\n  dictionaryKey: string;\n  keyPath: KeyPath[];\n  children: string;\n  renderChildren?: (children: any) => any;\n};\n\nexport const useEditedContentRenderer = ({\n  dictionaryKey,\n  keyPath,\n  children,\n}: EditedContentRendererProps) => {\n  const editedContentContext = useEditedContentActions();\n\n  if (editedContentContext) {\n    const editedValue = editedContentContext.getEditedContentValue(\n      dictionaryKey,\n      keyPath\n    ) as string;\n\n    const value = editedValue ?? children;\n\n    return value;\n  }\n\n  return children;\n};\n\nexport const EditedContentRenderer: FC<EditedContentRendererProps> = (\n  props\n) => {\n  const content = useEditedContentRenderer(props);\n\n  return content;\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,0BAAwC;AAUjC,MAAM,2BAA2B,CAAC;AAAA,EACvC;AAAA,EACA;AAAA,EACA;AACF,MAAkC;AAChC,QAAM,2BAAuB,6CAAwB;AAErD,MAAI,sBAAsB;AACxB,UAAM,cAAc,qBAAqB;AAAA,MACvC;AAAA,MACA;AAAA,IACF;AAEA,UAAM,QAAQ,eAAe;AAE7B,WAAO;AAAA,EACT;AAEA,SAAO;AACT;AAEO,MAAM,wBAAwD,CACnE,UACG;AACH,QAAM,UAAU,yBAAyB,KAAK;AAE9C,SAAO;AACT;","names":[]}

package/dist/cjs/markdown/MarkdownRenderer.cjs

@@ -19,22 +19,47 @@ var __copyProps = (to, from, except, desc) => {
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var MarkdownRenderer_exports = {};
 __export(MarkdownRenderer_exports, {
+  MarkdownMetadataRenderer: () => MarkdownMetadataRenderer,
   MarkdownRenderer: () => MarkdownRenderer
 });
 module.exports = __toCommonJS(MarkdownRenderer_exports);
-var import_IntlayerNode = require('../IntlayerNode.cjs');
 var import_MarkdownProvider = require('./MarkdownProvider.cjs');
+var import_useEditedContentRenderer = require('../editor/useEditedContentRenderer.cjs');
+var import_core = require("@intlayer/core");
 const MarkdownRenderer = ({
-  markdown
+  dictionaryKey,
+  keyPath,
+  children
 }) => {
   const { renderMarkdown } = (0, import_MarkdownProvider.useMarkdownContext)();
-  return (0, import_IntlayerNode.rendererIntlayerNode)({
-    value: markdown,
-    children: renderMarkdown(markdown)
+  const editedContentContext = (0, import_useEditedContentRenderer.useEditedContentRenderer)({
+    dictionaryKey,
+    keyPath,
+    children
   });
+  return renderMarkdown(editedContentContext);
+};
+const MarkdownMetadataRenderer = ({
+  dictionaryKey,
+  keyPath,
+  children,
+  metadataKeyPath
+}) => {
+  const editedContentContext = (0, import_useEditedContentRenderer.useEditedContentRenderer)({
+    dictionaryKey,
+    keyPath,
+    children
+  });
+  const metadata = (0, import_core.getMarkdownMetadata)(editedContentContext);
+  const metadataEl = (0, import_core.getContentNodeByKeyPath)(
+    metadata,
+    metadataKeyPath
+  );
+  return metadataEl;
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  MarkdownMetadataRenderer,
   MarkdownRenderer
 });
 //# sourceMappingURL=MarkdownRenderer.cjs.map

package/dist/cjs/markdown/MarkdownRenderer.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/markdown/MarkdownRenderer.tsx"],"sourcesContent":["'use client';\n\nimport type { FC } from 'react';\nimport { type IntlayerNode, rendererIntlayerNode } from '../IntlayerNode';\nimport { useMarkdownContext } from './MarkdownProvider';\n\nexport const MarkdownRenderer: FC<{ markdown: string }> = ({\n  markdown,\n}): IntlayerNode => {\n  const { renderMarkdown } = useMarkdownContext();\n\n  return rendererIntlayerNode({\n    value: markdown,\n    children: renderMarkdown(markdown),\n  });\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,0BAAwD;AACxD,8BAAmC;AAE5B,MAAM,mBAA6C,CAAC;AAAA,EACzD;AACF,MAAoB;AAClB,QAAM,EAAE,eAAe,QAAI,4CAAmB;AAE9C,aAAO,0CAAqB;AAAA,IAC1B,OAAO;AAAA,IACP,UAAU,eAAe,QAAQ;AAAA,EACnC,CAAC;AACH;","names":[]}
+{"version":3,"sources":["../../../src/markdown/MarkdownRenderer.tsx"],"sourcesContent":["'use client';\n\nimport type { FC, ReactNode } from 'react';\nimport { useMarkdownContext } from './MarkdownProvider';\nimport { useEditedContentRenderer } from '../editor/useEditedContentRenderer';\nimport {\n  ContentNode,\n  getContentNodeByKeyPath,\n  getMarkdownMetadata,\n  KeyPath,\n} from '@intlayer/core';\n\ntype MarkdownRendererProps = {\n  dictionaryKey: string;\n  keyPath: KeyPath[];\n  children: string;\n};\n\nexport const MarkdownRenderer: FC<MarkdownRendererProps> = ({\n  dictionaryKey,\n  keyPath,\n  children,\n}): ReactNode => {\n  const { renderMarkdown } = useMarkdownContext();\n  const editedContentContext = useEditedContentRenderer({\n    dictionaryKey,\n    keyPath,\n    children,\n  });\n\n  return renderMarkdown(editedContentContext);\n};\n\ntype MarkdownMetadataRendererProps = MarkdownRendererProps & {\n  metadataKeyPath: KeyPath[];\n};\n\nexport const MarkdownMetadataRenderer: FC<MarkdownMetadataRendererProps> = ({\n  dictionaryKey,\n  keyPath,\n  children,\n  metadataKeyPath,\n}): ReactNode => {\n  const editedContentContext = useEditedContentRenderer({\n    dictionaryKey,\n    keyPath,\n    children,\n  });\n  const metadata = getMarkdownMetadata(editedContentContext);\n\n  const metadataEl = getContentNodeByKeyPath(\n    metadata as ContentNode,\n    metadataKeyPath\n  );\n\n  return metadataEl as ReactNode;\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,8BAAmC;AACnC,sCAAyC;AACzC,kBAKO;AAQA,MAAM,mBAA8C,CAAC;AAAA,EAC1D;AAAA,EACA;AAAA,EACA;AACF,MAAiB;AACf,QAAM,EAAE,eAAe,QAAI,4CAAmB;AAC9C,QAAM,2BAAuB,0DAAyB;AAAA,IACpD;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,SAAO,eAAe,oBAAoB;AAC5C;AAMO,MAAM,2BAA8D,CAAC;AAAA,EAC1E;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAiB;AACf,QAAM,2BAAuB,0DAAyB;AAAA,IACpD;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AACD,QAAM,eAAW,iCAAoB,oBAAoB;AAEzD,QAAM,iBAAa;AAAA,IACjB;AAAA,IACA;AAAA,EACF;AAEA,SAAO;AACT;","names":[]}

package/dist/cjs/markdown/index.cjs

@@ -17,11 +17,9 @@ var markdown_exports = {};
 module.exports = __toCommonJS(markdown_exports);
 __reExport(markdown_exports, require('./MarkdownProvider.cjs'), module.exports);
 __reExport(markdown_exports, require('./MarkdownRenderer.cjs'), module.exports);
-__reExport(markdown_exports, require('./renderMarkdown.cjs'), module.exports);
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   ...require('./MarkdownProvider.cjs'),
-  ...require('./MarkdownRenderer.cjs'),
-  ...require('./renderMarkdown.cjs')
+  ...require('./MarkdownRenderer.cjs')
 });
 //# sourceMappingURL=index.cjs.map

package/dist/cjs/markdown/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/markdown/index.ts"],"sourcesContent":["export * from './MarkdownProvider';\nexport * from './MarkdownRenderer';\nexport * from './renderMarkdown';\n"],"mappings":";;;;;;;;;;;;;;;AAAA;AAAA;AAAA,6BAAc,+BAAd;AACA,6BAAc,+BADd;AAEA,6BAAc,6BAFd;","names":[]}
+{"version":3,"sources":["../../../src/markdown/index.ts"],"sourcesContent":["export * from './MarkdownProvider';\nexport * from './MarkdownRenderer';\n"],"mappings":";;;;;;;;;;;;;;;AAAA;AAAA;AAAA,6BAAc,+BAAd;AACA,6BAAc,+BADd;","names":[]}

package/dist/cjs/plugins.cjs

@@ -23,17 +23,23 @@ __export(plugins_exports, {
   reactNodePlugins: () => reactNodePlugins
 });
 module.exports = __toCommonJS(plugins_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_core = require("@intlayer/core");
+var import_IntlayerNode = require('./IntlayerNode.cjs');
+var import_useEditedContentRenderer = require('./editor/useEditedContentRenderer.cjs');
 var import_editor = require('./editor/index.cjs');
-var import_renderMarkdown = require('./markdown/renderMarkdown.cjs');
-var import_renderReactElement = require('./reactElement/renderReactElement.cjs');
+var import_markdown = require('./markdown/index.cjs');
 const intlayerNodePlugins = {
   canHandle: (node) => typeof node === "bigint" || typeof node === "string" || typeof node === "number",
   transform: (_node, {
     plugins,
     // Removed to avoid next error - Functions cannot be passed directly to Client Components
     ...rest
-  }) => (0, import_editor.renderIntlayerEditor)(rest)
+  }) => (0, import_IntlayerNode.renderIntlayerNode)({
+    ...rest,
+    value: rest.children,
+    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_editor.ContentSelectorRenderer, { ...rest, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_useEditedContentRenderer.EditedContentRenderer, { ...rest, children: rest.children }) })
+  })
 };
 const reactNodePlugins = {
   canHandle: (node) => typeof node === "object" && typeof node.props !== "undefined" && typeof node.key !== "undefined",
@@ -41,23 +47,58 @@ const reactNodePlugins = {
     plugins,
     // Removed to avoid next error - Functions cannot be passed directly to Client Components
     ...rest
-  }) => (0, import_editor.renderIntlayerEditor)({
+  }) => (0, import_IntlayerNode.renderIntlayerNode)({
     ...rest,
-    content: (0, import_renderReactElement.renderReactElement)(node),
-    value: "[[react-element]]"
+    value: "[[react-element]]",
+    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_editor.ContentSelectorRenderer, { ...rest, children: "renderReactElement(node)" })
   })
 };
 const markdownPlugin = {
   canHandle: (node) => typeof node === "object" && node?.nodeType === import_core.NodeType.Markdown,
-  transform: (node, {
-    plugins,
-    // Removed to avoid next error - Functions cannot be passed directly to Client Components
-    ...rest
-  }) => (0, import_editor.renderIntlayerEditor)({
-    ...rest,
-    content: (0, import_renderMarkdown.renderMarkdown)(node[import_core.NodeType.Markdown]),
-    value: node[import_core.NodeType.Markdown]
-  })
+  transform: (node, props) => {
+    const {
+      plugins,
+      // Removed to avoid next error - Functions cannot be passed directly to Client Components
+      ...rest
+    } = props;
+    const newKeyPath = [
+      ...props.keyPath,
+      {
+        type: import_core.NodeType.Markdown
+      }
+    ];
+    const content = node[import_core.NodeType.Markdown];
+    const metadata = (0, import_core.getMarkdownMetadata)(content);
+    const metadataPlugins = {
+      canHandle: (node2) => typeof node2 === "string" || typeof node2 === "number" || typeof node2 === "boolean" || !node2,
+      transform: (node2, props2) => (0, import_IntlayerNode.renderIntlayerNode)({
+        ...props2,
+        value: node2,
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_editor.ContentSelectorRenderer, { ...rest, keyPath: newKeyPath, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_markdown.MarkdownMetadataRenderer,
+          {
+            ...rest,
+            keyPath: newKeyPath,
+            metadataKeyPath: props2.keyPath,
+            children: content
+          }
+        ) })
+      })
+    };
+    const metadataNodes = (0, import_core.deepTransformNode)(metadata, {
+      plugins: [metadataPlugins],
+      dictionaryKey: rest.dictionaryKey,
+      keyPath: []
+    });
+    return (0, import_IntlayerNode.renderIntlayerNode)({
+      ...props,
+      value: content,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_editor.ContentSelectorRenderer, { ...rest, keyPath: newKeyPath, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_markdown.MarkdownRenderer, { ...rest, keyPath: newKeyPath, children: content }) }),
+      additionalProps: {
+        metadata: metadataNodes
+      }
+    });
+  }
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/cjs/plugins.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/plugins.tsx"],"sourcesContent":["import {\n  type Plugins,\n  type IInterpreterPluginState as IInterpreterPluginStateCore,\n  type DeepTransformContent as DeepTransformContentCore,\n  type MarkdownContent,\n  NodeType,\n} from '@intlayer/core';\nimport type { ReactNode } from 'react';\nimport { renderIntlayerEditor } from './editor';\nimport type { IntlayerNode } from './IntlayerNode';\nimport { renderMarkdown } from './markdown/renderMarkdown';\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  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  ) => renderIntlayerEditor(rest),\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  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    renderIntlayerEditor({\n      ...rest,\n      content: renderReactElement(node),\n      value: '[[react-element]]',\n    }),\n};\n\n/**\n * MARKDOWN PLUGIN\n */\n\nexport type MarkdownCond<T> = T extends {\n  nodeType: NodeType | string;\n  [NodeType.Markdown]: string;\n}\n  ? IntlayerNode<string>\n  : never;\n\n/** Markdown plugin. Replaces node with a function that takes quantity => string. */\nexport const markdownPlugin: Plugins = {\n  canHandle: (node) =>\n    typeof node === 'object' && node?.nodeType === NodeType.Markdown,\n  transform: (\n    node: MarkdownContent,\n    {\n      plugins, // Removed to avoid next error - Functions cannot be passed directly to Client Components\n      ...rest\n    }\n  ) =>\n    renderIntlayerEditor({\n      ...rest,\n      content: renderMarkdown(node[NodeType.Markdown]),\n      value: node[NodeType.Markdown],\n    }),\n};\n\n/** ---------------------------------------------\n *  PLUGINS RESULT\n *  --------------------------------------------- */\n\nexport interface IInterpreterPluginReact<T> {\n  reactNode: ReactNodeCond<T>;\n  intlayerNode: IntlayerNodeCond<T>;\n  markdown: MarkdownCond<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 = IInterpreterPluginStateCore & {\n  reactNode: true;\n  intlayerNode: true;\n  markdown: true;\n};\n\nexport type DeepTransformContent<T> = DeepTransformContentCore<\n  T,\n  IInterpreterPluginState\n>;\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAMO;AAEP,oBAAqC;AAErC,4BAA+B;AAC/B,gCAAmC;AAW5B,MAAM,sBAA+B;AAAA,EAC1C,WAAW,CAAC,SACV,OAAO,SAAS,YAChB,OAAO,SAAS,YAChB,OAAO,SAAS;AAAA,EAClB,WAAW,CACT,OACA;AAAA,IACE;AAAA;AAAA,IACA,GAAG;AAAA,EACL,UACG,oCAAqB,IAAI;AAChC;AAcO,MAAM,mBAA4B;AAAA,EACvC,WAAW,CAAC,SACV,OAAO,SAAS,YAChB,OAAO,KAAK,UAAU,eACtB,OAAO,KAAK,QAAQ;AAAA,EAEtB,WAAW,CACT,MACA;AAAA,IACE;AAAA;AAAA,IACA,GAAG;AAAA,EACL,UAEA,oCAAqB;AAAA,IACnB,GAAG;AAAA,IACH,aAAS,8CAAmB,IAAI;AAAA,IAChC,OAAO;AAAA,EACT,CAAC;AACL;AAcO,MAAM,iBAA0B;AAAA,EACrC,WAAW,CAAC,SACV,OAAO,SAAS,YAAY,MAAM,aAAa,qBAAS;AAAA,EAC1D,WAAW,CACT,MACA;AAAA,IACE;AAAA;AAAA,IACA,GAAG;AAAA,EACL,UAEA,oCAAqB;AAAA,IACnB,GAAG;AAAA,IACH,aAAS,sCAAe,KAAK,qBAAS,QAAQ,CAAC;AAAA,IAC/C,OAAO,KAAK,qBAAS,QAAQ;AAAA,EAC/B,CAAC;AACL;","names":[]}
+{"version":3,"sources":["../../src/plugins.tsx"],"sourcesContent":["import {\n  type Plugins,\n  type IInterpreterPluginState as IInterpreterPluginStateCore,\n  type DeepTransformContent as DeepTransformContentCore,\n  type MarkdownContent,\n  NodeType,\n  KeyPath,\n  getMarkdownMetadata,\n  deepTransformNode,\n} from '@intlayer/core';\nimport type { ReactNode } from 'react';\nimport { renderIntlayerNode, type IntlayerNode } from './IntlayerNode';\nimport { EditedContentRenderer } from './editor/useEditedContentRenderer';\nimport { ContentSelectorRenderer } from './editor';\nimport { MarkdownMetadataRenderer, MarkdownRenderer } from './markdown';\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  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        <ContentSelectorRenderer {...rest}>\n          <EditedContentRenderer {...rest}>\n            {rest.children}\n          </EditedContentRenderer>\n        </ContentSelectorRenderer>\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  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 * MARKDOWN PLUGIN\n */\n\nexport type MarkdownCond<T> = T extends {\n  nodeType: NodeType | string;\n  [NodeType.Markdown]: string;\n  metadata?: infer U;\n}\n  ? IntlayerNode<string, { metadata: DeepTransformContent<U> }>\n  : never;\n\n/** Markdown plugin. Replaces node with a function that takes quantity => string. */\nexport const markdownPlugin: Plugins = {\n  canHandle: (node) =>\n    typeof node === 'object' && node?.nodeType === NodeType.Markdown,\n  transform: (node: MarkdownContent, props) => {\n    const {\n      plugins, // Removed to avoid next error - Functions cannot be passed directly to Client Components\n      ...rest\n    } = props;\n\n    const newKeyPath: KeyPath[] = [\n      ...props.keyPath,\n      {\n        type: NodeType.Markdown,\n      },\n    ];\n\n    const content = node[NodeType.Markdown];\n    const metadata = getMarkdownMetadata(content);\n\n    const metadataPlugins: Plugins = {\n      canHandle: (node) =>\n        typeof node === 'string' ||\n        typeof node === 'number' ||\n        typeof node === 'boolean' ||\n        !node,\n      transform: (node, props) =>\n        renderIntlayerNode({\n          ...props,\n          value: node,\n          children: (\n            <ContentSelectorRenderer {...rest} keyPath={newKeyPath}>\n              <MarkdownMetadataRenderer\n                {...rest}\n                keyPath={newKeyPath}\n                metadataKeyPath={props.keyPath}\n              >\n                {content}\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    return renderIntlayerNode({\n      ...props,\n      value: content,\n      children: (\n        <ContentSelectorRenderer {...rest} keyPath={newKeyPath}>\n          <MarkdownRenderer {...rest} keyPath={newKeyPath}>\n            {content}\n          </MarkdownRenderer>\n        </ContentSelectorRenderer>\n      ),\n      additionalProps: {\n        metadata: metadataNodes,\n      },\n    });\n  },\n};\n\n/** ---------------------------------------------\n *  PLUGINS RESULT\n *  --------------------------------------------- */\n\nexport interface IInterpreterPluginReact<T> {\n  reactNode: ReactNodeCond<T>;\n  intlayerNode: IntlayerNodeCond<T>;\n  markdown: MarkdownCond<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 = IInterpreterPluginStateCore & {\n  reactNode: true;\n  intlayerNode: true;\n  markdown: true;\n};\n\nexport type DeepTransformContent<T> = DeepTransformContentCore<\n  T,\n  IInterpreterPluginState\n>;\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA0CU;AA1CV,kBASO;AAEP,0BAAsD;AACtD,sCAAsC;AACtC,oBAAwC;AACxC,sBAA2D;AAWpD,MAAM,sBAA+B;AAAA,EAC1C,WAAW,CAAC,SACV,OAAO,SAAS,YAChB,OAAO,SAAS,YAChB,OAAO,SAAS;AAAA,EAClB,WAAW,CACT,OACA;AAAA,IACE;AAAA;AAAA,IACA,GAAG;AAAA,EACL,UAEA,wCAAmB;AAAA,IACjB,GAAG;AAAA,IACH,OAAO,KAAK;AAAA,IACZ,UACE,4CAAC,yCAAyB,GAAG,MAC3B,sDAAC,yDAAuB,GAAG,MACxB,eAAK,UACR,GACF;AAAA,EAEJ,CAAC;AACL;AAcO,MAAM,mBAA4B;AAAA,EACvC,WAAW,CAAC,SACV,OAAO,SAAS,YAChB,OAAO,KAAK,UAAU,eACtB,OAAO,KAAK,QAAQ;AAAA,EAEtB,WAAW,CACT,MACA;AAAA,IACE;AAAA;AAAA,IACA,GAAG;AAAA,EACL,UAEA,wCAAmB;AAAA,IACjB,GAAG;AAAA,IACH,OAAO;AAAA,IACP,UACE,4CAAC,yCAAyB,GAAG,MAAM,sCAEnC;AAAA,EAEJ,CAAC;AACL;AAeO,MAAM,iBAA0B;AAAA,EACrC,WAAW,CAAC,SACV,OAAO,SAAS,YAAY,MAAM,aAAa,qBAAS;AAAA,EAC1D,WAAW,CAAC,MAAuB,UAAU;AAC3C,UAAM;AAAA,MACJ;AAAA;AAAA,MACA,GAAG;AAAA,IACL,IAAI;AAEJ,UAAM,aAAwB;AAAA,MAC5B,GAAG,MAAM;AAAA,MACT;AAAA,QACE,MAAM,qBAAS;AAAA,MACjB;AAAA,IACF;AAEA,UAAM,UAAU,KAAK,qBAAS,QAAQ;AACtC,UAAM,eAAW,iCAAoB,OAAO;AAE5C,UAAM,kBAA2B;AAAA,MAC/B,WAAW,CAACA,UACV,OAAOA,UAAS,YAChB,OAAOA,UAAS,YAChB,OAAOA,UAAS,aAChB,CAACA;AAAA,MACH,WAAW,CAACA,OAAMC,eAChB,wCAAmB;AAAA,QACjB,GAAGA;AAAA,QACH,OAAOD;AAAA,QACP,UACE,4CAAC,yCAAyB,GAAG,MAAM,SAAS,YAC1C;AAAA,UAAC;AAAA;AAAA,YACE,GAAG;AAAA,YACJ,SAAS;AAAA,YACT,iBAAiBC,OAAM;AAAA,YAEtB;AAAA;AAAA,QACH,GACF;AAAA,MAEJ,CAAC;AAAA,IACL;AAGA,UAAM,oBAAgB,+BAAkB,UAAU;AAAA,MAChD,SAAS,CAAC,eAAe;AAAA,MACzB,eAAe,KAAK;AAAA,MACpB,SAAS,CAAC;AAAA,IACZ,CAAC;AAED,eAAO,wCAAmB;AAAA,MACxB,GAAG;AAAA,MACH,OAAO;AAAA,MACP,UACE,4CAAC,yCAAyB,GAAG,MAAM,SAAS,YAC1C,sDAAC,oCAAkB,GAAG,MAAM,SAAS,YAClC,mBACH,GACF;AAAA,MAEF,iBAAiB;AAAA,QACf,UAAU;AAAA,MACZ;AAAA,IACF,CAAC;AAAA,EACH;AACF;","names":["node","props"]}

package/dist/esm/IntlayerNode.mjs

@@ -2,9 +2,10 @@ import { Fragment, jsx } from "react/jsx-runtime";
 import {
   isValidElement
 } from "react";
-const rendererIntlayerNode = ({
+const renderIntlayerNode = ({
+  children,
   value,
-  children
+  additionalProps
 }) => {
   const element = isValidElement(children) ? children : /* @__PURE__ */ jsx(Fragment, { children });
   return new Proxy(element, {
@@ -12,11 +13,14 @@ const rendererIntlayerNode = ({
       if (prop === "value") {
         return value;
       }
+      if (additionalProps && Object.keys(additionalProps).includes(prop)) {
+        return additionalProps[prop];
+      }
       return Reflect.get(target, prop, receiver);
     }
   });
 };
 export {
-  rendererIntlayerNode
+  renderIntlayerNode
 };
 //# sourceMappingURL=IntlayerNode.mjs.map

package/dist/esm/IntlayerNode.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/IntlayerNode.tsx"],"sourcesContent":["import type { NodeProps } from '@intlayer/core';\nimport {\n  type PropsWithChildren,\n  type ReactNode,\n  type ReactElement,\n  isValidElement,\n} from 'react';\n\nexport type IntlayerNode<T = NodeProps['content']> = ReactNode & {\n  value: T;\n};\n\nexport const rendererIntlayerNode = <\n  T extends number | string | boolean | undefined | null,\n>({\n  value,\n  children,\n}: PropsWithChildren<{\n  value: T;\n}>): IntlayerNode => {\n  // If children is not a valid ReactElement, wrap it in a fragment\n  const element: ReactElement<any> = isValidElement(children) ? (\n    children\n  ) : (\n    <>{children}</>\n  );\n\n  // Return a Proxy that pretends to be the original element\n  // but also has a .value getter.\n  return new Proxy(element as ReactElement, {\n    get(target, prop, receiver) {\n      if (prop === 'value') {\n        return value;\n      }\n      return Reflect.get(target, prop, receiver);\n    },\n  }) as IntlayerNode<T>;\n};\n"],"mappings":"AAwBI;AAvBJ;AAAA,EAIE;AAAA,OACK;AAMA,MAAM,uBAAuB,CAElC;AAAA,EACA;AAAA,EACA;AACF,MAEqB;AAEnB,QAAM,UAA6B,eAAe,QAAQ,IACxD,WAEA,gCAAG,UAAS;AAKd,SAAO,IAAI,MAAM,SAAyB;AAAA,IACxC,IAAI,QAAQ,MAAM,UAAU;AAC1B,UAAI,SAAS,SAAS;AACpB,eAAO;AAAA,MACT;AACA,aAAO,QAAQ,IAAI,QAAQ,MAAM,QAAQ;AAAA,IAC3C;AAAA,EACF,CAAC;AACH;","names":[]}
+{"version":3,"sources":["../../src/IntlayerNode.tsx"],"sourcesContent":["import type { NodeProps } from '@intlayer/core';\nimport {\n  type PropsWithChildren,\n  type ReactNode,\n  type ReactElement,\n  isValidElement,\n} from 'react';\n\nexport type IntlayerNode<\n  T = NodeProps['children'],\n  AdditionalProps = {},\n> = ReactNode & {\n  value: T;\n} & AdditionalProps;\n\ntype RenderIntlayerNodeProps<T> = PropsWithChildren<{\n  value: T;\n  children: ReactNode;\n  additionalProps?: { [key: string]: any };\n}>;\n\nexport const renderIntlayerNode = <\n  T extends number | string | boolean | undefined | null,\n>({\n  children,\n  value,\n  additionalProps,\n}: RenderIntlayerNodeProps<T>): IntlayerNode<T> => {\n  // If children is not a valid ReactElement, wrap it in a fragment\n  const element: ReactElement<any> = isValidElement(children) ? (\n    children\n  ) : (\n    <>{children}</>\n  );\n\n  // Return a Proxy that pretends to be the original element\n  // but also has a .value getter.\n  return new Proxy(element as ReactElement, {\n    get(target, prop, receiver) {\n      if (prop === 'value') {\n        return value;\n      }\n\n      if (\n        additionalProps &&\n        Object.keys(additionalProps).includes(prop as string)\n      ) {\n        return additionalProps[prop as keyof typeof additionalProps];\n      }\n\n      return Reflect.get(target, prop, receiver);\n    },\n  }) as IntlayerNode<T>;\n};\n"],"mappings":"AAgCI;AA/BJ;AAAA,EAIE;AAAA,OACK;AAeA,MAAM,qBAAqB,CAEhC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAmD;AAEjD,QAAM,UAA6B,eAAe,QAAQ,IACxD,WAEA,gCAAG,UAAS;AAKd,SAAO,IAAI,MAAM,SAAyB;AAAA,IACxC,IAAI,QAAQ,MAAM,UAAU;AAC1B,UAAI,SAAS,SAAS;AACpB,eAAO;AAAA,MACT;AAEA,UACE,mBACA,OAAO,KAAK,eAAe,EAAE,SAAS,IAAc,GACpD;AACA,eAAO,gBAAgB,IAAoC;AAAA,MAC7D;AAEA,aAAO,QAAQ,IAAI,QAAQ,MAAM,QAAQ;AAAA,IAC3C;AAAA,EACF,CAAC;AACH;","names":[]}

package/dist/esm/editor/ContentSelectorWrapper.mjs

@@ -1,54 +1,30 @@
 "use client";
-import { Fragment, jsx } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 import { isSameKeyPath } from "@intlayer/core";
-import {
-  useFocusDictionary,
-  useEditedContentActions,
-  useEditorEnabled
-} from "@intlayer/editor-react";
-import {
-  useCallback,
-  useEffect,
-  useState,
-  useMemo
-} from "react";
+import { useFocusDictionary, useEditorEnabled } from "@intlayer/editor-react";
+import { useCallback, useMemo } from "react";
 import { useIntlayerContext } from "../client/index.mjs";
 import { ContentSelector } from "../UI/ContentSelector.mjs";
 const ContentSelectorWrapperContent = ({
   children,
   dictionaryKey,
-  keyPath,
-  dictionaryPath,
-  ...props
+  keyPath
 }) => {
   const { focusedContent, setFocusedContent } = useFocusDictionary();
-  const { getEditedContentValue } = useEditedContentActions();
-  const editedValue = useMemo(
-    () => getEditedContentValue(dictionaryKey, keyPath),
-    [dictionaryKey, keyPath, getEditedContentValue]
-  );
-  const [displayedChildren, setDisplayedChildren] = useState(children);
   const handleSelect = useCallback(
     () => setFocusedContent({
       dictionaryKey,
       keyPath
     }),
-    [dictionaryKey, keyPath, setFocusedContent]
+    [dictionaryKey, keyPath]
   );
   const isSelected = useMemo(
     () => (focusedContent?.dictionaryKey === dictionaryKey && (focusedContent?.keyPath?.length ?? 0) > 0 && isSameKeyPath(focusedContent?.keyPath ?? [], keyPath)) ?? false,
     [focusedContent, keyPath, dictionaryKey]
   );
-  useEffect(() => {
-    if (editedValue && typeof editedValue === "string") {
-      setDisplayedChildren(editedValue);
-    } else {
-      setDisplayedChildren(children);
-    }
-  }, [editedValue, focusedContent, children]);
-  return /* @__PURE__ */ jsx(ContentSelector, { onPress: handleSelect, isSelecting: isSelected, ...props, children: displayedChildren });
+  return /* @__PURE__ */ jsx(ContentSelector, { onPress: handleSelect, isSelecting: isSelected, children });
 };
-const ContentSelectorWrapper = ({
+const ContentSelectorRenderer = ({
   children,
   ...props
 }) => {
@@ -57,9 +33,9 @@ const ContentSelectorWrapper = ({
   if (enabled && !disableEditor) {
     return /* @__PURE__ */ jsx(ContentSelectorWrapperContent, { ...props, children });
   }
-  return /* @__PURE__ */ jsx(Fragment, { children });
+  return children;
 };
 export {
-  ContentSelectorWrapper
+  ContentSelectorRenderer
 };
 //# sourceMappingURL=ContentSelectorWrapper.mjs.map

package/dist/esm/editor/ContentSelectorWrapper.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/editor/ContentSelectorWrapper.tsx"],"sourcesContent":["'use client';\n\nimport { type NodeProps, isSameKeyPath } from '@intlayer/core';\nimport {\n  useFocusDictionary,\n  useEditedContentActions,\n  useEditorEnabled,\n} from '@intlayer/editor-react';\nimport {\n  type HTMLAttributes,\n  useCallback,\n  useEffect,\n  useState,\n  useMemo,\n  type FC,\n  type ReactNode,\n} from 'react';\nimport { useIntlayerContext } from '../client';\nimport { ContentSelector } from '../UI/ContentSelector';\n\nexport type ContentSelectorWrapperProps = NodeProps &\n  Omit<HTMLAttributes<HTMLDivElement>, 'content'>;\n\nconst ContentSelectorWrapperContent: FC<ContentSelectorWrapperProps> = ({\n  children,\n  dictionaryKey,\n  keyPath,\n  dictionaryPath,\n  ...props\n}) => {\n  const { focusedContent, setFocusedContent } = useFocusDictionary();\n  const { getEditedContentValue } = useEditedContentActions();\n\n  const editedValue = useMemo(\n    () => getEditedContentValue(dictionaryKey, keyPath),\n    [dictionaryKey, keyPath, getEditedContentValue]\n  );\n\n  const [displayedChildren, setDisplayedChildren] =\n    useState<ReactNode>(children);\n\n  const handleSelect = useCallback(\n    () =>\n      setFocusedContent({\n        dictionaryKey,\n        keyPath,\n      }),\n    [dictionaryKey, keyPath, setFocusedContent]\n  );\n\n  const isSelected = useMemo(\n    () =>\n      (focusedContent?.dictionaryKey === dictionaryKey &&\n        (focusedContent?.keyPath?.length ?? 0) > 0 &&\n        isSameKeyPath(focusedContent?.keyPath ?? [], keyPath)) ??\n      false,\n    [focusedContent, keyPath, dictionaryKey]\n  );\n\n  useEffect(() => {\n    // Use useEffect to avoid 'Text content does not match server-rendered HTML' error\n    if (editedValue && typeof editedValue === 'string') {\n      setDisplayedChildren(editedValue);\n    } else {\n      setDisplayedChildren(children);\n    }\n  }, [editedValue, focusedContent, children]);\n\n  return (\n    <ContentSelector onPress={handleSelect} isSelecting={isSelected} {...props}>\n      {displayedChildren}\n    </ContentSelector>\n  );\n};\n\nexport const ContentSelectorWrapper: FC<ContentSelectorWrapperProps> = ({\n  children,\n  ...props\n}) => {\n  const { enabled } = useEditorEnabled();\n  const { disableEditor } = useIntlayerContext();\n\n  if (enabled && !disableEditor) {\n    return (\n      <ContentSelectorWrapperContent {...props}>\n        {children}\n      </ContentSelectorWrapperContent>\n    );\n  }\n\n  return <>{children}</>;\n};\n"],"mappings":";AAqEI,SAqBK,UArBL;AAnEJ,SAAyB,qBAAqB;AAC9C;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP;AAAA,EAEE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAGK;AACP,SAAS,0BAA0B;AACnC,SAAS,uBAAuB;AAKhC,MAAM,gCAAiE,CAAC;AAAA,EACtE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,EAAE,gBAAgB,kBAAkB,IAAI,mBAAmB;AACjE,QAAM,EAAE,sBAAsB,IAAI,wBAAwB;AAE1D,QAAM,cAAc;AAAA,IAClB,MAAM,sBAAsB,eAAe,OAAO;AAAA,IAClD,CAAC,eAAe,SAAS,qBAAqB;AAAA,EAChD;AAEA,QAAM,CAAC,mBAAmB,oBAAoB,IAC5C,SAAoB,QAAQ;AAE9B,QAAM,eAAe;AAAA,IACnB,MACE,kBAAkB;AAAA,MAChB;AAAA,MACA;AAAA,IACF,CAAC;AAAA,IACH,CAAC,eAAe,SAAS,iBAAiB;AAAA,EAC5C;AAEA,QAAM,aAAa;AAAA,IACjB,OACG,gBAAgB,kBAAkB,kBAChC,gBAAgB,SAAS,UAAU,KAAK,KACzC,cAAc,gBAAgB,WAAW,CAAC,GAAG,OAAO,MACtD;AAAA,IACF,CAAC,gBAAgB,SAAS,aAAa;AAAA,EACzC;AAEA,YAAU,MAAM;AAEd,QAAI,eAAe,OAAO,gBAAgB,UAAU;AAClD,2BAAqB,WAAW;AAAA,IAClC,OAAO;AACL,2BAAqB,QAAQ;AAAA,IAC/B;AAAA,EACF,GAAG,CAAC,aAAa,gBAAgB,QAAQ,CAAC;AAE1C,SACE,oBAAC,mBAAgB,SAAS,cAAc,aAAa,YAAa,GAAG,OAClE,6BACH;AAEJ;AAEO,MAAM,yBAA0D,CAAC;AAAA,EACtE;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,EAAE,QAAQ,IAAI,iBAAiB;AACrC,QAAM,EAAE,cAAc,IAAI,mBAAmB;AAE7C,MAAI,WAAW,CAAC,eAAe;AAC7B,WACE,oBAAC,iCAA+B,GAAG,OAChC,UACH;AAAA,EAEJ;AAEA,SAAO,gCAAG,UAAS;AACrB;","names":[]}
+{"version":3,"sources":["../../../src/editor/ContentSelectorWrapper.tsx"],"sourcesContent":["'use client';\n\nimport { type NodeProps, isSameKeyPath } from '@intlayer/core';\nimport { useFocusDictionary, useEditorEnabled } from '@intlayer/editor-react';\nimport { type HTMLAttributes, useCallback, useMemo, type FC } from 'react';\nimport { useIntlayerContext } from '../client';\nimport { ContentSelector } from '../UI/ContentSelector';\n\nexport type ContentSelectorWrapperProps = NodeProps &\n  Omit<HTMLAttributes<HTMLDivElement>, 'children'>;\n\nconst ContentSelectorWrapperContent: FC<ContentSelectorWrapperProps> = ({\n  children,\n  dictionaryKey,\n  keyPath,\n}) => {\n  const { focusedContent, setFocusedContent } = useFocusDictionary();\n\n  const handleSelect = useCallback(\n    () =>\n      setFocusedContent({\n        dictionaryKey,\n        keyPath,\n      }),\n    [dictionaryKey, keyPath]\n  );\n\n  const isSelected = useMemo(\n    () =>\n      (focusedContent?.dictionaryKey === dictionaryKey &&\n        (focusedContent?.keyPath?.length ?? 0) > 0 &&\n        isSameKeyPath(focusedContent?.keyPath ?? [], keyPath)) ??\n      false,\n    [focusedContent, keyPath, dictionaryKey]\n  );\n\n  return (\n    <ContentSelector onPress={handleSelect} isSelecting={isSelected}>\n      {children}\n    </ContentSelector>\n  );\n};\n\nexport const ContentSelectorRenderer: FC<ContentSelectorWrapperProps> = ({\n  children,\n  ...props\n}) => {\n  const { enabled } = useEditorEnabled();\n  const { disableEditor } = useIntlayerContext();\n\n  if (enabled && !disableEditor) {\n    return (\n      <ContentSelectorWrapperContent {...props}>\n        {children}\n      </ContentSelectorWrapperContent>\n    );\n  }\n\n  return children;\n};\n"],"mappings":";AAqCI;AAnCJ,SAAyB,qBAAqB;AAC9C,SAAS,oBAAoB,wBAAwB;AACrD,SAA8B,aAAa,eAAwB;AACnE,SAAS,0BAA0B;AACnC,SAAS,uBAAuB;AAKhC,MAAM,gCAAiE,CAAC;AAAA,EACtE;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,EAAE,gBAAgB,kBAAkB,IAAI,mBAAmB;AAEjE,QAAM,eAAe;AAAA,IACnB,MACE,kBAAkB;AAAA,MAChB;AAAA,MACA;AAAA,IACF,CAAC;AAAA,IACH,CAAC,eAAe,OAAO;AAAA,EACzB;AAEA,QAAM,aAAa;AAAA,IACjB,OACG,gBAAgB,kBAAkB,kBAChC,gBAAgB,SAAS,UAAU,KAAK,KACzC,cAAc,gBAAgB,WAAW,CAAC,GAAG,OAAO,MACtD;AAAA,IACF,CAAC,gBAAgB,SAAS,aAAa;AAAA,EACzC;AAEA,SACE,oBAAC,mBAAgB,SAAS,cAAc,aAAa,YAClD,UACH;AAEJ;AAEO,MAAM,0BAA2D,CAAC;AAAA,EACvE;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,EAAE,QAAQ,IAAI,iBAAiB;AACrC,QAAM,EAAE,cAAc,IAAI,mBAAmB;AAE7C,MAAI,WAAW,CAAC,eAAe;AAC7B,WACE,oBAAC,iCAA+B,GAAG,OAChC,UACH;AAAA,EAEJ;AAEA,SAAO;AACT;","names":[]}

package/dist/esm/editor/index.mjs

@@ -1,3 +1,2 @@
 export * from "./ContentSelectorWrapper.mjs";
-export * from "./renderContentEditor.mjs";
 //# sourceMappingURL=index.mjs.map

package/dist/esm/editor/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/editor/index.ts"],"sourcesContent":["export * from './ContentSelectorWrapper';\nexport * from './renderContentEditor';\n"],"mappings":"AAAA,cAAc;AACd,cAAc;","names":[]}
+{"version":3,"sources":["../../../src/editor/index.ts"],"sourcesContent":["export * from './ContentSelectorWrapper';\n"],"mappings":"AAAA,cAAc;","names":[]}

package/dist/esm/editor/useEditedContentRenderer.mjs

@@ -0,0 +1,27 @@
+"use client";
+import { useEditedContentActions } from "@intlayer/editor-react";
+const useEditedContentRenderer = ({
+  dictionaryKey,
+  keyPath,
+  children
+}) => {
+  const editedContentContext = useEditedContentActions();
+  if (editedContentContext) {
+    const editedValue = editedContentContext.getEditedContentValue(
+      dictionaryKey,
+      keyPath
+    );
+    const value = editedValue ?? children;
+    return value;
+  }
+  return children;
+};
+const EditedContentRenderer = (props) => {
+  const content = useEditedContentRenderer(props);
+  return content;
+};
+export {
+  EditedContentRenderer,
+  useEditedContentRenderer
+};
+//# sourceMappingURL=useEditedContentRenderer.mjs.map

package/dist/esm/editor/useEditedContentRenderer.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/editor/useEditedContentRenderer.tsx"],"sourcesContent":["'use client';\n\nimport type { FC } from 'react';\nimport { useEditedContentActions } from '@intlayer/editor-react';\nimport type { KeyPath } from '@intlayer/core';\n\ntype EditedContentRendererProps = {\n  dictionaryKey: string;\n  keyPath: KeyPath[];\n  children: string;\n  renderChildren?: (children: any) => any;\n};\n\nexport const useEditedContentRenderer = ({\n  dictionaryKey,\n  keyPath,\n  children,\n}: EditedContentRendererProps) => {\n  const editedContentContext = useEditedContentActions();\n\n  if (editedContentContext) {\n    const editedValue = editedContentContext.getEditedContentValue(\n      dictionaryKey,\n      keyPath\n    ) as string;\n\n    const value = editedValue ?? children;\n\n    return value;\n  }\n\n  return children;\n};\n\nexport const EditedContentRenderer: FC<EditedContentRendererProps> = (\n  props\n) => {\n  const content = useEditedContentRenderer(props);\n\n  return content;\n};\n"],"mappings":";AAGA,SAAS,+BAA+B;AAUjC,MAAM,2BAA2B,CAAC;AAAA,EACvC;AAAA,EACA;AAAA,EACA;AACF,MAAkC;AAChC,QAAM,uBAAuB,wBAAwB;AAErD,MAAI,sBAAsB;AACxB,UAAM,cAAc,qBAAqB;AAAA,MACvC;AAAA,MACA;AAAA,IACF;AAEA,UAAM,QAAQ,eAAe;AAE7B,WAAO;AAAA,EACT;AAEA,SAAO;AACT;AAEO,MAAM,wBAAwD,CACnE,UACG;AACH,QAAM,UAAU,yBAAyB,KAAK;AAE9C,SAAO;AACT;","names":[]}

package/dist/esm/markdown/MarkdownRenderer.mjs

@@ -1,16 +1,43 @@
 "use client";
-import { rendererIntlayerNode } from "../IntlayerNode.mjs";
 import { useMarkdownContext } from "./MarkdownProvider.mjs";
+import { useEditedContentRenderer } from "../editor/useEditedContentRenderer.mjs";
+import {
+  getContentNodeByKeyPath,
+  getMarkdownMetadata
+} from "@intlayer/core";
 const MarkdownRenderer = ({
-  markdown
+  dictionaryKey,
+  keyPath,
+  children
 }) => {
   const { renderMarkdown } = useMarkdownContext();
-  return rendererIntlayerNode({
-    value: markdown,
-    children: renderMarkdown(markdown)
+  const editedContentContext = useEditedContentRenderer({
+    dictionaryKey,
+    keyPath,
+    children
   });
+  return renderMarkdown(editedContentContext);
+};
+const MarkdownMetadataRenderer = ({
+  dictionaryKey,
+  keyPath,
+  children,
+  metadataKeyPath
+}) => {
+  const editedContentContext = useEditedContentRenderer({
+    dictionaryKey,
+    keyPath,
+    children
+  });
+  const metadata = getMarkdownMetadata(editedContentContext);
+  const metadataEl = getContentNodeByKeyPath(
+    metadata,
+    metadataKeyPath
+  );
+  return metadataEl;
 };
 export {
+  MarkdownMetadataRenderer,
   MarkdownRenderer
 };
 //# sourceMappingURL=MarkdownRenderer.mjs.map

package/dist/esm/markdown/MarkdownRenderer.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/markdown/MarkdownRenderer.tsx"],"sourcesContent":["'use client';\n\nimport type { FC } from 'react';\nimport { type IntlayerNode, rendererIntlayerNode } from '../IntlayerNode';\nimport { useMarkdownContext } from './MarkdownProvider';\n\nexport const MarkdownRenderer: FC<{ markdown: string }> = ({\n  markdown,\n}): IntlayerNode => {\n  const { renderMarkdown } = useMarkdownContext();\n\n  return rendererIntlayerNode({\n    value: markdown,\n    children: renderMarkdown(markdown),\n  });\n};\n"],"mappings":";AAGA,SAA4B,4BAA4B;AACxD,SAAS,0BAA0B;AAE5B,MAAM,mBAA6C,CAAC;AAAA,EACzD;AACF,MAAoB;AAClB,QAAM,EAAE,eAAe,IAAI,mBAAmB;AAE9C,SAAO,qBAAqB;AAAA,IAC1B,OAAO;AAAA,IACP,UAAU,eAAe,QAAQ;AAAA,EACnC,CAAC;AACH;","names":[]}
+{"version":3,"sources":["../../../src/markdown/MarkdownRenderer.tsx"],"sourcesContent":["'use client';\n\nimport type { FC, ReactNode } from 'react';\nimport { useMarkdownContext } from './MarkdownProvider';\nimport { useEditedContentRenderer } from '../editor/useEditedContentRenderer';\nimport {\n  ContentNode,\n  getContentNodeByKeyPath,\n  getMarkdownMetadata,\n  KeyPath,\n} from '@intlayer/core';\n\ntype MarkdownRendererProps = {\n  dictionaryKey: string;\n  keyPath: KeyPath[];\n  children: string;\n};\n\nexport const MarkdownRenderer: FC<MarkdownRendererProps> = ({\n  dictionaryKey,\n  keyPath,\n  children,\n}): ReactNode => {\n  const { renderMarkdown } = useMarkdownContext();\n  const editedContentContext = useEditedContentRenderer({\n    dictionaryKey,\n    keyPath,\n    children,\n  });\n\n  return renderMarkdown(editedContentContext);\n};\n\ntype MarkdownMetadataRendererProps = MarkdownRendererProps & {\n  metadataKeyPath: KeyPath[];\n};\n\nexport const MarkdownMetadataRenderer: FC<MarkdownMetadataRendererProps> = ({\n  dictionaryKey,\n  keyPath,\n  children,\n  metadataKeyPath,\n}): ReactNode => {\n  const editedContentContext = useEditedContentRenderer({\n    dictionaryKey,\n    keyPath,\n    children,\n  });\n  const metadata = getMarkdownMetadata(editedContentContext);\n\n  const metadataEl = getContentNodeByKeyPath(\n    metadata as ContentNode,\n    metadataKeyPath\n  );\n\n  return metadataEl as ReactNode;\n};\n"],"mappings":";AAGA,SAAS,0BAA0B;AACnC,SAAS,gCAAgC;AACzC;AAAA,EAEE;AAAA,EACA;AAAA,OAEK;AAQA,MAAM,mBAA8C,CAAC;AAAA,EAC1D;AAAA,EACA;AAAA,EACA;AACF,MAAiB;AACf,QAAM,EAAE,eAAe,IAAI,mBAAmB;AAC9C,QAAM,uBAAuB,yBAAyB;AAAA,IACpD;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,SAAO,eAAe,oBAAoB;AAC5C;AAMO,MAAM,2BAA8D,CAAC;AAAA,EAC1E;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAiB;AACf,QAAM,uBAAuB,yBAAyB;AAAA,IACpD;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AACD,QAAM,WAAW,oBAAoB,oBAAoB;AAEzD,QAAM,aAAa;AAAA,IACjB;AAAA,IACA;AAAA,EACF;AAEA,SAAO;AACT;","names":[]}

package/dist/esm/markdown/index.mjs

@@ -1,4 +1,3 @@
 export * from "./MarkdownProvider.mjs";
 export * from "./MarkdownRenderer.mjs";
-export * from "./renderMarkdown.mjs";
 //# sourceMappingURL=index.mjs.map

package/dist/esm/markdown/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/markdown/index.ts"],"sourcesContent":["export * from './MarkdownProvider';\nexport * from './MarkdownRenderer';\nexport * from './renderMarkdown';\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;","names":[]}
+{"version":3,"sources":["../../../src/markdown/index.ts"],"sourcesContent":["export * from './MarkdownProvider';\nexport * from './MarkdownRenderer';\n"],"mappings":"AAAA,cAAc;AACd,cAAc;","names":[]}

package/dist/esm/plugins.mjs

@@ -1,16 +1,24 @@
+import { jsx } from "react/jsx-runtime";
 import {
-  NodeType
+  NodeType,
+  getMarkdownMetadata,
+  deepTransformNode
 } from "@intlayer/core";
-import { renderIntlayerEditor } from "./editor/index.mjs";
-import { renderMarkdown } from "./markdown/renderMarkdown.mjs";
-import { renderReactElement } from "./reactElement/renderReactElement.mjs";
+import { renderIntlayerNode } from "./IntlayerNode.mjs";
+import { EditedContentRenderer } from "./editor/useEditedContentRenderer.mjs";
+import { ContentSelectorRenderer } from "./editor/index.mjs";
+import { MarkdownMetadataRenderer, MarkdownRenderer } from "./markdown/index.mjs";
 const intlayerNodePlugins = {
   canHandle: (node) => typeof node === "bigint" || typeof node === "string" || typeof node === "number",
   transform: (_node, {
     plugins,
     // Removed to avoid next error - Functions cannot be passed directly to Client Components
     ...rest
-  }) => renderIntlayerEditor(rest)
+  }) => renderIntlayerNode({
+    ...rest,
+    value: rest.children,
+    children: /* @__PURE__ */ jsx(ContentSelectorRenderer, { ...rest, children: /* @__PURE__ */ jsx(EditedContentRenderer, { ...rest, children: rest.children }) })
+  })
 };
 const reactNodePlugins = {
   canHandle: (node) => typeof node === "object" && typeof node.props !== "undefined" && typeof node.key !== "undefined",
@@ -18,23 +26,58 @@ const reactNodePlugins = {
     plugins,
     // Removed to avoid next error - Functions cannot be passed directly to Client Components
     ...rest
-  }) => renderIntlayerEditor({
+  }) => renderIntlayerNode({
     ...rest,
-    content: renderReactElement(node),
-    value: "[[react-element]]"
+    value: "[[react-element]]",
+    children: /* @__PURE__ */ jsx(ContentSelectorRenderer, { ...rest, children: "renderReactElement(node)" })
   })
 };
 const markdownPlugin = {
   canHandle: (node) => typeof node === "object" && node?.nodeType === NodeType.Markdown,
-  transform: (node, {
-    plugins,
-    // Removed to avoid next error - Functions cannot be passed directly to Client Components
-    ...rest
-  }) => renderIntlayerEditor({
-    ...rest,
-    content: renderMarkdown(node[NodeType.Markdown]),
-    value: node[NodeType.Markdown]
-  })
+  transform: (node, props) => {
+    const {
+      plugins,
+      // Removed to avoid next error - Functions cannot be passed directly to Client Components
+      ...rest
+    } = props;
+    const newKeyPath = [
+      ...props.keyPath,
+      {
+        type: NodeType.Markdown
+      }
+    ];
+    const content = node[NodeType.Markdown];
+    const metadata = getMarkdownMetadata(content);
+    const metadataPlugins = {
+      canHandle: (node2) => typeof node2 === "string" || typeof node2 === "number" || typeof node2 === "boolean" || !node2,
+      transform: (node2, props2) => renderIntlayerNode({
+        ...props2,
+        value: node2,
+        children: /* @__PURE__ */ jsx(ContentSelectorRenderer, { ...rest, keyPath: newKeyPath, children: /* @__PURE__ */ jsx(
+          MarkdownMetadataRenderer,
+          {
+            ...rest,
+            keyPath: newKeyPath,
+            metadataKeyPath: props2.keyPath,
+            children: content
+          }
+        ) })
+      })
+    };
+    const metadataNodes = deepTransformNode(metadata, {
+      plugins: [metadataPlugins],
+      dictionaryKey: rest.dictionaryKey,
+      keyPath: []
+    });
+    return renderIntlayerNode({
+      ...props,
+      value: content,
+      children: /* @__PURE__ */ jsx(ContentSelectorRenderer, { ...rest, keyPath: newKeyPath, children: /* @__PURE__ */ jsx(MarkdownRenderer, { ...rest, keyPath: newKeyPath, children: content }) }),
+      additionalProps: {
+        metadata: metadataNodes
+      }
+    });
+  }
 };
 export {
   intlayerNodePlugins,

package/dist/esm/plugins.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/plugins.tsx"],"sourcesContent":["import {\n  type Plugins,\n  type IInterpreterPluginState as IInterpreterPluginStateCore,\n  type DeepTransformContent as DeepTransformContentCore,\n  type MarkdownContent,\n  NodeType,\n} from '@intlayer/core';\nimport type { ReactNode } from 'react';\nimport { renderIntlayerEditor } from './editor';\nimport type { IntlayerNode } from './IntlayerNode';\nimport { renderMarkdown } from './markdown/renderMarkdown';\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  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  ) => renderIntlayerEditor(rest),\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  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    renderIntlayerEditor({\n      ...rest,\n      content: renderReactElement(node),\n      value: '[[react-element]]',\n    }),\n};\n\n/**\n * MARKDOWN PLUGIN\n */\n\nexport type MarkdownCond<T> = T extends {\n  nodeType: NodeType | string;\n  [NodeType.Markdown]: string;\n}\n  ? IntlayerNode<string>\n  : never;\n\n/** Markdown plugin. Replaces node with a function that takes quantity => string. */\nexport const markdownPlugin: Plugins = {\n  canHandle: (node) =>\n    typeof node === 'object' && node?.nodeType === NodeType.Markdown,\n  transform: (\n    node: MarkdownContent,\n    {\n      plugins, // Removed to avoid next error - Functions cannot be passed directly to Client Components\n      ...rest\n    }\n  ) =>\n    renderIntlayerEditor({\n      ...rest,\n      content: renderMarkdown(node[NodeType.Markdown]),\n      value: node[NodeType.Markdown],\n    }),\n};\n\n/** ---------------------------------------------\n *  PLUGINS RESULT\n *  --------------------------------------------- */\n\nexport interface IInterpreterPluginReact<T> {\n  reactNode: ReactNodeCond<T>;\n  intlayerNode: IntlayerNodeCond<T>;\n  markdown: MarkdownCond<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 = IInterpreterPluginStateCore & {\n  reactNode: true;\n  intlayerNode: true;\n  markdown: true;\n};\n\nexport type DeepTransformContent<T> = DeepTransformContentCore<\n  T,\n  IInterpreterPluginState\n>;\n"],"mappings":"AAAA;AAAA,EAKE;AAAA,OACK;AAEP,SAAS,4BAA4B;AAErC,SAAS,sBAAsB;AAC/B,SAAS,0BAA0B;AAW5B,MAAM,sBAA+B;AAAA,EAC1C,WAAW,CAAC,SACV,OAAO,SAAS,YAChB,OAAO,SAAS,YAChB,OAAO,SAAS;AAAA,EAClB,WAAW,CACT,OACA;AAAA,IACE;AAAA;AAAA,IACA,GAAG;AAAA,EACL,MACG,qBAAqB,IAAI;AAChC;AAcO,MAAM,mBAA4B;AAAA,EACvC,WAAW,CAAC,SACV,OAAO,SAAS,YAChB,OAAO,KAAK,UAAU,eACtB,OAAO,KAAK,QAAQ;AAAA,EAEtB,WAAW,CACT,MACA;AAAA,IACE;AAAA;AAAA,IACA,GAAG;AAAA,EACL,MAEA,qBAAqB;AAAA,IACnB,GAAG;AAAA,IACH,SAAS,mBAAmB,IAAI;AAAA,IAChC,OAAO;AAAA,EACT,CAAC;AACL;AAcO,MAAM,iBAA0B;AAAA,EACrC,WAAW,CAAC,SACV,OAAO,SAAS,YAAY,MAAM,aAAa,SAAS;AAAA,EAC1D,WAAW,CACT,MACA;AAAA,IACE;AAAA;AAAA,IACA,GAAG;AAAA,EACL,MAEA,qBAAqB;AAAA,IACnB,GAAG;AAAA,IACH,SAAS,eAAe,KAAK,SAAS,QAAQ,CAAC;AAAA,IAC/C,OAAO,KAAK,SAAS,QAAQ;AAAA,EAC/B,CAAC;AACL;","names":[]}
+{"version":3,"sources":["../../src/plugins.tsx"],"sourcesContent":["import {\n  type Plugins,\n  type IInterpreterPluginState as IInterpreterPluginStateCore,\n  type DeepTransformContent as DeepTransformContentCore,\n  type MarkdownContent,\n  NodeType,\n  KeyPath,\n  getMarkdownMetadata,\n  deepTransformNode,\n} from '@intlayer/core';\nimport type { ReactNode } from 'react';\nimport { renderIntlayerNode, type IntlayerNode } from './IntlayerNode';\nimport { EditedContentRenderer } from './editor/useEditedContentRenderer';\nimport { ContentSelectorRenderer } from './editor';\nimport { MarkdownMetadataRenderer, MarkdownRenderer } from './markdown';\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  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        <ContentSelectorRenderer {...rest}>\n          <EditedContentRenderer {...rest}>\n            {rest.children}\n          </EditedContentRenderer>\n        </ContentSelectorRenderer>\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  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 * MARKDOWN PLUGIN\n */\n\nexport type MarkdownCond<T> = T extends {\n  nodeType: NodeType | string;\n  [NodeType.Markdown]: string;\n  metadata?: infer U;\n}\n  ? IntlayerNode<string, { metadata: DeepTransformContent<U> }>\n  : never;\n\n/** Markdown plugin. Replaces node with a function that takes quantity => string. */\nexport const markdownPlugin: Plugins = {\n  canHandle: (node) =>\n    typeof node === 'object' && node?.nodeType === NodeType.Markdown,\n  transform: (node: MarkdownContent, props) => {\n    const {\n      plugins, // Removed to avoid next error - Functions cannot be passed directly to Client Components\n      ...rest\n    } = props;\n\n    const newKeyPath: KeyPath[] = [\n      ...props.keyPath,\n      {\n        type: NodeType.Markdown,\n      },\n    ];\n\n    const content = node[NodeType.Markdown];\n    const metadata = getMarkdownMetadata(content);\n\n    const metadataPlugins: Plugins = {\n      canHandle: (node) =>\n        typeof node === 'string' ||\n        typeof node === 'number' ||\n        typeof node === 'boolean' ||\n        !node,\n      transform: (node, props) =>\n        renderIntlayerNode({\n          ...props,\n          value: node,\n          children: (\n            <ContentSelectorRenderer {...rest} keyPath={newKeyPath}>\n              <MarkdownMetadataRenderer\n                {...rest}\n                keyPath={newKeyPath}\n                metadataKeyPath={props.keyPath}\n              >\n                {content}\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    return renderIntlayerNode({\n      ...props,\n      value: content,\n      children: (\n        <ContentSelectorRenderer {...rest} keyPath={newKeyPath}>\n          <MarkdownRenderer {...rest} keyPath={newKeyPath}>\n            {content}\n          </MarkdownRenderer>\n        </ContentSelectorRenderer>\n      ),\n      additionalProps: {\n        metadata: metadataNodes,\n      },\n    });\n  },\n};\n\n/** ---------------------------------------------\n *  PLUGINS RESULT\n *  --------------------------------------------- */\n\nexport interface IInterpreterPluginReact<T> {\n  reactNode: ReactNodeCond<T>;\n  intlayerNode: IntlayerNodeCond<T>;\n  markdown: MarkdownCond<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 = IInterpreterPluginStateCore & {\n  reactNode: true;\n  intlayerNode: true;\n  markdown: true;\n};\n\nexport type DeepTransformContent<T> = DeepTransformContentCore<\n  T,\n  IInterpreterPluginState\n>;\n"],"mappings":"AA0CU;AA1CV;AAAA,EAKE;AAAA,EAEA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,0BAA6C;AACtD,SAAS,6BAA6B;AACtC,SAAS,+BAA+B;AACxC,SAAS,0BAA0B,wBAAwB;AAWpD,MAAM,sBAA+B;AAAA,EAC1C,WAAW,CAAC,SACV,OAAO,SAAS,YAChB,OAAO,SAAS,YAChB,OAAO,SAAS;AAAA,EAClB,WAAW,CACT,OACA;AAAA,IACE;AAAA;AAAA,IACA,GAAG;AAAA,EACL,MAEA,mBAAmB;AAAA,IACjB,GAAG;AAAA,IACH,OAAO,KAAK;AAAA,IACZ,UACE,oBAAC,2BAAyB,GAAG,MAC3B,8BAAC,yBAAuB,GAAG,MACxB,eAAK,UACR,GACF;AAAA,EAEJ,CAAC;AACL;AAcO,MAAM,mBAA4B;AAAA,EACvC,WAAW,CAAC,SACV,OAAO,SAAS,YAChB,OAAO,KAAK,UAAU,eACtB,OAAO,KAAK,QAAQ;AAAA,EAEtB,WAAW,CACT,MACA;AAAA,IACE;AAAA;AAAA,IACA,GAAG;AAAA,EACL,MAEA,mBAAmB;AAAA,IACjB,GAAG;AAAA,IACH,OAAO;AAAA,IACP,UACE,oBAAC,2BAAyB,GAAG,MAAM,sCAEnC;AAAA,EAEJ,CAAC;AACL;AAeO,MAAM,iBAA0B;AAAA,EACrC,WAAW,CAAC,SACV,OAAO,SAAS,YAAY,MAAM,aAAa,SAAS;AAAA,EAC1D,WAAW,CAAC,MAAuB,UAAU;AAC3C,UAAM;AAAA,MACJ;AAAA;AAAA,MACA,GAAG;AAAA,IACL,IAAI;AAEJ,UAAM,aAAwB;AAAA,MAC5B,GAAG,MAAM;AAAA,MACT;AAAA,QACE,MAAM,SAAS;AAAA,MACjB;AAAA,IACF;AAEA,UAAM,UAAU,KAAK,SAAS,QAAQ;AACtC,UAAM,WAAW,oBAAoB,OAAO;AAE5C,UAAM,kBAA2B;AAAA,MAC/B,WAAW,CAACA,UACV,OAAOA,UAAS,YAChB,OAAOA,UAAS,YAChB,OAAOA,UAAS,aAChB,CAACA;AAAA,MACH,WAAW,CAACA,OAAMC,WAChB,mBAAmB;AAAA,QACjB,GAAGA;AAAA,QACH,OAAOD;AAAA,QACP,UACE,oBAAC,2BAAyB,GAAG,MAAM,SAAS,YAC1C;AAAA,UAAC;AAAA;AAAA,YACE,GAAG;AAAA,YACJ,SAAS;AAAA,YACT,iBAAiBC,OAAM;AAAA,YAEtB;AAAA;AAAA,QACH,GACF;AAAA,MAEJ,CAAC;AAAA,IACL;AAGA,UAAM,gBAAgB,kBAAkB,UAAU;AAAA,MAChD,SAAS,CAAC,eAAe;AAAA,MACzB,eAAe,KAAK;AAAA,MACpB,SAAS,CAAC;AAAA,IACZ,CAAC;AAED,WAAO,mBAAmB;AAAA,MACxB,GAAG;AAAA,MACH,OAAO;AAAA,MACP,UACE,oBAAC,2BAAyB,GAAG,MAAM,SAAS,YAC1C,8BAAC,oBAAkB,GAAG,MAAM,SAAS,YAClC,mBACH,GACF;AAAA,MAEF,iBAAiB;AAAA,QACf,UAAU;AAAA,MACZ;AAAA,IACF,CAAC;AAAA,EACH;AACF;","names":["node","props"]}

package/dist/types/IntlayerNode.d.ts

@@ -1,9 +1,15 @@
 import type { NodeProps } from '@intlayer/core';
 import { type PropsWithChildren, type ReactNode } from 'react';
-export type IntlayerNode<T = NodeProps['content']> = ReactNode & {
+export type IntlayerNode<T = NodeProps['children'], AdditionalProps = {}> = ReactNode & {
     value: T;
-};
-export declare const rendererIntlayerNode: <T extends number | string | boolean | undefined | null>({ value, children, }: PropsWithChildren<{
+} & AdditionalProps;
+type RenderIntlayerNodeProps<T> = PropsWithChildren<{
     value: T;
-}>) => IntlayerNode;
+    children: ReactNode;
+    additionalProps?: {
+        [key: string]: any;
+    };
+}>;
+export declare const renderIntlayerNode: <T extends number | string | boolean | undefined | null>({ children, value, additionalProps, }: RenderIntlayerNodeProps<T>) => IntlayerNode<T>;
+export {};
 //# sourceMappingURL=IntlayerNode.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"IntlayerNode.d.ts","sourceRoot":"","sources":["../../src/IntlayerNode.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAChD,OAAO,EACL,KAAK,iBAAiB,EACtB,KAAK,SAAS,EAGf,MAAM,OAAO,CAAC;AAEf,MAAM,MAAM,YAAY,CAAC,CAAC,GAAG,SAAS,CAAC,SAAS,CAAC,IAAI,SAAS,GAAG;IAC/D,KAAK,EAAE,CAAC,CAAC;CACV,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAC/B,CAAC,SAAS,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,GAAG,IAAI,EACtD,sBAGC,iBAAiB,CAAC;IACnB,KAAK,EAAE,CAAC,CAAC;CACV,CAAC,KAAG,YAkBJ,CAAC"}
+{"version":3,"file":"IntlayerNode.d.ts","sourceRoot":"","sources":["../../src/IntlayerNode.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAChD,OAAO,EACL,KAAK,iBAAiB,EACtB,KAAK,SAAS,EAGf,MAAM,OAAO,CAAC;AAEf,MAAM,MAAM,YAAY,CACtB,CAAC,GAAG,SAAS,CAAC,UAAU,CAAC,EACzB,eAAe,GAAG,EAAE,IAClB,SAAS,GAAG;IACd,KAAK,EAAE,CAAC,CAAC;CACV,GAAG,eAAe,CAAC;AAEpB,KAAK,uBAAuB,CAAC,CAAC,IAAI,iBAAiB,CAAC;IAClD,KAAK,EAAE,CAAC,CAAC;IACT,QAAQ,EAAE,SAAS,CAAC;IACpB,eAAe,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE,CAAC;CAC1C,CAAC,CAAC;AAEH,eAAO,MAAM,kBAAkB,GAC7B,CAAC,SAAS,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,GAAG,IAAI,EACtD,uCAIC,uBAAuB,CAAC,CAAC,CAAC,KAAG,YAAY,CAAC,CAAC,CA0B7C,CAAC"}

package/dist/types/editor/ContentSelectorWrapper.d.ts

@@ -1,5 +1,5 @@
 import { type NodeProps } from '@intlayer/core';
 import { type HTMLAttributes, type FC } from 'react';
-export type ContentSelectorWrapperProps = NodeProps & Omit<HTMLAttributes<HTMLDivElement>, 'content'>;
-export declare const ContentSelectorWrapper: FC<ContentSelectorWrapperProps>;
+export type ContentSelectorWrapperProps = NodeProps & Omit<HTMLAttributes<HTMLDivElement>, 'children'>;
+export declare const ContentSelectorRenderer: FC<ContentSelectorWrapperProps>;
 //# sourceMappingURL=ContentSelectorWrapper.d.ts.map

package/dist/types/editor/ContentSelectorWrapper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ContentSelectorWrapper.d.ts","sourceRoot":"","sources":["../../../src/editor/ContentSelectorWrapper.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAAiB,MAAM,gBAAgB,CAAC;AAM/D,OAAO,EACL,KAAK,cAAc,EAKnB,KAAK,EAAE,EAER,MAAM,OAAO,CAAC;AAIf,MAAM,MAAM,2BAA2B,GAAG,SAAS,GACjD,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,SAAS,CAAC,CAAC;AAsDlD,eAAO,MAAM,sBAAsB,EAAE,EAAE,CAAC,2BAA2B,CAgBlE,CAAC"}
+{"version":3,"file":"ContentSelectorWrapper.d.ts","sourceRoot":"","sources":["../../../src/editor/ContentSelectorWrapper.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAAiB,MAAM,gBAAgB,CAAC;AAE/D,OAAO,EAAE,KAAK,cAAc,EAAwB,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAI3E,MAAM,MAAM,2BAA2B,GAAG,SAAS,GACjD,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC,CAAC;AAkCnD,eAAO,MAAM,uBAAuB,EAAE,EAAE,CAAC,2BAA2B,CAgBnE,CAAC"}

package/dist/types/editor/index.d.ts

@@ -1,3 +1,2 @@
 export * from './ContentSelectorWrapper';
-export * from './renderContentEditor';
 //# sourceMappingURL=index.d.ts.map

package/dist/types/editor/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/editor/index.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/editor/index.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAC"}

package/dist/types/editor/useEditedContentRenderer.d.ts

@@ -0,0 +1,12 @@
+import type { FC } from 'react';
+import type { KeyPath } from '@intlayer/core';
+type EditedContentRendererProps = {
+    dictionaryKey: string;
+    keyPath: KeyPath[];
+    children: string;
+    renderChildren?: (children: any) => any;
+};
+export declare const useEditedContentRenderer: ({ dictionaryKey, keyPath, children, }: EditedContentRendererProps) => string;
+export declare const EditedContentRenderer: FC<EditedContentRendererProps>;
+export {};
+//# sourceMappingURL=useEditedContentRenderer.d.ts.map

package/dist/types/editor/useEditedContentRenderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEditedContentRenderer.d.ts","sourceRoot":"","sources":["../../../src/editor/useEditedContentRenderer.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAEhC,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAE9C,KAAK,0BAA0B,GAAG;IAChC,aAAa,EAAE,MAAM,CAAC;IACtB,OAAO,EAAE,OAAO,EAAE,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,cAAc,CAAC,EAAE,CAAC,QAAQ,EAAE,GAAG,KAAK,GAAG,CAAC;CACzC,CAAC;AAEF,eAAO,MAAM,wBAAwB,GAAI,uCAItC,0BAA0B,WAe5B,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,EAAE,CAAC,0BAA0B,CAMhE,CAAC"}

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

@@ -1,5 +1,14 @@
 import type { FC } from 'react';
-export declare const MarkdownRenderer: FC<{
-    markdown: string;
-}>;
+import { KeyPath } from '@intlayer/core';
+type MarkdownRendererProps = {
+    dictionaryKey: string;
+    keyPath: KeyPath[];
+    children: string;
+};
+export declare const MarkdownRenderer: FC<MarkdownRendererProps>;
+type MarkdownMetadataRendererProps = MarkdownRendererProps & {
+    metadataKeyPath: KeyPath[];
+};
+export declare const MarkdownMetadataRenderer: FC<MarkdownMetadataRendererProps>;
+export {};
 //# sourceMappingURL=MarkdownRenderer.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"MarkdownRenderer.d.ts","sourceRoot":"","sources":["../../../src/markdown/MarkdownRenderer.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAIhC,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC;IAAE,QAAQ,EAAE,MAAM,CAAA;CAAE,CASrD,CAAC"}
+{"version":3,"file":"MarkdownRenderer.d.ts","sourceRoot":"","sources":["../../../src/markdown/MarkdownRenderer.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,EAAa,MAAM,OAAO,CAAC;AAG3C,OAAO,EAIL,OAAO,EACR,MAAM,gBAAgB,CAAC;AAExB,KAAK,qBAAqB,GAAG;IAC3B,aAAa,EAAE,MAAM,CAAC;IACtB,OAAO,EAAE,OAAO,EAAE,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CAatD,CAAC;AAEF,KAAK,6BAA6B,GAAG,qBAAqB,GAAG;IAC3D,eAAe,EAAE,OAAO,EAAE,CAAC;CAC5B,CAAC;AAEF,eAAO,MAAM,wBAAwB,EAAE,EAAE,CAAC,6BAA6B,CAmBtE,CAAC"}

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

@@ -1,4 +1,3 @@
 export * from './MarkdownProvider';
 export * from './MarkdownRenderer';
-export * from './renderMarkdown';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/markdown/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/markdown/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC"}

package/dist/types/plugins.d.ts

@@ -1,6 +1,6 @@
 import { type Plugins, type IInterpreterPluginState as IInterpreterPluginStateCore, type DeepTransformContent as DeepTransformContentCore, NodeType } from '@intlayer/core';
 import type { ReactNode } from 'react';
-import type { IntlayerNode } from './IntlayerNode';
+import { type IntlayerNode } from './IntlayerNode';
 /** ---------------------------------------------
  *  INTLAYER NODE PLUGIN
  *  --------------------------------------------- */
@@ -22,7 +22,10 @@ export declare const reactNodePlugins: Plugins;
 export type MarkdownCond<T> = T extends {
     nodeType: NodeType | string;
     [NodeType.Markdown]: string;
-} ? IntlayerNode<string> : never;
+    metadata?: infer U;
+} ? IntlayerNode<string, {
+    metadata: DeepTransformContent<U>;
+}> : never;
 /** Markdown plugin. Replaces node with a function that takes quantity => string. */
 export declare const markdownPlugin: Plugins;
 /** ---------------------------------------------

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

@@ -1 +1 @@
-{"version":3,"file":"plugins.d.ts","sourceRoot":"","sources":["../../src/plugins.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,OAAO,EACZ,KAAK,uBAAuB,IAAI,2BAA2B,EAC3D,KAAK,oBAAoB,IAAI,wBAAwB,EAErD,QAAQ,EACT,MAAM,gBAAgB,CAAC;AACxB,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAInD;;oDAEoD;AAEpD,MAAM,MAAM,gBAAgB,CAAC,CAAC,IAAI,CAAC,SAAS,MAAM,GAAG,MAAM,GACvD,YAAY,CAAC,CAAC,CAAC,GACf,KAAK,CAAC;AAEV,wFAAwF;AACxF,eAAO,MAAM,mBAAmB,EAAE,OAYjC,CAAC;AAEF;;oDAEoD;AAEpD,MAAM,MAAM,aAAa,CAAC,CAAC,IAAI,CAAC,SAAS;IACvC,KAAK,EAAE,GAAG,CAAC;IACX,GAAG,EAAE,GAAG,CAAC;CACV,GACG,SAAS,GACT,KAAK,CAAC;AAEV,wFAAwF;AACxF,eAAO,MAAM,gBAAgB,EAAE,OAkB9B,CAAC;AAEF;;GAEG;AAEH,MAAM,MAAM,YAAY,CAAC,CAAC,IAAI,CAAC,SAAS;IACtC,QAAQ,EAAE,QAAQ,GAAG,MAAM,CAAC;IAC5B,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;CAC7B,GACG,YAAY,CAAC,MAAM,CAAC,GACpB,KAAK,CAAC;AAEV,oFAAoF;AACpF,eAAO,MAAM,cAAc,EAAE,OAe5B,CAAC;AAEF;;oDAEoD;AAEpD,MAAM,WAAW,uBAAuB,CAAC,CAAC;IACxC,SAAS,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC;IAC5B,YAAY,EAAE,gBAAgB,CAAC,CAAC,CAAC,CAAC;IAClC,QAAQ,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC;CAC3B;AAED;;;;GAIG;AACH,MAAM,MAAM,uBAAuB,GAAG,2BAA2B,GAAG;IAClE,SAAS,EAAE,IAAI,CAAC;IAChB,YAAY,EAAE,IAAI,CAAC;IACnB,QAAQ,EAAE,IAAI,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,oBAAoB,CAAC,CAAC,IAAI,wBAAwB,CAC5D,CAAC,EACD,uBAAuB,CACxB,CAAC"}
+{"version":3,"file":"plugins.d.ts","sourceRoot":"","sources":["../../src/plugins.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,OAAO,EACZ,KAAK,uBAAuB,IAAI,2BAA2B,EAC3D,KAAK,oBAAoB,IAAI,wBAAwB,EAErD,QAAQ,EAIT,MAAM,gBAAgB,CAAC;AACxB,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAsB,KAAK,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAKvE;;oDAEoD;AAEpD,MAAM,MAAM,gBAAgB,CAAC,CAAC,IAAI,CAAC,SAAS,MAAM,GAAG,MAAM,GACvD,YAAY,CAAC,CAAC,CAAC,GACf,KAAK,CAAC;AAEV,wFAAwF;AACxF,eAAO,MAAM,mBAAmB,EAAE,OAuBjC,CAAC;AAEF;;oDAEoD;AAEpD,MAAM,MAAM,aAAa,CAAC,CAAC,IAAI,CAAC,SAAS;IACvC,KAAK,EAAE,GAAG,CAAC;IACX,GAAG,EAAE,GAAG,CAAC;CACV,GACG,SAAS,GACT,KAAK,CAAC;AAEV,wFAAwF;AACxF,eAAO,MAAM,gBAAgB,EAAE,OAsB9B,CAAC;AAEF;;GAEG;AAEH,MAAM,MAAM,YAAY,CAAC,CAAC,IAAI,CAAC,SAAS;IACtC,QAAQ,EAAE,QAAQ,GAAG,MAAM,CAAC;IAC5B,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,EAAE,MAAM,CAAC,CAAC;CACpB,GACG,YAAY,CAAC,MAAM,EAAE;IAAE,QAAQ,EAAE,oBAAoB,CAAC,CAAC,CAAC,CAAA;CAAE,CAAC,GAC3D,KAAK,CAAC;AAEV,oFAAoF;AACpF,eAAO,MAAM,cAAc,EAAE,OAiE5B,CAAC;AAEF;;oDAEoD;AAEpD,MAAM,WAAW,uBAAuB,CAAC,CAAC;IACxC,SAAS,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC;IAC5B,YAAY,EAAE,gBAAgB,CAAC,CAAC,CAAC,CAAC;IAClC,QAAQ,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC;CAC3B;AAED;;;;GAIG;AACH,MAAM,MAAM,uBAAuB,GAAG,2BAA2B,GAAG;IAClE,SAAS,EAAE,IAAI,CAAC;IAChB,YAAY,EAAE,IAAI,CAAC;IACnB,QAAQ,EAAE,IAAI,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,oBAAoB,CAAC,CAAC,IAAI,wBAAwB,CAC5D,CAAC,EACD,uBAAuB,CACxB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-intlayer",
-  "version": "5.2.9",
+  "version": "5.3.0",
   "private": false,
   "description": "Easily internationalize i18n your React applications with type-safe multilingual content management.",
   "keywords": [
@@ -34,6 +34,7 @@
       "url": "https://github.com/aymericzip"
     }
   ],
+  "sideEffects": false,
   "exports": {
     ".": {
       "types": "./dist/types/index.d.ts",
@@ -68,11 +69,11 @@
   ],
   "dependencies": {
     "js-cookie": "^3.0.5",
-    "@intlayer/api": "5.2.9",
-    "@intlayer/config": "5.2.9",
-    "@intlayer/core": "5.2.9",
-    "@intlayer/dictionaries-entry": "5.2.9",
-    "@intlayer/editor-react": "5.2.9"
+    "@intlayer/api": "5.3.0",
+    "@intlayer/config": "5.3.0",
+    "@intlayer/core": "5.3.0",
+    "@intlayer/editor-react": "5.3.0",
+    "@intlayer/dictionaries-entry": "5.3.0"
   },
   "devDependencies": {
     "@craco/types": "^7.1.0",
@@ -89,20 +90,20 @@
     "tsup": "^8.3.5",
     "typescript": "^5.7.3",
     "@utils/eslint-config": "1.0.4",
-    "@utils/ts-config-types": "1.0.4",
     "@utils/ts-config": "1.0.4",
+    "@utils/ts-config-types": "1.0.4",
     "@utils/tsup-config": "1.0.4",
-    "@intlayer/backend": "5.2.9"
+    "@intlayer/backend": "5.3.0"
   },
   "peerDependencies": {
     "react": ">=16.0.0",
     "react-dom": ">=16.0.0",
-    "@intlayer/config": "5.2.9",
-    "@intlayer/editor-react": "5.2.9",
-    "@intlayer/api": "5.2.9",
-    "@intlayer/dictionaries-entry": "5.2.9",
-    "intlayer": "5.2.9",
-    "@intlayer/core": "5.2.9"
+    "@intlayer/api": "5.3.0",
+    "@intlayer/config": "5.3.0",
+    "@intlayer/core": "5.3.0",
+    "@intlayer/editor-react": "5.3.0",
+    "intlayer": "5.3.0",
+    "@intlayer/dictionaries-entry": "5.3.0"
   },
   "engines": {
     "node": ">=14.18"

package/dist/cjs/editor/renderContentEditor.cjs

@@ -1,35 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var renderContentEditor_exports = {};
-__export(renderContentEditor_exports, {
-  renderIntlayerEditor: () => renderIntlayerEditor
-});
-module.exports = __toCommonJS(renderContentEditor_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_IntlayerNode = require('../IntlayerNode.cjs');
-var import_ContentSelectorWrapper = require('./ContentSelectorWrapper.cjs');
-const renderIntlayerEditor = (props) => (0, import_IntlayerNode.rendererIntlayerNode)({
-  value: props.value ?? props.content,
-  children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ContentSelectorWrapper.ContentSelectorWrapper, { ...props, children: props.content })
-});
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  renderIntlayerEditor
-});
-//# sourceMappingURL=renderContentEditor.cjs.map

package/dist/cjs/editor/renderContentEditor.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/editor/renderContentEditor.tsx"],"sourcesContent":["import { type NodeProps } from '@intlayer/core';\nimport { type IntlayerNode, rendererIntlayerNode } from '../IntlayerNode';\nimport {\n  ContentSelectorWrapper,\n  type ContentSelectorWrapperProps,\n} from './ContentSelectorWrapper';\n\nexport type RenderIntlayerEditorProps = Omit<\n  ContentSelectorWrapperProps,\n  'children' | 'content'\n> &\n  NodeProps & {\n    value?: string;\n  };\n\nexport const renderIntlayerEditor = (\n  props: RenderIntlayerEditorProps\n): IntlayerNode =>\n  rendererIntlayerNode({\n    value: props.value ?? props.content,\n    children: (\n      <ContentSelectorWrapper {...props}>\n        {props.content}\n      </ContentSelectorWrapper>\n    ),\n  });\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAqBM;AApBN,0BAAwD;AACxD,oCAGO;AAUA,MAAM,uBAAuB,CAClC,cAEA,0CAAqB;AAAA,EACnB,OAAO,MAAM,SAAS,MAAM;AAAA,EAC5B,UACE,4CAAC,wDAAwB,GAAG,OACzB,gBAAM,SACT;AAEJ,CAAC;","names":[]}

package/dist/cjs/markdown/renderMarkdown.cjs

@@ -1,31 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var renderMarkdown_exports = {};
-__export(renderMarkdown_exports, {
-  renderMarkdown: () => renderMarkdown
-});
-module.exports = __toCommonJS(renderMarkdown_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_MarkdownRenderer = require('./MarkdownRenderer.cjs');
-const renderMarkdown = (markdown) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_MarkdownRenderer.MarkdownRenderer, { markdown });
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  renderMarkdown
-});
-//# sourceMappingURL=renderMarkdown.cjs.map

package/dist/cjs/markdown/renderMarkdown.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/markdown/renderMarkdown.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { MarkdownRenderer } from './MarkdownRenderer';\n\nexport const renderMarkdown = (markdown: string): ReactNode => (\n  <MarkdownRenderer markdown={markdown} />\n);\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAIE;AAHF,8BAAiC;AAE1B,MAAM,iBAAiB,CAAC,aAC7B,4CAAC,4CAAiB,UAAoB;","names":[]}

package/dist/esm/editor/renderContentEditor.mjs

@@ -1,13 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { rendererIntlayerNode } from "../IntlayerNode.mjs";
-import {
-  ContentSelectorWrapper
-} from "./ContentSelectorWrapper.mjs";
-const renderIntlayerEditor = (props) => rendererIntlayerNode({
-  value: props.value ?? props.content,
-  children: /* @__PURE__ */ jsx(ContentSelectorWrapper, { ...props, children: props.content })
-});
-export {
-  renderIntlayerEditor
-};
-//# sourceMappingURL=renderContentEditor.mjs.map

package/dist/esm/editor/renderContentEditor.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/editor/renderContentEditor.tsx"],"sourcesContent":["import { type NodeProps } from '@intlayer/core';\nimport { type IntlayerNode, rendererIntlayerNode } from '../IntlayerNode';\nimport {\n  ContentSelectorWrapper,\n  type ContentSelectorWrapperProps,\n} from './ContentSelectorWrapper';\n\nexport type RenderIntlayerEditorProps = Omit<\n  ContentSelectorWrapperProps,\n  'children' | 'content'\n> &\n  NodeProps & {\n    value?: string;\n  };\n\nexport const renderIntlayerEditor = (\n  props: RenderIntlayerEditorProps\n): IntlayerNode =>\n  rendererIntlayerNode({\n    value: props.value ?? props.content,\n    children: (\n      <ContentSelectorWrapper {...props}>\n        {props.content}\n      </ContentSelectorWrapper>\n    ),\n  });\n"],"mappings":"AAqBM;AApBN,SAA4B,4BAA4B;AACxD;AAAA,EACE;AAAA,OAEK;AAUA,MAAM,uBAAuB,CAClC,UAEA,qBAAqB;AAAA,EACnB,OAAO,MAAM,SAAS,MAAM;AAAA,EAC5B,UACE,oBAAC,0BAAwB,GAAG,OACzB,gBAAM,SACT;AAEJ,CAAC;","names":[]}

package/dist/esm/markdown/renderMarkdown.mjs

@@ -1,7 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { MarkdownRenderer } from "./MarkdownRenderer.mjs";
-const renderMarkdown = (markdown) => /* @__PURE__ */ jsx(MarkdownRenderer, { markdown });
-export {
-  renderMarkdown
-};
-//# sourceMappingURL=renderMarkdown.mjs.map

package/dist/esm/markdown/renderMarkdown.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/markdown/renderMarkdown.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { MarkdownRenderer } from './MarkdownRenderer';\n\nexport const renderMarkdown = (markdown: string): ReactNode => (\n  <MarkdownRenderer markdown={markdown} />\n);\n"],"mappings":"AAIE;AAHF,SAAS,wBAAwB;AAE1B,MAAM,iBAAiB,CAAC,aAC7B,oBAAC,oBAAiB,UAAoB;","names":[]}

package/dist/types/editor/renderContentEditor.d.ts

@@ -1,8 +0,0 @@
-import { type NodeProps } from '@intlayer/core';
-import { type IntlayerNode } from '../IntlayerNode';
-import { type ContentSelectorWrapperProps } from './ContentSelectorWrapper';
-export type RenderIntlayerEditorProps = Omit<ContentSelectorWrapperProps, 'children' | 'content'> & NodeProps & {
-    value?: string;
-};
-export declare const renderIntlayerEditor: (props: RenderIntlayerEditorProps) => IntlayerNode;
-//# sourceMappingURL=renderContentEditor.d.ts.map

package/dist/types/editor/renderContentEditor.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"renderContentEditor.d.ts","sourceRoot":"","sources":["../../../src/editor/renderContentEditor.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAChD,OAAO,EAAE,KAAK,YAAY,EAAwB,MAAM,iBAAiB,CAAC;AAC1E,OAAO,EAEL,KAAK,2BAA2B,EACjC,MAAM,0BAA0B,CAAC;AAElC,MAAM,MAAM,yBAAyB,GAAG,IAAI,CAC1C,2BAA2B,EAC3B,UAAU,GAAG,SAAS,CACvB,GACC,SAAS,GAAG;IACV,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEJ,eAAO,MAAM,oBAAoB,GAC/B,OAAO,yBAAyB,KAC/B,YAQC,CAAC"}

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

@@ -1,3 +0,0 @@
-import type { ReactNode } from 'react';
-export declare const renderMarkdown: (markdown: string) => ReactNode;
-//# sourceMappingURL=renderMarkdown.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"renderMarkdown.d.ts","sourceRoot":"","sources":["../../../src/markdown/renderMarkdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,eAAO,MAAM,cAAc,GAAI,UAAU,MAAM,KAAG,SAEjD,CAAC"}