@intlayer/design-system 8.4.4 → 8.4.6

package/dist/esm/hooks/useScreenWidth.mjs

@@ -1,2 +1,21 @@
-"use client";import{useEffect as e,useState as t}from"react";const n=()=>{let[n,r]=t(0);return e(()=>{let e=()=>{r(window.innerWidth)};return e(),window.addEventListener(`resize`,e,{passive:!0}),()=>window.removeEventListener(`resize`,e)},[]),{screenWidth:n}};export{n as useScreenWidth};
+'use client';
+
+import { useEffect, useState } from "react";
+
+//#region src/hooks/useScreenWidth.ts
+const useScreenWidth = () => {
+	const [screenWidth, setScreenWith] = useState(0);
+	useEffect(() => {
+		const handleResize = () => {
+			setScreenWith(window.innerWidth);
+		};
+		handleResize();
+		window.addEventListener("resize", handleResize, { passive: true });
+		return () => window.removeEventListener("resize", handleResize);
+	}, []);
+	return { screenWidth };
+};
+
+//#endregion
+export { useScreenWidth };
 //# sourceMappingURL=useScreenWidth.mjs.map

package/dist/esm/hooks/useScreenWidth.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useScreenWidth.mjs","names":[],"sources":["../../../src/hooks/useScreenWidth.ts"],"sourcesContent":["'use client';\n\nimport { useEffect, useState } from 'react';\n\nexport const useScreenWidth = () => {\n  const [screenWidth, setScreenWith] = useState<number>(0);\n\n  useEffect(() => {\n    const handleResize = () => {\n      setScreenWith(window.innerWidth);\n    };\n\n    handleResize();\n\n    window.addEventListener('resize', handleResize, { passive: true });\n\n    return () => window.removeEventListener('resize', handleResize);\n  }, []);\n\n  return { screenWidth };\n};\n"],"mappings":"6DAIA,MAAa,MAAuB,CAClC,GAAM,CAAC,EAAa,GAAiB,EAAiB,EAAE,CAcxD,OAZA,MAAgB,CACd,IAAM,MAAqB,CACzB,EAAc,OAAO,WAAW,EAOlC,OAJA,GAAc,CAEd,OAAO,iBAAiB,SAAU,EAAc,CAAE,QAAS,GAAM,CAAC,KAErD,OAAO,oBAAoB,SAAU,EAAa,EAC9D,EAAE,CAAC,CAEC,CAAE,cAAa"}
+{"version":3,"file":"useScreenWidth.mjs","names":[],"sources":["../../../src/hooks/useScreenWidth.ts"],"sourcesContent":["'use client';\n\nimport { useEffect, useState } from 'react';\n\nexport const useScreenWidth = () => {\n  const [screenWidth, setScreenWith] = useState<number>(0);\n\n  useEffect(() => {\n    const handleResize = () => {\n      setScreenWith(window.innerWidth);\n    };\n\n    handleResize();\n\n    window.addEventListener('resize', handleResize, { passive: true });\n\n    return () => window.removeEventListener('resize', handleResize);\n  }, []);\n\n  return { screenWidth };\n};\n"],"mappings":";;;;;AAIA,MAAa,uBAAuB;CAClC,MAAM,CAAC,aAAa,iBAAiB,SAAiB,EAAE;AAExD,iBAAgB;EACd,MAAM,qBAAqB;AACzB,iBAAc,OAAO,WAAW;;AAGlC,gBAAc;AAEd,SAAO,iBAAiB,UAAU,cAAc,EAAE,SAAS,MAAM,CAAC;AAElE,eAAa,OAAO,oBAAoB,UAAU,aAAa;IAC9D,EAAE,CAAC;AAEN,QAAO,EAAE,aAAa"}

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

@@ -1,2 +1,31 @@
-"use client";import{useGetElementOrWindow as e}from"../useGetElementOrWindow.mjs";import{useScrollBlockageStore as t}from"./useScrollBlockageStore.mjs";import{useEffect as n}from"react";const r=r=>{let{disableScroll:i=!1,element:a,key:o=`unnamed_blocker`}=r??{},{isElementScrollBlocked:s,addBlockage:c,removeBlockage:l}=t(),u=e(a);return n(()=>{let e=a??window.document.body;return i?c(o,e):l(o,e),()=>{l(o,e)}},[c,i,a,o,l]),{isScrollBlocked:u?s(u):!1}};export{r as useScrollBlockage};
+'use client';
+
+import { useGetElementOrWindow } from "../useGetElementOrWindow.mjs";
+import { useScrollBlockageStore } from "./useScrollBlockageStore.mjs";
+import { useEffect } from "react";
+
+//#region src/hooks/useScrollBlockage/index.tsx
+const useScrollBlockage = (props) => {
+	const { disableScroll = false, element, key = "unnamed_blocker" } = props ?? {};
+	const { isElementScrollBlocked, addBlockage, removeBlockage } = useScrollBlockageStore();
+	const containerElement = useGetElementOrWindow(element);
+	useEffect(() => {
+		const el = element ?? window.document.body;
+		if (disableScroll) addBlockage(key, el);
+		else removeBlockage(key, el);
+		return () => {
+			removeBlockage(key, el);
+		};
+	}, [
+		addBlockage,
+		disableScroll,
+		element,
+		key,
+		removeBlockage
+	]);
+	return { isScrollBlocked: containerElement ? isElementScrollBlocked(containerElement) : false };
+};
+
+//#endregion
+export { useScrollBlockage };
 //# sourceMappingURL=index.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":[],"sources":["../../../../src/hooks/useScrollBlockage/index.tsx"],"sourcesContent":["'use client';\n\nimport { useEffect } from 'react';\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\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\n    return () => {\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"],"mappings":"0LAmBA,MAAa,EACX,GACG,CACH,GAAM,CACJ,gBAAgB,GAChB,UACA,MAAM,mBACJ,GAAS,EAAE,CAET,CAAE,yBAAwB,cAAa,kBAC3C,GAAwB,CAEpB,EAAmB,EAAsB,EAAQ,CAoBvD,OAlBA,MAAgB,CACd,IAAM,EAAK,GAAW,OAAO,SAAS,KAQtC,OANI,EACF,EAAY,EAAK,EAAG,CAEpB,EAAe,EAAK,EAAG,KAGZ,CACX,EAAe,EAAK,EAAG,GAExB,CAAC,EAAa,EAAe,EAAS,EAAK,EAAe,CAAC,CAMvD,CAAE,gBAJe,EACpB,EAAuB,EAAiB,CACxC,GAEsB"}
+{"version":3,"file":"index.mjs","names":[],"sources":["../../../../src/hooks/useScrollBlockage/index.tsx"],"sourcesContent":["'use client';\n\nimport { useEffect } from 'react';\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\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\n    return () => {\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"],"mappings":";;;;;;;AAmBA,MAAa,qBACX,UACG;CACH,MAAM,EACJ,gBAAgB,OAChB,SACA,MAAM,sBACJ,SAAS,EAAE;CAEf,MAAM,EAAE,wBAAwB,aAAa,mBAC3C,wBAAwB;CAE1B,MAAM,mBAAmB,sBAAsB,QAAQ;AAEvD,iBAAgB;EACd,MAAM,KAAK,WAAW,OAAO,SAAS;AAEtC,MAAI,cACF,aAAY,KAAK,GAAG;MAEpB,gBAAe,KAAK,GAAG;AAGzB,eAAa;AACX,kBAAe,KAAK,GAAG;;IAExB;EAAC;EAAa;EAAe;EAAS;EAAK;EAAe,CAAC;AAM9D,QAAO,EAAE,iBAJe,mBACpB,uBAAuB,iBAAiB,GACxC,OAEsB"}

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

