react-intlayer 2.0.0 → 2.0.1

package/dist/cjs/server/IntlayerServerProvider.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/server/IntlayerServerProvider.tsx"],"sourcesContent":["import { type Locales, getConfiguration } from '@intlayer/config/client';\nimport type { FC, PropsWithChildren } from 'react';\nimport { createServerContext, getServerContext } from './serverContext';\n\n/**\n * Context that store the current locale on the server side\n */\nexport const IntlayerServerContext = createServerContext<Locales>(\n  getConfiguration().internationalization.defaultLocale\n);\n\n/**\n * Hook that provides the current locale\n */\nexport const useIntlayer = () => getServerContext(IntlayerServerContext);\n\n/**\n * Get the current locale\n */\nexport const locale = getServerContext(IntlayerServerContext);\n\nexport type IntlayerServerProviderProps = PropsWithChildren & {\n  locale: Locales;\n};\n\n/**\n * Provider that store the current locale on the server side\n */\nexport const IntlayerServerProvider: FC<IntlayerServerProviderProps> = ({\n  children,\n  locale,\n}) => (\n  <IntlayerServerContext.Provider value={locale}>\n    {children}\n  </IntlayerServerContext.Provider>\n);\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAgCE;AAhCF,oBAA+C;AAE/C,2BAAsD;AAK/C,MAAM,4BAAwB;AAAA,MACnC,gCAAiB,EAAE,qBAAqB;AAC1C;AAKO,MAAM,cAAc,UAAM,uCAAiB,qBAAqB;AAKhE,MAAM,aAAS,uCAAiB,qBAAqB;AASrD,MAAM,yBAA0D,CAAC;AAAA,EACtE;AAAA,EACA,QAAAA;AACF,MACE,4CAAC,sBAAsB,UAAtB,EAA+B,OAAOA,SACpC,UACH;","names":["locale"]}
+{"version":3,"sources":["../../../src/server/IntlayerServerProvider.tsx"],"sourcesContent":["import { type Locales, getConfiguration } from '@intlayer/config/client';\nimport type { FC, PropsWithChildren } from 'react';\nimport { createServerContext, getServerContext } from './serverContext';\n\nconst { defaultLocale } = getConfiguration().internationalization;\n\n/**\n * Context that store the current locale on the server side\n */\nexport const IntlayerServerContext =\n  createServerContext<Locales>(defaultLocale);\n\n/**\n * Hook that provides the current locale\n */\nexport const useIntlayer = () => getServerContext(IntlayerServerContext);\n\n/**\n * Get the current locale\n */\nexport const locale = getServerContext(IntlayerServerContext);\n\nexport type IntlayerServerProviderProps = PropsWithChildren & {\n  locale?: Locales;\n};\n\n/**\n * Provider that store the current locale on the server side\n */\nexport const IntlayerServerProvider: FC<IntlayerServerProviderProps> = ({\n  children,\n  locale = defaultLocale,\n}) => (\n  <IntlayerServerContext.Provider value={locale}>\n    {children}\n  </IntlayerServerContext.Provider>\n);\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAiCE;AAjCF,oBAA+C;AAE/C,2BAAsD;AAEtD,MAAM,EAAE,cAAc,QAAI,gCAAiB,EAAE;AAKtC,MAAM,4BACX,0CAA6B,aAAa;AAKrC,MAAM,cAAc,UAAM,uCAAiB,qBAAqB;AAKhE,MAAM,aAAS,uCAAiB,qBAAqB;AASrD,MAAM,yBAA0D,CAAC;AAAA,EACtE;AAAA,EACA,QAAAA,UAAS;AACX,MACE,4CAAC,sBAAsB,UAAtB,EAA+B,OAAOA,SACpC,UACH;","names":["locale"]}

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

@@ -27,7 +27,7 @@ declare const useIntlayer: () => Locales | undefined;
  */
 declare const locale: Locales | undefined;
 type IntlayerServerProviderProps = PropsWithChildren & {
-    locale: Locales;
+    locale?: Locales;
 };
 /**
  * Provider that store the current locale on the server side

package/dist/cjs/server/index.d.ts

@@ -6,4 +6,5 @@ import '@intlayer/config/client';
 import '@intlayer/core';
 import 'react';
 import '../useIntlayerBase.js';
+import '@intlayer/config';
 import 'intlayer';

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

@@ -1,6 +1,7 @@
 import { UseIntlayer } from '../useIntlayerBase.js';
-import '@intlayer/config/client';
+import '@intlayer/config';
 import 'intlayer';
+import 'react';
 
 /**
  * On the server side, Hook that picking one dictionary by its id and return the content

package/dist/cjs/useIntlayerBase.cjs

@@ -28,23 +28,67 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var useIntlayerBase_exports = {};
 __export(useIntlayerBase_exports, {
+  recursiveStringifyContent: () => recursiveStringifyContent,
+  recursiveTransformContent: () => recursiveTransformContent,
   useIntlayerBase: () => useIntlayerBase
 });
 module.exports = __toCommonJS(useIntlayerBase_exports);
 var import_dictionaries_entry = __toESM(require("@intlayer/dictionaries-entry"));
+var import_client = require("intlayer-editor/client");
 var import_processDictionary = require('./processDictionary/index.cjs');
+const recursiveTransformContent = (obj) => Object.entries(obj).reduce((acc, [key, value]) => {
+  if (typeof value === "object" && typeof value.keyPath !== "undefined" && typeof value.dictionaryId !== "undefined" && typeof value.dictionaryPath !== "undefined") {
+    return {
+      ...acc,
+      [key]: (0, import_client.renderIntlayerEditor)(value)
+    };
+  } else if (typeof value === "object" && Array.isArray(value)) {
+    return {
+      ...acc,
+      [key]: value.map(recursiveTransformContent)
+    };
+  } else if (typeof value === "object") {
+    return {
+      ...acc,
+      [key]: recursiveTransformContent(value)
+    };
+  }
+  return acc;
+}, {});
+const recursiveStringifyContent = (obj) => Object.entries(obj).reduce((acc, [key, value]) => {
+  if (typeof value === "object" && typeof value.value !== "undefined") {
+    return {
+      ...acc,
+      [key]: value.value
+    };
+  } else if (typeof value === "object" && Array.isArray(value)) {
+    return {
+      ...acc,
+      [key]: value.map(recursiveStringifyContent)
+    };
+  } else if (typeof value === "object") {
+    return {
+      ...acc,
+      [key]: recursiveStringifyContent(value)
+    };
+  }
+  return acc;
+}, {});
 const useIntlayerBase = (id, locale) => {
   const dictionary = import_dictionaries_entry.default[id];
-  return (0, import_processDictionary.processDictionary)(
+  const result = (0, import_processDictionary.processDictionary)(
     dictionary,
     id,
     dictionary.filePath,
     [],
     locale
   );
+  return recursiveTransformContent(result);
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  recursiveStringifyContent,
+  recursiveTransformContent,
   useIntlayerBase
 });
 //# sourceMappingURL=useIntlayerBase.cjs.map

package/dist/cjs/useIntlayerBase.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/useIntlayerBase.ts"],"sourcesContent":["import type { Locales } from '@intlayer/config/client';\n/**\n * @intlayer/dictionaries-entry is a package that only returns the dictionary entry path.\n * Using an external package allow to alias it in the bundle configuration (such as webpack).\n * The alias allow hot reload the app (such as nextjs) on any dictionary change.\n */\nimport dictionaries from '@intlayer/dictionaries-entry';\nimport type { IntlayerDictionaryTypesConnector } from 'intlayer';\nimport type { Content } from './processDictionary/contentDictionary';\nimport { processDictionary } from './processDictionary/index';\n\nexport type StringFallback<T> = T extends never ? string : T; // If no keys are found, return string to disable error, and accept any string as dictionary key\nexport type DictionaryKeys = StringFallback<\n  keyof IntlayerDictionaryTypesConnector\n>;\n\nexport type UseIntlayer = <T extends DictionaryKeys>(\n  id: T,\n  locale?: Locales\n) => IntlayerDictionaryTypesConnector[T];\n\n/**\n * Hook that picking one dictionary by its id and return the content.\n */\nexport const useIntlayerBase: UseIntlayer = <T extends DictionaryKeys>(\n  id: T,\n  locale?: Locales\n) => {\n  const dictionary: Content = dictionaries[id];\n\n  return processDictionary(\n    dictionary,\n    id,\n    dictionary.filePath as string,\n    [],\n    locale\n  ) as IntlayerDictionaryTypesConnector[T];\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAMA,gCAAyB;AAGzB,+BAAkC;AAe3B,MAAM,kBAA+B,CAC1C,IACA,WACG;AACH,QAAM,aAAsB,0BAAAA,QAAa,EAAE;AAE3C,aAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX,CAAC;AAAA,IACD;AAAA,EACF;AACF;","names":["dictionaries"]}
+{"version":3,"sources":["../../src/useIntlayerBase.ts"],"sourcesContent":["import type { Locales } from '@intlayer/config';\n/**\n * @intlayer/dictionaries-entry is a package that only returns the dictionary entry path.\n * Using an external package allow to alias it in the bundle configuration (such as webpack).\n * The alias allow hot reload the app (such as nextjs) on any dictionary change.\n */\nimport type { Dictionary } from '@intlayer/core';\nimport dictionaries from '@intlayer/dictionaries-entry';\nimport type { IntlayerDictionaryTypesConnector } from 'intlayer';\nimport { renderIntlayerEditor } from 'intlayer-editor/client';\nimport type { ReactNode } from 'react';\nimport { processDictionary } from './processDictionary/index';\n\n/**\n * Provides a fallback to string type if the generic type T is never,\n * otherwise returns T. This is useful for handling cases where no keys are found.\n * Example: StringFallback<never> -> string; StringFallback<'key'> -> 'key'\n */\nexport type StringFallback<T> = T extends never ? string : T; // If no keys are found, return string to disable error, and accept any string as dictionary key\n\n/**\n * Represents the keys of the IntlayerDictionaryTypesConnector,\n * ensuring they are valid dictionary keys or fallback to string if none exist.\n *\n * Example:\n * ```ts\n * DictionaryKeys -> 'key1' | 'key2'\n * // or if IntlayerDictionaryTypesConnector is not defined,\n * DictionaryKeys -> string\n * ```\n */\nexport type DictionaryKeys = StringFallback<\n  keyof IntlayerDictionaryTypesConnector\n>;\n\nexport type IntlayerNode = ReactNode & {\n  value: string;\n};\n\ntype DeepTransformContent<T> = T extends object\n  ? {\n      [K in keyof T]: DeepTransformContent<T[K]>;\n    }\n  : IntlayerNode;\n\n/**\n * Excludes the 'id' and 'filePath' keys from the dictionary content,\n * as they are not part of the IntlayerDictionaryTypesConnector type.\n */\ntype ExcludeIntlayerUtilsKeys<T> = Omit<T, 'id' | 'filePath'>;\n\n/**\n * Represents the data type returned by the useIntlayer hook,\n * excluding the 'id' and 'filePath' keys from the dictionary content.\n */\ntype Data<T extends DictionaryKeys> = ExcludeIntlayerUtilsKeys<\n  DeepTransformContent<IntlayerDictionaryTypesConnector[T]>\n>;\n\n/**\n * Parcourt the object. If a object has a keyPath, render the intlayer editor if editor enabled.\n */\nexport const recursiveTransformContent = (obj: object): object =>\n  Object.entries(obj).reduce((acc, [key, value]) => {\n    if (\n      typeof value === 'object' &&\n      typeof value.keyPath !== 'undefined' &&\n      typeof value.dictionaryId !== 'undefined' &&\n      typeof value.dictionaryPath !== 'undefined'\n    ) {\n      return {\n        ...acc,\n        [key]: renderIntlayerEditor(value),\n      };\n    } else if (typeof value === 'object' && Array.isArray(value)) {\n      return {\n        ...acc,\n        [key]: value.map(recursiveTransformContent),\n      };\n    } else if (typeof value === 'object') {\n      return {\n        ...acc,\n        [key]: recursiveTransformContent(value),\n      };\n    }\n\n    return acc;\n  }, {});\n\ntype DeepStrinfifyContent<T> =\n  T extends React.ComponentType<unknown>\n    ? string\n    : T extends object\n      ? {\n          [K in keyof T]: DeepStrinfifyContent<T[K]>;\n        }\n      : T;\n\nexport const recursiveStringifyContent = <T extends object>(\n  obj: T\n): DeepStrinfifyContent<T> =>\n  Object.entries(obj).reduce((acc, [key, value]) => {\n    if (typeof value === 'object' && typeof value.value !== 'undefined') {\n      return {\n        ...acc,\n        [key]: value.value,\n      };\n    } else if (typeof value === 'object' && Array.isArray(value)) {\n      return {\n        ...acc,\n        [key]: value.map(recursiveStringifyContent),\n      };\n    } else if (typeof value === 'object') {\n      return {\n        ...acc,\n        [key]: recursiveStringifyContent(value),\n      };\n    }\n\n    return acc;\n  }, {}) as DeepStrinfifyContent<T>;\n\n/**\n * Type definition for the useIntlayer hook, which takes a dictionary ID and an optional locale,\n * and returns the deeply transformed dictionary content.\n *\n */\nexport type UseIntlayer = <T extends DictionaryKeys>(\n  id: T,\n  locale?: Locales\n) => Data<T>;\n\n/**\n * Hook that picks one dictionary by its ID and returns the content,\n * deeply transformed according to the dictionary structure and metadata.\n */\nexport const useIntlayerBase: UseIntlayer = <T extends DictionaryKeys>(\n  id: T,\n  locale?: Locales\n) => {\n  const dictionary: Dictionary = dictionaries[id];\n\n  const result = processDictionary(\n    dictionary,\n    id,\n    dictionary.filePath,\n    [],\n    locale\n  ) as object;\n\n  return recursiveTransformContent(result) as Data<T>;\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOA,gCAAyB;AAEzB,oBAAqC;AAErC,+BAAkC;AAmD3B,MAAM,4BAA4B,CAAC,QACxC,OAAO,QAAQ,GAAG,EAAE,OAAO,CAAC,KAAK,CAAC,KAAK,KAAK,MAAM;AAChD,MACE,OAAO,UAAU,YACjB,OAAO,MAAM,YAAY,eACzB,OAAO,MAAM,iBAAiB,eAC9B,OAAO,MAAM,mBAAmB,aAChC;AACA,WAAO;AAAA,MACL,GAAG;AAAA,MACH,CAAC,GAAG,OAAG,oCAAqB,KAAK;AAAA,IACnC;AAAA,EACF,WAAW,OAAO,UAAU,YAAY,MAAM,QAAQ,KAAK,GAAG;AAC5D,WAAO;AAAA,MACL,GAAG;AAAA,MACH,CAAC,GAAG,GAAG,MAAM,IAAI,yBAAyB;AAAA,IAC5C;AAAA,EACF,WAAW,OAAO,UAAU,UAAU;AACpC,WAAO;AAAA,MACL,GAAG;AAAA,MACH,CAAC,GAAG,GAAG,0BAA0B,KAAK;AAAA,IACxC;AAAA,EACF;AAEA,SAAO;AACT,GAAG,CAAC,CAAC;AAWA,MAAM,4BAA4B,CACvC,QAEA,OAAO,QAAQ,GAAG,EAAE,OAAO,CAAC,KAAK,CAAC,KAAK,KAAK,MAAM;AAChD,MAAI,OAAO,UAAU,YAAY,OAAO,MAAM,UAAU,aAAa;AACnE,WAAO;AAAA,MACL,GAAG;AAAA,MACH,CAAC,GAAG,GAAG,MAAM;AAAA,IACf;AAAA,EACF,WAAW,OAAO,UAAU,YAAY,MAAM,QAAQ,KAAK,GAAG;AAC5D,WAAO;AAAA,MACL,GAAG;AAAA,MACH,CAAC,GAAG,GAAG,MAAM,IAAI,yBAAyB;AAAA,IAC5C;AAAA,EACF,WAAW,OAAO,UAAU,UAAU;AACpC,WAAO;AAAA,MACL,GAAG;AAAA,MACH,CAAC,GAAG,GAAG,0BAA0B,KAAK;AAAA,IACxC;AAAA,EACF;AAEA,SAAO;AACT,GAAG,CAAC,CAAC;AAgBA,MAAM,kBAA+B,CAC1C,IACA,WACG;AACH,QAAM,aAAyB,0BAAAA,QAAa,EAAE;AAE9C,QAAM,aAAS;AAAA,IACb;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX,CAAC;AAAA,IACD;AAAA,EACF;AAEA,SAAO,0BAA0B,MAAM;AACzC;","names":["dictionaries"]}

package/dist/cjs/useIntlayerBase.d.ts

@@ -1,12 +1,59 @@
-import { Locales } from '@intlayer/config/client';
+import { Locales } from '@intlayer/config';
 import { IntlayerDictionaryTypesConnector } from 'intlayer';
+import { ReactNode } from 'react';
 
+/**
+ * Provides a fallback to string type if the generic type T is never,
+ * otherwise returns T. This is useful for handling cases where no keys are found.
+ * Example: StringFallback<never> -> string; StringFallback<'key'> -> 'key'
+ */
 type StringFallback<T> = T extends never ? string : T;
+/**
+ * Represents the keys of the IntlayerDictionaryTypesConnector,
+ * ensuring they are valid dictionary keys or fallback to string if none exist.
+ *
+ * Example:
+ * ```ts
+ * DictionaryKeys -> 'key1' | 'key2'
+ * // or if IntlayerDictionaryTypesConnector is not defined,
+ * DictionaryKeys -> string
+ * ```
+ */
 type DictionaryKeys = StringFallback<keyof IntlayerDictionaryTypesConnector>;
-type UseIntlayer = <T extends DictionaryKeys>(id: T, locale?: Locales) => IntlayerDictionaryTypesConnector[T];
+type IntlayerNode = ReactNode & {
+    value: string;
+};
+type DeepTransformContent<T> = T extends object ? {
+    [K in keyof T]: DeepTransformContent<T[K]>;
+} : IntlayerNode;
+/**
+ * Excludes the 'id' and 'filePath' keys from the dictionary content,
+ * as they are not part of the IntlayerDictionaryTypesConnector type.
+ */
+type ExcludeIntlayerUtilsKeys<T> = Omit<T, 'id' | 'filePath'>;
+/**
+ * Represents the data type returned by the useIntlayer hook,
+ * excluding the 'id' and 'filePath' keys from the dictionary content.
+ */
+type Data<T extends DictionaryKeys> = ExcludeIntlayerUtilsKeys<DeepTransformContent<IntlayerDictionaryTypesConnector[T]>>;
+/**
+ * Parcourt the object. If a object has a keyPath, render the intlayer editor if editor enabled.
+ */
+declare const recursiveTransformContent: (obj: object) => object;
+type DeepStrinfifyContent<T> = T extends React.ComponentType<unknown> ? string : T extends object ? {
+    [K in keyof T]: DeepStrinfifyContent<T[K]>;
+} : T;
+declare const recursiveStringifyContent: <T extends object>(obj: T) => DeepStrinfifyContent<T>;
+/**
+ * Type definition for the useIntlayer hook, which takes a dictionary ID and an optional locale,
+ * and returns the deeply transformed dictionary content.
+ *
+ */
+type UseIntlayer = <T extends DictionaryKeys>(id: T, locale?: Locales) => Data<T>;
 /**
- * Hook that picking one dictionary by its id and return the content.
+ * Hook that picks one dictionary by its ID and returns the content,
+ * deeply transformed according to the dictionary structure and metadata.
  */
 declare const useIntlayerBase: UseIntlayer;
 
-export { type DictionaryKeys, type StringFallback, type UseIntlayer, useIntlayerBase };
+export { type DictionaryKeys, type IntlayerNode, type StringFallback, type UseIntlayer, recursiveStringifyContent, recursiveTransformContent, useIntlayerBase };

package/dist/esm/client/ContentEditionLayout.mjs

@@ -1,10 +1,14 @@
 import "../chunk-ZNCO4QRF.mjs";
 import { Fragment, jsx } from "react/jsx-runtime";
+import { getConfiguration } from "@intlayer/config/client";
 import {
   ContentEditionLayout as ContentEditionLayoutBase
 } from "intlayer-editor/client";
+const {
+  editor: { enabled }
+} = getConfiguration();
 const BlankLayout = ({ children }) => /* @__PURE__ */ jsx(Fragment, { children });
-const ContentEditionLayout = typeof ContentEditionLayoutBase === "undefined" ? BlankLayout : ContentEditionLayoutBase;
+const ContentEditionLayout = typeof ContentEditionLayoutBase === "undefined" || !enabled ? BlankLayout : ContentEditionLayoutBase;
 export {
   ContentEditionLayout
 };

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/client/ContentEditionLayout.tsx"],"sourcesContent":["import {\n  ContentEditionLayout as ContentEditionLayoutBase,\n  type ContentEditionLayoutProps,\n} from 'intlayer-editor/client';\nimport type { FC } from 'react';\n\nconst BlankLayout: FC<ContentEditionLayoutProps> = ({ children }) => (\n  <>{children}</>\n);\n\n// intlayer-editor is an optional dependency. If it's not installed, return the blank layout\nexport const ContentEditionLayout: FC<ContentEditionLayoutProps> =\n  typeof ContentEditionLayoutBase === 'undefined'\n    ? BlankLayout\n    : (ContentEditionLayoutBase as typeof ContentEditionLayout);\n"],"mappings":";AAOE;AAPF;AAAA,EACE,wBAAwB;AAAA,OAEnB;AAGP,MAAM,cAA6C,CAAC,EAAE,SAAS,MAC7D,gCAAG,UAAS;AAIP,MAAM,uBACX,OAAO,6BAA6B,cAChC,cACC;","names":[]}
+{"version":3,"sources":["../../../src/client/ContentEditionLayout.tsx"],"sourcesContent":["import { getConfiguration } from '@intlayer/config/client';\nimport {\n  ContentEditionLayout as ContentEditionLayoutBase,\n  type ContentEditionLayoutProps,\n} from 'intlayer-editor/client';\nimport type { FC } from 'react';\n\nconst {\n  editor: { enabled },\n} = getConfiguration();\n\nconst BlankLayout: FC<ContentEditionLayoutProps> = ({ children }) => (\n  <>{children}</>\n);\n\n// intlayer-editor is an optional dependency. If it's not installed, return the blank layout\nexport const ContentEditionLayout: FC<ContentEditionLayoutProps> =\n  typeof ContentEditionLayoutBase === 'undefined' || !enabled\n    ? BlankLayout\n    : ContentEditionLayoutBase;\n"],"mappings":";AAYE;AAZF,SAAS,wBAAwB;AACjC;AAAA,EACE,wBAAwB;AAAA,OAEnB;AAGP,MAAM;AAAA,EACJ,QAAQ,EAAE,QAAQ;AACpB,IAAI,iBAAiB;AAErB,MAAM,cAA6C,CAAC,EAAE,SAAS,MAC7D,gCAAG,UAAS;AAIP,MAAM,uBACX,OAAO,6BAA6B,eAAe,CAAC,UAChD,cACA;","names":[]}

package/dist/esm/client/{IntlayerClientProvider.d.mts → IntlayerProvider.d.mts}

@@ -14,12 +14,13 @@ declare const IntlayerClientContext: react.Context<IntlayerValue>;
  * Hook that provides the current locale
  */
 declare const useIntlayerContext: () => IntlayerValue;
-type IntlayerClientProviderProps = PropsWithChildren & {
+type IntlayerProviderProps = PropsWithChildren & {
     locale?: Locales;
+    setLocale?: (locale: Locales) => void;
 };
 /**
  * Provider that store the current locale on the client side
  */
-declare const IntlayerClientProvider: FC<IntlayerClientProviderProps>;
+declare const IntlayerProvider: FC<IntlayerProviderProps>;
 
-export { IntlayerClientContext, IntlayerClientProvider, type IntlayerClientProviderProps, useIntlayerContext };
+export { IntlayerClientContext, IntlayerProvider, type IntlayerProviderProps, useIntlayerContext };

package/dist/esm/client/{IntlayerClientProvider.mjs → IntlayerProvider.mjs}

@@ -16,15 +16,16 @@ const IntlayerClientContext = createContext({
   setLocale: () => null
 });
 const useIntlayerContext = () => useContext(IntlayerClientContext);
-const IntlayerClientProvider = ({
+const IntlayerProvider = ({
   locale,
-  children
+  children,
+  setLocale: setLocaleProp
 }) => {
   const { defaultLocale, locales: availableLocales } = getConfiguration().internationalization;
   const [currentLocale, setCurrentLocale] = useState(
     locale ?? localeCookie ?? defaultLocale
   );
-  const setLocale = useCallback(
+  const setLocaleBase = useCallback(
     (newLocale) => {
       if (currentLocale.toString() === newLocale.toString())
         return;
@@ -37,6 +38,7 @@ const IntlayerClientProvider = ({
     },
     [availableLocales, currentLocale, locale]
   );
+  const setLocale = setLocaleProp ?? setLocaleBase;
   const value = useMemo(
     () => ({ locale: currentLocale, setLocale }),
     [currentLocale, setLocale]
@@ -53,7 +55,7 @@ const IntlayerClientProvider = ({
 };
 export {
   IntlayerClientContext,
-  IntlayerClientProvider,
+  IntlayerProvider,
   useIntlayerContext
 };
-//# sourceMappingURL=IntlayerClientProvider.mjs.map
+//# sourceMappingURL=IntlayerProvider.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/client/IntlayerProvider.tsx"],"sourcesContent":["'use client';\n\nimport { getConfiguration, type Locales } from '@intlayer/config/client';\nimport {\n  type PropsWithChildren,\n  createContext,\n  useContext,\n  useMemo,\n  type FC,\n  useState,\n  useCallback,\n} from 'react';\nimport { ContentEditionLayout } from './ContentEditionLayout';\nimport { localeCookie, setLocaleCookie } from './useLocaleCookie';\n\ntype IntlayerValue = {\n  locale: Locales;\n  setLocale: (newLocale: Locales) => void;\n};\n\n/**\n * Context that store the current locale on the client side\n */\nexport const IntlayerClientContext = createContext<IntlayerValue>({\n  locale: localeCookie ?? getConfiguration().internationalization.defaultLocale,\n  setLocale: () => null,\n});\n\n/**\n * Hook that provides the current locale\n */\nexport const useIntlayerContext = () => useContext(IntlayerClientContext);\n\nexport type IntlayerProviderProps = PropsWithChildren & {\n  locale?: Locales;\n  setLocale?: (locale: Locales) => void;\n};\n\n/**\n * Provider that store the current locale on the client side\n */\nexport const IntlayerProvider: FC<IntlayerProviderProps> = ({\n  locale,\n  children,\n  setLocale: setLocaleProp,\n}) => {\n  const { defaultLocale, locales: availableLocales } =\n    getConfiguration().internationalization;\n\n  const [currentLocale, setCurrentLocale] = useState(\n    locale ?? localeCookie ?? defaultLocale\n  );\n\n  const setLocaleBase = useCallback(\n    (newLocale: Locales) => {\n      if (currentLocale.toString() === newLocale.toString()) return;\n\n      if (!availableLocales.includes(newLocale)) {\n        console.error(`Locale ${locale} is not available`);\n        return;\n      }\n\n      setCurrentLocale(newLocale); // Update state\n      setLocaleCookie(newLocale); // Optionally set cookie for persistence\n    },\n    [availableLocales, currentLocale, locale]\n  );\n\n  const setLocale = setLocaleProp ?? setLocaleBase;\n\n  const value: IntlayerValue = useMemo<IntlayerValue>(\n    () => ({ locale: currentLocale, setLocale: setLocale }),\n    [currentLocale, setLocale]\n  );\n\n  return (\n    <IntlayerClientContext.Provider value={value}>\n      <ContentEditionLayout\n        locale={currentLocale}\n        setLocale={setLocale}\n        localeList={availableLocales}\n      >\n        {children}\n      </ContentEditionLayout>\n    </IntlayerClientContext.Provider>\n  );\n};\n"],"mappings":";;AA6EM;AA3EN,SAAS,wBAAsC;AAC/C;AAAA,EAEE;AAAA,EACA;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AAAA,OACK;AACP,SAAS,4BAA4B;AACrC,SAAS,cAAc,uBAAuB;AAUvC,MAAM,wBAAwB,cAA6B;AAAA,EAChE,QAAQ,gBAAgB,iBAAiB,EAAE,qBAAqB;AAAA,EAChE,WAAW,MAAM;AACnB,CAAC;AAKM,MAAM,qBAAqB,MAAM,WAAW,qBAAqB;AAUjE,MAAM,mBAA8C,CAAC;AAAA,EAC1D;AAAA,EACA;AAAA,EACA,WAAW;AACb,MAAM;AACJ,QAAM,EAAE,eAAe,SAAS,iBAAiB,IAC/C,iBAAiB,EAAE;AAErB,QAAM,CAAC,eAAe,gBAAgB,IAAI;AAAA,IACxC,UAAU,gBAAgB;AAAA,EAC5B;AAEA,QAAM,gBAAgB;AAAA,IACpB,CAAC,cAAuB;AACtB,UAAI,cAAc,SAAS,MAAM,UAAU,SAAS;AAAG;AAEvD,UAAI,CAAC,iBAAiB,SAAS,SAAS,GAAG;AACzC,gBAAQ,MAAM,UAAU,MAAM,mBAAmB;AACjD;AAAA,MACF;AAEA,uBAAiB,SAAS;AAC1B,sBAAgB,SAAS;AAAA,IAC3B;AAAA,IACA,CAAC,kBAAkB,eAAe,MAAM;AAAA,EAC1C;AAEA,QAAM,YAAY,iBAAiB;AAEnC,QAAM,QAAuB;AAAA,IAC3B,OAAO,EAAE,QAAQ,eAAe,UAAqB;AAAA,IACrD,CAAC,eAAe,SAAS;AAAA,EAC3B;AAEA,SACE,oBAAC,sBAAsB,UAAtB,EAA+B,OAC9B;AAAA,IAAC;AAAA;AAAA,MACC,QAAQ;AAAA,MACR;AAAA,MACA,YAAY;AAAA,MAEX;AAAA;AAAA,EACH,GACF;AAEJ;","names":[]}

package/dist/esm/client/index.d.mts

@@ -1,4 +1,4 @@
-export { IntlayerClientContext as IntlayerClient, IntlayerClientProvider, IntlayerClientProviderProps, useIntlayerContext } from './IntlayerClientProvider.mjs';
+export { IntlayerClientContext, IntlayerProvider, IntlayerProviderProps, useIntlayerContext } from './IntlayerProvider.mjs';
 export { useIntlayer } from './useIntlayer.mjs';
 export { useLocaleBase } from './useLocaleBase.mjs';
 export { useLocale } from './useLocale.mjs';
@@ -8,5 +8,6 @@ export { getBrowserLocale } from './getBrowserLocale.mjs';
 import 'react';
 import '@intlayer/config/client';
 import '../useIntlayerBase.mjs';
+import '@intlayer/config';
 import 'intlayer';
 import '@intlayer/core';

package/dist/esm/client/index.mjs

@@ -2,8 +2,8 @@ import "../chunk-ZNCO4QRF.mjs";
 import {
   IntlayerClientContext,
   useIntlayerContext,
-  IntlayerClientProvider
-} from './IntlayerClientProvider.mjs';
+  IntlayerProvider
+} from './IntlayerProvider.mjs';
 import { useIntlayer } from './useIntlayer.mjs';
 import { useLocaleBase } from './useLocaleBase.mjs';
 import { useLocale } from './useLocale.mjs';
@@ -15,8 +15,8 @@ import {
 } from './useLocaleCookie.mjs';
 import { getBrowserLocale } from './getBrowserLocale.mjs';
 export {
-  IntlayerClientContext as IntlayerClient,
-  IntlayerClientProvider,
+  IntlayerClientContext,
+  IntlayerProvider,
   getBrowserLocale,
   localeCookie,
   setLocaleCookie,

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/client/index.ts"],"sourcesContent":["export type { IntlayerClientProviderProps } from './IntlayerClientProvider';\nexport {\n  IntlayerClientContext as IntlayerClient,\n  useIntlayerContext,\n  IntlayerClientProvider,\n} from './IntlayerClientProvider';\nexport { useIntlayer } from './useIntlayer';\nexport { useLocaleBase } from './useLocaleBase';\nexport { useLocale } from './useLocale';\nexport { useTraduction } from './useTraduction';\nexport {\n  useLocaleCookie,\n  localeCookie,\n  setLocaleCookie,\n} from './useLocaleCookie';\nexport { getBrowserLocale } from './getBrowserLocale';\n"],"mappings":";AACA;AAAA,EAC2B;AAAA,EACzB;AAAA,EACA;AAAA,OACK;AACP,SAAS,mBAAmB;AAC5B,SAAS,qBAAqB;AAC9B,SAAS,iBAAiB;AAC1B,SAAS,qBAAqB;AAC9B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,wBAAwB;","names":[]}
+{"version":3,"sources":["../../../src/client/index.ts"],"sourcesContent":["export {\n  type IntlayerProviderProps,\n  IntlayerClientContext,\n  useIntlayerContext,\n  IntlayerProvider,\n} from './IntlayerProvider';\nexport { useIntlayer } from './useIntlayer';\nexport { useLocaleBase } from './useLocaleBase';\nexport { useLocale } from './useLocale';\nexport { useTraduction } from './useTraduction';\nexport {\n  useLocaleCookie,\n  localeCookie,\n  setLocaleCookie,\n} from './useLocaleCookie';\nexport { getBrowserLocale } from './getBrowserLocale';\n"],"mappings":";AAAA;AAAA,EAEE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,mBAAmB;AAC5B,SAAS,qBAAqB;AAC9B,SAAS,iBAAiB;AAC1B,SAAS,qBAAqB;AAC9B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,wBAAwB;","names":[]}

package/dist/esm/client/useIntlayer.d.mts

@@ -1,6 +1,7 @@
 import { UseIntlayer } from '../useIntlayerBase.mjs';
-import '@intlayer/config/client';
+import '@intlayer/config';
 import 'intlayer';
+import 'react';
 
 /**
  * On the client side, Hook that picking one dictionary by its id and return the content

package/dist/esm/client/useIntlayer.mjs

@@ -4,7 +4,7 @@ import { useContext } from "react";
 import {
   useIntlayerBase
 } from '../useIntlayerBase.mjs';
-import { IntlayerClientContext } from './IntlayerClientProvider.mjs';
+import { IntlayerClientContext } from './IntlayerProvider.mjs';
 const useIntlayer = (id, locale) => {
   const { locale: currentLocale } = useContext(IntlayerClientContext);
   const localeTarget = locale ?? currentLocale;

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/client/useIntlayer.ts"],"sourcesContent":["'use client';\n\nimport type { Locales } from '@intlayer/config/client';\nimport { useContext } from 'react';\nimport {\n  type DictionaryKeys,\n  useIntlayerBase,\n  type UseIntlayer,\n} from '../useIntlayerBase';\nimport { IntlayerClientContext } from './IntlayerClientProvider';\n\n/**\n * On the client side, Hook that picking one dictionary by its id and return the content\n *\n * If the locale is not provided, it will use the locale from the client context\n */\nexport const useIntlayer: UseIntlayer = <T extends DictionaryKeys>(\n  id: T,\n  locale?: Locales\n) => {\n  const { locale: currentLocale } = useContext(IntlayerClientContext);\n  const localeTarget = locale ?? currentLocale;\n\n  return useIntlayerBase(id, localeTarget);\n};\n"],"mappings":";;AAGA,SAAS,kBAAkB;AAC3B;AAAA,EAEE;AAAA,OAEK;AACP,SAAS,6BAA6B;AAO/B,MAAM,cAA2B,CACtC,IACA,WACG;AACH,QAAM,EAAE,QAAQ,cAAc,IAAI,WAAW,qBAAqB;AAClE,QAAM,eAAe,UAAU;AAE/B,SAAO,gBAAgB,IAAI,YAAY;AACzC;","names":[]}
+{"version":3,"sources":["../../../src/client/useIntlayer.ts"],"sourcesContent":["'use client';\n\nimport type { Locales } from '@intlayer/config/client';\nimport { useContext } from 'react';\nimport {\n  type DictionaryKeys,\n  useIntlayerBase,\n  type UseIntlayer,\n} from '../useIntlayerBase';\nimport { IntlayerClientContext } from './IntlayerProvider';\n\n/**\n * On the client side, Hook that picking one dictionary by its id and return the content\n *\n * If the locale is not provided, it will use the locale from the client context\n */\nexport const useIntlayer: UseIntlayer = <T extends DictionaryKeys>(\n  id: T,\n  locale?: Locales\n) => {\n  const { locale: currentLocale } = useContext(IntlayerClientContext);\n  const localeTarget = locale ?? currentLocale;\n\n  return useIntlayerBase(id, localeTarget);\n};\n"],"mappings":";;AAGA,SAAS,kBAAkB;AAC3B;AAAA,EAEE;AAAA,OAEK;AACP,SAAS,6BAA6B;AAO/B,MAAM,cAA2B,CACtC,IACA,WACG;AACH,QAAM,EAAE,QAAQ,cAAc,IAAI,WAAW,qBAAqB;AAClE,QAAM,eAAe,UAAU;AAE/B,SAAO,gBAAgB,IAAI,YAAY;AACzC;","names":[]}

package/dist/esm/client/useLocale.mjs

@@ -3,7 +3,7 @@ import "../chunk-ZNCO4QRF.mjs";
 import { getConfiguration } from "@intlayer/config/client";
 import { localeList } from "@intlayer/core";
 import { useContext } from "react";
-import { IntlayerClientContext } from './IntlayerClientProvider.mjs';
+import { IntlayerClientContext } from './IntlayerProvider.mjs';
 const useLocale = () => {
   const { defaultLocale, locales: availableLocales } = getConfiguration().internationalization;
   const { locale, setLocale } = useContext(IntlayerClientContext);

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/client/useLocale.ts"],"sourcesContent":["'use client';\n\nimport { getConfiguration } from '@intlayer/config/client';\nimport { localeList } from '@intlayer/core';\nimport { useContext } from 'react';\nimport { IntlayerClientContext } from './IntlayerClientProvider';\n\n/**\n * On the client side, hook to get the current locale and all related fields\n */\nexport const useLocale = () => {\n  const { defaultLocale, locales: availableLocales } =\n    getConfiguration().internationalization;\n  const { locale, setLocale } = useContext(IntlayerClientContext);\n\n  return {\n    locale, // Current locale\n    defaultLocale, // Principal locale defined in config\n    availableLocales, // List of the available locales defined in config\n    localeList, // List of all available locales\n    setLocale, // Function to set the locale\n  };\n};\n"],"mappings":";;AAEA,SAAS,wBAAwB;AACjC,SAAS,kBAAkB;AAC3B,SAAS,kBAAkB;AAC3B,SAAS,6BAA6B;AAK/B,MAAM,YAAY,MAAM;AAC7B,QAAM,EAAE,eAAe,SAAS,iBAAiB,IAC/C,iBAAiB,EAAE;AACrB,QAAM,EAAE,QAAQ,UAAU,IAAI,WAAW,qBAAqB;AAE9D,SAAO;AAAA,IACL;AAAA;AAAA,IACA;AAAA;AAAA,IACA;AAAA;AAAA,IACA;AAAA;AAAA,IACA;AAAA;AAAA,EACF;AACF;","names":[]}
+{"version":3,"sources":["../../../src/client/useLocale.ts"],"sourcesContent":["'use client';\n\nimport { getConfiguration } from '@intlayer/config/client';\nimport { localeList } from '@intlayer/core';\nimport { useContext } from 'react';\nimport { IntlayerClientContext } from './IntlayerProvider';\n\n/**\n * On the client side, hook to get the current locale and all related fields\n */\nexport const useLocale = () => {\n  const { defaultLocale, locales: availableLocales } =\n    getConfiguration().internationalization;\n  const { locale, setLocale } = useContext(IntlayerClientContext);\n\n  return {\n    locale, // Current locale\n    defaultLocale, // Principal locale defined in config\n    availableLocales, // List of the available locales defined in config\n    localeList, // List of all available locales\n    setLocale, // Function to set the locale\n  };\n};\n"],"mappings":";;AAEA,SAAS,wBAAwB;AACjC,SAAS,kBAAkB;AAC3B,SAAS,kBAAkB;AAC3B,SAAS,6BAA6B;AAK/B,MAAM,YAAY,MAAM;AAC7B,QAAM,EAAE,eAAe,SAAS,iBAAiB,IAC/C,iBAAiB,EAAE;AACrB,QAAM,EAAE,QAAQ,UAAU,IAAI,WAAW,qBAAqB;AAE9D,SAAO;AAAA,IACL;AAAA;AAAA,IACA;AAAA;AAAA,IACA;AAAA;AAAA,IACA;AAAA;AAAA,IACA;AAAA;AAAA,EACF;AACF;","names":[]}

package/dist/esm/client/useLocaleBase.mjs

@@ -3,7 +3,7 @@ import "../chunk-ZNCO4QRF.mjs";
 import { getConfiguration } from "@intlayer/config/client";
 import { localeList } from "@intlayer/core";
 import { useContext } from "react";
-import { IntlayerClientContext } from './IntlayerClientProvider.mjs';
+import { IntlayerClientContext } from './IntlayerProvider.mjs';
 const { defaultLocale, locales: availableLocales } = getConfiguration().internationalization;
 const useLocaleBase = () => {
   const { locale, setLocale } = useContext(IntlayerClientContext);

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/client/useLocaleBase.ts"],"sourcesContent":["'use client';\n\nimport { getConfiguration } from '@intlayer/config/client';\nimport { localeList } from '@intlayer/core';\nimport { useContext } from 'react';\nimport { IntlayerClientContext } from './IntlayerClientProvider';\n\nconst { defaultLocale, locales: availableLocales } =\n  getConfiguration().internationalization;\n\n/**\n * On the client side, hook to get the current locale and all related fields\n */\nexport const useLocaleBase = () => {\n  const { locale, setLocale } = useContext(IntlayerClientContext);\n\n  return {\n    locale, // Current locale\n    defaultLocale, // Principal locale defined in config\n    availableLocales, // List of the available locales defined in config\n    localeList, // List of all available locales\n    setLocale, // Function to set the locale\n  };\n};\n"],"mappings":";;AAEA,SAAS,wBAAwB;AACjC,SAAS,kBAAkB;AAC3B,SAAS,kBAAkB;AAC3B,SAAS,6BAA6B;AAEtC,MAAM,EAAE,eAAe,SAAS,iBAAiB,IAC/C,iBAAiB,EAAE;AAKd,MAAM,gBAAgB,MAAM;AACjC,QAAM,EAAE,QAAQ,UAAU,IAAI,WAAW,qBAAqB;AAE9D,SAAO;AAAA,IACL;AAAA;AAAA,IACA;AAAA;AAAA,IACA;AAAA;AAAA,IACA;AAAA;AAAA,IACA;AAAA;AAAA,EACF;AACF;","names":[]}
+{"version":3,"sources":["../../../src/client/useLocaleBase.ts"],"sourcesContent":["'use client';\n\nimport { getConfiguration } from '@intlayer/config/client';\nimport { localeList } from '@intlayer/core';\nimport { useContext } from 'react';\nimport { IntlayerClientContext } from './IntlayerProvider';\n\nconst { defaultLocale, locales: availableLocales } =\n  getConfiguration().internationalization;\n\n/**\n * On the client side, hook to get the current locale and all related fields\n */\nexport const useLocaleBase = () => {\n  const { locale, setLocale } = useContext(IntlayerClientContext);\n\n  return {\n    locale, // Current locale\n    defaultLocale, // Principal locale defined in config\n    availableLocales, // List of the available locales defined in config\n    localeList, // List of all available locales\n    setLocale, // Function to set the locale\n  };\n};\n"],"mappings":";;AAEA,SAAS,wBAAwB;AACjC,SAAS,kBAAkB;AAC3B,SAAS,kBAAkB;AAC3B,SAAS,6BAA6B;AAEtC,MAAM,EAAE,eAAe,SAAS,iBAAiB,IAC/C,iBAAiB,EAAE;AAKd,MAAM,gBAAgB,MAAM;AACjC,QAAM,EAAE,QAAQ,UAAU,IAAI,WAAW,qBAAqB;AAE9D,SAAO;AAAA,IACL;AAAA;AAAA,IACA;AAAA;AAAA,IACA;AAAA;AAAA,IACA;AAAA;AAAA,IACA;AAAA;AAAA,EACF;AACF;","names":[]}

package/dist/esm/client/useTraduction.mjs

@@ -1,7 +1,7 @@
 import "../chunk-ZNCO4QRF.mjs";
 import { useContext } from "react";
 import { getTranslation } from '../getTranslation.mjs';
-import { IntlayerClientContext } from './IntlayerClientProvider.mjs';
+import { IntlayerClientContext } from './IntlayerProvider.mjs';
 const useTraduction = (languageContent) => {
   const { locale } = useContext(IntlayerClientContext);
   return getTranslation(languageContent, locale);

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/client/useTraduction.ts"],"sourcesContent":["import type { LanguageContent } from '@intlayer/core';\nimport { useContext } from 'react';\nimport { getTranslation } from '../getTranslation';\nimport { IntlayerClientContext } from './IntlayerClientProvider';\n\n/**\n * On the client side, Hook that picking one dictionary by its id and return the content.\n *\n * If not locale found, it will return the content related to the default locale.\n *\n * Return either the content editor, or the content itself depending on the configuration.\n *\n * Usage:\n *\n * ```tsx\n * const content = useTraduction<string>({\n *  en: 'Hello',\n *  fr: 'Bonjour',\n * }, 'fr');\n * // 'Bonjour'\n * ```\n *\n * Using TypeScript:\n * - this function will require each locale to be defined if defined in the project configuration.\n * - If a locale is missing, it will make each existing locale optional and raise an error if the locale is not found.\n */\nexport const useTraduction = <Content = string>(\n  languageContent: LanguageContent<Content>\n): Content => {\n  const { locale } = useContext(IntlayerClientContext);\n\n  return getTranslation(languageContent, locale);\n};\n"],"mappings":";AACA,SAAS,kBAAkB;AAC3B,SAAS,sBAAsB;AAC/B,SAAS,6BAA6B;AAuB/B,MAAM,gBAAgB,CAC3B,oBACY;AACZ,QAAM,EAAE,OAAO,IAAI,WAAW,qBAAqB;AAEnD,SAAO,eAAe,iBAAiB,MAAM;AAC/C;","names":[]}
+{"version":3,"sources":["../../../src/client/useTraduction.ts"],"sourcesContent":["import type { LanguageContent } from '@intlayer/core';\nimport { useContext } from 'react';\nimport { getTranslation } from '../getTranslation';\nimport { IntlayerClientContext } from './IntlayerProvider';\n\n/**\n * On the client side, Hook that picking one dictionary by its id and return the content.\n *\n * If not locale found, it will return the content related to the default locale.\n *\n * Return either the content editor, or the content itself depending on the configuration.\n *\n * Usage:\n *\n * ```tsx\n * const content = useTraduction<string>({\n *  en: 'Hello',\n *  fr: 'Bonjour',\n * }, 'fr');\n * // 'Bonjour'\n * ```\n *\n * Using TypeScript:\n * - this function will require each locale to be defined if defined in the project configuration.\n * - If a locale is missing, it will make each existing locale optional and raise an error if the locale is not found.\n */\nexport const useTraduction = <Content = string>(\n  languageContent: LanguageContent<Content>\n): Content => {\n  const { locale } = useContext(IntlayerClientContext);\n\n  return getTranslation(languageContent, locale);\n};\n"],"mappings":";AACA,SAAS,kBAAkB;AAC3B,SAAS,sBAAsB;AAC/B,SAAS,6BAA6B;AAuB/B,MAAM,gBAAgB,CAC3B,oBACY;AACZ,QAAM,EAAE,OAAO,IAAI,WAAW,qBAAqB;AAEnD,SAAO,eAAe,iBAAiB,MAAM;AAC/C;","names":[]}

package/dist/esm/index.d.mts

@@ -1,13 +1,14 @@
 export { getTranslation } from './getTranslation.mjs';
-export { IntlayerClientContext as IntlayerClient, IntlayerClientProvider, IntlayerClientProviderProps } from './client/IntlayerClientProvider.mjs';
+export { IntlayerClientContext, IntlayerProvider, IntlayerProviderProps } from './client/IntlayerProvider.mjs';
 export { useIntlayer } from './client/useIntlayer.mjs';
 export { useLocaleBase } from './client/useLocaleBase.mjs';
 export { useLocale } from './client/useLocale.mjs';
 export { useTraduction } from './client/useTraduction.mjs';
 export { localeCookie, setLocaleCookie, useLocaleCookie } from './client/useLocaleCookie.mjs';
 export { getBrowserLocale } from './client/getBrowserLocale.mjs';
+export { recursiveStringifyContent } from './useIntlayerBase.mjs';
 import '@intlayer/config/client';
 import '@intlayer/core';
 import 'react';
-import './useIntlayerBase.mjs';
+import '@intlayer/config';
 import 'intlayer';

package/dist/esm/index.mjs

@@ -1,8 +1,8 @@
 import "./chunk-ZNCO4QRF.mjs";
 import { getTranslation } from './getTranslation.mjs';
 import {
-  IntlayerClientProvider,
-  IntlayerClient,
+  IntlayerProvider,
+  IntlayerClientContext,
   useIntlayer,
   useLocale,
   useTraduction,
@@ -12,12 +12,14 @@ import {
   getBrowserLocale,
   useLocaleBase
 } from './client/index.mjs';
+import { recursiveStringifyContent } from './useIntlayerBase.mjs';
 export {
-  IntlayerClient,
-  IntlayerClientProvider,
+  IntlayerClientContext,
+  IntlayerProvider,
   getBrowserLocale,
   getTranslation,
   localeCookie,
+  recursiveStringifyContent,
   setLocaleCookie,
   useIntlayer,
   useLocale,

package/dist/esm/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/index.ts"],"sourcesContent":["export { getTranslation } from './getTranslation';\nexport {\n  IntlayerClientProvider,\n  type IntlayerClientProviderProps,\n  IntlayerClient,\n  useIntlayer,\n  useLocale,\n  useTraduction,\n  useLocaleCookie,\n  localeCookie,\n  setLocaleCookie,\n  getBrowserLocale,\n  useLocaleBase,\n} from './client/index';\n"],"mappings":";AAAA,SAAS,sBAAsB;AAC/B;AAAA,EACE;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;","names":[]}
+{"version":3,"sources":["../../src/index.ts"],"sourcesContent":["export { getTranslation } from './getTranslation';\nexport {\n  IntlayerProvider,\n  type IntlayerProviderProps,\n  IntlayerClientContext,\n  useIntlayer,\n  useLocale,\n  useTraduction,\n  useLocaleCookie,\n  localeCookie,\n  setLocaleCookie,\n  getBrowserLocale,\n  useLocaleBase,\n} from './client/index';\nexport { recursiveStringifyContent } from './useIntlayerBase';\n"],"mappings":";AAAA,SAAS,sBAAsB;AAC/B;AAAA,EACE;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,iCAAiC;","names":[]}

package/dist/esm/processDictionary/contentDictionary.d.mts

@@ -1,16 +1,16 @@
-import { TranslationContent } from '@intlayer/core';
+import { KeyPath, Locales } from '@intlayer/core';
 import { ReactNode } from 'react';
 
-type ContentValue = string | {
-    [key: string]: ContentValue;
-} | TranslationContent<unknown>;
-type Content = Record<string, ContentValue | undefined>;
 type TransformedContentValue = string | ReactNode | {
     [key: string]: TransformedContentValue;
 } | undefined | ((quantity: number) => TransformedContentValue);
-type TransformedContent = Record<string, TransformedContentValue | undefined> | ReactNode;
-type ContentDictionary = Content & {
-    id: string;
+type TransformedContentObject = {
+    dictionaryId: string;
+    dictionaryPath: string;
+    keyPath: KeyPath[];
+    locale: Locales;
+    content: TransformedContentValue | TransformedContentValue[] | undefined;
 };
+type TransformedContent = Record<string, TransformedContentValue | TransformedContentValue[] | TransformedContentObject | undefined> | ReactNode;
 
-export type { Content, ContentDictionary, ContentValue, TransformedContent, TransformedContentValue };
+export type { TransformedContent, TransformedContentObject, TransformedContentValue };

package/dist/esm/processDictionary/index.d.mts

@@ -1,12 +1,12 @@
 import { Locales } from '@intlayer/config/client';
-import { KeyPath } from '@intlayer/core';
-import { ContentValue, TransformedContentValue, Content, TransformedContent } from './contentDictionary.mjs';
+import { DictionaryValue, KeyPath, Dictionary } from '@intlayer/core';
+import { TransformedContentValue, TransformedContent } from './contentDictionary.mjs';
 import 'react';
 
-declare const processNode: (field: ContentValue | undefined, locale: Locales, dictionaryId: string, dictionaryPath: string, keyPath?: KeyPath[]) => TransformedContentValue;
+declare const processNode: (field: DictionaryValue | undefined, locale: Locales, dictionaryId: string, dictionaryPath: string, keyPath?: KeyPath[]) => TransformedContentValue;
 /**
  * Function that process a dictionary and return the result to be used in the application.
  */
-declare const processDictionary: (content: Content, dictionaryId: string, dictionaryPath: string, keyPath?: KeyPath[], locale?: Locales) => TransformedContent;
+declare const processDictionary: (content: Dictionary | DictionaryValue, dictionaryId: string, dictionaryPath: string, keyPath?: KeyPath[], locale?: Locales) => TransformedContent;
 
 export { processDictionary, processNode };