@intlayer/design-system 3.5.0 → 3.5.1

package/dist/hooks/useGetElementOrWindow.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useGetElementOrWindow.cjs","sources":["../../src/hooks/useGetElementOrWindow.ts"],"sourcesContent":["'use client';\n\nimport { useEffect, useState } from 'react';\n\nexport const useGetElementOrWindow = (container?: HTMLElement) => {\n  const [containerElement, setContainerElement] = useState<\n    HTMLElement | undefined\n  >(container);\n\n  // This useEffect avoids the error of not finding the container\n  useEffect(() => {\n    setContainerElement(container ?? window.document.body);\n  }, [container]);\n\n  return containerElement;\n};\n"],"names":["useState","useEffect"],"mappings":";;;;AAIa,MAAA,wBAAwB,CAAC,cAA4B;AAChE,QAAM,CAAC,kBAAkB,mBAAmB,IAAIA,oBAE9C,SAAS;AAGXC,aAAAA,UAAU,MAAM;AACM,wBAAA,aAAa,OAAO,SAAS,IAAI;AAAA,EAAA,GACpD,CAAC,SAAS,CAAC;AAEP,SAAA;AACT;;"}
+{"version":3,"file":"useGetElementOrWindow.cjs","sources":["../../src/hooks/useGetElementOrWindow.ts"],"sourcesContent":["'use client';\n\nimport { useEffect, useState } from 'react';\n\nexport const useGetElementOrWindow = (container?: HTMLElement) => {\n  const [containerElement, setContainerElement] = useState<\n    HTMLElement | undefined\n  >(container);\n\n  // This useEffect avoids the error of not finding the container\n  useEffect(() => {\n    setContainerElement(container ?? window.document.body);\n  }, [container]);\n\n  return containerElement;\n};\n"],"names":["useState","useEffect"],"mappings":";;;;AAIa,MAAA,wBAAwB,CAAC,cAA4B;AAChE,QAAM,CAAC,kBAAkB,mBAAmB,IAAIA,WAAAA,SAE9C,SAAS;AAGXC,aAAAA,UAAU,MAAM;AACM,wBAAA,aAAa,OAAO,SAAS,IAAI;AAAA,EAAA,GACpD,CAAC,SAAS,CAAC;AAEP,SAAA;AACT;;"}

package/dist/hooks/useIntlayerAPI.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useIntlayerAPI.cjs","sources":["../../src/hooks/useIntlayerAPI.ts"],"sourcesContent":["import { useMemo } from 'react';\nimport { useAuth } from '../components/Auth/useAuth';\nimport { getIntlayerAPI } from '../libs/intlayer-api';\nimport { FetcherOptions } from '../libs/intlayer-api/fetcher';\n\nexport const useIntlayerAuth = (options?: FetcherOptions) => {\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        headers,\n        body,\n        ...options,\n      }),\n    [body, headers]\n  );\n};\n"],"names":["useAuth","useMemo","getIntlayerAPI"],"mappings":";;;;;AAKa,MAAA,kBAAkB,CAAC,YAA6B;AAC3D,QAAM,EAAE,WAAW,kBAAkB,IAAIA,8BAAQ,QAAA;AAEjD,QAAM,UAAUC,WAAA;AAAA,IACd,MACE,mBAAmB,cACf;AAAA,MACE,eAAe,UAAU,kBAAkB,WAAW;AAAA,IAExD,IAAA;AAAA,IACN,CAAC,mBAAmB,WAAW;AAAA,EAAA;AAGjC,QAAM,OAAOA,WAAA;AAAA,IACX,MAAO,YAAY,EAAE,YAAY,cAAc;AAAA,IAC/C,CAAC,SAAS;AAAA,EAAA;AAGL,SAAAA,WAAA;AAAA,IACL,MACEC,sCAAe;AAAA,MACb;AAAA,MACA;AAAA,MACA,GAAG;AAAA,IAAA,CACJ;AAAA,IACH,CAAC,MAAM,OAAO;AAAA,EAAA;AAElB;;"}
+{"version":3,"file":"useIntlayerAPI.cjs","sources":["../../src/hooks/useIntlayerAPI.ts"],"sourcesContent":["import { useMemo } from 'react';\nimport { useAuth } from '../components/Auth/useAuth';\nimport { getIntlayerAPI } from '../libs/intlayer-api';\nimport { FetcherOptions } from '../libs/intlayer-api/fetcher';\n\nexport const useIntlayerAuth = (options?: FetcherOptions) => {\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        headers,\n        body,\n        ...options,\n      }),\n    [body, headers]\n  );\n};\n"],"names":["useAuth","useMemo","getIntlayerAPI"],"mappings":";;;;;AAKa,MAAA,kBAAkB,CAAC,YAA6B;AAC3D,QAAM,EAAE,WAAW,kBAAkB,IAAIA,sCAAQ;AAEjD,QAAM,UAAUC,WAAA;AAAA,IACd,MACE,mBAAmB,cACf;AAAA,MACE,eAAe,UAAU,kBAAkB,WAAW;AAAA,IAExD,IAAA;AAAA,IACN,CAAC,mBAAmB,WAAW;AAAA,EACjC;AAEA,QAAM,OAAOA,WAAA;AAAA,IACX,MAAO,YAAY,EAAE,YAAY,cAAc;AAAA,IAC/C,CAAC,SAAS;AAAA,EACZ;AAEO,SAAAA,WAAA;AAAA,IACL,MACEC,sCAAe;AAAA,MACb;AAAA,MACA;AAAA,MACA,GAAG;AAAA,IAAA,CACJ;AAAA,IACH,CAAC,MAAM,OAAO;AAAA,EAChB;AACF;;"}

package/dist/hooks/useIntlayerAPI.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useIntlayerAPI.mjs","sources":["../../src/hooks/useIntlayerAPI.ts"],"sourcesContent":["import { useMemo } from 'react';\nimport { useAuth } from '../components/Auth/useAuth';\nimport { getIntlayerAPI } from '../libs/intlayer-api';\nimport { FetcherOptions } from '../libs/intlayer-api/fetcher';\n\nexport const useIntlayerAuth = (options?: FetcherOptions) => {\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        headers,\n        body,\n        ...options,\n      }),\n    [body, headers]\n  );\n};\n"],"names":[],"mappings":";;;AAKa,MAAA,kBAAkB,CAAC,YAA6B;AAC3D,QAAM,EAAE,WAAW,kBAAkB,IAAI,QAAQ;AAEjD,QAAM,UAAU;AAAA,IACd,MACE,mBAAmB,cACf;AAAA,MACE,eAAe,UAAU,kBAAkB,WAAW;AAAA,IAExD,IAAA;AAAA,IACN,CAAC,mBAAmB,WAAW;AAAA,EAAA;AAGjC,QAAM,OAAO;AAAA,IACX,MAAO,YAAY,EAAE,YAAY,cAAc;AAAA,IAC/C,CAAC,SAAS;AAAA,EAAA;AAGL,SAAA;AAAA,IACL,MACE,eAAe;AAAA,MACb;AAAA,MACA;AAAA,MACA,GAAG;AAAA,IAAA,CACJ;AAAA,IACH,CAAC,MAAM,OAAO;AAAA,EAAA;AAElB;"}
+{"version":3,"file":"useIntlayerAPI.mjs","sources":["../../src/hooks/useIntlayerAPI.ts"],"sourcesContent":["import { useMemo } from 'react';\nimport { useAuth } from '../components/Auth/useAuth';\nimport { getIntlayerAPI } from '../libs/intlayer-api';\nimport { FetcherOptions } from '../libs/intlayer-api/fetcher';\n\nexport const useIntlayerAuth = (options?: FetcherOptions) => {\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        headers,\n        body,\n        ...options,\n      }),\n    [body, headers]\n  );\n};\n"],"names":[],"mappings":";;;AAKa,MAAA,kBAAkB,CAAC,YAA6B;AAC3D,QAAM,EAAE,WAAW,kBAAkB,IAAI,QAAQ;AAEjD,QAAM,UAAU;AAAA,IACd,MACE,mBAAmB,cACf;AAAA,MACE,eAAe,UAAU,kBAAkB,WAAW;AAAA,IAExD,IAAA;AAAA,IACN,CAAC,mBAAmB,WAAW;AAAA,EACjC;AAEA,QAAM,OAAO;AAAA,IACX,MAAO,YAAY,EAAE,YAAY,cAAc;AAAA,IAC/C,CAAC,SAAS;AAAA,EACZ;AAEO,SAAA;AAAA,IACL,MACE,eAAe;AAAA,MACb;AAAA,MACA;AAAA,MACA,GAAG;AAAA,IAAA,CACJ;AAAA,IACH,CAAC,MAAM,OAAO;AAAA,EAChB;AACF;"}

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,oBAAS,KAAK;AAEhDC,aAAAA,UAAU,MAAM;AACd,iBAAa,IAAI;AAAA,EACnB,GAAG,CAAE,CAAA;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,WAAAA,SAAS,KAAK;AAEhDC,aAAAA,UAAU,MAAM;AACd,iBAAa,IAAI;AAAA,EACnB,GAAG,EAAE;AAEE,SAAA;AACT;;"}

