react-intlayer 6.1.6 → 7.0.0-canary.2

package/dist/esm/client/format/useUnit.mjs

@@ -1,18 +1,36 @@
-"use client";
-import { units } from "@intlayer/core";
-import { useCallback, useContext } from "react";
+'use client';
+
+
 import { IntlayerClientContext } from "../IntlayerProvider.mjs";
+import { useCallback, useContext } from "react";
+import { units } from "@intlayer/core";
+
+//#region src/client/format/useUnit.ts
+/**
+* React hook that provides a unit formatting function
+* based on the current locale from {@link useLocaleBase}.
+*
+* This hook wraps {@link createUnit} to return a formatter
+* that can convert values into human-readable localized units
+* (e.g., "10 km", "5 lbs").
+*
+* @example
+* ```tsx
+* const formatUnit = useUnit();
+* const distance = formatUnit(10, { unit: "kilometer" });
+* // "10 km" (depending on locale)
+* ```
+*
+* @returns {Function} A unit formatting function that accepts a value and optional formatting options.
+*/
 const useUnit = () => {
-  const { locale } = useContext(IntlayerClientContext);
-  return useCallback(
-    (...args) => units(args[0], {
-      ...args[1],
-      locale: args[1]?.locale ?? locale
-    }),
-    [locale]
-  );
-};
-export {
-  useUnit
+	const { locale } = useContext(IntlayerClientContext);
+	return useCallback((...args) => units(args[0], {
+		...args[1],
+		locale: args[1]?.locale ?? locale
+	}), [locale]);
 };
+
+//#endregion
+export { useUnit };
 //# sourceMappingURL=useUnit.mjs.map

