lkd-web-kit 0.2.5 → 0.2.7

package/dist/index.d.ts

@@ -371,6 +371,13 @@ export declare const nullableButRequired: <T extends ZodTypeAny>(schema: T, mess
 
 export declare const numberToTimeInput: (number: number) => string;
 
+export declare type OnScrollProgressOptions = {
+    triggerPercentage: number;
+    callback: () => void;
+    scrollRef?: RefObject<HTMLElement | null>;
+    disabled?: boolean;
+};
+
 export declare const optionalButRequired: <T extends ZodTypeAny>(schema: T, message?: string) => z.ZodEffects<z.ZodOptional<T>, T["_output"] | undefined, T["_input"] | undefined>;
 
 export declare const PageDataProvider: ({ value, children }: PageDataProviderProps) => JSX.Element;
@@ -470,7 +477,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, disabled, }: FetchNextPageOnScrollOptions) => void;
 
 /**
  * Hook para usar el historial de navegación
@@ -478,7 +485,7 @@ export declare const useFetchNextPageOnScroll: ({ infinity, scrollRef: scrollRef
  */
 export declare function useNavigationHistory(): NavigationHistoryHook;
 
-export declare const useOnScrollProgress: (triggerPercentage: number, callback: () => void, scrollRef?: RefObject<HTMLElement | null>) => void;
+export declare const useOnScrollProgress: ({ triggerPercentage, callback, scrollRef, disabled, }: OnScrollProgressOptions) => void;
 
 export declare const usePageData: <T>() => T;
 

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 a=require("react"),s=require("./useOnScrollProgress.cjs"),l=({infinity:e,scrollRef:t,disabled:c=!1})=>{s.useOnScrollProgress({triggerPercentage:.9,callback:()=>{e.hasNextPage&&e.fetchNextPage()},scrollRef:t,disabled:c}),a.useEffect(()=>{if(c||t&&t.current===null)return;const r=t?.current??document.documentElement;!(r.scrollHeight>r.clientHeight)&&e.hasNextPage&&e.fetchNextPage()},[e.data,t,e.hasNextPage,c])};exports.useFetchNextPageOnScroll=l;
 //# 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  disabled?: boolean;\r\n};\r\n\r\nexport const useFetchNextPageOnScroll = ({\r\n  infinity,\r\n  scrollRef,\r\n  disabled = false,\r\n}: FetchNextPageOnScrollOptions) => {\r\n  useOnScrollProgress({\r\n    triggerPercentage: 0.9,\r\n    callback: () => {\r\n      if (infinity.hasNextPage) infinity.fetchNextPage();\r\n    },\r\n    scrollRef,\r\n    disabled,\r\n  });\r\n\r\n  useEffect(() => {\r\n    // Si está deshabilitado o scrollRef está definido pero current es null, desactivamos el comportamiento\r\n    if (disabled || (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, 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,CACdC,sBAAA,CAClB,kBAAmB,GACnB,SAAU,IAAM,CACVH,EAAS,aAAaA,EAAS,cAAc,CACnD,EACA,UAAAC,EACA,SAAAC,CAAA,CACD,EAEDE,EAAAA,UAAU,IAAM,CAEd,GAAIF,GAAaD,GAAaA,EAAU,UAAY,KAClD,OAII,MAAAI,EADKJ,GAAW,SACK,SAAS,gBAIhC,EAFcI,EAAa,aAAeA,EAAa,eAEzCL,EAAS,eAAsB,cAAc,CAAA,EAC9D,CAACA,EAAS,KAAMC,EAAWD,EAAS,YAAaE,CAAQ,CAAC,CAC/D"}

package/dist/src/hooks/useFetchNextPageOnScroll.mjs

@@ -1,23 +1,26 @@
 "use client";
