@intlayer/design-system 5.0.5 → 5.1.0

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

@@ -1 +1 @@
-{"version":3,"file":"useIntlayerAPI.d.ts","sourceRoot":"","sources":["../../src/hooks/useIntlayerAPI.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"useIntlayerAPI.d.ts","sourceRoot":"","sources":["../../src/hooks/useIntlayerAPI.ts"],"names":[],"mappings":"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"}

package/dist/hooks/useIntlayerAPI.mjs

@@ -1,7 +1,9 @@
 import { getIntlayerAPI } from "@intlayer/api";
+import { useConfiguration } from "@intlayer/editor-react";
 import { useMemo } from "react";
 import { useAuth } from "../components/Auth/useAuth/index.mjs";
 const useIntlayerAuth = (props) => {
+  const configuration = useConfiguration();
   const { csrfToken, oAuth2AccessToken } = useAuth();
   const headers = useMemo(
     () => oAuth2AccessToken?.accessToken ? {
@@ -20,7 +22,7 @@ const useIntlayerAuth = (props) => {
         body,
         ...props?.options ?? {}
       },
-      props?.intlayerConfiguration
+      props?.intlayerConfiguration ?? configuration
     ),
     [body, headers]
   );

package/dist/hooks/useIntlayerAPI.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useIntlayerAPI.mjs","sources":["../../src/hooks/useIntlayerAPI.ts"],"sourcesContent":["import { getIntlayerAPI, type FetcherOptions } from '@intlayer/api';\nimport { type IntlayerConfig } from '@intlayer/config/client';\nimport { useMemo } from 'react';\nimport { useAuth } from '../components/Auth/useAuth';\n\ntype UseIntlayerAuthProps = {\n  options?: FetcherOptions;\n  intlayerConfiguration?: IntlayerConfig;\n};\n\nexport const useIntlayerAuth = (props?: UseIntlayerAuthProps) => {\n  const { csrfToken, oAuth2AccessToken } = useAuth();\n\n  const headers = useMemo(\n    () =>\n      oAuth2AccessToken?.accessToken\n        ? {\n            Authorization: `Bearer ${oAuth2AccessToken.accessToken}`,\n          }\n        : undefined,\n    [oAuth2AccessToken?.accessToken]\n  );\n\n  const body = useMemo(\n    () => (csrfToken ? { csrf_token: csrfToken } : undefined),\n    [csrfToken]\n  );\n\n  return useMemo(\n    () =>\n      getIntlayerAPI(\n        {\n          headers,\n          body,\n          ...(props?.options ?? {}),\n        },\n        props?.intlayerConfiguration\n      ),\n    [body, headers]\n  );\n};\n"],"names":[],"mappings":";;;AAUa,MAAA,kBAAkB,CAAC,UAAiC;AAC/D,QAAM,EAAE,WAAW,kBAAkB,IAAI,QAAQ;AAEjD,QAAM,UAAU;AAAA,IACd,MACE,mBAAmB,cACf;AAAA,MACE,eAAe,UAAU,kBAAkB,WAAW;AAAA,IAAA,IAExD;AAAA,IACN,CAAC,mBAAmB,WAAW;AAAA,EACjC;AAEA,QAAM,OAAO;AAAA,IACX,MAAO,YAAY,EAAE,YAAY,UAAc,IAAA;AAAA,IAC/C,CAAC,SAAS;AAAA,EACZ;AAEO,SAAA;AAAA,IACL,MACE;AAAA,MACE;AAAA,QACE;AAAA,QACA;AAAA,QACA,GAAI,OAAO,WAAW,CAAA;AAAA,MACxB;AAAA,MACA,OAAO;AAAA,IACT;AAAA,IACF,CAAC,MAAM,OAAO;AAAA,EAChB;AACF;"}
+{"version":3,"file":"useIntlayerAPI.mjs","sources":["../../src/hooks/useIntlayerAPI.ts"],"sourcesContent":["import { getIntlayerAPI, type FetcherOptions } from '@intlayer/api';\nimport { type IntlayerConfig } from '@intlayer/config/client';\nimport { useConfiguration } from '@intlayer/editor-react';\nimport { useMemo } from 'react';\nimport { useAuth } from '../components/Auth/useAuth';\n\ntype UseIntlayerAuthProps = {\n  options?: FetcherOptions;\n  intlayerConfiguration?: IntlayerConfig;\n};\n\nexport const useIntlayerAuth = (props?: UseIntlayerAuthProps) => {\n  const configuration = useConfiguration();\n  const { csrfToken, oAuth2AccessToken } = useAuth();\n\n  const headers = useMemo(\n    () =>\n      oAuth2AccessToken?.accessToken\n        ? {\n            Authorization: `Bearer ${oAuth2AccessToken.accessToken}`,\n          }\n        : undefined,\n    [oAuth2AccessToken?.accessToken]\n  );\n\n  const body = useMemo(\n    () => (csrfToken ? { csrf_token: csrfToken } : undefined),\n    [csrfToken]\n  );\n\n  return useMemo(\n    () =>\n      getIntlayerAPI(\n        {\n          headers,\n          body,\n          ...(props?.options ?? {}),\n        },\n        props?.intlayerConfiguration ?? configuration\n      ),\n    [body, headers]\n  );\n};\n"],"names":[],"mappings":";;;;AAWa,MAAA,kBAAkB,CAAC,UAAiC;AAC/D,QAAM,gBAAgB,iBAAiB;AACvC,QAAM,EAAE,WAAW,kBAAkB,IAAI,QAAQ;AAEjD,QAAM,UAAU;AAAA,IACd,MACE,mBAAmB,cACf;AAAA,MACE,eAAe,UAAU,kBAAkB,WAAW;AAAA,IAAA,IAExD;AAAA,IACN,CAAC,mBAAmB,WAAW;AAAA,EACjC;AAEA,QAAM,OAAO;AAAA,IACX,MAAO,YAAY,EAAE,YAAY,UAAc,IAAA;AAAA,IAC/C,CAAC,SAAS;AAAA,EACZ;AAEO,SAAA;AAAA,IACL,MACE;AAAA,MACE;AAAA,QACE;AAAA,QACA;AAAA,QACA,GAAI,OAAO,WAAW,CAAA;AAAA,MACxB;AAAA,MACA,OAAO,yBAAyB;AAAA,IAClC;AAAA,IACF,CAAC,MAAM,OAAO;AAAA,EAChB;AACF;"}

package/dist/hooks/useIsDarkMode.cjs

@@ -1,10 +1,10 @@
 "use client";
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require$$0 = require("react");
+const ReactExports = require("react");
 const useIsDarkMode = () => {
-  const [isDarkMode, setIsDarkMode] = require$$0.useState(false);
-  require$$0.useEffect(() => {
+  const [isDarkMode, setIsDarkMode] = ReactExports.useState(false);
+  ReactExports.useEffect(() => {
     const htmlElement = document.querySelector("html");
     const isDarkMode2 = htmlElement?.getAttribute("data-theme") === "dark";
     setIsDarkMode(isDarkMode2);

package/dist/hooks/useIsDarkMode.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useIsDarkMode.cjs","sources":["../../src/hooks/useIsDarkMode.ts"],"sourcesContent":["'use client';\n\nimport { useState, useEffect } from 'react';\n\nexport const useIsDarkMode = () => {\n  const [isDarkMode, setIsDarkMode] = useState(false);\n\n  useEffect(() => {\n    const htmlElement = document.querySelector('html');\n    const isDarkMode = htmlElement?.getAttribute('data-theme') === 'dark';\n    setIsDarkMode(isDarkMode);\n  }, []);\n\n  return isDarkMode;\n};\n"],"names":["useState","useEffect","isDarkMode"],"mappings":";;;;AAIO,MAAM,gBAAgB,MAAM;AACjC,QAAM,CAAC,YAAY,aAAa,IAAIA,WAAAA,SAAS,KAAK;AAElDC,aAAAA,UAAU,MAAM;AACR,UAAA,cAAc,SAAS,cAAc,MAAM;AACjD,UAAMC,cAAa,aAAa,aAAa,YAAY,MAAM;AAC/D,kBAAcA,WAAU;AAAA,EAC1B,GAAG,EAAE;AAEE,SAAA;AACT;;"}
+{"version":3,"file":"useIsDarkMode.cjs","sources":["../../src/hooks/useIsDarkMode.ts"],"sourcesContent":["'use client';\n\nimport { useState, useEffect } from 'react';\n\nexport const useIsDarkMode = () => {\n  const [isDarkMode, setIsDarkMode] = useState(false);\n\n  useEffect(() => {\n    const htmlElement = document.querySelector('html');\n    const isDarkMode = htmlElement?.getAttribute('data-theme') === 'dark';\n    setIsDarkMode(isDarkMode);\n  }, []);\n\n  return isDarkMode;\n};\n"],"names":["useState","useEffect","isDarkMode"],"mappings":";;;;AAIO,MAAM,gBAAgB,MAAM;AACjC,QAAM,CAAC,YAAY,aAAa,IAAIA,aAAAA,SAAS,KAAK;AAElDC,eAAAA,UAAU,MAAM;AACR,UAAA,cAAc,SAAS,cAAc,MAAM;AACjD,UAAMC,cAAa,aAAa,aAAa,YAAY,MAAM;AAC/D,kBAAcA,WAAU;AAAA,EAC1B,GAAG,EAAE;AAEE,SAAA;AACT;;"}

package/dist/hooks/useIsMounted.cjs

@@ -1,10 +1,10 @@
 "use client";
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require$$0 = require("react");
+const ReactExports = require("react");
 const useIsMounted = () => {
-  const [isMounted, setIsMounted] = require$$0.useState(false);
-  require$$0.useEffect(() => {
+  const [isMounted, setIsMounted] = ReactExports.useState(false);
+  ReactExports.useEffect(() => {
     setIsMounted(true);
   }, []);
   return isMounted;

package/dist/hooks/useIsMounted.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useIsMounted.cjs","sources":["../../src/hooks/useIsMounted.ts"],"sourcesContent":["'use client';\n\nimport { useEffect, useState } from 'react';\n\nexport const useIsMounted = () => {\n  const [isMounted, setIsMounted] = useState(false);\n\n  useEffect(() => {\n    setIsMounted(true);\n  }, []);\n\n  return isMounted;\n};\n"],"names":["useState","useEffect"],"mappings":";;;;AAIO,MAAM,eAAe,MAAM;AAChC,QAAM,CAAC,WAAW,YAAY,IAAIA,WAAAA,SAAS,KAAK;AAEhDC,aAAAA,UAAU,MAAM;AACd,iBAAa,IAAI;AAAA,EACnB,GAAG,EAAE;AAEE,SAAA;AACT;;"}
+{"version":3,"file":"useIsMounted.cjs","sources":["../../src/hooks/useIsMounted.ts"],"sourcesContent":["'use client';\n\nimport { useEffect, useState } from 'react';\n\nexport const useIsMounted = () => {\n  const [isMounted, setIsMounted] = useState(false);\n\n  useEffect(() => {\n    setIsMounted(true);\n  }, []);\n\n  return isMounted;\n};\n"],"names":["useState","useEffect"],"mappings":";;;;AAIO,MAAM,eAAe,MAAM;AAChC,QAAM,CAAC,WAAW,YAAY,IAAIA,aAAAA,SAAS,KAAK;AAEhDC,eAAAA,UAAU,MAAM;AACd,iBAAa,IAAI;AAAA,EACnB,GAAG,EAAE;AAEE,SAAA;AACT;;"}

package/dist/hooks/useItemSelector.cjs

@@ -1,13 +1,13 @@
 "use client";
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require$$0 = require("react");
+const ReactExports = require("react");
 const selectorDefault = (option) => option?.getAttribute("aria-selected") === "true";
 const useItemSelector = (optionsRefs, selector = selectorDefault, isHoverable = false) => {
-  const [choiceIndicatorPosition, setChoiceIndicatorPosition] = require$$0.useState(null);
-  const [hoveredItem, setHoveredItem] = require$$0.useState(null);
+  const [choiceIndicatorPosition, setChoiceIndicatorPosition] = ReactExports.useState(null);
+  const [hoveredItem, setHoveredItem] = ReactExports.useState(null);
   const itemsLength = optionsRefs.current.length;
-  require$$0.useEffect(() => {
+  ReactExports.useEffect(() => {
     const calculatePosition = () => {
       let targetElement = null;
       if (hoveredItem) {

package/dist/hooks/useItemSelector.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useItemSelector.cjs","sources":["../../src/hooks/useItemSelector.ts"],"sourcesContent":["'use client';\n\nimport { useEffect, useState, type MutableRefObject } from 'react';\n\ntype StyleState = {\n  left: number;\n  width: number;\n  opacity: number;\n};\n\nconst selectorDefault = (option: HTMLElement) =>\n  option?.getAttribute('aria-selected') === 'true';\n\nexport const useItemSelector = (\n  optionsRefs: MutableRefObject<HTMLElement[]>,\n  selector: (option: HTMLElement, index: number) => boolean = selectorDefault,\n  isHoverable = false\n) => {\n  const [choiceIndicatorPosition, setChoiceIndicatorPosition] =\n    useState<StyleState | null>(null);\n\n  const [hoveredItem, setHoveredItem] = useState<HTMLElement | null>(null);\n\n  const itemsLength = optionsRefs.current.length;\n\n  useEffect(() => {\n    const calculatePosition = () => {\n      let targetElement: HTMLElement | null = null;\n\n      if (hoveredItem) {\n        targetElement = hoveredItem;\n      } else {\n        targetElement = optionsRefs.current.find(selector) ?? null;\n      }\n\n      if (!targetElement) {\n        setChoiceIndicatorPosition((prev) => ({\n          left: 0,\n          width: 0,\n          ...prev,\n          opacity: 0,\n        }));\n        return;\n      }\n\n      const left = targetElement.offsetLeft;\n      const width = targetElement.offsetWidth;\n\n      setChoiceIndicatorPosition({\n        left,\n        width,\n        opacity: 1,\n      });\n    };\n\n    calculatePosition();\n\n    // Event listeners for window events\n    window.addEventListener('resize', calculatePosition);\n    window.addEventListener('DOMContentLoaded', calculatePosition);\n\n    // MutationObserver to watch for 'aria-selected' changes\n    const mutationObservers: MutationObserver[] = [];\n\n    optionsRefs.current.forEach((option) => {\n      if (option) {\n        const observer = new MutationObserver((mutations) => {\n          for (const mutation of mutations) {\n            if (\n              mutation.type === 'attributes' &&\n              mutation.attributeName === 'aria-selected'\n            ) {\n              calculatePosition();\n              break;\n            }\n          }\n        });\n\n        observer.observe(option, {\n          attributes: true,\n          attributeFilter: ['aria-selected'],\n        });\n\n        mutationObservers.push(observer);\n      }\n    });\n\n    // ResizeObserver to watch for size changes\n    const resizeObservers: ResizeObserver[] = [];\n\n    const observeSize = (element: HTMLElement) => {\n      if (!element) return;\n      const resizeObserver = new ResizeObserver(() => {\n        calculatePosition();\n      });\n      resizeObserver.observe(element);\n      resizeObservers.push(resizeObserver);\n    };\n\n    // Observe the selected item\n    const selectedItem = optionsRefs.current.find(selector) ?? null;\n\n    if (selectedItem) {\n      observeSize(selectedItem);\n    }\n\n    // Observe the hovered item\n    if (hoveredItem) {\n      observeSize(hoveredItem);\n    }\n\n    // Add hover event listeners\n    const handleMouseEnter = (event: Event) => {\n      setHoveredItem(event.currentTarget as HTMLElement);\n    };\n\n    const handleMouseLeave = () => {\n      setHoveredItem(null);\n    };\n\n    if (isHoverable) {\n      optionsRefs.current.forEach((option) => {\n        option?.addEventListener('mouseenter', handleMouseEnter);\n        option?.addEventListener('mouseleave', handleMouseLeave);\n      });\n    }\n\n    return () => {\n      // Cleanup window event listeners\n      window.removeEventListener('resize', calculatePosition);\n      window.removeEventListener('DOMContentLoaded', calculatePosition);\n\n      // Disconnect MutationObservers\n      mutationObservers.forEach((observer) => observer.disconnect());\n\n      // Disconnect ResizeObservers\n      resizeObservers.forEach((observer) => observer.disconnect());\n\n      // Remove hover event listeners\n      optionsRefs.current.forEach((option) => {\n        option?.removeEventListener('mouseenter', handleMouseEnter);\n        option?.removeEventListener('mouseleave', handleMouseLeave);\n      });\n    };\n  }, [optionsRefs, selector, hoveredItem, itemsLength]);\n\n  return { choiceIndicatorPosition };\n};\n"],"names":["useState","useEffect"],"mappings":";;;;AAUA,MAAM,kBAAkB,CAAC,WACvB,QAAQ,aAAa,eAAe,MAAM;AAErC,MAAM,kBAAkB,CAC7B,aACA,WAA4D,iBAC5D,cAAc,UACX;AACH,QAAM,CAAC,yBAAyB,0BAA0B,IACxDA,WAAAA,SAA4B,IAAI;AAElC,QAAM,CAAC,aAAa,cAAc,IAAIA,WAAAA,SAA6B,IAAI;AAEjE,QAAA,cAAc,YAAY,QAAQ;AAExCC,aAAAA,UAAU,MAAM;AACd,UAAM,oBAAoB,MAAM;AAC9B,UAAI,gBAAoC;AAExC,UAAI,aAAa;AACC,wBAAA;AAAA,MAAA,OACX;AACL,wBAAgB,YAAY,QAAQ,KAAK,QAAQ,KAAK;AAAA,MAAA;AAGxD,UAAI,CAAC,eAAe;AAClB,mCAA2B,CAAC,UAAU;AAAA,UACpC,MAAM;AAAA,UACN,OAAO;AAAA,UACP,GAAG;AAAA,UACH,SAAS;AAAA,QAAA,EACT;AACF;AAAA,MAAA;AAGF,YAAM,OAAO,cAAc;AAC3B,YAAM,QAAQ,cAAc;AAED,iCAAA;AAAA,QACzB;AAAA,QACA;AAAA,QACA,SAAS;AAAA,MAAA,CACV;AAAA,IACH;AAEkB,sBAAA;AAGX,WAAA,iBAAiB,UAAU,iBAAiB;AAC5C,WAAA,iBAAiB,oBAAoB,iBAAiB;AAG7D,UAAM,oBAAwC,CAAC;AAEnC,gBAAA,QAAQ,QAAQ,CAAC,WAAW;AACtC,UAAI,QAAQ;AACV,cAAM,WAAW,IAAI,iBAAiB,CAAC,cAAc;AACnD,qBAAW,YAAY,WAAW;AAChC,gBACE,SAAS,SAAS,gBAClB,SAAS,kBAAkB,iBAC3B;AACkB,gCAAA;AAClB;AAAA,YAAA;AAAA,UACF;AAAA,QACF,CACD;AAED,iBAAS,QAAQ,QAAQ;AAAA,UACvB,YAAY;AAAA,UACZ,iBAAiB,CAAC,eAAe;AAAA,QAAA,CAClC;AAED,0BAAkB,KAAK,QAAQ;AAAA,MAAA;AAAA,IACjC,CACD;AAGD,UAAM,kBAAoC,CAAC;AAErC,UAAA,cAAc,CAAC,YAAyB;AAC5C,UAAI,CAAC,QAAS;AACR,YAAA,iBAAiB,IAAI,eAAe,MAAM;AAC5B,0BAAA;AAAA,MAAA,CACnB;AACD,qBAAe,QAAQ,OAAO;AAC9B,sBAAgB,KAAK,cAAc;AAAA,IACrC;AAGA,UAAM,eAAe,YAAY,QAAQ,KAAK,QAAQ,KAAK;AAE3D,QAAI,cAAc;AAChB,kBAAY,YAAY;AAAA,IAAA;AAI1B,QAAI,aAAa;AACf,kBAAY,WAAW;AAAA,IAAA;AAInB,UAAA,mBAAmB,CAAC,UAAiB;AACzC,qBAAe,MAAM,aAA4B;AAAA,IACnD;AAEA,UAAM,mBAAmB,MAAM;AAC7B,qBAAe,IAAI;AAAA,IACrB;AAEA,QAAI,aAAa;AACH,kBAAA,QAAQ,QAAQ,CAAC,WAAW;AAC9B,gBAAA,iBAAiB,cAAc,gBAAgB;AAC/C,gBAAA,iBAAiB,cAAc,gBAAgB;AAAA,MAAA,CACxD;AAAA,IAAA;AAGH,WAAO,MAAM;AAEJ,aAAA,oBAAoB,UAAU,iBAAiB;AAC/C,aAAA,oBAAoB,oBAAoB,iBAAiB;AAGhE,wBAAkB,QAAQ,CAAC,aAAa,SAAS,YAAY;AAG7D,sBAAgB,QAAQ,CAAC,aAAa,SAAS,YAAY;AAG/C,kBAAA,QAAQ,QAAQ,CAAC,WAAW;AAC9B,gBAAA,oBAAoB,cAAc,gBAAgB;AAClD,gBAAA,oBAAoB,cAAc,gBAAgB;AAAA,MAAA,CAC3D;AAAA,IACH;AAAA,KACC,CAAC,aAAa,UAAU,aAAa,WAAW,CAAC;AAEpD,SAAO,EAAE,wBAAwB;AACnC;;"}
+{"version":3,"file":"useItemSelector.cjs","sources":["../../src/hooks/useItemSelector.ts"],"sourcesContent":["'use client';\n\nimport { useEffect, useState, type MutableRefObject } from 'react';\n\ntype StyleState = {\n  left: number;\n  width: number;\n  opacity: number;\n};\n\nconst selectorDefault = (option: HTMLElement) =>\n  option?.getAttribute('aria-selected') === 'true';\n\nexport const useItemSelector = (\n  optionsRefs: MutableRefObject<HTMLElement[]>,\n  selector: (option: HTMLElement, index: number) => boolean = selectorDefault,\n  isHoverable = false\n) => {\n  const [choiceIndicatorPosition, setChoiceIndicatorPosition] =\n    useState<StyleState | null>(null);\n\n  const [hoveredItem, setHoveredItem] = useState<HTMLElement | null>(null);\n\n  const itemsLength = optionsRefs.current.length;\n\n  useEffect(() => {\n    const calculatePosition = () => {\n      let targetElement: HTMLElement | null = null;\n\n      if (hoveredItem) {\n        targetElement = hoveredItem;\n      } else {\n        targetElement = optionsRefs.current.find(selector) ?? null;\n      }\n\n      if (!targetElement) {\n        setChoiceIndicatorPosition((prev) => ({\n          left: 0,\n          width: 0,\n          ...prev,\n          opacity: 0,\n        }));\n        return;\n      }\n\n      const left = targetElement.offsetLeft;\n      const width = targetElement.offsetWidth;\n\n      setChoiceIndicatorPosition({\n        left,\n        width,\n        opacity: 1,\n      });\n    };\n\n    calculatePosition();\n\n    // Event listeners for window events\n    window.addEventListener('resize', calculatePosition);\n    window.addEventListener('DOMContentLoaded', calculatePosition);\n\n    // MutationObserver to watch for 'aria-selected' changes\n    const mutationObservers: MutationObserver[] = [];\n\n    optionsRefs.current.forEach((option) => {\n      if (option) {\n        const observer = new MutationObserver((mutations) => {\n          for (const mutation of mutations) {\n            if (\n              mutation.type === 'attributes' &&\n              mutation.attributeName === 'aria-selected'\n            ) {\n              calculatePosition();\n              break;\n            }\n          }\n        });\n\n        observer.observe(option, {\n          attributes: true,\n          attributeFilter: ['aria-selected'],\n        });\n\n        mutationObservers.push(observer);\n      }\n    });\n\n    // ResizeObserver to watch for size changes\n    const resizeObservers: ResizeObserver[] = [];\n\n    const observeSize = (element: HTMLElement) => {\n      if (!element) return;\n      const resizeObserver = new ResizeObserver(() => {\n        calculatePosition();\n      });\n      resizeObserver.observe(element);\n      resizeObservers.push(resizeObserver);\n    };\n\n    // Observe the selected item\n    const selectedItem = optionsRefs.current.find(selector) ?? null;\n\n    if (selectedItem) {\n      observeSize(selectedItem);\n    }\n\n    // Observe the hovered item\n    if (hoveredItem) {\n      observeSize(hoveredItem);\n    }\n\n    // Add hover event listeners\n    const handleMouseEnter = (event: Event) => {\n      setHoveredItem(event.currentTarget as HTMLElement);\n    };\n\n    const handleMouseLeave = () => {\n      setHoveredItem(null);\n    };\n\n    if (isHoverable) {\n      optionsRefs.current.forEach((option) => {\n        option?.addEventListener('mouseenter', handleMouseEnter);\n        option?.addEventListener('mouseleave', handleMouseLeave);\n      });\n    }\n\n    return () => {\n      // Cleanup window event listeners\n      window.removeEventListener('resize', calculatePosition);\n      window.removeEventListener('DOMContentLoaded', calculatePosition);\n\n      // Disconnect MutationObservers\n      mutationObservers.forEach((observer) => observer.disconnect());\n\n      // Disconnect ResizeObservers\n      resizeObservers.forEach((observer) => observer.disconnect());\n\n      // Remove hover event listeners\n      optionsRefs.current.forEach((option) => {\n        option?.removeEventListener('mouseenter', handleMouseEnter);\n        option?.removeEventListener('mouseleave', handleMouseLeave);\n      });\n    };\n  }, [optionsRefs, selector, hoveredItem, itemsLength]);\n\n  return { choiceIndicatorPosition };\n};\n"],"names":["useState","useEffect"],"mappings":";;;;AAUA,MAAM,kBAAkB,CAAC,WACvB,QAAQ,aAAa,eAAe,MAAM;AAErC,MAAM,kBAAkB,CAC7B,aACA,WAA4D,iBAC5D,cAAc,UACX;AACH,QAAM,CAAC,yBAAyB,0BAA0B,IACxDA,aAAAA,SAA4B,IAAI;AAElC,QAAM,CAAC,aAAa,cAAc,IAAIA,aAAAA,SAA6B,IAAI;AAEjE,QAAA,cAAc,YAAY,QAAQ;AAExCC,eAAAA,UAAU,MAAM;AACd,UAAM,oBAAoB,MAAM;AAC9B,UAAI,gBAAoC;AAExC,UAAI,aAAa;AACC,wBAAA;AAAA,MAAA,OACX;AACL,wBAAgB,YAAY,QAAQ,KAAK,QAAQ,KAAK;AAAA,MAAA;AAGxD,UAAI,CAAC,eAAe;AAClB,mCAA2B,CAAC,UAAU;AAAA,UACpC,MAAM;AAAA,UACN,OAAO;AAAA,UACP,GAAG;AAAA,UACH,SAAS;AAAA,QAAA,EACT;AACF;AAAA,MAAA;AAGF,YAAM,OAAO,cAAc;AAC3B,YAAM,QAAQ,cAAc;AAED,iCAAA;AAAA,QACzB;AAAA,QACA;AAAA,QACA,SAAS;AAAA,MAAA,CACV;AAAA,IACH;AAEkB,sBAAA;AAGX,WAAA,iBAAiB,UAAU,iBAAiB;AAC5C,WAAA,iBAAiB,oBAAoB,iBAAiB;AAG7D,UAAM,oBAAwC,CAAC;AAEnC,gBAAA,QAAQ,QAAQ,CAAC,WAAW;AACtC,UAAI,QAAQ;AACV,cAAM,WAAW,IAAI,iBAAiB,CAAC,cAAc;AACnD,qBAAW,YAAY,WAAW;AAChC,gBACE,SAAS,SAAS,gBAClB,SAAS,kBAAkB,iBAC3B;AACkB,gCAAA;AAClB;AAAA,YAAA;AAAA,UACF;AAAA,QACF,CACD;AAED,iBAAS,QAAQ,QAAQ;AAAA,UACvB,YAAY;AAAA,UACZ,iBAAiB,CAAC,eAAe;AAAA,QAAA,CAClC;AAED,0BAAkB,KAAK,QAAQ;AAAA,MAAA;AAAA,IACjC,CACD;AAGD,UAAM,kBAAoC,CAAC;AAErC,UAAA,cAAc,CAAC,YAAyB;AAC5C,UAAI,CAAC,QAAS;AACR,YAAA,iBAAiB,IAAI,eAAe,MAAM;AAC5B,0BAAA;AAAA,MAAA,CACnB;AACD,qBAAe,QAAQ,OAAO;AAC9B,sBAAgB,KAAK,cAAc;AAAA,IACrC;AAGA,UAAM,eAAe,YAAY,QAAQ,KAAK,QAAQ,KAAK;AAE3D,QAAI,cAAc;AAChB,kBAAY,YAAY;AAAA,IAAA;AAI1B,QAAI,aAAa;AACf,kBAAY,WAAW;AAAA,IAAA;AAInB,UAAA,mBAAmB,CAAC,UAAiB;AACzC,qBAAe,MAAM,aAA4B;AAAA,IACnD;AAEA,UAAM,mBAAmB,MAAM;AAC7B,qBAAe,IAAI;AAAA,IACrB;AAEA,QAAI,aAAa;AACH,kBAAA,QAAQ,QAAQ,CAAC,WAAW;AAC9B,gBAAA,iBAAiB,cAAc,gBAAgB;AAC/C,gBAAA,iBAAiB,cAAc,gBAAgB;AAAA,MAAA,CACxD;AAAA,IAAA;AAGH,WAAO,MAAM;AAEJ,aAAA,oBAAoB,UAAU,iBAAiB;AAC/C,aAAA,oBAAoB,oBAAoB,iBAAiB;AAGhE,wBAAkB,QAAQ,CAAC,aAAa,SAAS,YAAY;AAG7D,sBAAgB,QAAQ,CAAC,aAAa,SAAS,YAAY;AAG/C,kBAAA,QAAQ,QAAQ,CAAC,WAAW;AAC9B,gBAAA,oBAAoB,cAAc,gBAAgB;AAClD,gBAAA,oBAAoB,cAAc,gBAAgB;AAAA,MAAA,CAC3D;AAAA,IACH;AAAA,KACC,CAAC,aAAa,UAAU,aAAa,WAAW,CAAC;AAEpD,SAAO,EAAE,wBAAwB;AACnC;;"}

package/dist/hooks/usePersistedStore.cjs

@@ -1,9 +1,9 @@
 "use client";
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require$$0 = require("react");
+const ReactExports = require("react");
 const usePersistedStore = (key, initialState) => {
-  const [state, setState] = require$$0.useState(() => {
+  const [state, setState] = ReactExports.useState(() => {
     if (initialState !== void 0) {
       const result = typeof initialState === "function" ? initialState() : initialState;
       if (typeof window === "undefined") return result;
@@ -19,7 +19,7 @@ const usePersistedStore = (key, initialState) => {
     }
     return void 0;
   });
-  require$$0.useEffect(() => {
+  ReactExports.useEffect(() => {
     const persistedState = localStorage?.getItem(key);
     if (persistedState && state === void 0) {
       try {
@@ -31,7 +31,7 @@ const usePersistedStore = (key, initialState) => {
       setState(initialState);
     }
   }, [key, state]);
-  const setStateWrapper = require$$0.useCallback(
+  const setStateWrapper = ReactExports.useCallback(
     (valueOrUpdater) => {
       setState((prev) => {
         const newValue = typeof valueOrUpdater === "function" ? valueOrUpdater(prev) : valueOrUpdater;
@@ -41,7 +41,7 @@ const usePersistedStore = (key, initialState) => {
     },
     [key, setState]
   );
-  return require$$0.useMemo(() => [state, setStateWrapper], [state, setStateWrapper]);
+  return ReactExports.useMemo(() => [state, setStateWrapper], [state, setStateWrapper]);
 };
 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 {\n  useState,\n  useEffect,\n  useCallback,\n  type SetStateAction,\n  type Dispatch,\n  useMemo,\n} from 'react';\n\nexport const usePersistedStore = <S>(\n  key: string,\n  initialState?: S | (() => S)\n): [S, Dispatch<SetStateAction<S>>] => {\n  const [state, setState] = useState<S>(() => {\n    // If you have an initial value on the client, send a message out immediately\n    if (initialState !== undefined) {\n      const result: S =\n        typeof initialState === 'function'\n          ? (initialState as () => S)()\n          : initialState;\n\n      if (typeof window === 'undefined') return result;\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 result;\n    }\n\n    return undefined as S;\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 (initialState !== undefined && state === undefined) {\n      setState(initialState);\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 setStateWrapper: typeof setState = useCallback(\n    (valueOrUpdater: SetStateAction<S>) => {\n      setState((prev) => {\n        const newValue: S =\n          typeof valueOrUpdater === 'function'\n            ? (valueOrUpdater as (prevVal: S) => S)(prev)\n            : valueOrUpdater;\n\n        localStorage?.setItem(key, JSON.stringify(newValue));\n\n        return newValue;\n      });\n    },\n    [key, setState]\n  );\n\n  return useMemo(() => [state, setStateWrapper], [state, setStateWrapper]);\n};\n"],"names":["useState","useEffect","useCallback","useMemo"],"mappings":";;;;AAWa,MAAA,oBAAoB,CAC/B,KACA,iBACqC;AACrC,QAAM,CAAC,OAAO,QAAQ,IAAIA,oBAAY,MAAM;AAE1C,QAAI,iBAAiB,QAAW;AAC9B,YAAM,SACJ,OAAO,iBAAiB,aACnB,aACD,IAAA;AAEF,UAAA,OAAO,WAAW,YAAoB,QAAA;AAEpC,YAAA,iBAAiB,cAAc,QAAQ,GAAG;AAEhD,UAAI,gBAAgB;AACd,YAAA;AACK,iBAAA,KAAK,MAAM,cAAc;AAAA,iBACzB,GAAG;AACV,kBAAQ,MAAM,CAAC;AAAA,QAAA;AAAA,MACjB;AAGK,aAAA;AAAA,IAAA;AAGF,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;AAMf,QAAM,kBAAmCC,WAAA;AAAA,IACvC,CAAC,mBAAsC;AACrC,eAAS,CAAC,SAAS;AACjB,cAAM,WACJ,OAAO,mBAAmB,aACrB,eAAqC,IAAI,IAC1C;AAEN,sBAAc,QAAQ,KAAK,KAAK,UAAU,QAAQ,CAAC;AAE5C,eAAA;AAAA,MAAA,CACR;AAAA,IACH;AAAA,IACA,CAAC,KAAK,QAAQ;AAAA,EAChB;AAEO,SAAAC,WAAAA,QAAQ,MAAM,CAAC,OAAO,eAAe,GAAG,CAAC,OAAO,eAAe,CAAC;AACzE;;"}
+{"version":3,"file":"usePersistedStore.cjs","sources":["../../src/hooks/usePersistedStore.ts"],"sourcesContent":["'use client';\n\nimport {\n  useState,\n  useEffect,\n  useCallback,\n  type SetStateAction,\n  type Dispatch,\n  useMemo,\n} from 'react';\n\nexport const usePersistedStore = <S>(\n  key: string,\n  initialState?: S | (() => S)\n): [S, Dispatch<SetStateAction<S>>] => {\n  const [state, setState] = useState<S>(() => {\n    // If you have an initial value on the client, send a message out immediately\n    if (initialState !== undefined) {\n      const result: S =\n        typeof initialState === 'function'\n          ? (initialState as () => S)()\n          : initialState;\n\n      if (typeof window === 'undefined') return result;\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 result;\n    }\n\n    return undefined as S;\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 (initialState !== undefined && state === undefined) {\n      setState(initialState);\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 setStateWrapper: typeof setState = useCallback(\n    (valueOrUpdater: SetStateAction<S>) => {\n      setState((prev) => {\n        const newValue: S =\n          typeof valueOrUpdater === 'function'\n            ? (valueOrUpdater as (prevVal: S) => S)(prev)\n            : valueOrUpdater;\n\n        localStorage?.setItem(key, JSON.stringify(newValue));\n\n        return newValue;\n      });\n    },\n    [key, setState]\n  );\n\n  return useMemo(() => [state, setStateWrapper], [state, setStateWrapper]);\n};\n"],"names":["useState","useEffect","useCallback","useMemo"],"mappings":";;;;AAWa,MAAA,oBAAoB,CAC/B,KACA,iBACqC;AACrC,QAAM,CAAC,OAAO,QAAQ,IAAIA,sBAAY,MAAM;AAE1C,QAAI,iBAAiB,QAAW;AAC9B,YAAM,SACJ,OAAO,iBAAiB,aACnB,aACD,IAAA;AAEF,UAAA,OAAO,WAAW,YAAoB,QAAA;AAEpC,YAAA,iBAAiB,cAAc,QAAQ,GAAG;AAEhD,UAAI,gBAAgB;AACd,YAAA;AACK,iBAAA,KAAK,MAAM,cAAc;AAAA,iBACzB,GAAG;AACV,kBAAQ,MAAM,CAAC;AAAA,QAAA;AAAA,MACjB;AAGK,aAAA;AAAA,IAAA;AAGF,WAAA;AAAA,EAAA,CACR;AAEDC,eAAAA,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;AAMf,QAAM,kBAAmCC,aAAA;AAAA,IACvC,CAAC,mBAAsC;AACrC,eAAS,CAAC,SAAS;AACjB,cAAM,WACJ,OAAO,mBAAmB,aACrB,eAAqC,IAAI,IAC1C;AAEN,sBAAc,QAAQ,KAAK,KAAK,UAAU,QAAQ,CAAC;AAE5C,eAAA;AAAA,MAAA,CACR;AAAA,IACH;AAAA,IACA,CAAC,KAAK,QAAQ;AAAA,EAChB;AAEO,SAAAC,aAAAA,QAAQ,MAAM,CAAC,OAAO,eAAe,GAAG,CAAC,OAAO,eAAe,CAAC;AACzE;;"}

package/dist/hooks/useScrollBlockage/index.cjs

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 require("react");
-const hooks_useScrollBlockage_index = require("../../index-Cg-S9ry9.cjs");
+const hooks_useScrollBlockage_index = require("../../index-BYzBot7l.cjs");
 require("../useGetElementOrWindow.cjs");
 require("./useScrollBlockageStore.cjs");
 exports.useScrollBlockage = hooks_useScrollBlockage_index.useScrollBlockage;

package/dist/hooks/useScrollBlockage/index.mjs

@@ -1,5 +1,5 @@
 import "react";
-import { u } from "../../index-O_7rYrbW.js";
+import { u } from "../../index-BCuMWKyy.js";
 import "../useGetElementOrWindow.mjs";
 import "./useScrollBlockageStore.mjs";
 export {

package/dist/hooks/useScrollDetection.cjs

@@ -1,9 +1,9 @@
 "use client";
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require$$0 = require("react");
+const ReactExports = require("react");
 const hooks_useGetElementOrWindow = require("./useGetElementOrWindow.cjs");
-const hooks_useScrollBlockage_index = require("../index-Cg-S9ry9.cjs");
+const hooks_useScrollBlockage_index = require("../index-BYzBot7l.cjs");
 const useScrollDetection = (props) => {
   const {
     isEnabled = true,
@@ -13,11 +13,11 @@ const useScrollDetection = (props) => {
     onScrollUp,
     element
   } = props ?? {};
-  const [isScrolled, setIsScrolled] = require$$0.useState(false);
-  const [isScrollable, setIsScrollable] = require$$0.useState(false);
+  const [isScrolled, setIsScrolled] = ReactExports.useState(false);
+  const [isScrollable, setIsScrollable] = ReactExports.useState(false);
   const { isScrollBlocked } = hooks_useScrollBlockage_index.useScrollBlockage();
   const containerElement = hooks_useGetElementOrWindow.useGetElementOrWindow(element);
-  const onMobileMove = require$$0.useCallback(
+  const onMobileMove = ReactExports.useCallback(
     (event) => {
       const startY = event.touches?.[0]?.clientY ?? 0;
       const onMove = (event2) => {
@@ -32,7 +32,7 @@ const useScrollDetection = (props) => {
     },
     [isEnabled, containerElement]
   );
-  const onScroll = require$$0.useCallback(
+  const onScroll = ReactExports.useCallback(
     (e) => {
       const isScrolledDown = e.deltaY > 0;
       if (isEnabled && !isScrollBlocked && isScrollable) {
@@ -49,7 +49,7 @@ const useScrollDetection = (props) => {
     },
     [isEnabled, isScrollBlocked, isScrollable]
   );
-  require$$0.useEffect(() => {
+  ReactExports.useEffect(() => {
     if (isEnabled) {
       containerElement?.addEventListener("wheel", onScroll);
       containerElement?.addEventListener("touchstart", onMobileMove);
@@ -61,7 +61,7 @@ const useScrollDetection = (props) => {
       containerElement?.removeEventListener("touchstart", onMobileMove);
     };
   }, [isEnabled, onScroll, onMobileMove, containerElement]);
-  require$$0.useEffect(() => {
+  ReactExports.useEffect(() => {
     const isScrollable2 = window.innerHeight < window.document.body.scrollHeight;
     setIsScrollable(isScrollable2);
   }, []);

package/dist/hooks/useScrollDetection.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useScrollDetection.cjs","sources":["../../src/hooks/useScrollDetection.ts"],"sourcesContent":["'use client';\n\nimport { useCallback, useEffect, useState } from 'react';\n\nimport { useGetElementOrWindow } from './useGetElementOrWindow';\nimport { useScrollBlockage } from './useScrollBlockage';\n\ntype useScrollDetectionProps = {\n  isEnabled?: boolean;\n  delta?: number; // how much user has to scroll to trigger the event\n  deltaFromTop?: number; // how much user has to scroll from top to detect if the user has been scrolled\n  onScrollDown?: (e: WheelEvent) => void;\n  onScrollUp?: (e: WheelEvent) => void;\n  element?: HTMLElement; // The element to detect the scroll on. If not defined, the window.document.body will be used\n};\n\nexport const useScrollDetection = (props?: useScrollDetectionProps) => {\n  const {\n    isEnabled = true,\n    delta = 5,\n    deltaFromTop = 0,\n    onScrollDown,\n    onScrollUp,\n    element,\n  } = props ?? {};\n\n  const [isScrolled, setIsScrolled] = useState<boolean>(false);\n  const [isScrollable, setIsScrollable] = useState<boolean>(false);\n\n  const { isScrollBlocked } = useScrollBlockage();\n  const containerElement = useGetElementOrWindow(element);\n\n  const onMobileMove = useCallback(\n    (event: globalThis.TouchEvent) => {\n      const startY = event.touches?.[0]?.clientY ?? 0;\n\n      const onMove = (event: globalThis.TouchEvent) => {\n        if (isEnabled) {\n          const currentY = event.touches?.[0]?.clientY ?? 0;\n          const deltaY = startY - currentY;\n\n          setIsScrolled(deltaY > 0);\n\n          containerElement?.removeEventListener('touchmove', onMove);\n        }\n      };\n\n      containerElement?.addEventListener('touchmove', onMove);\n    },\n    [isEnabled, containerElement]\n  );\n\n  const onScroll = useCallback(\n    (e: WheelEvent) => {\n      const isScrolledDown = e.deltaY > 0;\n\n      if (isEnabled && !isScrollBlocked && isScrollable) {\n        const isDeTected = Math.abs(e.deltaY) > Math.abs(delta);\n\n        if (isDeTected) {\n          if (isScrolledDown) {\n            onScrollDown?.(e);\n          } else {\n            onScrollUp?.(e);\n          }\n        }\n\n        setIsScrolled(window.scrollY > deltaFromTop);\n      }\n    },\n    [isEnabled, isScrollBlocked, isScrollable]\n  );\n\n  useEffect(() => {\n    if (isEnabled) {\n      containerElement?.addEventListener('wheel', onScroll);\n      containerElement?.addEventListener('touchstart', onMobileMove);\n    } else {\n      setIsScrolled(false);\n    }\n\n    return () => {\n      containerElement?.removeEventListener('wheel', onScroll);\n      containerElement?.removeEventListener('touchstart', onMobileMove);\n    };\n  }, [isEnabled, onScroll, onMobileMove, containerElement]);\n\n  useEffect(() => {\n    const isScrollable = window.innerHeight < window.document.body.scrollHeight;\n\n    setIsScrollable(isScrollable);\n  }, []);\n\n  return { isScrolled, isScrollable };\n};\n"],"names":["useState","useScrollBlockage","useGetElementOrWindow","useCallback","event","useEffect","isScrollable"],"mappings":";;;;;;AAgBa,MAAA,qBAAqB,CAAC,UAAoC;AAC/D,QAAA;AAAA,IACJ,YAAY;AAAA,IACZ,QAAQ;AAAA,IACR,eAAe;AAAA,IACf;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,SAAS,CAAC;AAEd,QAAM,CAAC,YAAY,aAAa,IAAIA,WAAAA,SAAkB,KAAK;AAC3D,QAAM,CAAC,cAAc,eAAe,IAAIA,WAAAA,SAAkB,KAAK;AAEzD,QAAA,EAAE,gBAAgB,IAAIC,gDAAkB;AACxC,QAAA,mBAAmBC,kDAAsB,OAAO;AAEtD,QAAM,eAAeC,WAAA;AAAA,IACnB,CAAC,UAAiC;AAChC,YAAM,SAAS,MAAM,UAAU,CAAC,GAAG,WAAW;AAExC,YAAA,SAAS,CAACC,WAAiC;AAC/C,YAAI,WAAW;AACb,gBAAM,WAAWA,OAAM,UAAU,CAAC,GAAG,WAAW;AAChD,gBAAM,SAAS,SAAS;AAExB,wBAAc,SAAS,CAAC;AAEN,4BAAA,oBAAoB,aAAa,MAAM;AAAA,QAAA;AAAA,MAE7D;AAEkB,wBAAA,iBAAiB,aAAa,MAAM;AAAA,IACxD;AAAA,IACA,CAAC,WAAW,gBAAgB;AAAA,EAC9B;AAEA,QAAM,WAAWD,WAAA;AAAA,IACf,CAAC,MAAkB;AACX,YAAA,iBAAiB,EAAE,SAAS;AAE9B,UAAA,aAAa,CAAC,mBAAmB,cAAc;AAC3C,cAAA,aAAa,KAAK,IAAI,EAAE,MAAM,IAAI,KAAK,IAAI,KAAK;AAEtD,YAAI,YAAY;AACd,cAAI,gBAAgB;AAClB,2BAAe,CAAC;AAAA,UAAA,OACX;AACL,yBAAa,CAAC;AAAA,UAAA;AAAA,QAChB;AAGY,sBAAA,OAAO,UAAU,YAAY;AAAA,MAAA;AAAA,IAE/C;AAAA,IACA,CAAC,WAAW,iBAAiB,YAAY;AAAA,EAC3C;AAEAE,aAAAA,UAAU,MAAM;AACd,QAAI,WAAW;AACK,wBAAA,iBAAiB,SAAS,QAAQ;AAClC,wBAAA,iBAAiB,cAAc,YAAY;AAAA,IAAA,OACxD;AACL,oBAAc,KAAK;AAAA,IAAA;AAGrB,WAAO,MAAM;AACO,wBAAA,oBAAoB,SAAS,QAAQ;AACrC,wBAAA,oBAAoB,cAAc,YAAY;AAAA,IAClE;AAAA,KACC,CAAC,WAAW,UAAU,cAAc,gBAAgB,CAAC;AAExDA,aAAAA,UAAU,MAAM;AACd,UAAMC,gBAAe,OAAO,cAAc,OAAO,SAAS,KAAK;AAE/D,oBAAgBA,aAAY;AAAA,EAC9B,GAAG,EAAE;AAEE,SAAA,EAAE,YAAY,aAAa;AACpC;;"}
+{"version":3,"file":"useScrollDetection.cjs","sources":["../../src/hooks/useScrollDetection.ts"],"sourcesContent":["'use client';\n\nimport { useCallback, useEffect, useState } from 'react';\n\nimport { useGetElementOrWindow } from './useGetElementOrWindow';\nimport { useScrollBlockage } from './useScrollBlockage';\n\ntype useScrollDetectionProps = {\n  isEnabled?: boolean;\n  delta?: number; // how much user has to scroll to trigger the event\n  deltaFromTop?: number; // how much user has to scroll from top to detect if the user has been scrolled\n  onScrollDown?: (e: WheelEvent) => void;\n  onScrollUp?: (e: WheelEvent) => void;\n  element?: HTMLElement; // The element to detect the scroll on. If not defined, the window.document.body will be used\n};\n\nexport const useScrollDetection = (props?: useScrollDetectionProps) => {\n  const {\n    isEnabled = true,\n    delta = 5,\n    deltaFromTop = 0,\n    onScrollDown,\n    onScrollUp,\n    element,\n  } = props ?? {};\n\n  const [isScrolled, setIsScrolled] = useState<boolean>(false);\n  const [isScrollable, setIsScrollable] = useState<boolean>(false);\n\n  const { isScrollBlocked } = useScrollBlockage();\n  const containerElement = useGetElementOrWindow(element);\n\n  const onMobileMove = useCallback(\n    (event: globalThis.TouchEvent) => {\n      const startY = event.touches?.[0]?.clientY ?? 0;\n\n      const onMove = (event: globalThis.TouchEvent) => {\n        if (isEnabled) {\n          const currentY = event.touches?.[0]?.clientY ?? 0;\n          const deltaY = startY - currentY;\n\n          setIsScrolled(deltaY > 0);\n\n          containerElement?.removeEventListener('touchmove', onMove);\n        }\n      };\n\n      containerElement?.addEventListener('touchmove', onMove);\n    },\n    [isEnabled, containerElement]\n  );\n\n  const onScroll = useCallback(\n    (e: WheelEvent) => {\n      const isScrolledDown = e.deltaY > 0;\n\n      if (isEnabled && !isScrollBlocked && isScrollable) {\n        const isDeTected = Math.abs(e.deltaY) > Math.abs(delta);\n\n        if (isDeTected) {\n          if (isScrolledDown) {\n            onScrollDown?.(e);\n          } else {\n            onScrollUp?.(e);\n          }\n        }\n\n        setIsScrolled(window.scrollY > deltaFromTop);\n      }\n    },\n    [isEnabled, isScrollBlocked, isScrollable]\n  );\n\n  useEffect(() => {\n    if (isEnabled) {\n      containerElement?.addEventListener('wheel', onScroll);\n      containerElement?.addEventListener('touchstart', onMobileMove);\n    } else {\n      setIsScrolled(false);\n    }\n\n    return () => {\n      containerElement?.removeEventListener('wheel', onScroll);\n      containerElement?.removeEventListener('touchstart', onMobileMove);\n    };\n  }, [isEnabled, onScroll, onMobileMove, containerElement]);\n\n  useEffect(() => {\n    const isScrollable = window.innerHeight < window.document.body.scrollHeight;\n\n    setIsScrollable(isScrollable);\n  }, []);\n\n  return { isScrolled, isScrollable };\n};\n"],"names":["useState","useScrollBlockage","useGetElementOrWindow","useCallback","event","useEffect","isScrollable"],"mappings":";;;;;;AAgBa,MAAA,qBAAqB,CAAC,UAAoC;AAC/D,QAAA;AAAA,IACJ,YAAY;AAAA,IACZ,QAAQ;AAAA,IACR,eAAe;AAAA,IACf;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,SAAS,CAAC;AAEd,QAAM,CAAC,YAAY,aAAa,IAAIA,aAAAA,SAAkB,KAAK;AAC3D,QAAM,CAAC,cAAc,eAAe,IAAIA,aAAAA,SAAkB,KAAK;AAEzD,QAAA,EAAE,gBAAgB,IAAIC,gDAAkB;AACxC,QAAA,mBAAmBC,kDAAsB,OAAO;AAEtD,QAAM,eAAeC,aAAA;AAAA,IACnB,CAAC,UAAiC;AAChC,YAAM,SAAS,MAAM,UAAU,CAAC,GAAG,WAAW;AAExC,YAAA,SAAS,CAACC,WAAiC;AAC/C,YAAI,WAAW;AACb,gBAAM,WAAWA,OAAM,UAAU,CAAC,GAAG,WAAW;AAChD,gBAAM,SAAS,SAAS;AAExB,wBAAc,SAAS,CAAC;AAEN,4BAAA,oBAAoB,aAAa,MAAM;AAAA,QAAA;AAAA,MAE7D;AAEkB,wBAAA,iBAAiB,aAAa,MAAM;AAAA,IACxD;AAAA,IACA,CAAC,WAAW,gBAAgB;AAAA,EAC9B;AAEA,QAAM,WAAWD,aAAA;AAAA,IACf,CAAC,MAAkB;AACX,YAAA,iBAAiB,EAAE,SAAS;AAE9B,UAAA,aAAa,CAAC,mBAAmB,cAAc;AAC3C,cAAA,aAAa,KAAK,IAAI,EAAE,MAAM,IAAI,KAAK,IAAI,KAAK;AAEtD,YAAI,YAAY;AACd,cAAI,gBAAgB;AAClB,2BAAe,CAAC;AAAA,UAAA,OACX;AACL,yBAAa,CAAC;AAAA,UAAA;AAAA,QAChB;AAGY,sBAAA,OAAO,UAAU,YAAY;AAAA,MAAA;AAAA,IAE/C;AAAA,IACA,CAAC,WAAW,iBAAiB,YAAY;AAAA,EAC3C;AAEAE,eAAAA,UAAU,MAAM;AACd,QAAI,WAAW;AACK,wBAAA,iBAAiB,SAAS,QAAQ;AAClC,wBAAA,iBAAiB,cAAc,YAAY;AAAA,IAAA,OACxD;AACL,oBAAc,KAAK;AAAA,IAAA;AAGrB,WAAO,MAAM;AACO,wBAAA,oBAAoB,SAAS,QAAQ;AACrC,wBAAA,oBAAoB,cAAc,YAAY;AAAA,IAClE;AAAA,KACC,CAAC,WAAW,UAAU,cAAc,gBAAgB,CAAC;AAExDA,eAAAA,UAAU,MAAM;AACd,UAAMC,gBAAe,OAAO,cAAc,OAAO,SAAS,KAAK;AAE/D,oBAAgBA,aAAY;AAAA,EAC9B,GAAG,EAAE;AAEE,SAAA,EAAE,YAAY,aAAa;AACpC;;"}

package/dist/hooks/useScrollDetection.mjs

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

package/dist/index-2Yc9SLPe.cjs

@@ -0,0 +1,184 @@
+"use client";
+"use strict";
+const jsxRuntime = require("react/jsx-runtime");
+const core = require("@intlayer/core");
+const components_DictionaryEditor_ItemLayout = require("./components/DictionaryEditor/ItemLayout.cjs");
+const ReactExports = require("react");
+const components_DictionaryEditor_NodeWrapper_StringWrapper = require("./components/DictionaryEditor/NodeWrapper/StringWrapper.cjs");
+const ArrayWrapper = (props) => {
+  const { keyPath, section, onFocusKeyPath, focusedKeyPath = [] } = props;
+  return section.map((subSection, key) => {
+    const newKeyPathEl = {
+      key,
+      type: core.NodeType.Array
+    };
+    const newKeyPath = [...keyPath, newKeyPathEl];
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      components_DictionaryEditor_ItemLayout.ItemLayout,
+      {
+        level: keyPath.length,
+        title: `${key}`,
+        description: "",
+        isSelected: core.isSameKeyPath(newKeyPath, focusedKeyPath),
+        onClick: (e) => {
+          e.stopPropagation();
+          onFocusKeyPath(newKeyPath);
+        },
+        children: /* @__PURE__ */ jsxRuntime.jsx(NodeWrapper, { ...props, keyPath: newKeyPath, section: subSection })
+      },
+      JSON.stringify(subSection)
+    );
+  });
+};
+const ConditionWrapper = (props) => {
+  const { keyPath, section } = props;
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ml-2 grid grid-cols-[auto,1fr] gap-2", children: Object.keys(section).filter((key) => !traceKeys.includes(key)).map((key) => {
+    const newKeyPathEl = {
+      type: core.NodeType.Condition,
+      key
+    };
+    const newKeyPath = [...keyPath, newKeyPathEl];
+    const subSection = section[core.NodeType.Condition][key];
+    return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex items-center font-bold", children: key }),
+      /* @__PURE__ */ ReactExports.createElement(
+        NodeWrapper,
+        {
+          ...props,
+          key,
+          keyPath: newKeyPath,
+          section: subSection
+        }
+      )
+    ] });
+  }) });
+};
+const EnumerationWrapper = (props) => {
+  const { keyPath, section } = props;
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ml-2 grid grid-cols-[auto,1fr] gap-2", children: Object.keys(section).filter((key) => !traceKeys.includes(key)).map((key) => {
+    const newKeyPathEl = {
+      type: core.NodeType.Enumeration,
+      key
+    };
+    const newKeyPath = [...keyPath, newKeyPathEl];
+    const subSection = section[core.NodeType.Enumeration][key];
+    return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex items-center font-bold", children: key }),
+      /* @__PURE__ */ ReactExports.createElement(
+        NodeWrapper,
+        {
+          ...props,
+          key,
+          keyPath: newKeyPath,
+          section: subSection
+        }
+      )
+    ] });
+  }) });
+};
+const MarkdownWrapper = (props) => {
+  const { keyPath, section } = props;
+  const newKeyPathEl = {
+    type: core.NodeType.Markdown
+  };
+  const newKeyPath = [...keyPath, newKeyPathEl];
+  const subSection = section[core.NodeType.Markdown];
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ml-2 grid grid-cols-[auto,1fr] gap-2", children: /* @__PURE__ */ jsxRuntime.jsx(NodeWrapper, { ...props, keyPath: newKeyPath, section: subSection }) });
+};
+const NestedObjectWrapper = (props) => {
+  const { keyPath, section, focusedKeyPath = [], onFocusKeyPath } = props;
+  return Object.keys(section).filter((key) => !traceKeys.includes(key)).map((key) => {
+    const newKeyPathEl = { key, type: core.NodeType.Object };
+    const newKeyPath = [...keyPath, newKeyPathEl];
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      components_DictionaryEditor_ItemLayout.ItemLayout,
+      {
+        level: keyPath.length,
+        title: key,
+        description: "",
+        isSelected: core.isSameKeyPath(newKeyPath, focusedKeyPath),
+        onClick: (e) => {
+          e.stopPropagation();
+          onFocusKeyPath(newKeyPath);
+        },
+        children: /* @__PURE__ */ jsxRuntime.jsx(NodeWrapper, { ...props, keyPath: newKeyPath, section: section[key] })
+      },
+      key
+    );
+  });
+};
+const TranslationWrapper = (props) => {
+  const { keyPath, section, locale } = props;
+  const newKeyPathEl = {
+    type: core.NodeType.Translation,
+    key: locale
+  };
+  const newKeyPath = [...keyPath, newKeyPathEl];
+  const subSection = section.translation[locale];
+  return /* @__PURE__ */ jsxRuntime.jsx(NodeWrapper, { ...props, keyPath: newKeyPath, section: subSection });
+};
+const traceKeys = ["filePath", "id", "nodeType"];
+const isReactNode = (node) => typeof node?.key !== "undefined" && typeof node?.props !== "undefined";
+const NodeWrapper = (props) => {
+  const { section } = props;
+  if (typeof section === "object") {
+    if (isReactNode(section)) {
+      return /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-neutral dark:text-neutral-dark text-xs", children: "React node not editable" });
+    }
+    if (section.nodeType === core.NodeType.Nested) {
+      return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ml-2 grid grid-cols-[auto,1fr] gap-2", children: "[Nested] Dictionary" });
+    }
+    if (section.nodeType === core.NodeType.Markdown) {
+      return /* @__PURE__ */ jsxRuntime.jsx(MarkdownWrapper, { ...props, section });
+    }
+    if (section.nodeType === core.NodeType.Translation) {
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        TranslationWrapper,
+        {
+          ...props,
+          section
+        }
+      );
+    }
+    if (section.nodeType === core.NodeType.Enumeration) {
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        EnumerationWrapper,
+        {
+          ...props,
+          section
+        }
+      );
+    }
+    if (section.nodeType === core.NodeType.Condition) {
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        ConditionWrapper,
+        {
+          ...props,
+          section
+        }
+      );
+    }
+    if (Array.isArray(section)) {
+      return /* @__PURE__ */ jsxRuntime.jsx(ArrayWrapper, { ...props, section });
+    }
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      NestedObjectWrapper,
+      {
+        ...props,
+        section
+      }
+    );
+  }
+  if (typeof section === "string") {
+    return /* @__PURE__ */ jsxRuntime.jsx(components_DictionaryEditor_NodeWrapper_StringWrapper.StringWrapper, { ...props, section });
+  }
+};
+exports.ArrayWrapper = ArrayWrapper;
+exports.ConditionWrapper = ConditionWrapper;
+exports.EnumerationWrapper = EnumerationWrapper;
+exports.MarkdownWrapper = MarkdownWrapper;
+exports.NestedObjectWrapper = NestedObjectWrapper;
+exports.NodeWrapper = NodeWrapper;
+exports.TranslationWrapper = TranslationWrapper;
+exports.traceKeys = traceKeys;
+//# sourceMappingURL=index-2Yc9SLPe.cjs.map

package/dist/index-2Yc9SLPe.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-2Yc9SLPe.cjs","sources":["../src/components/DictionaryEditor/NodeWrapper/ArrayWrapper.tsx","../src/components/DictionaryEditor/NodeWrapper/ConditionWrapper.tsx","../src/components/DictionaryEditor/NodeWrapper/EnumerationWrapper.tsx","../src/components/DictionaryEditor/NodeWrapper/MarkdownWrapper.tsx","../src/components/DictionaryEditor/NodeWrapper/NestedObjectWrapper.tsx","../src/components/DictionaryEditor/NodeWrapper/TranslationWrapper.tsx","../src/components/DictionaryEditor/NodeWrapper/index.tsx"],"sourcesContent":["import {\n  isSameKeyPath,\n  NodeType,\n  type ContentNode,\n  type KeyPath,\n} from '@intlayer/core';\nimport type { FC } from 'react';\nimport { ItemLayout } from '../ItemLayout';\nimport { NodeWrapper, type NodeWrapperProps } from './index';\n\ntype ArrayWrapperProps = Omit<NodeWrapperProps, 'section'> & {\n  section: ContentNode[];\n};\n\nexport const ArrayWrapper: FC<ArrayWrapperProps> = (props) => {\n  const { keyPath, section, onFocusKeyPath, focusedKeyPath = [] } = props;\n\n  return section.map((subSection, key) => {\n    const newKeyPathEl: KeyPath = {\n      key,\n      type: NodeType.Array,\n    };\n    const newKeyPath: KeyPath[] = [...keyPath, newKeyPathEl];\n\n    return (\n      <ItemLayout\n        level={keyPath.length}\n        key={JSON.stringify(subSection)}\n        title={`${key}`}\n        description=\"\"\n        isSelected={isSameKeyPath(newKeyPath, focusedKeyPath)}\n        onClick={(e) => {\n          e.stopPropagation();\n          onFocusKeyPath(newKeyPath);\n        }}\n      >\n        <NodeWrapper {...props} keyPath={newKeyPath} section={subSection} />\n      </ItemLayout>\n    );\n  });\n};\n","import {\n  type KeyPath,\n  NodeType,\n  type ConditionContent,\n  type ContentNode,\n} from '@intlayer/core';\nimport type { FC } from 'react';\nimport { NodeWrapper, traceKeys, type NodeWrapperProps } from './index';\n\ntype ConditionWrapperProps = Omit<NodeWrapperProps, 'section'> & {\n  section: ConditionContent<ContentNode>;\n};\n\nexport const ConditionWrapper: FC<ConditionWrapperProps> = (props) => {\n  const { keyPath, section } = props;\n\n  return (\n    <div className=\"ml-2 grid grid-cols-[auto,1fr] gap-2\">\n      {Object.keys(section)\n        .filter((key) => !traceKeys.includes(key))\n        .map((key) => {\n          const newKeyPathEl: KeyPath = {\n            type: NodeType.Condition,\n            key,\n          };\n          const newKeyPath: KeyPath[] = [...keyPath, newKeyPathEl];\n\n          const subSection =\n            section[NodeType.Condition][\n              key as keyof (typeof section)[NodeType.Condition]\n            ]!;\n\n          return (\n            <>\n              <span className=\"flex items-center font-bold\">{key}</span>\n              <NodeWrapper\n                {...props}\n                key={key}\n                keyPath={newKeyPath}\n                section={subSection}\n              />\n            </>\n          );\n        })}\n    </div>\n  );\n};\n","import {\n  type KeyPath,\n  NodeType,\n  type EnumerationContent,\n  type ContentNode,\n} from '@intlayer/core';\nimport type { FC } from 'react';\nimport { NodeWrapper, traceKeys, type NodeWrapperProps } from './index';\n\ntype EnumerationWrapperProps = Omit<NodeWrapperProps, 'section'> & {\n  section: EnumerationContent<ContentNode>;\n};\n\nexport const EnumerationWrapper: FC<EnumerationWrapperProps> = (props) => {\n  const { keyPath, section } = props;\n\n  return (\n    <div className=\"ml-2 grid grid-cols-[auto,1fr] gap-2\">\n      {Object.keys(section)\n        .filter((key) => !traceKeys.includes(key))\n        .map((key) => {\n          const newKeyPathEl: KeyPath = {\n            type: NodeType.Enumeration,\n            key,\n          };\n          const newKeyPath: KeyPath[] = [...keyPath, newKeyPathEl];\n\n          const subSection =\n            section[NodeType.Enumeration][\n              key as keyof (typeof section)[NodeType.Enumeration]\n            ]!;\n\n          return (\n            <>\n              <span className=\"flex items-center font-bold\">{key}</span>\n              <NodeWrapper\n                {...props}\n                key={key}\n                keyPath={newKeyPath}\n                section={subSection}\n              />\n            </>\n          );\n        })}\n    </div>\n  );\n};\n","import { type KeyPath, NodeType, type MarkdownContent } from '@intlayer/core';\nimport type { FC } from 'react';\nimport { NodeWrapper, type NodeWrapperProps } from './index';\n\ntype MarkdownWrapperProps = Omit<NodeWrapperProps, 'section'> & {\n  section: MarkdownContent;\n};\n\nexport const MarkdownWrapper: FC<MarkdownWrapperProps> = (props) => {\n  const { keyPath, section } = props;\n\n  const newKeyPathEl: KeyPath = {\n    type: NodeType.Markdown,\n  };\n  const newKeyPath: KeyPath[] = [...keyPath, newKeyPathEl];\n\n  const subSection = section[NodeType.Markdown];\n\n  return (\n    <div className=\"ml-2 grid grid-cols-[auto,1fr] gap-2\">\n      <NodeWrapper {...props} keyPath={newKeyPath} section={subSection} />\n    </div>\n  );\n};\n","import {\n  type KeyPath,\n  isSameKeyPath,\n  type ContentNode,\n  NodeType,\n} from '@intlayer/core';\nimport type { FC } from 'react';\nimport { ItemLayout } from '../ItemLayout';\nimport { NodeWrapper, traceKeys, type NodeWrapperProps } from './index';\n\ntype NestedObjectWrapperProps = Omit<NodeWrapperProps, 'section'> & {\n  section: Record<string, ContentNode>;\n};\n\nexport const NestedObjectWrapper: FC<NestedObjectWrapperProps> = (props) => {\n  const { keyPath, section, focusedKeyPath = [], onFocusKeyPath } = props;\n\n  return Object.keys(section)\n    .filter((key) => !traceKeys.includes(key))\n    .map((key) => {\n      const newKeyPathEl: KeyPath = { key, type: NodeType.Object };\n      const newKeyPath: KeyPath[] = [...keyPath, newKeyPathEl];\n\n      return (\n        <ItemLayout\n          level={keyPath.length}\n          key={key}\n          title={key}\n          description=\"\"\n          isSelected={isSameKeyPath(newKeyPath, focusedKeyPath)}\n          onClick={(e) => {\n            e.stopPropagation();\n\n            onFocusKeyPath(newKeyPath);\n          }}\n        >\n          <NodeWrapper {...props} keyPath={newKeyPath} section={section[key]} />\n        </ItemLayout>\n      );\n    });\n};\n","import {\n  type KeyPath,\n  NodeType,\n  type TranslationContent,\n  type ContentNode,\n} from '@intlayer/core';\nimport type { FC } from 'react';\nimport { NodeWrapper, type NodeWrapperProps } from './index';\n\ntype TranslationWrapperProps = Omit<NodeWrapperProps, 'section'> & {\n  section: TranslationContent<ContentNode>;\n};\n\nexport const TranslationWrapper: FC<TranslationWrapperProps> = (props) => {\n  const { keyPath, section, locale } = props;\n\n  const newKeyPathEl: KeyPath = {\n    type: NodeType.Translation,\n    key: locale,\n  };\n\n  const newKeyPath: KeyPath[] = [...keyPath, newKeyPathEl];\n\n  const subSection =\n    section.translation[\n      locale as unknown as keyof (typeof section)['translation']\n    ]!;\n\n  return <NodeWrapper {...props} keyPath={newKeyPath} section={subSection} />;\n};\n","'use client';\n\nimport type { Locales } from '@intlayer/config/client';\nimport {\n  type NestedContent,\n  type ConditionContent,\n  type MarkdownContent,\n  type EnumerationContent,\n  type TranslationContent,\n  NodeType,\n  type KeyPath,\n  type ContentNode,\n} from '@intlayer/core';\nimport { type FC } from 'react';\nimport { ArrayWrapper } from './ArrayWrapper';\nimport { ConditionWrapper } from './ConditionWrapper';\nimport { EnumerationWrapper } from './EnumerationWrapper';\nimport { MarkdownWrapper } from './MarkdownWrapper';\nimport { NestedObjectWrapper } from './NestedObjectWrapper';\nimport { StringWrapper } from './StringWrapper';\nimport { TranslationWrapper } from './TranslationWrapper';\n\nexport const traceKeys: string[] = ['filePath', 'id', 'nodeType'];\n\nconst isReactNode = (node: Record<string, unknown>): boolean =>\n  typeof node?.key !== 'undefined' && typeof node?.props !== 'undefined';\n\nexport type NodeWrapperProps = {\n  keyPath: KeyPath[];\n  section: ContentNode;\n  onContentChange: (content: { keyPath: KeyPath[]; newValue: string }) => void;\n  locale: Locales;\n  editedContent: ContentNode;\n  focusedKeyPath: KeyPath[] | undefined;\n  onFocusKeyPath: (keyPath: KeyPath[]) => void;\n  onClickEdit?: (keyPath: KeyPath[]) => void;\n};\n\nexport const NodeWrapper: FC<NodeWrapperProps> = (props) => {\n  const { section } = props;\n\n  if (typeof section === 'object') {\n    if (isReactNode(section as Record<string, unknown>)) {\n      return (\n        <span className=\"text-neutral dark:text-neutral-dark text-xs\">\n          React node not editable\n        </span>\n      );\n    }\n\n    if ((section as NestedContent).nodeType === NodeType.Nested) {\n      return (\n        <div className=\"ml-2 grid grid-cols-[auto,1fr] gap-2\">\n          [Nested] Dictionary\n        </div>\n      );\n    }\n\n    if ((section as MarkdownContent).nodeType === NodeType.Markdown) {\n      return (\n        <MarkdownWrapper {...props} section={section as MarkdownContent} />\n      );\n    }\n\n    if (\n      (section as TranslationContent<ContentNode>).nodeType ===\n      NodeType.Translation\n    ) {\n      return (\n        <TranslationWrapper\n          {...props}\n          section={section as TranslationContent<ContentNode>}\n        />\n      );\n    }\n\n    if (\n      (section as EnumerationContent<ContentNode>).nodeType ===\n      NodeType.Enumeration\n    ) {\n      return (\n        <EnumerationWrapper\n          {...props}\n          section={section as EnumerationContent<ContentNode>}\n        />\n      );\n    }\n\n    if (\n      (section as ConditionContent<ContentNode>).nodeType === NodeType.Condition\n    ) {\n      return (\n        <ConditionWrapper\n          {...props}\n          section={section as ConditionContent<ContentNode>}\n        />\n      );\n    }\n\n    if (Array.isArray(section)) {\n      return <ArrayWrapper {...props} section={section as ContentNode[]} />;\n    }\n\n    return (\n      <NestedObjectWrapper\n        {...props}\n        section={section as Record<string, ContentNode>}\n      />\n    );\n  }\n\n  if (typeof section === 'string') {\n    return <StringWrapper {...props} section={section} />;\n  }\n};\n"],"names":["NodeType","jsx","ItemLayout","isSameKeyPath","jsxs","Fragment","createElement","StringWrapper"],"mappings":"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"}