react-intlayer 6.1.6 → 7.0.0-canary.3

package/dist/esm/client/IntlayerProvider.mjs

@@ -1,62 +1,58 @@
-"use client";
+'use client';
+
+
+import { IntlayerEditorProvider } from "../editor/IntlayerEditorProvider.mjs";
+import { localeCookie, setLocaleInStorage as setLocaleInStorage$1 } from "./useLocaleStorage.mjs";
+import { createContext, useContext } from "react";
 import { jsx } from "react/jsx-runtime";
-import configuration from "@intlayer/config/built";
 import { localeResolver } from "@intlayer/core";
 import { MessageKey, useCrossFrameState } from "@intlayer/editor-react";
-import {
-  createContext,
-  useContext
-} from "react";
-import { IntlayerEditorProvider } from "../editor/IntlayerEditorProvider.mjs";
-import { localeCookie, setLocaleCookie } from "./useLocaleCookie.mjs";
+import configuration from "@intlayer/config/built";
+
+//#region src/client/IntlayerProvider.tsx
+/**
+* Context that store the current locale on the client side
+*/
 const IntlayerClientContext = createContext({
-  locale: localeCookie ?? configuration?.internationalization?.defaultLocale,
-  setLocale: () => null,
-  disableEditor: false
+	locale: localeCookie ?? configuration?.internationalization?.defaultLocale,
+	setLocale: () => null,
+	isCookieEnabled: true,
+	disableEditor: false
 });
+/**
+* Hook that provides the current locale
+*/
 const useIntlayerContext = () => useContext(IntlayerClientContext);