package/dist/hooks/useIsMounted.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useIsMounted.mjs","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":[],"mappings":";;AAIO,MAAM,eAAe,MAAM;AAChC,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,KAAK;AAEhD,YAAU,MAAM;AACd,iBAAa,IAAI;AAAA,EACnB,GAAG,CAAE,CAAA;AAEE,SAAA;AACT;"}
+{"version":3,"file":"useIsMounted.mjs","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":[],"mappings":";;AAIO,MAAM,eAAe,MAAM;AAChC,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,KAAK;AAEhD,YAAU,MAAM;AACd,iBAAa,IAAI;AAAA,EACnB,GAAG,EAAE;AAEE,SAAA;AACT;"}

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,oBAA4B,IAAI;AAElC,QAAM,CAAC,aAAa,cAAc,IAAIA,oBAA6B,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,MACxD;AAEA,UAAI,CAAC,eAAe;AAClB,mCAA2B,CAAC,UAAU;AAAA,UACpC,MAAM;AAAA,UACN,OAAO;AAAA,UACP,GAAG;AAAA,UACH,SAAS;AAAA,QACT,EAAA;AACF;AAAA,MACF;AAEA,YAAM,OAAO,cAAc;AAC3B,YAAM,QAAQ,cAAc;AAED,iCAAA;AAAA,QACzB;AAAA,QACA;AAAA,QACA,SAAS;AAAA,MAAA,CACV;AAAA,IAAA;AAGe;AAGX,WAAA,iBAAiB,UAAU,iBAAiB;AAC5C,WAAA,iBAAiB,oBAAoB,iBAAiB;AAG7D,UAAM,oBAAwC,CAAA;AAElC,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;AAClB;AAAA,YACF;AAAA,UACF;AAAA,QAAA,CACD;AAED,iBAAS,QAAQ,QAAQ;AAAA,UACvB,YAAY;AAAA,UACZ,iBAAiB,CAAC,eAAe;AAAA,QAAA,CAClC;AAED,0BAAkB,KAAK,QAAQ;AAAA,MACjC;AAAA,IAAA,CACD;AAGD,UAAM,kBAAoC,CAAA;AAEpC,UAAA,cAAc,CAAC,YAAyB;AAC5C,UAAI,CAAC,QAAS;AACR,YAAA,iBAAiB,IAAI,eAAe,MAAM;AAC5B;MAAA,CACnB;AACD,qBAAe,QAAQ,OAAO;AAC9B,sBAAgB,KAAK,cAAc;AAAA,IAAA;AAIrC,UAAM,eAAe,YAAY,QAAQ,KAAK,QAAQ,KAAK;AAE3D,QAAI,cAAc;AAChB,kBAAY,YAAY;AAAA,IAC1B;AAGA,QAAI,aAAa;AACf,kBAAY,WAAW;AAAA,IACzB;AAGM,UAAA,mBAAmB,CAAC,UAAiB;AACzC,qBAAe,MAAM,aAA4B;AAAA,IAAA;AAGnD,UAAM,mBAAmB,MAAM;AAC7B,qBAAe,IAAI;AAAA,IAAA;AAGrB,QAAI,aAAa;AACH,kBAAA,QAAQ,QAAQ,CAAC,WAAW;AAC9B,gBAAA,iBAAiB,cAAc,gBAAgB;AAC/C,gBAAA,iBAAiB,cAAc,gBAAgB;AAAA,MAAA,CACxD;AAAA,IACH;AAEA,WAAO,MAAM;AAEJ,aAAA,oBAAoB,UAAU,iBAAiB;AAC/C,aAAA,oBAAoB,oBAAoB,iBAAiB;AAGhE,wBAAkB,QAAQ,CAAC,aAAa,SAAS,WAAY,CAAA;AAG7D,sBAAgB,QAAQ,CAAC,aAAa,SAAS,WAAY,CAAA;AAG/C,kBAAA,QAAQ,QAAQ,CAAC,WAAW;AAC9B,gBAAA,oBAAoB,cAAc,gBAAgB;AAClD,gBAAA,oBAAoB,cAAc,gBAAgB;AAAA,MAAA,CAC3D;AAAA,IAAA;AAAA,KAEF,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,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;;"}

