angular-intlayer 7.6.0-canary.0 → 8.0.0-canary.0

package/dist/cjs/client/index.cjs

@@ -3,6 +3,7 @@ const require_client_useDictionary = require('./useDictionary.cjs');
 const require_client_useDictionaryAsync = require('./useDictionaryAsync.cjs');
 const require_client_useLoadDynamic = require('./useLoadDynamic.cjs');
 const require_client_useDictionaryDynamic = require('./useDictionaryDynamic.cjs');
+const require_client_useIntl = require('./useIntl.cjs');
 const require_client_useIntlayer = require('./useIntlayer.cjs');
 const require_client_useLocale = require('./useLocale.cjs');
 
@@ -14,6 +15,7 @@ exports.isUpdatableNode = require_client_useIntlayer.isUpdatableNode;
 exports.useDictionary = require_client_useDictionary.useDictionary;
 exports.useDictionaryAsync = require_client_useDictionaryAsync.useDictionaryAsync;
 exports.useDictionaryDynamic = require_client_useDictionaryDynamic.useDictionaryDynamic;
+exports.useIntl = require_client_useIntl.useIntl;
 exports.useIntlayer = require_client_useIntlayer.useIntlayer;
 exports.useLoadDynamic = require_client_useLoadDynamic.useLoadDynamic;
 exports.useLocale = require_client_useLocale.useLocale;

package/dist/cjs/client/useIntl.cjs

@@ -0,0 +1,40 @@
+const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
+const require_client_installIntlayer = require('./installIntlayer.cjs');
+let _intlayer_core = require("@intlayer/core");
+let _angular_core = require("@angular/core");
+
+//#region src/client/useIntl.ts
+/**
+* Angular composable that provides a locale-bound `Intl` object.
+*
+* It acts exactly like the native `Intl` object, but acts as a proxy to:
+* 1. Inject the current locale automatically if none is provided.
+* 2. Use the performance-optimized `CachedIntl` under the hood.
+*
+* @example
+* ```typescript
+* import { Component, computed } from '@angular/core';
+* import { useIntl } from 'angular-intlayer';
+*
+* @Component({ ... })
+* export class MyComponent {
+*   intl = useIntl();
+*   formattedPrice = computed(() =>
+*     new this.intl().NumberFormat({
+*       style: 'currency',
+*       currency: 'USD'
+*     }).format(123.45)
+*   );
+* }
+* ```
+*/
+const useIntl = (locale) => {
+	const intlayer = (0, _angular_core.inject)(require_client_installIntlayer.IntlayerProvider);
+	return (0, _angular_core.computed)(() => {
+		return (0, _intlayer_core.bindIntl)(locale ?? intlayer.locale());
+	});
+};
+
+//#endregion
+exports.useIntl = useIntl;
+//# sourceMappingURL=useIntl.cjs.map