-const IntlayerProviderContent = ({
-  locale: localeProp,
-  defaultLocale: defaultLocaleProp,
-  children,
-  setLocale: setLocaleProp,
-  disableEditor
-}) => {
-  const { internationalization } = configuration ?? {};
-  const { defaultLocale: defaultLocaleConfig, locales: availableLocales } = internationalization ?? {};
-  const defaultLocale = localeProp ?? localeCookie ?? defaultLocaleProp ?? defaultLocaleConfig;
-  const [currentLocale, setCurrentLocale] = useCrossFrameState(
-    MessageKey.INTLAYER_CURRENT_LOCALE,
-    defaultLocale
-  );
-  const setLocaleBase = (newLocale) => {
-    if (currentLocale.toString() === newLocale.toString()) return;
-    if (!availableLocales?.map(String).includes(newLocale)) {
-      console.error(`Locale ${newLocale} is not available`);
-      return;
-    }
-    setCurrentLocale(newLocale);
-    setLocaleCookie(newLocale);
-  };
-  const setLocale = setLocaleProp ?? setLocaleBase;
-  const resolvedLocale = localeResolver(localeProp ?? currentLocale);
-  return /* @__PURE__ */ jsx(
-    IntlayerClientContext.Provider,
-    {
-      value: {
-        locale: resolvedLocale,
-        setLocale,
-        disableEditor
-      },
-      children
-    }
-  );
+/**
+* Provider that store the current locale on the client side
+*/
+const IntlayerProviderContent = ({ locale: localeProp, defaultLocale: defaultLocaleProp, children, setLocale: setLocaleProp, disableEditor, isCookieEnabled }) => {
+	const { internationalization } = configuration ?? {};
+	const { defaultLocale: defaultLocaleConfig, locales: availableLocales } = internationalization ?? {};
+	const defaultLocale = localeProp ?? localeCookie ?? defaultLocaleProp ?? defaultLocaleConfig;
+	const [currentLocale, setCurrentLocale] = useCrossFrameState(MessageKey.INTLAYER_CURRENT_LOCALE, defaultLocale);
+	const setLocaleBase = (newLocale) => {
+		if (currentLocale.toString() === newLocale.toString()) return;
+		if (!availableLocales?.map(String).includes(newLocale)) {
+			console.error(`Locale ${newLocale} is not available`);
+			return;
+		}
+		setCurrentLocale(newLocale);
+		setLocaleInStorage$1(newLocale, isCookieEnabled);
+	};
+	const setLocale = setLocaleProp ?? setLocaleBase;
+	const resolvedLocale = localeResolver(localeProp ?? currentLocale);
+	return /* @__PURE__ */ jsx(IntlayerClientContext.Provider, {
+		value: {
+			locale: resolvedLocale,
+			setLocale,
+			disableEditor
+		},
+		children
+	});
 };
 const IntlayerProvider = (props) => /* @__PURE__ */ jsx(IntlayerEditorProvider, { children: /* @__PURE__ */ jsx(IntlayerProviderContent, { ...props }) });
-export {
-  IntlayerClientContext,
-  IntlayerProvider,
-  IntlayerProviderContent,
-  useIntlayerContext
-};
+
+//#endregion
+export { IntlayerClientContext, IntlayerProvider, IntlayerProviderContent, useIntlayerContext };
 //# sourceMappingURL=IntlayerProvider.mjs.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/client/IntlayerProvider.tsx"],"sourcesContent":["'use client';\n\nimport configuration from '@intlayer/config/built';\nimport type { LocalesValues } from '@intlayer/config/client';\n\nimport { localeResolver } from '@intlayer/core';\nimport { MessageKey, useCrossFrameState } from '@intlayer/editor-react';\nimport {\n  type FC,\n  type PropsWithChildren,\n  createContext,\n  useContext,\n} from 'react';\nimport { IntlayerEditorProvider } from '../editor/IntlayerEditorProvider';\nimport { localeCookie, setLocaleCookie } from './useLocaleCookie';\n\ntype IntlayerValue = {\n  locale: LocalesValues;\n  setLocale: (newLocale: LocalesValues) => void;\n  disableEditor?: boolean;\n};\n\n/**\n * Context that store the current locale on the client side\n */\nexport const IntlayerClientContext = createContext<IntlayerValue>({\n  locale: localeCookie ?? configuration?.internationalization?.defaultLocale,\n  setLocale: () => null,\n  disableEditor: false,\n});\n\n/**\n * Hook that provides the current locale\n */\nexport const useIntlayerContext = () => useContext(IntlayerClientContext);\n\nexport type IntlayerProviderProps = PropsWithChildren<{\n  locale?: LocalesValues;\n  defaultLocale?: LocalesValues;\n  setLocale?: (locale: LocalesValues) => void;\n  disableEditor?: boolean;\n}>;\n\n/**\n * Provider that store the current locale on the client side\n */\nexport const IntlayerProviderContent: FC<IntlayerProviderProps> = ({\n  locale: localeProp,\n  defaultLocale: defaultLocaleProp,\n  children,\n  setLocale: setLocaleProp,\n  disableEditor,\n}) => {\n  const { internationalization } = configuration ?? {};\n  const { defaultLocale: defaultLocaleConfig, locales: availableLocales } =\n    internationalization ?? {};\n\n  const defaultLocale =\n    localeProp ?? localeCookie ?? defaultLocaleProp ?? defaultLocaleConfig;\n\n  const [currentLocale, setCurrentLocale] = useCrossFrameState(\n    MessageKey.INTLAYER_CURRENT_LOCALE,\n    defaultLocale\n  );\n\n  const setLocaleBase = (newLocale: LocalesValues) => {\n    if (currentLocale.toString() === newLocale.toString()) return;\n\n    if (!availableLocales?.map(String).includes(newLocale)) {\n      console.error(`Locale ${newLocale} is not available`);\n      return;\n    }\n\n    setCurrentLocale(newLocale); // Update state\n    setLocaleCookie(newLocale); // Optionally set cookie for persistence\n  };\n\n  const setLocale = setLocaleProp ?? setLocaleBase;\n\n  const resolvedLocale = localeResolver(localeProp ?? currentLocale);\n\n  return (\n    <IntlayerClientContext.Provider\n      value={{\n        locale: resolvedLocale,\n        setLocale,\n        disableEditor,\n      }}\n    >\n      {children}\n    </IntlayerClientContext.Provider>\n  );\n};\n\nexport const IntlayerProvider: FC<IntlayerProviderProps> = (props) => (\n  <IntlayerEditorProvider>\n    <IntlayerProviderContent {...props} />\n  </IntlayerEditorProvider>\n);\n"],"mappings":";AAkFI;AAhFJ,OAAO,mBAAmB;AAG1B,SAAS,sBAAsB;AAC/B,SAAS,YAAY,0BAA0B;AAC/C;AAAA,EAGE;AAAA,EACA;AAAA,OACK;AACP,SAAS,8BAA8B;AACvC,SAAS,cAAc,uBAAuB;AAWvC,MAAM,wBAAwB,cAA6B;AAAA,EAChE,QAAQ,gBAAgB,eAAe,sBAAsB;AAAA,EAC7D,WAAW,MAAM;AAAA,EACjB,eAAe;AACjB,CAAC;AAKM,MAAM,qBAAqB,MAAM,WAAW,qBAAqB;AAYjE,MAAM,0BAAqD,CAAC;AAAA,EACjE,QAAQ;AAAA,EACR,eAAe;AAAA,EACf;AAAA,EACA,WAAW;AAAA,EACX;AACF,MAAM;AACJ,QAAM,EAAE,qBAAqB,IAAI,iBAAiB,CAAC;AACnD,QAAM,EAAE,eAAe,qBAAqB,SAAS,iBAAiB,IACpE,wBAAwB,CAAC;AAE3B,QAAM,gBACJ,cAAc,gBAAgB,qBAAqB;AAErD,QAAM,CAAC,eAAe,gBAAgB,IAAI;AAAA,IACxC,WAAW;AAAA,IACX;AAAA,EACF;AAEA,QAAM,gBAAgB,CAAC,cAA6B;AAClD,QAAI,cAAc,SAAS,MAAM,UAAU,SAAS,EAAG;AAEvD,QAAI,CAAC,kBAAkB,IAAI,MAAM,EAAE,SAAS,SAAS,GAAG;AACtD,cAAQ,MAAM,UAAU,SAAS,mBAAmB;AACpD;AAAA,IACF;AAEA,qBAAiB,SAAS;AAC1B,oBAAgB,SAAS;AAAA,EAC3B;AAEA,QAAM,YAAY,iBAAiB;AAEnC,QAAM,iBAAiB,eAAe,cAAc,aAAa;AAEjE,SACE;AAAA,IAAC,sBAAsB;AAAA,IAAtB;AAAA,MACC,OAAO;AAAA,QACL,QAAQ;AAAA,QACR;AAAA,QACA;AAAA,MACF;AAAA,MAEC;AAAA;AAAA,EACH;AAEJ;AAEO,MAAM,mBAA8C,CAAC,UAC1D,oBAAC,0BACC,8BAAC,2BAAyB,GAAG,OAAO,GACtC;","names":[]}
+{"version":3,"file":"IntlayerProvider.mjs","names":["IntlayerProviderContent: FC<IntlayerProviderProps>","IntlayerProvider: FC<IntlayerProviderProps>"],"sources":["../../../src/client/IntlayerProvider.tsx"],"sourcesContent":["'use client';\n\nimport configuration from '@intlayer/config/built';\nimport { localeResolver } from '@intlayer/core';\nimport { MessageKey, useCrossFrameState } from '@intlayer/editor-react';\nimport type { LocalesValues } from '@intlayer/types';\nimport {\n  createContext,\n  type FC,\n  type PropsWithChildren,\n  useContext,\n} from 'react';\nimport { IntlayerEditorProvider } from '../editor/IntlayerEditorProvider';\nimport { localeCookie, setLocaleInStorage } from './useLocaleStorage';\n\ntype IntlayerValue = {\n  locale: LocalesValues;\n  setLocale: (newLocale: LocalesValues) => void;\n  disableEditor?: boolean;\n  isCookieEnabled?: boolean;\n};\n\n/**\n * Context that store the current locale on the client side\n */\nexport const IntlayerClientContext = createContext<IntlayerValue>({\n  locale: localeCookie ?? configuration?.internationalization?.defaultLocale,\n  setLocale: () => null,\n  isCookieEnabled: true,\n  disableEditor: false,\n});\n\n/**\n * Hook that provides the current locale\n */\nexport const useIntlayerContext = () => useContext(IntlayerClientContext);\n\nexport type IntlayerProviderProps = PropsWithChildren<{\n  locale?: LocalesValues;\n  defaultLocale?: LocalesValues;\n  setLocale?: (locale: LocalesValues) => void;\n  disableEditor?: boolean;\n  isCookieEnabled?: boolean;\n}>;\n\n/**\n * Provider that store the current locale on the client side\n */\nexport const IntlayerProviderContent: FC<IntlayerProviderProps> = ({\n  locale: localeProp,\n  defaultLocale: defaultLocaleProp,\n  children,\n  setLocale: setLocaleProp,\n  disableEditor,\n  isCookieEnabled,\n}) => {\n  const { internationalization } = configuration ?? {};\n  const { defaultLocale: defaultLocaleConfig, locales: availableLocales } =\n    internationalization ?? {};\n\n  const defaultLocale =\n    localeProp ?? localeCookie ?? defaultLocaleProp ?? defaultLocaleConfig;\n\n  const [currentLocale, setCurrentLocale] = useCrossFrameState(\n    MessageKey.INTLAYER_CURRENT_LOCALE,\n    defaultLocale\n  );\n\n  const setLocaleBase = (newLocale: LocalesValues) => {\n    if (currentLocale.toString() === newLocale.toString()) return;\n\n    if (!availableLocales?.map(String).includes(newLocale)) {\n      console.error(`Locale ${newLocale} is not available`);\n      return;\n    }\n\n    setCurrentLocale(newLocale); // Update state\n    setLocaleInStorage(newLocale, isCookieEnabled); // Optionally set cookie for persistence\n  };\n\n  const setLocale = setLocaleProp ?? setLocaleBase;\n\n  const resolvedLocale = localeResolver(localeProp ?? currentLocale);\n\n  return (\n    <IntlayerClientContext.Provider\n      value={{\n        locale: resolvedLocale,\n        setLocale,\n        disableEditor,\n      }}\n    >\n      {children}\n    </IntlayerClientContext.Provider>\n  );\n};\n\nexport const IntlayerProvider: FC<IntlayerProviderProps> = (props) => (\n  <IntlayerEditorProvider>\n    <IntlayerProviderContent {...props} />\n  </IntlayerEditorProvider>\n);\n"],"mappings":";;;;;;;;;;;;;;;AAyBA,MAAa,wBAAwB,cAA6B;CAChE,QAAQ,gBAAgB,eAAe,sBAAsB;CAC7D,iBAAiB;CACjB,iBAAiB;CACjB,eAAe;CAChB,CAAC;;;;AAKF,MAAa,2BAA2B,WAAW,sBAAsB;;;;AAazE,MAAaA,2BAAsD,EACjE,QAAQ,YACR,eAAe,mBACf,UACA,WAAW,eACX,eACA,sBACI;CACJ,MAAM,EAAE,yBAAyB,iBAAiB,EAAE;CACpD,MAAM,EAAE,eAAe,qBAAqB,SAAS,qBACnD,wBAAwB,EAAE;CAE5B,MAAM,gBACJ,cAAc,gBAAgB,qBAAqB;CAErD,MAAM,CAAC,eAAe,oBAAoB,mBACxC,WAAW,yBACX,cACD;CAED,MAAM,iBAAiB,cAA6B;AAClD,MAAI,cAAc,UAAU,KAAK,UAAU,UAAU,CAAE;AAEvD,MAAI,CAAC,kBAAkB,IAAI,OAAO,CAAC,SAAS,UAAU,EAAE;AACtD,WAAQ,MAAM,UAAU,UAAU,mBAAmB;AACrD;;AAGF,mBAAiB,UAAU;AAC3B,uBAAmB,WAAW,gBAAgB;;CAGhD,MAAM,YAAY,iBAAiB;CAEnC,MAAM,iBAAiB,eAAe,cAAc,cAAc;AAElE,QACE,oBAAC,sBAAsB;EACrB,OAAO;GACL,QAAQ;GACR;GACA;GACD;EAEA;GAC8B;;AAIrC,MAAaC,oBAA+C,UAC1D,oBAAC,oCACC,oBAAC,2BAAwB,GAAI,QAAS,GACf"}

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

@@ -6,14 +6,5 @@ import { useNumber } from "./useNumber.mjs";
 import { usePercentage } from "./usePercentage.mjs";
 import { useRelativeTime } from "./useRelativeTime.mjs";
 import { useUnit } from "./useUnit.mjs";
-export {
-  useCompact,
-  useCurrency,
-  useDate,
-  useList,
-  useNumber,
-  usePercentage,
-  useRelativeTime,
-  useUnit
-};
-//# sourceMappingURL=index.mjs.map
+
+export { useCompact, useCurrency, useDate, useList, useNumber, usePercentage, useRelativeTime, useUnit };

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

@@ -1,18 +1,29 @@
-"use client";
-import { compact } from "@intlayer/core";
-import { useCallback, useContext } from "react";
+'use client';
+
+
 import { IntlayerClientContext } from "../IntlayerProvider.mjs";
+import { useCallback, useContext } from "react";
+import { compact } from "@intlayer/core";
+
+//#region src/client/format/useCompact.ts
+/**
+* React client hook that provides a compact number formatter
+* bound to the current application locale.
+*
+* @example
+* ```tsx
+* const formatCompact = useCompact();
+* formatCompact(1500); // "1.5K"
+* ```
+*/
 const useCompact = () => {
-  const { locale } = useContext(IntlayerClientContext);
-  return useCallback(
-    (...args) => compact(args[0], {
-      ...args[1],
-      locale: args[1]?.locale ?? locale
-    }),
-    [locale]
-  );
-};
-export {
-  useCompact
+	const { locale } = useContext(IntlayerClientContext);
+	return useCallback((...args) => compact(args[0], {
+		...args[1],
+		locale: args[1]?.locale ?? locale
+	}), [locale]);
 };
+
+//#endregion
+export { useCompact };
 //# sourceMappingURL=useCompact.mjs.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/client/format/useCompact.ts"],"sourcesContent":["'use client';\n\nimport { compact } from '@intlayer/core';\nimport { useCallback, useContext } from 'react';\nimport { IntlayerClientContext } from '../IntlayerProvider';\n\n/**\n * React client hook that provides a compact number formatter\n * bound to the current application locale.\n *\n * @example\n * ```tsx\n * const formatCompact = useCompact();\n * formatCompact(1500); // \"1.5K\"\n * ```\n */\nexport const useCompact = () => {\n  const { locale } = useContext(IntlayerClientContext);\n\n  return useCallback(\n    (...args: Parameters<typeof compact>) =>\n      compact(args[0], {\n        ...args[1],\n        locale: args[1]?.locale ?? locale,\n      }),\n    [locale]\n  );\n};\n"],"mappings":";AAEA,SAAS,eAAe;AACxB,SAAS,aAAa,kBAAkB;AACxC,SAAS,6BAA6B;AAY/B,MAAM,aAAa,MAAM;AAC9B,QAAM,EAAE,OAAO,IAAI,WAAW,qBAAqB;AAEnD,SAAO;AAAA,IACL,IAAI,SACF,QAAQ,KAAK,CAAC,GAAG;AAAA,MACf,GAAG,KAAK,CAAC;AAAA,MACT,QAAQ,KAAK,CAAC,GAAG,UAAU;AAAA,IAC7B,CAAC;AAAA,IACH,CAAC,MAAM;AAAA,EACT;AACF;","names":[]}
+{"version":3,"file":"useCompact.mjs","names":[],"sources":["../../../../src/client/format/useCompact.ts"],"sourcesContent":["'use client';\n\nimport { compact } from '@intlayer/core';\nimport { useCallback, useContext } from 'react';\nimport { IntlayerClientContext } from '../IntlayerProvider';\n\n/**\n * React client hook that provides a compact number formatter\n * bound to the current application locale.\n *\n * @example\n * ```tsx\n * const formatCompact = useCompact();\n * formatCompact(1500); // \"1.5K\"\n * ```\n */\nexport const useCompact = () => {\n  const { locale } = useContext(IntlayerClientContext);\n\n  return useCallback(\n    (...args: Parameters<typeof compact>) =>\n      compact(args[0], {\n        ...args[1],\n        locale: args[1]?.locale ?? locale,\n      }),\n    [locale]\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;AAgBA,MAAa,mBAAmB;CAC9B,MAAM,EAAE,WAAW,WAAW,sBAAsB;AAEpD,QAAO,aACJ,GAAG,SACF,QAAQ,KAAK,IAAI;EACf,GAAG,KAAK;EACR,QAAQ,KAAK,IAAI,UAAU;EAC5B,CAAC,EACJ,CAAC,OAAO,CACT"}

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

@@ -1,18 +1,43 @@
-"use client";
-import { currency } from "@intlayer/core";
-import { useCallback, useContext } from "react";
+'use client';
+
+
 import { IntlayerClientContext } from "../IntlayerProvider.mjs";
+import { useCallback, useContext } from "react";
+import { currency } from "@intlayer/core";
+
+//#region src/client/format/useCurrency.ts
+/**
+* React client hook that provides a currency formatter
+* bound to the current application locale.
+*
+* @returns {(value: string | number, options?: CurrencyProps) => string}
+* A function to format numbers into localized currency strings.
+*
+* @example
+* ```tsx
+* const formatCurrency = useCurrency();
+*
+* formatCurrency(1500, { currency: "USD" });
+* // "$1,500.00"
+*
+* formatCurrency(1500, { currency: "EUR", locale: "de-DE" });
+* // "1.500,00 €"
+*
+* formatCurrency(9876543.21, {
+*   currency: "JPY",
+*   fractionDigits: 0,
+* });
+* // "¥9,876,543"
+* ```
+*/
 const useCurrency = () => {
-  const { locale } = useContext(IntlayerClientContext);
-  return useCallback(
-    (...args) => currency(args[0], {
-      ...args[1],
-      locale: args[1]?.locale ?? locale
-    }),
-    [locale]
-  );
-};
-export {
-  useCurrency
+	const { locale } = useContext(IntlayerClientContext);
+	return useCallback((...args) => currency(args[0], {
+		...args[1],
+		locale: args[1]?.locale ?? locale
+	}), [locale]);
 };
+
+//#endregion
+export { useCurrency };
 //# sourceMappingURL=useCurrency.mjs.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/client/format/useCurrency.ts"],"sourcesContent":["'use client';\n\nimport { currency } from '@intlayer/core';\nimport { useCallback, useContext } from 'react';\nimport { IntlayerClientContext } from '../IntlayerProvider';\n\n/**\n * React client hook that provides a currency formatter\n * bound to the current application locale.\n *\n * @returns {(value: string | number, options?: CurrencyProps) => string}\n * A function to format numbers into localized currency strings.\n *\n * @example\n * ```tsx\n * const formatCurrency = useCurrency();\n *\n * formatCurrency(1500, { currency: \"USD\" });\n * // \"$1,500.00\"\n *\n * formatCurrency(1500, { currency: \"EUR\", locale: \"de-DE\" });\n * // \"1.500,00 €\"\n *\n * formatCurrency(9876543.21, {\n *   currency: \"JPY\",\n *   fractionDigits: 0,\n * });\n * // \"¥9,876,543\"\n * ```\n */\nexport const useCurrency = () => {\n  const { locale } = useContext(IntlayerClientContext);\n\n  return useCallback(\n    (...args: Parameters<typeof currency>) =>\n      currency(args[0], {\n        ...args[1],\n        locale: args[1]?.locale ?? locale,\n      }),\n    [locale]\n  );\n};\n"],"mappings":";AAEA,SAAS,gBAAgB;AACzB,SAAS,aAAa,kBAAkB;AACxC,SAAS,6BAA6B;AA0B/B,MAAM,cAAc,MAAM;AAC/B,QAAM,EAAE,OAAO,IAAI,WAAW,qBAAqB;AAEnD,SAAO;AAAA,IACL,IAAI,SACF,SAAS,KAAK,CAAC,GAAG;AAAA,MAChB,GAAG,KAAK,CAAC;AAAA,MACT,QAAQ,KAAK,CAAC,GAAG,UAAU;AAAA,IAC7B,CAAC;AAAA,IACH,CAAC,MAAM;AAAA,EACT;AACF;","names":[]}
+{"version":3,"file":"useCurrency.mjs","names":[],"sources":["../../../../src/client/format/useCurrency.ts"],"sourcesContent":["'use client';\n\nimport { currency } from '@intlayer/core';\nimport { useCallback, useContext } from 'react';\nimport { IntlayerClientContext } from '../IntlayerProvider';\n\n/**\n * React client hook that provides a currency formatter\n * bound to the current application locale.\n *\n * @returns {(value: string | number, options?: CurrencyProps) => string}\n * A function to format numbers into localized currency strings.\n *\n * @example\n * ```tsx\n * const formatCurrency = useCurrency();\n *\n * formatCurrency(1500, { currency: \"USD\" });\n * // \"$1,500.00\"\n *\n * formatCurrency(1500, { currency: \"EUR\", locale: \"de-DE\" });\n * // \"1.500,00 €\"\n *\n * formatCurrency(9876543.21, {\n *   currency: \"JPY\",\n *   fractionDigits: 0,\n * });\n * // \"¥9,876,543\"\n * ```\n */\nexport const useCurrency = () => {\n  const { locale } = useContext(IntlayerClientContext);\n\n  return useCallback(\n    (...args: Parameters<typeof currency>) =>\n      currency(args[0], {\n        ...args[1],\n        locale: args[1]?.locale ?? locale,\n      }),\n    [locale]\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8BA,MAAa,oBAAoB;CAC/B,MAAM,EAAE,WAAW,WAAW,sBAAsB;AAEpD,QAAO,aACJ,GAAG,SACF,SAAS,KAAK,IAAI;EAChB,GAAG,KAAK;EACR,QAAQ,KAAK,IAAI,UAAU;EAC5B,CAAC,EACJ,CAAC,OAAO,CACT"}

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

@@ -1,15 +1,45 @@
-"use client";
-import { date } from "@intlayer/core";
-import { useContext } from "react";
+'use client';
+
+
 import { IntlayerClientContext } from "../IntlayerProvider.mjs";
+import { useContext } from "react";
+import { date } from "@intlayer/core";
+
+//#region src/client/format/useDate.ts
+/**
+* React client hook that provides a localized date/time formatter
+* bound to the current application locale.
+*
+* @returns {(date: Date | string | number, options?: DateProps) => string}
+* A function to format dates or timestamps into localized date/time strings.
+*
+* @example
+* ```tsx
+* const formatDate = useDate();
+*
+* formatDate(new Date("2025-01-01"));
+* // "Jan 1, 2025"
+*
+* formatDate("2025-01-01T15:30:00Z", {
+*   dateStyle: "full",
+*   timeStyle: "short",
+* });
+* // "Wednesday, January 1, 2025 at 3:30 PM"
+*
+* formatDate(1735689600000, { locale: "fr-FR", dateStyle: "long" });
+* // "1 janvier 2025"
+* ```
+*
+* @see createDate
+*/
 const useDate = () => {
-  const { locale } = useContext(IntlayerClientContext);
-  return (...args) => date(args[0], {
-    ...args[1],
-    locale: args[1]?.locale ?? locale
-  });
-};
-export {
-  useDate
+	const { locale } = useContext(IntlayerClientContext);
+	return (...args) => date(args[0], {
+		...args[1],
+		locale: args[1]?.locale ?? locale
+	});
 };
+
+//#endregion
+export { useDate };
 //# sourceMappingURL=useDate.mjs.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/client/format/useDate.ts"],"sourcesContent":["'use client';\n\nimport { date } from '@intlayer/core';\nimport { useContext } from 'react';\nimport { IntlayerClientContext } from '../IntlayerProvider';\n\n/**\n * React client hook that provides a localized date/time formatter\n * bound to the current application locale.\n *\n * @returns {(date: Date | string | number, options?: DateProps) => string}\n * A function to format dates or timestamps into localized date/time strings.\n *\n * @example\n * ```tsx\n * const formatDate = useDate();\n *\n * formatDate(new Date(\"2025-01-01\"));\n * // \"Jan 1, 2025\"\n *\n * formatDate(\"2025-01-01T15:30:00Z\", {\n *   dateStyle: \"full\",\n *   timeStyle: \"short\",\n * });\n * // \"Wednesday, January 1, 2025 at 3:30 PM\"\n *\n * formatDate(1735689600000, { locale: \"fr-FR\", dateStyle: \"long\" });\n * // \"1 janvier 2025\"\n * ```\n *\n * @see createDate\n */\nexport const useDate = () => {\n  const { locale } = useContext(IntlayerClientContext);\n\n  return (...args: Parameters<typeof date>) =>\n    date(args[0], {\n      ...args[1],\n      locale: args[1]?.locale ?? locale,\n    });\n};\n"],"mappings":";AAEA,SAAS,YAAY;AACrB,SAAS,kBAAkB;AAC3B,SAAS,6BAA6B;AA4B/B,MAAM,UAAU,MAAM;AAC3B,QAAM,EAAE,OAAO,IAAI,WAAW,qBAAqB;AAEnD,SAAO,IAAI,SACT,KAAK,KAAK,CAAC,GAAG;AAAA,IACZ,GAAG,KAAK,CAAC;AAAA,IACT,QAAQ,KAAK,CAAC,GAAG,UAAU;AAAA,EAC7B,CAAC;AACL;","names":[]}
+{"version":3,"file":"useDate.mjs","names":[],"sources":["../../../../src/client/format/useDate.ts"],"sourcesContent":["'use client';\n\nimport { date } from '@intlayer/core';\nimport { useContext } from 'react';\nimport { IntlayerClientContext } from '../IntlayerProvider';\n\n/**\n * React client hook that provides a localized date/time formatter\n * bound to the current application locale.\n *\n * @returns {(date: Date | string | number, options?: DateProps) => string}\n * A function to format dates or timestamps into localized date/time strings.\n *\n * @example\n * ```tsx\n * const formatDate = useDate();\n *\n * formatDate(new Date(\"2025-01-01\"));\n * // \"Jan 1, 2025\"\n *\n * formatDate(\"2025-01-01T15:30:00Z\", {\n *   dateStyle: \"full\",\n *   timeStyle: \"short\",\n * });\n * // \"Wednesday, January 1, 2025 at 3:30 PM\"\n *\n * formatDate(1735689600000, { locale: \"fr-FR\", dateStyle: \"long\" });\n * // \"1 janvier 2025\"\n * ```\n *\n * @see createDate\n */\nexport const useDate = () => {\n  const { locale } = useContext(IntlayerClientContext);\n\n  return (...args: Parameters<typeof date>) =>\n    date(args[0], {\n      ...args[1],\n      locale: args[1]?.locale ?? locale,\n    });\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgCA,MAAa,gBAAgB;CAC3B,MAAM,EAAE,WAAW,WAAW,sBAAsB;AAEpD,SAAQ,GAAG,SACT,KAAK,KAAK,IAAI;EACZ,GAAG,KAAK;EACR,QAAQ,KAAK,IAAI,UAAU;EAC5B,CAAC"}

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

@@ -1,18 +1,40 @@
-"use client";
-import { list } from "@intlayer/core";
-import { useCallback, useContext } from "react";
+'use client';
+
+
 import { IntlayerClientContext } from "../IntlayerProvider.mjs";
+import { useCallback, useContext } from "react";
+import { list } from "@intlayer/core";
+
+//#region src/client/format/useList.ts
+/**
+* React client hook that provides a list formatter
+* bound to the current application locale.
+*
+* @returns {(values: (string | number)[], options?: ListProps) => string}
+* A function to format arrays into localized list strings.
+*
+* @example
+* ```tsx
+* const formatList = useList();
+*
+* formatList(['apple', 'banana', 'orange']);
+* // "apple, banana, and orange"
+*
+* formatList(['red', 'green', 'blue'], { type: 'disjunction' });
+* // "red, green, or blue"
+*
+* formatList([1, 2, 3], { type: 'unit', locale: 'de-DE' });
+* // "1, 2 und 3"
+* ```
+*/
 const useList = () => {
-  const { locale } = useContext(IntlayerClientContext);
-  return useCallback(
-    (...args) => list(args[0], {
-      ...args[1],
-      locale: args[1]?.locale ?? locale
-    }),
-    [locale]
-  );
-};
-export {
-  useList
+	const { locale } = useContext(IntlayerClientContext);
+	return useCallback((...args) => list(args[0], {
+		...args[1],
+		locale: args[1]?.locale ?? locale
+	}), [locale]);
 };
+
+//#endregion
+export { useList };
 //# sourceMappingURL=useList.mjs.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/client/format/useList.ts"],"sourcesContent":["'use client';\n\nimport { list } from '@intlayer/core';\nimport { useCallback, useContext } from 'react';\nimport { IntlayerClientContext } from '../IntlayerProvider';\n\n/**\n * React client hook that provides a list formatter\n * bound to the current application locale.\n *\n * @returns {(values: (string | number)[], options?: ListProps) => string}\n * A function to format arrays into localized list strings.\n *\n * @example\n * ```tsx\n * const formatList = useList();\n *\n * formatList(['apple', 'banana', 'orange']);\n * // \"apple, banana, and orange\"\n *\n * formatList(['red', 'green', 'blue'], { type: 'disjunction' });\n * // \"red, green, or blue\"\n *\n * formatList([1, 2, 3], { type: 'unit', locale: 'de-DE' });\n * // \"1, 2 und 3\"\n * ```\n */\nexport const useList = () => {\n  const { locale } = useContext(IntlayerClientContext);\n\n  return useCallback(\n    (...args: Parameters<typeof list>) =>\n      list(args[0], {\n        ...args[1],\n        locale: args[1]?.locale ?? locale,\n      }),\n    [locale]\n  );\n};\n"],"mappings":";AAEA,SAAS,YAAY;AACrB,SAAS,aAAa,kBAAkB;AACxC,SAAS,6BAA6B;AAuB/B,MAAM,UAAU,MAAM;AAC3B,QAAM,EAAE,OAAO,IAAI,WAAW,qBAAqB;AAEnD,SAAO;AAAA,IACL,IAAI,SACF,KAAK,KAAK,CAAC,GAAG;AAAA,MACZ,GAAG,KAAK,CAAC;AAAA,MACT,QAAQ,KAAK,CAAC,GAAG,UAAU;AAAA,IAC7B,CAAC;AAAA,IACH,CAAC,MAAM;AAAA,EACT;AACF;","names":[]}
+{"version":3,"file":"useList.mjs","names":[],"sources":["../../../../src/client/format/useList.ts"],"sourcesContent":["'use client';\n\nimport { list } from '@intlayer/core';\nimport { useCallback, useContext } from 'react';\nimport { IntlayerClientContext } from '../IntlayerProvider';\n\n/**\n * React client hook that provides a list formatter\n * bound to the current application locale.\n *\n * @returns {(values: (string | number)[], options?: ListProps) => string}\n * A function to format arrays into localized list strings.\n *\n * @example\n * ```tsx\n * const formatList = useList();\n *\n * formatList(['apple', 'banana', 'orange']);\n * // \"apple, banana, and orange\"\n *\n * formatList(['red', 'green', 'blue'], { type: 'disjunction' });\n * // \"red, green, or blue\"\n *\n * formatList([1, 2, 3], { type: 'unit', locale: 'de-DE' });\n * // \"1, 2 und 3\"\n * ```\n */\nexport const useList = () => {\n  const { locale } = useContext(IntlayerClientContext);\n\n  return useCallback(\n    (...args: Parameters<typeof list>) =>\n      list(args[0], {\n        ...args[1],\n        locale: args[1]?.locale ?? locale,\n      }),\n    [locale]\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2BA,MAAa,gBAAgB;CAC3B,MAAM,EAAE,WAAW,WAAW,sBAAsB;AAEpD,QAAO,aACJ,GAAG,SACF,KAAK,KAAK,IAAI;EACZ,GAAG,KAAK;EACR,QAAQ,KAAK,IAAI,UAAU;EAC5B,CAAC,EACJ,CAAC,OAAO,CACT"}

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

@@ -1,18 +1,41 @@
-"use client";
-import { number } from "@intlayer/core";
-import { useCallback, useContext } from "react";
+'use client';
+
+
 import { IntlayerClientContext } from "../IntlayerProvider.mjs";
+import { useCallback, useContext } from "react";
+import { number } from "@intlayer/core";
+
+//#region src/client/format/useNumber.ts
+/**
+* React client hook that provides a localized number formatter.
+*
+* Uses the current locale from {@link useLocaleBase} and returns
+* a function that can be used to format numbers consistently
+* according to the user's locale.
+*
+* @example
+* ```tsx
+* const formatNumber = useNumber();
+*
+* formatNumber(12345);
+* // e.g. "12,345" (en-US)
+* // e.g. "12 345" (fr-FR)
+*
+* formatNumber(0.75, { style: "percent" });
+* // e.g. "75%"
+* ```
+*
+* @returns {(value: string | number, options?: import("../createNumber").NumberProps) => string}
+* A number formatting function bound to the active locale.
+*/
 const useNumber = () => {
-  const { locale } = useContext(IntlayerClientContext);
-  return useCallback(
-    (...args) => number(args[0], {
-      ...args[1],
-      locale: args[1]?.locale ?? locale
-    }),
-    [locale]
-  );
-};
-export {
-  useNumber
+	const { locale } = useContext(IntlayerClientContext);
+	return useCallback((...args) => number(args[0], {
+		...args[1],
+		locale: args[1]?.locale ?? locale
+	}), [locale]);
 };
+
+//#endregion
+export { useNumber };
 //# sourceMappingURL=useNumber.mjs.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/client/format/useNumber.ts"],"sourcesContent":["'use client';\n\nimport { number } from '@intlayer/core';\nimport { useCallback, useContext } from 'react';\nimport { IntlayerClientContext } from '../IntlayerProvider';\n\n/**\n * React client hook that provides a localized number formatter.\n *\n * Uses the current locale from {@link useLocaleBase} and returns\n * a function that can be used to format numbers consistently\n * according to the user's locale.\n *\n * @example\n * ```tsx\n * const formatNumber = useNumber();\n *\n * formatNumber(12345);\n * // e.g. \"12,345\" (en-US)\n * // e.g. \"12 345\" (fr-FR)\n *\n * formatNumber(0.75, { style: \"percent\" });\n * // e.g. \"75%\"\n * ```\n *\n * @returns {(value: string | number, options?: import(\"../createNumber\").NumberProps) => string}\n * A number formatting function bound to the active locale.\n */\nexport const useNumber = () => {\n  const { locale } = useContext(IntlayerClientContext);\n\n  return useCallback(\n    (...args: Parameters<typeof number>) =>\n      number(args[0], {\n        ...args[1],\n        locale: args[1]?.locale ?? locale,\n      }),\n    [locale]\n  );\n};\n"],"mappings":";AAEA,SAAS,cAAc;AACvB,SAAS,aAAa,kBAAkB;AACxC,SAAS,6BAA6B;AAwB/B,MAAM,YAAY,MAAM;AAC7B,QAAM,EAAE,OAAO,IAAI,WAAW,qBAAqB;AAEnD,SAAO;AAAA,IACL,IAAI,SACF,OAAO,KAAK,CAAC,GAAG;AAAA,MACd,GAAG,KAAK,CAAC;AAAA,MACT,QAAQ,KAAK,CAAC,GAAG,UAAU;AAAA,IAC7B,CAAC;AAAA,IACH,CAAC,MAAM;AAAA,EACT;AACF;","names":[]}
+{"version":3,"file":"useNumber.mjs","names":[],"sources":["../../../../src/client/format/useNumber.ts"],"sourcesContent":["'use client';\n\nimport { number } from '@intlayer/core';\nimport { useCallback, useContext } from 'react';\nimport { IntlayerClientContext } from '../IntlayerProvider';\n\n/**\n * React client hook that provides a localized number formatter.\n *\n * Uses the current locale from {@link useLocaleBase} and returns\n * a function that can be used to format numbers consistently\n * according to the user's locale.\n *\n * @example\n * ```tsx\n * const formatNumber = useNumber();\n *\n * formatNumber(12345);\n * // e.g. \"12,345\" (en-US)\n * // e.g. \"12 345\" (fr-FR)\n *\n * formatNumber(0.75, { style: \"percent\" });\n * // e.g. \"75%\"\n * ```\n *\n * @returns {(value: string | number, options?: import(\"../createNumber\").NumberProps) => string}\n * A number formatting function bound to the active locale.\n */\nexport const useNumber = () => {\n  const { locale } = useContext(IntlayerClientContext);\n\n  return useCallback(\n    (...args: Parameters<typeof number>) =>\n      number(args[0], {\n        ...args[1],\n        locale: args[1]?.locale ?? locale,\n      }),\n    [locale]\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BA,MAAa,kBAAkB;CAC7B,MAAM,EAAE,WAAW,WAAW,sBAAsB;AAEpD,QAAO,aACJ,GAAG,SACF,OAAO,KAAK,IAAI;EACd,GAAG,KAAK;EACR,QAAQ,KAAK,IAAI,UAAU;EAC5B,CAAC,EACJ,CAAC,OAAO,CACT"}

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

@@ -1,18 +1,37 @@
-"use client";
-import { percentage } from "@intlayer/core";
-import { useCallback, useContext } from "react";
+'use client';
+
+
 import { IntlayerClientContext } from "../IntlayerProvider.mjs";
+import { useCallback, useContext } from "react";
+import { percentage } from "@intlayer/core";
+
+//#region src/client/format/usePercentage.ts
+/**
+* React hook to provide a percentage formatter function
+* based on the current application locale.
+*
+* This hook retrieves the active locale using {@link useLocaleBase}
+* and memoizes a `createPercentage` instance for that locale.
+*
+* @example
+* ```tsx
+* const formatPercentage = usePercentage();
+*
+* const result = formatPercentage(0.875, { maximumFractionDigits: 1 });
+* // "87.5%" (depending on locale)
+* ```
+*
+* @returns {(value: string | number, options?: Omit<PercentageOptions, "value">) => string}
+* A function that formats numbers or numeric strings into localized percentages.
+*/
 const usePercentage = () => {
-  const { locale } = useContext(IntlayerClientContext);
-  return useCallback(
-    (...args) => percentage(args[0], {
-      ...args[1],
-      locale: args[1]?.locale ?? locale
-    }),
-    [locale]
-  );
-};
-export {
-  usePercentage
+	const { locale } = useContext(IntlayerClientContext);
+	return useCallback((...args) => percentage(args[0], {
+		...args[1],
+		locale: args[1]?.locale ?? locale
+	}), [locale]);
 };
+
+//#endregion
+export { usePercentage };
 //# sourceMappingURL=usePercentage.mjs.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/client/format/usePercentage.ts"],"sourcesContent":["'use client';\n\nimport { percentage } from '@intlayer/core';\nimport { useCallback, useContext } from 'react';\nimport { IntlayerClientContext } from '../IntlayerProvider';\n\n/**\n * React hook to provide a percentage formatter function\n * based on the current application locale.\n *\n * This hook retrieves the active locale using {@link useLocaleBase}\n * and memoizes a `createPercentage` instance for that locale.\n *\n * @example\n * ```tsx\n * const formatPercentage = usePercentage();\n *\n * const result = formatPercentage(0.875, { maximumFractionDigits: 1 });\n * // \"87.5%\" (depending on locale)\n * ```\n *\n * @returns {(value: string | number, options?: Omit<PercentageOptions, \"value\">) => string}\n * A function that formats numbers or numeric strings into localized percentages.\n */\nexport const usePercentage = () => {\n  const { locale } = useContext(IntlayerClientContext);\n\n  return useCallback(\n    (...args: Parameters<typeof percentage>) =>\n      percentage(args[0], {\n        ...args[1],\n        locale: args[1]?.locale ?? locale,\n      }),\n    [locale]\n  );\n};\n"],"mappings":";AAEA,SAAS,kBAAkB;AAC3B,SAAS,aAAa,kBAAkB;AACxC,SAAS,6BAA6B;AAoB/B,MAAM,gBAAgB,MAAM;AACjC,QAAM,EAAE,OAAO,IAAI,WAAW,qBAAqB;AAEnD,SAAO;AAAA,IACL,IAAI,SACF,WAAW,KAAK,CAAC,GAAG;AAAA,MAClB,GAAG,KAAK,CAAC;AAAA,MACT,QAAQ,KAAK,CAAC,GAAG,UAAU;AAAA,IAC7B,CAAC;AAAA,IACH,CAAC,MAAM;AAAA,EACT;AACF;","names":[]}
+{"version":3,"file":"usePercentage.mjs","names":[],"sources":["../../../../src/client/format/usePercentage.ts"],"sourcesContent":["'use client';\n\nimport { percentage } from '@intlayer/core';\nimport { useCallback, useContext } from 'react';\nimport { IntlayerClientContext } from '../IntlayerProvider';\n\n/**\n * React hook to provide a percentage formatter function\n * based on the current application locale.\n *\n * This hook retrieves the active locale using {@link useLocaleBase}\n * and memoizes a `createPercentage` instance for that locale.\n *\n * @example\n * ```tsx\n * const formatPercentage = usePercentage();\n *\n * const result = formatPercentage(0.875, { maximumFractionDigits: 1 });\n * // \"87.5%\" (depending on locale)\n * ```\n *\n * @returns {(value: string | number, options?: Omit<PercentageOptions, \"value\">) => string}\n * A function that formats numbers or numeric strings into localized percentages.\n */\nexport const usePercentage = () => {\n  const { locale } = useContext(IntlayerClientContext);\n\n  return useCallback(\n    (...args: Parameters<typeof percentage>) =>\n      percentage(args[0], {\n        ...args[1],\n        locale: args[1]?.locale ?? locale,\n      }),\n    [locale]\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAwBA,MAAa,sBAAsB;CACjC,MAAM,EAAE,WAAW,WAAW,sBAAsB;AAEpD,QAAO,aACJ,GAAG,SACF,WAAW,KAAK,IAAI;EAClB,GAAG,KAAK;EACR,QAAQ,KAAK,IAAI,UAAU;EAC5B,CAAC,EACJ,CAAC,OAAO,CACT"}

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

@@ -1,18 +1,37 @@
-"use client";
-import { relativeTime } from "@intlayer/core";
-import { useCallback, useContext } from "react";
+'use client';
+
+
 import { IntlayerClientContext } from "../IntlayerProvider.mjs";
+import { useCallback, useContext } from "react";
+import { relativeTime } from "@intlayer/core";
+
+//#region src/client/format/useRelativeTime.ts
+/**
+* Client-side React hook for accessing a localized relative time formatter.
+*
+* This hook:
+* - Reads the current locale from {@link useLocaleBase}.
+* - Creates a new relative time formatter with {@link createRelativeTime}.
+* - Returns a function that can format time differences into localized strings.
+*
+* Example:
+* ```tsx
+* const relativeTime = useRelativeTime();
+* const formatted = relativeTime(new Date("2024-08-01"), new Date());
+* // e.g., "2 weeks ago"
+* ```
+*
+* @returns {ReturnType<typeof createRelativeTime>} A relative time formatting function
+*          bound to the current client locale.
+*/
 const useRelativeTime = () => {
-  const { locale } = useContext(IntlayerClientContext);
-  return useCallback(
-    (...args) => relativeTime(args[0], args[1], {
-      ...args[2],
-      locale: args[2]?.locale ?? locale
-    }),
-    [locale]
-  );
-};
-export {
-  useRelativeTime
+	const { locale } = useContext(IntlayerClientContext);
+	return useCallback((...args) => relativeTime(args[0], args[1], {
+		...args[2],
+		locale: args[2]?.locale ?? locale
+	}), [locale]);
 };
+
+//#endregion
+export { useRelativeTime };
 //# sourceMappingURL=useRelativeTime.mjs.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/client/format/useRelativeTime.ts"],"sourcesContent":["'use client';\n\nimport { relativeTime } from '@intlayer/core';\nimport { useCallback, useContext } from 'react';\nimport { IntlayerClientContext } from '../IntlayerProvider';\n\n/**\n * Client-side React hook for accessing a localized relative time formatter.\n *\n * This hook:\n * - Reads the current locale from {@link useLocaleBase}.\n * - Creates a new relative time formatter with {@link createRelativeTime}.\n * - Returns a function that can format time differences into localized strings.\n *\n * Example:\n * ```tsx\n * const relativeTime = useRelativeTime();\n * const formatted = relativeTime(new Date(\"2024-08-01\"), new Date());\n * // e.g., \"2 weeks ago\"\n * ```\n *\n * @returns {ReturnType<typeof createRelativeTime>} A relative time formatting function\n *          bound to the current client locale.\n */\nexport const useRelativeTime = () => {\n  const { locale } = useContext(IntlayerClientContext);\n\n  return useCallback(\n    (...args: Parameters<typeof relativeTime>) =>\n      relativeTime(args[0], args[1], {\n        ...args[2],\n        locale: args[2]?.locale ?? locale,\n      }),\n    [locale]\n  );\n};\n"],"mappings":";AAEA,SAAS,oBAAoB;AAC7B,SAAS,aAAa,kBAAkB;AACxC,SAAS,6BAA6B;AAoB/B,MAAM,kBAAkB,MAAM;AACnC,QAAM,EAAE,OAAO,IAAI,WAAW,qBAAqB;AAEnD,SAAO;AAAA,IACL,IAAI,SACF,aAAa,KAAK,CAAC,GAAG,KAAK,CAAC,GAAG;AAAA,MAC7B,GAAG,KAAK,CAAC;AAAA,MACT,QAAQ,KAAK,CAAC,GAAG,UAAU;AAAA,IAC7B,CAAC;AAAA,IACH,CAAC,MAAM;AAAA,EACT;AACF;","names":[]}
+{"version":3,"file":"useRelativeTime.mjs","names":[],"sources":["../../../../src/client/format/useRelativeTime.ts"],"sourcesContent":["'use client';\n\nimport { relativeTime } from '@intlayer/core';\nimport { useCallback, useContext } from 'react';\nimport { IntlayerClientContext } from '../IntlayerProvider';\n\n/**\n * Client-side React hook for accessing a localized relative time formatter.\n *\n * This hook:\n * - Reads the current locale from {@link useLocaleBase}.\n * - Creates a new relative time formatter with {@link createRelativeTime}.\n * - Returns a function that can format time differences into localized strings.\n *\n * Example:\n * ```tsx\n * const relativeTime = useRelativeTime();\n * const formatted = relativeTime(new Date(\"2024-08-01\"), new Date());\n * // e.g., \"2 weeks ago\"\n * ```\n *\n * @returns {ReturnType<typeof createRelativeTime>} A relative time formatting function\n *          bound to the current client locale.\n */\nexport const useRelativeTime = () => {\n  const { locale } = useContext(IntlayerClientContext);\n\n  return useCallback(\n    (...args: Parameters<typeof relativeTime>) =>\n      relativeTime(args[0], args[1], {\n        ...args[2],\n        locale: args[2]?.locale ?? locale,\n      }),\n    [locale]\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAwBA,MAAa,wBAAwB;CACnC,MAAM,EAAE,WAAW,WAAW,sBAAsB;AAEpD,QAAO,aACJ,GAAG,SACF,aAAa,KAAK,IAAI,KAAK,IAAI;EAC7B,GAAG,KAAK;EACR,QAAQ,KAAK,IAAI,UAAU;EAC5B,CAAC,EACJ,CAAC,OAAO,CACT"}