@@ -1,2 +1,71 @@
-import{useSyncExternalStore as e}from"react";const t=new class{listeners=new Set;scrollBlockers=[];subscribe=e=>(this.listeners.add(e),()=>{this.listeners.delete(e)});getSnapshot=()=>this.scrollBlockers;addBlockage=(e,t)=>{let n=this.scrollBlockers.find(e=>e.element===t);if(n){if(n.blockers.includes(e))return;this.scrollBlockers=this.scrollBlockers.map(n=>n.element===t?{...n,blockers:[...n.blockers,e]}:n)}else t.style.overflowY=`hidden`,t.style.overflowX=`hidden`,this.scrollBlockers=[...this.scrollBlockers,{element:t,blockers:[e]}];this.emit()};removeBlockage=(e,t)=>{let n=this.scrollBlockers.find(e=>e.element===t);n&&(n.blockers.length>1?this.scrollBlockers=this.scrollBlockers.map(n=>n.element===t?{...n,blockers:n.blockers.filter(t=>t!==e)}:n):(t.style.overflowY=``,t.style.overflowX=``,this.scrollBlockers=this.scrollBlockers.filter(e=>e.element!==t)),this.emit())};isElementScrollBlocked=e=>this.scrollBlockers.some(t=>t.element===e);emit=()=>{this.listeners.forEach(e=>{e()})}},n=[],r=()=>({scrollBlockers:e(t.subscribe,t.getSnapshot,()=>n),addBlockage:t.addBlockage,removeBlockage:t.removeBlockage,isElementScrollBlocked:t.isElementScrollBlocked});export{t as scrollBlockageManager,r as useScrollBlockageStore};
+import { useSyncExternalStore } from "react";
+
+//#region src/hooks/useScrollBlockage/useScrollBlockageStore.ts
+var ScrollBlockageObservable = class {
+	listeners = /* @__PURE__ */ new Set();
+	scrollBlockers = [];
+	subscribe = (listener) => {
+		this.listeners.add(listener);
+		return () => {
+			this.listeners.delete(listener);
+		};
+	};
+	getSnapshot = () => {
+		return this.scrollBlockers;
+	};
+	addBlockage = (blockerName, element) => {
+		const blockersElement = this.scrollBlockers.find((blocker) => blocker.element === element);
+		if (blockersElement) {
+			if (blockersElement.blockers.includes(blockerName)) return;
+			this.scrollBlockers = this.scrollBlockers.map((blocker) => blocker.element === element ? {
+				...blocker,
+				blockers: [...blocker.blockers, blockerName]
+			} : blocker);
+		} else {
+			element.style.overflowY = "hidden";
+			element.style.overflowX = "hidden";
+			this.scrollBlockers = [...this.scrollBlockers, {
+				element,
+				blockers: [blockerName]
+			}];
+		}
+		this.emit();
+	};
+	removeBlockage = (blockerName, element) => {
+		const blocker = this.scrollBlockers.find((blocker) => blocker.element === element);
+		if (blocker) {
+			if (blocker.blockers.length > 1) this.scrollBlockers = this.scrollBlockers.map((b) => b.element === element ? {
+				...b,
+				blockers: b.blockers.filter((name) => name !== blockerName)
+			} : b);
+			else {
+				element.style.overflowY = "";
+				element.style.overflowX = "";
+				this.scrollBlockers = this.scrollBlockers.filter((b) => b.element !== element);
+			}
+			this.emit();
+		}
+	};
+	isElementScrollBlocked = (element) => {
+		return this.scrollBlockers.some((blocker) => blocker.element === element);
+	};
+	emit = () => {
+		this.listeners.forEach((listener) => {
+			listener();
+		});
+	};
+};
+const scrollBlockageManager = new ScrollBlockageObservable();
+const serverSnapshot = [];
+const useScrollBlockageStore = () => {
+	return {
+		scrollBlockers: useSyncExternalStore(scrollBlockageManager.subscribe, scrollBlockageManager.getSnapshot, () => serverSnapshot),
+		addBlockage: scrollBlockageManager.addBlockage,
+		removeBlockage: scrollBlockageManager.removeBlockage,
+		isElementScrollBlocked: scrollBlockageManager.isElementScrollBlocked
+	};
+};
+
+//#endregion
+export { scrollBlockageManager, useScrollBlockageStore };
 //# sourceMappingURL=useScrollBlockageStore.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"useScrollBlockageStore.mjs","names":[],"sources":["../../../../src/hooks/useScrollBlockage/useScrollBlockageStore.ts"],"sourcesContent":["import { useSyncExternalStore } from 'react';\n\ntype Blocker = {\n  element: Element;\n  blockers: string[];\n};\n\nclass ScrollBlockageObservable {\n  private listeners = new Set<() => void>();\n  private scrollBlockers: Blocker[] = [];\n\n  subscribe = (listener: () => void) => {\n    this.listeners.add(listener);\n    return () => {\n      this.listeners.delete(listener);\n    };\n  };\n\n  getSnapshot = () => {\n    return this.scrollBlockers;\n  };\n\n  addBlockage = (blockerName: string, element: HTMLElement) => {\n    const blockersElement = this.scrollBlockers.find(\n      (blocker) => blocker.element === element\n    );\n\n    if (blockersElement) {\n      if (blockersElement.blockers.includes(blockerName)) return;\n\n      this.scrollBlockers = this.scrollBlockers.map((blocker) =>\n        blocker.element === element\n          ? { ...blocker, blockers: [...blocker.blockers, blockerName] }\n          : blocker\n      );\n    } else {\n      element.style.overflowY = 'hidden';\n      element.style.overflowX = 'hidden';\n      this.scrollBlockers = [\n        ...this.scrollBlockers,\n        { element, blockers: [blockerName] },\n      ];\n    }\n    this.emit();\n  };\n\n  removeBlockage = (blockerName: string, element: HTMLElement) => {\n    const blocker = this.scrollBlockers.find(\n      (blocker) => blocker.element === element\n    );\n\n    if (blocker) {\n      if (blocker.blockers.length > 1) {\n        this.scrollBlockers = this.scrollBlockers.map((b) =>\n          b.element === element\n            ? {\n                ...b,\n                blockers: b.blockers.filter((name) => name !== blockerName),\n              }\n            : b\n        );\n      } else {\n        element.style.overflowY = '';\n        element.style.overflowX = '';\n        this.scrollBlockers = this.scrollBlockers.filter(\n          (b) => b.element !== element\n        );\n      }\n      this.emit();\n    }\n  };\n\n  isElementScrollBlocked = (element: HTMLElement) => {\n    return this.scrollBlockers.some((blocker) => blocker.element === element);\n  };\n\n  private emit = () => {\n    this.listeners.forEach((listener) => {\n      listener();\n    });\n  };\n}\n\nexport const scrollBlockageManager = new ScrollBlockageObservable();\n\nconst serverSnapshot: Blocker[] = [];\n\nexport const useScrollBlockageStore = () => {\n  const scrollBlockers = useSyncExternalStore(\n    scrollBlockageManager.subscribe,\n    scrollBlockageManager.getSnapshot,\n    () => serverSnapshot\n  );\n\n  return {\n    scrollBlockers,\n    addBlockage: scrollBlockageManager.addBlockage,\n    removeBlockage: scrollBlockageManager.removeBlockage,\n    isElementScrollBlocked: scrollBlockageManager.isElementScrollBlocked,\n  };\n};\n"],"mappings":"6CAmFA,MAAa,EAAwB,IA5ErC,KAA+B,CAC7B,UAAoB,IAAI,IACxB,eAAoC,EAAE,CAEtC,UAAa,IACX,KAAK,UAAU,IAAI,EAAS,KACf,CACX,KAAK,UAAU,OAAO,EAAS,GAInC,gBACS,KAAK,eAGd,aAAe,EAAqB,IAAyB,CAC3D,IAAM,EAAkB,KAAK,eAAe,KACzC,GAAY,EAAQ,UAAY,EAClC,CAED,GAAI,EAAiB,CACnB,GAAI,EAAgB,SAAS,SAAS,EAAY,CAAE,OAEpD,KAAK,eAAiB,KAAK,eAAe,IAAK,GAC7C,EAAQ,UAAY,EAChB,CAAE,GAAG,EAAS,SAAU,CAAC,GAAG,EAAQ,SAAU,EAAY,CAAE,CAC5D,EACL,MAED,EAAQ,MAAM,UAAY,SAC1B,EAAQ,MAAM,UAAY,SAC1B,KAAK,eAAiB,CACpB,GAAG,KAAK,eACR,CAAE,UAAS,SAAU,CAAC,EAAY,CAAE,CACrC,CAEH,KAAK,MAAM,EAGb,gBAAkB,EAAqB,IAAyB,CAC9D,IAAM,EAAU,KAAK,eAAe,KACjC,GAAY,EAAQ,UAAY,EAClC,CAEG,IACE,EAAQ,SAAS,OAAS,EAC5B,KAAK,eAAiB,KAAK,eAAe,IAAK,GAC7C,EAAE,UAAY,EACV,CACE,GAAG,EACH,SAAU,EAAE,SAAS,OAAQ,GAAS,IAAS,EAAY,CAC5D,CACD,EACL,EAED,EAAQ,MAAM,UAAY,GAC1B,EAAQ,MAAM,UAAY,GAC1B,KAAK,eAAiB,KAAK,eAAe,OACvC,GAAM,EAAE,UAAY,EACtB,EAEH,KAAK,MAAM,GAIf,uBAA0B,GACjB,KAAK,eAAe,KAAM,GAAY,EAAQ,UAAY,EAAQ,CAG3E,SAAqB,CACnB,KAAK,UAAU,QAAS,GAAa,CACnC,GAAU,EACV,GAMA,EAA4B,EAAE,CAEvB,OAOJ,CACL,eAPqB,EACrB,EAAsB,UACtB,EAAsB,gBAChB,EACP,CAIC,YAAa,EAAsB,YACnC,eAAgB,EAAsB,eACtC,uBAAwB,EAAsB,uBAC/C"}
