react-intlayer 1.0.0 → 1.2.0

package/dist/cjs/server/useTraduction.cjs

@@ -8,35 +8,28 @@ var __export = (target, all) => {
     __defProp(target, name, { get: all[name], enumerable: true });
 };
 var __copyProps = (to, from, except, desc) => {
-  if ((from && typeof from === "object") || typeof from === "function") {
+  if (from && typeof from === "object" || typeof from === "function") {
     for (let key of __getOwnPropNames(from))
       if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, {
-          get: () => from[key],
-          enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable,
-        });
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   }
   return to;
 };
-var __toCommonJS = (mod) =>
-  __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var useTraduction_exports = {};
 __export(useTraduction_exports, {
-  useTraduction: () => useTraduction,
+  useTraduction: () => useTraduction
 });
 module.exports = __toCommonJS(useTraduction_exports);
-var import_getTranslation = require("../getTranslation.cjs");
-var import_LocaleServerContextProvider = require("./LocaleServerContextProvider.cjs");
-var import_serverContext = require("./serverContext.cjs");
+var import_getTranslation = require('../getTranslation.cjs');
+var import_IntlayerServerProvider = require('./IntlayerServerProvider.cjs');
+var import_serverContext = require('./serverContext.cjs');
 const useTraduction = (languageContent) => {
-  const locale = (0, import_serverContext.getServerContext)(
-    import_LocaleServerContextProvider.LocaleServerContext
-  );
+  const locale = (0, import_serverContext.getServerContext)(import_IntlayerServerProvider.IntlayerServerContext);
   return (0, import_getTranslation.getTranslation)(languageContent, locale);
 };
 // Annotate the CommonJS export names for ESM import in node:
-0 &&
-  (module.exports = {
-    useTraduction,
-  });
-//# sourceMappingURL=useTraduction.cjs.map
+0 && (module.exports = {
+  useTraduction
+});
+//# sourceMappingURL=useTraduction.cjs.map