-import { useEffect as r } from "react";
-import { useOnScrollProgress as s } from "./useOnScrollProgress.mjs";
-const m = ({
+import { useEffect as a } from "react";
+import { useOnScrollProgress as o } from "./useOnScrollProgress.mjs";
+const u = ({
   infinity: e,
   scrollRef: t,
   disabled: c = !1
 }) => {
-  s(
-    0.9,
-    () => {
-      e.hasNextPage && !c && e.fetchNextPage();
+  o({
+    triggerPercentage: 0.9,
+    callback: () => {
+      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]);
+    scrollRef: t,
+    disabled: c
+  }), a(() => {
+    if (c || t && t.current === null)
+      return;
+    const r = t?.current ?? document.documentElement;
+    !(r.scrollHeight > r.clientHeight) && e.hasNextPage && e.fetchNextPage();
+  }, [e.data, t, e.hasNextPage, c]);
 };
 export {
-  m as useFetchNextPageOnScroll
+  u 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  disabled?: boolean;\r\n};\r\n\r\nexport const useFetchNextPageOnScroll = ({\r\n  infinity,\r\n  scrollRef,\r\n  disabled = false,\r\n}: FetchNextPageOnScrollOptions) => {\r\n  useOnScrollProgress({\r\n    triggerPercentage: 0.9,\r\n    callback: () => {\r\n      if (infinity.hasNextPage) infinity.fetchNextPage();\r\n    },\r\n    scrollRef,\r\n    disabled,\r\n  });\r\n\r\n  useEffect(() => {\r\n    // Si está deshabilitado o scrollRef está definido pero current es null, desactivamos el comportamiento\r\n    if (disabled || (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, 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;AACd,EAAAC,EAAA;AAAA,IAClB,mBAAmB;AAAA,IACnB,UAAU,MAAM;AACV,MAAAH,EAAS,eAAaA,EAAS,cAAc;AAAA,IACnD;AAAA,IACA,WAAAC;AAAA,IACA,UAAAC;AAAA,EAAA,CACD,GAEDE,EAAU,MAAM;AAEd,QAAIF,KAAaD,KAAaA,EAAU,YAAY;AAClD;AAII,UAAAI,IADKJ,GAAW,WACK,SAAS;AAIpC,IAAI,EAFcI,EAAa,eAAeA,EAAa,iBAEzCL,EAAS,iBAAsB,cAAc;AAAA,EAAA,GAC9D,CAACA,EAAS,MAAMC,GAAWD,EAAS,aAAaE,CAAQ,CAAC;AAC/D;"}

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 h=require("react"),m=({triggerPercentage:t,callback:n,scrollRef:e,disabled:s=!1})=>{if(t<0||t>1)throw new Error("El porcentaje debe estar entre 0 y 1");h.useEffect(()=>{if(s||e&&e.current===null)return;let l=!1;const r=()=>{const u=e?.current,o=u??document.documentElement,i=o.scrollHeight-o.clientHeight,d=u?o.scrollTop:window.scrollY,a=i>0?Math.min(1,d/i):0;!l&&a>=t&&(n(),l=!0)},c=e?.current??window;return c.addEventListener("scroll",r),r(),()=>{c.removeEventListener("scroll",r)}},[t,n,e,s])};exports.useOnScrollProgress=m;
 //# 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 type OnScrollProgressOptions = {\r\n  triggerPercentage: number;\r\n  callback: () => void;\r\n  scrollRef?: RefObject<HTMLElement | null>;\r\n  disabled?: boolean;\r\n};\r\n\r\nexport const useOnScrollProgress = ({\r\n  triggerPercentage,\r\n  callback,\r\n  scrollRef,\r\n  disabled = false,\r\n}: OnScrollProgressOptions): 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 está deshabilitado o scrollRef está definido pero current es null, desactivamos el comportamiento\r\n    if (disabled || (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, disabled]);\r\n};\r\n"],"names":["useOnScrollProgress","triggerPercentage","callback","scrollRef","disabled","useEffect","hasTriggered","handleScroll","el","target","scrollHeight","scrollTop","scrollProgress","scrollTarget"],"mappings":"sHAUaA,EAAsB,CAAC,CAClC,kBAAAC,EACA,SAAAC,EACA,UAAAC,EACA,SAAAC,EAAW,EACb,IAAqC,CAC/B,GAAAH,EAAoB,GAAKA,EAAoB,EACzC,MAAA,IAAI,MAAM,sCAAsC,EAGxDI,EAAAA,UAAU,IAAM,CAEd,GAAID,GAAaD,GAAaA,EAAU,UAAY,KAClD,OAGF,IAAIG,EAAe,GAEnB,MAAMC,EAAe,IAAM,CACzB,MAAMC,EAAKL,GAAW,QAChBM,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,GAAkBX,IAC5BC,EAAA,EACMI,EAAA,GAEnB,EAEMO,EAAeV,GAAW,SAAW,OAC9B,OAAAU,EAAA,iBAAiB,SAAUN,CAAY,EACvCA,EAAA,EAEN,IAAM,CACEM,EAAA,oBAAoB,SAAUN,CAAY,CACzD,GACC,CAACN,EAAmBC,EAAUC,EAAWC,CAAQ,CAAC,CACvD"}

package/dist/src/hooks/useOnScrollProgress.mjs

@@ -1,20 +1,27 @@
 "use client";
-import { useEffect as h } from "react";
-const w = (o, s, e) => {
-  if (o < 0 || o > 1)
+import { useEffect as m } from "react";
+const E = ({
+  triggerPercentage: e,
+  callback: n,
+  scrollRef: t,
+  disabled: s = !1
+}) => {
+  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);
+  m(() => {
+    if (s || t && t.current === null)
+      return;
+    let l = !1;
+    const o = () => {
+      const u = t?.current, r = u ?? document.documentElement, i = r.scrollHeight - r.clientHeight, d = u ? r.scrollTop : window.scrollY, h = i > 0 ? Math.min(1, d / i) : 0;
+      !l && h >= e && (n(), l = !0);
+    }, c = t?.current ?? window;
+    return c.addEventListener("scroll", o), o(), () => {
+      c.removeEventListener("scroll", o);
     };
-  }, [o, s, e]);
+  }, [e, n, t, s]);
 };
 export {
-  w as useOnScrollProgress
+  E as useOnScrollProgress
 };
 //# sourceMappingURL=useOnScrollProgress.mjs.map

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 type OnScrollProgressOptions = {\r\n  triggerPercentage: number;\r\n  callback: () => void;\r\n  scrollRef?: RefObject<HTMLElement | null>;\r\n  disabled?: boolean;\r\n};\r\n\r\nexport const useOnScrollProgress = ({\r\n  triggerPercentage,\r\n  callback,\r\n  scrollRef,\r\n  disabled = false,\r\n}: OnScrollProgressOptions): 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 está deshabilitado o scrollRef está definido pero current es null, desactivamos el comportamiento\r\n    if (disabled || (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, disabled]);\r\n};\r\n"],"names":["useOnScrollProgress","triggerPercentage","callback","scrollRef","disabled","useEffect","hasTriggered","handleScroll","el","target","scrollHeight","scrollTop","scrollProgress","scrollTarget"],"mappings":";;AAUO,MAAMA,IAAsB,CAAC;AAAA,EAClC,mBAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC,IAAW;AACb,MAAqC;AAC/B,MAAAH,IAAoB,KAAKA,IAAoB;AACzC,UAAA,IAAI,MAAM,sCAAsC;AAGxD,EAAAI,EAAU,MAAM;AAEd,QAAID,KAAaD,KAAaA,EAAU,YAAY;AAClD;AAGF,QAAIG,IAAe;AAEnB,UAAMC,IAAe,MAAM;AACzB,YAAMC,IAAKL,GAAW,SAChBM,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,KAAkBX,MAC5BC,EAAA,GACMI,IAAA;AAAA,IAEnB,GAEMO,IAAeV,GAAW,WAAW;AAC9B,WAAAU,EAAA,iBAAiB,UAAUN,CAAY,GACvCA,EAAA,GAEN,MAAM;AACE,MAAAM,EAAA,oBAAoB,UAAUN,CAAY;AAAA,IACzD;AAAA,KACC,CAACN,GAAmBC,GAAUC,GAAWC,CAAQ,CAAC;AACvD;"}

package/package.json

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