package/dist/cjs/client/useIntl.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIntl.cjs","names":["IntlayerProvider"],"sources":["../../../src/client/useIntl.ts"],"sourcesContent":["import { computed, inject } from '@angular/core';\nimport { bindIntl } from '@intlayer/core';\nimport type { LocalesValues } from '@intlayer/types';\nimport { IntlayerProvider } from './installIntlayer';\n\n/**\n * Angular composable that provides a locale-bound `Intl` object.\n *\n * It acts exactly like the native `Intl` object, but acts as a proxy to:\n * 1. Inject the current locale automatically if none is provided.\n * 2. Use the performance-optimized `CachedIntl` under the hood.\n *\n * @example\n * ```typescript\n * import { Component, computed } from '@angular/core';\n * import { useIntl } from 'angular-intlayer';\n *\n * @Component({ ... })\n * export class MyComponent {\n *   intl = useIntl();\n *   formattedPrice = computed(() =>\n *     new this.intl().NumberFormat({\n *       style: 'currency',\n *       currency: 'USD'\n *     }).format(123.45)\n *   );\n * }\n * ```\n */\nexport const useIntl = (locale?: LocalesValues) => {\n  const intlayer = inject(IntlayerProvider);\n\n  return computed(() => {\n    const currentLocale = locale ?? intlayer.locale();\n\n    return bindIntl(currentLocale);\n  });\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6BA,MAAa,WAAW,WAA2B;CACjD,MAAM,qCAAkBA,gDAAiB;AAEzC,0CAAsB;AAGpB,sCAFsB,UAAU,SAAS,QAAQ,CAEnB;GAC9B"}

package/dist/cjs/index.cjs

@@ -3,6 +3,7 @@ const require_client_useDictionary = require('./client/useDictionary.cjs');
 const require_client_useDictionaryAsync = require('./client/useDictionaryAsync.cjs');
 const require_client_useLoadDynamic = require('./client/useLoadDynamic.cjs');
 const require_client_useDictionaryDynamic = require('./client/useDictionaryDynamic.cjs');
+const require_client_useIntl = require('./client/useIntl.cjs');
 const require_getIntlayer = require('./getIntlayer.cjs');
 const require_client_useIntlayer = require('./client/useIntlayer.cjs');
 const require_client_useLocale = require('./client/useLocale.cjs');
@@ -26,6 +27,7 @@ exports.markdownStringPlugin = require_plugins.markdownStringPlugin;
 exports.useDictionary = require_client_useDictionary.useDictionary;
 exports.useDictionaryAsync = require_client_useDictionaryAsync.useDictionaryAsync;
 exports.useDictionaryDynamic = require_client_useDictionaryDynamic.useDictionaryDynamic;
+exports.useIntl = require_client_useIntl.useIntl;
 exports.useIntlayer = require_client_useIntlayer.useIntlayer;
 exports.useLoadDynamic = require_client_useLoadDynamic.useLoadDynamic;
 exports.useLocale = require_client_useLocale.useLocale;

package/dist/cjs/markdown/installIntlayerMarkdown.cjs

@@ -16,9 +16,9 @@ const createIntlayerMarkdownProvider = (renderMarkdown = defaultMarkdownRenderer
 });
 var IntlayerMarkdownService = @((0, _angular_core.Injectable)({ providedIn: "root" })) class {
 	markdownProvider = (0, _angular_core.inject)(INTLAYER_MARKDOWN_TOKEN, { optional: true });
-	renderMarkdown(markdown) {
+	renderMarkdown(markdown, overrides) {
 		if (!this.markdownProvider) return markdown;
-		return this.markdownProvider.renderMarkdown(markdown);
+		return this.markdownProvider.renderMarkdown(markdown, overrides);
 	}
 };
 /**

package/dist/cjs/markdown/installIntlayerMarkdown.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"installIntlayerMarkdown.cjs","names":["InjectionToken"],"sources":["../../../src/markdown/installIntlayerMarkdown.ts"],"sourcesContent":["import {\n  Injectable,\n  InjectionToken,\n  inject,\n  type TemplateRef,\n} from '@angular/core';\n\nexport const INTLAYER_MARKDOWN_TOKEN =\n  new InjectionToken<IntlayerMarkdownProvider>('intlayerMarkdown');\n\ntype RenderMarkdownFunction = (markdown: string) => string | TemplateRef<any>;\n\nexport type IntlayerMarkdownProvider = {\n  renderMarkdown: RenderMarkdownFunction;\n};\n\n/**\n * Default markdown renderer that returns the markdown as is\n */\nconst defaultMarkdownRenderer: RenderMarkdownFunction = (markdown: string) =>\n  markdown;\n\n/**\n * Create IntlayerMarkdown provider configuration\n */\nexport const createIntlayerMarkdownProvider = (\n  renderMarkdown: RenderMarkdownFunction = defaultMarkdownRenderer\n) => ({\n  provide: INTLAYER_MARKDOWN_TOKEN,\n  useValue: {\n    renderMarkdown,\n  } as IntlayerMarkdownProvider,\n});\n\n/**\n * Injectable service for markdown rendering\n */\n@Injectable({\n  providedIn: 'root',\n})\nexport class IntlayerMarkdownService {\n  private markdownProvider = inject(INTLAYER_MARKDOWN_TOKEN, {\n    optional: true,\n  });\n\n  renderMarkdown(markdown: string): string | TemplateRef<any> {\n    if (!this.markdownProvider) {\n      return markdown; // Fallback to returning markdown as is\n    }\n    return this.markdownProvider.renderMarkdown(markdown);\n  }\n}\n\n/**\n * Function to inject markdown provider\n */\nexport const useMarkdown = (): IntlayerMarkdownProvider => {\n  const markdownProvider = inject(INTLAYER_MARKDOWN_TOKEN, { optional: true });\n\n  if (!markdownProvider) {\n    return {\n      renderMarkdown: defaultMarkdownRenderer,\n    };\n  }\n\n  return markdownProvider;\n};\n"],"mappings":";;;;AAOA,MAAa,0BACX,IAAIA,6BAAyC,mBAAmB;;;;AAWlE,MAAM,2BAAmD,aACvD;;;;AAKF,MAAa,kCACX,iBAAyC,6BACrC;CACJ,SAAS;CACT,UAAU,EACR,gBACD;CACF;AAQD,IAAa,0BAHb,gCAAY,EACV,YAAY,QACb,CAAC,EACF,MAAqC;CACnC,AAAQ,6CAA0B,yBAAyB,EACzD,UAAU,MACX,CAAC;CAEF,eAAe,UAA6C;AAC1D,MAAI,CAAC,KAAK,iBACR,QAAO;AAET,SAAO,KAAK,iBAAiB,eAAe,SAAS;;;;;;AAOzD,MAAa,oBAA8C;CACzD,MAAM,6CAA0B,yBAAyB,EAAE,UAAU,MAAM,CAAC;AAE5E,KAAI,CAAC,iBACH,QAAO,EACL,gBAAgB,yBACjB;AAGH,QAAO"}
+{"version":3,"file":"installIntlayerMarkdown.cjs","names":["InjectionToken"],"sources":["../../../src/markdown/installIntlayerMarkdown.ts"],"sourcesContent":["import {\n  Injectable,\n  InjectionToken,\n  inject,\n  type TemplateRef,\n} from '@angular/core';\n\nexport const INTLAYER_MARKDOWN_TOKEN =\n  new InjectionToken<IntlayerMarkdownProvider>('intlayerMarkdown');\n\ntype RenderMarkdownOptions = {\n  components?: any;\n  wrapper?: any;\n  options?: any;\n};\n\ntype RenderMarkdownFunction = (\n  markdown: string,\n  overrides?: any | RenderMarkdownOptions\n) => string | TemplateRef<any>;\n\nexport type IntlayerMarkdownProvider = {\n  renderMarkdown: RenderMarkdownFunction;\n};\n\n/**\n * Default markdown renderer that returns the markdown as is\n */\nconst defaultMarkdownRenderer: RenderMarkdownFunction = (markdown: string) =>\n  markdown;\n\n/**\n * Create IntlayerMarkdown provider configuration\n */\nexport const createIntlayerMarkdownProvider = (\n  renderMarkdown: RenderMarkdownFunction = defaultMarkdownRenderer\n) => ({\n  provide: INTLAYER_MARKDOWN_TOKEN,\n  useValue: {\n    renderMarkdown,\n  } as IntlayerMarkdownProvider,\n});\n\n/**\n * Injectable service for markdown rendering\n */\n@Injectable({\n  providedIn: 'root',\n})\nexport class IntlayerMarkdownService {\n  private markdownProvider = inject(INTLAYER_MARKDOWN_TOKEN, {\n    optional: true,\n  });\n\n  renderMarkdown(markdown: string, overrides?: any): string | TemplateRef<any> {\n    if (!this.markdownProvider) {\n      return markdown; // Fallback to returning markdown as is\n    }\n    return this.markdownProvider.renderMarkdown(markdown, overrides);\n  }\n}\n\n/**\n * Function to inject markdown provider\n */\nexport const useMarkdown = (): IntlayerMarkdownProvider => {\n  const markdownProvider = inject(INTLAYER_MARKDOWN_TOKEN, { optional: true });\n\n  if (!markdownProvider) {\n    return {\n      renderMarkdown: defaultMarkdownRenderer,\n    };\n  }\n\n  return markdownProvider;\n};\n"],"mappings":";;;;AAOA,MAAa,0BACX,IAAIA,6BAAyC,mBAAmB;;;;AAoBlE,MAAM,2BAAmD,aACvD;;;;AAKF,MAAa,kCACX,iBAAyC,6BACrC;CACJ,SAAS;CACT,UAAU,EACR,gBACD;CACF;AAQD,IAAa,0BAHb,gCAAY,EACV,YAAY,QACb,CAAC,EACF,MAAqC;CACnC,AAAQ,6CAA0B,yBAAyB,EACzD,UAAU,MACX,CAAC;CAEF,eAAe,UAAkB,WAA4C;AAC3E,MAAI,CAAC,KAAK,iBACR,QAAO;AAET,SAAO,KAAK,iBAAiB,eAAe,UAAU,UAAU;;;;;;AAOpE,MAAa,oBAA8C;CACzD,MAAM,6CAA0B,yBAAyB,EAAE,UAAU,MAAM,CAAC;AAE5E,KAAI,CAAC,iBACH,QAAO,EACL,gBAAgB,yBACjB;AAGH,QAAO"}

package/dist/cjs/plugins.cjs

@@ -42,22 +42,30 @@ const markdownStringPlugin = {
 			dictionaryKey: rest.dictionaryKey,
 			keyPath: []
 		});
-		return require_renderIntlayerNode.renderIntlayerNode({
+		const render = (overrides) => require_renderIntlayerNode.renderIntlayerNode({
 			...props,
 			value: node,
 			children: () => ({
 				component: require_editor_ContentSelectorWrapper_component.ContentSelectorWrapperComponent,
 				props: {
 					dictionaryKey: rest.dictionaryKey,
-					keyPath: rest.keyPath
+					keyPath: rest.keyPath,
+					...overrides
 				},
 				children: () => {
 					const { renderMarkdown } = require_markdown_installIntlayerMarkdown.useMarkdown();
-					return renderMarkdown(node);
+					return renderMarkdown(node, overrides);
 				}
 			}),
 			additionalProps: { metadata: metadataNodes }
 		});
+		const element = render();
+		return new Proxy(element, { get(target, prop, receiver) {
+			if (prop === "value") return node;
+			if (prop === "metadata") return metadataNodes;
+			if (prop === "use") return (overrides) => render(overrides);
+			return Reflect.get(target, prop, receiver);
+		} });
 	}
 };
 const markdownPlugin = {

package/dist/cjs/plugins.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"plugins.cjs","names":["renderIntlayerNode","ContentSelectorWrapperComponent","props","useMarkdown","NodeType"],"sources":["../../src/plugins.ts"],"sourcesContent":["import {\n  type DeepTransformContent as DeepTransformContentCore,\n  getMarkdownMetadata,\n  type IInterpreterPluginState as IInterpreterPluginStateCore,\n  type MarkdownContent,\n  type Plugins,\n} from '@intlayer/core';\nimport { type KeyPath, NodeType } from '@intlayer/types';\nimport { ContentSelectorWrapperComponent } from './editor';\nimport { useMarkdown } from './markdown/installIntlayerMarkdown';\nimport { renderIntlayerNode } from './renderIntlayerNode';\n\n/** ---------------------------------------------\n *  INTLAYER NODE PLUGIN\n *  --------------------------------------------- */\n\nexport type IntlayerNodeCond<T> = T extends number | string\n  ? IntlayerNode<T>\n  : never;\n\nexport interface IntlayerNode<T, P = {}> {\n  value: T;\n  children?: any;\n  additionalProps?: P;\n}\n\n/** Translation plugin. Replaces node with a locale string if nodeType = Translation. */\nexport const intlayerNodePlugins: Plugins = {\n  id: 'intlayer-node-plugin',\n  canHandle: (node) =>\n    typeof node === 'bigint' ||\n    typeof node === 'string' ||\n    typeof node === 'number',\n  transform: (_node, { children, ...rest }) =>\n    renderIntlayerNode({\n      ...rest,\n      value: children,\n      children: () => ({\n        component: ContentSelectorWrapperComponent,\n        props: {\n          dictionaryKey: rest.dictionaryKey,\n          keyPath: rest.keyPath,\n        },\n        children: children,\n      }),\n    }),\n};\n\n/**\n * MARKDOWN PLUGIN\n */\n\nexport type MarkdownStringCond<T> = T extends string\n  ? IntlayerNode<string, { metadata: DeepTransformContent<string> }>\n  : never;\n\n/** Markdown string plugin. Replaces string node with a component that render the markdown. */\nexport const markdownStringPlugin: Plugins = {\n  id: 'markdown-string-plugin',\n  canHandle: (node) => typeof node === 'string',\n  transform: (node: string, props, deepTransformNode) => {\n    const {\n      plugins, // Removed to avoid next error - Functions cannot be passed directly to Client Components\n      ...rest\n    } = props;\n\n    const metadata = getMarkdownMetadata(node);\n\n    const metadataPlugins: Plugins = {\n      id: 'markdown-metadata-plugin',\n      canHandle: (metadataNode) =>\n        typeof metadataNode === 'string' ||\n        typeof metadataNode === 'number' ||\n        typeof metadataNode === 'boolean' ||\n        !metadataNode,\n      transform: (metadataNode, props) =>\n        renderIntlayerNode({\n          ...props,\n          value: metadataNode,\n          children: node,\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: node,\n      children: () => ({\n        component: ContentSelectorWrapperComponent,\n        props: {\n          dictionaryKey: rest.dictionaryKey,\n          keyPath: rest.keyPath,\n        },\n        children: () => {\n          const { renderMarkdown } = useMarkdown();\n          return renderMarkdown(node);\n        },\n      }),\n      additionalProps: {\n        metadata: metadataNodes,\n      },\n    });\n  },\n};\n\nexport type MarkdownCond<T> = T extends {\n  nodeType: NodeType | string;\n  [NodeType.Markdown]: infer M;\n  metadata?: infer U;\n}\n  ? IntlayerNode<DeepTransformContent<M>, { metadata: DeepTransformContent<U> }>\n  : never;\n\nexport const markdownPlugin: Plugins = {\n  id: 'markdown-plugin',\n  canHandle: (node) =>\n    typeof node === 'object' && node?.nodeType === NodeType.Markdown,\n  transform: (node: MarkdownContent, props, deepTransformNode) => {\n    const newKeyPath: KeyPath[] = [\n      ...props.keyPath,\n      {\n        type: NodeType.Markdown,\n      },\n    ];\n\n    const children = node[NodeType.Markdown];\n\n    return deepTransformNode(children, {\n      ...props,\n      children,\n      keyPath: newKeyPath,\n      plugins: [markdownStringPlugin, ...(props.plugins ?? [])],\n    });\n  },\n};\n\n/** ---------------------------------------------\n *  PLUGINS RESULT\n *  --------------------------------------------- */\n\nexport interface IInterpreterPluginAngular<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 `angular-intlayer` plugins will override the types of `intlayer` functions.\n */\nexport type IInterpreterPluginState = IInterpreterPluginStateCore & {\n  intlayerNode: true;\n  markdown: true;\n};\n\nexport type DeepTransformContent<T> = DeepTransformContentCore<\n  T,\n  IInterpreterPluginState\n>;\n"],"mappings":";;;;;;;;;AA2BA,MAAa,sBAA+B;CAC1C,IAAI;CACJ,YAAY,SACV,OAAO,SAAS,YAChB,OAAO,SAAS,YAChB,OAAO,SAAS;CAClB,YAAY,OAAO,EAAE,UAAU,GAAG,WAChCA,8CAAmB;EACjB,GAAG;EACH,OAAO;EACP,iBAAiB;GACf,WAAWC;GACX,OAAO;IACL,eAAe,KAAK;IACpB,SAAS,KAAK;IACf;GACS;GACX;EACF,CAAC;CACL;;AAWD,MAAa,uBAAgC;CAC3C,IAAI;CACJ,YAAY,SAAS,OAAO,SAAS;CACrC,YAAY,MAAc,OAAO,sBAAsB;EACrD,MAAM,EACJ,SACA,GAAG,SACD;EAoBJ,MAAM,gBAAgB,0DAlBe,KAAK,EAkBQ;GAChD,SAAS,CAjBsB;IAC/B,IAAI;IACJ,YAAY,iBACV,OAAO,iBAAiB,YACxB,OAAO,iBAAiB,YACxB,OAAO,iBAAiB,aACxB,CAAC;IACH,YAAY,cAAc,YACxBD,8CAAmB;KACjB,GAAGE;KACH,OAAO;KACP,UAAU;KACX,CAAC;IACL,CAI2B;GAC1B,eAAe,KAAK;GACpB,SAAS,EAAE;GACZ,CAAC;AAEF,SAAOF,8CAAmB;GACxB,GAAG;GACH,OAAO;GACP,iBAAiB;IACf,WAAWC;IACX,OAAO;KACL,eAAe,KAAK;KACpB,SAAS,KAAK;KACf;IACD,gBAAgB;KACd,MAAM,EAAE,mBAAmBE,sDAAa;AACxC,YAAO,eAAe,KAAK;;IAE9B;GACD,iBAAiB,EACf,UAAU,eACX;GACF,CAAC;;CAEL;AAUD,MAAa,iBAA0B;CACrC,IAAI;CACJ,YAAY,SACV,OAAO,SAAS,YAAY,MAAM,aAAaC,yBAAS;CAC1D,YAAY,MAAuB,OAAO,sBAAsB;EAC9D,MAAM,aAAwB,CAC5B,GAAG,MAAM,SACT,EACE,MAAMA,yBAAS,UAChB,CACF;EAED,MAAM,WAAW,KAAKA,yBAAS;AAE/B,SAAO,kBAAkB,UAAU;GACjC,GAAG;GACH;GACA,SAAS;GACT,SAAS,CAAC,sBAAsB,GAAI,MAAM,WAAW,EAAE,CAAE;GAC1D,CAAC;;CAEL"}
+{"version":3,"file":"plugins.cjs","names":["renderIntlayerNode","ContentSelectorWrapperComponent","props","useMarkdown","NodeType"],"sources":["../../src/plugins.ts"],"sourcesContent":["import {\n  type DeepTransformContent as DeepTransformContentCore,\n  getMarkdownMetadata,\n  type IInterpreterPluginState as IInterpreterPluginStateCore,\n  type MarkdownContent,\n  type Plugins,\n} from '@intlayer/core';\nimport { type KeyPath, type LocalesValues, NodeType } from '@intlayer/types';\nimport { ContentSelectorWrapperComponent } from './editor';\nimport { useMarkdown } from './markdown/installIntlayerMarkdown';\nimport { renderIntlayerNode } from './renderIntlayerNode';\n\n/** ---------------------------------------------\n *  INTLAYER NODE PLUGIN\n *  --------------------------------------------- */\n\nexport type IntlayerNodeCond<T> = T extends number | string\n  ? IntlayerNode<T>\n  : never;\n\nexport interface IntlayerNode<T, P = {}> {\n  value: T;\n  children?: any;\n  additionalProps?: P;\n}\n\n/** Translation plugin. Replaces node with a locale string if nodeType = Translation. */\nexport const intlayerNodePlugins: Plugins = {\n  id: 'intlayer-node-plugin',\n  canHandle: (node) =>\n    typeof node === 'bigint' ||\n    typeof node === 'string' ||\n    typeof node === 'number',\n  transform: (_node, { children, ...rest }) =>\n    renderIntlayerNode({\n      ...rest,\n      value: children,\n      children: () => ({\n        component: ContentSelectorWrapperComponent,\n        props: {\n          dictionaryKey: rest.dictionaryKey,\n          keyPath: rest.keyPath,\n        },\n        children: children,\n      }),\n    }),\n};\n\n/**\n * MARKDOWN PLUGIN\n */\n\nexport type MarkdownStringCond<T> = T extends string\n  ? IntlayerNode<string, { metadata: DeepTransformContent<string> }>\n  : never;\n\n/** Markdown string plugin. Replaces string node with a component that render the markdown. */\nexport const markdownStringPlugin: Plugins = {\n  id: 'markdown-string-plugin',\n  canHandle: (node) => typeof node === 'string',\n  transform: (node: string, props, deepTransformNode) => {\n    const {\n      plugins, // Removed to avoid next error - Functions cannot be passed directly to Client Components\n      ...rest\n    } = props;\n\n    const metadata = getMarkdownMetadata(node);\n\n    const metadataPlugins: Plugins = {\n      id: 'markdown-metadata-plugin',\n      canHandle: (metadataNode) =>\n        typeof metadataNode === 'string' ||\n        typeof metadataNode === 'number' ||\n        typeof metadataNode === 'boolean' ||\n        !metadataNode,\n      transform: (metadataNode, props) =>\n        renderIntlayerNode({\n          ...props,\n          value: metadataNode,\n          children: node,\n        }),\n    };\n\n    // Transform metadata while keeping the same structure\n    const metadataNodes = deepTransformNode(metadata, {\n      plugins: [metadataPlugins],\n      dictionaryKey: rest.dictionaryKey,\n      keyPath: [],\n    });\n\n    const render = (overrides?: any) =>\n      renderIntlayerNode({\n        ...props,\n        value: node,\n        children: () => ({\n          component: ContentSelectorWrapperComponent,\n          props: {\n            dictionaryKey: rest.dictionaryKey,\n            keyPath: rest.keyPath,\n            ...overrides,\n          },\n          children: () => {\n            const { renderMarkdown } = useMarkdown();\n            return renderMarkdown(node, overrides);\n          },\n        }),\n        additionalProps: {\n          metadata: metadataNodes,\n        },\n      });\n\n    const element = render() as any;\n\n    return new Proxy(element, {\n      get(target, prop, receiver) {\n        if (prop === 'value') {\n          return node;\n        }\n        if (prop === 'metadata') {\n          return metadataNodes;\n        }\n\n        if (prop === 'use') {\n          return (overrides?: any) => render(overrides);\n        }\n\n        return Reflect.get(target, prop, receiver);\n      },\n    }) as any;\n  },\n};\n\nexport type MarkdownCond<T, S, L extends LocalesValues> = T extends {\n  nodeType: NodeType | string;\n  [NodeType.Markdown]: infer M;\n  metadata?: infer U;\n}\n  ? {\n      use: (overrides: any) => any;\n      metadata: DeepTransformContent<U>;\n    } & any\n  : never;\n\nexport const markdownPlugin: Plugins = {\n  id: 'markdown-plugin',\n  canHandle: (node) =>\n    typeof node === 'object' && node?.nodeType === NodeType.Markdown,\n  transform: (node: MarkdownContent, props, deepTransformNode) => {\n    const newKeyPath: KeyPath[] = [\n      ...props.keyPath,\n      {\n        type: NodeType.Markdown,\n      },\n    ];\n\n    const children = node[NodeType.Markdown];\n\n    return deepTransformNode(children, {\n      ...props,\n      children,\n      keyPath: newKeyPath,\n      plugins: [markdownStringPlugin, ...(props.plugins ?? [])],\n    });\n  },\n};\n\n/** ---------------------------------------------\n *  PLUGINS RESULT\n *  --------------------------------------------- */\n\nexport interface IInterpreterPluginAngular<T, S, L extends LocalesValues> {\n  intlayerNode: IntlayerNodeCond<T>;\n  markdown: MarkdownCond<T, S, L>;\n}\n\n/**\n * Insert this type as param of `DeepTransformContent` to avoid `intlayer` package pollution.\n *\n * Otherwise the the `angular-intlayer` plugins will override the types of `intlayer` functions.\n */\nexport type IInterpreterPluginState = IInterpreterPluginStateCore & {\n  intlayerNode: true;\n  markdown: true;\n};\n\nexport type DeepTransformContent<T> = DeepTransformContentCore<\n  T,\n  IInterpreterPluginState\n>;\n"],"mappings":";;;;;;;;;AA2BA,MAAa,sBAA+B;CAC1C,IAAI;CACJ,YAAY,SACV,OAAO,SAAS,YAChB,OAAO,SAAS,YAChB,OAAO,SAAS;CAClB,YAAY,OAAO,EAAE,UAAU,GAAG,WAChCA,8CAAmB;EACjB,GAAG;EACH,OAAO;EACP,iBAAiB;GACf,WAAWC;GACX,OAAO;IACL,eAAe,KAAK;IACpB,SAAS,KAAK;IACf;GACS;GACX;EACF,CAAC;CACL;;AAWD,MAAa,uBAAgC;CAC3C,IAAI;CACJ,YAAY,SAAS,OAAO,SAAS;CACrC,YAAY,MAAc,OAAO,sBAAsB;EACrD,MAAM,EACJ,SACA,GAAG,SACD;EAoBJ,MAAM,gBAAgB,0DAlBe,KAAK,EAkBQ;GAChD,SAAS,CAjBsB;IAC/B,IAAI;IACJ,YAAY,iBACV,OAAO,iBAAiB,YACxB,OAAO,iBAAiB,YACxB,OAAO,iBAAiB,aACxB,CAAC;IACH,YAAY,cAAc,YACxBD,8CAAmB;KACjB,GAAGE;KACH,OAAO;KACP,UAAU;KACX,CAAC;IACL,CAI2B;GAC1B,eAAe,KAAK;GACpB,SAAS,EAAE;GACZ,CAAC;EAEF,MAAM,UAAU,cACdF,8CAAmB;GACjB,GAAG;GACH,OAAO;GACP,iBAAiB;IACf,WAAWC;IACX,OAAO;KACL,eAAe,KAAK;KACpB,SAAS,KAAK;KACd,GAAG;KACJ;IACD,gBAAgB;KACd,MAAM,EAAE,mBAAmBE,sDAAa;AACxC,YAAO,eAAe,MAAM,UAAU;;IAEzC;GACD,iBAAiB,EACf,UAAU,eACX;GACF,CAAC;EAEJ,MAAM,UAAU,QAAQ;AAExB,SAAO,IAAI,MAAM,SAAS,EACxB,IAAI,QAAQ,MAAM,UAAU;AAC1B,OAAI,SAAS,QACX,QAAO;AAET,OAAI,SAAS,WACX,QAAO;AAGT,OAAI,SAAS,MACX,SAAQ,cAAoB,OAAO,UAAU;AAG/C,UAAO,QAAQ,IAAI,QAAQ,MAAM,SAAS;KAE7C,CAAC;;CAEL;AAaD,MAAa,iBAA0B;CACrC,IAAI;CACJ,YAAY,SACV,OAAO,SAAS,YAAY,MAAM,aAAaC,yBAAS;CAC1D,YAAY,MAAuB,OAAO,sBAAsB;EAC9D,MAAM,aAAwB,CAC5B,GAAG,MAAM,SACT,EACE,MAAMA,yBAAS,UAChB,CACF;EAED,MAAM,WAAW,KAAKA,yBAAS;AAE/B,SAAO,kBAAkB,UAAU;GACjC,GAAG;GACH;GACA,SAAS;GACT,SAAS,CAAC,sBAAsB,GAAI,MAAM,WAAW,EAAE,CAAE;GAC1D,CAAC;;CAEL"}

package/dist/esm/client/index.mjs

@@ -3,7 +3,8 @@ import { useDictionary } from "./useDictionary.mjs";
 import { useDictionaryAsync } from "./useDictionaryAsync.mjs";
 import { useLoadDynamic } from "./useLoadDynamic.mjs";
 import { useDictionaryDynamic } from "./useDictionaryDynamic.mjs";
+import { useIntl } from "./useIntl.mjs";
 import { isUpdatableNode, useIntlayer } from "./useIntlayer.mjs";
 import { useLocale } from "./useLocale.mjs";
 
-export { INTLAYER_TOKEN, IntlayerProvider, createIntlayerClient, installIntlayer, isUpdatableNode, useDictionary, useDictionaryAsync, useDictionaryDynamic, useIntlayer, useLoadDynamic, useLocale };
+export { INTLAYER_TOKEN, IntlayerProvider, createIntlayerClient, installIntlayer, isUpdatableNode, useDictionary, useDictionaryAsync, useDictionaryDynamic, useIntl, useIntlayer, useLoadDynamic, useLocale };

package/dist/esm/client/useIntl.mjs

@@ -0,0 +1,39 @@
+import { IntlayerProvider } from "./installIntlayer.mjs";
+import { bindIntl } from "@intlayer/core";
+import { computed, inject } from "@angular/core";
+
+//#region src/client/useIntl.ts
+/**
+* Angular composable that provides a locale-bound `Intl` object.
+*
+* It acts exactly like the native `Intl` object, but acts as a proxy to:
+* 1. Inject the current locale automatically if none is provided.
+* 2. Use the performance-optimized `CachedIntl` under the hood.
+*
+* @example
+* ```typescript
+* import { Component, computed } from '@angular/core';
+* import { useIntl } from 'angular-intlayer';
+*
+* @Component({ ... })
+* export class MyComponent {
+*   intl = useIntl();
+*   formattedPrice = computed(() =>
+*     new this.intl().NumberFormat({
+*       style: 'currency',
+*       currency: 'USD'
+*     }).format(123.45)
+*   );
+* }
+* ```
+*/
+const useIntl = (locale) => {
+	const intlayer = inject(IntlayerProvider);
+	return computed(() => {
+		return bindIntl(locale ?? intlayer.locale());
+	});
+};
+
+//#endregion
+export { useIntl };
+//# sourceMappingURL=useIntl.mjs.map

package/dist/esm/client/useIntl.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIntl.mjs","names":[],"sources":["../../../src/client/useIntl.ts"],"sourcesContent":["import { computed, inject } from '@angular/core';\nimport { bindIntl } from '@intlayer/core';\nimport type { LocalesValues } from '@intlayer/types';\nimport { IntlayerProvider } from './installIntlayer';\n\n/**\n * Angular composable that provides a locale-bound `Intl` object.\n *\n * It acts exactly like the native `Intl` object, but acts as a proxy to:\n * 1. Inject the current locale automatically if none is provided.\n * 2. Use the performance-optimized `CachedIntl` under the hood.\n *\n * @example\n * ```typescript\n * import { Component, computed } from '@angular/core';\n * import { useIntl } from 'angular-intlayer';\n *\n * @Component({ ... })\n * export class MyComponent {\n *   intl = useIntl();\n *   formattedPrice = computed(() =>\n *     new this.intl().NumberFormat({\n *       style: 'currency',\n *       currency: 'USD'\n *     }).format(123.45)\n *   );\n * }\n * ```\n */\nexport const useIntl = (locale?: LocalesValues) => {\n  const intlayer = inject(IntlayerProvider);\n\n  return computed(() => {\n    const currentLocale = locale ?? intlayer.locale();\n\n    return bindIntl(currentLocale);\n  });\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6BA,MAAa,WAAW,WAA2B;CACjD,MAAM,WAAW,OAAO,iBAAiB;AAEzC,QAAO,eAAe;AAGpB,SAAO,SAFe,UAAU,SAAS,QAAQ,CAEnB;GAC9B"}

package/dist/esm/index.mjs

@@ -3,6 +3,7 @@ import { useDictionary } from "./client/useDictionary.mjs";
 import { useDictionaryAsync } from "./client/useDictionaryAsync.mjs";
 import { useLoadDynamic } from "./client/useLoadDynamic.mjs";
 import { useDictionaryDynamic } from "./client/useDictionaryDynamic.mjs";
+import { useIntl } from "./client/useIntl.mjs";
 import { getIntlayer } from "./getIntlayer.mjs";
 import { isUpdatableNode, useIntlayer } from "./client/useIntlayer.mjs";
 import { useLocale } from "./client/useLocale.mjs";
@@ -10,4 +11,4 @@ import { INTLAYER_MARKDOWN_TOKEN, IntlayerMarkdownService, createIntlayerMarkdow
 import { intlayerNodePlugins, markdownPlugin, markdownStringPlugin } from "./plugins.mjs";
 import { getDictionary } from "./getDictionary.mjs";
 
-export { INTLAYER_MARKDOWN_TOKEN, INTLAYER_TOKEN, IntlayerMarkdownService, IntlayerProvider, createIntlayerClient, createIntlayerMarkdownProvider, getDictionary, getIntlayer, installIntlayer, intlayerNodePlugins, isUpdatableNode, markdownPlugin, markdownStringPlugin, useDictionary, useDictionaryAsync, useDictionaryDynamic, useIntlayer, useLoadDynamic, useLocale, useMarkdown };
+export { INTLAYER_MARKDOWN_TOKEN, INTLAYER_TOKEN, IntlayerMarkdownService, IntlayerProvider, createIntlayerClient, createIntlayerMarkdownProvider, getDictionary, getIntlayer, installIntlayer, intlayerNodePlugins, isUpdatableNode, markdownPlugin, markdownStringPlugin, useDictionary, useDictionaryAsync, useDictionaryDynamic, useIntl, useIntlayer, useLoadDynamic, useLocale, useMarkdown };

package/dist/esm/markdown/installIntlayerMarkdown.mjs

@@ -15,9 +15,9 @@ const createIntlayerMarkdownProvider = (renderMarkdown = defaultMarkdownRenderer
 });
 var IntlayerMarkdownService = @Injectable({ providedIn: "root" }) class {
 	markdownProvider = inject(INTLAYER_MARKDOWN_TOKEN, { optional: true });
-	renderMarkdown(markdown) {
+	renderMarkdown(markdown, overrides) {
 		if (!this.markdownProvider) return markdown;
-		return this.markdownProvider.renderMarkdown(markdown);
+		return this.markdownProvider.renderMarkdown(markdown, overrides);
 	}
 };
 /**

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

@@ -1 +1 @@
-{"version":3,"file":"installIntlayerMarkdown.mjs","names":[],"sources":["../../../src/markdown/installIntlayerMarkdown.ts"],"sourcesContent":["import {\n  Injectable,\n  InjectionToken,\n  inject,\n  type TemplateRef,\n} from '@angular/core';\n\nexport const INTLAYER_MARKDOWN_TOKEN =\n  new InjectionToken<IntlayerMarkdownProvider>('intlayerMarkdown');\n\ntype RenderMarkdownFunction = (markdown: string) => string | TemplateRef<any>;\n\nexport type IntlayerMarkdownProvider = {\n  renderMarkdown: RenderMarkdownFunction;\n};\n\n/**\n * Default markdown renderer that returns the markdown as is\n */\nconst defaultMarkdownRenderer: RenderMarkdownFunction = (markdown: string) =>\n  markdown;\n\n/**\n * Create IntlayerMarkdown provider configuration\n */\nexport const createIntlayerMarkdownProvider = (\n  renderMarkdown: RenderMarkdownFunction = defaultMarkdownRenderer\n) => ({\n  provide: INTLAYER_MARKDOWN_TOKEN,\n  useValue: {\n    renderMarkdown,\n  } as IntlayerMarkdownProvider,\n});\n\n/**\n * Injectable service for markdown rendering\n */\n@Injectable({\n  providedIn: 'root',\n})\nexport class IntlayerMarkdownService {\n  private markdownProvider = inject(INTLAYER_MARKDOWN_TOKEN, {\n    optional: true,\n  });\n\n  renderMarkdown(markdown: string): string | TemplateRef<any> {\n    if (!this.markdownProvider) {\n      return markdown; // Fallback to returning markdown as is\n    }\n    return this.markdownProvider.renderMarkdown(markdown);\n  }\n}\n\n/**\n * Function to inject markdown provider\n */\nexport const useMarkdown = (): IntlayerMarkdownProvider => {\n  const markdownProvider = inject(INTLAYER_MARKDOWN_TOKEN, { optional: true });\n\n  if (!markdownProvider) {\n    return {\n      renderMarkdown: defaultMarkdownRenderer,\n    };\n  }\n\n  return markdownProvider;\n};\n"],"mappings":";;;AAOA,MAAa,0BACX,IAAI,eAAyC,mBAAmB;;;;AAWlE,MAAM,2BAAmD,aACvD;;;;AAKF,MAAa,kCACX,iBAAyC,6BACrC;CACJ,SAAS;CACT,UAAU,EACR,gBACD;CACF;AAQD,IAAa,0BAHb,CAAC,WAAW,EACV,YAAY,QACb,CAAC,CACF,MAAqC;CACnC,AAAQ,mBAAmB,OAAO,yBAAyB,EACzD,UAAU,MACX,CAAC;CAEF,eAAe,UAA6C;AAC1D,MAAI,CAAC,KAAK,iBACR,QAAO;AAET,SAAO,KAAK,iBAAiB,eAAe,SAAS;;;;;;AAOzD,MAAa,oBAA8C;CACzD,MAAM,mBAAmB,OAAO,yBAAyB,EAAE,UAAU,MAAM,CAAC;AAE5E,KAAI,CAAC,iBACH,QAAO,EACL,gBAAgB,yBACjB;AAGH,QAAO"}
+{"version":3,"file":"installIntlayerMarkdown.mjs","names":[],"sources":["../../../src/markdown/installIntlayerMarkdown.ts"],"sourcesContent":["import {\n  Injectable,\n  InjectionToken,\n  inject,\n  type TemplateRef,\n} from '@angular/core';\n\nexport const INTLAYER_MARKDOWN_TOKEN =\n  new InjectionToken<IntlayerMarkdownProvider>('intlayerMarkdown');\n\ntype RenderMarkdownOptions = {\n  components?: any;\n  wrapper?: any;\n  options?: any;\n};\n\ntype RenderMarkdownFunction = (\n  markdown: string,\n  overrides?: any | RenderMarkdownOptions\n) => string | TemplateRef<any>;\n\nexport type IntlayerMarkdownProvider = {\n  renderMarkdown: RenderMarkdownFunction;\n};\n\n/**\n * Default markdown renderer that returns the markdown as is\n */\nconst defaultMarkdownRenderer: RenderMarkdownFunction = (markdown: string) =>\n  markdown;\n\n/**\n * Create IntlayerMarkdown provider configuration\n */\nexport const createIntlayerMarkdownProvider = (\n  renderMarkdown: RenderMarkdownFunction = defaultMarkdownRenderer\n) => ({\n  provide: INTLAYER_MARKDOWN_TOKEN,\n  useValue: {\n    renderMarkdown,\n  } as IntlayerMarkdownProvider,\n});\n\n/**\n * Injectable service for markdown rendering\n */\n@Injectable({\n  providedIn: 'root',\n})\nexport class IntlayerMarkdownService {\n  private markdownProvider = inject(INTLAYER_MARKDOWN_TOKEN, {\n    optional: true,\n  });\n\n  renderMarkdown(markdown: string, overrides?: any): string | TemplateRef<any> {\n    if (!this.markdownProvider) {\n      return markdown; // Fallback to returning markdown as is\n    }\n    return this.markdownProvider.renderMarkdown(markdown, overrides);\n  }\n}\n\n/**\n * Function to inject markdown provider\n */\nexport const useMarkdown = (): IntlayerMarkdownProvider => {\n  const markdownProvider = inject(INTLAYER_MARKDOWN_TOKEN, { optional: true });\n\n  if (!markdownProvider) {\n    return {\n      renderMarkdown: defaultMarkdownRenderer,\n    };\n  }\n\n  return markdownProvider;\n};\n"],"mappings":";;;AAOA,MAAa,0BACX,IAAI,eAAyC,mBAAmB;;;;AAoBlE,MAAM,2BAAmD,aACvD;;;;AAKF,MAAa,kCACX,iBAAyC,6BACrC;CACJ,SAAS;CACT,UAAU,EACR,gBACD;CACF;AAQD,IAAa,0BAHb,CAAC,WAAW,EACV,YAAY,QACb,CAAC,CACF,MAAqC;CACnC,AAAQ,mBAAmB,OAAO,yBAAyB,EACzD,UAAU,MACX,CAAC;CAEF,eAAe,UAAkB,WAA4C;AAC3E,MAAI,CAAC,KAAK,iBACR,QAAO;AAET,SAAO,KAAK,iBAAiB,eAAe,UAAU,UAAU;;;;;;AAOpE,MAAa,oBAA8C;CACzD,MAAM,mBAAmB,OAAO,yBAAyB,EAAE,UAAU,MAAM,CAAC;AAE5E,KAAI,CAAC,iBACH,QAAO,EACL,gBAAgB,yBACjB;AAGH,QAAO"}

package/dist/esm/plugins.mjs

@@ -41,22 +41,30 @@ const markdownStringPlugin = {
 			dictionaryKey: rest.dictionaryKey,
 			keyPath: []
 		});
-		return renderIntlayerNode({
+		const render = (overrides) => renderIntlayerNode({
 			...props,
 			value: node,
 			children: () => ({
 				component: ContentSelectorWrapperComponent,
 				props: {
 					dictionaryKey: rest.dictionaryKey,
-					keyPath: rest.keyPath
+					keyPath: rest.keyPath,
+					...overrides
 				},
 				children: () => {
 					const { renderMarkdown } = useMarkdown();
-					return renderMarkdown(node);
+					return renderMarkdown(node, overrides);
 				}
 			}),
 			additionalProps: { metadata: metadataNodes }
 		});
+		const element = render();
+		return new Proxy(element, { get(target, prop, receiver) {
+			if (prop === "value") return node;
+			if (prop === "metadata") return metadataNodes;
+			if (prop === "use") return (overrides) => render(overrides);
+			return Reflect.get(target, prop, receiver);
+		} });
 	}
 };
 const markdownPlugin = {

package/dist/esm/plugins.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"plugins.mjs","names":["props"],"sources":["../../src/plugins.ts"],"sourcesContent":["import {\n  type DeepTransformContent as DeepTransformContentCore,\n  getMarkdownMetadata,\n  type IInterpreterPluginState as IInterpreterPluginStateCore,\n  type MarkdownContent,\n  type Plugins,\n} from '@intlayer/core';\nimport { type KeyPath, NodeType } from '@intlayer/types';\nimport { ContentSelectorWrapperComponent } from './editor';\nimport { useMarkdown } from './markdown/installIntlayerMarkdown';\nimport { renderIntlayerNode } from './renderIntlayerNode';\n\n/** ---------------------------------------------\n *  INTLAYER NODE PLUGIN\n *  --------------------------------------------- */\n\nexport type IntlayerNodeCond<T> = T extends number | string\n  ? IntlayerNode<T>\n  : never;\n\nexport interface IntlayerNode<T, P = {}> {\n  value: T;\n  children?: any;\n  additionalProps?: P;\n}\n\n/** Translation plugin. Replaces node with a locale string if nodeType = Translation. */\nexport const intlayerNodePlugins: Plugins = {\n  id: 'intlayer-node-plugin',\n  canHandle: (node) =>\n    typeof node === 'bigint' ||\n    typeof node === 'string' ||\n    typeof node === 'number',\n  transform: (_node, { children, ...rest }) =>\n    renderIntlayerNode({\n      ...rest,\n      value: children,\n      children: () => ({\n        component: ContentSelectorWrapperComponent,\n        props: {\n          dictionaryKey: rest.dictionaryKey,\n          keyPath: rest.keyPath,\n        },\n        children: children,\n      }),\n    }),\n};\n\n/**\n * MARKDOWN PLUGIN\n */\n\nexport type MarkdownStringCond<T> = T extends string\n  ? IntlayerNode<string, { metadata: DeepTransformContent<string> }>\n  : never;\n\n/** Markdown string plugin. Replaces string node with a component that render the markdown. */\nexport const markdownStringPlugin: Plugins = {\n  id: 'markdown-string-plugin',\n  canHandle: (node) => typeof node === 'string',\n  transform: (node: string, props, deepTransformNode) => {\n    const {\n      plugins, // Removed to avoid next error - Functions cannot be passed directly to Client Components\n      ...rest\n    } = props;\n\n    const metadata = getMarkdownMetadata(node);\n\n    const metadataPlugins: Plugins = {\n      id: 'markdown-metadata-plugin',\n      canHandle: (metadataNode) =>\n        typeof metadataNode === 'string' ||\n        typeof metadataNode === 'number' ||\n        typeof metadataNode === 'boolean' ||\n        !metadataNode,\n      transform: (metadataNode, props) =>\n        renderIntlayerNode({\n          ...props,\n          value: metadataNode,\n          children: node,\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: node,\n      children: () => ({\n        component: ContentSelectorWrapperComponent,\n        props: {\n          dictionaryKey: rest.dictionaryKey,\n          keyPath: rest.keyPath,\n        },\n        children: () => {\n          const { renderMarkdown } = useMarkdown();\n          return renderMarkdown(node);\n        },\n      }),\n      additionalProps: {\n        metadata: metadataNodes,\n      },\n    });\n  },\n};\n\nexport type MarkdownCond<T> = T extends {\n  nodeType: NodeType | string;\n  [NodeType.Markdown]: infer M;\n  metadata?: infer U;\n}\n  ? IntlayerNode<DeepTransformContent<M>, { metadata: DeepTransformContent<U> }>\n  : never;\n\nexport const markdownPlugin: Plugins = {\n  id: 'markdown-plugin',\n  canHandle: (node) =>\n    typeof node === 'object' && node?.nodeType === NodeType.Markdown,\n  transform: (node: MarkdownContent, props, deepTransformNode) => {\n    const newKeyPath: KeyPath[] = [\n      ...props.keyPath,\n      {\n        type: NodeType.Markdown,\n      },\n    ];\n\n    const children = node[NodeType.Markdown];\n\n    return deepTransformNode(children, {\n      ...props,\n      children,\n      keyPath: newKeyPath,\n      plugins: [markdownStringPlugin, ...(props.plugins ?? [])],\n    });\n  },\n};\n\n/** ---------------------------------------------\n *  PLUGINS RESULT\n *  --------------------------------------------- */\n\nexport interface IInterpreterPluginAngular<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 `angular-intlayer` plugins will override the types of `intlayer` functions.\n */\nexport type IInterpreterPluginState = IInterpreterPluginStateCore & {\n  intlayerNode: true;\n  markdown: true;\n};\n\nexport type DeepTransformContent<T> = DeepTransformContentCore<\n  T,\n  IInterpreterPluginState\n>;\n"],"mappings":";;;;;;;;AA2BA,MAAa,sBAA+B;CAC1C,IAAI;CACJ,YAAY,SACV,OAAO,SAAS,YAChB,OAAO,SAAS,YAChB,OAAO,SAAS;CAClB,YAAY,OAAO,EAAE,UAAU,GAAG,WAChC,mBAAmB;EACjB,GAAG;EACH,OAAO;EACP,iBAAiB;GACf,WAAW;GACX,OAAO;IACL,eAAe,KAAK;IACpB,SAAS,KAAK;IACf;GACS;GACX;EACF,CAAC;CACL;;AAWD,MAAa,uBAAgC;CAC3C,IAAI;CACJ,YAAY,SAAS,OAAO,SAAS;CACrC,YAAY,MAAc,OAAO,sBAAsB;EACrD,MAAM,EACJ,SACA,GAAG,SACD;EAoBJ,MAAM,gBAAgB,kBAlBL,oBAAoB,KAAK,EAkBQ;GAChD,SAAS,CAjBsB;IAC/B,IAAI;IACJ,YAAY,iBACV,OAAO,iBAAiB,YACxB,OAAO,iBAAiB,YACxB,OAAO,iBAAiB,aACxB,CAAC;IACH,YAAY,cAAc,YACxB,mBAAmB;KACjB,GAAGA;KACH,OAAO;KACP,UAAU;KACX,CAAC;IACL,CAI2B;GAC1B,eAAe,KAAK;GACpB,SAAS,EAAE;GACZ,CAAC;AAEF,SAAO,mBAAmB;GACxB,GAAG;GACH,OAAO;GACP,iBAAiB;IACf,WAAW;IACX,OAAO;KACL,eAAe,KAAK;KACpB,SAAS,KAAK;KACf;IACD,gBAAgB;KACd,MAAM,EAAE,mBAAmB,aAAa;AACxC,YAAO,eAAe,KAAK;;IAE9B;GACD,iBAAiB,EACf,UAAU,eACX;GACF,CAAC;;CAEL;AAUD,MAAa,iBAA0B;CACrC,IAAI;CACJ,YAAY,SACV,OAAO,SAAS,YAAY,MAAM,aAAa,SAAS;CAC1D,YAAY,MAAuB,OAAO,sBAAsB;EAC9D,MAAM,aAAwB,CAC5B,GAAG,MAAM,SACT,EACE,MAAM,SAAS,UAChB,CACF;EAED,MAAM,WAAW,KAAK,SAAS;AAE/B,SAAO,kBAAkB,UAAU;GACjC,GAAG;GACH;GACA,SAAS;GACT,SAAS,CAAC,sBAAsB,GAAI,MAAM,WAAW,EAAE,CAAE;GAC1D,CAAC;;CAEL"}
+{"version":3,"file":"plugins.mjs","names":["props"],"sources":["../../src/plugins.ts"],"sourcesContent":["import {\n  type DeepTransformContent as DeepTransformContentCore,\n  getMarkdownMetadata,\n  type IInterpreterPluginState as IInterpreterPluginStateCore,\n  type MarkdownContent,\n  type Plugins,\n} from '@intlayer/core';\nimport { type KeyPath, type LocalesValues, NodeType } from '@intlayer/types';\nimport { ContentSelectorWrapperComponent } from './editor';\nimport { useMarkdown } from './markdown/installIntlayerMarkdown';\nimport { renderIntlayerNode } from './renderIntlayerNode';\n\n/** ---------------------------------------------\n *  INTLAYER NODE PLUGIN\n *  --------------------------------------------- */\n\nexport type IntlayerNodeCond<T> = T extends number | string\n  ? IntlayerNode<T>\n  : never;\n\nexport interface IntlayerNode<T, P = {}> {\n  value: T;\n  children?: any;\n  additionalProps?: P;\n}\n\n/** Translation plugin. Replaces node with a locale string if nodeType = Translation. */\nexport const intlayerNodePlugins: Plugins = {\n  id: 'intlayer-node-plugin',\n  canHandle: (node) =>\n    typeof node === 'bigint' ||\n    typeof node === 'string' ||\n    typeof node === 'number',\n  transform: (_node, { children, ...rest }) =>\n    renderIntlayerNode({\n      ...rest,\n      value: children,\n      children: () => ({\n        component: ContentSelectorWrapperComponent,\n        props: {\n          dictionaryKey: rest.dictionaryKey,\n          keyPath: rest.keyPath,\n        },\n        children: children,\n      }),\n    }),\n};\n\n/**\n * MARKDOWN PLUGIN\n */\n\nexport type MarkdownStringCond<T> = T extends string\n  ? IntlayerNode<string, { metadata: DeepTransformContent<string> }>\n  : never;\n\n/** Markdown string plugin. Replaces string node with a component that render the markdown. */\nexport const markdownStringPlugin: Plugins = {\n  id: 'markdown-string-plugin',\n  canHandle: (node) => typeof node === 'string',\n  transform: (node: string, props, deepTransformNode) => {\n    const {\n      plugins, // Removed to avoid next error - Functions cannot be passed directly to Client Components\n      ...rest\n    } = props;\n\n    const metadata = getMarkdownMetadata(node);\n\n    const metadataPlugins: Plugins = {\n      id: 'markdown-metadata-plugin',\n      canHandle: (metadataNode) =>\n        typeof metadataNode === 'string' ||\n        typeof metadataNode === 'number' ||\n        typeof metadataNode === 'boolean' ||\n        !metadataNode,\n      transform: (metadataNode, props) =>\n        renderIntlayerNode({\n          ...props,\n          value: metadataNode,\n          children: node,\n        }),\n    };\n\n    // Transform metadata while keeping the same structure\n    const metadataNodes = deepTransformNode(metadata, {\n      plugins: [metadataPlugins],\n      dictionaryKey: rest.dictionaryKey,\n      keyPath: [],\n    });\n\n    const render = (overrides?: any) =>\n      renderIntlayerNode({\n        ...props,\n        value: node,\n        children: () => ({\n          component: ContentSelectorWrapperComponent,\n          props: {\n            dictionaryKey: rest.dictionaryKey,\n            keyPath: rest.keyPath,\n            ...overrides,\n          },\n          children: () => {\n            const { renderMarkdown } = useMarkdown();\n            return renderMarkdown(node, overrides);\n          },\n        }),\n        additionalProps: {\n          metadata: metadataNodes,\n        },\n      });\n\n    const element = render() as any;\n\n    return new Proxy(element, {\n      get(target, prop, receiver) {\n        if (prop === 'value') {\n          return node;\n        }\n        if (prop === 'metadata') {\n          return metadataNodes;\n        }\n\n        if (prop === 'use') {\n          return (overrides?: any) => render(overrides);\n        }\n\n        return Reflect.get(target, prop, receiver);\n      },\n    }) as any;\n  },\n};\n\nexport type MarkdownCond<T, S, L extends LocalesValues> = T extends {\n  nodeType: NodeType | string;\n  [NodeType.Markdown]: infer M;\n  metadata?: infer U;\n}\n  ? {\n      use: (overrides: any) => any;\n      metadata: DeepTransformContent<U>;\n    } & any\n  : never;\n\nexport const markdownPlugin: Plugins = {\n  id: 'markdown-plugin',\n  canHandle: (node) =>\n    typeof node === 'object' && node?.nodeType === NodeType.Markdown,\n  transform: (node: MarkdownContent, props, deepTransformNode) => {\n    const newKeyPath: KeyPath[] = [\n      ...props.keyPath,\n      {\n        type: NodeType.Markdown,\n      },\n    ];\n\n    const children = node[NodeType.Markdown];\n\n    return deepTransformNode(children, {\n      ...props,\n      children,\n      keyPath: newKeyPath,\n      plugins: [markdownStringPlugin, ...(props.plugins ?? [])],\n    });\n  },\n};\n\n/** ---------------------------------------------\n *  PLUGINS RESULT\n *  --------------------------------------------- */\n\nexport interface IInterpreterPluginAngular<T, S, L extends LocalesValues> {\n  intlayerNode: IntlayerNodeCond<T>;\n  markdown: MarkdownCond<T, S, L>;\n}\n\n/**\n * Insert this type as param of `DeepTransformContent` to avoid `intlayer` package pollution.\n *\n * Otherwise the the `angular-intlayer` plugins will override the types of `intlayer` functions.\n */\nexport type IInterpreterPluginState = IInterpreterPluginStateCore & {\n  intlayerNode: true;\n  markdown: true;\n};\n\nexport type DeepTransformContent<T> = DeepTransformContentCore<\n  T,\n  IInterpreterPluginState\n>;\n"],"mappings":";;;;;;;;AA2BA,MAAa,sBAA+B;CAC1C,IAAI;CACJ,YAAY,SACV,OAAO,SAAS,YAChB,OAAO,SAAS,YAChB,OAAO,SAAS;CAClB,YAAY,OAAO,EAAE,UAAU,GAAG,WAChC,mBAAmB;EACjB,GAAG;EACH,OAAO;EACP,iBAAiB;GACf,WAAW;GACX,OAAO;IACL,eAAe,KAAK;IACpB,SAAS,KAAK;IACf;GACS;GACX;EACF,CAAC;CACL;;AAWD,MAAa,uBAAgC;CAC3C,IAAI;CACJ,YAAY,SAAS,OAAO,SAAS;CACrC,YAAY,MAAc,OAAO,sBAAsB;EACrD,MAAM,EACJ,SACA,GAAG,SACD;EAoBJ,MAAM,gBAAgB,kBAlBL,oBAAoB,KAAK,EAkBQ;GAChD,SAAS,CAjBsB;IAC/B,IAAI;IACJ,YAAY,iBACV,OAAO,iBAAiB,YACxB,OAAO,iBAAiB,YACxB,OAAO,iBAAiB,aACxB,CAAC;IACH,YAAY,cAAc,YACxB,mBAAmB;KACjB,GAAGA;KACH,OAAO;KACP,UAAU;KACX,CAAC;IACL,CAI2B;GAC1B,eAAe,KAAK;GACpB,SAAS,EAAE;GACZ,CAAC;EAEF,MAAM,UAAU,cACd,mBAAmB;GACjB,GAAG;GACH,OAAO;GACP,iBAAiB;IACf,WAAW;IACX,OAAO;KACL,eAAe,KAAK;KACpB,SAAS,KAAK;KACd,GAAG;KACJ;IACD,gBAAgB;KACd,MAAM,EAAE,mBAAmB,aAAa;AACxC,YAAO,eAAe,MAAM,UAAU;;IAEzC;GACD,iBAAiB,EACf,UAAU,eACX;GACF,CAAC;EAEJ,MAAM,UAAU,QAAQ;AAExB,SAAO,IAAI,MAAM,SAAS,EACxB,IAAI,QAAQ,MAAM,UAAU;AAC1B,OAAI,SAAS,QACX,QAAO;AAET,OAAI,SAAS,WACX,QAAO;AAGT,OAAI,SAAS,MACX,SAAQ,cAAoB,OAAO,UAAU;AAG/C,UAAO,QAAQ,IAAI,QAAQ,MAAM,SAAS;KAE7C,CAAC;;CAEL;AAaD,MAAa,iBAA0B;CACrC,IAAI;CACJ,YAAY,SACV,OAAO,SAAS,YAAY,MAAM,aAAa,SAAS;CAC1D,YAAY,MAAuB,OAAO,sBAAsB;EAC9D,MAAM,aAAwB,CAC5B,GAAG,MAAM,SACT,EACE,MAAM,SAAS,UAChB,CACF;EAED,MAAM,WAAW,KAAK,SAAS;AAE/B,SAAO,kBAAkB,UAAU;GACjC,GAAG;GACH;GACA,SAAS;GACT,SAAS,CAAC,sBAAsB,GAAI,MAAM,WAAW,EAAE,CAAE;GAC1D,CAAC;;CAEL"}

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

@@ -2,7 +2,8 @@ import { INTLAYER_TOKEN, IntlayerProvider, createIntlayerClient, installIntlayer
 import { useDictionary } from "./useDictionary.js";
 import { useDictionaryAsync } from "./useDictionaryAsync.js";
 import { useDictionaryDynamic } from "./useDictionaryDynamic.js";
+import { useIntl } from "./useIntl.js";
 import { isUpdatableNode, useIntlayer } from "./useIntlayer.js";
 import { useLoadDynamic } from "./useLoadDynamic.js";
 import { useLocale } from "./useLocale.js";
-export { INTLAYER_TOKEN, IntlayerProvider, createIntlayerClient, installIntlayer, isUpdatableNode, useDictionary, useDictionaryAsync, useDictionaryDynamic, useIntlayer, useLoadDynamic, useLocale };
+export { INTLAYER_TOKEN, IntlayerProvider, createIntlayerClient, installIntlayer, isUpdatableNode, useDictionary, useDictionaryAsync, useDictionaryDynamic, useIntl, useIntlayer, useLoadDynamic, useLocale };

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

@@ -1,6 +1,6 @@
 import { IInterpreterPluginState as IInterpreterPluginState$1 } from "../plugins.js";
 import "../index.js";
-import * as _intlayer_types0 from "@intlayer/types";
+import * as _intlayer_types1 from "@intlayer/types";
 import { Dictionary, DictionaryKeys, LocalesValues, StrictModeLocaleMap } from "@intlayer/types";
 import * as _intlayer_core1 from "@intlayer/core";
 
@@ -10,7 +10,7 @@ import * as _intlayer_core1 from "@intlayer/core";
  *
  * If the locale is not provided, it will use the locale from the client context
  */
-declare const useDictionaryDynamic: <T extends Dictionary, K extends DictionaryKeys>(dictionaryPromise: StrictModeLocaleMap<() => Promise<T>>, key: K, locale?: LocalesValues) => _intlayer_core1.DeepTransformContent<T["content"], IInterpreterPluginState$1, _intlayer_types0.Locale>;
+declare const useDictionaryDynamic: <T extends Dictionary, K extends DictionaryKeys>(dictionaryPromise: StrictModeLocaleMap<() => Promise<T>>, key: K, locale?: LocalesValues) => _intlayer_core1.DeepTransformContent<T["content"], IInterpreterPluginState$1, _intlayer_types1.Locale>;
 //#endregion
 export { useDictionaryDynamic };
 //# sourceMappingURL=useDictionaryDynamic.d.ts.map

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

@@ -0,0 +1,90 @@
+import * as _angular_core1 from "@angular/core";
+import { LocalesValues } from "@intlayer/types";
+
+//#region src/client/useIntl.d.ts
+
+/**
+ * Angular composable that provides a locale-bound `Intl` object.
+ *
+ * It acts exactly like the native `Intl` object, but acts as a proxy to:
+ * 1. Inject the current locale automatically if none is provided.
+ * 2. Use the performance-optimized `CachedIntl` under the hood.
+ *
+ * @example
+ * ```typescript
+ * import { Component, computed } from '@angular/core';
+ * import { useIntl } from 'angular-intlayer';
+ *
+ * @Component({ ... })
+ * export class MyComponent {
+ *   intl = useIntl();
+ *   formattedPrice = computed(() =>
+ *     new this.intl().NumberFormat({
+ *       style: 'currency',
+ *       currency: 'USD'
+ *     }).format(123.45)
+ *   );
+ * }
+ * ```
+ */
+declare const useIntl: (locale?: LocalesValues) => _angular_core1.Signal<{
+  Collator: {
+    new (locales?: LocalesValues, options?: Intl.CollatorOptions): Intl.Collator;
+    new (options?: Intl.CollatorOptions & {
+      locale?: LocalesValues;
+    }): Intl.Collator;
+  };
+  NumberFormat: {
+    new (locales?: LocalesValues, options?: Intl.NumberFormatOptions): Intl.NumberFormat;
+    new (options?: Intl.NumberFormatOptions & {
+      locale?: LocalesValues;
+    }): Intl.NumberFormat;
+  };
+  DateTimeFormat: {
+    new (locales?: LocalesValues, options?: Intl.DateTimeFormatOptions): Intl.DateTimeFormat;
+    new (options?: Intl.DateTimeFormatOptions & {
+      locale?: LocalesValues;
+    }): Intl.DateTimeFormat;
+  };
+  getCanonicalLocales: typeof Intl.getCanonicalLocales;
+  readonly PluralRules: {
+    new (locales?: LocalesValues, options?: Intl.PluralRulesOptions): Intl.PluralRules;
+    new (options?: Intl.PluralRulesOptions & {
+      locale?: LocalesValues;
+    }): Intl.PluralRules;
+  };
+  readonly RelativeTimeFormat: {
+    new (locales?: LocalesValues, options?: Intl.RelativeTimeFormatOptions): Intl.RelativeTimeFormat;
+    new (options?: Intl.RelativeTimeFormatOptions & {
+      locale?: LocalesValues;
+    }): Intl.RelativeTimeFormat;
+  };
+  readonly Locale: {
+    new (locales?: LocalesValues, options?: Intl.LocaleOptions): Intl.Locale;
+    new (options?: Intl.LocaleOptions & {
+      locale?: LocalesValues;
+    }): Intl.Locale;
+  };
+  readonly DisplayNames: {
+    new (locales?: LocalesValues, options?: Intl.DisplayNamesOptions): Intl.DisplayNames;
+    new (options?: Intl.DisplayNamesOptions & {
+      locale?: LocalesValues;
+    }): Intl.DisplayNames;
+  };
+  readonly ListFormat: {
+    new (locales?: LocalesValues, options?: Intl.ListFormatOptions): Intl.ListFormat;
+    new (options?: Intl.ListFormatOptions & {
+      locale?: LocalesValues;
+    }): Intl.ListFormat;
+  };
+  supportedValuesOf: typeof Intl.supportedValuesOf;
+  readonly Segmenter: {
+    new (locales?: LocalesValues, options?: Intl.SegmenterOptions): Intl.Segmenter;
+    new (options?: Intl.SegmenterOptions & {
+      locale?: LocalesValues;
+    }): Intl.Segmenter;
+  };
+}>;
+//#endregion
+export { useIntl };
+//# sourceMappingURL=useIntl.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useIntl.d.ts","names":[],"sources":["../../../src/client/useIntl.ts"],"sourcesContent":[],"mappings":";;;;;;;;AA6BA;;;;;;;;;;;;;;;;;;;;;cAAa,mBAAoB,iCAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAAA,SAAA,YAAA,EAAA"}

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

@@ -1,5 +1,5 @@
-import * as _angular_core3 from "@angular/core";
-import * as _intlayer_types4 from "@intlayer/types";
+import * as _angular_core0 from "@angular/core";
+import * as _intlayer_types0 from "@intlayer/types";
 import { LocalesValues } from "@intlayer/types";
 
 //#region src/client/useLocale.d.ts
@@ -14,9 +14,9 @@ declare const useLocale: ({
   isCookieEnabled,
   onLocaleChange
 }?: useLocaleProps) => {
-  locale: _angular_core3.Signal<"af" | "af-ZA" | "ar" | "ar-AE" | "ar-BH" | "ar-DZ" | "ar-EG" | "ar-IQ" | "ar-JO" | "ar-KW" | "ar-LB" | "ar-LY" | "ar-MA" | "ar-OM" | "ar-QA" | "ar-SA" | "ar-SY" | "ar-TN" | "ar-YE" | "az" | "az-AZ" | "be" | "be-BY" | "bg" | "bg-BG" | "bs" | "bs-BA" | "ca" | "ca-ES" | "cs" | "cs-CZ" | "cy" | "cy-GB" | "da" | "da-DK" | "de" | "de-AT" | "de-CH" | "de-DE" | "de-LI" | "de-LU" | "dv" | "dv-MV" | "el" | "el-GR" | "en" | "en-AU" | "en-BZ" | "en-CA" | "en-CB" | "en-GB" | "en-IE" | "en-JM" | "en-NZ" | "en-PH" | "en-TT" | "en-US" | "en-ZA" | "en-ZW" | "eo" | "es" | "es-AR" | "es-BO" | "es-CL" | "es-CO" | "es-CR" | "es-DO" | "es-EC" | "es-ES" | "es-GT" | "es-HN" | "es-MX" | "es-NI" | "es-PA" | "es-PE" | "es-PR" | "es-PY" | "es-SV" | "es-UY" | "es-VE" | "et" | "et-EE" | "eu" | "eu-ES" | "fa" | "fa-IR" | "fi" | "fi-FI" | "fo" | "fo-FO" | "fr" | "fr-BE" | "fr-CA" | "fr-CH" | "fr-FR" | "fr-LU" | "fr-MC" | "ga" | "ga-IE" | "gd" | "gd-GB" | "gl" | "gl-ES" | "gu" | "gu-IN" | "he" | "he-IL" | "hi" | "hi-IN" | "hr" | "hr-BA" | "hr-HR" | "hu" | "hu-HU" | "hy" | "hy-AM" | "id" | "id-ID" | "is" | "is-IS" | "it" | "it-CH" | "it-IT" | "ja" | "ja-JP" | "ka" | "ka-GE" | "kk" | "kk-KZ" | "kn" | "kn-IN" | "ko" | "ko-KR" | "kok" | "kok-IN" | "ku" | "ku-TR" | "ky" | "ky-KG" | "lt" | "lt-LT" | "lv" | "lv-LV" | "mi" | "mi-NZ" | "mk" | "mk-MK" | "mn" | "mn-MN" | "mr" | "mr-IN" | "ms" | "ms-BN" | "ms-MY" | "mt" | "mt-MT" | "ml" | "ml-IN" | "no" | "nb" | "nb-NO" | "nl" | "nl-BE" | "nl-NL" | "nn" | "nn-NO" | "ns" | "ns-ZA" | "pa" | "pa-IN" | "pl" | "pl-PL" | "ps" | "ps-AR" | "pt" | "pt-BR" | "pt-PT" | "qu" | "qu-BO" | "qu-EC" | "qu-PE" | "ro" | "ro-RO" | "ro-MD" | "rm" | "rm-CH" | "ru" | "ru-RU" | "ru-MD" | "sa" | "sa-IN" | "se" | "se-FI" | "se-NO" | "se-SE" | "hsb" | "hsb-DE" | "dsb" | "dsb-DE" | "sk" | "sk-SK" | "sl" | "sl-SI" | "sq" | "sq-AL" | "sr" | "sr-BA" | "sr-SP" | "sv" | "sv-FI" | "sv-SE" | "sw" | "sw-KE" | "syr" | "syr-SY" | "ta" | "ta-IN" | "te" | "te-IN" | "th" | "th-TH" | "tl" | "tl-PH" | "tn" | "tn-ZA" | "tr" | "tr-TR" | "tt" | "tt-RU" | "ts" | "uk" | "uk-UA" | "ur" | "ur-PK" | "uz" | "uz-UZ" | "vi" | "vi-VN" | "ve" | "ve-ZA" | "xh" | "xh-ZA" | "zh" | "zh-Hans" | "zh-CN" | "zh-HK" | "zh-MO" | "zh-SG" | "zh-Hant" | "zu" | "zu-ZA" | "bn" | "bn-BD" | "bn-IN" | "bn-MM" | "my" | "my-MM" | "km" | "km-KH" | "lo" | "lo-LA" | "yo" | "yo-NG" | "yi" | "yi-001" | "am" | "am-ET" | "ne" | "ne-NP" | "si" | "si-LK" | "sr-Cyrl" | "sr-RS" | "en-IN" | "en-SG" | "en-HK" | "en-NG" | "en-PK" | "en-MY" | "en-BW" | "en-KE" | "en-TZ" | "en-GH" | "en-UG" | "es-CU" | "es-US" | "pt-GW" | "pt-MZ" | "pt-ST" | "pt-CV" | "pt-TL" | "pt-MO" | "zh-TW" | "ar-MR" | "ar-PS" | "ar-SD" | "ar-DJ" | "ar-SO" | "ar-TD" | "ar-KM" | (string & {})>;
-  defaultLocale: _intlayer_types4.Locale;
-  availableLocales: _intlayer_types4.Locale[];
+  locale: _angular_core0.Signal<"af" | "af-ZA" | "ar" | "ar-AE" | "ar-BH" | "ar-DZ" | "ar-EG" | "ar-IQ" | "ar-JO" | "ar-KW" | "ar-LB" | "ar-LY" | "ar-MA" | "ar-OM" | "ar-QA" | "ar-SA" | "ar-SY" | "ar-TN" | "ar-YE" | "az" | "az-AZ" | "be" | "be-BY" | "bg" | "bg-BG" | "bs" | "bs-BA" | "ca" | "ca-ES" | "cs" | "cs-CZ" | "cy" | "cy-GB" | "da" | "da-DK" | "de" | "de-AT" | "de-CH" | "de-DE" | "de-LI" | "de-LU" | "dv" | "dv-MV" | "el" | "el-GR" | "en" | "en-AU" | "en-BZ" | "en-CA" | "en-CB" | "en-GB" | "en-IE" | "en-JM" | "en-NZ" | "en-PH" | "en-TT" | "en-US" | "en-ZA" | "en-ZW" | "eo" | "es" | "es-AR" | "es-BO" | "es-CL" | "es-CO" | "es-CR" | "es-DO" | "es-EC" | "es-ES" | "es-GT" | "es-HN" | "es-MX" | "es-NI" | "es-PA" | "es-PE" | "es-PR" | "es-PY" | "es-SV" | "es-UY" | "es-VE" | "et" | "et-EE" | "eu" | "eu-ES" | "fa" | "fa-IR" | "fi" | "fi-FI" | "fo" | "fo-FO" | "fr" | "fr-BE" | "fr-CA" | "fr-CH" | "fr-FR" | "fr-LU" | "fr-MC" | "ga" | "ga-IE" | "gd" | "gd-GB" | "gl" | "gl-ES" | "gu" | "gu-IN" | "he" | "he-IL" | "hi" | "hi-IN" | "hr" | "hr-BA" | "hr-HR" | "hu" | "hu-HU" | "hy" | "hy-AM" | "id" | "id-ID" | "is" | "is-IS" | "it" | "it-CH" | "it-IT" | "ja" | "ja-JP" | "ka" | "ka-GE" | "kk" | "kk-KZ" | "kn" | "kn-IN" | "ko" | "ko-KR" | "kok" | "kok-IN" | "ku" | "ku-TR" | "ky" | "ky-KG" | "lt" | "lt-LT" | "lv" | "lv-LV" | "mi" | "mi-NZ" | "mk" | "mk-MK" | "mn" | "mn-MN" | "mr" | "mr-IN" | "ms" | "ms-BN" | "ms-MY" | "mt" | "mt-MT" | "ml" | "ml-IN" | "no" | "nb" | "nb-NO" | "nl" | "nl-BE" | "nl-NL" | "nn" | "nn-NO" | "ns" | "ns-ZA" | "pa" | "pa-IN" | "pl" | "pl-PL" | "ps" | "ps-AR" | "pt" | "pt-BR" | "pt-PT" | "qu" | "qu-BO" | "qu-EC" | "qu-PE" | "ro" | "ro-RO" | "ro-MD" | "rm" | "rm-CH" | "ru" | "ru-RU" | "ru-MD" | "sa" | "sa-IN" | "se" | "se-FI" | "se-NO" | "se-SE" | "hsb" | "hsb-DE" | "dsb" | "dsb-DE" | "sk" | "sk-SK" | "sl" | "sl-SI" | "sq" | "sq-AL" | "sr" | "sr-BA" | "sr-SP" | "sv" | "sv-FI" | "sv-SE" | "sw" | "sw-KE" | "syr" | "syr-SY" | "ta" | "ta-IN" | "te" | "te-IN" | "th" | "th-TH" | "tl" | "tl-PH" | "tn" | "tn-ZA" | "tr" | "tr-TR" | "tt" | "tt-RU" | "ts" | "uk" | "uk-UA" | "ur" | "ur-PK" | "uz" | "uz-UZ" | "vi" | "vi-VN" | "ve" | "ve-ZA" | "xh" | "xh-ZA" | "zh" | "zh-Hans" | "zh-CN" | "zh-HK" | "zh-MO" | "zh-SG" | "zh-Hant" | "zu" | "zu-ZA" | "bn" | "bn-BD" | "bn-IN" | "bn-MM" | "my" | "my-MM" | "km" | "km-KH" | "lo" | "lo-LA" | "yo" | "yo-NG" | "yi" | "yi-001" | "am" | "am-ET" | "ne" | "ne-NP" | "si" | "si-LK" | "sr-Cyrl" | "sr-RS" | "en-IN" | "en-SG" | "en-HK" | "en-NG" | "en-PK" | "en-MY" | "en-BW" | "en-KE" | "en-TZ" | "en-GH" | "en-UG" | "es-CU" | "es-US" | "pt-GW" | "pt-MZ" | "pt-ST" | "pt-CV" | "pt-TL" | "pt-MO" | "zh-TW" | "ar-MR" | "ar-PS" | "ar-SD" | "ar-DJ" | "ar-SO" | "ar-TD" | "ar-KM" | (string & {})>;
+  defaultLocale: _intlayer_types0.Locale;
+  availableLocales: _intlayer_types0.Locale[];
   setLocale: (newLocale: LocalesValues) => void;
 };
 //#endregion

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

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

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

@@ -1,4 +1,4 @@
-import * as _angular_core1 from "@angular/core";
+import * as _angular_core5 from "@angular/core";
 import { NodeProps } from "@intlayer/core";
 
 //#region src/editor/ContentSelectorWrapper.component.d.ts
@@ -16,8 +16,8 @@ declare class ContentSelectorWrapperComponent {
   private focusDictionary;
   private editorEnabled;
   constructor();
-  isSelected: _angular_core1.Signal<boolean>;
-  enabled: _angular_core1.Signal<boolean>;
+  isSelected: _angular_core5.Signal<boolean>;
+  enabled: _angular_core5.Signal<boolean>;
   handleSelect(): void;
 }
 //#endregion

package/dist/types/editor/EditedContentRenderer.component.d.ts

@@ -1,4 +1,4 @@
-import * as _angular_core0 from "@angular/core";
+import * as _angular_core2 from "@angular/core";
 import { KeyPath, Locale } from "@intlayer/types";
 
 //#region src/editor/EditedContentRenderer.component.d.ts
@@ -16,7 +16,7 @@ declare class EditedContentRendererComponent {
   /**
    * Object → getContent → string, same as the React version.
    */
-  renderedContent: _angular_core0.Signal<string>;
+  renderedContent: _angular_core2.Signal<string>;
 }
 //#endregion
 export { EditedContentRendererComponent, EditedContentRendererProps };

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

@@ -1,5 +1,5 @@
 import { useCrossFrameState } from "./useCrossFrameState.js";
-import * as _angular_core4 from "@angular/core";
+import * as _angular_core3 from "@angular/core";
 
 //#region src/editor/useCrossURLPathState.d.ts
 
@@ -9,14 +9,14 @@ import * as _angular_core4 from "@angular/core";
  * @param opts - Options for controlling emit and receive behavior
  * @returns A tuple containing [state signal, setState function, forceSync function]
  */
-declare const useCrossURLPathState: (initial?: string, opts?: Parameters<typeof useCrossFrameState>[2]) => [_angular_core4.Signal<string>, (v: string | ((prev: string) => string)) => void, () => void];
+declare const useCrossURLPathState: (initial?: string, opts?: Parameters<typeof useCrossFrameState>[2]) => [_angular_core3.Signal<string>, (v: string | ((prev: string) => string)) => void, () => void];
 /**
  * Hook for host applications to push URL path changes into the shared state
  * This also monkey patches history methods to capture navigation events
  * @param initial - The initial URL path
  * @returns A tuple containing [state signal, setState function]
  */
-declare const useCrossURLPathSetter: (initial?: string) => readonly [_angular_core4.Signal<string>, (v: string | ((prev: string) => string)) => void];
+declare const useCrossURLPathSetter: (initial?: string) => readonly [_angular_core3.Signal<string>, (v: string | ((prev: string) => string)) => void];
 //#endregion
 export { useCrossURLPathSetter, useCrossURLPathState };
 //# sourceMappingURL=useCrossURLPathState.d.ts.map

package/dist/types/index.d.ts

@@ -7,15 +7,17 @@ import { getIntlayer } from "./getIntlayer.js";
 import { INTLAYER_MARKDOWN_TOKEN, IntlayerMarkdownProvider, IntlayerMarkdownService, createIntlayerMarkdownProvider, useMarkdown } from "./markdown/installIntlayerMarkdown.js";
 import "./markdown/index.js";
 import { useDictionaryDynamic } from "./client/useDictionaryDynamic.js";
+import { useIntl } from "./client/useIntl.js";
 import { isUpdatableNode, useIntlayer } from "./client/useIntlayer.js";
 import { useLoadDynamic } from "./client/useLoadDynamic.js";
 import { useLocale } from "./client/useLocale.js";
 import "./client/index.js";
+import { LocalesValues } from "@intlayer/types";
 
 //#region src/index.d.ts
 declare module '@intlayer/core' {
-  interface IInterpreterPlugin<T, S, L> extends IInterpreterPluginAngular<T> {}
+  interface IInterpreterPlugin<T, S, L extends LocalesValues> extends IInterpreterPluginAngular<T, S, L> {}
 }
 //#endregion
-export { DeepTransformContent, IInterpreterPluginAngular, IInterpreterPluginState, INTLAYER_MARKDOWN_TOKEN, INTLAYER_TOKEN, IntlayerMarkdownProvider, IntlayerMarkdownService, IntlayerNode, IntlayerNodeCond, IntlayerProvider, MarkdownCond, MarkdownStringCond, createIntlayerClient, createIntlayerMarkdownProvider, getDictionary, getIntlayer, installIntlayer, intlayerNodePlugins, isUpdatableNode, markdownPlugin, markdownStringPlugin, useDictionary, useDictionaryAsync, useDictionaryDynamic, useIntlayer, useLoadDynamic, useLocale, useMarkdown };
+export { DeepTransformContent, IInterpreterPluginAngular, IInterpreterPluginState, INTLAYER_MARKDOWN_TOKEN, INTLAYER_TOKEN, IntlayerMarkdownProvider, IntlayerMarkdownService, IntlayerNode, IntlayerNodeCond, IntlayerProvider, MarkdownCond, MarkdownStringCond, createIntlayerClient, createIntlayerMarkdownProvider, getDictionary, getIntlayer, installIntlayer, intlayerNodePlugins, isUpdatableNode, markdownPlugin, markdownStringPlugin, useDictionary, useDictionaryAsync, useDictionaryDynamic, useIntl, useIntlayer, useLoadDynamic, useLocale, useMarkdown };
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","names":[],"sources":["../../src/index.ts"],"sourcesContent":[],"mappings":";;;;;;;;;;;;;;;;gDAIgD,0BAA0B"}
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../src/index.ts"],"sourcesContent":[],"mappings":";;;;;;;;;;;;;;;;;;+CAK+C,uBACnC,0BAA0B,GAAG,GAAG"}

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

@@ -2,7 +2,12 @@ import { InjectionToken, TemplateRef } from "@angular/core";
 
 //#region src/markdown/installIntlayerMarkdown.d.ts
 declare const INTLAYER_MARKDOWN_TOKEN: InjectionToken<IntlayerMarkdownProvider>;
-type RenderMarkdownFunction = (markdown: string) => string | TemplateRef<any>;
+type RenderMarkdownOptions = {
+  components?: any;
+  wrapper?: any;
+  options?: any;
+};
+type RenderMarkdownFunction = (markdown: string, overrides?: any | RenderMarkdownOptions) => string | TemplateRef<any>;
 type IntlayerMarkdownProvider = {
   renderMarkdown: RenderMarkdownFunction;
 };
@@ -18,7 +23,7 @@ declare const createIntlayerMarkdownProvider: (renderMarkdown?: RenderMarkdownFu
  */
 declare class IntlayerMarkdownService {
   private markdownProvider;
-  renderMarkdown(markdown: string): string | TemplateRef<any>;
+  renderMarkdown(markdown: string, overrides?: any): string | TemplateRef<any>;
 }
 /**
  * Function to inject markdown provider

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

@@ -1 +1 @@
-{"version":3,"file":"installIntlayerMarkdown.d.ts","names":[],"sources":["../../../src/markdown/installIntlayerMarkdown.ts"],"sourcesContent":[],"mappings":";;;cAOa,yBAAuB,eAAA;KAG/B,sBAAA,kCAAwD;AAHhD,KAKD,wBAAA,GAJsD;EAE7D,cAAA,EAGa,sBAH2C;AAE7D,CAAA;AAaA;;;cAAa,kDACK;EAKX,OAAA,gBAAA,yBAAA,CAAA;EAAwB,QAAA,EAAxB,wBAAwB;AAM/B,CAAA;AAmBA;;;cAhBa,uBAAA;;6CAKgC;;;;;cAWhC,mBAAkB"}
+{"version":3,"file":"installIntlayerMarkdown.d.ts","names":[],"sources":["../../../src/markdown/installIntlayerMarkdown.ts"],"sourcesContent":[],"mappings":";;;cAOa,yBAAuB,eAAA;KAG/B,qBAAA;EAHQ,UAAA,CAAA,EAAA,GAAA;EAGR,OAAA,CAAA,EAAA,GAAA;EAMA,OAAA,CAAA,EAAA,GAAA;AAKL,CAAA;AAaA,KAlBK,sBAAA,GAkBQ,CAAA,QAOX,EAAA,MAAA,EAAA,SAAA,CAAA,EAAA,GAAA,GAvBkB,qBAuBlB,EAAA,GAAA,MAAA,GAtBY,WAsBZ,CAAA,GAAA,CAAA;AANgB,KAdN,wBAAA,GAcM;kBAbA;;;;AAwBlB;AAmBa,cA/BA,8BA+BkB,EAAA,CAAA,cAU9B,CAAA,EAxCiB,sBAwCjB,EAAA,GAAA;;YAnCM;;;;;cASM,uBAAA;;8DAKiD;;;;;cAWjD,mBAAkB"}

package/dist/types/plugins.d.ts

@@ -1,4 +1,4 @@
-import { NodeType } from "@intlayer/types";
+import { LocalesValues, NodeType } from "@intlayer/types";
 import { DeepTransformContent as DeepTransformContent$1, IInterpreterPluginState as IInterpreterPluginState$1, Plugins } from "@intlayer/core";
 
 //#region src/plugins.d.ts
@@ -22,20 +22,21 @@ type MarkdownStringCond<T> = T extends string ? IntlayerNode<string, {
 }> : never;
 /** Markdown string plugin. Replaces string node with a component that render the markdown. */
 declare const markdownStringPlugin: Plugins;
-type MarkdownCond<T> = T extends {
+type MarkdownCond<T, S, L extends LocalesValues> = T extends {
   nodeType: NodeType | string;
   [NodeType.Markdown]: infer M;
   metadata?: infer U;
-} ? IntlayerNode<DeepTransformContent<M>, {
+} ? {
+  use: (overrides: any) => any;
   metadata: DeepTransformContent<U>;
-}> : never;
+} & any : never;
 declare const markdownPlugin: Plugins;
 /** ---------------------------------------------
  *  PLUGINS RESULT
  *  --------------------------------------------- */
-interface IInterpreterPluginAngular<T> {
+interface IInterpreterPluginAngular<T, S, L extends LocalesValues> {
   intlayerNode: IntlayerNodeCond<T>;
-  markdown: MarkdownCond<T>;
+  markdown: MarkdownCond<T, S, L>;
 }
 /**
  * Insert this type as param of `DeepTransformContent` to avoid `intlayer` package pollution.

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

@@ -1 +1 @@
-{"version":3,"file":"plugins.d.ts","names":[],"sources":["../../src/plugins.ts"],"sourcesContent":[],"mappings":";;;;;;;AAgBA;AAAkC,KAAtB,gBAAsB,CAAA,CAAA,CAAA,GAAA,CAAA,SAAA,MAAA,GAAA,MAAA,GAC9B,YAD8B,CACjB,CADiB,CAAA,GAAA,KAAA;AACjB,UAGA,YAHA,CAAA,CAAA,EAAA,IAAA,CAAA,CAAA,CAAA,CAAA;EAAb,KAAA,EAIK,CAJL;EAAY,QAAA,CAAA,EAAA,GAAA;EAGC,eAAY,CAAA,EAGT,CAHS;AAO7B;AAyBA;AAAoC,cAzBvB,mBAyBuB,EAzBF,OAyBE;;;;AAKvB,KALD,kBAyDX,CAAA,CAAA,CAAA,GAzDmC,CAyDnC,SAAA,MAAA,GAxDG,YAwDH,CAAA,MAAA,EAAA;EAEW,QAAA,EA1DyB,oBA0Db,CAAA,MAAA,CAAA;CAAM,CAAA,GAAA,KAAA;;AAE3B,cAxDU,oBAwDD,EAxDuB,OAwDvB;AAG0B,KAL1B,YAK0B,CAAA,CAAA,CAAA,GALR,CAKQ,SAAA;EAArB,QAAA,EAJL,QAIK,GAAA,MAAA;EAA0D,CAHxE,QAAA,CAAS,QAAA,CAG+D,EAAA,KAAA,EAAA;EAArB,QAAA,CAAA,EAAA,KAAA,EAAA;CAAlD,GAAA,YAAA,CAAa,oBAAb,CAAkC,CAAlC,CAAA,EAAA;EAAY,QAAA,EAAsC,oBAAtC,CAA2D,CAA3D,CAAA;AAGhB,CAAA,CAAA,GAAa,KAAA;AA2BI,cA3BJ,cA2B6B,EA3Bb,OA2Ba;;;;AAE9B,UAFK,yBAEL,CAAA,CAAA,CAAA,CAAA;EAAY,YAAA,EADR,gBACQ,CADS,CACT,CAAA;EAQZ,QAAA,EARA,YAQA,CARa,CAQb,CAAA;AAKZ;;;;;;KALY,uBAAA,GAA0B;;;;KAK1B,0BAA0B,uBACpC,GACA"}
+{"version":3,"file":"plugins.d.ts","names":[],"sources":["../../src/plugins.ts"],"sourcesContent":[],"mappings":";;;;;;;AAgBA;AAAkC,KAAtB,gBAAsB,CAAA,CAAA,CAAA,GAAA,CAAA,SAAA,MAAA,GAAA,MAAA,GAC9B,YAD8B,CACjB,CADiB,CAAA,GAAA,KAAA;AACjB,UAGA,YAHA,CAAA,CAAA,EAAA,IAAA,CAAA,CAAA,CAAA,CAAA;EAAb,KAAA,EAIK,CAJL;EAAY,QAAA,CAAA,EAAA,GAAA;EAGC,eAAY,CAAA,EAGT,CAHS;AAO7B;AAyBA;AAAoC,cAzBvB,mBAyBuB,EAzBF,OAyBE;;;;AAKvB,KALD,kBA8EX,CAAA,CAAA,CAAA,GA9EmC,CA8EnC,SAAA,MAAA,GA7EG,YA6EH,CAAA,MAAA,EAAA;EAEW,QAAA,EA/EyB,oBA+Eb,CAAA,MAAA,CAAA;CAAiB,CAAA,GAAA,KAAA;;AAC7B,cA5EC,oBA4ED,EA5EuB,OA4EvB;AACT,KAFS,YAEA,CAAA,CAAA,EAAA,CAAA,EAAA,UAF6B,aAE7B,CAAA,GAF8C,CAE9C,SAAA;EAKyB,QAAA,EANzB,QAMyB,GAAA,MAAA;EAArB,CALb,QAAA,CAAS,QAAA,CAKI,EAAA,KAAA,EAAA;EAAoB,QAAA,CAAA,EAAA,KAAA,EAAA;AAIpC,CAAA,GAAa;EA2BI,GAAA,EAAA,CAAA,SAAA,EAAA,GAAA,EAAA,GAAA,GAAyB;EAAiB,QAAA,EA/B3C,oBA+B2C,CA/BtB,CA+BsB,CAAA;CAC1B,GAAA,GAAA,GAAA,KAAA;AAAjB,cA5BH,cA4BG,EA5Ba,OA4Bb;;;;AACJ,UAFK,yBAEL,CAAA,CAAA,EAAA,CAAA,EAAA,UAF+C,aAE/C,CAAA,CAAA;EAAY,YAAA,EADR,gBACQ,CADS,CACT,CAAA;EAQZ,QAAA,EARA,YAQA,CARa,CAQb,EARgB,CAQO,EARJ,CAQI,CAAA;AAKnC;;;;;;KALY,uBAAA,GAA0B;;;;KAK1B,0BAA0B,uBACpC,GACA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "angular-intlayer",
-  "version": "7.6.0-canary.0",
+  "version": "8.0.0-canary.0",
   "private": false,
   "description": "Easily internationalize i18n your Angular applications with type-safe multilingual content management.",
   "keywords": [
@@ -85,17 +85,17 @@
     "typecheck": "tsc --noEmit --project tsconfig.types.json"
   },
   "dependencies": {
-    "@intlayer/chokidar": "7.6.0-canary.0",
-    "@intlayer/config": "7.6.0-canary.0",
-    "@intlayer/core": "7.6.0-canary.0",
-    "@intlayer/dictionaries-entry": "7.6.0-canary.0",
-    "@intlayer/editor": "7.6.0-canary.0",
-    "@intlayer/types": "7.6.0-canary.0",
-    "@intlayer/webpack": "7.6.0-canary.0",
+    "@intlayer/chokidar": "8.0.0-canary.0",
+    "@intlayer/config": "8.0.0-canary.0",
+    "@intlayer/core": "8.0.0-canary.0",
+    "@intlayer/dictionaries-entry": "8.0.0-canary.0",
+    "@intlayer/editor": "8.0.0-canary.0",
+    "@intlayer/types": "8.0.0-canary.0",
+    "@intlayer/webpack": "8.0.0-canary.0",
     "defu": "6.1.4"
   },
   "devDependencies": {
-    "@types/node": "25.0.7",
+    "@types/node": "25.0.9",
     "@types/webpack": "5.28.5",
     "@utils/ts-config": "1.0.4",
     "@utils/ts-config-types": "1.0.4",