lkd-web-kit 0.2.5 → 0.2.6

package/dist/index.d.ts

@@ -91,7 +91,6 @@ export declare type FetchNextPageOnScrollOptions = {
         data: unknown[];
     }, number>, Error>;
     scrollRef?: RefObject<HTMLElement | null>;
-    disabled?: boolean;
 };
 
 export declare const Form: <T extends FieldValues, TContext = any, TT extends T = T>({ methods, onSubmit, onSubmitError, ...rest }: FormProps<T, TContext, TT>) => JSX.Element;
@@ -470,7 +469,7 @@ export declare type TSearchParams = {
 
 export declare const useBreakpoint: (breakpoint: keyof typeof breakpointsWithPx) => boolean;
 
-export declare const useFetchNextPageOnScroll: ({ infinity, scrollRef: scrollRef, disabled, }: FetchNextPageOnScrollOptions) => void;
+export declare const useFetchNextPageOnScroll: ({ infinity, scrollRef }: FetchNextPageOnScrollOptions) => void;
 
 /**
  * Hook para usar el historial de navegación

package/dist/src/hooks/useFetchNextPageOnScroll.cjs

@@ -1,2 +1,2 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react"),o=require("./useOnScrollProgress.cjs"),l=({infinity:e,scrollRef:t,disabled:c=!1})=>{o.useOnScrollProgress(.9,()=>{e.hasNextPage&&!c&&e.fetchNextPage()},t),s.useEffect(()=>{const r=t?.current??document.documentElement;!(r.scrollHeight>r.clientHeight)&&e.hasNextPage&&!c&&e.fetchNextPage()},[e.data,t,c])};exports.useFetchNextPageOnScroll=l;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react"),s=require("./useOnScrollProgress.cjs"),a=({infinity:e,scrollRef:t})=>{s.useOnScrollProgress(.9,()=>{e.hasNextPage&&e.fetchNextPage()},t),r.useEffect(()=>{if(t&&t.current===null)return;const c=t?.current??document.documentElement;!(c.scrollHeight>c.clientHeight)&&e.hasNextPage&&e.fetchNextPage()},[e.data,t,e.hasNextPage])};exports.useFetchNextPageOnScroll=a;
 //# sourceMappingURL=useFetchNextPageOnScroll.cjs.map

package/dist/src/hooks/useFetchNextPageOnScroll.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useFetchNextPageOnScroll.cjs","sources":["../../../src/hooks/useFetchNextPageOnScroll.ts"],"sourcesContent":["'use client';\r\nimport { InfiniteData } from '@tanstack/react-query';\r\nimport { RefObject, useEffect } from 'react';\r\nimport { InfiniteQueryHookResult } from 'react-query-kit';\r\nimport { useOnScrollProgress } from './useOnScrollProgress';\r\n\r\nexport type FetchNextPageOnScrollOptions = {\r\n  infinity: InfiniteQueryHookResult<InfiniteData<{ data: unknown[] }, number>, Error>;\r\n  scrollRef?: RefObject<HTMLElement | null>;\r\n  disabled?: boolean;\r\n};\r\n\r\nexport const useFetchNextPageOnScroll = ({\r\n  infinity,\r\n  scrollRef: scrollRef,\r\n  disabled = false,\r\n}: FetchNextPageOnScrollOptions) => {\r\n  useOnScrollProgress(\r\n    0.9,\r\n    () => {\r\n      if (infinity.hasNextPage && !disabled) infinity.fetchNextPage();\r\n    },\r\n    scrollRef,\r\n  );\r\n\r\n  useEffect(() => {\r\n    const el = scrollRef?.current;\r\n    const scrollTarget = el ?? document.documentElement;\r\n\r\n    const hasScroll = scrollTarget.scrollHeight > scrollTarget.clientHeight;\r\n\r\n    if (!hasScroll && infinity.hasNextPage && !disabled) infinity.fetchNextPage();\r\n  }, [infinity.data, scrollRef, disabled]);\r\n};\r\n"],"names":["useFetchNextPageOnScroll","infinity","scrollRef","disabled","useOnScrollProgress","useEffect","scrollTarget"],"mappings":"6JAYaA,EAA2B,CAAC,CACvC,SAAAC,EACA,UAAAC,EACA,SAAAC,EAAW,EACb,IAAoC,CAClCC,EAAA,oBACE,GACA,IAAM,CACAH,EAAS,aAAe,CAACE,KAAmB,cAAc,CAChE,EACAD,CACF,EAEAG,EAAAA,UAAU,IAAM,CAER,MAAAC,EADKJ,GAAW,SACK,SAAS,gBAIhC,EAFcI,EAAa,aAAeA,EAAa,eAEzCL,EAAS,aAAe,CAACE,KAAmB,cAAc,GAC3E,CAACF,EAAS,KAAMC,EAAWC,CAAQ,CAAC,CACzC"}
+{"version":3,"file":"useFetchNextPageOnScroll.cjs","sources":["../../../src/hooks/useFetchNextPageOnScroll.ts"],"sourcesContent":["'use client';\r\nimport { InfiniteData } from '@tanstack/react-query';\r\nimport { RefObject, useEffect } from 'react';\r\nimport { InfiniteQueryHookResult } from 'react-query-kit';\r\nimport { useOnScrollProgress } from './useOnScrollProgress';\r\n\r\nexport type FetchNextPageOnScrollOptions = {\r\n  infinity: InfiniteQueryHookResult<InfiniteData<{ data: unknown[] }, number>, Error>;\r\n  scrollRef?: RefObject<HTMLElement | null>;\r\n};\r\n\r\nexport const useFetchNextPageOnScroll = ({ infinity, scrollRef }: FetchNextPageOnScrollOptions) => {\r\n  useOnScrollProgress(\r\n    0.9,\r\n    () => {\r\n      if (infinity.hasNextPage) infinity.fetchNextPage();\r\n    },\r\n    scrollRef,\r\n  );\r\n\r\n  useEffect(() => {\r\n    // Si scrollRef está definido pero current es null, desactivamos el comportamiento\r\n    if (scrollRef && scrollRef.current === null) {\r\n      return;\r\n    }\r\n\r\n    const el = scrollRef?.current;\r\n    const scrollTarget = el ?? document.documentElement;\r\n\r\n    const hasScroll = scrollTarget.scrollHeight > scrollTarget.clientHeight;\r\n\r\n    if (!hasScroll && infinity.hasNextPage) infinity.fetchNextPage();\r\n  }, [infinity.data, scrollRef, infinity.hasNextPage]);\r\n};\r\n"],"names":["useFetchNextPageOnScroll","infinity","scrollRef","useOnScrollProgress","useEffect","scrollTarget"],"mappings":"6JAWaA,EAA2B,CAAC,CAAE,SAAAC,EAAU,UAAAC,KAA8C,CACjGC,EAAA,oBACE,GACA,IAAM,CACAF,EAAS,aAAaA,EAAS,cAAc,CACnD,EACAC,CACF,EAEAE,EAAAA,UAAU,IAAM,CAEV,GAAAF,GAAaA,EAAU,UAAY,KACrC,OAII,MAAAG,EADKH,GAAW,SACK,SAAS,gBAIhC,EAFcG,EAAa,aAAeA,EAAa,eAEzCJ,EAAS,eAAsB,cAAc,CAAA,EAC9D,CAACA,EAAS,KAAMC,EAAWD,EAAS,WAAW,CAAC,CACrD"}

package/dist/src/hooks/useFetchNextPageOnScroll.mjs

@@ -1,23 +1,21 @@
 "use client";
 import { useEffect as r } from "react";
-import { useOnScrollProgress as s } from "./useOnScrollProgress.mjs";
-const m = ({
-  infinity: e,
-  scrollRef: t,
-  disabled: c = !1
-}) => {
-  s(
+import { useOnScrollProgress as a } from "./useOnScrollProgress.mjs";
+const h = ({ infinity: e, scrollRef: t }) => {
+  a(
     0.9,
     () => {
-      e.hasNextPage && !c && e.fetchNextPage();
+      e.hasNextPage && e.fetchNextPage();
     },
     t
   ), r(() => {
-    const o = t?.current ?? document.documentElement;
-    !(o.scrollHeight > o.clientHeight) && e.hasNextPage && !c && e.fetchNextPage();
-  }, [e.data, t, c]);
+    if (t && t.current === null)
+      return;
+    const c = t?.current ?? document.documentElement;
+    !(c.scrollHeight > c.clientHeight) && e.hasNextPage && e.fetchNextPage();
+  }, [e.data, t, e.hasNextPage]);
 };
 export {
-  m as useFetchNextPageOnScroll
+  h as useFetchNextPageOnScroll
 };
 //# sourceMappingURL=useFetchNextPageOnScroll.mjs.map

package/dist/src/hooks/useFetchNextPageOnScroll.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useFetchNextPageOnScroll.mjs","sources":["../../../src/hooks/useFetchNextPageOnScroll.ts"],"sourcesContent":["'use client';\r\nimport { InfiniteData } from '@tanstack/react-query';\r\nimport { RefObject, useEffect } from 'react';\r\nimport { InfiniteQueryHookResult } from 'react-query-kit';\r\nimport { useOnScrollProgress } from './useOnScrollProgress';\r\n\r\nexport type FetchNextPageOnScrollOptions = {\r\n  infinity: InfiniteQueryHookResult<InfiniteData<{ data: unknown[] }, number>, Error>;\r\n  scrollRef?: RefObject<HTMLElement | null>;\r\n  disabled?: boolean;\r\n};\r\n\r\nexport const useFetchNextPageOnScroll = ({\r\n  infinity,\r\n  scrollRef: scrollRef,\r\n  disabled = false,\r\n}: FetchNextPageOnScrollOptions) => {\r\n  useOnScrollProgress(\r\n    0.9,\r\n    () => {\r\n      if (infinity.hasNextPage && !disabled) infinity.fetchNextPage();\r\n    },\r\n    scrollRef,\r\n  );\r\n\r\n  useEffect(() => {\r\n    const el = scrollRef?.current;\r\n    const scrollTarget = el ?? document.documentElement;\r\n\r\n    const hasScroll = scrollTarget.scrollHeight > scrollTarget.clientHeight;\r\n\r\n    if (!hasScroll && infinity.hasNextPage && !disabled) infinity.fetchNextPage();\r\n  }, [infinity.data, scrollRef, disabled]);\r\n};\r\n"],"names":["useFetchNextPageOnScroll","infinity","scrollRef","disabled","useOnScrollProgress","useEffect","scrollTarget"],"mappings":";;;AAYO,MAAMA,IAA2B,CAAC;AAAA,EACvC,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC,IAAW;AACb,MAAoC;AAClC,EAAAC;AAAA,IACE;AAAA,IACA,MAAM;AACJ,MAAIH,EAAS,eAAe,CAACE,OAAmB,cAAc;AAAA,IAChE;AAAA,IACAD;AAAA,EACF,GAEAG,EAAU,MAAM;AAER,UAAAC,IADKJ,GAAW,WACK,SAAS;AAIpC,IAAI,EAFcI,EAAa,eAAeA,EAAa,iBAEzCL,EAAS,eAAe,CAACE,OAAmB,cAAc;AAAA,KAC3E,CAACF,EAAS,MAAMC,GAAWC,CAAQ,CAAC;AACzC;"}
+{"version":3,"file":"useFetchNextPageOnScroll.mjs","sources":["../../../src/hooks/useFetchNextPageOnScroll.ts"],"sourcesContent":["'use client';\r\nimport { InfiniteData } from '@tanstack/react-query';\r\nimport { RefObject, useEffect } from 'react';\r\nimport { InfiniteQueryHookResult } from 'react-query-kit';\r\nimport { useOnScrollProgress } from './useOnScrollProgress';\r\n\r\nexport type FetchNextPageOnScrollOptions = {\r\n  infinity: InfiniteQueryHookResult<InfiniteData<{ data: unknown[] }, number>, Error>;\r\n  scrollRef?: RefObject<HTMLElement | null>;\r\n};\r\n\r\nexport const useFetchNextPageOnScroll = ({ infinity, scrollRef }: FetchNextPageOnScrollOptions) => {\r\n  useOnScrollProgress(\r\n    0.9,\r\n    () => {\r\n      if (infinity.hasNextPage) infinity.fetchNextPage();\r\n    },\r\n    scrollRef,\r\n  );\r\n\r\n  useEffect(() => {\r\n    // Si scrollRef está definido pero current es null, desactivamos el comportamiento\r\n    if (scrollRef && scrollRef.current === null) {\r\n      return;\r\n    }\r\n\r\n    const el = scrollRef?.current;\r\n    const scrollTarget = el ?? document.documentElement;\r\n\r\n    const hasScroll = scrollTarget.scrollHeight > scrollTarget.clientHeight;\r\n\r\n    if (!hasScroll && infinity.hasNextPage) infinity.fetchNextPage();\r\n  }, [infinity.data, scrollRef, infinity.hasNextPage]);\r\n};\r\n"],"names":["useFetchNextPageOnScroll","infinity","scrollRef","useOnScrollProgress","useEffect","scrollTarget"],"mappings":";;;AAWO,MAAMA,IAA2B,CAAC,EAAE,UAAAC,GAAU,WAAAC,QAA8C;AACjG,EAAAC;AAAA,IACE;AAAA,IACA,MAAM;AACA,MAAAF,EAAS,eAAaA,EAAS,cAAc;AAAA,IACnD;AAAA,IACAC;AAAA,EACF,GAEAE,EAAU,MAAM;AAEV,QAAAF,KAAaA,EAAU,YAAY;AACrC;AAII,UAAAG,IADKH,GAAW,WACK,SAAS;AAIpC,IAAI,EAFcG,EAAa,eAAeA,EAAa,iBAEzCJ,EAAS,iBAAsB,cAAc;AAAA,EAAA,GAC9D,CAACA,EAAS,MAAMC,GAAWD,EAAS,WAAW,CAAC;AACrD;"}

package/dist/src/hooks/useOnScrollProgress.cjs

@@ -1,2 +1,2 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react"),h=(e,s,o)=>{if(e<0||e>1)throw new Error("El porcentaje debe estar entre 0 y 1");a.useEffect(()=>{let l=!1;const t=()=>{const c=o?.current,r=c??document.documentElement,i=r.scrollHeight-r.clientHeight,u=c?r.scrollTop:window.scrollY,d=i>0?Math.min(1,u/i):0;!l&&d>=e&&(s(),l=!0)},n=o?.current??window;return n.addEventListener("scroll",t),t(),()=>{n.removeEventListener("scroll",t)}},[e,s,o])};exports.useOnScrollProgress=h;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react"),h=(t,n,e)=>{if(t<0||t>1)throw new Error("El porcentaje debe estar entre 0 y 1");a.useEffect(()=>{if(e&&e.current===null)return;let s=!1;const r=()=>{const c=e?.current,o=c??document.documentElement,u=o.scrollHeight-o.clientHeight,i=c?o.scrollTop:window.scrollY,d=u>0?Math.min(1,i/u):0;!s&&d>=t&&(n(),s=!0)},l=e?.current??window;return l.addEventListener("scroll",r),r(),()=>{l.removeEventListener("scroll",r)}},[t,n,e])};exports.useOnScrollProgress=h;
 //# sourceMappingURL=useOnScrollProgress.cjs.map

package/dist/src/hooks/useOnScrollProgress.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useOnScrollProgress.cjs","sources":["../../../src/hooks/useOnScrollProgress.ts"],"sourcesContent":["'use client';\r\nimport { RefObject, useEffect } from 'react';\r\n\r\nexport const useOnScrollProgress = (\r\n  triggerPercentage: number,\r\n  callback: () => void,\r\n  scrollRef?: RefObject<HTMLElement | null>,\r\n): void => {\r\n  if (triggerPercentage < 0 || triggerPercentage > 1) {\r\n    throw new Error('El porcentaje debe estar entre 0 y 1');\r\n  }\r\n\r\n  useEffect(() => {\r\n    let hasTriggered = false;\r\n\r\n    const handleScroll = () => {\r\n      const el = scrollRef?.current;\r\n      const target = el ?? document.documentElement;\r\n\r\n      const scrollHeight = target.scrollHeight - target.clientHeight;\r\n      const scrollTop = el ? target.scrollTop : window.scrollY;\r\n\r\n      const scrollProgress = scrollHeight > 0 ? Math.min(1, scrollTop / scrollHeight) : 0;\r\n\r\n      if (!hasTriggered && scrollProgress >= triggerPercentage) {\r\n        callback();\r\n        hasTriggered = true;\r\n      }\r\n    };\r\n\r\n    const scrollTarget = scrollRef?.current ?? window;\r\n    scrollTarget.addEventListener('scroll', handleScroll);\r\n    handleScroll();\r\n\r\n    return () => {\r\n      scrollTarget.removeEventListener('scroll', handleScroll);\r\n    };\r\n  }, [triggerPercentage, callback, scrollRef]);\r\n};\r\n"],"names":["useOnScrollProgress","triggerPercentage","callback","scrollRef","useEffect","hasTriggered","handleScroll","el","target","scrollHeight","scrollTop","scrollProgress","scrollTarget"],"mappings":"sHAGaA,EAAsB,CACjCC,EACAC,EACAC,IACS,CACL,GAAAF,EAAoB,GAAKA,EAAoB,EACzC,MAAA,IAAI,MAAM,sCAAsC,EAGxDG,EAAAA,UAAU,IAAM,CACd,IAAIC,EAAe,GAEnB,MAAMC,EAAe,IAAM,CACzB,MAAMC,EAAKJ,GAAW,QAChBK,EAASD,GAAM,SAAS,gBAExBE,EAAeD,EAAO,aAAeA,EAAO,aAC5CE,EAAYH,EAAKC,EAAO,UAAY,OAAO,QAE3CG,EAAiBF,EAAe,EAAI,KAAK,IAAI,EAAGC,EAAYD,CAAY,EAAI,EAE9E,CAACJ,GAAgBM,GAAkBV,IAC5BC,EAAA,EACMG,EAAA,GAEnB,EAEMO,EAAeT,GAAW,SAAW,OAC9B,OAAAS,EAAA,iBAAiB,SAAUN,CAAY,EACvCA,EAAA,EAEN,IAAM,CACEM,EAAA,oBAAoB,SAAUN,CAAY,CACzD,CACC,EAAA,CAACL,EAAmBC,EAAUC,CAAS,CAAC,CAC7C"}
+{"version":3,"file":"useOnScrollProgress.cjs","sources":["../../../src/hooks/useOnScrollProgress.ts"],"sourcesContent":["'use client';\r\nimport { RefObject, useEffect } from 'react';\r\n\r\nexport const useOnScrollProgress = (\r\n  triggerPercentage: number,\r\n  callback: () => void,\r\n  scrollRef?: RefObject<HTMLElement | null>,\r\n): void => {\r\n  if (triggerPercentage < 0 || triggerPercentage > 1) {\r\n    throw new Error('El porcentaje debe estar entre 0 y 1');\r\n  }\r\n\r\n  useEffect(() => {\r\n    // Si scrollRef está definido pero current es null, desactivamos el comportamiento\r\n    if (scrollRef && scrollRef.current === null) {\r\n      return;\r\n    }\r\n\r\n    let hasTriggered = false;\r\n\r\n    const handleScroll = () => {\r\n      const el = scrollRef?.current;\r\n      const target = el ?? document.documentElement;\r\n\r\n      const scrollHeight = target.scrollHeight - target.clientHeight;\r\n      const scrollTop = el ? target.scrollTop : window.scrollY;\r\n\r\n      const scrollProgress = scrollHeight > 0 ? Math.min(1, scrollTop / scrollHeight) : 0;\r\n\r\n      if (!hasTriggered && scrollProgress >= triggerPercentage) {\r\n        callback();\r\n        hasTriggered = true;\r\n      }\r\n    };\r\n\r\n    const scrollTarget = scrollRef?.current ?? window;\r\n    scrollTarget.addEventListener('scroll', handleScroll);\r\n    handleScroll();\r\n\r\n    return () => {\r\n      scrollTarget.removeEventListener('scroll', handleScroll);\r\n    };\r\n  }, [triggerPercentage, callback, scrollRef]);\r\n};\r\n"],"names":["useOnScrollProgress","triggerPercentage","callback","scrollRef","useEffect","hasTriggered","handleScroll","el","target","scrollHeight","scrollTop","scrollProgress","scrollTarget"],"mappings":"sHAGaA,EAAsB,CACjCC,EACAC,EACAC,IACS,CACL,GAAAF,EAAoB,GAAKA,EAAoB,EACzC,MAAA,IAAI,MAAM,sCAAsC,EAGxDG,EAAAA,UAAU,IAAM,CAEV,GAAAD,GAAaA,EAAU,UAAY,KACrC,OAGF,IAAIE,EAAe,GAEnB,MAAMC,EAAe,IAAM,CACzB,MAAMC,EAAKJ,GAAW,QAChBK,EAASD,GAAM,SAAS,gBAExBE,EAAeD,EAAO,aAAeA,EAAO,aAC5CE,EAAYH,EAAKC,EAAO,UAAY,OAAO,QAE3CG,EAAiBF,EAAe,EAAI,KAAK,IAAI,EAAGC,EAAYD,CAAY,EAAI,EAE9E,CAACJ,GAAgBM,GAAkBV,IAC5BC,EAAA,EACMG,EAAA,GAEnB,EAEMO,EAAeT,GAAW,SAAW,OAC9B,OAAAS,EAAA,iBAAiB,SAAUN,CAAY,EACvCA,EAAA,EAEN,IAAM,CACEM,EAAA,oBAAoB,SAAUN,CAAY,CACzD,CACC,EAAA,CAACL,EAAmBC,EAAUC,CAAS,CAAC,CAC7C"}

package/dist/src/hooks/useOnScrollProgress.mjs

@@ -1,18 +1,20 @@
 "use client";
 import { useEffect as h } from "react";
-const w = (o, s, e) => {
-  if (o < 0 || o > 1)
+const w = (e, n, t) => {
+  if (e < 0 || e > 1)
     throw new Error("El porcentaje debe estar entre 0 y 1");
   h(() => {
-    let n = !1;
-    const t = () => {
-      const c = e?.current, r = c ?? document.documentElement, i = r.scrollHeight - r.clientHeight, d = c ? r.scrollTop : window.scrollY, u = i > 0 ? Math.min(1, d / i) : 0;
-      !n && u >= o && (s(), n = !0);
-    }, l = e?.current ?? window;
-    return l.addEventListener("scroll", t), t(), () => {
-      l.removeEventListener("scroll", t);
+    if (t && t.current === null)
+      return;
+    let s = !1;
+    const o = () => {
+      const c = t?.current, r = c ?? document.documentElement, i = r.scrollHeight - r.clientHeight, u = c ? r.scrollTop : window.scrollY, d = i > 0 ? Math.min(1, u / i) : 0;
+      !s && d >= e && (n(), s = !0);
+    }, l = t?.current ?? window;
+    return l.addEventListener("scroll", o), o(), () => {
+      l.removeEventListener("scroll", o);
     };
-  }, [o, s, e]);
+  }, [e, n, t]);
 };
 export {
   w as useOnScrollProgress

package/dist/src/hooks/useOnScrollProgress.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useOnScrollProgress.mjs","sources":["../../../src/hooks/useOnScrollProgress.ts"],"sourcesContent":["'use client';\r\nimport { RefObject, useEffect } from 'react';\r\n\r\nexport const useOnScrollProgress = (\r\n  triggerPercentage: number,\r\n  callback: () => void,\r\n  scrollRef?: RefObject<HTMLElement | null>,\r\n): void => {\r\n  if (triggerPercentage < 0 || triggerPercentage > 1) {\r\n    throw new Error('El porcentaje debe estar entre 0 y 1');\r\n  }\r\n\r\n  useEffect(() => {\r\n    let hasTriggered = false;\r\n\r\n    const handleScroll = () => {\r\n      const el = scrollRef?.current;\r\n      const target = el ?? document.documentElement;\r\n\r\n      const scrollHeight = target.scrollHeight - target.clientHeight;\r\n      const scrollTop = el ? target.scrollTop : window.scrollY;\r\n\r\n      const scrollProgress = scrollHeight > 0 ? Math.min(1, scrollTop / scrollHeight) : 0;\r\n\r\n      if (!hasTriggered && scrollProgress >= triggerPercentage) {\r\n        callback();\r\n        hasTriggered = true;\r\n      }\r\n    };\r\n\r\n    const scrollTarget = scrollRef?.current ?? window;\r\n    scrollTarget.addEventListener('scroll', handleScroll);\r\n    handleScroll();\r\n\r\n    return () => {\r\n      scrollTarget.removeEventListener('scroll', handleScroll);\r\n    };\r\n  }, [triggerPercentage, callback, scrollRef]);\r\n};\r\n"],"names":["useOnScrollProgress","triggerPercentage","callback","scrollRef","useEffect","hasTriggered","handleScroll","el","target","scrollHeight","scrollTop","scrollProgress","scrollTarget"],"mappings":";;AAGO,MAAMA,IAAsB,CACjCC,GACAC,GACAC,MACS;AACL,MAAAF,IAAoB,KAAKA,IAAoB;AACzC,UAAA,IAAI,MAAM,sCAAsC;AAGxD,EAAAG,EAAU,MAAM;AACd,QAAIC,IAAe;AAEnB,UAAMC,IAAe,MAAM;AACzB,YAAMC,IAAKJ,GAAW,SAChBK,IAASD,KAAM,SAAS,iBAExBE,IAAeD,EAAO,eAAeA,EAAO,cAC5CE,IAAYH,IAAKC,EAAO,YAAY,OAAO,SAE3CG,IAAiBF,IAAe,IAAI,KAAK,IAAI,GAAGC,IAAYD,CAAY,IAAI;AAE9E,MAAA,CAACJ,KAAgBM,KAAkBV,MAC5BC,EAAA,GACMG,IAAA;AAAA,IAEnB,GAEMO,IAAeT,GAAW,WAAW;AAC9B,WAAAS,EAAA,iBAAiB,UAAUN,CAAY,GACvCA,EAAA,GAEN,MAAM;AACE,MAAAM,EAAA,oBAAoB,UAAUN,CAAY;AAAA,IACzD;AAAA,EACC,GAAA,CAACL,GAAmBC,GAAUC,CAAS,CAAC;AAC7C;"}
+{"version":3,"file":"useOnScrollProgress.mjs","sources":["../../../src/hooks/useOnScrollProgress.ts"],"sourcesContent":["'use client';\r\nimport { RefObject, useEffect } from 'react';\r\n\r\nexport const useOnScrollProgress = (\r\n  triggerPercentage: number,\r\n  callback: () => void,\r\n  scrollRef?: RefObject<HTMLElement | null>,\r\n): void => {\r\n  if (triggerPercentage < 0 || triggerPercentage > 1) {\r\n    throw new Error('El porcentaje debe estar entre 0 y 1');\r\n  }\r\n\r\n  useEffect(() => {\r\n    // Si scrollRef está definido pero current es null, desactivamos el comportamiento\r\n    if (scrollRef && scrollRef.current === null) {\r\n      return;\r\n    }\r\n\r\n    let hasTriggered = false;\r\n\r\n    const handleScroll = () => {\r\n      const el = scrollRef?.current;\r\n      const target = el ?? document.documentElement;\r\n\r\n      const scrollHeight = target.scrollHeight - target.clientHeight;\r\n      const scrollTop = el ? target.scrollTop : window.scrollY;\r\n\r\n      const scrollProgress = scrollHeight > 0 ? Math.min(1, scrollTop / scrollHeight) : 0;\r\n\r\n      if (!hasTriggered && scrollProgress >= triggerPercentage) {\r\n        callback();\r\n        hasTriggered = true;\r\n      }\r\n    };\r\n\r\n    const scrollTarget = scrollRef?.current ?? window;\r\n    scrollTarget.addEventListener('scroll', handleScroll);\r\n    handleScroll();\r\n\r\n    return () => {\r\n      scrollTarget.removeEventListener('scroll', handleScroll);\r\n    };\r\n  }, [triggerPercentage, callback, scrollRef]);\r\n};\r\n"],"names":["useOnScrollProgress","triggerPercentage","callback","scrollRef","useEffect","hasTriggered","handleScroll","el","target","scrollHeight","scrollTop","scrollProgress","scrollTarget"],"mappings":";;AAGO,MAAMA,IAAsB,CACjCC,GACAC,GACAC,MACS;AACL,MAAAF,IAAoB,KAAKA,IAAoB;AACzC,UAAA,IAAI,MAAM,sCAAsC;AAGxD,EAAAG,EAAU,MAAM;AAEV,QAAAD,KAAaA,EAAU,YAAY;AACrC;AAGF,QAAIE,IAAe;AAEnB,UAAMC,IAAe,MAAM;AACzB,YAAMC,IAAKJ,GAAW,SAChBK,IAASD,KAAM,SAAS,iBAExBE,IAAeD,EAAO,eAAeA,EAAO,cAC5CE,IAAYH,IAAKC,EAAO,YAAY,OAAO,SAE3CG,IAAiBF,IAAe,IAAI,KAAK,IAAI,GAAGC,IAAYD,CAAY,IAAI;AAE9E,MAAA,CAACJ,KAAgBM,KAAkBV,MAC5BC,EAAA,GACMG,IAAA;AAAA,IAEnB,GAEMO,IAAeT,GAAW,WAAW;AAC9B,WAAAS,EAAA,iBAAiB,UAAUN,CAAY,GACvCA,EAAA,GAEN,MAAM;AACE,MAAAM,EAAA,oBAAoB,UAAUN,CAAY;AAAA,IACzD;AAAA,EACC,GAAA,CAACL,GAAmBC,GAAUC,CAAS,CAAC;AAC7C;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "lkd-web-kit",
-  "version": "0.2.5",
+  "version": "0.2.6",
   "description": "A template for creating React component libraries with Vite.",
   "author": "LKD",
   "license": "MIT",