+{"version":3,"file":"useScrollBlockageStore.mjs","names":[],"sources":["../../../../src/hooks/useScrollBlockage/useScrollBlockageStore.ts"],"sourcesContent":["import { useSyncExternalStore } from 'react';\n\ntype Blocker = {\n  element: Element;\n  blockers: string[];\n};\n\nclass ScrollBlockageObservable {\n  private listeners = new Set<() => void>();\n  private scrollBlockers: Blocker[] = [];\n\n  subscribe = (listener: () => void) => {\n    this.listeners.add(listener);\n    return () => {\n      this.listeners.delete(listener);\n    };\n  };\n\n  getSnapshot = () => {\n    return this.scrollBlockers;\n  };\n\n  addBlockage = (blockerName: string, element: HTMLElement) => {\n    const blockersElement = this.scrollBlockers.find(\n      (blocker) => blocker.element === element\n    );\n\n    if (blockersElement) {\n      if (blockersElement.blockers.includes(blockerName)) return;\n\n      this.scrollBlockers = this.scrollBlockers.map((blocker) =>\n        blocker.element === element\n          ? { ...blocker, blockers: [...blocker.blockers, blockerName] }\n          : blocker\n      );\n    } else {\n      element.style.overflowY = 'hidden';\n      element.style.overflowX = 'hidden';\n      this.scrollBlockers = [\n        ...this.scrollBlockers,\n        { element, blockers: [blockerName] },\n      ];\n    }\n    this.emit();\n  };\n\n  removeBlockage = (blockerName: string, element: HTMLElement) => {\n    const blocker = this.scrollBlockers.find(\n      (blocker) => blocker.element === element\n    );\n\n    if (blocker) {\n      if (blocker.blockers.length > 1) {\n        this.scrollBlockers = this.scrollBlockers.map((b) =>\n          b.element === element\n            ? {\n                ...b,\n                blockers: b.blockers.filter((name) => name !== blockerName),\n              }\n            : b\n        );\n      } else {\n        element.style.overflowY = '';\n        element.style.overflowX = '';\n        this.scrollBlockers = this.scrollBlockers.filter(\n          (b) => b.element !== element\n        );\n      }\n      this.emit();\n    }\n  };\n\n  isElementScrollBlocked = (element: HTMLElement) => {\n    return this.scrollBlockers.some((blocker) => blocker.element === element);\n  };\n\n  private emit = () => {\n    this.listeners.forEach((listener) => {\n      listener();\n    });\n  };\n}\n\nexport const scrollBlockageManager = new ScrollBlockageObservable();\n\nconst serverSnapshot: Blocker[] = [];\n\nexport const useScrollBlockageStore = () => {\n  const scrollBlockers = useSyncExternalStore(\n    scrollBlockageManager.subscribe,\n    scrollBlockageManager.getSnapshot,\n    () => serverSnapshot\n  );\n\n  return {\n    scrollBlockers,\n    addBlockage: scrollBlockageManager.addBlockage,\n    removeBlockage: scrollBlockageManager.removeBlockage,\n    isElementScrollBlocked: scrollBlockageManager.isElementScrollBlocked,\n  };\n};\n"],"mappings":";;;AAOA,IAAM,2BAAN,MAA+B;CAC7B,AAAQ,4BAAY,IAAI,KAAiB;CACzC,AAAQ,iBAA4B,EAAE;CAEtC,aAAa,aAAyB;AACpC,OAAK,UAAU,IAAI,SAAS;AAC5B,eAAa;AACX,QAAK,UAAU,OAAO,SAAS;;;CAInC,oBAAoB;AAClB,SAAO,KAAK;;CAGd,eAAe,aAAqB,YAAyB;EAC3D,MAAM,kBAAkB,KAAK,eAAe,MACzC,YAAY,QAAQ,YAAY,QAClC;AAED,MAAI,iBAAiB;AACnB,OAAI,gBAAgB,SAAS,SAAS,YAAY,CAAE;AAEpD,QAAK,iBAAiB,KAAK,eAAe,KAAK,YAC7C,QAAQ,YAAY,UAChB;IAAE,GAAG;IAAS,UAAU,CAAC,GAAG,QAAQ,UAAU,YAAY;IAAE,GAC5D,QACL;SACI;AACL,WAAQ,MAAM,YAAY;AAC1B,WAAQ,MAAM,YAAY;AAC1B,QAAK,iBAAiB,CACpB,GAAG,KAAK,gBACR;IAAE;IAAS,UAAU,CAAC,YAAY;IAAE,CACrC;;AAEH,OAAK,MAAM;;CAGb,kBAAkB,aAAqB,YAAyB;EAC9D,MAAM,UAAU,KAAK,eAAe,MACjC,YAAY,QAAQ,YAAY,QAClC;AAED,MAAI,SAAS;AACX,OAAI,QAAQ,SAAS,SAAS,EAC5B,MAAK,iBAAiB,KAAK,eAAe,KAAK,MAC7C,EAAE,YAAY,UACV;IACE,GAAG;IACH,UAAU,EAAE,SAAS,QAAQ,SAAS,SAAS,YAAY;IAC5D,GACD,EACL;QACI;AACL,YAAQ,MAAM,YAAY;AAC1B,YAAQ,MAAM,YAAY;AAC1B,SAAK,iBAAiB,KAAK,eAAe,QACvC,MAAM,EAAE,YAAY,QACtB;;AAEH,QAAK,MAAM;;;CAIf,0BAA0B,YAAyB;AACjD,SAAO,KAAK,eAAe,MAAM,YAAY,QAAQ,YAAY,QAAQ;;CAG3E,AAAQ,aAAa;AACnB,OAAK,UAAU,SAAS,aAAa;AACnC,aAAU;IACV;;;AAIN,MAAa,wBAAwB,IAAI,0BAA0B;AAEnE,MAAM,iBAA4B,EAAE;AAEpC,MAAa,+BAA+B;AAO1C,QAAO;EACL,gBAPqB,qBACrB,sBAAsB,WACtB,sBAAsB,mBAChB,eACP;EAIC,aAAa,sBAAsB;EACnC,gBAAgB,sBAAsB;EACtC,wBAAwB,sBAAsB;EAC/C"}

package/dist/esm/hooks/useScrollDetection.mjs