package/dist/cjs/server/useTraduction.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/server/useTraduction.ts"],"sourcesContent":["import type { Locales } from '@intlayer/config/client';\nimport type { LanguageContent } from '@intlayer/core';\nimport { getTranslation } from '../getTranslation';\nimport { LocaleServerContext } from './LocaleServerContextProvider';\nimport { getServerContext } from './serverContext';\n\nexport const useTraduction = <Content>(\n  languageContent: LanguageContent<Content>\n) => {\n  const locale = getServerContext<Locales>(LocaleServerContext);\n\n  return getTranslation(languageContent, locale);\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,4BAA+B;AAC/B,yCAAoC;AACpC,2BAAiC;AAE1B,MAAM,gBAAgB,CAC3B,oBACG;AACH,QAAM,aAAS,uCAA0B,sDAAmB;AAE5D,aAAO,sCAAe,iBAAiB,MAAM;AAC/C;","names":[]}
+{"version":3,"sources":["../../../src/server/useTraduction.ts"],"sourcesContent":["import type { Locales } from '@intlayer/config/client';\nimport type { LanguageContent } from '@intlayer/core';\nimport { getTranslation } from '../getTranslation';\nimport { IntlayerServerContext } from './IntlayerServerProvider';\nimport { getServerContext } from './serverContext';\n\n/**\n * On the server side, hook to get the translation content based on the locale\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 * const content = getTranslation<string>({\n * en: 'Hello',\n * fr: 'Bonjour',\n * },\n * 'fr');\n * // 'Bonjour'\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) => {\n  const locale = getServerContext<Locales>(IntlayerServerContext);\n\n  return getTranslation(languageContent, locale);\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,4BAA+B;AAC/B,oCAAsC;AACtC,2BAAiC;AAsB1B,MAAM,gBAAgB,CAC3B,oBACG;AACH,QAAM,aAAS,uCAA0B,mDAAqB;AAE9D,aAAO,sCAAe,iBAAiB,MAAM;AAC/C;","names":[]}

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

@@ -1,7 +1,25 @@
-import { LanguageContent } from "@intlayer/core";
+import { LanguageContent } from '@intlayer/core';
 
-declare const useTraduction: <Content>(
-  languageContent: LanguageContent<Content>
-) => Content;
+/**
+ * On the server side, hook to get the translation content based on the locale
+ *
+ * If not locale found, it will return the content related to the default locale.
+ *
+ * Return either the content editor, or the content itself depending on the configuration.
+ *
+ * Usage:
+ *
+ * const content = getTranslation<string>({
+ * en: 'Hello',
+ * fr: 'Bonjour',
+ * },
+ * 'fr');
+ * // 'Bonjour'
+ *
+ * Using TypeScript:
+ * - this function will require each locale to be defined if defined in the project configuration.
+ * - If a locale is missing, it will make each existing locale optional and raise an error if the locale is not found.
+ */
+declare const useTraduction: <Content = string>(languageContent: LanguageContent<Content>) => Content;
 
 export { useTraduction };

package/dist/cjs/useIntlayerBase.cjs

@@ -10,47 +10,38 @@ var __export = (target, all) => {
     __defProp(target, name, { get: all[name], enumerable: true });
 };
 var __copyProps = (to, from, except, desc) => {
-  if ((from && typeof from === "object") || typeof from === "function") {
+  if (from && typeof from === "object" || typeof from === "function") {
     for (let key of __getOwnPropNames(from))
       if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, {
-          get: () => from[key],
-          enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable,
-        });
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (
-  (target = mod != null ? __create(__getProtoOf(mod)) : {}),
-  __copyProps(
-    // If the importer is in node compatibility mode or this is not an ESM
-    // file that has been converted to a CommonJS file using a Babel-
-    // compatible transform (i.e. "__esModule" has not been set), then set
-    // "default" to the CommonJS "module.exports" for node compatibility.
-    isNodeMode || !mod || !mod.__esModule
-      ? __defProp(target, "default", { value: mod, enumerable: true })
-      : target,
-    mod
-  )
-);
-var __toCommonJS = (mod) =>
-  __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var useIntlayerBase_exports = {};
 __export(useIntlayerBase_exports, {
-  useIntlayerBase: () => useIntlayerBase,
+  useIntlayerBase: () => useIntlayerBase
 });
 module.exports = __toCommonJS(useIntlayerBase_exports);
-var import_dictionaries_entry = __toESM(
-  require("@intlayer/dictionaries-entry")
-);
-var import_processDictionary = require("./processDictionary/index.cjs");
+var import_dictionaries_entry = __toESM(require("@intlayer/dictionaries-entry"));
+var import_processDictionary = require('./processDictionary/index.cjs');
 const useIntlayerBase = (id, locale) => {
   const dictionary = import_dictionaries_entry.default[id];
-  return (0, import_processDictionary.processDictionary)(dictionary, locale);
+  return (0, import_processDictionary.processDictionary)(
+    dictionary,
+    locale
+  );
 };
 // Annotate the CommonJS export names for ESM import in node:
-0 &&
-  (module.exports = {
-    useIntlayerBase,
-  });
-//# sourceMappingURL=useIntlayerBase.cjs.map
+0 && (module.exports = {
+  useIntlayerBase
+});
+//# sourceMappingURL=useIntlayerBase.cjs.map

package/dist/cjs/useIntlayerBase.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/useIntlayerBase.ts"],"sourcesContent":["/**\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 { Locales } from '@intlayer/config/client';\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\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    locale\n  ) as IntlayerDictionaryTypesConnector[T];\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAMA,gCAAyB;AAGzB,+BAAkC;AAY3B,MAAM,kBAA+B,CAC1C,IACA,WACG;AACH,QAAM,aAAsB,0BAAAA,QAAa,EAAE;AAE3C,aAAO;AAAA,IACL;AAAA,IACA;AAAA,EACF;AACF;","names":["dictionaries"]}
+{"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    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,EACF;AACF;","names":["dictionaries"]}

package/dist/cjs/useIntlayerBase.d.ts

@@ -1,23 +1,12 @@
-import { Locales } from "@intlayer/config/client";
-import { IntlayerDictionaryTypesConnector } from "intlayer";
-
-/**
- * @intlayer/dictionaries-entry is a package that only returns the dictionary entry path.
- * Using an external package allow to alias it in the bundle configuration (such as webpack).
- * The alias allow hot reload the app (such as nextjs) on any dictionary change.
- */
+import { Locales } from '@intlayer/config/client';
+import { IntlayerDictionaryTypesConnector } from 'intlayer';
 
 type StringFallback<T> = T extends never ? string : T;
 type DictionaryKeys = StringFallback<keyof IntlayerDictionaryTypesConnector>;
-type UseIntlayer = <T extends DictionaryKeys>(
-  id: T,
-  locale?: Locales
-) => IntlayerDictionaryTypesConnector[T];
+type UseIntlayer = <T extends DictionaryKeys>(id: T, locale?: Locales) => IntlayerDictionaryTypesConnector[T];
+/**
+ * Hook that picking one dictionary by its id and return the content.
+ */
 declare const useIntlayerBase: UseIntlayer;
 
-export {
-  type DictionaryKeys,
-  type StringFallback,
-  type UseIntlayer,
-  useIntlayerBase,
-};
+export { type DictionaryKeys, type StringFallback, type UseIntlayer, useIntlayerBase };

package/dist/esm/ContentEditor/ContentEditor.d.mts

@@ -1,7 +1,7 @@
-import { FC } from "react";
+import { FC } from 'react';
 
 type ContentEditorProps = {
-  children?: string;
+    children?: string;
 };
 declare const ContentEditor: FC<ContentEditorProps>;
 

package/dist/esm/ContentEditor/ContentEditor.mjs

@@ -1,6 +1,11 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
-import { useEffect, useState, useRef, useCallback } from "react";
+import {
+  useEffect,
+  useState,
+  useRef,
+  useCallback
+} from "react";
 const PRESS_DETECT_DURATION = 500;
 const ContentEditor = ({ children }) => {
   const divRef = useRef(null);
@@ -51,32 +56,36 @@ const ContentEditor = ({ children }) => {
   const handleOnBlur = () => {
     setIsEditing(false);
   };
-  const onContentChange = (_e) => {};
-  return /* @__PURE__ */ jsx("div", {
-    role: "textbox",
-    tabIndex: 0,
-    onKeyUp: () => null,
-    contentEditable: isEditing,
-    onInput: onContentChange,
-    onClick: handleOnClick,
-    onMouseDown: handleMouseDown,
-    onMouseUp: handleMouseUp,
-    onMouseLeave: handleMouseUp,
-    onTouchStart: handleMouseDown,
-    onTouchEnd: handleMouseUp,
-    onTouchCancel: handleMouseUp,
-    onBlur: handleOnBlur,
-    suppressContentEditableWarning: true,
-    style: isEditing
-      ? {
-          backgroundColor: "transparent",
-          cursor: "text",
-          display: "inline",
-        }
-      : { cursor: "pointer", display: "inline" },
-    ref: divRef,
-    children,
-  });
+  const onContentChange = (_e) => {
+  };
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      role: "textbox",
+      tabIndex: 0,
+      onKeyUp: () => null,
+      contentEditable: isEditing,
+      onInput: onContentChange,
+      onClick: handleOnClick,
+      onMouseDown: handleMouseDown,
+      onMouseUp: handleMouseUp,
+      onMouseLeave: handleMouseUp,
+      onTouchStart: handleMouseDown,
+      onTouchEnd: handleMouseUp,
+      onTouchCancel: handleMouseUp,
+      onBlur: handleOnBlur,
+      suppressContentEditableWarning: true,
+      style: isEditing ? {
+        backgroundColor: "transparent",
+        cursor: "text",
+        display: "inline"
+      } : { cursor: "pointer", display: "inline" },
+      ref: divRef,
+      children
+    }
+  );
+};
+export {
+  ContentEditor
 };
-export { ContentEditor };
-//# sourceMappingURL=ContentEditor.mjs.map
+//# sourceMappingURL=ContentEditor.mjs.map

package/dist/esm/ContentEditor/contentRender.mjs

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { ContentEditor } from "./ContentEditor.mjs";
+import { ContentEditor } from './ContentEditor.mjs';
 const contentRender = (content) => {
   const isEditable = process.env.NODE_ENV === "development";
   if (isEditable && ContentEditor) {
@@ -7,5 +7,7 @@ const contentRender = (content) => {
   }
   return content;
 };
-export { contentRender };
-//# sourceMappingURL=contentRender.mjs.map
+export {
+  contentRender
+};
+//# sourceMappingURL=contentRender.mjs.map

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

@@ -1,3 +1,3 @@
-export { ContentEditor } from "./ContentEditor.mjs";
-export { contentRender } from "./contentRender.mjs";
-import "react";
+export { ContentEditor } from './ContentEditor.mjs';
+export { contentRender } from './contentRender.mjs';
+import 'react';

package/dist/esm/ContentEditor/index.mjs

@@ -1,3 +1,3 @@
-export * from "./ContentEditor.mjs";
-export * from "./contentRender.mjs";
-//# sourceMappingURL=index.mjs.map
+export * from './ContentEditor.mjs';
+export * from './contentRender.mjs';
+//# sourceMappingURL=index.mjs.map

package/dist/esm/IntlayerProvider.d.mts

@@ -0,0 +1,9 @@
+import { FC } from 'react';
+import { IntlayerClientProviderProps } from './client/IntlayerClientProvider.mjs';
+import { IntlayerServerProviderProps } from './server/IntlayerServerProvider.mjs';
+import '@intlayer/config/client';
+
+type IntlayerProviderProps = IntlayerClientProviderProps & IntlayerServerProviderProps;
+declare const IntlayerProvider: FC<IntlayerProviderProps>;
+
+export { IntlayerProvider };

package/dist/esm/IntlayerProvider.mjs

@@ -0,0 +1,17 @@
+import { jsx } from "react/jsx-runtime";
+import { intlayerIntlConfiguration } from "@intlayer/config/client";
+import {
+  IntlayerClientProvider
+} from './client/IntlayerClientProvider.mjs';
+import {
+  IntlayerServerProvider
+} from './server/IntlayerServerProvider.mjs';
+const defaultLocale = intlayerIntlConfiguration.defaultLocale;
+const IntlayerProvider = ({
+  children,
+  locale = defaultLocale
+}) => /* @__PURE__ */ jsx(IntlayerServerProvider, { locale, children: /* @__PURE__ */ jsx(IntlayerClientProvider, { locale, children }) });
+export {
+  IntlayerProvider
+};
+//# sourceMappingURL=IntlayerProvider.mjs.map

package/dist/esm/IntlayerProvider.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/IntlayerProvider.tsx"],"sourcesContent":["import { intlayerIntlConfiguration } from '@intlayer/config/client';\nimport type { FC } from 'react';\nimport {\n  IntlayerClientProvider,\n  type IntlayerClientProviderProps,\n} from './client/IntlayerClientProvider';\nimport {\n  IntlayerServerProvider,\n  type IntlayerServerProviderProps,\n} from './server/IntlayerServerProvider';\n\nconst defaultLocale = intlayerIntlConfiguration.defaultLocale;\n\ntype IntlayerProviderProps = IntlayerClientProviderProps &\n  IntlayerServerProviderProps;\n\nexport const IntlayerProvider: FC<IntlayerProviderProps> = ({\n  children,\n  locale = defaultLocale,\n}) => (\n  <IntlayerServerProvider locale={locale}>\n    <IntlayerClientProvider locale={locale}>{children}</IntlayerClientProvider>\n  </IntlayerServerProvider>\n);\n"],"mappings":"AAqBI;AArBJ,SAAS,iCAAiC;AAE1C;AAAA,EACE;AAAA,OAEK;AACP;AAAA,EACE;AAAA,OAEK;AAEP,MAAM,gBAAgB,0BAA0B;AAKzC,MAAM,mBAA8C,CAAC;AAAA,EAC1D;AAAA,EACA,SAAS;AACX,MACE,oBAAC,0BAAuB,QACtB,8BAAC,0BAAuB,QAAiB,UAAS,GACpD;","names":[]}

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

@@ -0,0 +1,24 @@
+import * as react from 'react';
+import { PropsWithChildren, FC } from 'react';
+import { Locales } from '@intlayer/config/client';
+
+type IntlayerValue = {
+    locale: Locales;
+};
+/**
+ * Context that store the current locale on the client side
+ */
+declare const IntlayerClientContext: react.Context<IntlayerValue>;
+/**
+ * Hook that provides the current locale
+ */
+declare const useIntlayerContext: () => IntlayerValue;
+type IntlayerClientProviderProps = PropsWithChildren & {
+    locale: Locales;
+};
+/**
+ * Provider that store the current locale on the client side
+ */
+declare const IntlayerClientProvider: FC<IntlayerClientProviderProps>;
+
+export { IntlayerClientContext, IntlayerClientProvider, type IntlayerClientProviderProps, useIntlayerContext };

package/dist/esm/client/IntlayerClientProvider.mjs

@@ -0,0 +1,24 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import {
+  intlayerIntlConfiguration
+} from "@intlayer/config/client";
+import {
+  createContext,
+  useContext
+} from "react";
+import { localeCookie } from './useLocaleCookie.mjs';
+const IntlayerClientContext = createContext({
+  locale: localeCookie ?? intlayerIntlConfiguration.defaultLocale
+});
+const useIntlayerContext = () => useContext(IntlayerClientContext);
+const IntlayerClientProvider = ({
+  locale,
+  children
+}) => /* @__PURE__ */ jsx(IntlayerClientContext.Provider, { value: { locale }, children });
+export {
+  IntlayerClientContext,
+  IntlayerClientProvider,
+  useIntlayerContext
+};
+//# sourceMappingURL=IntlayerClientProvider.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/client/IntlayerClientProvider.tsx"],"sourcesContent":["'use client';\n\nimport {\n  intlayerIntlConfiguration,\n  type Locales,\n} from '@intlayer/config/client';\nimport {\n  type PropsWithChildren,\n  createContext,\n  useContext,\n  type FC,\n} from 'react';\nimport { localeCookie } from './useLocaleCookie';\n\ntype IntlayerValue = {\n  locale: Locales;\n};\n\n/**\n * Context that store the current locale on the client side\n */\nexport const IntlayerClientContext = createContext<IntlayerValue>({\n  locale: localeCookie ?? intlayerIntlConfiguration.defaultLocale,\n});\n\n/**\n * Hook that provides the current locale\n */\nexport const useIntlayerContext = () => useContext(IntlayerClientContext);\n\nexport type IntlayerClientProviderProps = PropsWithChildren & {\n  locale: Locales;\n};\n\n/**\n * Provider that store the current locale on the client side\n */\nexport const IntlayerClientProvider: FC<IntlayerClientProviderProps> = ({\n  locale,\n  children,\n}) => (\n  <IntlayerClientContext.Provider value={{ locale }}>\n    {children}\n  </IntlayerClientContext.Provider>\n);\n"],"mappings":";AAyCE;AAvCF;AAAA,EACE;AAAA,OAEK;AACP;AAAA,EAEE;AAAA,EACA;AAAA,OAEK;AACP,SAAS,oBAAoB;AAStB,MAAM,wBAAwB,cAA6B;AAAA,EAChE,QAAQ,gBAAgB,0BAA0B;AACpD,CAAC;AAKM,MAAM,qBAAqB,MAAM,WAAW,qBAAqB;AASjE,MAAM,yBAA0D,CAAC;AAAA,EACtE;AAAA,EACA;AACF,MACE,oBAAC,sBAAsB,UAAtB,EAA+B,OAAO,EAAE,OAAO,GAC7C,UACH;","names":[]}

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

@@ -1,19 +1,10 @@
-export {
-  LocaleClientContext,
-  LocaleClientContextProvider,
-  LocaleClientContextProviderProps,
-  useLocaleContext,
-} from "./LocaleClientContextProvider.mjs";
-export { useIntlayer } from "./useIntlayer.mjs";
-export { useLocale } from "./useLocale.mjs";
-export { useTraduction } from "./useTraduction.mjs";
-export {
-  localeCookie,
-  setLocaleCookie,
-  useLocaleCookie,
-} from "./useLocaleCookie.mjs";
-import "react";
-import "@intlayer/config/client";
-import "../useIntlayerBase.mjs";
-import "intlayer";
-import "@intlayer/core";
+export { IntlayerClientContext as IntlayerClient, IntlayerClientProvider, IntlayerClientProviderProps, useIntlayerContext } from './IntlayerClientProvider.mjs';
+export { useIntlayer } from './useIntlayer.mjs';
+export { useLocale } from './useLocale.mjs';
+export { useTraduction } from './useTraduction.mjs';
+export { localeCookie, setLocaleCookie, useLocaleCookie } from './useLocaleCookie.mjs';
+import 'react';
+import '@intlayer/config/client';
+import '../useIntlayerBase.mjs';
+import 'intlayer';
+import '@intlayer/core';

package/dist/esm/client/index.mjs

@@ -1,25 +1,25 @@
 import {
-  LocaleClientContext,
-  useLocaleContext,
-  LocaleClientContextProvider,
-} from "./LocaleClientContextProvider.mjs";
-import { useIntlayer } from "./useIntlayer.mjs";
-import { useLocale } from "./useLocale.mjs";
-import { useTraduction } from "./useTraduction.mjs";
+  IntlayerClientContext,
+  useIntlayerContext,
+  IntlayerClientProvider
+} from './IntlayerClientProvider.mjs';
+import { useIntlayer } from './useIntlayer.mjs';
+import { useLocale } from './useLocale.mjs';
+import { useTraduction } from './useTraduction.mjs';
 import {
   useLocaleCookie,
   localeCookie,
-  setLocaleCookie,
-} from "./useLocaleCookie.mjs";
+  setLocaleCookie
+} from './useLocaleCookie.mjs';
 export {
-  LocaleClientContext,
-  LocaleClientContextProvider,
+  IntlayerClientContext as IntlayerClient,
+  IntlayerClientProvider,
   localeCookie,
   setLocaleCookie,
   useIntlayer,
+  useIntlayerContext,
   useLocale,
-  useLocaleContext,
   useLocaleCookie,
-  useTraduction,
+  useTraduction
 };
-//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.mjs.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/client/index.ts"],"sourcesContent":["export type { LocaleClientContextProviderProps } from './LocaleClientContextProvider';\nexport {\n  LocaleClientContext,\n  useLocaleContext,\n  LocaleClientContextProvider,\n} from './LocaleClientContextProvider';\nexport { useIntlayer } from './useIntlayer';\nexport { useLocale } from './useLocale';\nexport { useTraduction } from './useTraduction';\nexport {\n  useLocaleCookie,\n  localeCookie,\n  setLocaleCookie,\n} from './useLocaleCookie';\n"],"mappings":"AACA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,mBAAmB;AAC5B,SAAS,iBAAiB;AAC1B,SAAS,qBAAqB;AAC9B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;","names":[]}
+{"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 { useLocale } from './useLocale';\nexport { useTraduction } from './useTraduction';\nexport {\n  useLocaleCookie,\n  localeCookie,\n  setLocaleCookie,\n} from './useLocaleCookie';\n"],"mappings":"AACA;AAAA,EAC2B;AAAA,EACzB;AAAA,EACA;AAAA,OACK;AACP,SAAS,mBAAmB;AAC5B,SAAS,iBAAiB;AAC1B,SAAS,qBAAqB;AAC9B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;","names":[]}

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

@@ -1,12 +1,14 @@
-import * as intlayer from "intlayer";
-import { LanguageContent } from "@intlayer/core";
+import * as _intlayer_config_client from '@intlayer/config/client';
+import * as intlayer from 'intlayer';
+import { LanguageContent } from '@intlayer/core';
 
-declare const useContent: <Content>(
-  languageContent: LanguageContent<Content>
-) => {
-  locale: intlayer.Locales;
-  content: Content;
-  t: <Content_1>(languageContent: LanguageContent<Content_1>) => Content_1;
+/**
+ * On the client side, hook to get the translation content based on the locale
+ */
+declare const useContent: <Content>(languageContent: LanguageContent<Content>) => {
+    locale: intlayer.Locales;
+    content: Content;
+    t: <Content_1 = string>(languageContent: Partial<Record<_intlayer_config_client.LocalesValues, Content_1>>) => Content_1;
 };
 
 export { useContent };

package/dist/esm/client/useContent.mjs

@@ -1,13 +1,15 @@
-import { useLocale } from "./useLocale.mjs";
-import { useTraduction } from "./useTraduction.mjs";
+import { useLocale } from './useLocale.mjs';
+import { useTraduction } from './useTraduction.mjs';
 const useContent = (languageContent) => {
   const { locale } = useLocale();
   const content = useTraduction(languageContent);
   return {
     locale,
     content,
-    t: useTraduction,
+    t: useTraduction
   };
 };
-export { useContent };
-//# sourceMappingURL=useContent.mjs.map
+export {
+  useContent
+};
+//# sourceMappingURL=useContent.mjs.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/client/useContent.ts"],"sourcesContent":["import type { LanguageContent } from '@intlayer/core';\nimport { useLocale } from './useLocale';\nimport { useTraduction } from './useTraduction';\n\nexport const useContent = <Content>(\n  languageContent: LanguageContent<Content>\n) => {\n  const { locale } = useLocale();\n\n  const content = useTraduction(languageContent);\n\n  return {\n    locale,\n    content,\n    t: useTraduction,\n  };\n};\n"],"mappings":"AACA,SAAS,iBAAiB;AAC1B,SAAS,qBAAqB;AAEvB,MAAM,aAAa,CACxB,oBACG;AACH,QAAM,EAAE,OAAO,IAAI,UAAU;AAE7B,QAAM,UAAU,cAAc,eAAe;AAE7C,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL;AACF;","names":[]}
+{"version":3,"sources":["../../../src/client/useContent.ts"],"sourcesContent":["import type { LanguageContent } from '@intlayer/core';\nimport { useLocale } from './useLocale';\nimport { useTraduction } from './useTraduction';\n\n/**\n * On the client side, hook to get the translation content based on the locale\n */\nexport const useContent = <Content>(\n  languageContent: LanguageContent<Content>\n) => {\n  const { locale } = useLocale();\n\n  const content = useTraduction(languageContent);\n\n  return {\n    locale,\n    content,\n    t: useTraduction,\n  };\n};\n"],"mappings":"AACA,SAAS,iBAAiB;AAC1B,SAAS,qBAAqB;AAKvB,MAAM,aAAa,CACxB,oBACG;AACH,QAAM,EAAE,OAAO,IAAI,UAAU;AAE7B,QAAM,UAAU,cAAc,eAAe;AAE7C,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL;AACF;","names":[]}

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

@@ -1,7 +1,12 @@
-import { UseIntlayer } from "../useIntlayerBase.mjs";
-import "@intlayer/config/client";
-import "intlayer";
+import { UseIntlayer } from '../useIntlayerBase.mjs';
+import '@intlayer/config/client';
+import 'intlayer';
 
+/**
+ * On the client side, Hook that picking one dictionary by its id and return the content
+ *
+ * If the locale is not provided, it will use the locale from the client context
+ */
 declare const useIntlayer: UseIntlayer;
 
 export { useIntlayer };

package/dist/esm/client/useIntlayer.mjs

@@ -1,11 +1,15 @@
 "use client";
 import { useContext } from "react";
-import { useIntlayerBase } from "../useIntlayerBase.mjs";
-import { LocaleClientContext } from "./LocaleClientContextProvider.mjs";
+import {
+  useIntlayerBase
+} from '../useIntlayerBase.mjs';
+import { IntlayerClientContext } from './IntlayerClientProvider.mjs';
 const useIntlayer = (id, locale) => {
-  const { locale: currentLocale } = useContext(LocaleClientContext);
+  const { locale: currentLocale } = useContext(IntlayerClientContext);
   const localeTarget = locale ?? currentLocale;
   return useIntlayerBase(id, localeTarget);
 };
-export { useIntlayer };
-//# sourceMappingURL=useIntlayer.mjs.map
+export {
+  useIntlayer
+};
+//# sourceMappingURL=useIntlayer.mjs.map

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 { LocaleClientContext } from './LocaleClientContextProvider';\n\nexport const useIntlayer: UseIntlayer = <T extends DictionaryKeys>(\n  id: T,\n  locale?: Locales\n) => {\n  const { locale: currentLocale } = useContext(LocaleClientContext);\n  const localeTarget = locale ?? currentLocale;\n\n  return useIntlayerBase(id, localeTarget);\n};\n"],"mappings":";AAGA,SAAS,kBAAkB;AAC3B;AAAA,EAEE;AAAA,OAEK;AACP,SAAS,2BAA2B;AAE7B,MAAM,cAA2B,CACtC,IACA,WACG;AACH,QAAM,EAAE,QAAQ,cAAc,IAAI,WAAW,mBAAmB;AAChE,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 './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":[]}

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

@@ -1,10 +1,13 @@
-import * as _intlayer_config_client from "@intlayer/config/client";
+import * as _intlayer_config_client from '@intlayer/config/client';
 
+/**
+ * On the client side, hook to get the current locale and all related fields
+ */
 declare const useLocale: () => {
-  locale: _intlayer_config_client.Locales;
-  defaultLocale: _intlayer_config_client.Locales;
-  availableLocales: _intlayer_config_client.Locales[];
-  localeList: _intlayer_config_client.Locales[];
+    locale: _intlayer_config_client.Locales;
+    defaultLocale: _intlayer_config_client.Locales;
+    availableLocales: _intlayer_config_client.Locales[];
+    localeList: _intlayer_config_client.Locales[];
 };
 
 export { useLocale };