@intlayer/design-system 4.0.2 → 4.0.3

package/dist/hooks/usePersistedStore.cjs

@@ -27,11 +27,14 @@ const usePersistedStore = (key, initialValue) => {
       setState(initialValue);
     }
   }, [key, state]);
-  require$$0.useEffect(() => {
-    if (state === void 0) return;
-    localStorage?.setItem(key, JSON.stringify(state));
-  }, [key, state]);
-  return [state ?? initialValue, setState];
+  const setStateResult = (valueOrUpdater) => {
+    setState((prev) => {
+      const newValue = typeof valueOrUpdater === "function" ? valueOrUpdater(prev) : valueOrUpdater;
+      localStorage?.setItem(key, JSON.stringify(state));
+      return newValue;
+    });
+  };
+  return [state ?? initialValue, setStateResult];
 };
 exports.usePersistedStore = usePersistedStore;
 //# sourceMappingURL=usePersistedStore.cjs.map

package/dist/hooks/usePersistedStore.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"usePersistedStore.cjs","sources":["../../src/hooks/usePersistedStore.ts"],"sourcesContent":["'use client';\n\nimport { useState, useEffect } from 'react';\n\nexport const usePersistedStore = <T>(key: string, initialValue?: T) => {\n  const [state, setState] = useState<T>(() => {\n    if (typeof window === 'undefined') return initialValue as T;\n\n    const persistedState = localStorage?.getItem(key);\n\n    if (persistedState) {\n      try {\n        return JSON.parse(persistedState);\n      } catch (e) {\n        console.error(e);\n      }\n    }\n\n    return undefined as T;\n  });\n\n  useEffect(() => {\n    const persistedState = localStorage?.getItem(key);\n\n    if (persistedState && state === undefined) {\n      try {\n        setState(JSON.parse(persistedState));\n      } catch (e) {\n        console.error(e);\n      }\n    } else if (initialValue !== undefined && state === undefined) {\n      setState(initialValue);\n    }\n  }, [key, state]);\n\n  useEffect(() => {\n    if (state === undefined) return;\n\n    localStorage?.setItem(key, JSON.stringify(state));\n  }, [key, state]);\n\n  return [(state ?? initialValue) as T, setState] as const;\n};\n"],"names":["useState","useEffect"],"mappings":";;;;AAIa,MAAA,oBAAoB,CAAI,KAAa,iBAAqB;AACrE,QAAM,CAAC,OAAO,QAAQ,IAAIA,oBAAY,MAAM;AACtC,QAAA,OAAO,WAAW,YAAoB,QAAA;AAEpC,UAAA,iBAAiB,cAAc,QAAQ,GAAG;AAEhD,QAAI,gBAAgB;AACd,UAAA;AACK,eAAA,KAAK,MAAM,cAAc;AAAA,eACzB,GAAG;AACV,gBAAQ,MAAM,CAAC;AAAA,MAAA;AAAA,IACjB;AAGK,WAAA;AAAA,EAAA,CACR;AAEDC,aAAAA,UAAU,MAAM;AACR,UAAA,iBAAiB,cAAc,QAAQ,GAAG;AAE5C,QAAA,kBAAkB,UAAU,QAAW;AACrC,UAAA;AACO,iBAAA,KAAK,MAAM,cAAc,CAAC;AAAA,eAC5B,GAAG;AACV,gBAAQ,MAAM,CAAC;AAAA,MAAA;AAAA,IAER,WAAA,iBAAiB,UAAa,UAAU,QAAW;AAC5D,eAAS,YAAY;AAAA,IAAA;AAAA,EACvB,GACC,CAAC,KAAK,KAAK,CAAC;AAEfA,aAAAA,UAAU,MAAM;AACd,QAAI,UAAU,OAAW;AAEzB,kBAAc,QAAQ,KAAK,KAAK,UAAU,KAAK,CAAC;AAAA,EAAA,GAC/C,CAAC,KAAK,KAAK,CAAC;AAER,SAAA,CAAE,SAAS,cAAoB,QAAQ;AAChD;;"}
+{"version":3,"file":"usePersistedStore.cjs","sources":["../../src/hooks/usePersistedStore.ts"],"sourcesContent":["'use client';\n\nimport { useState, useEffect, type SetStateAction } from 'react';\n\nexport const usePersistedStore = <T>(key: string, initialValue?: T) => {\n  const [state, setState] = useState<T>(() => {\n    if (typeof window === 'undefined') return initialValue as T;\n\n    const persistedState = localStorage?.getItem(key);\n\n    if (persistedState) {\n      try {\n        return JSON.parse(persistedState);\n      } catch (e) {\n        console.error(e);\n      }\n    }\n\n    return undefined as T;\n  });\n\n  useEffect(() => {\n    const persistedState = localStorage?.getItem(key);\n\n    if (persistedState && state === undefined) {\n      try {\n        setState(JSON.parse(persistedState));\n      } catch (e) {\n        console.error(e);\n      }\n    } else if (initialValue !== undefined && state === undefined) {\n      setState(initialValue);\n    }\n  }, [key, state]);\n\n  /**\n   * Allows setting state either directly or via a functional update.\n   * If passed a function, we merge/update based on the previous state.\n   */\n  const setStateResult = (valueOrUpdater: SetStateAction<T>) => {\n    setState((prev) => {\n      const newValue: T =\n        typeof valueOrUpdater === 'function'\n          ? (valueOrUpdater as (prevVal: T) => T)(prev)\n          : valueOrUpdater;\n\n      localStorage?.setItem(key, JSON.stringify(state));\n\n      return newValue;\n    });\n  };\n\n  return [(state ?? initialValue) as T, setStateResult] as const;\n};\n"],"names":["useState","useEffect"],"mappings":";;;;AAIa,MAAA,oBAAoB,CAAI,KAAa,iBAAqB;AACrE,QAAM,CAAC,OAAO,QAAQ,IAAIA,oBAAY,MAAM;AACtC,QAAA,OAAO,WAAW,YAAoB,QAAA;AAEpC,UAAA,iBAAiB,cAAc,QAAQ,GAAG;AAEhD,QAAI,gBAAgB;AACd,UAAA;AACK,eAAA,KAAK,MAAM,cAAc;AAAA,eACzB,GAAG;AACV,gBAAQ,MAAM,CAAC;AAAA,MAAA;AAAA,IACjB;AAGK,WAAA;AAAA,EAAA,CACR;AAEDC,aAAAA,UAAU,MAAM;AACR,UAAA,iBAAiB,cAAc,QAAQ,GAAG;AAE5C,QAAA,kBAAkB,UAAU,QAAW;AACrC,UAAA;AACO,iBAAA,KAAK,MAAM,cAAc,CAAC;AAAA,eAC5B,GAAG;AACV,gBAAQ,MAAM,CAAC;AAAA,MAAA;AAAA,IAER,WAAA,iBAAiB,UAAa,UAAU,QAAW;AAC5D,eAAS,YAAY;AAAA,IAAA;AAAA,EACvB,GACC,CAAC,KAAK,KAAK,CAAC;AAMT,QAAA,iBAAiB,CAAC,mBAAsC;AAC5D,aAAS,CAAC,SAAS;AACjB,YAAM,WACJ,OAAO,mBAAmB,aACrB,eAAqC,IAAI,IAC1C;AAEN,oBAAc,QAAQ,KAAK,KAAK,UAAU,KAAK,CAAC;AAEzC,aAAA;AAAA,IAAA,CACR;AAAA,EACH;AAEO,SAAA,CAAE,SAAS,cAAoB,cAAc;AACtD;;"}