package/dist/esm/client/format/useUnit.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/client/format/useUnit.ts"],"sourcesContent":["'use client';\n\nimport { units } from '@intlayer/core';\nimport { useCallback, useContext } from 'react';\nimport { IntlayerClientContext } from '../IntlayerProvider';\n\n/**\n * React hook that provides a unit formatting function\n * based on the current locale from {@link useLocaleBase}.\n *\n * This hook wraps {@link createUnit} to return a formatter\n * that can convert values into human-readable localized units\n * (e.g., \"10 km\", \"5 lbs\").\n *\n * @example\n * ```tsx\n * const formatUnit = useUnit();\n * const distance = formatUnit(10, { unit: \"kilometer\" });\n * // \"10 km\" (depending on locale)\n * ```\n *\n * @returns {Function} A unit formatting function that accepts a value and optional formatting options.\n */\nexport const useUnit = () => {\n  const { locale } = useContext(IntlayerClientContext);\n\n  return useCallback(\n    (...args: Parameters<typeof units>) =>\n      units(args[0], {\n        ...args[1],\n        locale: args[1]?.locale ?? locale,\n      }),\n    [locale]\n  );\n};\n"],"mappings":";AAEA,SAAS,aAAa;AACtB,SAAS,aAAa,kBAAkB;AACxC,SAAS,6BAA6B;AAmB/B,MAAM,UAAU,MAAM;AAC3B,QAAM,EAAE,OAAO,IAAI,WAAW,qBAAqB;AAEnD,SAAO;AAAA,IACL,IAAI,SACF,MAAM,KAAK,CAAC,GAAG;AAAA,MACb,GAAG,KAAK,CAAC;AAAA,MACT,QAAQ,KAAK,CAAC,GAAG,UAAU;AAAA,IAC7B,CAAC;AAAA,IACH,CAAC,MAAM;AAAA,EACT;AACF;","names":[]}
+{"version":3,"file":"useUnit.mjs","names":[],"sources":["../../../../src/client/format/useUnit.ts"],"sourcesContent":["'use client';\n\nimport { units } from '@intlayer/core';\nimport { useCallback, useContext } from 'react';\nimport { IntlayerClientContext } from '../IntlayerProvider';\n\n/**\n * React hook that provides a unit formatting function\n * based on the current locale from {@link useLocaleBase}.\n *\n * This hook wraps {@link createUnit} to return a formatter\n * that can convert values into human-readable localized units\n * (e.g., \"10 km\", \"5 lbs\").\n *\n * @example\n * ```tsx\n * const formatUnit = useUnit();\n * const distance = formatUnit(10, { unit: \"kilometer\" });\n * // \"10 km\" (depending on locale)\n * ```\n *\n * @returns {Function} A unit formatting function that accepts a value and optional formatting options.\n */\nexport const useUnit = () => {\n  const { locale } = useContext(IntlayerClientContext);\n\n  return useCallback(\n    (...args: Parameters<typeof units>) =>\n      units(args[0], {\n        ...args[1],\n        locale: args[1]?.locale ?? locale,\n      }),\n    [locale]\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAuBA,MAAa,gBAAgB;CAC3B,MAAM,EAAE,WAAW,WAAW,sBAAsB;AAEpD,QAAO,aACJ,GAAG,SACF,MAAM,KAAK,IAAI;EACb,GAAG,KAAK;EACR,QAAQ,KAAK,IAAI,UAAU;EAC5B,CAAC,EACJ,CAAC,OAAO,CACT"}

package/dist/esm/client/index.mjs

@@ -1,41 +1,13 @@
-import { getBrowserLocale } from "./getBrowserLocale.mjs";
-import {
-  IntlayerClientContext,
-  IntlayerProvider,
-  IntlayerProviderContent,
-  useIntlayerContext
-} from "./IntlayerProvider.mjs";
+import { localeCookie, localeInStorage, setLocaleCookie, setLocaleInStorage, useLocaleCookie, useLocaleStorage } from "./useLocaleStorage.mjs";
+import { IntlayerClientContext, IntlayerProvider, IntlayerProviderContent, useIntlayerContext } from "./IntlayerProvider.mjs";
 import { t } from "./t.mjs";
 import { useDictionary } from "./useDictionary.mjs";
 import { useDictionaryAsync } from "./useDictionaryAsync.mjs";
+import { useLoadDynamic } from "./useLoadDynamic.mjs";
 import { useDictionaryDynamic } from "./useDictionaryDynamic.mjs";
 import { useI18n } from "./useI18n.mjs";
 import { useIntlayer } from "./useIntlayer.mjs";
-import { useLoadDynamic } from "./useLoadDynamic.mjs";
 import { useLocale } from "./useLocale.mjs";
 import { useLocaleBase } from "./useLocaleBase.mjs";
-import {
-  localeCookie,
-  setLocaleCookie,
-  useLocaleCookie
-} from "./useLocaleCookie.mjs";
-export {
-  IntlayerClientContext,
-  IntlayerProvider,
-  IntlayerProviderContent,
-  getBrowserLocale,
-  localeCookie,
-  setLocaleCookie,
-  t,
-  useDictionary,
-  useDictionaryAsync,
-  useDictionaryDynamic,
-  useI18n,
-  useIntlayer,
-  useIntlayerContext,
-  useLoadDynamic,
-  useLocale,
-  useLocaleBase,
-  useLocaleCookie
-};
-//# sourceMappingURL=index.mjs.map
+
+export { IntlayerClientContext, IntlayerProvider, IntlayerProviderContent, localeCookie, localeInStorage, setLocaleCookie, setLocaleInStorage, t, useDictionary, useDictionaryAsync, useDictionaryDynamic, useI18n, useIntlayer, useIntlayerContext, useLoadDynamic, useLocale, useLocaleBase, useLocaleCookie, useLocaleStorage };

package/dist/esm/client/t.mjs

@@ -1,13 +1,21 @@
-"use client";
-import { getTranslation } from "@intlayer/core";
-import { useContext } from "react";
+'use client';
+
+
 import { IntlayerClientContext } from "./IntlayerProvider.mjs";
+import { useContext } from "react";
+import { getTranslation } from "@intlayer/core";
+
+//#region src/client/t.ts
+/**
+* On the client side, this function returns the translation of the provided multilang content.
+*
+* If the locale is not provided, it will use the locale from the client context
+*/
 const t = (multilangContent, locale) => {
-  const { locale: currentLocale } = useContext(IntlayerClientContext);
-  const localeTarget = locale ?? currentLocale;
-  return getTranslation(multilangContent, localeTarget);
-};
-export {
-  t
+	const { locale: currentLocale } = useContext(IntlayerClientContext);
+	return getTranslation(multilangContent, locale ?? currentLocale);
 };
+
+//#endregion
+export { t };
 //# sourceMappingURL=t.mjs.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/client/t.ts"],"sourcesContent":["'use client';\n\nimport type { Locales } from '@intlayer/config/client';\nimport { type LanguageContent, getTranslation } from '@intlayer/core';\nimport { useContext } from 'react';\nimport { IntlayerClientContext } from './IntlayerProvider';\n\n/**\n * On the client side, this function returns the translation of the provided multilang content.\n *\n * If the locale is not provided, it will use the locale from the client context\n */\nexport const t = <Content = string>(\n  multilangContent: LanguageContent<Content>,\n  locale?: Locales\n) => {\n  const { locale: currentLocale } = useContext(IntlayerClientContext);\n  const localeTarget = locale ?? currentLocale;\n\n  return getTranslation<Content>(multilangContent, localeTarget);\n};\n"],"mappings":";AAGA,SAA+B,sBAAsB;AACrD,SAAS,kBAAkB;AAC3B,SAAS,6BAA6B;AAO/B,MAAM,IAAI,CACf,kBACA,WACG;AACH,QAAM,EAAE,QAAQ,cAAc,IAAI,WAAW,qBAAqB;AAClE,QAAM,eAAe,UAAU;AAE/B,SAAO,eAAwB,kBAAkB,YAAY;AAC/D;","names":[]}
+{"version":3,"file":"t.mjs","names":[],"sources":["../../../src/client/t.ts"],"sourcesContent":["'use client';\n\nimport { getTranslation } from '@intlayer/core';\nimport type { LocalesValues, StrictModeLocaleMap } from '@intlayer/types';\nimport { useContext } from 'react';\nimport { IntlayerClientContext } from './IntlayerProvider';\n\n/**\n * On the client side, this function returns the translation of the provided multilang content.\n *\n * If the locale is not provided, it will use the locale from the client context\n */\nexport const t = <Content = string>(\n  multilangContent: StrictModeLocaleMap<Content>,\n  locale?: LocalesValues\n) => {\n  const { locale: currentLocale } = useContext(IntlayerClientContext);\n  const localeTarget = locale ?? currentLocale;\n\n  return getTranslation<Content>(multilangContent, localeTarget);\n};\n"],"mappings":";;;;;;;;;;;;;AAYA,MAAa,KACX,kBACA,WACG;CACH,MAAM,EAAE,QAAQ,kBAAkB,WAAW,sBAAsB;AAGnE,QAAO,eAAwB,kBAFV,UAAU,cAE+B"}

package/dist/esm/client/useDictionary.mjs

@@ -1,15 +1,27 @@
-"use client";
-import { useContext, useMemo } from "react";
-import { getDictionary } from "../getDictionary.mjs";
+'use client';
+
+
 import { IntlayerClientContext } from "./IntlayerProvider.mjs";
+import { getDictionary } from "../getDictionary.mjs";
+import { useContext, useMemo } from "react";
+
+//#region src/client/useDictionary.ts
+/**
+* On the server side, Hook that transform a dictionary and return the content
+*
+* If the locale is not provided, it will use the locale from the client context
+*/
 const useDictionary = (dictionary, locale) => {
-  const { locale: currentLocale } = useContext(IntlayerClientContext);
-  return useMemo(() => {
-    const localeTarget = locale ?? currentLocale;
-    return getDictionary(dictionary, localeTarget);
-  }, [dictionary, currentLocale, locale]);
-};
-export {
-  useDictionary
+	const { locale: currentLocale } = useContext(IntlayerClientContext);
+	return useMemo(() => {
+		return getDictionary(dictionary, locale ?? currentLocale);
+	}, [
+		dictionary,
+		currentLocale,
+		locale
+	]);
 };
+
+//#endregion
+export { useDictionary };
 //# sourceMappingURL=useDictionary.mjs.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/client/useDictionary.ts"],"sourcesContent":["'use client';\n\nimport type { LocalesValues } from '@intlayer/config/client';\nimport type { Dictionary } from '@intlayer/core';\nimport { useContext, useMemo } from 'react';\nimport { getDictionary } from '../getDictionary';\nimport { IntlayerClientContext } from './IntlayerProvider';\n\n/**\n * On the server side, Hook that transform a dictionary and return the content\n *\n * If the locale is not provided, it will use the locale from the client context\n */\nexport const useDictionary = <T extends Dictionary>(\n  dictionary: T,\n  locale?: LocalesValues\n) => {\n  const { locale: currentLocale } = useContext(IntlayerClientContext);\n\n  return useMemo(() => {\n    const localeTarget = locale ?? currentLocale;\n\n    return getDictionary<T, LocalesValues>(dictionary, localeTarget);\n  }, [dictionary, currentLocale, locale]);\n};\n"],"mappings":";AAIA,SAAS,YAAY,eAAe;AACpC,SAAS,qBAAqB;AAC9B,SAAS,6BAA6B;AAO/B,MAAM,gBAAgB,CAC3B,YACA,WACG;AACH,QAAM,EAAE,QAAQ,cAAc,IAAI,WAAW,qBAAqB;AAElE,SAAO,QAAQ,MAAM;AACnB,UAAM,eAAe,UAAU;AAE/B,WAAO,cAAgC,YAAY,YAAY;AAAA,EACjE,GAAG,CAAC,YAAY,eAAe,MAAM,CAAC;AACxC;","names":[]}
+{"version":3,"file":"useDictionary.mjs","names":[],"sources":["../../../src/client/useDictionary.ts"],"sourcesContent":["'use client';\n\nimport type {\n  DeclaredLocales,\n  Dictionary,\n  LocalesValues,\n} from '@intlayer/types';\nimport { useContext, useMemo } from 'react';\nimport { getDictionary } from '../getDictionary';\nimport { IntlayerClientContext } from './IntlayerProvider';\n\n/**\n * On the server side, Hook that transform a dictionary and return the content\n *\n * If the locale is not provided, it will use the locale from the client context\n */\nexport const useDictionary = <\n  T extends Dictionary,\n  L extends LocalesValues = DeclaredLocales,\n>(\n  dictionary: T,\n  locale?: L\n) => {\n  const { locale: currentLocale } = useContext(IntlayerClientContext);\n\n  return useMemo(() => {\n    const localeTarget = locale ?? currentLocale;\n\n    return getDictionary<T, L>(dictionary, localeTarget as L);\n  }, [dictionary, currentLocale, locale]);\n};\n"],"mappings":";;;;;;;;;;;;;AAgBA,MAAa,iBAIX,YACA,WACG;CACH,MAAM,EAAE,QAAQ,kBAAkB,WAAW,sBAAsB;AAEnE,QAAO,cAAc;AAGnB,SAAO,cAAoB,YAFN,UAAU,cAE0B;IACxD;EAAC;EAAY;EAAe;EAAO,CAAC"}

package/dist/esm/client/useDictionaryAsync.mjs

@@ -1,21 +1,23 @@
-"use client";
-import configuration from "@intlayer/config/built";
-import { useContext, useMemo } from "react";
+'use client';
+
+
 import { IntlayerClientContext } from "./IntlayerProvider.mjs";
 import { useDictionary } from "./useDictionary.mjs";
+import { useContext, useMemo } from "react";
+import configuration from "@intlayer/config/built";
+
+//#region src/client/useDictionaryAsync.ts
+/**
+* On the server side, Hook that transform a dictionary and return the content
+*
+* If the locale is not provided, it will use the locale from the client context
+*/
 const useDictionaryAsync = async (dictionaryPromise, locale) => {
-  const { locale: currentLocale } = useContext(IntlayerClientContext);
-  const localeTarget = useMemo(
-    () => locale ?? currentLocale ?? configuration?.internationalization.defaultLocale,
-    [currentLocale, locale]
-  );
-  const dictionary = await useMemo(
-    async () => await dictionaryPromise[localeTarget](),
-    [dictionaryPromise, localeTarget]
-  );
-  return useDictionary(dictionary, localeTarget);
-};
-export {
-  useDictionaryAsync
+	const { locale: currentLocale } = useContext(IntlayerClientContext);
+	const localeTarget = useMemo(() => locale ?? currentLocale ?? configuration?.internationalization.defaultLocale, [currentLocale, locale]);
+	return useDictionary(await useMemo(async () => await dictionaryPromise[localeTarget]?.(), [dictionaryPromise, localeTarget]), localeTarget);
 };
+
+//#endregion
+export { useDictionaryAsync };
 //# sourceMappingURL=useDictionaryAsync.mjs.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/client/useDictionaryAsync.ts"],"sourcesContent":["'use client';\n\nimport configuration from '@intlayer/config/built';\nimport type { LocalesValues } from '@intlayer/config/client';\nimport type { Dictionary, LanguageContent } from '@intlayer/core';\nimport { useContext, useMemo } from 'react';\nimport { IntlayerClientContext } from './IntlayerProvider';\nimport { useDictionary } from './useDictionary';\n\n/**\n * On the server side, Hook that transform a dictionary and return the content\n *\n * If the locale is not provided, it will use the locale from the client context\n */\nexport const useDictionaryAsync = async <T extends Dictionary>(\n  dictionaryPromise: LanguageContent<() => Promise<T>>,\n  locale?: LocalesValues\n): Promise<T> => {\n  const { locale: currentLocale } = useContext(IntlayerClientContext);\n\n  const localeTarget = useMemo(\n    () =>\n      locale ??\n      currentLocale ??\n      configuration?.internationalization.defaultLocale,\n    [currentLocale, locale]\n  );\n\n  const dictionary = await useMemo(\n    async () =>\n      (await dictionaryPromise[\n        localeTarget as keyof typeof dictionaryPromise\n      ]!()) as T,\n    [dictionaryPromise, localeTarget]\n  );\n\n  return useDictionary<T>(dictionary, localeTarget) as any;\n};\n"],"mappings":";AAEA,OAAO,mBAAmB;AAG1B,SAAS,YAAY,eAAe;AACpC,SAAS,6BAA6B;AACtC,SAAS,qBAAqB;AAOvB,MAAM,qBAAqB,OAChC,mBACA,WACe;AACf,QAAM,EAAE,QAAQ,cAAc,IAAI,WAAW,qBAAqB;AAElE,QAAM,eAAe;AAAA,IACnB,MACE,UACA,iBACA,eAAe,qBAAqB;AAAA,IACtC,CAAC,eAAe,MAAM;AAAA,EACxB;AAEA,QAAM,aAAa,MAAM;AAAA,IACvB,YACG,MAAM,kBACL,YACF,EAAG;AAAA,IACL,CAAC,mBAAmB,YAAY;AAAA,EAClC;AAEA,SAAO,cAAiB,YAAY,YAAY;AAClD;","names":[]}
+{"version":3,"file":"useDictionaryAsync.mjs","names":[],"sources":["../../../src/client/useDictionaryAsync.ts"],"sourcesContent":["'use client';\n\nimport configuration from '@intlayer/config/built';\nimport type {\n  DeclaredLocales,\n  Dictionary,\n  LocalesValues,\n  StrictModeLocaleMap,\n} from '@intlayer/types';\nimport { useContext, useMemo } from 'react';\nimport { IntlayerClientContext } from './IntlayerProvider';\nimport { useDictionary } from './useDictionary';\n\n/**\n * On the server side, Hook that transform a dictionary and return the content\n *\n * If the locale is not provided, it will use the locale from the client context\n */\nexport const useDictionaryAsync = async <\n  T extends Dictionary,\n  L extends LocalesValues = DeclaredLocales,\n>(\n  dictionaryPromise: StrictModeLocaleMap<() => Promise<T>>,\n  locale?: L\n): Promise<T> => {\n  const { locale: currentLocale } = useContext(IntlayerClientContext);\n\n  const localeTarget = useMemo(\n    () =>\n      locale ??\n      currentLocale ??\n      configuration?.internationalization.defaultLocale,\n    [currentLocale, locale]\n  );\n\n  const dictionary = await useMemo(\n    async () =>\n      (await dictionaryPromise[\n        localeTarget as keyof typeof dictionaryPromise\n      ]?.()) as T,\n    [dictionaryPromise, localeTarget]\n  );\n\n  return useDictionary<T, L>(dictionary, localeTarget as L) as any;\n};\n"],"mappings":";;;;;;;;;;;;;;AAkBA,MAAa,qBAAqB,OAIhC,mBACA,WACe;CACf,MAAM,EAAE,QAAQ,kBAAkB,WAAW,sBAAsB;CAEnE,MAAM,eAAe,cAEjB,UACA,iBACA,eAAe,qBAAqB,eACtC,CAAC,eAAe,OAAO,CACxB;AAUD,QAAO,cARY,MAAM,QACvB,YACG,MAAM,kBACL,iBACG,EACP,CAAC,mBAAmB,aAAa,CAClC,EAEsC,aAAkB"}

package/dist/esm/client/useDictionaryDynamic.mjs

@@ -1,22 +1,24 @@
-"use client";
-import configuration from "@intlayer/config/built";
-import { useContext, useMemo } from "react";
+'use client';
+
+
 import { IntlayerClientContext } from "./IntlayerProvider.mjs";
 import { useDictionary } from "./useDictionary.mjs";
 import { useLoadDynamic } from "./useLoadDynamic.mjs";
+import { useContext, useMemo } from "react";
+import configuration from "@intlayer/config/built";
+
+//#region src/client/useDictionaryDynamic.ts
+/**
+* On the server side, Hook that transform a dictionary and return the content
+*
+* If the locale is not provided, it will use the locale from the client context
+*/
 const useDictionaryDynamic = (dictionaryPromise, key, locale) => {
-  const { locale: currentLocale } = useContext(IntlayerClientContext);
-  const localeTarget = useMemo(
-    () => locale ?? currentLocale ?? configuration?.internationalization.defaultLocale,
-    [currentLocale, locale]
-  );
-  const dictionary = useLoadDynamic(
-    `${String(key)}.${localeTarget}`,
-    dictionaryPromise[localeTarget]()
-  );
-  return useDictionary(dictionary, localeTarget);
-};
-export {
-  useDictionaryDynamic
+	const { locale: currentLocale } = useContext(IntlayerClientContext);
+	const localeTarget = useMemo(() => locale ?? currentLocale ?? configuration?.internationalization.defaultLocale, [currentLocale, locale]);
+	return useDictionary(useLoadDynamic(`${String(key)}.${localeTarget}`, dictionaryPromise[localeTarget]?.()), localeTarget);
 };
+
+//#endregion
+export { useDictionaryDynamic };
 //# sourceMappingURL=useDictionaryDynamic.mjs.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/client/useDictionaryDynamic.ts"],"sourcesContent":["'use client';\n\nimport configuration from '@intlayer/config/built';\nimport type { LocalesValues } from '@intlayer/config/client';\nimport type {\n  Dictionary,\n  DictionaryKeys,\n  LanguageContent,\n} from '@intlayer/core';\nimport { useContext, useMemo } from 'react';\nimport { IntlayerClientContext } from './IntlayerProvider';\nimport { useDictionary } from './useDictionary';\nimport { useLoadDynamic } from './useLoadDynamic';\n\n/**\n * On the server side, Hook that transform a dictionary and return the content\n *\n * If the locale is not provided, it will use the locale from the client context\n */\nexport const useDictionaryDynamic = <\n  T extends Dictionary,\n  K extends DictionaryKeys,\n>(\n  dictionaryPromise: LanguageContent<() => Promise<T>>,\n  key: K,\n  locale?: LocalesValues\n) => {\n  const { locale: currentLocale } = useContext(IntlayerClientContext);\n  const localeTarget = useMemo(\n    () =>\n      locale ??\n      currentLocale ??\n      configuration?.internationalization.defaultLocale,\n    [currentLocale, locale]\n  );\n\n  const dictionary = useLoadDynamic<T>(\n    `${String(key)}.${localeTarget}`,\n    dictionaryPromise[localeTarget]!()\n  ) as T;\n\n  return useDictionary(dictionary, localeTarget);\n};\n"],"mappings":";AAEA,OAAO,mBAAmB;AAO1B,SAAS,YAAY,eAAe;AACpC,SAAS,6BAA6B;AACtC,SAAS,qBAAqB;AAC9B,SAAS,sBAAsB;AAOxB,MAAM,uBAAuB,CAIlC,mBACA,KACA,WACG;AACH,QAAM,EAAE,QAAQ,cAAc,IAAI,WAAW,qBAAqB;AAClE,QAAM,eAAe;AAAA,IACnB,MACE,UACA,iBACA,eAAe,qBAAqB;AAAA,IACtC,CAAC,eAAe,MAAM;AAAA,EACxB;AAEA,QAAM,aAAa;AAAA,IACjB,GAAG,OAAO,GAAG,CAAC,IAAI,YAAY;AAAA,IAC9B,kBAAkB,YAAY,EAAG;AAAA,EACnC;AAEA,SAAO,cAAc,YAAY,YAAY;AAC/C;","names":[]}
+{"version":3,"file":"useDictionaryDynamic.mjs","names":[],"sources":["../../../src/client/useDictionaryDynamic.ts"],"sourcesContent":["'use client';\n\nimport configuration from '@intlayer/config/built';\nimport type {\n  Dictionary,\n  DictionaryKeys,\n  LocalesValues,\n  StrictModeLocaleMap,\n} from '@intlayer/types';\nimport { useContext, useMemo } from 'react';\nimport { IntlayerClientContext } from './IntlayerProvider';\nimport { useDictionary } from './useDictionary';\nimport { useLoadDynamic } from './useLoadDynamic';\n\n/**\n * On the server side, Hook that transform a dictionary and return the content\n *\n * If the locale is not provided, it will use the locale from the client context\n */\nexport const useDictionaryDynamic = <\n  T extends Dictionary,\n  K extends DictionaryKeys,\n>(\n  dictionaryPromise: StrictModeLocaleMap<() => Promise<T>>,\n  key: K,\n  locale?: LocalesValues\n) => {\n  const { locale: currentLocale } = useContext(IntlayerClientContext);\n  const localeTarget = useMemo(\n    () =>\n      locale ??\n      currentLocale ??\n      configuration?.internationalization.defaultLocale,\n    [currentLocale, locale]\n  );\n\n  const dictionary = useLoadDynamic<T>(\n    `${String(key)}.${localeTarget}`,\n    (dictionaryPromise as any)[localeTarget]?.()\n  ) as T;\n\n  return useDictionary(dictionary, localeTarget);\n};\n"],"mappings":";;;;;;;;;;;;;;;AAmBA,MAAa,wBAIX,mBACA,KACA,WACG;CACH,MAAM,EAAE,QAAQ,kBAAkB,WAAW,sBAAsB;CACnE,MAAM,eAAe,cAEjB,UACA,iBACA,eAAe,qBAAqB,eACtC,CAAC,eAAe,OAAO,CACxB;AAOD,QAAO,cALY,eACjB,GAAG,OAAO,IAAI,CAAC,GAAG,gBACjB,kBAA0B,iBAAiB,CAC7C,EAEgC,aAAa"}

package/dist/esm/client/useI18n.mjs

@@ -1,34 +1,45 @@
-"use client";
-import { getIntlayer } from "intlayer";
-import { useContext, useMemo } from "react";
+'use client';
+
+
 import { IntlayerClientContext } from "./IntlayerProvider.mjs";
+import { useContext, useMemo } from "react";
+import { getIntlayer } from "@intlayer/core";
+
+//#region src/client/useI18n.ts
+/**
+* Hook that provides a translation function `t()` for accessing nested content by key.
+* This hook mimics the pattern found in libraries like i18next, next-intl, and vue-i18n.
+*
+* @param namespace - The dictionary key to scope translations to
+* @param locale - Optional locale override. If not provided, uses the current context locale
+* @returns A translation function `t(key)` that returns the translated content for the given key
+*
+* @example
+* ```tsx
+* const t = useI18n('IndexPage');
+* const title = t('title'); // Returns translated string for 'IndexPage.title'
+* const nestedContent = t('section.subtitle'); // Returns 'IndexPage.section.subtitle'
+* // For attributes like `aria-label`, use `.value` to get the plain string
+* const ariaLabel = t('button.ariaLabel').value; // 'Close modal'
+* ```
+*/
 const useI18n = (namespace, locale) => {
-  const { locale: currentLocale } = useContext(IntlayerClientContext);
-  const localeTarget = useMemo(
-    () => locale ?? currentLocale,
-    [currentLocale, locale]
-  );
-  let dictionaryContent = useMemo(
-    () => getIntlayer(namespace, localeTarget),
-    [namespace, localeTarget]
-  );
-  const t = (path) => {
-    if (!path) {
-      return dictionaryContent;
-    }
-    const pathArray = path.split(".");
-    let current = dictionaryContent;
-    for (const key of pathArray) {
-      current = current?.[key];
-      if (current === void 0) {
-        return dictionaryContent;
-      }
-    }
-    return current;
-  };
-  return t;
-};
-export {
-  useI18n
+	const { locale: currentLocale } = useContext(IntlayerClientContext);
+	const localeTarget = useMemo(() => locale ?? currentLocale, [currentLocale, locale]);
+	const dictionaryContent = useMemo(() => getIntlayer(namespace, localeTarget), [namespace, localeTarget]);
+	const t = (path) => {
+		if (!path) return dictionaryContent;
+		const pathArray = path.split(".");
+		let current = dictionaryContent;
+		for (const key of pathArray) {
+			current = current?.[key];
+			if (current === void 0) return dictionaryContent;
+		}
+		return current;
+	};
+	return t;
 };
+
+//#endregion
+export { useI18n };
 //# sourceMappingURL=useI18n.mjs.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/client/useI18n.ts"],"sourcesContent":["'use client';\n\nimport type { LocalesValues } from '@intlayer/config/client';\nimport type {\n  DictionaryKeys,\n  GetSubPath,\n  ValidDotPathsFor,\n} from '@intlayer/core';\nimport type { DeepTransformContent } from '../plugins';\n// @ts-ignore intlayer declared for module augmentation\nimport { getIntlayer, type IntlayerDictionaryTypesConnector } from 'intlayer';\nimport { useContext, useMemo } from 'react';\nimport { IntlayerClientContext } from './IntlayerProvider';\n\n/**\n * Hook that provides a translation function `t()` for accessing nested content by key.\n * This hook mimics the pattern found in libraries like i18next, next-intl, and vue-i18n.\n *\n * @param namespace - The dictionary key to scope translations to\n * @param locale - Optional locale override. If not provided, uses the current context locale\n * @returns A translation function `t(key)` that returns the translated content for the given key\n *\n * @example\n * ```tsx\n * const t = useI18n('IndexPage');\n * const title = t('title'); // Returns translated string for 'IndexPage.title'\n * const nestedContent = t('section.subtitle'); // Returns 'IndexPage.section.subtitle'\n * // For attributes like `aria-label`, use `.value` to get the plain string\n * const ariaLabel = t('button.ariaLabel').value; // 'Close modal'\n * ```\n */\nexport const useI18n = <T extends DictionaryKeys>(\n  namespace: T,\n  locale?: LocalesValues\n) => {\n  const { locale: currentLocale } = useContext(IntlayerClientContext);\n  const localeTarget = useMemo(\n    () => locale ?? currentLocale,\n    [currentLocale, locale]\n  );\n\n  // Get the dictionary content for the namespace\n  let dictionaryContent: DeepTransformContent<\n    IntlayerDictionaryTypesConnector[T]['content']\n  > = useMemo(\n    () => getIntlayer(namespace, localeTarget),\n    [namespace, localeTarget]\n  );\n\n  // Return the translation function\n  const t = <P extends ValidDotPathsFor<T>>(\n    path: P\n  ): GetSubPath<\n    DeepTransformContent<IntlayerDictionaryTypesConnector[T]['content']>,\n    P\n  > => {\n    if (!path) {\n      return dictionaryContent as any;\n    }\n\n    const pathArray = (path as string).split('.');\n    let current: any = dictionaryContent;\n\n    for (const key of pathArray) {\n      current = current?.[key];\n      if (current === undefined) {\n        // Return the whole dictionary as fallback if path is not found\n        return dictionaryContent as any;\n      }\n    }\n\n    return current;\n  };\n\n  return t;\n};\n"],"mappings":";AAUA,SAAS,mBAA0D;AACnE,SAAS,YAAY,eAAe;AACpC,SAAS,6BAA6B;AAmB/B,MAAM,UAAU,CACrB,WACA,WACG;AACH,QAAM,EAAE,QAAQ,cAAc,IAAI,WAAW,qBAAqB;AAClE,QAAM,eAAe;AAAA,IACnB,MAAM,UAAU;AAAA,IAChB,CAAC,eAAe,MAAM;AAAA,EACxB;AAGA,MAAI,oBAEA;AAAA,IACF,MAAM,YAAY,WAAW,YAAY;AAAA,IACzC,CAAC,WAAW,YAAY;AAAA,EAC1B;AAGA,QAAM,IAAI,CACR,SAIG;AACH,QAAI,CAAC,MAAM;AACT,aAAO;AAAA,IACT;AAEA,UAAM,YAAa,KAAgB,MAAM,GAAG;AAC5C,QAAI,UAAe;AAEnB,eAAW,OAAO,WAAW;AAC3B,gBAAU,UAAU,GAAG;AACvB,UAAI,YAAY,QAAW;AAEzB,eAAO;AAAA,MACT;AAAA,IACF;AAEA,WAAO;AAAA,EACT;AAEA,SAAO;AACT;","names":[]}
+{"version":3,"file":"useI18n.mjs","names":["dictionaryContent: DeepTransformContent<DictionaryRegistryContent<T>>","current: any"],"sources":["../../../src/client/useI18n.ts"],"sourcesContent":["'use client';\n\nimport { getIntlayer, type ValidDotPathsFor } from '@intlayer/core';\nimport type {\n  DeclaredLocales,\n  DictionaryKeys,\n  DictionaryRegistryContent,\n  GetSubPath,\n  LocalesValues,\n} from '@intlayer/types';\nimport { useContext, useMemo } from 'react';\nimport type { DeepTransformContent } from '../plugins';\nimport { IntlayerClientContext } from './IntlayerProvider';\n\n/**\n * Hook that provides a translation function `t()` for accessing nested content by key.\n * This hook mimics the pattern found in libraries like i18next, next-intl, and vue-i18n.\n *\n * @param namespace - The dictionary key to scope translations to\n * @param locale - Optional locale override. If not provided, uses the current context locale\n * @returns A translation function `t(key)` that returns the translated content for the given key\n *\n * @example\n * ```tsx\n * const t = useI18n('IndexPage');\n * const title = t('title'); // Returns translated string for 'IndexPage.title'\n * const nestedContent = t('section.subtitle'); // Returns 'IndexPage.section.subtitle'\n * // For attributes like `aria-label`, use `.value` to get the plain string\n * const ariaLabel = t('button.ariaLabel').value; // 'Close modal'\n * ```\n */\nexport const useI18n = <\n  T extends DictionaryKeys,\n  L extends LocalesValues = DeclaredLocales,\n>(\n  namespace: T,\n  locale?: L\n) => {\n  const { locale: currentLocale } = useContext(IntlayerClientContext);\n  const localeTarget = useMemo(\n    () => locale ?? currentLocale,\n    [currentLocale, locale]\n  );\n\n  // Get the dictionary content for the namespace\n  // @ts-ignore Type instantiation is excessively deep and possibly infinite\n  const dictionaryContent: DeepTransformContent<DictionaryRegistryContent<T>> =\n    useMemo(\n      () => getIntlayer<T, L>(namespace, localeTarget as L),\n      [namespace, localeTarget]\n    );\n\n  // Return the translation function\n  // @ts-ignore Type instantiation is excessively deep and possibly infinite\n  const t = <P extends ValidDotPathsFor<T>>(\n    path: P\n    // @ts-ignore Type instantiation is excessively deep and possibly infinite\n  ): GetSubPath<DeepTransformContent<DictionaryRegistryContent<T>>, P> => {\n    if (!path) {\n      // @ts-ignore Type instantiation is excessively deep and possibly infinite\n      return dictionaryContent as any;\n    }\n\n    const pathArray = (path as string).split('.');\n    let current: any = dictionaryContent;\n\n    for (const key of pathArray) {\n      current = current?.[key];\n      if (current === undefined) {\n        // Return the whole dictionary as fallback if path is not found\n        return dictionaryContent as any;\n      }\n    }\n\n    return current;\n  };\n\n  return t;\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AA+BA,MAAa,WAIX,WACA,WACG;CACH,MAAM,EAAE,QAAQ,kBAAkB,WAAW,sBAAsB;CACnE,MAAM,eAAe,cACb,UAAU,eAChB,CAAC,eAAe,OAAO,CACxB;CAID,MAAMA,oBACJ,cACQ,YAAkB,WAAW,aAAkB,EACrD,CAAC,WAAW,aAAa,CAC1B;CAIH,MAAM,KACJ,SAEsE;AACtE,MAAI,CAAC,KAEH,QAAO;EAGT,MAAM,YAAa,KAAgB,MAAM,IAAI;EAC7C,IAAIC,UAAe;AAEnB,OAAK,MAAM,OAAO,WAAW;AAC3B,aAAU,UAAU;AACpB,OAAI,YAAY,OAEd,QAAO;;AAIX,SAAO;;AAGT,QAAO"}

package/dist/esm/client/useIntlayer.mjs

@@ -1,15 +1,29 @@
-"use client";
-import { useContext, useMemo } from "react";
-import { getIntlayer } from "../getIntlayer.mjs";
+'use client';
+
+
 import { IntlayerClientContext } from "./IntlayerProvider.mjs";
+import { getIntlayer } from "../getIntlayer.mjs";
+import { useContext, useMemo } from "react";
+
+//#region src/client/useIntlayer.ts
+/**
+* On the client side, Hook that picking one dictionary by its key and return the content
+*
+* If the locale is not provided, it will use the locale from the client context
+*
+* When you need the raw string for attributes like `aria-label`, access the `.value` property of the returned content
+*/
 const useIntlayer = (key, locale) => {
-  const { locale: currentLocale } = useContext(IntlayerClientContext);
-  return useMemo(() => {
-    const localeTarget = locale ?? currentLocale;
-    return getIntlayer(key, localeTarget);
-  }, [key, currentLocale, locale]);
-};
-export {
-  useIntlayer
+	const { locale: currentLocale } = useContext(IntlayerClientContext);
+	return useMemo(() => {
+		return getIntlayer(key, locale ?? currentLocale);
+	}, [
+		key,
+		currentLocale,
+		locale
+	]);
 };
+
+//#endregion
+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 { LocalesValues } from '@intlayer/config/client';\nimport type { DictionaryKeys } from '@intlayer/core';\n// @ts-ignore intlayer declared for module augmentation\nimport type { IntlayerDictionaryTypesConnector } from 'intlayer';\nimport { useContext, useMemo } from 'react';\nimport { getIntlayer } from '../getIntlayer';\nimport type { DeepTransformContent } from '../plugins';\nimport { IntlayerClientContext } from './IntlayerProvider';\n\n/**\n * On the client side, Hook that picking one dictionary by its key and return the content\n *\n * If the locale is not provided, it will use the locale from the client context\n *\n * When you need the raw string for attributes like `aria-label`, access the `.value` property of the returned content\n */\nexport const useIntlayer = <T extends DictionaryKeys>(\n  key: T,\n  locale?: LocalesValues\n): DeepTransformContent<IntlayerDictionaryTypesConnector[T]['content']> => {\n  const { locale: currentLocale } = useContext(IntlayerClientContext);\n\n  return useMemo(() => {\n    const localeTarget = locale ?? currentLocale;\n\n    return getIntlayer(key, localeTarget) as any;\n  }, [key, currentLocale, locale]);\n};\n"],"mappings":";AAMA,SAAS,YAAY,eAAe;AACpC,SAAS,mBAAmB;AAE5B,SAAS,6BAA6B;AAS/B,MAAM,cAAc,CACzB,KACA,WACyE;AACzE,QAAM,EAAE,QAAQ,cAAc,IAAI,WAAW,qBAAqB;AAElE,SAAO,QAAQ,MAAM;AACnB,UAAM,eAAe,UAAU;AAE/B,WAAO,YAAY,KAAK,YAAY;AAAA,EACtC,GAAG,CAAC,KAAK,eAAe,MAAM,CAAC;AACjC;","names":[]}
+{"version":3,"file":"useIntlayer.mjs","names":[],"sources":["../../../src/client/useIntlayer.ts"],"sourcesContent":["'use client';\n\nimport type {\n  DeclaredLocales,\n  DictionaryKeys,\n  LocalesValues,\n} from '@intlayer/types';\nimport { useContext, useMemo } from 'react';\nimport { getIntlayer } from '../getIntlayer';\nimport { IntlayerClientContext } from './IntlayerProvider';\n\n/**\n * On the client side, Hook that picking one dictionary by its key and return the content\n *\n * If the locale is not provided, it will use the locale from the client context\n *\n * When you need the raw string for attributes like `aria-label`, access the `.value` property of the returned content\n */\nexport const useIntlayer = <\n  T extends DictionaryKeys,\n  L extends LocalesValues = DeclaredLocales,\n>(\n  key: T,\n  locale?: L\n) => {\n  const { locale: currentLocale } = useContext(IntlayerClientContext);\n\n  return useMemo(() => {\n    const localeTarget = locale ?? (currentLocale as L);\n\n    return getIntlayer<T, L>(key, localeTarget);\n  }, [key, currentLocale, locale]);\n};\n"],"mappings":";;;;;;;;;;;;;;;AAkBA,MAAa,eAIX,KACA,WACG;CACH,MAAM,EAAE,QAAQ,kBAAkB,WAAW,sBAAsB;AAEnE,QAAO,cAAc;AAGnB,SAAO,YAAkB,KAFJ,UAAW,cAEW;IAC1C;EAAC;EAAK;EAAe;EAAO,CAAC"}

package/dist/esm/client/useLoadDynamic.mjs

@@ -1,32 +1,26 @@
+//#region src/client/useLoadDynamic.ts
 const createSuspender = (promise) => {
-  let status = "pending";
-  let result;
-  const suspender = promise.then(
-    (r) => {
-      status = "success";
-      result = r;
-    },
-    (e) => {
-      status = "error";
-      result = e;
-    }
-  );
-  return {
-    read() {
-      if (status === "pending") throw suspender;
-      if (status === "error") throw result;
-      return result;
-    }
-  };
+	let status = "pending";
+	let result;
+	const suspender = promise.then((r) => {
+		status = "success";
+		result = r;
+	}, (e) => {
+		status = "error";
+		result = e;
+	});
+	return { read() {
+		if (status === "pending") throw suspender;
+		if (status === "error") throw result;
+		return result;
+	} };
 };
 const cache = /* @__PURE__ */ new Map();
 const useLoadDynamic = (key, promise) => {
-  if (!cache.has(key)) {
-    cache.set(key, createSuspender(promise));
-  }
-  return cache.get(key).read();
-};
-export {
-  useLoadDynamic
+	if (!cache.has(key)) cache.set(key, createSuspender(promise));
+	return cache.get(key).read();
 };
+
+//#endregion
+export { useLoadDynamic };
 //# sourceMappingURL=useLoadDynamic.mjs.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/client/useLoadDynamic.ts"],"sourcesContent":["type Status = 'pending' | 'success' | 'error';\n\nconst createSuspender = <T>(promise: Promise<T>) => {\n  let status: Status = 'pending';\n  let result: T;\n  const suspender = promise.then(\n    (r) => {\n      status = 'success';\n      result = r;\n    },\n    (e) => {\n      status = 'error';\n      result = e as any;\n    }\n  );\n\n  return {\n    read() {\n      if (status === 'pending') throw suspender;\n      if (status === 'error') throw result;\n      return result!;\n    },\n  };\n};\n\nconst cache = new Map<string, ReturnType<typeof createSuspender>>();\n\nexport const useLoadDynamic = <T>(key: string, promise: Promise<T>): T => {\n  if (!cache.has(key)) {\n    cache.set(key, createSuspender(promise));\n  }\n\n  return (cache.get(key)! as ReturnType<typeof createSuspender>).read() as T;\n};\n"],"mappings":"AAEA,MAAM,kBAAkB,CAAI,YAAwB;AAClD,MAAI,SAAiB;AACrB,MAAI;AACJ,QAAM,YAAY,QAAQ;AAAA,IACxB,CAAC,MAAM;AACL,eAAS;AACT,eAAS;AAAA,IACX;AAAA,IACA,CAAC,MAAM;AACL,eAAS;AACT,eAAS;AAAA,IACX;AAAA,EACF;AAEA,SAAO;AAAA,IACL,OAAO;AACL,UAAI,WAAW,UAAW,OAAM;AAChC,UAAI,WAAW,QAAS,OAAM;AAC9B,aAAO;AAAA,IACT;AAAA,EACF;AACF;AAEA,MAAM,QAAQ,oBAAI,IAAgD;AAE3D,MAAM,iBAAiB,CAAI,KAAa,YAA2B;AACxE,MAAI,CAAC,MAAM,IAAI,GAAG,GAAG;AACnB,UAAM,IAAI,KAAK,gBAAgB,OAAO,CAAC;AAAA,EACzC;AAEA,SAAQ,MAAM,IAAI,GAAG,EAA0C,KAAK;AACtE;","names":[]}
+{"version":3,"file":"useLoadDynamic.mjs","names":["status: Status","result: T"],"sources":["../../../src/client/useLoadDynamic.ts"],"sourcesContent":["type Status = 'pending' | 'success' | 'error';\n\nconst createSuspender = <T>(promise: Promise<T>) => {\n  let status: Status = 'pending';\n  let result: T;\n  const suspender = promise.then(\n    (r) => {\n      status = 'success';\n      result = r;\n    },\n    (e) => {\n      status = 'error';\n      result = e as any;\n    }\n  );\n\n  return {\n    read() {\n      if (status === 'pending') throw suspender;\n      if (status === 'error') throw result;\n      return result!;\n    },\n  };\n};\n\nconst cache = new Map<string, ReturnType<typeof createSuspender>>();\n\nexport const useLoadDynamic = <T>(key: string, promise: Promise<T>): T => {\n  if (!cache.has(key)) {\n    cache.set(key, createSuspender(promise));\n  }\n\n  return (cache.get(key)! as ReturnType<typeof createSuspender>).read() as T;\n};\n"],"mappings":";AAEA,MAAM,mBAAsB,YAAwB;CAClD,IAAIA,SAAiB;CACrB,IAAIC;CACJ,MAAM,YAAY,QAAQ,MACvB,MAAM;AACL,WAAS;AACT,WAAS;KAEV,MAAM;AACL,WAAS;AACT,WAAS;GAEZ;AAED,QAAO,EACL,OAAO;AACL,MAAI,WAAW,UAAW,OAAM;AAChC,MAAI,WAAW,QAAS,OAAM;AAC9B,SAAO;IAEV;;AAGH,MAAM,wBAAQ,IAAI,KAAiD;AAEnE,MAAa,kBAAqB,KAAa,YAA2B;AACxE,KAAI,CAAC,MAAM,IAAI,IAAI,CACjB,OAAM,IAAI,KAAK,gBAAgB,QAAQ,CAAC;AAG1C,QAAQ,MAAM,IAAI,IAAI,CAAyC,MAAM"}

package/dist/esm/client/useLocale.mjs

@@ -1,38 +1,38 @@
-"use client";
-import configuration from "@intlayer/config/built";
-import { useCallback, useContext } from "react";
+'use client';
+
+
+import { setLocaleInStorage } from "./useLocaleStorage.mjs";
 import { IntlayerClientContext } from "./IntlayerProvider.mjs";
-import { useLocaleCookie } from "./useLocaleCookie.mjs";
-const useLocale = ({ onLocaleChange } = {}) => {
-  const { defaultLocale, locales: availableLocales } = configuration?.internationalization ?? {};
-  const { locale, setLocale: setLocaleState } = useContext(
-    IntlayerClientContext
-  );
-  const { setLocaleCookie } = useLocaleCookie();
-  const setLocale = useCallback(
-    (locale2) => {
-      if (!availableLocales?.map(String).includes(locale2)) {
-        console.error(`Locale ${locale2} is not available`);
-        return;
-      }
-      setLocaleState(locale2);
-      setLocaleCookie(locale2);
-      onLocaleChange?.(locale2);
-    },
-    [availableLocales, onLocaleChange, setLocaleCookie, setLocaleState]
-  );
-  return {
-    locale,
-    // Current locale
-    defaultLocale,
-    // Principal locale defined in config
-    availableLocales,
-    // List of the available locales defined in config
-    setLocale
-    // Function to set the locale
-  };
-};
-export {
-  useLocale
+import { useCallback, useContext } from "react";
+import configuration from "@intlayer/config/built";
+
+//#region src/client/useLocale.ts
+/**
+* On the client side, hook to get the current locale and all related fields
+*/
+const useLocale = ({ isCookieEnabled, onLocaleChange } = {}) => {
+	const { defaultLocale, locales: availableLocales } = configuration?.internationalization ?? {};
+	const { locale, setLocale: setLocaleState, isCookieEnabled: isCookieEnabledContext } = useContext(IntlayerClientContext);
+	return {
+		locale,
+		defaultLocale,
+		availableLocales,
+		setLocale: useCallback((locale$1) => {
+			if (!availableLocales?.map(String).includes(locale$1)) {
+				console.error(`Locale ${locale$1} is not available`);
+				return;
+			}
+			setLocaleState(locale$1);
+			setLocaleInStorage(locale$1, isCookieEnabled ?? isCookieEnabledContext ?? true);
+			onLocaleChange?.(locale$1);
+		}, [
+			availableLocales,
+			onLocaleChange,
+			setLocaleState
+		])
+	};
 };
+
+//#endregion
+export { useLocale };
 //# sourceMappingURL=useLocale.mjs.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/client/useLocale.ts"],"sourcesContent":["'use client';\n\nimport configuration from '@intlayer/config/built';\nimport type { LocalesValues } from '@intlayer/config/client';\nimport { useCallback, useContext } from 'react';\nimport { IntlayerClientContext } from './IntlayerProvider';\nimport { useLocaleCookie } from './useLocaleCookie';\n\ntype useLocaleProps = {\n  onLocaleChange?: (locale: LocalesValues) => void;\n};\n\n/**\n * On the client side, hook to get the current locale and all related fields\n */\nexport const useLocale = ({ onLocaleChange }: useLocaleProps = {}) => {\n  const { defaultLocale, locales: availableLocales } =\n    configuration?.internationalization ?? {};\n\n  const { locale, setLocale: setLocaleState } = useContext(\n    IntlayerClientContext\n  );\n  const { setLocaleCookie } = useLocaleCookie();\n\n  const setLocale = useCallback(\n    (locale: LocalesValues) => {\n      if (!availableLocales?.map(String).includes(locale)) {\n        console.error(`Locale ${locale} is not available`);\n        return;\n      }\n\n      setLocaleState(locale);\n      setLocaleCookie(locale);\n      onLocaleChange?.(locale);\n    },\n    [availableLocales, onLocaleChange, setLocaleCookie, setLocaleState]\n  );\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    setLocale, // Function to set the locale\n  };\n};\n"],"mappings":";AAEA,OAAO,mBAAmB;AAE1B,SAAS,aAAa,kBAAkB;AACxC,SAAS,6BAA6B;AACtC,SAAS,uBAAuB;AASzB,MAAM,YAAY,CAAC,EAAE,eAAe,IAAoB,CAAC,MAAM;AACpE,QAAM,EAAE,eAAe,SAAS,iBAAiB,IAC/C,eAAe,wBAAwB,CAAC;AAE1C,QAAM,EAAE,QAAQ,WAAW,eAAe,IAAI;AAAA,IAC5C;AAAA,EACF;AACA,QAAM,EAAE,gBAAgB,IAAI,gBAAgB;AAE5C,QAAM,YAAY;AAAA,IAChB,CAACA,YAA0B;AACzB,UAAI,CAAC,kBAAkB,IAAI,MAAM,EAAE,SAASA,OAAM,GAAG;AACnD,gBAAQ,MAAM,UAAUA,OAAM,mBAAmB;AACjD;AAAA,MACF;AAEA,qBAAeA,OAAM;AACrB,sBAAgBA,OAAM;AACtB,uBAAiBA,OAAM;AAAA,IACzB;AAAA,IACA,CAAC,kBAAkB,gBAAgB,iBAAiB,cAAc;AAAA,EACpE;AAEA,SAAO;AAAA,IACL;AAAA;AAAA,IACA;AAAA;AAAA,IACA;AAAA;AAAA,IACA;AAAA;AAAA,EACF;AACF;","names":["locale"]}
+{"version":3,"file":"useLocale.mjs","names":["locale"],"sources":["../../../src/client/useLocale.ts"],"sourcesContent":["'use client';\n\nimport configuration from '@intlayer/config/built';\nimport type { DeclaredLocales, LocalesValues } from '@intlayer/types';\nimport { useCallback, useContext } from 'react';\nimport { IntlayerClientContext } from './IntlayerProvider';\nimport { setLocaleInStorage } from './useLocaleStorage';\n\ntype UseLocaleProps = {\n  isCookieEnabled?: boolean;\n  onLocaleChange?: (locale: LocalesValues) => void;\n};\n\ntype UseLocaleResult = {\n  locale: DeclaredLocales;\n  defaultLocale: DeclaredLocales;\n  availableLocales: DeclaredLocales[];\n  setLocale: (locale: LocalesValues) => void;\n};\n\n/**\n * On the client side, hook to get the current locale and all related fields\n */\nexport const useLocale = ({\n  isCookieEnabled,\n  onLocaleChange,\n}: UseLocaleProps = {}): UseLocaleResult => {\n  const { defaultLocale, locales: availableLocales } =\n    configuration?.internationalization ?? {};\n\n  const {\n    locale,\n    setLocale: setLocaleState,\n    isCookieEnabled: isCookieEnabledContext,\n  } = useContext(IntlayerClientContext);\n\n  const setLocale = useCallback(\n    (locale: LocalesValues) => {\n      if (!availableLocales?.map(String).includes(locale)) {\n        console.error(`Locale ${locale} is not available`);\n        return;\n      }\n\n      setLocaleState(locale);\n      setLocaleInStorage(\n        locale,\n        isCookieEnabled ?? isCookieEnabledContext ?? true\n      );\n      onLocaleChange?.(locale);\n    },\n    [availableLocales, onLocaleChange, setLocaleState]\n  );\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    setLocale, // Function to set the locale\n  } as UseLocaleResult;\n};\n"],"mappings":";;;;;;;;;;;;AAuBA,MAAa,aAAa,EACxB,iBACA,mBACkB,EAAE,KAAsB;CAC1C,MAAM,EAAE,eAAe,SAAS,qBAC9B,eAAe,wBAAwB,EAAE;CAE3C,MAAM,EACJ,QACA,WAAW,gBACX,iBAAiB,2BACf,WAAW,sBAAsB;AAmBrC,QAAO;EACL;EACA;EACA;EACA,WArBgB,aACf,aAA0B;AACzB,OAAI,CAAC,kBAAkB,IAAI,OAAO,CAAC,SAASA,SAAO,EAAE;AACnD,YAAQ,MAAM,UAAUA,SAAO,mBAAmB;AAClD;;AAGF,kBAAeA,SAAO;AACtB,sBACEA,UACA,mBAAmB,0BAA0B,KAC9C;AACD,oBAAiBA,SAAO;KAE1B;GAAC;GAAkB;GAAgB;GAAe,CACnD;EAOA"}