preact-intlayer 6.1.6 → 7.0.0-canary.2

package/dist/esm/UI/ContentSelector.mjs

@@ -1,109 +1,98 @@
-"use client";
-import { jsx } from "preact/jsx-runtime";
+'use client';
+
+
 import { useCallback, useEffect, useRef, useState } from "preact/hooks";
+import { jsx } from "preact/jsx-runtime";
+
+//#region src/UI/ContentSelector.tsx
 const DEFAULT_PRESS_DETECT_DURATION = 250;
-const ContentSelector = ({
-  children,
-  onPress: onSelect,
-  onHover,
-  onUnhover,
-  onClickOutside: onUnselect,
-  pressDuration = DEFAULT_PRESS_DETECT_DURATION,
-  isSelecting: isSelectingProp,
-  ...props
-}) => {
-  const divRef = useRef(null);
-  const [isHovered, setIsHovered] = useState(false);
-  const [isSelectingState, setIsSelectingState] = useState(isSelectingProp);
-  const pressTimerRef = useRef(null);
-  const isChildrenString = typeof children === "string";
-  const handleOnLongPress = () => {
-    setIsSelectingState(true);
-    onSelect();
-  };
-  const startPressTimer = () => {
-    pressTimerRef.current = setTimeout(() => {
-      handleOnLongPress();
-    }, pressDuration);
-  };
-  const clearPressTimer = () => {
-    if (pressTimerRef.current) {
-      clearTimeout(pressTimerRef.current);
-      pressTimerRef.current = null;
-    }
-  };
-  const handleMouseDown = () => {
-    clearPressTimer();
-    startPressTimer();
-  };
-  const handleMouseEnter = () => {
-    setIsHovered(true);
-    onHover?.();
-  };
-  const handleMouseUp = () => {
-    if (isHovered) {
-      setIsHovered(false);
-      onUnhover?.();
-    }
-    clearPressTimer();
-  };
-  const handleClickOutside = useCallback(
-    (event) => {
-      if (divRef.current && !divRef.current.contains(event.target)) {
-        setIsSelectingState(false);
-        onUnselect?.();
-      }
-    },
-    [onUnselect]
-  );
-  useEffect(() => {
-    document.addEventListener("mousedown", handleClickOutside);
-    return () => {
-      document.removeEventListener("mousedown", handleClickOutside);
-    };
-  }, [handleClickOutside]);
-  const handleOnClick = (e) => {
-    if (isSelectingState) {
-      e.preventDefault();
-      e.stopPropagation();
-    }
-  };
-  const handleOnBlur = () => {
-    setIsSelectingState(false);
-  };
-  return /* @__PURE__ */ jsx(
-    "span",
-    {
-      style: {
-        display: isChildrenString ? "inline" : "inline-block",
-        cursor: "pointer",
-        userSelect: "none",
-        borderRadius: "0.375rem",
-        outlineWidth: "2px",
-        outlineOffset: "4px",
-        outlineStyle: "solid",
-        outlineColor: isSelectingProp || isSelectingState || isHovered ? "inherit" : "transparent",
-        transition: "all 100ms 50ms ease-in-out"
-      },
-      role: "button",
-      tabIndex: 0,
-      onKeyUp: () => null,
-      onClick: handleOnClick,
-      onMouseDown: handleMouseDown,
-      onMouseUp: handleMouseUp,
-      onMouseLeave: handleMouseUp,
-      onTouchStart: handleMouseDown,
-      onTouchEnd: handleMouseUp,
-      onTouchCancel: handleMouseUp,
-      onBlur: handleOnBlur,
-      onMouseEnter: handleMouseEnter,
-      ref: divRef,
-      ...props,
-      children
-    }
-  );
-};
-export {
-  ContentSelector
+const ContentSelector = ({ children, onPress: onSelect, onHover, onUnhover, onClickOutside: onUnselect, pressDuration = DEFAULT_PRESS_DETECT_DURATION, isSelecting: isSelectingProp,...props }) => {
+	const divRef = useRef(null);
+	const [isHovered, setIsHovered] = useState(false);
+	const [isSelectingState, setIsSelectingState] = useState(isSelectingProp);
+	const pressTimerRef = useRef(null);
+	const isChildrenString = typeof children === "string";
+	const handleOnLongPress = () => {
+		setIsSelectingState(true);
+		onSelect();
+	};
+	const startPressTimer = () => {
+		pressTimerRef.current = setTimeout(() => {
+			handleOnLongPress();
+		}, pressDuration);
+	};
+	const clearPressTimer = () => {
+		if (pressTimerRef.current) {
+			clearTimeout(pressTimerRef.current);
+			pressTimerRef.current = null;
+		}
+	};
+	const handleMouseDown = () => {
+		clearPressTimer();
+		startPressTimer();
+	};
+	const handleMouseEnter = () => {
+		setIsHovered(true);
+		onHover?.();
+	};
+	const handleMouseUp = () => {
+		if (isHovered) {
+			setIsHovered(false);
+			onUnhover?.();
+		}
+		clearPressTimer();
+	};
+	const handleClickOutside = useCallback((event) => {
+		if (divRef.current && !divRef.current.contains(event.target)) {
+			setIsSelectingState(false);
+			onUnselect?.();
+		}
+	}, [onUnselect]);
+	useEffect(() => {
+		document.addEventListener("mousedown", handleClickOutside);
+		return () => {
+			document.removeEventListener("mousedown", handleClickOutside);
+		};
+	}, [handleClickOutside]);
+	const handleOnClick = (e) => {
+		if (isSelectingState) {
+			e.preventDefault();
+			e.stopPropagation();
+		}
+	};
+	const handleOnBlur = () => {
+		setIsSelectingState(false);
+	};
+	return /* @__PURE__ */ jsx("span", {
+		style: {
+			display: isChildrenString ? "inline" : "inline-block",
+			cursor: "pointer",
+			userSelect: "none",
+			borderRadius: "0.375rem",
+			outlineWidth: "2px",
+			outlineOffset: "4px",
+			outlineStyle: "solid",
+			outlineColor: isSelectingProp || isSelectingState || isHovered ? "inherit" : "transparent",
+			transition: "all 100ms 50ms ease-in-out"
+		},
+		role: "button",
+		tabIndex: 0,
+		onKeyUp: () => null,
+		onClick: handleOnClick,
+		onMouseDown: handleMouseDown,
+		onMouseUp: handleMouseUp,
+		onMouseLeave: handleMouseUp,
+		onTouchStart: handleMouseDown,
+		onTouchEnd: handleMouseUp,
+		onTouchCancel: handleMouseUp,
+		onBlur: handleOnBlur,
+		onMouseEnter: handleMouseEnter,
+		ref: divRef,
+		...props,
+		children
+	});
 };
+
+//#endregion
+export { ContentSelector };
 //# sourceMappingURL=ContentSelector.mjs.map

package/dist/esm/UI/ContentSelector.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/UI/ContentSelector.tsx"],"sourcesContent":["'use client';\n\nimport { FC, HTMLAttributes, MouseEventHandler } from 'preact/compat';\nimport { useCallback, useEffect, useRef, useState } from 'preact/hooks';\n\nconst DEFAULT_PRESS_DETECT_DURATION = 250;\n\ntype ContentSelectorProps = {\n  onPress: () => void;\n  onHover?: () => void;\n  onUnhover?: () => void;\n  onClickOutside?: () => void;\n  pressDuration?: number;\n  isSelecting?: boolean;\n} & Omit<HTMLAttributes<HTMLDivElement>, 'content'>;\n\nexport const ContentSelector: FC<ContentSelectorProps> = ({\n  children,\n  onPress: onSelect,\n  onHover,\n  onUnhover,\n  onClickOutside: onUnselect,\n  pressDuration = DEFAULT_PRESS_DETECT_DURATION,\n  isSelecting: isSelectingProp,\n  ...props\n}) => {\n  const divRef = useRef<HTMLDivElement>(null);\n  const [isHovered, setIsHovered] = useState(false);\n  const [isSelectingState, setIsSelectingState] = useState(isSelectingProp);\n  const pressTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const isChildrenString = typeof children === 'string';\n\n  const handleOnLongPress = () => {\n    setIsSelectingState(true);\n    onSelect();\n  };\n\n  const startPressTimer = () => {\n    pressTimerRef.current = setTimeout(() => {\n      handleOnLongPress();\n    }, pressDuration);\n  };\n\n  const clearPressTimer = () => {\n    if (pressTimerRef.current) {\n      clearTimeout(pressTimerRef.current);\n      pressTimerRef.current = null;\n    }\n  };\n\n  const handleMouseDown = () => {\n    clearPressTimer(); // Ensure any previous timer is cleared\n    startPressTimer();\n  };\n\n  const handleMouseEnter = () => {\n    setIsHovered(true);\n    onHover?.();\n  };\n\n  const handleMouseUp = () => {\n    if (isHovered) {\n      setIsHovered(false);\n      onUnhover?.();\n    }\n    clearPressTimer();\n  };\n\n  // Use useCallback to ensure the function identity remains stable\n  const handleClickOutside = useCallback(\n    (event: MouseEvent) => {\n      if (divRef.current && !divRef.current.contains(event.target as Node)) {\n        setIsSelectingState(false);\n        onUnselect?.();\n      }\n    },\n    [onUnselect]\n  );\n\n  useEffect(() => {\n    // Attach click outside listener\n    document.addEventListener('mousedown', handleClickOutside);\n\n    return () => {\n      // Cleanup\n      document.removeEventListener('mousedown', handleClickOutside);\n      // clearPressTimer(); // Ensure to clear the timer when component unmounts\n    };\n  }, [handleClickOutside]);\n\n  const handleOnClick: MouseEventHandler<HTMLDivElement> = (e) => {\n    if (isSelectingState) {\n      e.preventDefault();\n      e.stopPropagation();\n    }\n  };\n\n  const handleOnBlur = () => {\n    // Stop editing when the element loses focus\n    setIsSelectingState(false);\n  };\n\n  return (\n    <span\n      style={{\n        display: isChildrenString ? 'inline' : 'inline-block',\n        cursor: 'pointer',\n        userSelect: 'none',\n        borderRadius: '0.375rem',\n        outlineWidth: '2px',\n        outlineOffset: '4px',\n        outlineStyle: 'solid',\n        outlineColor:\n          isSelectingProp || isSelectingState || isHovered\n            ? 'inherit'\n            : 'transparent',\n        transition: 'all 100ms 50ms ease-in-out',\n      }}\n      role=\"button\"\n      tabIndex={0}\n      onKeyUp={() => null}\n      onClick={handleOnClick}\n      onMouseDown={handleMouseDown}\n      onMouseUp={handleMouseUp}\n      onMouseLeave={handleMouseUp}\n      onTouchStart={handleMouseDown}\n      onTouchEnd={handleMouseUp}\n      onTouchCancel={handleMouseUp}\n      onBlur={handleOnBlur}\n      onMouseEnter={handleMouseEnter}\n      ref={divRef}\n      {...props}\n    >\n      {children}\n    </span>\n  );\n};\n"],"mappings":";AAuGI;AApGJ,SAAS,aAAa,WAAW,QAAQ,gBAAgB;AAEzD,MAAM,gCAAgC;AAW/B,MAAM,kBAA4C,CAAC;AAAA,EACxD;AAAA,EACA,SAAS;AAAA,EACT;AAAA,EACA;AAAA,EACA,gBAAgB;AAAA,EAChB,gBAAgB;AAAA,EAChB,aAAa;AAAA,EACb,GAAG;AACL,MAAM;AACJ,QAAM,SAAS,OAAuB,IAAI;AAC1C,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,KAAK;AAChD,QAAM,CAAC,kBAAkB,mBAAmB,IAAI,SAAS,eAAe;AACxE,QAAM,gBAAgB,OAA6C,IAAI;AACvE,QAAM,mBAAmB,OAAO,aAAa;AAE7C,QAAM,oBAAoB,MAAM;AAC9B,wBAAoB,IAAI;AACxB,aAAS;AAAA,EACX;AAEA,QAAM,kBAAkB,MAAM;AAC5B,kBAAc,UAAU,WAAW,MAAM;AACvC,wBAAkB;AAAA,IACpB,GAAG,aAAa;AAAA,EAClB;AAEA,QAAM,kBAAkB,MAAM;AAC5B,QAAI,cAAc,SAAS;AACzB,mBAAa,cAAc,OAAO;AAClC,oBAAc,UAAU;AAAA,IAC1B;AAAA,EACF;AAEA,QAAM,kBAAkB,MAAM;AAC5B,oBAAgB;AAChB,oBAAgB;AAAA,EAClB;AAEA,QAAM,mBAAmB,MAAM;AAC7B,iBAAa,IAAI;AACjB,cAAU;AAAA,EACZ;AAEA,QAAM,gBAAgB,MAAM;AAC1B,QAAI,WAAW;AACb,mBAAa,KAAK;AAClB,kBAAY;AAAA,IACd;AACA,oBAAgB;AAAA,EAClB;AAGA,QAAM,qBAAqB;AAAA,IACzB,CAAC,UAAsB;AACrB,UAAI,OAAO,WAAW,CAAC,OAAO,QAAQ,SAAS,MAAM,MAAc,GAAG;AACpE,4BAAoB,KAAK;AACzB,qBAAa;AAAA,MACf;AAAA,IACF;AAAA,IACA,CAAC,UAAU;AAAA,EACb;AAEA,YAAU,MAAM;AAEd,aAAS,iBAAiB,aAAa,kBAAkB;AAEzD,WAAO,MAAM;AAEX,eAAS,oBAAoB,aAAa,kBAAkB;AAAA,IAE9D;AAAA,EACF,GAAG,CAAC,kBAAkB,CAAC;AAEvB,QAAM,gBAAmD,CAAC,MAAM;AAC9D,QAAI,kBAAkB;AACpB,QAAE,eAAe;AACjB,QAAE,gBAAgB;AAAA,IACpB;AAAA,EACF;AAEA,QAAM,eAAe,MAAM;AAEzB,wBAAoB,KAAK;AAAA,EAC3B;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,QACL,SAAS,mBAAmB,WAAW;AAAA,QACvC,QAAQ;AAAA,QACR,YAAY;AAAA,QACZ,cAAc;AAAA,QACd,cAAc;AAAA,QACd,eAAe;AAAA,QACf,cAAc;AAAA,QACd,cACE,mBAAmB,oBAAoB,YACnC,YACA;AAAA,QACN,YAAY;AAAA,MACd;AAAA,MACA,MAAK;AAAA,MACL,UAAU;AAAA,MACV,SAAS,MAAM;AAAA,MACf,SAAS;AAAA,MACT,aAAa;AAAA,MACb,WAAW;AAAA,MACX,cAAc;AAAA,MACd,cAAc;AAAA,MACd,YAAY;AAAA,MACZ,eAAe;AAAA,MACf,QAAQ;AAAA,MACR,cAAc;AAAA,MACd,KAAK;AAAA,MACJ,GAAG;AAAA,MAEH;AAAA;AAAA,EACH;AAEJ;","names":[]}
+{"version":3,"file":"ContentSelector.mjs","names":["ContentSelector: FC<ContentSelectorProps>","handleOnClick: MouseEventHandler<HTMLDivElement>"],"sources":["../../../src/UI/ContentSelector.tsx"],"sourcesContent":["'use client';\n\nimport type { FC, HTMLAttributes, MouseEventHandler } from 'preact/compat';\nimport { useCallback, useEffect, useRef, useState } from 'preact/hooks';\n\nconst DEFAULT_PRESS_DETECT_DURATION = 250;\n\ntype ContentSelectorProps = {\n  onPress: () => void;\n  onHover?: () => void;\n  onUnhover?: () => void;\n  onClickOutside?: () => void;\n  pressDuration?: number;\n  isSelecting?: boolean;\n} & Omit<HTMLAttributes<HTMLDivElement>, 'content'>;\n\nexport const ContentSelector: FC<ContentSelectorProps> = ({\n  children,\n  onPress: onSelect,\n  onHover,\n  onUnhover,\n  onClickOutside: onUnselect,\n  pressDuration = DEFAULT_PRESS_DETECT_DURATION,\n  isSelecting: isSelectingProp,\n  ...props\n}) => {\n  const divRef = useRef<HTMLDivElement>(null);\n  const [isHovered, setIsHovered] = useState(false);\n  const [isSelectingState, setIsSelectingState] = useState(isSelectingProp);\n  const pressTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const isChildrenString = typeof children === 'string';\n\n  const handleOnLongPress = () => {\n    setIsSelectingState(true);\n    onSelect();\n  };\n\n  const startPressTimer = () => {\n    pressTimerRef.current = setTimeout(() => {\n      handleOnLongPress();\n    }, pressDuration);\n  };\n\n  const clearPressTimer = () => {\n    if (pressTimerRef.current) {\n      clearTimeout(pressTimerRef.current);\n      pressTimerRef.current = null;\n    }\n  };\n\n  const handleMouseDown = () => {\n    clearPressTimer(); // Ensure any previous timer is cleared\n    startPressTimer();\n  };\n\n  const handleMouseEnter = () => {\n    setIsHovered(true);\n    onHover?.();\n  };\n\n  const handleMouseUp = () => {\n    if (isHovered) {\n      setIsHovered(false);\n      onUnhover?.();\n    }\n    clearPressTimer();\n  };\n\n  // Use useCallback to ensure the function identity remains stable\n  const handleClickOutside = useCallback(\n    (event: MouseEvent) => {\n      if (divRef.current && !divRef.current.contains(event.target as Node)) {\n        setIsSelectingState(false);\n        onUnselect?.();\n      }\n    },\n    [onUnselect]\n  );\n\n  useEffect(() => {\n    // Attach click outside listener\n    document.addEventListener('mousedown', handleClickOutside);\n\n    return () => {\n      // Cleanup\n      document.removeEventListener('mousedown', handleClickOutside);\n      // clearPressTimer(); // Ensure to clear the timer when component unmounts\n    };\n  }, [handleClickOutside]);\n\n  const handleOnClick: MouseEventHandler<HTMLDivElement> = (e) => {\n    if (isSelectingState) {\n      e.preventDefault();\n      e.stopPropagation();\n    }\n  };\n\n  const handleOnBlur = () => {\n    // Stop editing when the element loses focus\n    setIsSelectingState(false);\n  };\n\n  return (\n    <span\n      style={{\n        display: isChildrenString ? 'inline' : 'inline-block',\n        cursor: 'pointer',\n        userSelect: 'none',\n        borderRadius: '0.375rem',\n        outlineWidth: '2px',\n        outlineOffset: '4px',\n        outlineStyle: 'solid',\n        outlineColor:\n          isSelectingProp || isSelectingState || isHovered\n            ? 'inherit'\n            : 'transparent',\n        transition: 'all 100ms 50ms ease-in-out',\n      }}\n      role=\"button\"\n      tabIndex={0}\n      onKeyUp={() => null}\n      onClick={handleOnClick}\n      onMouseDown={handleMouseDown}\n      onMouseUp={handleMouseUp}\n      onMouseLeave={handleMouseUp}\n      onTouchStart={handleMouseDown}\n      onTouchEnd={handleMouseUp}\n      onTouchCancel={handleMouseUp}\n      onBlur={handleOnBlur}\n      onMouseEnter={handleMouseEnter}\n      ref={divRef}\n      {...props}\n    >\n      {children}\n    </span>\n  );\n};\n"],"mappings":";;;;;;;AAKA,MAAM,gCAAgC;AAWtC,MAAaA,mBAA6C,EACxD,UACA,SAAS,UACT,SACA,WACA,gBAAgB,YAChB,gBAAgB,+BAChB,aAAa,gBACb,GAAG,YACC;CACJ,MAAM,SAAS,OAAuB,KAAK;CAC3C,MAAM,CAAC,WAAW,gBAAgB,SAAS,MAAM;CACjD,MAAM,CAAC,kBAAkB,uBAAuB,SAAS,gBAAgB;CACzE,MAAM,gBAAgB,OAA6C,KAAK;CACxE,MAAM,mBAAmB,OAAO,aAAa;CAE7C,MAAM,0BAA0B;AAC9B,sBAAoB,KAAK;AACzB,YAAU;;CAGZ,MAAM,wBAAwB;AAC5B,gBAAc,UAAU,iBAAiB;AACvC,sBAAmB;KAClB,cAAc;;CAGnB,MAAM,wBAAwB;AAC5B,MAAI,cAAc,SAAS;AACzB,gBAAa,cAAc,QAAQ;AACnC,iBAAc,UAAU;;;CAI5B,MAAM,wBAAwB;AAC5B,mBAAiB;AACjB,mBAAiB;;CAGnB,MAAM,yBAAyB;AAC7B,eAAa,KAAK;AAClB,aAAW;;CAGb,MAAM,sBAAsB;AAC1B,MAAI,WAAW;AACb,gBAAa,MAAM;AACnB,gBAAa;;AAEf,mBAAiB;;CAInB,MAAM,qBAAqB,aACxB,UAAsB;AACrB,MAAI,OAAO,WAAW,CAAC,OAAO,QAAQ,SAAS,MAAM,OAAe,EAAE;AACpE,uBAAoB,MAAM;AAC1B,iBAAc;;IAGlB,CAAC,WAAW,CACb;AAED,iBAAgB;AAEd,WAAS,iBAAiB,aAAa,mBAAmB;AAE1D,eAAa;AAEX,YAAS,oBAAoB,aAAa,mBAAmB;;IAG9D,CAAC,mBAAmB,CAAC;CAExB,MAAMC,iBAAoD,MAAM;AAC9D,MAAI,kBAAkB;AACpB,KAAE,gBAAgB;AAClB,KAAE,iBAAiB;;;CAIvB,MAAM,qBAAqB;AAEzB,sBAAoB,MAAM;;AAG5B,QACE,oBAAC;EACC,OAAO;GACL,SAAS,mBAAmB,WAAW;GACvC,QAAQ;GACR,YAAY;GACZ,cAAc;GACd,cAAc;GACd,eAAe;GACf,cAAc;GACd,cACE,mBAAmB,oBAAoB,YACnC,YACA;GACN,YAAY;GACb;EACD,MAAK;EACL,UAAU;EACV,eAAe;EACf,SAAS;EACT,aAAa;EACb,WAAW;EACX,cAAc;EACd,cAAc;EACd,YAAY;EACZ,eAAe;EACf,QAAQ;EACR,cAAc;EACd,KAAK;EACL,GAAI;EAEH;GACI"}

package/dist/esm/client/IntlayerProvider.mjs

@@ -1,63 +1,60 @@
-"use client";
-import { jsx } from "preact/jsx-runtime";
-import configuration from "@intlayer/config/built";
+'use client';
+
+
+import { useCrossFrameState } from "../editor/useCrossFrameState.mjs";
+import { IntlayerEditorProvider } from "../editor/IntlayerEditorProvider.mjs";
+import { localeCookie, setLocaleInStorage as setLocaleInStorage$1 } from "./useLocaleStorage.mjs";
+import { createContext } from "preact";
 import { localeResolver } from "@intlayer/core";
 import { MessageKey } from "@intlayer/editor";
-import {
-  createContext
-} from "preact";
+import configuration from "@intlayer/config/built";
 import { useContext } from "preact/hooks";
-import { IntlayerEditorProvider } from "../editor/IntlayerEditorProvider.mjs";
-import { useCrossFrameState } from "../editor/useCrossFrameState.mjs";
-import { localeCookie, setLocaleCookie } from "./useLocaleCookie.mjs";
+import { jsx } from "preact/jsx-runtime";
+
+//#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,
+	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 ?? true);
+	};
+	const setLocale = setLocaleProp ?? setLocaleBase;
+	const resolvedLocale = localeResolver(localeProp ?? currentLocale);
+	return /* @__PURE__ */ jsx(IntlayerClientContext.Provider, {
+		value: {
+			locale: resolvedLocale,
+			setLocale,
+			disableEditor,
+			isCookieEnabled
+		},
+		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';\nimport { localeResolver } from '@intlayer/core';\nimport { MessageKey } from '@intlayer/editor';\nimport {\n  type ComponentChild,\n  createContext,\n  type FunctionComponent,\n} from 'preact';\nimport { useContext } from 'preact/hooks';\nimport { IntlayerEditorProvider } from '../editor/IntlayerEditorProvider';\nimport { useCrossFrameState } from '../editor/useCrossFrameState';\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 = {\n  children?: ComponentChild;\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: FunctionComponent<\n  IntlayerProviderProps\n> = ({\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: FunctionComponent<IntlayerProviderProps> = (\n  props\n) => (\n  <IntlayerEditorProvider>\n    <IntlayerProviderContent {...props} />\n  </IntlayerEditorProvider>\n);\n"],"mappings":";AAqFI;AAnFJ,OAAO,mBAAmB;AAE1B,SAAS,sBAAsB;AAC/B,SAAS,kBAAkB;AAC3B;AAAA,EAEE;AAAA,OAEK;AACP,SAAS,kBAAkB;AAC3B,SAAS,8BAA8B;AACvC,SAAS,0BAA0B;AACnC,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;AAajE,MAAM,0BAET,CAAC;AAAA,EACH,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,mBAA6D,CACxE,UAEA,oBAAC,0BACC,8BAAC,2BAAyB,GAAG,OAAO,GACtC;","names":[]}
+{"version":3,"file":"IntlayerProvider.mjs","names":["IntlayerProviderContent: FunctionComponent<\n  IntlayerProviderProps\n>","IntlayerProvider: FunctionComponent<IntlayerProviderProps>"],"sources":["../../../src/client/IntlayerProvider.tsx"],"sourcesContent":["'use client';\n\nimport configuration from '@intlayer/config/built';\nimport { localeResolver } from '@intlayer/core';\nimport { MessageKey } from '@intlayer/editor';\nimport type { LocalesValues } from '@intlayer/types';\nimport {\n  type ComponentChild,\n  createContext,\n  type FunctionComponent,\n} from 'preact';\nimport { useContext } from 'preact/hooks';\nimport { IntlayerEditorProvider } from '../editor/IntlayerEditorProvider';\nimport { useCrossFrameState } from '../editor/useCrossFrameState';\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  disableEditor: false,\n});\n\n/**\n * Hook that provides the current locale\n */\nexport const useIntlayerContext = () => useContext(IntlayerClientContext);\n\nexport type IntlayerProviderProps = {\n  children?: ComponentChild;\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: FunctionComponent<\n  IntlayerProviderProps\n> = ({\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 ?? true); // 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        isCookieEnabled,\n      }}\n    >\n      {children}\n    </IntlayerClientContext.Provider>\n  );\n};\n\nexport const IntlayerProvider: FunctionComponent<IntlayerProviderProps> = (\n  props\n) => (\n  <IntlayerEditorProvider>\n    <IntlayerProviderContent {...props} />\n  </IntlayerEditorProvider>\n);\n"],"mappings":";;;;;;;;;;;;;;;;;AA0BA,MAAa,wBAAwB,cAA6B;CAChE,QAAQ,gBAAgB,eAAe,sBAAsB;CAC7D,iBAAiB;CACjB,eAAe;CAChB,CAAC;;;;AAKF,MAAa,2BAA2B,WAAW,sBAAsB;;;;AAczE,MAAaA,2BAER,EACH,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,mBAAmB,KAAK;;CAGxD,MAAM,YAAY,iBAAiB;CAEnC,MAAM,iBAAiB,eAAe,cAAc,cAAc;AAElE,QACE,oBAAC,sBAAsB;EACrB,OAAO;GACL,QAAQ;GACR;GACA;GACA;GACD;EAEA;GAC8B;;AAIrC,MAAaC,oBACX,UAEA,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";
+'use client';
+
+
+import { IntlayerClientContext } from "../IntlayerProvider.mjs";
 import { compact } from "@intlayer/core";
 import { useCallback, useContext } from "preact/hooks";
-import { IntlayerClientContext } from "../IntlayerProvider.mjs";
+
+//#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 'preact/hooks';\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 'preact/hooks';\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";
+'use client';
+
+
+import { IntlayerClientContext } from "../IntlayerProvider.mjs";
 import { currency } from "@intlayer/core";
 import { useCallback, useContext } from "preact/hooks";
-import { IntlayerClientContext } from "../IntlayerProvider.mjs";
+
+//#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 'preact/hooks';\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 'preact/hooks';\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";
+'use client';
+
+
+import { IntlayerClientContext } from "../IntlayerProvider.mjs";
 import { date } from "@intlayer/core";
 import { useContext } from "preact/hooks";
-import { IntlayerClientContext } from "../IntlayerProvider.mjs";
+
+//#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 'preact/hooks';\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 'preact/hooks';\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";
+'use client';
+
+
+import { IntlayerClientContext } from "../IntlayerProvider.mjs";
 import { list } from "@intlayer/core";
 import { useCallback, useContext } from "preact/hooks";
-import { IntlayerClientContext } from "../IntlayerProvider.mjs";
+
+//#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