package/dist/hooks/usePersistedStore.d.ts

@@ -1,2 +1,3 @@
-export declare const usePersistedStore: <T>(key: string, initialValue?: T) => readonly [T, import('react').Dispatch<import('react').SetStateAction<T>>];
+import { SetStateAction } from 'react';
+export declare const usePersistedStore: <T>(key: string, initialValue?: T) => readonly [T, (valueOrUpdater: SetStateAction<T>) => void];
 //# sourceMappingURL=usePersistedStore.d.ts.map

package/dist/hooks/usePersistedStore.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"usePersistedStore.d.ts","sourceRoot":"","sources":["../../src/hooks/usePersistedStore.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,iBAAiB,GAAI,CAAC,OAAO,MAAM,iBAAiB,CAAC,8EAsCjE,CAAC"}
+{"version":3,"file":"usePersistedStore.d.ts","sourceRoot":"","sources":["../../src/hooks/usePersistedStore.ts"],"names":[],"mappings":"AAEA,OAAO,EAAuB,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAEjE,eAAO,MAAM,iBAAiB,GAAI,CAAC,OAAO,MAAM,iBAAiB,CAAC,mCAmCxB,cAAc,CAAC,CAAC,CAAC,UAc1D,CAAC"}

package/dist/hooks/usePersistedStore.mjs

@@ -25,11 +25,14 @@ const usePersistedStore = (key, initialValue) => {
       setState(initialValue);
     }
   }, [key, state]);
-  useEffect(() => {
-    if (state === void 0) return;
-    localStorage?.setItem(key, JSON.stringify(state));
-  }, [key, state]);
-  return [state ?? initialValue, setState];
+  const setStateResult = (valueOrUpdater) => {
+    setState((prev) => {
+      const newValue = typeof valueOrUpdater === "function" ? valueOrUpdater(prev) : valueOrUpdater;
+      localStorage?.setItem(key, JSON.stringify(state));
+      return newValue;
+    });
+  };
+  return [state ?? initialValue, setStateResult];
 };
 export {
   usePersistedStore

package/dist/hooks/usePersistedStore.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"usePersistedStore.mjs","sources":["../../src/hooks/usePersistedStore.ts"],"sourcesContent":["'use client';\n\nimport { useState, useEffect } from 'react';\n\nexport const usePersistedStore = <T>(key: string, initialValue?: T) => {\n  const [state, setState] = useState<T>(() => {\n    if (typeof window === 'undefined') return initialValue as T;\n\n    const persistedState = localStorage?.getItem(key);\n\n    if (persistedState) {\n      try {\n        return JSON.parse(persistedState);\n      } catch (e) {\n        console.error(e);\n      }\n    }\n\n    return undefined as T;\n  });\n\n  useEffect(() => {\n    const persistedState = localStorage?.getItem(key);\n\n    if (persistedState && state === undefined) {\n      try {\n        setState(JSON.parse(persistedState));\n      } catch (e) {\n        console.error(e);\n      }\n    } else if (initialValue !== undefined && state === undefined) {\n      setState(initialValue);\n    }\n  }, [key, state]);\n\n  useEffect(() => {\n    if (state === undefined) return;\n\n    localStorage?.setItem(key, JSON.stringify(state));\n  }, [key, state]);\n\n  return [(state ?? initialValue) as T, setState] as const;\n};\n"],"names":[],"mappings":";;AAIa,MAAA,oBAAoB,CAAI,KAAa,iBAAqB;AACrE,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAY,MAAM;AACtC,QAAA,OAAO,WAAW,YAAoB,QAAA;AAEpC,UAAA,iBAAiB,cAAc,QAAQ,GAAG;AAEhD,QAAI,gBAAgB;AACd,UAAA;AACK,eAAA,KAAK,MAAM,cAAc;AAAA,eACzB,GAAG;AACV,gBAAQ,MAAM,CAAC;AAAA,MAAA;AAAA,IACjB;AAGK,WAAA;AAAA,EAAA,CACR;AAED,YAAU,MAAM;AACR,UAAA,iBAAiB,cAAc,QAAQ,GAAG;AAE5C,QAAA,kBAAkB,UAAU,QAAW;AACrC,UAAA;AACO,iBAAA,KAAK,MAAM,cAAc,CAAC;AAAA,eAC5B,GAAG;AACV,gBAAQ,MAAM,CAAC;AAAA,MAAA;AAAA,IAER,WAAA,iBAAiB,UAAa,UAAU,QAAW;AAC5D,eAAS,YAAY;AAAA,IAAA;AAAA,EACvB,GACC,CAAC,KAAK,KAAK,CAAC;AAEf,YAAU,MAAM;AACd,QAAI,UAAU,OAAW;AAEzB,kBAAc,QAAQ,KAAK,KAAK,UAAU,KAAK,CAAC;AAAA,EAAA,GAC/C,CAAC,KAAK,KAAK,CAAC;AAER,SAAA,CAAE,SAAS,cAAoB,QAAQ;AAChD;"}
+{"version":3,"file":"usePersistedStore.mjs","sources":["../../src/hooks/usePersistedStore.ts"],"sourcesContent":["'use client';\n\nimport { useState, useEffect, type SetStateAction } from 'react';\n\nexport const usePersistedStore = <T>(key: string, initialValue?: T) => {\n  const [state, setState] = useState<T>(() => {\n    if (typeof window === 'undefined') return initialValue as T;\n\n    const persistedState = localStorage?.getItem(key);\n\n    if (persistedState) {\n      try {\n        return JSON.parse(persistedState);\n      } catch (e) {\n        console.error(e);\n      }\n    }\n\n    return undefined as T;\n  });\n\n  useEffect(() => {\n    const persistedState = localStorage?.getItem(key);\n\n    if (persistedState && state === undefined) {\n      try {\n        setState(JSON.parse(persistedState));\n      } catch (e) {\n        console.error(e);\n      }\n    } else if (initialValue !== undefined && state === undefined) {\n      setState(initialValue);\n    }\n  }, [key, state]);\n\n  /**\n   * Allows setting state either directly or via a functional update.\n   * If passed a function, we merge/update based on the previous state.\n   */\n  const setStateResult = (valueOrUpdater: SetStateAction<T>) => {\n    setState((prev) => {\n      const newValue: T =\n        typeof valueOrUpdater === 'function'\n          ? (valueOrUpdater as (prevVal: T) => T)(prev)\n          : valueOrUpdater;\n\n      localStorage?.setItem(key, JSON.stringify(state));\n\n      return newValue;\n    });\n  };\n\n  return [(state ?? initialValue) as T, setStateResult] as const;\n};\n"],"names":[],"mappings":";;AAIa,MAAA,oBAAoB,CAAI,KAAa,iBAAqB;AACrE,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAY,MAAM;AACtC,QAAA,OAAO,WAAW,YAAoB,QAAA;AAEpC,UAAA,iBAAiB,cAAc,QAAQ,GAAG;AAEhD,QAAI,gBAAgB;AACd,UAAA;AACK,eAAA,KAAK,MAAM,cAAc;AAAA,eACzB,GAAG;AACV,gBAAQ,MAAM,CAAC;AAAA,MAAA;AAAA,IACjB;AAGK,WAAA;AAAA,EAAA,CACR;AAED,YAAU,MAAM;AACR,UAAA,iBAAiB,cAAc,QAAQ,GAAG;AAE5C,QAAA,kBAAkB,UAAU,QAAW;AACrC,UAAA;AACO,iBAAA,KAAK,MAAM,cAAc,CAAC;AAAA,eAC5B,GAAG;AACV,gBAAQ,MAAM,CAAC;AAAA,MAAA;AAAA,IAER,WAAA,iBAAiB,UAAa,UAAU,QAAW;AAC5D,eAAS,YAAY;AAAA,IAAA;AAAA,EACvB,GACC,CAAC,KAAK,KAAK,CAAC;AAMT,QAAA,iBAAiB,CAAC,mBAAsC;AAC5D,aAAS,CAAC,SAAS;AACjB,YAAM,WACJ,OAAO,mBAAmB,aACrB,eAAqC,IAAI,IAC1C;AAEN,oBAAc,QAAQ,KAAK,KAAK,UAAU,KAAK,CAAC;AAEzC,aAAA;AAAA,IAAA,CACR;AAAA,EACH;AAEO,SAAA,CAAE,SAAS,cAAoB,cAAc;AACtD;"}