@@ -1,2 +1,62 @@
-"use client";import{useGetElementOrWindow as e}from"./useGetElementOrWindow.mjs";import{useScrollBlockage as t}from"./useScrollBlockage/index.mjs";import{useCallback as n,useEffect as r,useState as i}from"react";const a=a=>{let{isEnabled:o=!0,delta:s=5,deltaFromTop:c=0,onScrollDown:l,onScrollUp:u,element:d}=a??{},[f,p]=i(!1),[m,h]=i(!1),{isScrollBlocked:g}=t(),_=e(d),v=n(e=>{let t=e.touches?.[0]?.clientY??0,n=e=>{o&&(p(t-(e.touches?.[0]?.clientY??0)>0),_?.removeEventListener(`touchmove`,n))};_?.addEventListener(`touchmove`,n)},[o,_]),y=n(e=>{let t=e.deltaY>0;o&&!g&&m&&(Math.abs(e.deltaY)>Math.abs(s)&&(t?l?.(e):u?.(e)),p(window.scrollY>c))},[o,g,m]);return r(()=>(o?(_?.addEventListener(`wheel`,y,{passive:!0}),_?.addEventListener(`touchstart`,v,{passive:!0})):p(!1),()=>{_?.removeEventListener(`wheel`,y),_?.removeEventListener(`touchstart`,v)}),[o,y,v,_]),r(()=>{h(window.innerHeight<window.document.body.scrollHeight)},[]),{isScrolled:f,isScrollable:m}};export{a as useScrollDetection};
+'use client';
+
+import { useGetElementOrWindow } from "./useGetElementOrWindow.mjs";
+import { useScrollBlockage } from "./useScrollBlockage/index.mjs";
+import { useCallback, useEffect, useState } from "react";
+
+//#region src/hooks/useScrollDetection.ts
+const useScrollDetection = (props) => {
+	const { isEnabled = true, delta = 5, deltaFromTop = 0, onScrollDown, onScrollUp, element } = props ?? {};
+	const [isScrolled, setIsScrolled] = useState(false);
+	const [isScrollable, setIsScrollable] = useState(false);
+	const { isScrollBlocked } = useScrollBlockage();
+	const containerElement = useGetElementOrWindow(element);
+	const onMobileMove = useCallback((event) => {
+		const startY = event.touches?.[0]?.clientY ?? 0;
+		const onMove = (event) => {
+			if (isEnabled) {
+				setIsScrolled(startY - (event.touches?.[0]?.clientY ?? 0) > 0);
+				containerElement?.removeEventListener("touchmove", onMove);
+			}
+		};
+		containerElement?.addEventListener("touchmove", onMove);
+	}, [isEnabled, containerElement]);
+	const onScroll = useCallback((e) => {
+		const isScrolledDown = e.deltaY > 0;
+		if (isEnabled && !isScrollBlocked && isScrollable) {
+			if (Math.abs(e.deltaY) > Math.abs(delta)) if (isScrolledDown) onScrollDown?.(e);
+			else onScrollUp?.(e);
+			setIsScrolled(window.scrollY > deltaFromTop);
+		}
+	}, [
+		isEnabled,
+		isScrollBlocked,
+		isScrollable
+	]);
+	useEffect(() => {
+		if (isEnabled) {
+			containerElement?.addEventListener("wheel", onScroll, { passive: true });
+			containerElement?.addEventListener("touchstart", onMobileMove, { passive: true });
+		} else setIsScrolled(false);
+		return () => {
+			containerElement?.removeEventListener("wheel", onScroll);
+			containerElement?.removeEventListener("touchstart", onMobileMove);
+		};
+	}, [
+		isEnabled,
+		onScroll,
+		onMobileMove,
+		containerElement
+	]);
+	useEffect(() => {
+		setIsScrollable(window.innerHeight < window.document.body.scrollHeight);
+	}, []);
+	return {
+		isScrolled,
+		isScrollable
+	};
+};
+
+//#endregion
+export { useScrollDetection };
 //# sourceMappingURL=useScrollDetection.mjs.map

package/dist/esm/hooks/useScrollDetection.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useScrollDetection.mjs","names":[],"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, { passive: true });\n      containerElement?.addEventListener('touchstart', onMobileMove, {\n        passive: true,\n      });\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"],"mappings":"oNAgBA,MAAa,EAAsB,GAAoC,CACrE,GAAM,CACJ,YAAY,GACZ,QAAQ,EACR,eAAe,EACf,eACA,aACA,WACE,GAAS,EAAE,CAET,CAAC,EAAY,GAAiB,EAAkB,GAAM,CACtD,CAAC,EAAc,GAAmB,EAAkB,GAAM,CAE1D,CAAE,mBAAoB,GAAmB,CACzC,EAAmB,EAAsB,EAAQ,CAEjD,EAAe,EAClB,GAAiC,CAChC,IAAM,EAAS,EAAM,UAAU,IAAI,SAAW,EAExC,EAAU,GAAiC,CAC3C,IAIF,EAFe,GADE,EAAM,UAAU,IAAI,SAAW,GAGzB,EAAE,CAEzB,GAAkB,oBAAoB,YAAa,EAAO,GAI9D,GAAkB,iBAAiB,YAAa,EAAO,EAEzD,CAAC,EAAW,EAAiB,CAC9B,CAEK,EAAW,EACd,GAAkB,CACjB,IAAM,EAAiB,EAAE,OAAS,EAE9B,GAAa,CAAC,GAAmB,IAChB,KAAK,IAAI,EAAE,OAAO,CAAG,KAAK,IAAI,EAAM,GAGjD,EACF,IAAe,EAAE,CAEjB,IAAa,EAAE,EAInB,EAAc,OAAO,QAAU,EAAa,GAGhD,CAAC,EAAW,EAAiB,EAAa,CAC3C,CAwBD,OAtBA,OACM,GACF,GAAkB,iBAAiB,QAAS,EAAU,CAAE,QAAS,GAAM,CAAC,CACxE,GAAkB,iBAAiB,aAAc,EAAc,CAC7D,QAAS,GACV,CAAC,EAEF,EAAc,GAAM,KAGT,CACX,GAAkB,oBAAoB,QAAS,EAAS,CACxD,GAAkB,oBAAoB,aAAc,EAAa,GAElE,CAAC,EAAW,EAAU,EAAc,EAAiB,CAAC,CAEzD,MAAgB,CAGd,EAFqB,OAAO,YAAc,OAAO,SAAS,KAAK,aAElC,EAC5B,EAAE,CAAC,CAEC,CAAE,aAAY,eAAc"}
+{"version":3,"file":"useScrollDetection.mjs","names":[],"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, { passive: true });\n      containerElement?.addEventListener('touchstart', onMobileMove, {\n        passive: true,\n      });\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"],"mappings":";;;;;;;AAgBA,MAAa,sBAAsB,UAAoC;CACrE,MAAM,EACJ,YAAY,MACZ,QAAQ,GACR,eAAe,GACf,cACA,YACA,YACE,SAAS,EAAE;CAEf,MAAM,CAAC,YAAY,iBAAiB,SAAkB,MAAM;CAC5D,MAAM,CAAC,cAAc,mBAAmB,SAAkB,MAAM;CAEhE,MAAM,EAAE,oBAAoB,mBAAmB;CAC/C,MAAM,mBAAmB,sBAAsB,QAAQ;CAEvD,MAAM,eAAe,aAClB,UAAiC;EAChC,MAAM,SAAS,MAAM,UAAU,IAAI,WAAW;EAE9C,MAAM,UAAU,UAAiC;AAC/C,OAAI,WAAW;AAIb,kBAFe,UADE,MAAM,UAAU,IAAI,WAAW,KAGzB,EAAE;AAEzB,sBAAkB,oBAAoB,aAAa,OAAO;;;AAI9D,oBAAkB,iBAAiB,aAAa,OAAO;IAEzD,CAAC,WAAW,iBAAiB,CAC9B;CAED,MAAM,WAAW,aACd,MAAkB;EACjB,MAAM,iBAAiB,EAAE,SAAS;AAElC,MAAI,aAAa,CAAC,mBAAmB,cAAc;AAGjD,OAFmB,KAAK,IAAI,EAAE,OAAO,GAAG,KAAK,IAAI,MAAM,CAGrD,KAAI,eACF,gBAAe,EAAE;OAEjB,cAAa,EAAE;AAInB,iBAAc,OAAO,UAAU,aAAa;;IAGhD;EAAC;EAAW;EAAiB;EAAa,CAC3C;AAED,iBAAgB;AACd,MAAI,WAAW;AACb,qBAAkB,iBAAiB,SAAS,UAAU,EAAE,SAAS,MAAM,CAAC;AACxE,qBAAkB,iBAAiB,cAAc,cAAc,EAC7D,SAAS,MACV,CAAC;QAEF,eAAc,MAAM;AAGtB,eAAa;AACX,qBAAkB,oBAAoB,SAAS,SAAS;AACxD,qBAAkB,oBAAoB,cAAc,aAAa;;IAElE;EAAC;EAAW;EAAU;EAAc;EAAiB,CAAC;AAEzD,iBAAgB;AAGd,kBAFqB,OAAO,cAAc,OAAO,SAAS,KAAK,aAElC;IAC5B,EAAE,CAAC;AAEN,QAAO;EAAE;EAAY;EAAc"}