package/dist/hooks/useItemSelector.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useItemSelector.mjs","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":[],"mappings":";;AAUA,MAAM,kBAAkB,CAAC,WACvB,QAAQ,aAAa,eAAe,MAAM;AAErC,MAAM,kBAAkB,CAC7B,aACA,WAA4D,iBAC5D,cAAc,UACX;AACH,QAAM,CAAC,yBAAyB,0BAA0B,IACxD,SAA4B,IAAI;AAElC,QAAM,CAAC,aAAa,cAAc,IAAI,SAA6B,IAAI;AAEjE,QAAA,cAAc,YAAY,QAAQ;AAExC,YAAU,MAAM;AACd,UAAM,oBAAoB,MAAM;AAC9B,UAAI,gBAAoC;AAExC,UAAI,aAAa;AACC,wBAAA;AAAA,MAAA,OACX;AACL,wBAAgB,YAAY,QAAQ,KAAK,QAAQ,KAAK;AAAA,MACxD;AAEA,UAAI,CAAC,eAAe;AAClB,mCAA2B,CAAC,UAAU;AAAA,UACpC,MAAM;AAAA,UACN,OAAO;AAAA,UACP,GAAG;AAAA,UACH,SAAS;AAAA,QACT,EAAA;AACF;AAAA,MACF;AAEA,YAAM,OAAO,cAAc;AAC3B,YAAM,QAAQ,cAAc;AAED,iCAAA;AAAA,QACzB;AAAA,QACA;AAAA,QACA,SAAS;AAAA,MAAA,CACV;AAAA,IAAA;AAGe;AAGX,WAAA,iBAAiB,UAAU,iBAAiB;AAC5C,WAAA,iBAAiB,oBAAoB,iBAAiB;AAG7D,UAAM,oBAAwC,CAAA;AAElC,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;AAClB;AAAA,YACF;AAAA,UACF;AAAA,QAAA,CACD;AAED,iBAAS,QAAQ,QAAQ;AAAA,UACvB,YAAY;AAAA,UACZ,iBAAiB,CAAC,eAAe;AAAA,QAAA,CAClC;AAED,0BAAkB,KAAK,QAAQ;AAAA,MACjC;AAAA,IAAA,CACD;AAGD,UAAM,kBAAoC,CAAA;AAEpC,UAAA,cAAc,CAAC,YAAyB;AAC5C,UAAI,CAAC,QAAS;AACR,YAAA,iBAAiB,IAAI,eAAe,MAAM;AAC5B;MAAA,CACnB;AACD,qBAAe,QAAQ,OAAO;AAC9B,sBAAgB,KAAK,cAAc;AAAA,IAAA;AAIrC,UAAM,eAAe,YAAY,QAAQ,KAAK,QAAQ,KAAK;AAE3D,QAAI,cAAc;AAChB,kBAAY,YAAY;AAAA,IAC1B;AAGA,QAAI,aAAa;AACf,kBAAY,WAAW;AAAA,IACzB;AAGM,UAAA,mBAAmB,CAAC,UAAiB;AACzC,qBAAe,MAAM,aAA4B;AAAA,IAAA;AAGnD,UAAM,mBAAmB,MAAM;AAC7B,qBAAe,IAAI;AAAA,IAAA;AAGrB,QAAI,aAAa;AACH,kBAAA,QAAQ,QAAQ,CAAC,WAAW;AAC9B,gBAAA,iBAAiB,cAAc,gBAAgB;AAC/C,gBAAA,iBAAiB,cAAc,gBAAgB;AAAA,MAAA,CACxD;AAAA,IACH;AAEA,WAAO,MAAM;AAEJ,aAAA,oBAAoB,UAAU,iBAAiB;AAC/C,aAAA,oBAAoB,oBAAoB,iBAAiB;AAGhE,wBAAkB,QAAQ,CAAC,aAAa,SAAS,WAAY,CAAA;AAG7D,sBAAgB,QAAQ,CAAC,aAAa,SAAS,WAAY,CAAA;AAG/C,kBAAA,QAAQ,QAAQ,CAAC,WAAW;AAC9B,gBAAA,oBAAoB,cAAc,gBAAgB;AAClD,gBAAA,oBAAoB,cAAc,gBAAgB;AAAA,MAAA,CAC3D;AAAA,IAAA;AAAA,KAEF,CAAC,aAAa,UAAU,aAAa,WAAW,CAAC;AAEpD,SAAO,EAAE,wBAAwB;AACnC;"}
+{"version":3,"file":"useItemSelector.mjs","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":[],"mappings":";;AAUA,MAAM,kBAAkB,CAAC,WACvB,QAAQ,aAAa,eAAe,MAAM;AAErC,MAAM,kBAAkB,CAC7B,aACA,WAA4D,iBAC5D,cAAc,UACX;AACH,QAAM,CAAC,yBAAyB,0BAA0B,IACxD,SAA4B,IAAI;AAElC,QAAM,CAAC,aAAa,cAAc,IAAI,SAA6B,IAAI;AAEjE,QAAA,cAAc,YAAY,QAAQ;AAExC,YAAU,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.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 = sessionStorage?.getItem(key);\n\n    if (persistedState) {\n      return JSON.parse(persistedState);\n    }\n\n    return initialValue as T;\n  });\n\n  useEffect(() => {\n    const persistedState = sessionStorage?.getItem(key);\n\n    if (persistedState) {\n      setState(JSON.parse(persistedState));\n    }\n  }, [key, initialValue]);\n\n  return [state, 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,gBAAgB,QAAQ,GAAG;AAElD,QAAI,gBAAgB;AACX,aAAA,KAAK,MAAM,cAAc;AAAA,IAClC;AAEO,WAAA;AAAA,EAAA,CACR;AAEDC,aAAAA,UAAU,MAAM;AACR,UAAA,iBAAiB,gBAAgB,QAAQ,GAAG;AAElD,QAAI,gBAAgB;AACT,eAAA,KAAK,MAAM,cAAc,CAAC;AAAA,IACrC;AAAA,EAAA,GACC,CAAC,KAAK,YAAY,CAAC;AAEf,SAAA,CAAC,OAAO,QAAQ;AACzB;;"}
+{"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 = sessionStorage?.getItem(key);\n\n    if (persistedState) {\n      return JSON.parse(persistedState);\n    }\n\n    return initialValue as T;\n  });\n\n  useEffect(() => {\n    const persistedState = sessionStorage?.getItem(key);\n\n    if (persistedState) {\n      setState(JSON.parse(persistedState));\n    }\n  }, [key, initialValue]);\n\n  return [state, 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,gBAAgB,QAAQ,GAAG;AAElD,QAAI,gBAAgB;AACX,aAAA,KAAK,MAAM,cAAc;AAAA,IAAA;AAG3B,WAAA;AAAA,EAAA,CACR;AAEDC,aAAAA,UAAU,MAAM;AACR,UAAA,iBAAiB,gBAAgB,QAAQ,GAAG;AAElD,QAAI,gBAAgB;AACT,eAAA,KAAK,MAAM,cAAc,CAAC;AAAA,IAAA;AAAA,EACrC,GACC,CAAC,KAAK,YAAY,CAAC;AAEf,SAAA,CAAC,OAAO,QAAQ;AACzB;;"}

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 = sessionStorage?.getItem(key);\n\n    if (persistedState) {\n      return JSON.parse(persistedState);\n    }\n\n    return initialValue as T;\n  });\n\n  useEffect(() => {\n    const persistedState = sessionStorage?.getItem(key);\n\n    if (persistedState) {\n      setState(JSON.parse(persistedState));\n    }\n  }, [key, initialValue]);\n\n  return [state, 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,gBAAgB,QAAQ,GAAG;AAElD,QAAI,gBAAgB;AACX,aAAA,KAAK,MAAM,cAAc;AAAA,IAClC;AAEO,WAAA;AAAA,EAAA,CACR;AAED,YAAU,MAAM;AACR,UAAA,iBAAiB,gBAAgB,QAAQ,GAAG;AAElD,QAAI,gBAAgB;AACT,eAAA,KAAK,MAAM,cAAc,CAAC;AAAA,IACrC;AAAA,EAAA,GACC,CAAC,KAAK,YAAY,CAAC;AAEf,SAAA,CAAC,OAAO,QAAQ;AACzB;"}
+{"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 = sessionStorage?.getItem(key);\n\n    if (persistedState) {\n      return JSON.parse(persistedState);\n    }\n\n    return initialValue as T;\n  });\n\n  useEffect(() => {\n    const persistedState = sessionStorage?.getItem(key);\n\n    if (persistedState) {\n      setState(JSON.parse(persistedState));\n    }\n  }, [key, initialValue]);\n\n  return [state, 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,gBAAgB,QAAQ,GAAG;AAElD,QAAI,gBAAgB;AACX,aAAA,KAAK,MAAM,cAAc;AAAA,IAAA;AAG3B,WAAA;AAAA,EAAA,CACR;AAED,YAAU,MAAM;AACR,UAAA,iBAAiB,gBAAgB,QAAQ,GAAG;AAElD,QAAI,gBAAgB;AACT,eAAA,KAAK,MAAM,cAAc,CAAC;AAAA,IAAA;AAAA,EACrC,GACC,CAAC,KAAK,YAAY,CAAC;AAEf,SAAA,CAAC,OAAO,QAAQ;AACzB;"}

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,EAAA,IACJ,SAAS,CAAA;AAEb,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,EAAA;AAGA,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,IACxB;AAAA,EAAA,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":["../../../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;;"}

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,EAAA,IACJ,SAAS,CAAA;AAEb,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,EAAA;AAGA,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,IACxB;AAAA,EAAA,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":["../../../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;"}

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

@@ -1 +1 @@
-{"version":3,"file":"useScrollBlockageStore.cjs","sources":["../../../src/hooks/useScrollBlockage/useScrollBlockageStore.ts"],"sourcesContent":["import { create } from 'zustand';\n\ntype Blocker = {\n  element: Element;\n  blockers: string[];\n};\n\ntype ScrollBlockageStore = {\n  scrollBlockers: Blocker[];\n  addBlockage: (blockerName: string, element: HTMLElement) => void;\n  removeBlockage: (blockerName: string, element: HTMLElement) => void;\n  isElementScrollBlocked: (element: HTMLElement) => boolean;\n};\n\nexport const useScrollBlockageStore = create<ScrollBlockageStore>(\n  (set, get) => ({\n    scrollBlockers: [],\n\n    addBlockage: (blockerName: string, element: HTMLElement) =>\n      set((state) => {\n        const scrollBlockers = state.scrollBlockers;\n        const blockersElement = scrollBlockers.find(\n          (blocker) => blocker.element === element\n        );\n\n        if (blockersElement) {\n          const isBlockerNameExist =\n            blockersElement.blockers.includes(blockerName);\n\n          const newBlockers = isBlockerNameExist\n            ? blockersElement.blockers\n            : [...blockersElement.blockers, blockerName];\n\n          return {\n            scrollBlockers: scrollBlockers.map((blocker) =>\n              blocker.element === element\n                ? { ...blocker, blockers: newBlockers }\n                : blocker\n            ),\n          };\n        }\n\n        element.style.overflowY = 'hidden';\n        element.style.overflowX = 'hidden';\n        return {\n          scrollBlockers: [\n            ...scrollBlockers,\n            { element, blockers: [blockerName] },\n          ],\n        };\n      }),\n\n    removeBlockage: (blockerName: string, element: HTMLElement) =>\n      set((state) => {\n        const scrollBlockers = state.scrollBlockers;\n        const blocker = scrollBlockers.find(\n          (blocker) => blocker.element === element\n        );\n\n        if (blocker) {\n          // if there are more than one blocker, remove the blockerName from the list\n          if (blocker.blockers.length > 1) {\n            return {\n              scrollBlockers: scrollBlockers.map((blocker) =>\n                blocker.element === element\n                  ? {\n                      ...blocker,\n                      blockers: blocker.blockers.filter(\n                        (b) => b !== blockerName\n                      ),\n                    }\n                  : blocker\n              ),\n            };\n          }\n\n          // if there is only one blocker, remove the full blocker element\n          element.style.overflowY = 'auto';\n          return {\n            scrollBlockers: scrollBlockers.filter(\n              (blocker) => blocker.element !== element\n            ),\n          };\n        }\n\n        return {\n          scrollBlockers,\n        };\n      }),\n\n    isElementScrollBlocked: (element: HTMLElement) =>\n      get().scrollBlockers.some((blocker) => blocker.element === element),\n  })\n);\n"],"names":["create","blocker"],"mappings":";;;AAcO,MAAM,yBAAyBA,QAAA;AAAA,EACpC,CAAC,KAAK,SAAS;AAAA,IACb,gBAAgB,CAAC;AAAA,IAEjB,aAAa,CAAC,aAAqB,YACjC,IAAI,CAAC,UAAU;AACb,YAAM,iBAAiB,MAAM;AAC7B,YAAM,kBAAkB,eAAe;AAAA,QACrC,CAAC,YAAY,QAAQ,YAAY;AAAA,MAAA;AAGnC,UAAI,iBAAiB;AACnB,cAAM,qBACJ,gBAAgB,SAAS,SAAS,WAAW;AAEzC,cAAA,cAAc,qBAChB,gBAAgB,WAChB,CAAC,GAAG,gBAAgB,UAAU,WAAW;AAEtC,eAAA;AAAA,UACL,gBAAgB,eAAe;AAAA,YAAI,CAAC,YAClC,QAAQ,YAAY,UAChB,EAAE,GAAG,SAAS,UAAU,YAAA,IACxB;AAAA,UACN;AAAA,QAAA;AAAA,MAEJ;AAEA,cAAQ,MAAM,YAAY;AAC1B,cAAQ,MAAM,YAAY;AACnB,aAAA;AAAA,QACL,gBAAgB;AAAA,UACd,GAAG;AAAA,UACH,EAAE,SAAS,UAAU,CAAC,WAAW,EAAE;AAAA,QACrC;AAAA,MAAA;AAAA,IACF,CACD;AAAA,IAEH,gBAAgB,CAAC,aAAqB,YACpC,IAAI,CAAC,UAAU;AACb,YAAM,iBAAiB,MAAM;AAC7B,YAAM,UAAU,eAAe;AAAA,QAC7B,CAACC,aAAYA,SAAQ,YAAY;AAAA,MAAA;AAGnC,UAAI,SAAS;AAEP,YAAA,QAAQ,SAAS,SAAS,GAAG;AACxB,iBAAA;AAAA,YACL,gBAAgB,eAAe;AAAA,cAAI,CAACA,aAClCA,SAAQ,YAAY,UAChB;AAAA,gBACE,GAAGA;AAAAA,gBACH,UAAUA,SAAQ,SAAS;AAAA,kBACzB,CAAC,MAAM,MAAM;AAAA,gBACf;AAAA,cAAA,IAEFA;AAAAA,YACN;AAAA,UAAA;AAAA,QAEJ;AAGA,gBAAQ,MAAM,YAAY;AACnB,eAAA;AAAA,UACL,gBAAgB,eAAe;AAAA,YAC7B,CAACA,aAAYA,SAAQ,YAAY;AAAA,UACnC;AAAA,QAAA;AAAA,MAEJ;AAEO,aAAA;AAAA,QACL;AAAA,MAAA;AAAA,IACF,CACD;AAAA,IAEH,wBAAwB,CAAC,YACvB,IAAI,EAAE,eAAe,KAAK,CAAC,YAAY,QAAQ,YAAY,OAAO;AAAA,EAAA;AAExE;;"}
+{"version":3,"file":"useScrollBlockageStore.cjs","sources":["../../../src/hooks/useScrollBlockage/useScrollBlockageStore.ts"],"sourcesContent":["import { create } from 'zustand';\n\ntype Blocker = {\n  element: Element;\n  blockers: string[];\n};\n\ntype ScrollBlockageStore = {\n  scrollBlockers: Blocker[];\n  addBlockage: (blockerName: string, element: HTMLElement) => void;\n  removeBlockage: (blockerName: string, element: HTMLElement) => void;\n  isElementScrollBlocked: (element: HTMLElement) => boolean;\n};\n\nexport const useScrollBlockageStore = create<ScrollBlockageStore>(\n  (set, get) => ({\n    scrollBlockers: [],\n\n    addBlockage: (blockerName: string, element: HTMLElement) =>\n      set((state) => {\n        const scrollBlockers = state.scrollBlockers;\n        const blockersElement = scrollBlockers.find(\n          (blocker) => blocker.element === element\n        );\n\n        if (blockersElement) {\n          const isBlockerNameExist =\n            blockersElement.blockers.includes(blockerName);\n\n          const newBlockers = isBlockerNameExist\n            ? blockersElement.blockers\n            : [...blockersElement.blockers, blockerName];\n\n          return {\n            scrollBlockers: scrollBlockers.map((blocker) =>\n              blocker.element === element\n                ? { ...blocker, blockers: newBlockers }\n                : blocker\n            ),\n          };\n        }\n\n        element.style.overflowY = 'hidden';\n        element.style.overflowX = 'hidden';\n        return {\n          scrollBlockers: [\n            ...scrollBlockers,\n            { element, blockers: [blockerName] },\n          ],\n        };\n      }),\n\n    removeBlockage: (blockerName: string, element: HTMLElement) =>\n      set((state) => {\n        const scrollBlockers = state.scrollBlockers;\n        const blocker = scrollBlockers.find(\n          (blocker) => blocker.element === element\n        );\n\n        if (blocker) {\n          // if there are more than one blocker, remove the blockerName from the list\n          if (blocker.blockers.length > 1) {\n            return {\n              scrollBlockers: scrollBlockers.map((blocker) =>\n                blocker.element === element\n                  ? {\n                      ...blocker,\n                      blockers: blocker.blockers.filter(\n                        (b) => b !== blockerName\n                      ),\n                    }\n                  : blocker\n              ),\n            };\n          }\n\n          // if there is only one blocker, remove the full blocker element\n          element.style.overflowY = 'auto';\n          return {\n            scrollBlockers: scrollBlockers.filter(\n              (blocker) => blocker.element !== element\n            ),\n          };\n        }\n\n        return {\n          scrollBlockers,\n        };\n      }),\n\n    isElementScrollBlocked: (element: HTMLElement) =>\n      get().scrollBlockers.some((blocker) => blocker.element === element),\n  })\n);\n"],"names":["create","blocker"],"mappings":";;;AAcO,MAAM,yBAAyBA,QAAA;AAAA,EACpC,CAAC,KAAK,SAAS;AAAA,IACb,gBAAgB,CAAC;AAAA,IAEjB,aAAa,CAAC,aAAqB,YACjC,IAAI,CAAC,UAAU;AACb,YAAM,iBAAiB,MAAM;AAC7B,YAAM,kBAAkB,eAAe;AAAA,QACrC,CAAC,YAAY,QAAQ,YAAY;AAAA,MACnC;AAEA,UAAI,iBAAiB;AACnB,cAAM,qBACJ,gBAAgB,SAAS,SAAS,WAAW;AAEzC,cAAA,cAAc,qBAChB,gBAAgB,WAChB,CAAC,GAAG,gBAAgB,UAAU,WAAW;AAEtC,eAAA;AAAA,UACL,gBAAgB,eAAe;AAAA,YAAI,CAAC,YAClC,QAAQ,YAAY,UAChB,EAAE,GAAG,SAAS,UAAU,gBACxB;AAAA,UAAA;AAAA,QAER;AAAA,MAAA;AAGF,cAAQ,MAAM,YAAY;AAC1B,cAAQ,MAAM,YAAY;AACnB,aAAA;AAAA,QACL,gBAAgB;AAAA,UACd,GAAG;AAAA,UACH,EAAE,SAAS,UAAU,CAAC,WAAW,EAAE;AAAA,QAAA;AAAA,MAEvC;AAAA,IAAA,CACD;AAAA,IAEH,gBAAgB,CAAC,aAAqB,YACpC,IAAI,CAAC,UAAU;AACb,YAAM,iBAAiB,MAAM;AAC7B,YAAM,UAAU,eAAe;AAAA,QAC7B,CAACC,aAAYA,SAAQ,YAAY;AAAA,MACnC;AAEA,UAAI,SAAS;AAEP,YAAA,QAAQ,SAAS,SAAS,GAAG;AACxB,iBAAA;AAAA,YACL,gBAAgB,eAAe;AAAA,cAAI,CAACA,aAClCA,SAAQ,YAAY,UAChB;AAAA,gBACE,GAAGA;AAAAA,gBACH,UAAUA,SAAQ,SAAS;AAAA,kBACzB,CAAC,MAAM,MAAM;AAAA,gBAAA;AAAA,cACf,IAEFA;AAAAA,YAAA;AAAA,UAER;AAAA,QAAA;AAIF,gBAAQ,MAAM,YAAY;AACnB,eAAA;AAAA,UACL,gBAAgB,eAAe;AAAA,YAC7B,CAACA,aAAYA,SAAQ,YAAY;AAAA,UAAA;AAAA,QAErC;AAAA,MAAA;AAGK,aAAA;AAAA,QACL;AAAA,MACF;AAAA,IAAA,CACD;AAAA,IAEH,wBAAwB,CAAC,YACvB,MAAM,eAAe,KAAK,CAAC,YAAY,QAAQ,YAAY,OAAO;AAAA,EACtE;AACF;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"useScrollBlockageStore.mjs","sources":["../../../src/hooks/useScrollBlockage/useScrollBlockageStore.ts"],"sourcesContent":["import { create } from 'zustand';\n\ntype Blocker = {\n  element: Element;\n  blockers: string[];\n};\n\ntype ScrollBlockageStore = {\n  scrollBlockers: Blocker[];\n  addBlockage: (blockerName: string, element: HTMLElement) => void;\n  removeBlockage: (blockerName: string, element: HTMLElement) => void;\n  isElementScrollBlocked: (element: HTMLElement) => boolean;\n};\n\nexport const useScrollBlockageStore = create<ScrollBlockageStore>(\n  (set, get) => ({\n    scrollBlockers: [],\n\n    addBlockage: (blockerName: string, element: HTMLElement) =>\n      set((state) => {\n        const scrollBlockers = state.scrollBlockers;\n        const blockersElement = scrollBlockers.find(\n          (blocker) => blocker.element === element\n        );\n\n        if (blockersElement) {\n          const isBlockerNameExist =\n            blockersElement.blockers.includes(blockerName);\n\n          const newBlockers = isBlockerNameExist\n            ? blockersElement.blockers\n            : [...blockersElement.blockers, blockerName];\n\n          return {\n            scrollBlockers: scrollBlockers.map((blocker) =>\n              blocker.element === element\n                ? { ...blocker, blockers: newBlockers }\n                : blocker\n            ),\n          };\n        }\n\n        element.style.overflowY = 'hidden';\n        element.style.overflowX = 'hidden';\n        return {\n          scrollBlockers: [\n            ...scrollBlockers,\n            { element, blockers: [blockerName] },\n          ],\n        };\n      }),\n\n    removeBlockage: (blockerName: string, element: HTMLElement) =>\n      set((state) => {\n        const scrollBlockers = state.scrollBlockers;\n        const blocker = scrollBlockers.find(\n          (blocker) => blocker.element === element\n        );\n\n        if (blocker) {\n          // if there are more than one blocker, remove the blockerName from the list\n          if (blocker.blockers.length > 1) {\n            return {\n              scrollBlockers: scrollBlockers.map((blocker) =>\n                blocker.element === element\n                  ? {\n                      ...blocker,\n                      blockers: blocker.blockers.filter(\n                        (b) => b !== blockerName\n                      ),\n                    }\n                  : blocker\n              ),\n            };\n          }\n\n          // if there is only one blocker, remove the full blocker element\n          element.style.overflowY = 'auto';\n          return {\n            scrollBlockers: scrollBlockers.filter(\n              (blocker) => blocker.element !== element\n            ),\n          };\n        }\n\n        return {\n          scrollBlockers,\n        };\n      }),\n\n    isElementScrollBlocked: (element: HTMLElement) =>\n      get().scrollBlockers.some((blocker) => blocker.element === element),\n  })\n);\n"],"names":["blocker"],"mappings":";AAcO,MAAM,yBAAyB;AAAA,EACpC,CAAC,KAAK,SAAS;AAAA,IACb,gBAAgB,CAAC;AAAA,IAEjB,aAAa,CAAC,aAAqB,YACjC,IAAI,CAAC,UAAU;AACb,YAAM,iBAAiB,MAAM;AAC7B,YAAM,kBAAkB,eAAe;AAAA,QACrC,CAAC,YAAY,QAAQ,YAAY;AAAA,MAAA;AAGnC,UAAI,iBAAiB;AACnB,cAAM,qBACJ,gBAAgB,SAAS,SAAS,WAAW;AAEzC,cAAA,cAAc,qBAChB,gBAAgB,WAChB,CAAC,GAAG,gBAAgB,UAAU,WAAW;AAEtC,eAAA;AAAA,UACL,gBAAgB,eAAe;AAAA,YAAI,CAAC,YAClC,QAAQ,YAAY,UAChB,EAAE,GAAG,SAAS,UAAU,YAAA,IACxB;AAAA,UACN;AAAA,QAAA;AAAA,MAEJ;AAEA,cAAQ,MAAM,YAAY;AAC1B,cAAQ,MAAM,YAAY;AACnB,aAAA;AAAA,QACL,gBAAgB;AAAA,UACd,GAAG;AAAA,UACH,EAAE,SAAS,UAAU,CAAC,WAAW,EAAE;AAAA,QACrC;AAAA,MAAA;AAAA,IACF,CACD;AAAA,IAEH,gBAAgB,CAAC,aAAqB,YACpC,IAAI,CAAC,UAAU;AACb,YAAM,iBAAiB,MAAM;AAC7B,YAAM,UAAU,eAAe;AAAA,QAC7B,CAACA,aAAYA,SAAQ,YAAY;AAAA,MAAA;AAGnC,UAAI,SAAS;AAEP,YAAA,QAAQ,SAAS,SAAS,GAAG;AACxB,iBAAA;AAAA,YACL,gBAAgB,eAAe;AAAA,cAAI,CAACA,aAClCA,SAAQ,YAAY,UAChB;AAAA,gBACE,GAAGA;AAAAA,gBACH,UAAUA,SAAQ,SAAS;AAAA,kBACzB,CAAC,MAAM,MAAM;AAAA,gBACf;AAAA,cAAA,IAEFA;AAAAA,YACN;AAAA,UAAA;AAAA,QAEJ;AAGA,gBAAQ,MAAM,YAAY;AACnB,eAAA;AAAA,UACL,gBAAgB,eAAe;AAAA,YAC7B,CAACA,aAAYA,SAAQ,YAAY;AAAA,UACnC;AAAA,QAAA;AAAA,MAEJ;AAEO,aAAA;AAAA,QACL;AAAA,MAAA;AAAA,IACF,CACD;AAAA,IAEH,wBAAwB,CAAC,YACvB,IAAI,EAAE,eAAe,KAAK,CAAC,YAAY,QAAQ,YAAY,OAAO;AAAA,EAAA;AAExE;"}
+{"version":3,"file":"useScrollBlockageStore.mjs","sources":["../../../src/hooks/useScrollBlockage/useScrollBlockageStore.ts"],"sourcesContent":["import { create } from 'zustand';\n\ntype Blocker = {\n  element: Element;\n  blockers: string[];\n};\n\ntype ScrollBlockageStore = {\n  scrollBlockers: Blocker[];\n  addBlockage: (blockerName: string, element: HTMLElement) => void;\n  removeBlockage: (blockerName: string, element: HTMLElement) => void;\n  isElementScrollBlocked: (element: HTMLElement) => boolean;\n};\n\nexport const useScrollBlockageStore = create<ScrollBlockageStore>(\n  (set, get) => ({\n    scrollBlockers: [],\n\n    addBlockage: (blockerName: string, element: HTMLElement) =>\n      set((state) => {\n        const scrollBlockers = state.scrollBlockers;\n        const blockersElement = scrollBlockers.find(\n          (blocker) => blocker.element === element\n        );\n\n        if (blockersElement) {\n          const isBlockerNameExist =\n            blockersElement.blockers.includes(blockerName);\n\n          const newBlockers = isBlockerNameExist\n            ? blockersElement.blockers\n            : [...blockersElement.blockers, blockerName];\n\n          return {\n            scrollBlockers: scrollBlockers.map((blocker) =>\n              blocker.element === element\n                ? { ...blocker, blockers: newBlockers }\n                : blocker\n            ),\n          };\n        }\n\n        element.style.overflowY = 'hidden';\n        element.style.overflowX = 'hidden';\n        return {\n          scrollBlockers: [\n            ...scrollBlockers,\n            { element, blockers: [blockerName] },\n          ],\n        };\n      }),\n\n    removeBlockage: (blockerName: string, element: HTMLElement) =>\n      set((state) => {\n        const scrollBlockers = state.scrollBlockers;\n        const blocker = scrollBlockers.find(\n          (blocker) => blocker.element === element\n        );\n\n        if (blocker) {\n          // if there are more than one blocker, remove the blockerName from the list\n          if (blocker.blockers.length > 1) {\n            return {\n              scrollBlockers: scrollBlockers.map((blocker) =>\n                blocker.element === element\n                  ? {\n                      ...blocker,\n                      blockers: blocker.blockers.filter(\n                        (b) => b !== blockerName\n                      ),\n                    }\n                  : blocker\n              ),\n            };\n          }\n\n          // if there is only one blocker, remove the full blocker element\n          element.style.overflowY = 'auto';\n          return {\n            scrollBlockers: scrollBlockers.filter(\n              (blocker) => blocker.element !== element\n            ),\n          };\n        }\n\n        return {\n          scrollBlockers,\n        };\n      }),\n\n    isElementScrollBlocked: (element: HTMLElement) =>\n      get().scrollBlockers.some((blocker) => blocker.element === element),\n  })\n);\n"],"names":["blocker"],"mappings":";AAcO,MAAM,yBAAyB;AAAA,EACpC,CAAC,KAAK,SAAS;AAAA,IACb,gBAAgB,CAAC;AAAA,IAEjB,aAAa,CAAC,aAAqB,YACjC,IAAI,CAAC,UAAU;AACb,YAAM,iBAAiB,MAAM;AAC7B,YAAM,kBAAkB,eAAe;AAAA,QACrC,CAAC,YAAY,QAAQ,YAAY;AAAA,MACnC;AAEA,UAAI,iBAAiB;AACnB,cAAM,qBACJ,gBAAgB,SAAS,SAAS,WAAW;AAEzC,cAAA,cAAc,qBAChB,gBAAgB,WAChB,CAAC,GAAG,gBAAgB,UAAU,WAAW;AAEtC,eAAA;AAAA,UACL,gBAAgB,eAAe;AAAA,YAAI,CAAC,YAClC,QAAQ,YAAY,UAChB,EAAE,GAAG,SAAS,UAAU,gBACxB;AAAA,UAAA;AAAA,QAER;AAAA,MAAA;AAGF,cAAQ,MAAM,YAAY;AAC1B,cAAQ,MAAM,YAAY;AACnB,aAAA;AAAA,QACL,gBAAgB;AAAA,UACd,GAAG;AAAA,UACH,EAAE,SAAS,UAAU,CAAC,WAAW,EAAE;AAAA,QAAA;AAAA,MAEvC;AAAA,IAAA,CACD;AAAA,IAEH,gBAAgB,CAAC,aAAqB,YACpC,IAAI,CAAC,UAAU;AACb,YAAM,iBAAiB,MAAM;AAC7B,YAAM,UAAU,eAAe;AAAA,QAC7B,CAACA,aAAYA,SAAQ,YAAY;AAAA,MACnC;AAEA,UAAI,SAAS;AAEP,YAAA,QAAQ,SAAS,SAAS,GAAG;AACxB,iBAAA;AAAA,YACL,gBAAgB,eAAe;AAAA,cAAI,CAACA,aAClCA,SAAQ,YAAY,UAChB;AAAA,gBACE,GAAGA;AAAAA,gBACH,UAAUA,SAAQ,SAAS;AAAA,kBACzB,CAAC,MAAM,MAAM;AAAA,gBAAA;AAAA,cACf,IAEFA;AAAAA,YAAA;AAAA,UAER;AAAA,QAAA;AAIF,gBAAQ,MAAM,YAAY;AACnB,eAAA;AAAA,UACL,gBAAgB,eAAe;AAAA,YAC7B,CAACA,aAAYA,SAAQ,YAAY;AAAA,UAAA;AAAA,QAErC;AAAA,MAAA;AAGK,aAAA;AAAA,QACL;AAAA,MACF;AAAA,IAAA,CACD;AAAA,IAEH,wBAAwB,CAAC,YACvB,MAAM,eAAe,KAAK,CAAC,YAAY,QAAQ,YAAY,OAAO;AAAA,EACtE;AACF;"}

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,EAAA,IACE,SAAS,CAAA;AAEb,QAAM,CAAC,YAAY,aAAa,IAAIA,oBAAkB,KAAK;AAC3D,QAAM,CAAC,cAAc,eAAe,IAAIA,oBAAkB,KAAK;AAEzD,QAAA,EAAE,oBAAoBC,8BAAAA;AACtB,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,QAC3D;AAAA,MAAA;AAGgB,wBAAA,iBAAiB,aAAa,MAAM;AAAA,IACxD;AAAA,IACA,CAAC,WAAW,gBAAgB;AAAA,EAAA;AAG9B,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,UAChB;AAAA,QACF;AAEc,sBAAA,OAAO,UAAU,YAAY;AAAA,MAC7C;AAAA,IACF;AAAA,IACA,CAAC,WAAW,iBAAiB,YAAY;AAAA,EAAA;AAG3CE,aAAAA,UAAU,MAAM;AACd,QAAI,WAAW;AACK,wBAAA,iBAAiB,SAAS,QAAQ;AAClC,wBAAA,iBAAiB,cAAc,YAAY;AAAA,IAAA,OACxD;AACL,oBAAc,KAAK;AAAA,IACrB;AAEA,WAAO,MAAM;AACO,wBAAA,oBAAoB,SAAS,QAAQ;AACrC,wBAAA,oBAAoB,cAAc,YAAY;AAAA,IAAA;AAAA,KAEjE,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,CAAE,CAAA;AAEE,SAAA,EAAE,YAAY;AACvB;;"}
+{"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;;"}

package/dist/hooks/useScrollDetection.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useScrollDetection.mjs","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":["event","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,EAAA,IACE,SAAS,CAAA;AAEb,QAAM,CAAC,YAAY,aAAa,IAAI,SAAkB,KAAK;AAC3D,QAAM,CAAC,cAAc,eAAe,IAAI,SAAkB,KAAK;AAEzD,QAAA,EAAE,oBAAoB;AACtB,QAAA,mBAAmB,sBAAsB,OAAO;AAEtD,QAAM,eAAe;AAAA,IACnB,CAAC,UAAiC;AAChC,YAAM,SAAS,MAAM,UAAU,CAAC,GAAG,WAAW;AAExC,YAAA,SAAS,CAACA,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,QAC3D;AAAA,MAAA;AAGgB,wBAAA,iBAAiB,aAAa,MAAM;AAAA,IACxD;AAAA,IACA,CAAC,WAAW,gBAAgB;AAAA,EAAA;AAG9B,QAAM,WAAW;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,UAChB;AAAA,QACF;AAEc,sBAAA,OAAO,UAAU,YAAY;AAAA,MAC7C;AAAA,IACF;AAAA,IACA,CAAC,WAAW,iBAAiB,YAAY;AAAA,EAAA;AAG3C,YAAU,MAAM;AACd,QAAI,WAAW;AACK,wBAAA,iBAAiB,SAAS,QAAQ;AAClC,wBAAA,iBAAiB,cAAc,YAAY;AAAA,IAAA,OACxD;AACL,oBAAc,KAAK;AAAA,IACrB;AAEA,WAAO,MAAM;AACO,wBAAA,oBAAoB,SAAS,QAAQ;AACrC,wBAAA,oBAAoB,cAAc,YAAY;AAAA,IAAA;AAAA,KAEjE,CAAC,WAAW,UAAU,cAAc,gBAAgB,CAAC;AAExD,YAAU,MAAM;AACd,UAAMC,gBAAe,OAAO,cAAc,OAAO,SAAS,KAAK;AAE/D,oBAAgBA,aAAY;AAAA,EAC9B,GAAG,CAAE,CAAA;AAEE,SAAA,EAAE,YAAY;AACvB;"}
+{"version":3,"file":"useScrollDetection.mjs","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":["event","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,IAAI,SAAkB,KAAK;AAC3D,QAAM,CAAC,cAAc,eAAe,IAAI,SAAkB,KAAK;AAEzD,QAAA,EAAE,gBAAgB,IAAI,kBAAkB;AACxC,QAAA,mBAAmB,sBAAsB,OAAO;AAEtD,QAAM,eAAe;AAAA,IACnB,CAAC,UAAiC;AAChC,YAAM,SAAS,MAAM,UAAU,CAAC,GAAG,WAAW;AAExC,YAAA,SAAS,CAACA,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,WAAW;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;AAEA,YAAU,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;AAExD,YAAU,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/index-BtZWYJhL.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index-BtZWYJhL.cjs","sources":["../src/components/DictionaryEditor/NodeWrapper/ArrayWrapper.tsx","../src/components/DictionaryEditor/NodeWrapper/EnumerationWrapper.tsx","../src/components/DictionaryEditor/NodeWrapper/NestedObjectWrapper.tsx","../src/components/DictionaryEditor/NodeWrapper/TranslationWrapper.tsx","../src/components/DictionaryEditor/NodeWrapper/index.tsx"],"sourcesContent":["/* eslint-disable import/no-cycle */\nimport {\n  isSameKeyPath,\n  NodeType,\n  type DictionaryValue,\n  type KeyPath,\n} from '@intlayer/core';\nimport { Edit } from 'lucide-react';\nimport type { FC } from 'react';\nimport { ItemLayout } from '../ItemLayout';\nimport { NodeWrapper, type NodeWrapperProps } from './index';\n\ntype ArrayWrapperProps = Omit<NodeWrapperProps, 'section'> & {\n  section: DictionaryValue[];\n};\n\nexport const ArrayWrapper: FC<ArrayWrapperProps> = (props) => {\n  const {\n    keyPath,\n    section,\n    onFocusKeyPath,\n    onClickEdit,\n    focusedKeyPath = [],\n  } = 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        rightParam={\n          <Edit\n            size={16}\n            role=\"button\"\n            aria-label=\"Open the editor\"\n            onClick={(e) => {\n              e.stopPropagation();\n\n              onClickEdit?.(newKeyPath);\n            }}\n          />\n        }\n      >\n        <NodeWrapper {...props} keyPath={newKeyPath} section={subSection} />\n      </ItemLayout>\n    );\n  });\n};\n","/* eslint-disable import/no-cycle */\nimport {\n  type KeyPath,\n  NodeType,\n  type EnumerationContent,\n  type DictionaryValue,\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<DictionaryValue>;\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.enumeration[key as keyof (typeof section)['enumeration']]!;\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","/* eslint-disable import/no-cycle */\n\nimport {\n  type KeyPath,\n  isSameKeyPath,\n  type DictionaryValue,\n  NodeType,\n} from '@intlayer/core';\nimport { Edit } from 'lucide-react';\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, DictionaryValue>;\n};\n\nexport const NestedObjectWrapper: FC<NestedObjectWrapperProps> = (props) => {\n  const {\n    keyPath,\n    section,\n    focusedKeyPath = [],\n    onClickEdit,\n    onFocusKeyPath,\n  } = 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          rightParam={\n            <Edit\n              size={16}\n              role=\"button\"\n              aria-label=\"Open the editor\"\n              onClick={(e) => {\n                e.stopPropagation();\n\n                onClickEdit?.(newKeyPath);\n              }}\n            />\n          }\n        >\n          <NodeWrapper {...props} keyPath={newKeyPath} section={section[key]} />\n        </ItemLayout>\n      );\n    });\n};\n","/* eslint-disable import/no-cycle */\n\nimport {\n  type KeyPath,\n  NodeType,\n  type TranslationContent,\n  type DictionaryValue,\n} from '@intlayer/core';\nimport type { FC } from 'react';\nimport { NodeWrapper, type NodeWrapperProps } from './index';\n\ntype TranslationWrapperProps = Omit<NodeWrapperProps, 'section'> & {\n  section: TranslationContent<DictionaryValue>;\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","/* eslint-disable import/no-cycle */\n'use client';\n\nimport type { Locales } from '@intlayer/config/client';\nimport {\n  type EnumerationContent,\n  type TranslationContent,\n  NodeType,\n  type KeyPath,\n  type DictionaryValue,\n} from '@intlayer/core';\nimport {\n  createElement,\n  type ReactElement,\n  type ReactNode,\n  type FC,\n} from 'react';\nimport { ArrayWrapper } from './ArrayWrapper';\nimport { EnumerationWrapper } from './EnumerationWrapper';\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: DictionaryValue;\n  onContentChange: (content: { keyPath: KeyPath[]; newValue: string }) => void;\n  locale: Locales;\n  editedContent: DictionaryValue;\n  focusedKeyPath: KeyPath[] | undefined;\n  onFocusKeyPath: (keyPath: KeyPath[]) => void;\n  onClickEdit?: (keyPath: KeyPath[]) => void;\n};\n\nconst createReactElement = (element: ReactElement) => {\n  if (typeof element === 'string') {\n    // If it's a string, simply return it (used for text content)\n    return element;\n  }\n\n  const convertChildrenAsArray = (element: ReactElement): ReactElement => {\n    if (element?.props && typeof element.props.children === 'object') {\n      const childrenResult: ReactNode[] = [];\n      const { children } = element.props;\n\n      // Create the children elements recursively, if any\n      Object.keys(children).forEach((key) => {\n        childrenResult.push(createReactElement(children[key]));\n      });\n\n      return {\n        ...element,\n        props: { ...element.props, children: childrenResult },\n      };\n    }\n\n    return {\n      ...element,\n      props: { ...element.props, children: element.props.children },\n    };\n  };\n\n  const fixedElement = convertChildrenAsArray(element);\n\n  const { type, props } = fixedElement;\n\n  // Create and return the React element\n  return createElement(type ?? 'div', props, ...props.children);\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        <>\n          {createReactElement(section as unknown as ReactElement)}\n          <span className=\"text-neutral dark:text-neutral-dark text-xs\">\n            React node not editable\n          </span>\n        </>\n      );\n    }\n\n    if (\n      (section as TranslationContent<DictionaryValue>).nodeType ===\n      NodeType.Translation\n    ) {\n      return (\n        <TranslationWrapper\n          {...props}\n          section={section as TranslationContent<DictionaryValue>}\n        />\n      );\n    }\n\n    if (\n      (section as EnumerationContent<DictionaryValue>).nodeType ===\n      NodeType.Enumeration\n    ) {\n      return (\n        <EnumerationWrapper\n          {...props}\n          section={section as EnumerationContent<DictionaryValue>}\n        />\n      );\n    }\n\n    if (Array.isArray(section)) {\n      return <ArrayWrapper {...props} section={section as DictionaryValue[]} />;\n    }\n\n    return (\n      <NestedObjectWrapper\n        {...props}\n        section={section as Record<string, DictionaryValue>}\n      />\n    );\n  }\n\n  if (typeof section === 'string') {\n    return <StringWrapper {...props} section={section} />;\n  }\n};\n"],"names":["NodeType","jsx","ItemLayout","isSameKeyPath","Edit","jsxs","Fragment","createElement","element","StringWrapper"],"mappings":";;;;;;;;AAgBa,MAAA,eAAsC,CAAC,UAAU;AACtD,QAAA;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,iBAAiB,CAAC;AAAA,EAChB,IAAA;AAEJ,SAAO,QAAQ,IAAI,CAAC,YAAY,QAAQ;AACtC,UAAM,eAAwB;AAAA,MAC5B;AAAA,MACA,MAAMA,KAAS,SAAA;AAAA,IAAA;AAEjB,UAAM,aAAwB,CAAC,GAAG,SAAS,YAAY;AAGrD,WAAAC,2BAAA,kBAAA;AAAA,MAACC,uCAAA;AAAA,MAAA;AAAA,QACC,OAAO,QAAQ;AAAA,QAEf,OAAO,GAAG,GAAG;AAAA,QACb,aAAY;AAAA,QACZ,YAAYC,KAAAA,cAAc,YAAY,cAAc;AAAA,QACpD,SAAS,CAAC,MAAM;AACd,YAAE,gBAAgB;AAClB,yBAAe,UAAU;AAAA,QAC3B;AAAA,QACA,YACEF,2BAAA,kBAAA;AAAA,UAACG,YAAA;AAAA,UAAA;AAAA,YACC,MAAM;AAAA,YACN,MAAK;AAAA,YACL,cAAW;AAAA,YACX,SAAS,CAAC,MAAM;AACd,gBAAE,gBAAgB;AAElB,4BAAc,UAAU;AAAA,YAC1B;AAAA,UAAA;AAAA,QACF;AAAA,QAGF,2DAAC,aAAa,EAAA,GAAG,OAAO,SAAS,YAAY,SAAS,YAAY;AAAA,MAAA;AAAA,MArB7D,KAAK,UAAU,UAAU;AAAA,IAAA;AAAA,EAsBhC,CAEH;AACH;AC9Ca,MAAA,qBAAkD,CAAC,UAAU;AAClE,QAAA,EAAE,SAAS,QAAY,IAAA;AAE7B,0DACG,OAAI,EAAA,WAAU,wCACZ,UAAO,OAAA,KAAK,OAAO,EACjB,OAAO,CAAC,QAAQ,CAAC,UAAU,SAAS,GAAG,CAAC,EACxC,IAAI,CAAC,QAAQ;AACZ,UAAM,eAAwB;AAAA,MAC5B,MAAMJ,KAAS,SAAA;AAAA,MACf;AAAA,IAAA;AAEF,UAAM,aAAwB,CAAC,GAAG,SAAS,YAAY;AAEjD,UAAA,aACJ,QAAQ,YAAY,GAA4C;AAElE,WAEIK,2BAAA,kBAAA,KAAAC,uCAAA,EAAA,UAAA;AAAA,MAACL,2BAAA,kBAAA,IAAA,QAAA,EAAK,WAAU,+BAA+B,UAAI,KAAA;AAAA,MACnDM,2BAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACE,GAAG;AAAA,UACJ;AAAA,UACA,SAAS;AAAA,UACT,SAAS;AAAA,QAAA;AAAA,MACX;AAAA,IACF,EAAA,CAAA;AAAA,EAEH,CAAA,EACL,CAAA;AAEJ;AC5Ba,MAAA,sBAAoD,CAAC,UAAU;AACpE,QAAA;AAAA,IACJ;AAAA,IACA;AAAA,IACA,iBAAiB,CAAC;AAAA,IAClB;AAAA,IACA;AAAA,EACE,IAAA;AAEJ,SAAO,OAAO,KAAK,OAAO,EACvB,OAAO,CAAC,QAAQ,CAAC,UAAU,SAAS,GAAG,CAAC,EACxC,IAAI,CAAC,QAAQ;AACZ,UAAM,eAAwB,EAAE,KAAK,MAAMP,cAAS,OAAO;AAC3D,UAAM,aAAwB,CAAC,GAAG,SAAS,YAAY;AAGrD,WAAAC,2BAAA,kBAAA;AAAA,MAACC,uCAAA;AAAA,MAAA;AAAA,QACC,OAAO,QAAQ;AAAA,QAEf,OAAO;AAAA,QACP,aAAY;AAAA,QACZ,YAAYC,KAAAA,cAAc,YAAY,cAAc;AAAA,QACpD,SAAS,CAAC,MAAM;AACd,YAAE,gBAAgB;AAElB,yBAAe,UAAU;AAAA,QAC3B;AAAA,QACA,YACEF,2BAAA,kBAAA;AAAA,UAACG,YAAA;AAAA,UAAA;AAAA,YACC,MAAM;AAAA,YACN,MAAK;AAAA,YACL,cAAW;AAAA,YACX,SAAS,CAAC,MAAM;AACd,gBAAE,gBAAgB;AAElB,4BAAc,UAAU;AAAA,YAC1B;AAAA,UAAA;AAAA,QACF;AAAA,QAGF,UAAAH,2BAAA,kBAAA,IAAC,eAAa,GAAG,OAAO,SAAS,YAAY,SAAS,QAAQ,GAAG,EAAG,CAAA;AAAA,MAAA;AAAA,MAtB/D;AAAA,IAAA;AAAA,EAuBP,CAEH;AACL;AC9Ca,MAAA,qBAAkD,CAAC,UAAU;AACxE,QAAM,EAAE,SAAS,SAAS,OAAA,IAAW;AAErC,QAAM,eAAwB;AAAA,IAC5B,MAAMD,KAAS,SAAA;AAAA,IACf,KAAK;AAAA,EAAA;AAGP,QAAM,aAAwB,CAAC,GAAG,SAAS,YAAY;AAEjD,QAAA,aACJ,QAAQ,YACN,MACF;AAEF,0DAAQ,aAAa,EAAA,GAAG,OAAO,SAAS,YAAY,SAAS,WAAY,CAAA;AAC3E;ACRO,MAAM,YAAsB,CAAC,YAAY,MAAM,UAAU;AAEhE,MAAM,cAAc,CAAC,SACnB,OAAO,MAAM,QAAQ,eAAe,OAAO,MAAM,UAAU;AAa7D,MAAM,qBAAqB,CAAC,YAA0B;AAChD,MAAA,OAAO,YAAY,UAAU;AAExB,WAAA;AAAA,EACT;AAEM,QAAA,yBAAyB,CAACQ,aAAwC;AACtE,QAAIA,UAAS,SAAS,OAAOA,SAAQ,MAAM,aAAa,UAAU;AAChE,YAAM,iBAA8B,CAAA;AAC9B,YAAA,EAAE,SAAS,IAAIA,SAAQ;AAG7B,aAAO,KAAK,QAAQ,EAAE,QAAQ,CAAC,QAAQ;AACrC,uBAAe,KAAK,mBAAmB,SAAS,GAAG,CAAC,CAAC;AAAA,MAAA,CACtD;AAEM,aAAA;AAAA,QACL,GAAGA;AAAAA,QACH,OAAO,EAAE,GAAGA,SAAQ,OAAO,UAAU,eAAe;AAAA,MAAA;AAAA,IAExD;AAEO,WAAA;AAAA,MACL,GAAGA;AAAAA,MACH,OAAO,EAAE,GAAGA,SAAQ,OAAO,UAAUA,SAAQ,MAAM,SAAS;AAAA,IAAA;AAAA,EAC9D;AAGI,QAAA,eAAe,uBAAuB,OAAO;AAE7C,QAAA,EAAE,MAAM,MAAU,IAAA;AAGxB,SAAOD,WAAAA,cAAc,QAAQ,OAAO,OAAO,GAAG,MAAM,QAAQ;AAC9D;AAEa,MAAA,cAAoC,CAAC,UAAU;AACpD,QAAA,EAAE,QAAY,IAAA;AAEhB,MAAA,OAAO,YAAY,UAAU;AAC3B,QAAA,YAAY,OAAkC,GAAG;AACnD,aAEKF,2BAAA,kBAAA,KAAAC,uCAAA,EAAA,UAAA;AAAA,QAAA,mBAAmB,OAAkC;AAAA,QACrDL,2BAAA,kBAAA,IAAA,QAAA,EAAK,WAAU,+CAA8C,UAE9D,2BAAA;AAAA,MACF,EAAA,CAAA;AAAA,IAEJ;AAGG,QAAA,QAAgD,aACjDD,KAAA,SAAS,aACT;AAEE,aAAAC,2BAAA,kBAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACE,GAAG;AAAA,UACJ;AAAA,QAAA;AAAA,MAAA;AAAA,IAGN;AAGG,QAAA,QAAgD,aACjDD,KAAA,SAAS,aACT;AAEE,aAAAC,2BAAA,kBAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACE,GAAG;AAAA,UACJ;AAAA,QAAA;AAAA,MAAA;AAAA,IAGN;AAEI,QAAA,MAAM,QAAQ,OAAO,GAAG;AAC1B,aAAQA,2BAAAA,kBAAAA,IAAA,cAAA,EAAc,GAAG,OAAO,QAAuC,CAAA;AAAA,IACzE;AAGE,WAAAA,2BAAA,kBAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACE,GAAG;AAAA,QACJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN;AAEI,MAAA,OAAO,YAAY,UAAU;AAC/B,WAAQA,2BAAAA,kBAAAA,IAAAQ,sDAAAA,eAAA,EAAe,GAAG,OAAO,QAAkB,CAAA;AAAA,EACrD;AACF;;;;;;;"}
+{"version":3,"file":"index-BtZWYJhL.cjs","sources":["../src/components/DictionaryEditor/NodeWrapper/ArrayWrapper.tsx","../src/components/DictionaryEditor/NodeWrapper/EnumerationWrapper.tsx","../src/components/DictionaryEditor/NodeWrapper/NestedObjectWrapper.tsx","../src/components/DictionaryEditor/NodeWrapper/TranslationWrapper.tsx","../src/components/DictionaryEditor/NodeWrapper/index.tsx"],"sourcesContent":["/* eslint-disable import/no-cycle */\nimport {\n  isSameKeyPath,\n  NodeType,\n  type DictionaryValue,\n  type KeyPath,\n} from '@intlayer/core';\nimport { Edit } from 'lucide-react';\nimport type { FC } from 'react';\nimport { ItemLayout } from '../ItemLayout';\nimport { NodeWrapper, type NodeWrapperProps } from './index';\n\ntype ArrayWrapperProps = Omit<NodeWrapperProps, 'section'> & {\n  section: DictionaryValue[];\n};\n\nexport const ArrayWrapper: FC<ArrayWrapperProps> = (props) => {\n  const {\n    keyPath,\n    section,\n    onFocusKeyPath,\n    onClickEdit,\n    focusedKeyPath = [],\n  } = 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        rightParam={\n          <Edit\n            size={16}\n            role=\"button\"\n            aria-label=\"Open the editor\"\n            onClick={(e) => {\n              e.stopPropagation();\n\n              onClickEdit?.(newKeyPath);\n            }}\n          />\n        }\n      >\n        <NodeWrapper {...props} keyPath={newKeyPath} section={subSection} />\n      </ItemLayout>\n    );\n  });\n};\n","/* eslint-disable import/no-cycle */\nimport {\n  type KeyPath,\n  NodeType,\n  type EnumerationContent,\n  type DictionaryValue,\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<DictionaryValue>;\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.enumeration[key as keyof (typeof section)['enumeration']]!;\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","/* eslint-disable import/no-cycle */\n\nimport {\n  type KeyPath,\n  isSameKeyPath,\n  type DictionaryValue,\n  NodeType,\n} from '@intlayer/core';\nimport { Edit } from 'lucide-react';\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, DictionaryValue>;\n};\n\nexport const NestedObjectWrapper: FC<NestedObjectWrapperProps> = (props) => {\n  const {\n    keyPath,\n    section,\n    focusedKeyPath = [],\n    onClickEdit,\n    onFocusKeyPath,\n  } = 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          rightParam={\n            <Edit\n              size={16}\n              role=\"button\"\n              aria-label=\"Open the editor\"\n              onClick={(e) => {\n                e.stopPropagation();\n\n                onClickEdit?.(newKeyPath);\n              }}\n            />\n          }\n        >\n          <NodeWrapper {...props} keyPath={newKeyPath} section={section[key]} />\n        </ItemLayout>\n      );\n    });\n};\n","/* eslint-disable import/no-cycle */\n\nimport {\n  type KeyPath,\n  NodeType,\n  type TranslationContent,\n  type DictionaryValue,\n} from '@intlayer/core';\nimport type { FC } from 'react';\nimport { NodeWrapper, type NodeWrapperProps } from './index';\n\ntype TranslationWrapperProps = Omit<NodeWrapperProps, 'section'> & {\n  section: TranslationContent<DictionaryValue>;\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","/* eslint-disable import/no-cycle */\n'use client';\n\nimport type { Locales } from '@intlayer/config/client';\nimport {\n  type EnumerationContent,\n  type TranslationContent,\n  NodeType,\n  type KeyPath,\n  type DictionaryValue,\n} from '@intlayer/core';\nimport {\n  createElement,\n  type ReactElement,\n  type ReactNode,\n  type FC,\n} from 'react';\nimport { ArrayWrapper } from './ArrayWrapper';\nimport { EnumerationWrapper } from './EnumerationWrapper';\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: DictionaryValue;\n  onContentChange: (content: { keyPath: KeyPath[]; newValue: string }) => void;\n  locale: Locales;\n  editedContent: DictionaryValue;\n  focusedKeyPath: KeyPath[] | undefined;\n  onFocusKeyPath: (keyPath: KeyPath[]) => void;\n  onClickEdit?: (keyPath: KeyPath[]) => void;\n};\n\nconst createReactElement = (element: ReactElement) => {\n  if (typeof element === 'string') {\n    // If it's a string, simply return it (used for text content)\n    return element;\n  }\n\n  const convertChildrenAsArray = (element: ReactElement): ReactElement => {\n    if (element?.props && typeof element.props.children === 'object') {\n      const childrenResult: ReactNode[] = [];\n      const { children } = element.props;\n\n      // Create the children elements recursively, if any\n      Object.keys(children).forEach((key) => {\n        childrenResult.push(createReactElement(children[key]));\n      });\n\n      return {\n        ...element,\n        props: { ...element.props, children: childrenResult },\n      };\n    }\n\n    return {\n      ...element,\n      props: { ...element.props, children: element.props.children },\n    };\n  };\n\n  const fixedElement = convertChildrenAsArray(element);\n\n  const { type, props } = fixedElement;\n\n  // Create and return the React element\n  return createElement(type ?? 'div', props, ...props.children);\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        <>\n          {createReactElement(section as unknown as ReactElement)}\n          <span className=\"text-neutral dark:text-neutral-dark text-xs\">\n            React node not editable\n          </span>\n        </>\n      );\n    }\n\n    if (\n      (section as TranslationContent<DictionaryValue>).nodeType ===\n      NodeType.Translation\n    ) {\n      return (\n        <TranslationWrapper\n          {...props}\n          section={section as TranslationContent<DictionaryValue>}\n        />\n      );\n    }\n\n    if (\n      (section as EnumerationContent<DictionaryValue>).nodeType ===\n      NodeType.Enumeration\n    ) {\n      return (\n        <EnumerationWrapper\n          {...props}\n          section={section as EnumerationContent<DictionaryValue>}\n        />\n      );\n    }\n\n    if (Array.isArray(section)) {\n      return <ArrayWrapper {...props} section={section as DictionaryValue[]} />;\n    }\n\n    return (\n      <NestedObjectWrapper\n        {...props}\n        section={section as Record<string, DictionaryValue>}\n      />\n    );\n  }\n\n  if (typeof section === 'string') {\n    return <StringWrapper {...props} section={section} />;\n  }\n};\n"],"names":["NodeType","jsx","ItemLayout","isSameKeyPath","Edit","jsxs","Fragment","createElement","element","StringWrapper"],"mappings":"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"}

package/dist/index-D9oaKvKC.js.map

@@ -1 +1 @@
-{"version":3,"file":"index-D9oaKvKC.js","sources":["../src/components/DictionaryEditor/NodeWrapper/ArrayWrapper.tsx","../src/components/DictionaryEditor/NodeWrapper/EnumerationWrapper.tsx","../src/components/DictionaryEditor/NodeWrapper/NestedObjectWrapper.tsx","../src/components/DictionaryEditor/NodeWrapper/TranslationWrapper.tsx","../src/components/DictionaryEditor/NodeWrapper/index.tsx"],"sourcesContent":["/* eslint-disable import/no-cycle */\nimport {\n  isSameKeyPath,\n  NodeType,\n  type DictionaryValue,\n  type KeyPath,\n} from '@intlayer/core';\nimport { Edit } from 'lucide-react';\nimport type { FC } from 'react';\nimport { ItemLayout } from '../ItemLayout';\nimport { NodeWrapper, type NodeWrapperProps } from './index';\n\ntype ArrayWrapperProps = Omit<NodeWrapperProps, 'section'> & {\n  section: DictionaryValue[];\n};\n\nexport const ArrayWrapper: FC<ArrayWrapperProps> = (props) => {\n  const {\n    keyPath,\n    section,\n    onFocusKeyPath,\n    onClickEdit,\n    focusedKeyPath = [],\n  } = 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        rightParam={\n          <Edit\n            size={16}\n            role=\"button\"\n            aria-label=\"Open the editor\"\n            onClick={(e) => {\n              e.stopPropagation();\n\n              onClickEdit?.(newKeyPath);\n            }}\n          />\n        }\n      >\n        <NodeWrapper {...props} keyPath={newKeyPath} section={subSection} />\n      </ItemLayout>\n    );\n  });\n};\n","/* eslint-disable import/no-cycle */\nimport {\n  type KeyPath,\n  NodeType,\n  type EnumerationContent,\n  type DictionaryValue,\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<DictionaryValue>;\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.enumeration[key as keyof (typeof section)['enumeration']]!;\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","/* eslint-disable import/no-cycle */\n\nimport {\n  type KeyPath,\n  isSameKeyPath,\n  type DictionaryValue,\n  NodeType,\n} from '@intlayer/core';\nimport { Edit } from 'lucide-react';\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, DictionaryValue>;\n};\n\nexport const NestedObjectWrapper: FC<NestedObjectWrapperProps> = (props) => {\n  const {\n    keyPath,\n    section,\n    focusedKeyPath = [],\n    onClickEdit,\n    onFocusKeyPath,\n  } = 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          rightParam={\n            <Edit\n              size={16}\n              role=\"button\"\n              aria-label=\"Open the editor\"\n              onClick={(e) => {\n                e.stopPropagation();\n\n                onClickEdit?.(newKeyPath);\n              }}\n            />\n          }\n        >\n          <NodeWrapper {...props} keyPath={newKeyPath} section={section[key]} />\n        </ItemLayout>\n      );\n    });\n};\n","/* eslint-disable import/no-cycle */\n\nimport {\n  type KeyPath,\n  NodeType,\n  type TranslationContent,\n  type DictionaryValue,\n} from '@intlayer/core';\nimport type { FC } from 'react';\nimport { NodeWrapper, type NodeWrapperProps } from './index';\n\ntype TranslationWrapperProps = Omit<NodeWrapperProps, 'section'> & {\n  section: TranslationContent<DictionaryValue>;\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","/* eslint-disable import/no-cycle */\n'use client';\n\nimport type { Locales } from '@intlayer/config/client';\nimport {\n  type EnumerationContent,\n  type TranslationContent,\n  NodeType,\n  type KeyPath,\n  type DictionaryValue,\n} from '@intlayer/core';\nimport {\n  createElement,\n  type ReactElement,\n  type ReactNode,\n  type FC,\n} from 'react';\nimport { ArrayWrapper } from './ArrayWrapper';\nimport { EnumerationWrapper } from './EnumerationWrapper';\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: DictionaryValue;\n  onContentChange: (content: { keyPath: KeyPath[]; newValue: string }) => void;\n  locale: Locales;\n  editedContent: DictionaryValue;\n  focusedKeyPath: KeyPath[] | undefined;\n  onFocusKeyPath: (keyPath: KeyPath[]) => void;\n  onClickEdit?: (keyPath: KeyPath[]) => void;\n};\n\nconst createReactElement = (element: ReactElement) => {\n  if (typeof element === 'string') {\n    // If it's a string, simply return it (used for text content)\n    return element;\n  }\n\n  const convertChildrenAsArray = (element: ReactElement): ReactElement => {\n    if (element?.props && typeof element.props.children === 'object') {\n      const childrenResult: ReactNode[] = [];\n      const { children } = element.props;\n\n      // Create the children elements recursively, if any\n      Object.keys(children).forEach((key) => {\n        childrenResult.push(createReactElement(children[key]));\n      });\n\n      return {\n        ...element,\n        props: { ...element.props, children: childrenResult },\n      };\n    }\n\n    return {\n      ...element,\n      props: { ...element.props, children: element.props.children },\n    };\n  };\n\n  const fixedElement = convertChildrenAsArray(element);\n\n  const { type, props } = fixedElement;\n\n  // Create and return the React element\n  return createElement(type ?? 'div', props, ...props.children);\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        <>\n          {createReactElement(section as unknown as ReactElement)}\n          <span className=\"text-neutral dark:text-neutral-dark text-xs\">\n            React node not editable\n          </span>\n        </>\n      );\n    }\n\n    if (\n      (section as TranslationContent<DictionaryValue>).nodeType ===\n      NodeType.Translation\n    ) {\n      return (\n        <TranslationWrapper\n          {...props}\n          section={section as TranslationContent<DictionaryValue>}\n        />\n      );\n    }\n\n    if (\n      (section as EnumerationContent<DictionaryValue>).nodeType ===\n      NodeType.Enumeration\n    ) {\n      return (\n        <EnumerationWrapper\n          {...props}\n          section={section as EnumerationContent<DictionaryValue>}\n        />\n      );\n    }\n\n    if (Array.isArray(section)) {\n      return <ArrayWrapper {...props} section={section as DictionaryValue[]} />;\n    }\n\n    return (\n      <NestedObjectWrapper\n        {...props}\n        section={section as Record<string, DictionaryValue>}\n      />\n    );\n  }\n\n  if (typeof section === 'string') {\n    return <StringWrapper {...props} section={section} />;\n  }\n};\n"],"names":["jsx","jsxs","Fragment","element"],"mappings":"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"}
+{"version":3,"file":"index-D9oaKvKC.js","sources":["../src/components/DictionaryEditor/NodeWrapper/ArrayWrapper.tsx","../src/components/DictionaryEditor/NodeWrapper/EnumerationWrapper.tsx","../src/components/DictionaryEditor/NodeWrapper/NestedObjectWrapper.tsx","../src/components/DictionaryEditor/NodeWrapper/TranslationWrapper.tsx","../src/components/DictionaryEditor/NodeWrapper/index.tsx"],"sourcesContent":["/* eslint-disable import/no-cycle */\nimport {\n  isSameKeyPath,\n  NodeType,\n  type DictionaryValue,\n  type KeyPath,\n} from '@intlayer/core';\nimport { Edit } from 'lucide-react';\nimport type { FC } from 'react';\nimport { ItemLayout } from '../ItemLayout';\nimport { NodeWrapper, type NodeWrapperProps } from './index';\n\ntype ArrayWrapperProps = Omit<NodeWrapperProps, 'section'> & {\n  section: DictionaryValue[];\n};\n\nexport const ArrayWrapper: FC<ArrayWrapperProps> = (props) => {\n  const {\n    keyPath,\n    section,\n    onFocusKeyPath,\n    onClickEdit,\n    focusedKeyPath = [],\n  } = 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        rightParam={\n          <Edit\n            size={16}\n            role=\"button\"\n            aria-label=\"Open the editor\"\n            onClick={(e) => {\n              e.stopPropagation();\n\n              onClickEdit?.(newKeyPath);\n            }}\n          />\n        }\n      >\n        <NodeWrapper {...props} keyPath={newKeyPath} section={subSection} />\n      </ItemLayout>\n    );\n  });\n};\n","/* eslint-disable import/no-cycle */\nimport {\n  type KeyPath,\n  NodeType,\n  type EnumerationContent,\n  type DictionaryValue,\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<DictionaryValue>;\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.enumeration[key as keyof (typeof section)['enumeration']]!;\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","/* eslint-disable import/no-cycle */\n\nimport {\n  type KeyPath,\n  isSameKeyPath,\n  type DictionaryValue,\n  NodeType,\n} from '@intlayer/core';\nimport { Edit } from 'lucide-react';\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, DictionaryValue>;\n};\n\nexport const NestedObjectWrapper: FC<NestedObjectWrapperProps> = (props) => {\n  const {\n    keyPath,\n    section,\n    focusedKeyPath = [],\n    onClickEdit,\n    onFocusKeyPath,\n  } = 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          rightParam={\n            <Edit\n              size={16}\n              role=\"button\"\n              aria-label=\"Open the editor\"\n              onClick={(e) => {\n                e.stopPropagation();\n\n                onClickEdit?.(newKeyPath);\n              }}\n            />\n          }\n        >\n          <NodeWrapper {...props} keyPath={newKeyPath} section={section[key]} />\n        </ItemLayout>\n      );\n    });\n};\n","/* eslint-disable import/no-cycle */\n\nimport {\n  type KeyPath,\n  NodeType,\n  type TranslationContent,\n  type DictionaryValue,\n} from '@intlayer/core';\nimport type { FC } from 'react';\nimport { NodeWrapper, type NodeWrapperProps } from './index';\n\ntype TranslationWrapperProps = Omit<NodeWrapperProps, 'section'> & {\n  section: TranslationContent<DictionaryValue>;\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","/* eslint-disable import/no-cycle */\n'use client';\n\nimport type { Locales } from '@intlayer/config/client';\nimport {\n  type EnumerationContent,\n  type TranslationContent,\n  NodeType,\n  type KeyPath,\n  type DictionaryValue,\n} from '@intlayer/core';\nimport {\n  createElement,\n  type ReactElement,\n  type ReactNode,\n  type FC,\n} from 'react';\nimport { ArrayWrapper } from './ArrayWrapper';\nimport { EnumerationWrapper } from './EnumerationWrapper';\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: DictionaryValue;\n  onContentChange: (content: { keyPath: KeyPath[]; newValue: string }) => void;\n  locale: Locales;\n  editedContent: DictionaryValue;\n  focusedKeyPath: KeyPath[] | undefined;\n  onFocusKeyPath: (keyPath: KeyPath[]) => void;\n  onClickEdit?: (keyPath: KeyPath[]) => void;\n};\n\nconst createReactElement = (element: ReactElement) => {\n  if (typeof element === 'string') {\n    // If it's a string, simply return it (used for text content)\n    return element;\n  }\n\n  const convertChildrenAsArray = (element: ReactElement): ReactElement => {\n    if (element?.props && typeof element.props.children === 'object') {\n      const childrenResult: ReactNode[] = [];\n      const { children } = element.props;\n\n      // Create the children elements recursively, if any\n      Object.keys(children).forEach((key) => {\n        childrenResult.push(createReactElement(children[key]));\n      });\n\n      return {\n        ...element,\n        props: { ...element.props, children: childrenResult },\n      };\n    }\n\n    return {\n      ...element,\n      props: { ...element.props, children: element.props.children },\n    };\n  };\n\n  const fixedElement = convertChildrenAsArray(element);\n\n  const { type, props } = fixedElement;\n\n  // Create and return the React element\n  return createElement(type ?? 'div', props, ...props.children);\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        <>\n          {createReactElement(section as unknown as ReactElement)}\n          <span className=\"text-neutral dark:text-neutral-dark text-xs\">\n            React node not editable\n          </span>\n        </>\n      );\n    }\n\n    if (\n      (section as TranslationContent<DictionaryValue>).nodeType ===\n      NodeType.Translation\n    ) {\n      return (\n        <TranslationWrapper\n          {...props}\n          section={section as TranslationContent<DictionaryValue>}\n        />\n      );\n    }\n\n    if (\n      (section as EnumerationContent<DictionaryValue>).nodeType ===\n      NodeType.Enumeration\n    ) {\n      return (\n        <EnumerationWrapper\n          {...props}\n          section={section as EnumerationContent<DictionaryValue>}\n        />\n      );\n    }\n\n    if (Array.isArray(section)) {\n      return <ArrayWrapper {...props} section={section as DictionaryValue[]} />;\n    }\n\n    return (\n      <NestedObjectWrapper\n        {...props}\n        section={section as Record<string, DictionaryValue>}\n      />\n    );\n  }\n\n  if (typeof section === 'string') {\n    return <StringWrapper {...props} section={section} />;\n  }\n};\n"],"names":["jsx","jsxs","Fragment","element"],"mappings":"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"}