package/dist/hooks/useScrollBlockage/index.cjs

@@ -1,34 +1,8 @@
-"use client";
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require$$0 = require("react");
-const shallow = require("../../shallow-lhDIFtEp.cjs");
-const hooks_useGetElementOrWindow = require("../useGetElementOrWindow.cjs");
-const hooks_useScrollBlockage_useScrollBlockageStore = require("./useScrollBlockageStore.cjs");
-const useScrollBlockage = (props) => {
-  const {
-    disableScroll = false,
-    element,
-    key = "unnamed_blocker"
-  } = props ?? {};
-  const { isElementScrollBlocked, addBlockage, removeBlockage } = hooks_useScrollBlockage_useScrollBlockageStore.useScrollBlockageStore(
-    shallow.useShallow((s) => ({
-      isElementScrollBlocked: s.isElementScrollBlocked,
-      addBlockage: s.addBlockage,
-      removeBlockage: s.removeBlockage
-    }))
-  );
-  const containerElement = hooks_useGetElementOrWindow.useGetElementOrWindow(element);
-  require$$0.useEffect(() => {
-    const el = element ?? window.document.body;
-    if (disableScroll) {
-      addBlockage(key, el);
-    } else {
-      removeBlockage(key, el);
-    }
-  }, [addBlockage, disableScroll, element, key, removeBlockage]);
-  const isScrollBlocked = containerElement ? isElementScrollBlocked(containerElement) : false;
-  return { isScrollBlocked };
-};
-exports.useScrollBlockage = useScrollBlockage;
+require("react");
+const hooks_useScrollBlockage_index = require("../../index-Cg-S9ry9.cjs");
+require("../useGetElementOrWindow.cjs");
+require("./useScrollBlockageStore.cjs");
+exports.useScrollBlockage = hooks_useScrollBlockage_index.useScrollBlockage;
 //# sourceMappingURL=index.cjs.map