package/dist/esm/hooks/useScrollY.mjs

@@ -1,2 +1,69 @@
-"use client";import{useGetElementOrWindow as e}from"./useGetElementOrWindow.mjs";import{useCallback as t,useSyncExternalStore as n}from"react";const r={scrollY:0,scrollPercentage:0,scrollYMax:0};let i=r;const a=a=>{let{element:o}=a??{},s=e(o);return n(t(e=>{if(typeof window>`u`||!s)return()=>{};let t=0,n=()=>{t||=window.requestAnimationFrame(()=>{t=0,e()})};return s.addEventListener(`scroll`,n,{passive:!0}),()=>{s.removeEventListener(`scroll`,n),t&&window.cancelAnimationFrame(t)}},[s]),()=>{if(typeof window>`u`||!s)return r;if(s instanceof HTMLElement){let e=s.scrollTop,t=s.scrollHeight,n=s.clientHeight,r=Math.max(0,t-n),a=r>0?e/r:0;return i.scrollY===e&&i.scrollPercentage===a&&i.scrollYMax===r||(i={scrollY:e,scrollPercentage:a,scrollYMax:r}),i}let e=document.documentElement,t=document.body,n=window.scrollY??window.pageYOffset??e?.scrollTop??t?.scrollTop??0,a=e?.scrollHeight??t?.scrollHeight??0,o=e?.clientHeight??window.innerHeight??0,c=Math.max(0,a-o),l=c>0?n/c:0;return i.scrollY===n&&i.scrollPercentage===l&&i.scrollYMax===c||(i={scrollY:n,scrollPercentage:l,scrollYMax:c}),i},()=>r)};export{a as useScrollY};
+'use client';
+
+import { useGetElementOrWindow } from "./useGetElementOrWindow.mjs";
+import { useCallback, useSyncExternalStore } from "react";
+
+//#region src/hooks/useScrollY.ts
+const INITIAL_SCROLL_STATE = {
+	scrollY: 0,
+	scrollPercentage: 0,
+	scrollYMax: 0
+};
+let lastSnapshot = INITIAL_SCROLL_STATE;
+const useScrollY = (props) => {
+	const { element } = props ?? {};
+	const containerElement = useGetElementOrWindow(element);
+	const subscribe = useCallback((onChange) => {
+		if (typeof window === "undefined" || !containerElement) return () => {};
+		let raf = 0;
+		const handler = () => {
+			if (raf) return;
+			raf = window.requestAnimationFrame(() => {
+				raf = 0;
+				onChange();
+			});
+		};
+		containerElement.addEventListener("scroll", handler, { passive: true });
+		return () => {
+			containerElement.removeEventListener("scroll", handler);
+			if (raf) window.cancelAnimationFrame(raf);
+		};
+	}, [containerElement]);
+	const getSnapshot = () => {
+		if (typeof window === "undefined" || !containerElement) return INITIAL_SCROLL_STATE;
+		if (containerElement instanceof HTMLElement) {
+			const scrollY = containerElement.scrollTop;
+			const scrollHeight = containerElement.scrollHeight;
+			const clientHeight = containerElement.clientHeight;
+			const scrollYMax = Math.max(0, scrollHeight - clientHeight);
+			const scrollPercentage = scrollYMax > 0 ? scrollY / scrollYMax : 0;
+			if (lastSnapshot.scrollY === scrollY && lastSnapshot.scrollPercentage === scrollPercentage && lastSnapshot.scrollYMax === scrollYMax) return lastSnapshot;
+			lastSnapshot = {
+				scrollY,
+				scrollPercentage,
+				scrollYMax
+			};
+			return lastSnapshot;
+		}
+		const doc = document.documentElement;
+		const body = document.body;
+		const scrollY = window.scrollY ?? window.pageYOffset ?? doc?.scrollTop ?? body?.scrollTop ?? 0;
+		const scrollHeight = doc?.scrollHeight ?? body?.scrollHeight ?? 0;
+		const clientHeight = doc?.clientHeight ?? window.innerHeight ?? 0;
+		const scrollYMax = Math.max(0, scrollHeight - clientHeight);
+		const scrollPercentage = scrollYMax > 0 ? scrollY / scrollYMax : 0;
+		if (lastSnapshot.scrollY === scrollY && lastSnapshot.scrollPercentage === scrollPercentage && lastSnapshot.scrollYMax === scrollYMax) return lastSnapshot;
+		lastSnapshot = {
+			scrollY,
+			scrollPercentage,
+			scrollYMax
+		};
+		return lastSnapshot;
+	};
+	const getServerSnapshot = () => INITIAL_SCROLL_STATE;
+	return useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);
+};
+
+//#endregion
+export { useScrollY };
 //# sourceMappingURL=useScrollY.mjs.map

package/dist/esm/hooks/useScrollY.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useScrollY.mjs","names":[],"sources":["../../../src/hooks/useScrollY.ts"],"sourcesContent":["'use client';\n\nimport { useCallback, useSyncExternalStore } from 'react';\nimport { useGetElementOrWindow } from './useGetElementOrWindow';\n\ntype UseScrollYProps = {\n  element?: HTMLElement;\n};\n\ntype UseScrollYResult = {\n  scrollY: number;\n  scrollPercentage: number;\n  scrollYMax: number;\n};\n\nconst INITIAL_SCROLL_STATE: UseScrollYResult = {\n  scrollY: 0,\n  scrollPercentage: 0,\n  scrollYMax: 0,\n};\n\nlet lastSnapshot: UseScrollYResult = INITIAL_SCROLL_STATE;\n\nexport const useScrollY = (props?: UseScrollYProps): UseScrollYResult => {\n  const { element } = props ?? {};\n\n  const containerElement = useGetElementOrWindow(element);\n\n  const subscribe = useCallback(\n    (onChange: () => void) => {\n      if (typeof window === 'undefined' || !containerElement) return () => {};\n      let raf = 0;\n\n      const handler = () => {\n        if (raf) return;\n        raf = window.requestAnimationFrame(() => {\n          raf = 0;\n          onChange();\n        });\n      };\n\n      containerElement.addEventListener('scroll', handler, { passive: true });\n\n      return () => {\n        containerElement.removeEventListener('scroll', handler);\n        if (raf) window.cancelAnimationFrame(raf);\n      };\n    },\n    [containerElement]\n  );\n\n  const getSnapshot = (): UseScrollYResult => {\n    if (typeof window === 'undefined' || !containerElement) {\n      return INITIAL_SCROLL_STATE; // SSR/hydration-safe\n    }\n\n    // Handle custom element\n    if (containerElement instanceof HTMLElement) {\n      const scrollY = containerElement.scrollTop;\n      const scrollHeight = containerElement.scrollHeight;\n      const clientHeight = containerElement.clientHeight;\n      const scrollYMax = Math.max(0, scrollHeight - clientHeight);\n      const scrollPercentage = scrollYMax > 0 ? scrollY / scrollYMax : 0;\n\n      if (\n        lastSnapshot.scrollY === scrollY &&\n        lastSnapshot.scrollPercentage === scrollPercentage &&\n        lastSnapshot.scrollYMax === scrollYMax\n      ) {\n        return lastSnapshot;\n      }\n\n      lastSnapshot = { scrollY, scrollPercentage, scrollYMax };\n      return lastSnapshot;\n    }\n\n    // Handle window\n    const doc = document.documentElement;\n    const body = document.body;\n\n    const scrollY =\n      window.scrollY ??\n      window.pageYOffset ??\n      doc?.scrollTop ??\n      body?.scrollTop ??\n      0;\n\n    const scrollHeight = doc?.scrollHeight ?? body?.scrollHeight ?? 0;\n    const clientHeight = doc?.clientHeight ?? window.innerHeight ?? 0;\n    const scrollYMax = Math.max(0, scrollHeight - clientHeight);\n    const scrollPercentage = scrollYMax > 0 ? scrollY / scrollYMax : 0;\n\n    if (\n      lastSnapshot.scrollY === scrollY &&\n      lastSnapshot.scrollPercentage === scrollPercentage &&\n      lastSnapshot.scrollYMax === scrollYMax\n    ) {\n      return lastSnapshot;\n    }\n\n    lastSnapshot = { scrollY, scrollPercentage, scrollYMax };\n    return lastSnapshot;\n  };\n\n  const getServerSnapshot = (): UseScrollYResult => INITIAL_SCROLL_STATE;\n\n  return useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);\n};\n"],"mappings":"+IAeA,MAAM,EAAyC,CAC7C,QAAS,EACT,iBAAkB,EAClB,WAAY,EACb,CAED,IAAI,EAAiC,EAErC,MAAa,EAAc,GAA8C,CACvE,GAAM,CAAE,WAAY,GAAS,EAAE,CAEzB,EAAmB,EAAsB,EAAQ,CAgFvD,OAAO,EA9EW,EACf,GAAyB,CACxB,GAAI,OAAO,OAAW,KAAe,CAAC,EAAkB,UAAa,GACrE,IAAI,EAAM,EAEJ,MAAgB,CAChB,AACJ,IAAM,OAAO,0BAA4B,CACvC,EAAM,EACN,GAAU,EACV,EAKJ,OAFA,EAAiB,iBAAiB,SAAU,EAAS,CAAE,QAAS,GAAM,CAAC,KAE1D,CACX,EAAiB,oBAAoB,SAAU,EAAQ,CACnD,GAAK,OAAO,qBAAqB,EAAI,GAG7C,CAAC,EAAiB,CACnB,KAE2C,CAC1C,GAAI,OAAO,OAAW,KAAe,CAAC,EACpC,OAAO,EAIT,GAAI,aAA4B,YAAa,CAC3C,IAAM,EAAU,EAAiB,UAC3B,EAAe,EAAiB,aAChC,EAAe,EAAiB,aAChC,EAAa,KAAK,IAAI,EAAG,EAAe,EAAa,CACrD,EAAmB,EAAa,EAAI,EAAU,EAAa,EAWjE,OARE,EAAa,UAAY,GACzB,EAAa,mBAAqB,GAClC,EAAa,aAAe,IAK9B,EAAe,CAAE,UAAS,mBAAkB,aAAY,EAH/C,EAQX,IAAM,EAAM,SAAS,gBACf,EAAO,SAAS,KAEhB,EACJ,OAAO,SACP,OAAO,aACP,GAAK,WACL,GAAM,WACN,EAEI,EAAe,GAAK,cAAgB,GAAM,cAAgB,EAC1D,EAAe,GAAK,cAAgB,OAAO,aAAe,EAC1D,EAAa,KAAK,IAAI,EAAG,EAAe,EAAa,CACrD,EAAmB,EAAa,EAAI,EAAU,EAAa,EAWjE,OARE,EAAa,UAAY,GACzB,EAAa,mBAAqB,GAClC,EAAa,aAAe,IAK9B,EAAe,CAAE,UAAS,mBAAkB,aAAY,EAH/C,OAOuC,EAEoB"}
+{"version":3,"file":"useScrollY.mjs","names":[],"sources":["../../../src/hooks/useScrollY.ts"],"sourcesContent":["'use client';\n\nimport { useCallback, useSyncExternalStore } from 'react';\nimport { useGetElementOrWindow } from './useGetElementOrWindow';\n\ntype UseScrollYProps = {\n  element?: HTMLElement;\n};\n\ntype UseScrollYResult = {\n  scrollY: number;\n  scrollPercentage: number;\n  scrollYMax: number;\n};\n\nconst INITIAL_SCROLL_STATE: UseScrollYResult = {\n  scrollY: 0,\n  scrollPercentage: 0,\n  scrollYMax: 0,\n};\n\nlet lastSnapshot: UseScrollYResult = INITIAL_SCROLL_STATE;\n\nexport const useScrollY = (props?: UseScrollYProps): UseScrollYResult => {\n  const { element } = props ?? {};\n\n  const containerElement = useGetElementOrWindow(element);\n\n  const subscribe = useCallback(\n    (onChange: () => void) => {\n      if (typeof window === 'undefined' || !containerElement) return () => {};\n      let raf = 0;\n\n      const handler = () => {\n        if (raf) return;\n        raf = window.requestAnimationFrame(() => {\n          raf = 0;\n          onChange();\n        });\n      };\n\n      containerElement.addEventListener('scroll', handler, { passive: true });\n\n      return () => {\n        containerElement.removeEventListener('scroll', handler);\n        if (raf) window.cancelAnimationFrame(raf);\n      };\n    },\n    [containerElement]\n  );\n\n  const getSnapshot = (): UseScrollYResult => {\n    if (typeof window === 'undefined' || !containerElement) {\n      return INITIAL_SCROLL_STATE; // SSR/hydration-safe\n    }\n\n    // Handle custom element\n    if (containerElement instanceof HTMLElement) {\n      const scrollY = containerElement.scrollTop;\n      const scrollHeight = containerElement.scrollHeight;\n      const clientHeight = containerElement.clientHeight;\n      const scrollYMax = Math.max(0, scrollHeight - clientHeight);\n      const scrollPercentage = scrollYMax > 0 ? scrollY / scrollYMax : 0;\n\n      if (\n        lastSnapshot.scrollY === scrollY &&\n        lastSnapshot.scrollPercentage === scrollPercentage &&\n        lastSnapshot.scrollYMax === scrollYMax\n      ) {\n        return lastSnapshot;\n      }\n\n      lastSnapshot = { scrollY, scrollPercentage, scrollYMax };\n      return lastSnapshot;\n    }\n\n    // Handle window\n    const doc = document.documentElement;\n    const body = document.body;\n\n    const scrollY =\n      window.scrollY ??\n      window.pageYOffset ??\n      doc?.scrollTop ??\n      body?.scrollTop ??\n      0;\n\n    const scrollHeight = doc?.scrollHeight ?? body?.scrollHeight ?? 0;\n    const clientHeight = doc?.clientHeight ?? window.innerHeight ?? 0;\n    const scrollYMax = Math.max(0, scrollHeight - clientHeight);\n    const scrollPercentage = scrollYMax > 0 ? scrollY / scrollYMax : 0;\n\n    if (\n      lastSnapshot.scrollY === scrollY &&\n      lastSnapshot.scrollPercentage === scrollPercentage &&\n      lastSnapshot.scrollYMax === scrollYMax\n    ) {\n      return lastSnapshot;\n    }\n\n    lastSnapshot = { scrollY, scrollPercentage, scrollYMax };\n    return lastSnapshot;\n  };\n\n  const getServerSnapshot = (): UseScrollYResult => INITIAL_SCROLL_STATE;\n\n  return useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);\n};\n"],"mappings":";;;;;;AAeA,MAAM,uBAAyC;CAC7C,SAAS;CACT,kBAAkB;CAClB,YAAY;CACb;AAED,IAAI,eAAiC;AAErC,MAAa,cAAc,UAA8C;CACvE,MAAM,EAAE,YAAY,SAAS,EAAE;CAE/B,MAAM,mBAAmB,sBAAsB,QAAQ;CAEvD,MAAM,YAAY,aACf,aAAyB;AACxB,MAAI,OAAO,WAAW,eAAe,CAAC,iBAAkB,cAAa;EACrE,IAAI,MAAM;EAEV,MAAM,gBAAgB;AACpB,OAAI,IAAK;AACT,SAAM,OAAO,4BAA4B;AACvC,UAAM;AACN,cAAU;KACV;;AAGJ,mBAAiB,iBAAiB,UAAU,SAAS,EAAE,SAAS,MAAM,CAAC;AAEvE,eAAa;AACX,oBAAiB,oBAAoB,UAAU,QAAQ;AACvD,OAAI,IAAK,QAAO,qBAAqB,IAAI;;IAG7C,CAAC,iBAAiB,CACnB;CAED,MAAM,oBAAsC;AAC1C,MAAI,OAAO,WAAW,eAAe,CAAC,iBACpC,QAAO;AAIT,MAAI,4BAA4B,aAAa;GAC3C,MAAM,UAAU,iBAAiB;GACjC,MAAM,eAAe,iBAAiB;GACtC,MAAM,eAAe,iBAAiB;GACtC,MAAM,aAAa,KAAK,IAAI,GAAG,eAAe,aAAa;GAC3D,MAAM,mBAAmB,aAAa,IAAI,UAAU,aAAa;AAEjE,OACE,aAAa,YAAY,WACzB,aAAa,qBAAqB,oBAClC,aAAa,eAAe,WAE5B,QAAO;AAGT,kBAAe;IAAE;IAAS;IAAkB;IAAY;AACxD,UAAO;;EAIT,MAAM,MAAM,SAAS;EACrB,MAAM,OAAO,SAAS;EAEtB,MAAM,UACJ,OAAO,WACP,OAAO,eACP,KAAK,aACL,MAAM,aACN;EAEF,MAAM,eAAe,KAAK,gBAAgB,MAAM,gBAAgB;EAChE,MAAM,eAAe,KAAK,gBAAgB,OAAO,eAAe;EAChE,MAAM,aAAa,KAAK,IAAI,GAAG,eAAe,aAAa;EAC3D,MAAM,mBAAmB,aAAa,IAAI,UAAU,aAAa;AAEjE,MACE,aAAa,YAAY,WACzB,aAAa,qBAAqB,oBAClC,aAAa,eAAe,WAE5B,QAAO;AAGT,iBAAe;GAAE;GAAS;GAAkB;GAAY;AACxD,SAAO;;CAGT,MAAM,0BAA4C;AAElD,QAAO,qBAAqB,WAAW,aAAa,kBAAkB"}

package/dist/esm/hooks/useSearch.mjs

@@ -1,2 +1,51 @@
-"use client";import{useEffect as e,useRef as t,useState as n}from"react";const r=r=>{let{minChars:i=3,debounceMs:a=300,trim:o=!0,defaultValue:s,onSearch:c,onClear:l}=r??{},u=t(``),d=t(null),[f,p]=n(s??``),m=()=>{d.current&&=(clearTimeout(d.current),null)};return e(()=>()=>{m()},[]),{setSearch:e=>{u.current=e;let t=o?e.trim():e;if(m(),t.length<i){p(``),l?.();return}d.current=setTimeout(()=>{let e=o?u.current.trim():u.current;e.length>=i?(p(e),c?.(e)):(p(``),l?.())},a)},search:f,hasMinChars:f.length>=i}};export{r as useSearch};
+'use client';
+
+import { useEffect, useRef, useState } from "react";
+
+//#region src/hooks/useSearch.ts
+const useSearch = (options) => {
+	const { minChars = 3, debounceMs = 300, trim = true, defaultValue, onSearch, onClear } = options ?? {};
+	const searchRef = useRef("");
+	const timerRef = useRef(null);
+	const [search, setDebouncedSearch] = useState(defaultValue ?? "");
+	const clearTimer = () => {
+		if (timerRef.current) {
+			clearTimeout(timerRef.current);
+			timerRef.current = null;
+		}
+	};
+	const setSearch = (value) => {
+		searchRef.current = value;
+		const normalized = trim ? value.trim() : value;
+		clearTimer();
+		if (normalized.length < minChars) {
+			setDebouncedSearch("");
+			onClear?.();
+			return;
+		}
+		timerRef.current = setTimeout(() => {
+			const current = trim ? searchRef.current.trim() : searchRef.current;
+			if (current.length >= minChars) {
+				setDebouncedSearch(current);
+				onSearch?.(current);
+			} else {
+				setDebouncedSearch("");
+				onClear?.();
+			}
+		}, debounceMs);
+	};
+	useEffect(() => {
+		return () => {
+			clearTimer();
+		};
+	}, []);
+	return {
+		setSearch,
+		search,
+		hasMinChars: search.length >= minChars
+	};
+};
+
+//#endregion
+export { useSearch };
 //# sourceMappingURL=useSearch.mjs.map

package/dist/esm/hooks/useSearch.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useSearch.mjs","names":[],"sources":["../../../src/hooks/useSearch.ts"],"sourcesContent":["'use client';\n\nimport { useEffect, useRef, useState } from 'react';\n\ntype UseSearchProps = {\n  minChars?: number;\n  debounceMs?: number;\n  trim?: boolean;\n  defaultValue?: string | null;\n  onSearch?: (value: string) => void;\n  onClear?: () => void;\n};\n\nexport const useSearch = (options?: UseSearchProps) => {\n  const {\n    minChars = 3,\n    debounceMs = 300,\n    trim = true,\n    defaultValue,\n    onSearch,\n    onClear,\n  } = options ?? {};\n  const searchRef = useRef('');\n  const timerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const [search, setDebouncedSearch] = useState<string>(defaultValue ?? '');\n\n  const clearTimer = () => {\n    if (timerRef.current) {\n      clearTimeout(timerRef.current);\n      timerRef.current = null;\n    }\n  };\n\n  const setSearch = (value: string) => {\n    searchRef.current = value;\n    const normalized = trim ? value.trim() : value;\n\n    clearTimer();\n\n    if (normalized.length < minChars) {\n      setDebouncedSearch('');\n      onClear?.();\n      return;\n    }\n\n    timerRef.current = setTimeout(() => {\n      const current = trim ? searchRef.current.trim() : searchRef.current;\n      if (current.length >= minChars) {\n        setDebouncedSearch(current);\n        onSearch?.(current);\n      } else {\n        setDebouncedSearch('');\n        onClear?.();\n      }\n    }, debounceMs);\n  };\n\n  useEffect(() => {\n    return () => {\n      clearTimer();\n    };\n  }, []);\n\n  const hasMinChars = search.length >= minChars;\n\n  return { setSearch, search, hasMinChars };\n};\n"],"mappings":"yEAaA,MAAa,EAAa,GAA6B,CACrD,GAAM,CACJ,WAAW,EACX,aAAa,IACb,OAAO,GACP,eACA,WACA,WACE,GAAW,EAAE,CACX,EAAY,EAAO,GAAG,CACtB,EAAW,EAA6C,KAAK,CAC7D,CAAC,EAAQ,GAAsB,EAAiB,GAAgB,GAAG,CAEnE,MAAmB,CACvB,AAEE,EAAS,WADT,aAAa,EAAS,QAAQ,CACX,OAoCvB,OARA,UACe,CACX,GAAY,EAEb,EAAE,CAAC,CAIC,CAAE,UAhCU,GAAkB,CACnC,EAAU,QAAU,EACpB,IAAM,EAAa,EAAO,EAAM,MAAM,CAAG,EAIzC,GAFA,GAAY,CAER,EAAW,OAAS,EAAU,CAChC,EAAmB,GAAG,CACtB,KAAW,CACX,OAGF,EAAS,QAAU,eAAiB,CAClC,IAAM,EAAU,EAAO,EAAU,QAAQ,MAAM,CAAG,EAAU,QACxD,EAAQ,QAAU,GACpB,EAAmB,EAAQ,CAC3B,IAAW,EAAQ,GAEnB,EAAmB,GAAG,CACtB,KAAW,GAEZ,EAAW,EAWI,SAAQ,YAFR,EAAO,QAAU,EAEI"}
+{"version":3,"file":"useSearch.mjs","names":[],"sources":["../../../src/hooks/useSearch.ts"],"sourcesContent":["'use client';\n\nimport { useEffect, useRef, useState } from 'react';\n\ntype UseSearchProps = {\n  minChars?: number;\n  debounceMs?: number;\n  trim?: boolean;\n  defaultValue?: string | null;\n  onSearch?: (value: string) => void;\n  onClear?: () => void;\n};\n\nexport const useSearch = (options?: UseSearchProps) => {\n  const {\n    minChars = 3,\n    debounceMs = 300,\n    trim = true,\n    defaultValue,\n    onSearch,\n    onClear,\n  } = options ?? {};\n  const searchRef = useRef('');\n  const timerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const [search, setDebouncedSearch] = useState<string>(defaultValue ?? '');\n\n  const clearTimer = () => {\n    if (timerRef.current) {\n      clearTimeout(timerRef.current);\n      timerRef.current = null;\n    }\n  };\n\n  const setSearch = (value: string) => {\n    searchRef.current = value;\n    const normalized = trim ? value.trim() : value;\n\n    clearTimer();\n\n    if (normalized.length < minChars) {\n      setDebouncedSearch('');\n      onClear?.();\n      return;\n    }\n\n    timerRef.current = setTimeout(() => {\n      const current = trim ? searchRef.current.trim() : searchRef.current;\n      if (current.length >= minChars) {\n        setDebouncedSearch(current);\n        onSearch?.(current);\n      } else {\n        setDebouncedSearch('');\n        onClear?.();\n      }\n    }, debounceMs);\n  };\n\n  useEffect(() => {\n    return () => {\n      clearTimer();\n    };\n  }, []);\n\n  const hasMinChars = search.length >= minChars;\n\n  return { setSearch, search, hasMinChars };\n};\n"],"mappings":";;;;;AAaA,MAAa,aAAa,YAA6B;CACrD,MAAM,EACJ,WAAW,GACX,aAAa,KACb,OAAO,MACP,cACA,UACA,YACE,WAAW,EAAE;CACjB,MAAM,YAAY,OAAO,GAAG;CAC5B,MAAM,WAAW,OAA6C,KAAK;CACnE,MAAM,CAAC,QAAQ,sBAAsB,SAAiB,gBAAgB,GAAG;CAEzE,MAAM,mBAAmB;AACvB,MAAI,SAAS,SAAS;AACpB,gBAAa,SAAS,QAAQ;AAC9B,YAAS,UAAU;;;CAIvB,MAAM,aAAa,UAAkB;AACnC,YAAU,UAAU;EACpB,MAAM,aAAa,OAAO,MAAM,MAAM,GAAG;AAEzC,cAAY;AAEZ,MAAI,WAAW,SAAS,UAAU;AAChC,sBAAmB,GAAG;AACtB,cAAW;AACX;;AAGF,WAAS,UAAU,iBAAiB;GAClC,MAAM,UAAU,OAAO,UAAU,QAAQ,MAAM,GAAG,UAAU;AAC5D,OAAI,QAAQ,UAAU,UAAU;AAC9B,uBAAmB,QAAQ;AAC3B,eAAW,QAAQ;UACd;AACL,uBAAmB,GAAG;AACtB,eAAW;;KAEZ,WAAW;;AAGhB,iBAAgB;AACd,eAAa;AACX,eAAY;;IAEb,EAAE,CAAC;AAIN,QAAO;EAAE;EAAW;EAAQ,aAFR,OAAO,UAAU;EAEI"}

package/dist/esm/hooks/useUser/index.mjs

@@ -1,2 +1,29 @@
-"use client";import{useAuth as e}from"../useAuth/useAuth.mjs";import{useLogout as t}from"../reactQuery.mjs";const n=()=>{let{session:n,revalidateSession:r,setSession:i}=e(),{mutate:a}=t(),o=n?.user?`authenticated`:`unauthenticated`;return{isAuthenticated:o===`authenticated`,isUnauthenticated:o===`unauthenticated`,user:n?.user,revalidateSession:r,logout:async()=>{i(null),a()}}};export{n as useUser};
+'use client';
+
+import { useAuth } from "../useAuth/useAuth.mjs";
+import { useLogout } from "../reactQuery.mjs";
+
+//#region src/hooks/useUser/index.ts
+const useUser = () => {
+	const { session, revalidateSession, setSession } = useAuth();
+	const { mutate: logout } = useLogout();
+	const status = session?.user ? "authenticated" : "unauthenticated";
+	const isAuthenticated = status === "authenticated";
+	const isUnauthenticated = status === "unauthenticated";
+	const user = session?.user;
+	const logoutHandle = async () => {
+		setSession(null);
+		logout();
+	};
+	return {
+		isAuthenticated,
+		isUnauthenticated,
+		user,
+		revalidateSession,
+		logout: logoutHandle
+	};
+};
+
+//#endregion
+export { useUser };
 //# sourceMappingURL=index.mjs.map

package/dist/esm/hooks/useUser/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":[],"sources":["../../../../src/hooks/useUser/index.ts"],"sourcesContent":["'use client';\n\nimport { useLogout } from '../reactQuery';\nimport { useAuth } from '../useAuth';\n\nexport const useUser = () => {\n  const { session, revalidateSession, setSession } = useAuth();\n  const { mutate: logout } = useLogout();\n\n  const status = session?.user ? 'authenticated' : 'unauthenticated';\n\n  const isAuthenticated = status === 'authenticated';\n  const isUnauthenticated = status === 'unauthenticated';\n\n  const user = session?.user;\n\n  const logoutHandle = async () => {\n    setSession(null);\n    logout();\n  };\n\n  return {\n    isAuthenticated,\n    isUnauthenticated,\n    user,\n    revalidateSession,\n    logout: logoutHandle,\n  };\n};\n"],"mappings":"4GAKA,MAAa,MAAgB,CAC3B,GAAM,CAAE,UAAS,oBAAmB,cAAe,GAAS,CACtD,CAAE,OAAQ,GAAW,GAAW,CAEhC,EAAS,GAAS,KAAO,gBAAkB,kBAYjD,MAAO,CACL,gBAXsB,IAAW,gBAYjC,kBAXwB,IAAW,kBAYnC,KAVW,GAAS,KAWpB,oBACA,OAVmB,SAAY,CAC/B,EAAW,KAAK,CAChB,GAAQ,EAST"}
+{"version":3,"file":"index.mjs","names":[],"sources":["../../../../src/hooks/useUser/index.ts"],"sourcesContent":["'use client';\n\nimport { useLogout } from '../reactQuery';\nimport { useAuth } from '../useAuth';\n\nexport const useUser = () => {\n  const { session, revalidateSession, setSession } = useAuth();\n  const { mutate: logout } = useLogout();\n\n  const status = session?.user ? 'authenticated' : 'unauthenticated';\n\n  const isAuthenticated = status === 'authenticated';\n  const isUnauthenticated = status === 'unauthenticated';\n\n  const user = session?.user;\n\n  const logoutHandle = async () => {\n    setSession(null);\n    logout();\n  };\n\n  return {\n    isAuthenticated,\n    isUnauthenticated,\n    user,\n    revalidateSession,\n    logout: logoutHandle,\n  };\n};\n"],"mappings":";;;;;;AAKA,MAAa,gBAAgB;CAC3B,MAAM,EAAE,SAAS,mBAAmB,eAAe,SAAS;CAC5D,MAAM,EAAE,QAAQ,WAAW,WAAW;CAEtC,MAAM,SAAS,SAAS,OAAO,kBAAkB;CAEjD,MAAM,kBAAkB,WAAW;CACnC,MAAM,oBAAoB,WAAW;CAErC,MAAM,OAAO,SAAS;CAEtB,MAAM,eAAe,YAAY;AAC/B,aAAW,KAAK;AAChB,UAAQ;;AAGV,QAAO;EACL;EACA;EACA;EACA;EACA,QAAQ;EACT"}