package/dist/hooks/useScrollBlockage/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/hooks/useScrollBlockage/index.tsx"],"sourcesContent":["'use client';\n\nimport { useEffect } from 'react';\nimport { useShallow } from 'zustand/react/shallow';\nimport { useGetElementOrWindow } from '../useGetElementOrWindow';\n\nimport { useScrollBlockageStore } from './useScrollBlockageStore';\n\ntype useScrollBlockagePropsReadOnly = {\n  disableScroll: undefined;\n  key: undefined;\n  element?: HTMLElement; // The element to block the scroll. If not defined, the window will be used\n};\n\ntype useScrollBlockageProps = {\n  disableScroll: boolean;\n  key: string; // The key to identify the blockage to avoid conflicts. Required if disableScroll is defined\n  element?: HTMLElement; // The element to block the scroll. If not defined, the window will be used\n};\n\nexport const useScrollBlockage = (\n  props?: useScrollBlockageProps | useScrollBlockagePropsReadOnly\n) => {\n  const {\n    disableScroll = false,\n    element,\n    key = 'unnamed_blocker',\n  } = props ?? {};\n\n  const { isElementScrollBlocked, addBlockage, removeBlockage } =\n    useScrollBlockageStore(\n      useShallow((s) => ({\n        isElementScrollBlocked: s.isElementScrollBlocked,\n        addBlockage: s.addBlockage,\n        removeBlockage: s.removeBlockage,\n      }))\n    );\n\n  const containerElement = useGetElementOrWindow(element);\n\n  useEffect(() => {\n    const el = element ?? window.document.body;\n\n    if (disableScroll) {\n      addBlockage(key, el);\n    } else {\n      removeBlockage(key, el);\n    }\n  }, [addBlockage, disableScroll, element, key, removeBlockage]);\n\n  const isScrollBlocked = containerElement\n    ? isElementScrollBlocked(containerElement)\n    : false;\n\n  return { isScrollBlocked };\n};\n"],"names":["useScrollBlockageStore","useShallow","useGetElementOrWindow","useEffect"],"mappings":";;;;;;;AAoBa,MAAA,oBAAoB,CAC/B,UACG;AACG,QAAA;AAAA,IACJ,gBAAgB;AAAA,IAChB;AAAA,IACA,MAAM;AAAA,EACR,IAAI,SAAS,CAAC;AAEd,QAAM,EAAE,wBAAwB,aAAa,eAC3C,IAAAA,+CAAA;AAAA,IACEC,QAAA,WAAW,CAAC,OAAO;AAAA,MACjB,wBAAwB,EAAE;AAAA,MAC1B,aAAa,EAAE;AAAA,MACf,gBAAgB,EAAE;AAAA,IAAA,EAClB;AAAA,EACJ;AAEI,QAAA,mBAAmBC,kDAAsB,OAAO;AAEtDC,aAAAA,UAAU,MAAM;AACR,UAAA,KAAK,WAAW,OAAO,SAAS;AAEtC,QAAI,eAAe;AACjB,kBAAY,KAAK,EAAE;AAAA,IAAA,OACd;AACL,qBAAe,KAAK,EAAE;AAAA,IAAA;AAAA,EACxB,GACC,CAAC,aAAa,eAAe,SAAS,KAAK,cAAc,CAAC;AAE7D,QAAM,kBAAkB,mBACpB,uBAAuB,gBAAgB,IACvC;AAEJ,SAAO,EAAE,gBAAgB;AAC3B;;"}
+{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}

package/dist/hooks/useScrollBlockage/index.mjs

@@ -1,34 +1,8 @@
-"use client";
-import { useEffect } from "react";
-import { u as useShallow } from "../../shallow-m9BpCkKh.js";
-import { useGetElementOrWindow } from "../useGetElementOrWindow.mjs";
-import { useScrollBlockageStore } from "./useScrollBlockageStore.mjs";
-const useScrollBlockage = (props) => {
-  const {
-    disableScroll = false,
-    element,
-    key = "unnamed_blocker"
-  } = props ?? {};
-  const { isElementScrollBlocked, addBlockage, removeBlockage } = useScrollBlockageStore(
-    useShallow((s) => ({
-      isElementScrollBlocked: s.isElementScrollBlocked,
-      addBlockage: s.addBlockage,
-      removeBlockage: s.removeBlockage
-    }))
-  );
-  const containerElement = useGetElementOrWindow(element);
-  useEffect(() => {
-    const el = element ?? window.document.body;
-    if (disableScroll) {
-      addBlockage(key, el);
-    } else {
-      removeBlockage(key, el);
-    }
-  }, [addBlockage, disableScroll, element, key, removeBlockage]);
-  const isScrollBlocked = containerElement ? isElementScrollBlocked(containerElement) : false;
-  return { isScrollBlocked };
-};
+import "react";
+import { u } from "../../index-O_7rYrbW.js";
+import "../useGetElementOrWindow.mjs";
+import "./useScrollBlockageStore.mjs";
 export {
-  useScrollBlockage
+  u as useScrollBlockage
 };
 //# sourceMappingURL=index.mjs.map

package/dist/hooks/useScrollBlockage/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../src/hooks/useScrollBlockage/index.tsx"],"sourcesContent":["'use client';\n\nimport { useEffect } from 'react';\nimport { useShallow } from 'zustand/react/shallow';\nimport { useGetElementOrWindow } from '../useGetElementOrWindow';\n\nimport { useScrollBlockageStore } from './useScrollBlockageStore';\n\ntype useScrollBlockagePropsReadOnly = {\n  disableScroll: undefined;\n  key: undefined;\n  element?: HTMLElement; // The element to block the scroll. If not defined, the window will be used\n};\n\ntype useScrollBlockageProps = {\n  disableScroll: boolean;\n  key: string; // The key to identify the blockage to avoid conflicts. Required if disableScroll is defined\n  element?: HTMLElement; // The element to block the scroll. If not defined, the window will be used\n};\n\nexport const useScrollBlockage = (\n  props?: useScrollBlockageProps | useScrollBlockagePropsReadOnly\n) => {\n  const {\n    disableScroll = false,\n    element,\n    key = 'unnamed_blocker',\n  } = props ?? {};\n\n  const { isElementScrollBlocked, addBlockage, removeBlockage } =\n    useScrollBlockageStore(\n      useShallow((s) => ({\n        isElementScrollBlocked: s.isElementScrollBlocked,\n        addBlockage: s.addBlockage,\n        removeBlockage: s.removeBlockage,\n      }))\n    );\n\n  const containerElement = useGetElementOrWindow(element);\n\n  useEffect(() => {\n    const el = element ?? window.document.body;\n\n    if (disableScroll) {\n      addBlockage(key, el);\n    } else {\n      removeBlockage(key, el);\n    }\n  }, [addBlockage, disableScroll, element, key, removeBlockage]);\n\n  const isScrollBlocked = containerElement\n    ? isElementScrollBlocked(containerElement)\n    : false;\n\n  return { isScrollBlocked };\n};\n"],"names":[],"mappings":";;;;;AAoBa,MAAA,oBAAoB,CAC/B,UACG;AACG,QAAA;AAAA,IACJ,gBAAgB;AAAA,IAChB;AAAA,IACA,MAAM;AAAA,EACR,IAAI,SAAS,CAAC;AAEd,QAAM,EAAE,wBAAwB,aAAa,eAC3C,IAAA;AAAA,IACE,WAAW,CAAC,OAAO;AAAA,MACjB,wBAAwB,EAAE;AAAA,MAC1B,aAAa,EAAE;AAAA,MACf,gBAAgB,EAAE;AAAA,IAAA,EAClB;AAAA,EACJ;AAEI,QAAA,mBAAmB,sBAAsB,OAAO;AAEtD,YAAU,MAAM;AACR,UAAA,KAAK,WAAW,OAAO,SAAS;AAEtC,QAAI,eAAe;AACjB,kBAAY,KAAK,EAAE;AAAA,IAAA,OACd;AACL,qBAAe,KAAK,EAAE;AAAA,IAAA;AAAA,EACxB,GACC,CAAC,aAAa,eAAe,SAAS,KAAK,cAAc,CAAC;AAE7D,QAAM,kBAAkB,mBACpB,uBAAuB,gBAAgB,IACvC;AAEJ,SAAO,EAAE,gBAAgB;AAC3B;"}
+{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/hooks/useScrollDetection.cjs

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require$$0 = require("react");
 const hooks_useGetElementOrWindow = require("./useGetElementOrWindow.cjs");
-const hooks_useScrollBlockage_index = require("./useScrollBlockage/index.cjs");
+const hooks_useScrollBlockage_index = require("../index-Cg-S9ry9.cjs");
 const useScrollDetection = (props) => {
   const {
     isEnabled = true,

package/dist/hooks/useScrollDetection.mjs

@@ -1,7 +1,7 @@
 "use client";
 import { useState, useCallback, useEffect } from "react";
 import { useGetElementOrWindow } from "./useGetElementOrWindow.mjs";
-import { useScrollBlockage } from "./useScrollBlockage/index.mjs";
+import { u as useScrollBlockage } from "../index-O_7rYrbW.js";
 const useScrollDetection = (props) => {
   const {
     isEnabled = true,

package/dist/index-Cg-S9ry9.cjs

@@ -0,0 +1,77 @@
+"use client";
+"use strict";
+const require$$0 = require("react");
+const hooks_useGetElementOrWindow = require("./hooks/useGetElementOrWindow.cjs");
+const hooks_useScrollBlockage_useScrollBlockageStore = require("./hooks/useScrollBlockage/useScrollBlockageStore.cjs");
+function shallow(objA, objB) {
+  if (Object.is(objA, objB)) {
+    return true;
+  }
+  if (typeof objA !== "object" || objA === null || typeof objB !== "object" || objB === null) {
+    return false;
+  }
+  if (objA instanceof Map && objB instanceof Map) {
+    if (objA.size !== objB.size) return false;
+    for (const [key, value] of objA) {
+      if (!Object.is(value, objB.get(key))) {
+        return false;
+      }
+    }
+    return true;
+  }
+  if (objA instanceof Set && objB instanceof Set) {
+    if (objA.size !== objB.size) return false;
+    for (const value of objA) {
+      if (!objB.has(value)) {
+        return false;
+      }
+    }
+    return true;
+  }
+  const keysA = Object.keys(objA);
+  if (keysA.length !== Object.keys(objB).length) {
+    return false;
+  }
+  for (const keyA of keysA) {
+    if (!Object.prototype.hasOwnProperty.call(objB, keyA) || !Object.is(objA[keyA], objB[keyA])) {
+      return false;
+    }
+  }
+  return true;
+}
+const { useRef } = require$$0;
+function useShallow(selector) {
+  const prev = useRef();
+  return (state) => {
+    const next = selector(state);
+    return shallow(prev.current, next) ? prev.current : prev.current = next;
+  };
+}
+const useScrollBlockage = (props) => {
+  const {
+    disableScroll = false,
+    element,
+    key = "unnamed_blocker"
+  } = props ?? {};
+  const { isElementScrollBlocked, addBlockage, removeBlockage } = hooks_useScrollBlockage_useScrollBlockageStore.useScrollBlockageStore(
+    useShallow((s) => ({
+      isElementScrollBlocked: s.isElementScrollBlocked,
+      addBlockage: s.addBlockage,
+      removeBlockage: s.removeBlockage
+    }))
+  );
+  const containerElement = hooks_useGetElementOrWindow.useGetElementOrWindow(element);
+  require$$0.useEffect(() => {
+    const el = element ?? window.document.body;
+    if (disableScroll) {
+      addBlockage(key, el);
+    } else {
+      removeBlockage(key, el);
+    }
+  }, [addBlockage, disableScroll, element, key, removeBlockage]);
+  const isScrollBlocked = containerElement ? isElementScrollBlocked(containerElement) : false;
+  return { isScrollBlocked };
+};
+exports.useScrollBlockage = useScrollBlockage;
+exports.useShallow = useShallow;
+//# sourceMappingURL=index-Cg-S9ry9.cjs.map

package/dist/index-Cg-S9ry9.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-Cg-S9ry9.cjs","sources":["../../../../node_modules/.pnpm/zustand@4.5.6_@types+react@18.3.18_immer@9.0.21_react@18.3.1/node_modules/zustand/esm/react/shallow.mjs","../src/hooks/useScrollBlockage/index.tsx"],"sourcesContent":["import ReactExports from 'react';\n\nfunction shallow(objA, objB) {\n  if (Object.is(objA, objB)) {\n    return true;\n  }\n  if (typeof objA !== \"object\" || objA === null || typeof objB !== \"object\" || objB === null) {\n    return false;\n  }\n  if (objA instanceof Map && objB instanceof Map) {\n    if (objA.size !== objB.size) return false;\n    for (const [key, value] of objA) {\n      if (!Object.is(value, objB.get(key))) {\n        return false;\n      }\n    }\n    return true;\n  }\n  if (objA instanceof Set && objB instanceof Set) {\n    if (objA.size !== objB.size) return false;\n    for (const value of objA) {\n      if (!objB.has(value)) {\n        return false;\n      }\n    }\n    return true;\n  }\n  const keysA = Object.keys(objA);\n  if (keysA.length !== Object.keys(objB).length) {\n    return false;\n  }\n  for (const keyA of keysA) {\n    if (!Object.prototype.hasOwnProperty.call(objB, keyA) || !Object.is(objA[keyA], objB[keyA])) {\n      return false;\n    }\n  }\n  return true;\n}\n\nconst { useRef } = ReactExports;\nfunction useShallow(selector) {\n  const prev = useRef();\n  return (state) => {\n    const next = selector(state);\n    return shallow(prev.current, next) ? prev.current : prev.current = next;\n  };\n}\n\nexport { useShallow };\n","'use client';\n\nimport { useEffect } from 'react';\nimport { useShallow } from 'zustand/react/shallow';\nimport { useGetElementOrWindow } from '../useGetElementOrWindow';\n\nimport { useScrollBlockageStore } from './useScrollBlockageStore';\n\ntype useScrollBlockagePropsReadOnly = {\n  disableScroll: undefined;\n  key: undefined;\n  element?: HTMLElement; // The element to block the scroll. If not defined, the window will be used\n};\n\ntype useScrollBlockageProps = {\n  disableScroll: boolean;\n  key: string; // The key to identify the blockage to avoid conflicts. Required if disableScroll is defined\n  element?: HTMLElement; // The element to block the scroll. If not defined, the window will be used\n};\n\nexport const useScrollBlockage = (\n  props?: useScrollBlockageProps | useScrollBlockagePropsReadOnly\n) => {\n  const {\n    disableScroll = false,\n    element,\n    key = 'unnamed_blocker',\n  } = props ?? {};\n\n  const { isElementScrollBlocked, addBlockage, removeBlockage } =\n    useScrollBlockageStore(\n      useShallow((s) => ({\n        isElementScrollBlocked: s.isElementScrollBlocked,\n        addBlockage: s.addBlockage,\n        removeBlockage: s.removeBlockage,\n      }))\n    );\n\n  const containerElement = useGetElementOrWindow(element);\n\n  useEffect(() => {\n    const el = element ?? window.document.body;\n\n    if (disableScroll) {\n      addBlockage(key, el);\n    } else {\n      removeBlockage(key, el);\n    }\n  }, [addBlockage, disableScroll, element, key, removeBlockage]);\n\n  const isScrollBlocked = containerElement\n    ? isElementScrollBlocked(containerElement)\n    : false;\n\n  return { isScrollBlocked };\n};\n"],"names":["ReactExports","useScrollBlockageStore","useGetElementOrWindow","useEffect"],"mappings":";;;;;AAEA,SAAS,QAAQ,MAAM,MAAM;AAC3B,MAAI,OAAO,GAAG,MAAM,IAAI,GAAG;AACzB,WAAO;AAAA,EACX;AACE,MAAI,OAAO,SAAS,YAAY,SAAS,QAAQ,OAAO,SAAS,YAAY,SAAS,MAAM;AAC1F,WAAO;AAAA,EACX;AACE,MAAI,gBAAgB,OAAO,gBAAgB,KAAK;AAC9C,QAAI,KAAK,SAAS,KAAK,KAAM,QAAO;AACpC,eAAW,CAAC,KAAK,KAAK,KAAK,MAAM;AAC/B,UAAI,CAAC,OAAO,GAAG,OAAO,KAAK,IAAI,GAAG,CAAC,GAAG;AACpC,eAAO;AAAA,MACf;AAAA,IACA;AACI,WAAO;AAAA,EACX;AACE,MAAI,gBAAgB,OAAO,gBAAgB,KAAK;AAC9C,QAAI,KAAK,SAAS,KAAK,KAAM,QAAO;AACpC,eAAW,SAAS,MAAM;AACxB,UAAI,CAAC,KAAK,IAAI,KAAK,GAAG;AACpB,eAAO;AAAA,MACf;AAAA,IACA;AACI,WAAO;AAAA,EACX;AACE,QAAM,QAAQ,OAAO,KAAK,IAAI;AAC9B,MAAI,MAAM,WAAW,OAAO,KAAK,IAAI,EAAE,QAAQ;AAC7C,WAAO;AAAA,EACX;AACE,aAAW,QAAQ,OAAO;AACxB,QAAI,CAAC,OAAO,UAAU,eAAe,KAAK,MAAM,IAAI,KAAK,CAAC,OAAO,GAAG,KAAK,IAAI,GAAG,KAAK,IAAI,CAAC,GAAG;AAC3F,aAAO;AAAA,IACb;AAAA,EACA;AACE,SAAO;AACT;AAEA,MAAM,EAAE,OAAQ,IAAGA;AACnB,SAAS,WAAW,UAAU;AAC5B,QAAM,OAAO,OAAQ;AACrB,SAAO,CAAC,UAAU;AAChB,UAAM,OAAO,SAAS,KAAK;AAC3B,WAAO,QAAQ,KAAK,SAAS,IAAI,IAAI,KAAK,UAAU,KAAK,UAAU;AAAA,EACpE;AACH;AC1Ba,MAAA,oBAAoB,CAC/B,UACG;AACG,QAAA;AAAA,IACJ,gBAAgB;AAAA,IAChB;AAAA,IACA,MAAM;AAAA,EACR,IAAI,SAAS,CAAC;AAEd,QAAM,EAAE,wBAAwB,aAAa,eAC3C,IAAAC,+CAAA;AAAA,IACE,WAAW,CAAC,OAAO;AAAA,MACjB,wBAAwB,EAAE;AAAA,MAC1B,aAAa,EAAE;AAAA,MACf,gBAAgB,EAAE;AAAA,IAAA,EAClB;AAAA,EACJ;AAEI,QAAA,mBAAmBC,kDAAsB,OAAO;AAEtDC,aAAAA,UAAU,MAAM;AACR,UAAA,KAAK,WAAW,OAAO,SAAS;AAEtC,QAAI,eAAe;AACjB,kBAAY,KAAK,EAAE;AAAA,IAAA,OACd;AACL,qBAAe,KAAK,EAAE;AAAA,IAAA;AAAA,EACxB,GACC,CAAC,aAAa,eAAe,SAAS,KAAK,cAAc,CAAC;AAE7D,QAAM,kBAAkB,mBACpB,uBAAuB,gBAAgB,IACvC;AAEJ,SAAO,EAAE,gBAAgB;AAC3B;;;","x_google_ignoreList":[0]}

package/dist/index-O_7rYrbW.js

@@ -0,0 +1,78 @@
+"use client";
+import require$$0, { useEffect } from "react";
+import { useGetElementOrWindow } from "./hooks/useGetElementOrWindow.mjs";
+import { useScrollBlockageStore } from "./hooks/useScrollBlockage/useScrollBlockageStore.mjs";
+function shallow(objA, objB) {
+  if (Object.is(objA, objB)) {
+    return true;
+  }
+  if (typeof objA !== "object" || objA === null || typeof objB !== "object" || objB === null) {
+    return false;
+  }
+  if (objA instanceof Map && objB instanceof Map) {
+    if (objA.size !== objB.size) return false;
+    for (const [key, value] of objA) {
+      if (!Object.is(value, objB.get(key))) {
+        return false;
+      }
+    }
+    return true;
+  }
+  if (objA instanceof Set && objB instanceof Set) {
+    if (objA.size !== objB.size) return false;
+    for (const value of objA) {
+      if (!objB.has(value)) {
+        return false;
+      }
+    }
+    return true;
+  }
+  const keysA = Object.keys(objA);
+  if (keysA.length !== Object.keys(objB).length) {
+    return false;
+  }
+  for (const keyA of keysA) {
+    if (!Object.prototype.hasOwnProperty.call(objB, keyA) || !Object.is(objA[keyA], objB[keyA])) {
+      return false;
+    }
+  }
+  return true;
+}
+const { useRef } = require$$0;
+function useShallow(selector) {
+  const prev = useRef();
+  return (state) => {
+    const next = selector(state);
+    return shallow(prev.current, next) ? prev.current : prev.current = next;
+  };
+}
+const useScrollBlockage = (props) => {
+  const {
+    disableScroll = false,
+    element,
+    key = "unnamed_blocker"
+  } = props ?? {};
+  const { isElementScrollBlocked, addBlockage, removeBlockage } = useScrollBlockageStore(
+    useShallow((s) => ({
+      isElementScrollBlocked: s.isElementScrollBlocked,
+      addBlockage: s.addBlockage,
+      removeBlockage: s.removeBlockage
+    }))
+  );
+  const containerElement = useGetElementOrWindow(element);
+  useEffect(() => {
+    const el = element ?? window.document.body;
+    if (disableScroll) {
+      addBlockage(key, el);
+    } else {
+      removeBlockage(key, el);
+    }
+  }, [addBlockage, disableScroll, element, key, removeBlockage]);
+  const isScrollBlocked = containerElement ? isElementScrollBlocked(containerElement) : false;
+  return { isScrollBlocked };
+};
+export {
+  useShallow as a,
+  useScrollBlockage as u
+};
+//# sourceMappingURL=index-O_7rYrbW.js.map

package/dist/index-O_7rYrbW.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-O_7rYrbW.js","sources":["../../../../node_modules/.pnpm/zustand@4.5.6_@types+react@18.3.18_immer@9.0.21_react@18.3.1/node_modules/zustand/esm/react/shallow.mjs","../src/hooks/useScrollBlockage/index.tsx"],"sourcesContent":["import ReactExports from 'react';\n\nfunction shallow(objA, objB) {\n  if (Object.is(objA, objB)) {\n    return true;\n  }\n  if (typeof objA !== \"object\" || objA === null || typeof objB !== \"object\" || objB === null) {\n    return false;\n  }\n  if (objA instanceof Map && objB instanceof Map) {\n    if (objA.size !== objB.size) return false;\n    for (const [key, value] of objA) {\n      if (!Object.is(value, objB.get(key))) {\n        return false;\n      }\n    }\n    return true;\n  }\n  if (objA instanceof Set && objB instanceof Set) {\n    if (objA.size !== objB.size) return false;\n    for (const value of objA) {\n      if (!objB.has(value)) {\n        return false;\n      }\n    }\n    return true;\n  }\n  const keysA = Object.keys(objA);\n  if (keysA.length !== Object.keys(objB).length) {\n    return false;\n  }\n  for (const keyA of keysA) {\n    if (!Object.prototype.hasOwnProperty.call(objB, keyA) || !Object.is(objA[keyA], objB[keyA])) {\n      return false;\n    }\n  }\n  return true;\n}\n\nconst { useRef } = ReactExports;\nfunction useShallow(selector) {\n  const prev = useRef();\n  return (state) => {\n    const next = selector(state);\n    return shallow(prev.current, next) ? prev.current : prev.current = next;\n  };\n}\n\nexport { useShallow };\n","'use client';\n\nimport { useEffect } from 'react';\nimport { useShallow } from 'zustand/react/shallow';\nimport { useGetElementOrWindow } from '../useGetElementOrWindow';\n\nimport { useScrollBlockageStore } from './useScrollBlockageStore';\n\ntype useScrollBlockagePropsReadOnly = {\n  disableScroll: undefined;\n  key: undefined;\n  element?: HTMLElement; // The element to block the scroll. If not defined, the window will be used\n};\n\ntype useScrollBlockageProps = {\n  disableScroll: boolean;\n  key: string; // The key to identify the blockage to avoid conflicts. Required if disableScroll is defined\n  element?: HTMLElement; // The element to block the scroll. If not defined, the window will be used\n};\n\nexport const useScrollBlockage = (\n  props?: useScrollBlockageProps | useScrollBlockagePropsReadOnly\n) => {\n  const {\n    disableScroll = false,\n    element,\n    key = 'unnamed_blocker',\n  } = props ?? {};\n\n  const { isElementScrollBlocked, addBlockage, removeBlockage } =\n    useScrollBlockageStore(\n      useShallow((s) => ({\n        isElementScrollBlocked: s.isElementScrollBlocked,\n        addBlockage: s.addBlockage,\n        removeBlockage: s.removeBlockage,\n      }))\n    );\n\n  const containerElement = useGetElementOrWindow(element);\n\n  useEffect(() => {\n    const el = element ?? window.document.body;\n\n    if (disableScroll) {\n      addBlockage(key, el);\n    } else {\n      removeBlockage(key, el);\n    }\n  }, [addBlockage, disableScroll, element, key, removeBlockage]);\n\n  const isScrollBlocked = containerElement\n    ? isElementScrollBlocked(containerElement)\n    : false;\n\n  return { isScrollBlocked };\n};\n"],"names":["ReactExports"],"mappings":";;;;AAEA,SAAS,QAAQ,MAAM,MAAM;AAC3B,MAAI,OAAO,GAAG,MAAM,IAAI,GAAG;AACzB,WAAO;AAAA,EACX;AACE,MAAI,OAAO,SAAS,YAAY,SAAS,QAAQ,OAAO,SAAS,YAAY,SAAS,MAAM;AAC1F,WAAO;AAAA,EACX;AACE,MAAI,gBAAgB,OAAO,gBAAgB,KAAK;AAC9C,QAAI,KAAK,SAAS,KAAK,KAAM,QAAO;AACpC,eAAW,CAAC,KAAK,KAAK,KAAK,MAAM;AAC/B,UAAI,CAAC,OAAO,GAAG,OAAO,KAAK,IAAI,GAAG,CAAC,GAAG;AACpC,eAAO;AAAA,MACf;AAAA,IACA;AACI,WAAO;AAAA,EACX;AACE,MAAI,gBAAgB,OAAO,gBAAgB,KAAK;AAC9C,QAAI,KAAK,SAAS,KAAK,KAAM,QAAO;AACpC,eAAW,SAAS,MAAM;AACxB,UAAI,CAAC,KAAK,IAAI,KAAK,GAAG;AACpB,eAAO;AAAA,MACf;AAAA,IACA;AACI,WAAO;AAAA,EACX;AACE,QAAM,QAAQ,OAAO,KAAK,IAAI;AAC9B,MAAI,MAAM,WAAW,OAAO,KAAK,IAAI,EAAE,QAAQ;AAC7C,WAAO;AAAA,EACX;AACE,aAAW,QAAQ,OAAO;AACxB,QAAI,CAAC,OAAO,UAAU,eAAe,KAAK,MAAM,IAAI,KAAK,CAAC,OAAO,GAAG,KAAK,IAAI,GAAG,KAAK,IAAI,CAAC,GAAG;AAC3F,aAAO;AAAA,IACb;AAAA,EACA;AACE,SAAO;AACT;AAEA,MAAM,EAAE,OAAQ,IAAGA;AACnB,SAAS,WAAW,UAAU;AAC5B,QAAM,OAAO,OAAQ;AACrB,SAAO,CAAC,UAAU;AAChB,UAAM,OAAO,SAAS,KAAK;AAC3B,WAAO,QAAQ,KAAK,SAAS,IAAI,IAAI,KAAK,UAAU,KAAK,UAAU;AAAA,EACpE;AACH;AC1Ba,MAAA,oBAAoB,CAC/B,UACG;AACG,QAAA;AAAA,IACJ,gBAAgB;AAAA,IAChB;AAAA,IACA,MAAM;AAAA,EACR,IAAI,SAAS,CAAC;AAEd,QAAM,EAAE,wBAAwB,aAAa,eAC3C,IAAA;AAAA,IACE,WAAW,CAAC,OAAO;AAAA,MACjB,wBAAwB,EAAE;AAAA,MAC1B,aAAa,EAAE;AAAA,MACf,gBAAgB,EAAE;AAAA,IAAA,EAClB;AAAA,EACJ;AAEI,QAAA,mBAAmB,sBAAsB,OAAO;AAEtD,YAAU,MAAM;AACR,UAAA,KAAK,WAAW,OAAO,SAAS;AAEtC,QAAI,eAAe;AACjB,kBAAY,KAAK,EAAE;AAAA,IAAA,OACd;AACL,qBAAe,KAAK,EAAE;AAAA,IAAA;AAAA,EACxB,GACC,CAAC,aAAa,eAAe,SAAS,KAAK,cAAc,CAAC;AAE7D,QAAM,kBAAkB,mBACpB,uBAAuB,gBAAgB,IACvC;AAEJ,SAAO,EAAE,gBAAgB;AAC3B;","x_google_ignoreList":[0]}

package/package.json

@@ -1,7 +1,8 @@
 {
   "name": "@intlayer/design-system",
-  "version": "4.0.2",
+  "version": "4.0.3",
   "private": false,
+  "description": "Intlayer design system, including UI components used in the Intlayer editor, website, and visual editor/CMS.",
   "keywords": [
     "design-system",
     "intlayer",
@@ -76,11 +77,12 @@
     "tailwind-merge": "^2.6.0",
     "zod": "^3.24.1",
     "zustand": "^4.5.6",
-    "@intlayer/config": "4.0.2",
-    "@intlayer/core": "4.0.2",
-    "react-intlayer": "4.0.2",
-    "@intlayer/api": "4.0.2",
-    "@intlayer/dictionaries-entry": "4.0.2"
+    "@intlayer/api": "4.0.3",
+    "@intlayer/config": "4.0.3",
+    "@intlayer/core": "4.0.3",
+    "@intlayer/dictionaries-entry": "4.0.3",
+    "react-intlayer": "4.0.3",
+    "@intlayer/editor-react": "4.0.3"
   },
   "devDependencies": {
     "@chromatic-com/storybook": "^3.2.3",
@@ -113,11 +115,11 @@
     "vite": "^6.0.7",
     "vite-plugin-dts": "^4.5.0",
     "vitest": "^2.1.8",
-    "@intlayer/backend": "4.0.2",
+    "@intlayer/backend": "4.0.3",
     "@utils/eslint-config": "1.0.4",
-    "@utils/tsup-config": "1.0.4",
     "@utils/ts-config": "1.0.4",
-    "@utils/ts-config-types": "1.0.4"
+    "@utils/ts-config-types": "1.0.4",
+    "@utils/tsup-config": "1.0.4"
   },
   "peerDependencies": {
     "@monaco-editor/react": "^4.6.0",
@@ -125,12 +127,13 @@
     "react": ">=18.3.1",
     "react-dom": ">=18.3.1",
     "zustand": "^4.5.6",
-    "@intlayer/api": "4.0.2",
-    "@intlayer/config": "4.0.2",
-    "@intlayer/core": "4.0.2",
-    "intlayer": "4.0.2",
-    "react-intlayer": "4.0.2",
-    "@intlayer/dictionaries-entry": "4.0.2"
+    "@intlayer/api": "4.0.3",
+    "@intlayer/config": "4.0.3",
+    "react-intlayer": "4.0.3",
+    "intlayer": "4.0.3",
+    "@intlayer/dictionaries-entry": "4.0.3",
+    "@intlayer/editor-react": "4.0.3",
+    "@intlayer/core": "4.0.3"
   },
   "scripts": {
     "build": "pnpm build:package && pnpm build:css",