lenis 1.3.19 → 1.3.20-dev.0

package/LICENSE

@@ -1,9 +1,9 @@
-The MIT License
-
-Copyright (c) 2024 darkroom.engineering
-
-Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the “Software”), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
-
+The MIT License
+
+Copyright (c) 2024 darkroom.engineering
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the “Software”), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
+
 THE SOFTWARE IS PROVIDED “AS IS”, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

package/dist/lenis-react.d.ts

@@ -1,71 +1,68 @@
-import * as Lenis from 'lenis';
-import Lenis__default, { ScrollCallback, LenisOptions } from 'lenis';
-import * as react from 'react';
-import { ComponentPropsWithoutRef, ReactNode } from 'react';
+"use client";
+import Lenis, { LenisOptions, ScrollCallback } from "lenis";
+import * as react from "react";
+import { ComponentPropsWithoutRef, ForwardRefExoticComponent, ReactNode, RefAttributes } from "react";
 
+//#region packages/react/src/types.d.ts
 type LenisContextValue = {
-    lenis: Lenis__default;
-    addCallback: (callback: ScrollCallback, priority: number) => void;
-    removeCallback: (callback: ScrollCallback) => void;
+  lenis: Lenis;
+  addCallback: (callback: ScrollCallback, priority: number) => void;
+  removeCallback: (callback: ScrollCallback) => void;
 };
 type LenisProps = ComponentPropsWithoutRef<'div'> & {
-    /**
-     * Setup a global instance of Lenis
-     * if `asChild`, the component will render wrapper and content divs
-     * @default false
-     */
-    root?: boolean | 'asChild';
-    /**
-     * Lenis options
-     */
-    options?: LenisOptions;
-    /**
-     * Auto-setup requestAnimationFrame
-     * @default true
-     * @deprecated use options.autoRaf instead
-     */
-    autoRaf?: boolean;
-    /**
-     * Children
-     */
-    children?: ReactNode;
-    /**
-     * Class name to be applied to the wrapper div
-     * @default ''
-     */
-    className?: string | undefined;
+  /**
+   * Setup a global instance of Lenis
+   * if `asChild`, the component will render wrapper and content divs
+   * @default false
+   */
+  root?: boolean | 'asChild';
+  /**
+   * Lenis options
+   */
+  options?: LenisOptions;
+  /**
+   * Auto-setup requestAnimationFrame
+   * @default true
+   * @deprecated use options.autoRaf instead
+   */
+  autoRaf?: boolean;
+  /**
+   * Children
+   */
+  children?: ReactNode;
+  /**
+   * Class name to be applied to the wrapper div
+   * @default ''
+   */
+  className?: string | undefined;
 };
 type LenisRef = {
-    /**
-     * The wrapper div element
-     *
-     * Will only be defined if `root` is `false` or `root` is `asChild`
-     */
-    wrapper: HTMLDivElement | null;
-    /**
-     * The content div element
-     *
-     * Will only be defined if `root` is `false` or `root` is `asChild`
-     */
-    content: HTMLDivElement | null;
-    /**
-     * The lenis instance
-     */
-    lenis?: Lenis__default;
+  /**
+   * The wrapper div element
+   *
+   * Will only be defined if `root` is `false` or `root` is `asChild`
+   */
+  wrapper: HTMLDivElement | null;
+  /**
+   * The content div element
+   *
+   * Will only be defined if `root` is `false` or `root` is `asChild`
+   */
+  content: HTMLDivElement | null;
+  /**
+   * The lenis instance
+   */
+  lenis?: Lenis;
 };
-
+//#endregion
+//#region packages/react/src/provider.d.ts
 declare const LenisContext: react.Context<LenisContextValue | null>;
 /**
  * React component to setup a Lenis instance
  */
-declare const ReactLenis: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    root?: boolean | "asChild";
-    options?: Lenis.LenisOptions;
-    autoRaf?: boolean;
-    children?: react.ReactNode;
-    className?: string | undefined;
-} & react.RefAttributes<LenisRef>>;
-
+declare const ReactLenis: ForwardRefExoticComponent<LenisProps & RefAttributes<LenisRef>>;
+//#endregion
+//#region packages/react/src/use-lenis.d.ts
 /**
  * Hook to access the Lenis instance and its methods
  *
@@ -106,6 +103,7 @@ declare const ReactLenis: react.ForwardRefExoticComponent<Omit<react.DetailedHTM
  *            })
  *          }
  */
-declare function useLenis(callback?: ScrollCallback, deps?: unknown[], priority?: number): Lenis.default | undefined;
-
-export { ReactLenis as Lenis, LenisContext, type LenisContextValue, type LenisProps, type LenisRef, ReactLenis, ReactLenis as default, useLenis };
+declare function useLenis(callback?: ScrollCallback, deps?: unknown[], priority?: number): Lenis | undefined;
+//#endregion
+export { ReactLenis as Lenis, ReactLenis, ReactLenis as default, LenisContext, LenisContextValue, LenisProps, LenisRef, useLenis };
+//# sourceMappingURL=lenis-react.d.ts.map

package/dist/lenis-react.mjs

@@ -1,165 +1,194 @@
 "use client";
-
-// packages/react/src/provider.tsx
 import Lenis from "lenis";
-import {
-  createContext,
-  forwardRef,
-  useCallback,
-  useEffect as useEffect2,
-  useImperativeHandle,
-  useRef,
-  useState as useState2
-} from "react";
-
-// packages/react/src/store.ts
-import { useEffect, useState } from "react";
+import { createContext, forwardRef, useCallback, useContext, useEffect, useImperativeHandle, useRef, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region packages/react/src/store.ts
 var Store = class {
-  constructor(state) {
-    this.state = state;
-  }
-  listeners = [];
-  set(state) {
-    this.state = state;
-    for (const listener of this.listeners) {
-      listener(this.state);
-    }
-  }
-  subscribe(listener) {
-    this.listeners = [...this.listeners, listener];
-    return () => {
-      this.listeners = this.listeners.filter((l) => l !== listener);
-    };
-  }
-  get() {
-    return this.state;
-  }
+	listeners = [];
+	constructor(state) {
+		this.state = state;
+	}
+	set(state) {
+		this.state = state;
+		for (const listener of this.listeners) listener(this.state);
+	}
+	subscribe(listener) {
+		this.listeners = [...this.listeners, listener];
+		return () => {
+			this.listeners = this.listeners.filter((l) => l !== listener);
+		};
+	}
+	get() {
+		return this.state;
+	}
 };
 function useStore(store) {
-  const [state, setState] = useState(store.get());
-  useEffect(() => {
-    return store.subscribe((state2) => setState(state2));
-  }, [store]);
-  return state;
+	const [state, setState] = useState(store.get());
+	useEffect(() => {
+		return store.subscribe((state) => setState(state));
+	}, [store]);
+	return state;
 }
-
-// packages/react/src/provider.tsx
-import { jsx } from "react/jsx-runtime";
-var LenisContext = createContext(null);
-var rootLenisContextStore = new Store(null);
-var ReactLenis = forwardRef(
-  ({
-    children,
-    root = false,
-    options = {},
-    autoRaf = true,
-    className = "",
-    ...props
-  }, ref) => {
-    const wrapperRef = useRef(null);
-    const contentRef = useRef(null);
-    const [lenis, setLenis] = useState2(void 0);
-    useImperativeHandle(
-      ref,
-      () => ({
-        wrapper: wrapperRef.current,
-        content: contentRef.current,
-        lenis
-      }),
-      [lenis]
-    );
-    useEffect2(() => {
-      const lenis2 = new Lenis({
-        ...options,
-        ...wrapperRef.current && contentRef.current && {
-          wrapper: wrapperRef.current,
-          content: contentRef.current
-        },
-        autoRaf: options?.autoRaf ?? autoRaf
-        // this is to avoid breaking the autoRaf prop if it's still used (require breaking change)
-      });
-      setLenis(lenis2);
-      return () => {
-        lenis2.destroy();
-        setLenis(void 0);
-      };
-    }, [autoRaf, JSON.stringify({ ...options, wrapper: null, content: null })]);
-    const callbacksRefs = useRef([]);
-    const addCallback = useCallback(
-      (callback, priority) => {
-        callbacksRefs.current.push({ callback, priority });
-        callbacksRefs.current.sort((a, b) => a.priority - b.priority);
-      },
-      []
-    );
-    const removeCallback = useCallback(
-      (callback) => {
-        callbacksRefs.current = callbacksRefs.current.filter(
-          (cb) => cb.callback !== callback
-        );
-      },
-      []
-    );
-    useEffect2(() => {
-      if (root && lenis) {
-        rootLenisContextStore.set({ lenis, addCallback, removeCallback });
-        return () => rootLenisContextStore.set(null);
-      }
-    }, [root, lenis, addCallback, removeCallback]);
-    useEffect2(() => {
-      if (!lenis) return;
-      const onScroll = (data) => {
-        for (const { callback } of callbacksRefs.current) {
-          callback(data);
-        }
-      };
-      lenis.on("scroll", onScroll);
-      return () => {
-        lenis.off("scroll", onScroll);
-      };
-    }, [lenis]);
-    if (!children) return null;
-    return /* @__PURE__ */ jsx(
-      LenisContext.Provider,
-      {
-        value: { lenis, addCallback, removeCallback },
-        children: root && root !== "asChild" ? children : /* @__PURE__ */ jsx(
-          "div",
-          {
-            ref: wrapperRef,
-            className: `${className} ${lenis?.className ?? ""}`.trim(),
-            ...props,
-            children: /* @__PURE__ */ jsx("div", { ref: contentRef, children })
-          }
-        )
-      }
-    );
-  }
-);
-
-// packages/react/src/use-lenis.ts
-import { useContext, useEffect as useEffect3 } from "react";
-var fallbackContext = {};
+//#endregion
+//#region packages/react/src/provider.tsx
+const LenisContext = createContext(null);
+/**
+* The root store for the lenis context
+*
+* This store serves as a fallback for the context if it is not available
+* and allows us to use the global lenis instance above a provider
+*/
+const rootLenisContextStore = new Store(null);
+/**
+* React component to setup a Lenis instance
+*/
+const ReactLenis = forwardRef(({ children, root = false, options = {}, autoRaf = true, className = "", ...props }, ref) => {
+	const wrapperRef = useRef(null);
+	const contentRef = useRef(null);
+	const [lenis, setLenis] = useState(void 0);
+	useImperativeHandle(ref, () => ({
+		wrapper: wrapperRef.current,
+		content: contentRef.current,
+		lenis
+	}), [lenis]);
+	useEffect(() => {
+		const lenis = new Lenis({
+			...options,
+			...wrapperRef.current && contentRef.current && {
+				wrapper: wrapperRef.current,
+				content: contentRef.current
+			},
+			autoRaf: options?.autoRaf ?? autoRaf
+		});
+		setLenis(lenis);
+		return () => {
+			lenis.destroy();
+			setLenis(void 0);
+		};
+	}, [autoRaf, JSON.stringify({
+		...options,
+		wrapper: null,
+		content: null
+	})]);
+	const callbacksRefs = useRef([]);
+	const addCallback = useCallback((callback, priority) => {
+		callbacksRefs.current.push({
+			callback,
+			priority
+		});
+		callbacksRefs.current.sort((a, b) => a.priority - b.priority);
+	}, []);
+	const removeCallback = useCallback((callback) => {
+		callbacksRefs.current = callbacksRefs.current.filter((cb) => cb.callback !== callback);
+	}, []);
+	useEffect(() => {
+		if (root && lenis) {
+			rootLenisContextStore.set({
+				lenis,
+				addCallback,
+				removeCallback
+			});
+			return () => rootLenisContextStore.set(null);
+		}
+	}, [
+		root,
+		lenis,
+		addCallback,
+		removeCallback
+	]);
+	useEffect(() => {
+		if (!lenis) return;
+		const onScroll = (data) => {
+			for (const { callback } of callbacksRefs.current) callback(data);
+		};
+		lenis.on("scroll", onScroll);
+		return () => {
+			lenis.off("scroll", onScroll);
+		};
+	}, [lenis]);
+	if (!children) return null;
+	return /* @__PURE__ */ jsx(LenisContext.Provider, {
+		value: {
+			lenis,
+			addCallback,
+			removeCallback
+		},
+		children: root && root !== "asChild" ? children : /* @__PURE__ */ jsx("div", {
+			ref: wrapperRef,
+			className: `${className} ${lenis?.className ?? ""}`.trim(),
+			...props,
+			children: /* @__PURE__ */ jsx("div", {
+				ref: contentRef,
+				children
+			})
+		})
+	});
+});
+//#endregion
+//#region packages/react/src/use-lenis.ts
+const fallbackContext = {};
+/**
+* Hook to access the Lenis instance and its methods
+*
+* @example <caption>Scroll callback</caption>
+*          useLenis((lenis) => {
+*            if (lenis.isScrolling) {
+*              console.log('Scrolling...')
+*            }
+*
+*            if (lenis.progress === 1) {
+*              console.log('At the end!')
+*            }
+*          })
+*
+* @example <caption>Scroll callback with dependencies</caption>
+*          useLenis((lenis) => {
+*            if (lenis.isScrolling) {
+*              console.log('Scrolling...', someDependency)
+*            }
+*          }, [someDependency])
+* @example <caption>Scroll callback with priority</caption>
+*          useLenis((lenis) => {
+*            if (lenis.isScrolling) {
+*              console.log('Scrolling...')
+*            }
+*          }, [], 1)
+* @example <caption>Instance access</caption>
+*          const lenis = useLenis()
+*
+*          handleClick() {
+*            lenis.scrollTo(100, {
+*              lerp: 0.1,
+*              duration: 1,
+*              easing: (t) => t,
+*              onComplete: () => {
+*                console.log('Complete!')
+*              }
+*            })
+*          }
+*/
 function useLenis(callback, deps = [], priority = 0) {
-  const localContext = useContext(LenisContext);
-  const rootContext = useStore(rootLenisContextStore);
-  const currentContext = localContext ?? rootContext ?? fallbackContext;
-  const { lenis, addCallback, removeCallback } = currentContext;
-  useEffect3(() => {
-    if (!(callback && addCallback && removeCallback && lenis)) return;
-    addCallback(callback, priority);
-    callback(lenis);
-    return () => {
-      removeCallback(callback);
-    };
-  }, [lenis, addCallback, removeCallback, priority, ...deps, callback]);
-  return lenis;
+	const localContext = useContext(LenisContext);
+	const rootContext = useStore(rootLenisContextStore);
+	const { lenis, addCallback, removeCallback } = localContext ?? rootContext ?? fallbackContext;
+	useEffect(() => {
+		if (!(callback && addCallback && removeCallback && lenis)) return;
+		addCallback(callback, priority);
+		callback(lenis);
+		return () => {
+			removeCallback(callback);
+		};
+	}, [
+		lenis,
+		addCallback,
+		removeCallback,
+		priority,
+		...deps,
+		callback
+	]);
+	return lenis;
 }
-export {
-  ReactLenis as Lenis,
-  LenisContext,
-  ReactLenis,
-  ReactLenis as default,
-  useLenis
-};
+//#endregion
+export { ReactLenis as Lenis, ReactLenis, ReactLenis as default, LenisContext, useLenis };
+
 //# sourceMappingURL=lenis-react.mjs.map

package/dist/lenis-react.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../packages/react/src/provider.tsx","../packages/react/src/store.ts","../packages/react/src/use-lenis.ts"],"sourcesContent":["import Lenis, { type ScrollCallback } from 'lenis'\nimport {\n  createContext,\n  forwardRef,\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useRef,\n  useState,\n} from 'react'\nimport { Store } from './store'\nimport type { LenisContextValue, LenisProps, LenisRef } from './types'\n\nexport const LenisContext = createContext<LenisContextValue | null>(null)\n\n/**\n * The root store for the lenis context\n *\n * This store serves as a fallback for the context if it is not available\n * and allows us to use the global lenis instance above a provider\n */\nexport const rootLenisContextStore = new Store<LenisContextValue | null>(null)\n\n/**\n * React component to setup a Lenis instance\n */\nexport const ReactLenis = forwardRef<LenisRef, LenisProps>(\n  (\n    {\n      children,\n      root = false,\n      options = {},\n      autoRaf = true,\n      className = '',\n      ...props\n    }: LenisProps,\n    ref\n  ) => {\n    const wrapperRef = useRef<HTMLDivElement>(null)\n    const contentRef = useRef<HTMLDivElement>(null)\n\n    const [lenis, setLenis] = useState<Lenis | undefined>(undefined)\n\n    // Setup ref\n    useImperativeHandle(\n      ref,\n      () => ({\n        wrapper: wrapperRef.current,\n        content: contentRef.current,\n        lenis,\n      }),\n      [lenis]\n    )\n\n    // Setup lenis instance\n    useEffect(() => {\n      const lenis = new Lenis({\n        ...options,\n        ...(wrapperRef.current &&\n          contentRef.current && {\n            wrapper: wrapperRef.current!,\n            content: contentRef.current!,\n          }),\n        autoRaf: options?.autoRaf ?? autoRaf, // this is to avoid breaking the autoRaf prop if it's still used (require breaking change)\n      })\n\n      setLenis(lenis)\n\n      return () => {\n        lenis.destroy()\n        setLenis(undefined)\n      }\n    }, [autoRaf, JSON.stringify({ ...options, wrapper: null, content: null })])\n\n    // Handle callbacks\n    const callbacksRefs = useRef<\n      {\n        callback: ScrollCallback\n        priority: number\n      }[]\n    >([])\n\n    const addCallback: LenisContextValue['addCallback'] = useCallback(\n      (callback, priority) => {\n        callbacksRefs.current.push({ callback, priority })\n        callbacksRefs.current.sort((a, b) => a.priority - b.priority)\n      },\n      []\n    )\n\n    const removeCallback: LenisContextValue['removeCallback'] = useCallback(\n      (callback) => {\n        callbacksRefs.current = callbacksRefs.current.filter(\n          (cb) => cb.callback !== callback\n        )\n      },\n      []\n    )\n\n    // This makes sure to set the global context if the root is true\n    useEffect(() => {\n      if (root && lenis) {\n        rootLenisContextStore.set({ lenis, addCallback, removeCallback })\n\n        return () => rootLenisContextStore.set(null)\n      }\n    }, [root, lenis, addCallback, removeCallback])\n\n    // Setup callback listeners\n    useEffect(() => {\n      if (!lenis) return\n\n      const onScroll: ScrollCallback = (data) => {\n        for (const { callback } of callbacksRefs.current) {\n          callback(data)\n        }\n      }\n\n      lenis.on('scroll', onScroll)\n\n      return () => {\n        lenis.off('scroll', onScroll)\n      }\n    }, [lenis])\n\n    if (!children) return null\n\n    return (\n      <LenisContext.Provider\n        value={{ lenis: lenis!, addCallback, removeCallback }}\n      >\n        {root && root !== 'asChild' ? (\n          children\n        ) : (\n          <div\n            ref={wrapperRef}\n            className={`${className} ${lenis?.className ?? ''}`.trim()}\n            {...props}\n          >\n            <div ref={contentRef}>{children}</div>\n          </div>\n        )}\n      </LenisContext.Provider>\n    )\n  }\n)\n","import { useEffect, useState } from 'react'\n\ntype Listener<S> = (state: S) => void\n\nexport class Store<S> {\n  private listeners: Listener<S>[] = []\n\n  constructor(private state: S) {}\n\n  set(state: S) {\n    this.state = state\n\n    for (const listener of this.listeners) {\n      listener(this.state)\n    }\n  }\n\n  subscribe(listener: Listener<S>) {\n    this.listeners = [...this.listeners, listener]\n    return () => {\n      this.listeners = this.listeners.filter((l) => l !== listener)\n    }\n  }\n\n  get() {\n    return this.state\n  }\n}\n\nexport function useStore<S>(store: Store<S>) {\n  const [state, setState] = useState(store.get())\n\n  useEffect(() => {\n    return store.subscribe((state) => setState(state))\n  }, [store])\n\n  return state\n}\n","import type { ScrollCallback } from 'lenis'\nimport { useContext, useEffect } from 'react'\nimport { LenisContext, rootLenisContextStore } from './provider'\nimport { useStore } from './store'\nimport type { LenisContextValue } from './types'\n\n// Fall back to an empty object if both context and store are not available\nconst fallbackContext: Partial<LenisContextValue> = {}\n\n/**\n * Hook to access the Lenis instance and its methods\n *\n * @example <caption>Scroll callback</caption>\n *          useLenis((lenis) => {\n *            if (lenis.isScrolling) {\n *              console.log('Scrolling...')\n *            }\n *\n *            if (lenis.progress === 1) {\n *              console.log('At the end!')\n *            }\n *          })\n *\n * @example <caption>Scroll callback with dependencies</caption>\n *          useLenis((lenis) => {\n *            if (lenis.isScrolling) {\n *              console.log('Scrolling...', someDependency)\n *            }\n *          }, [someDependency])\n * @example <caption>Scroll callback with priority</caption>\n *          useLenis((lenis) => {\n *            if (lenis.isScrolling) {\n *              console.log('Scrolling...')\n *            }\n *          }, [], 1)\n * @example <caption>Instance access</caption>\n *          const lenis = useLenis()\n *\n *          handleClick() {\n *            lenis.scrollTo(100, {\n *              lerp: 0.1,\n *              duration: 1,\n *              easing: (t) => t,\n *              onComplete: () => {\n *                console.log('Complete!')\n *              }\n *            })\n *          }\n */\nexport function useLenis(\n  callback?: ScrollCallback,\n  deps: unknown[] = [],\n  priority = 0\n) {\n  // Try to get the lenis instance from the context first\n  const localContext = useContext(LenisContext)\n  // Fall back to the root store if the context is not available\n  const rootContext = useStore(rootLenisContextStore)\n  // Fall back to the fallback context if all else fails\n  const currentContext = localContext ?? rootContext ?? fallbackContext\n\n  const { lenis, addCallback, removeCallback } = currentContext\n\n  useEffect(() => {\n    if (!(callback && addCallback && removeCallback && lenis)) return\n\n    addCallback(callback, priority)\n    callback(lenis)\n\n    return () => {\n      removeCallback(callback)\n    }\n  }, [lenis, addCallback, removeCallback, priority, ...deps, callback])\n\n  return lenis\n}\n"],"mappings":"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","names":["useEffect","useState","state","useState","useEffect","lenis","useEffect","useEffect"]}
+{"version":3,"file":"lenis-react.mjs","names":[],"sources":["../packages/react/src/store.ts","../packages/react/src/provider.tsx","../packages/react/src/use-lenis.ts"],"sourcesContent":["import { useEffect, useState } from 'react'\n\ntype Listener<S> = (state: S) => void\n\nexport class Store<S> {\n  private listeners: Listener<S>[] = []\n\n  constructor(private state: S) {}\n\n  set(state: S) {\n    this.state = state\n\n    for (const listener of this.listeners) {\n      listener(this.state)\n    }\n  }\n\n  subscribe(listener: Listener<S>) {\n    this.listeners = [...this.listeners, listener]\n    return () => {\n      this.listeners = this.listeners.filter((l) => l !== listener)\n    }\n  }\n\n  get() {\n    return this.state\n  }\n}\n\nexport function useStore<S>(store: Store<S>) {\n  const [state, setState] = useState(store.get())\n\n  useEffect(() => {\n    return store.subscribe((state) => setState(state))\n  }, [store])\n\n  return state\n}\n","import Lenis, { type ScrollCallback } from 'lenis'\nimport {\n  type ForwardRefExoticComponent,\n  type RefAttributes,\n  createContext,\n  forwardRef,\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useRef,\n  useState,\n} from 'react'\nimport { Store } from './store'\nimport type { LenisContextValue, LenisProps, LenisRef } from './types'\n\nexport const LenisContext = createContext<LenisContextValue | null>(null)\n\n/**\n * The root store for the lenis context\n *\n * This store serves as a fallback for the context if it is not available\n * and allows us to use the global lenis instance above a provider\n */\nexport const rootLenisContextStore = new Store<LenisContextValue | null>(null)\n\n/**\n * React component to setup a Lenis instance\n */\nexport const ReactLenis: ForwardRefExoticComponent<\n  LenisProps & RefAttributes<LenisRef>\n> = forwardRef<LenisRef, LenisProps>(\n  (\n    {\n      children,\n      root = false,\n      options = {},\n      autoRaf = true,\n      className = '',\n      ...props\n    }: LenisProps,\n    ref\n  ) => {\n    const wrapperRef = useRef<HTMLDivElement>(null)\n    const contentRef = useRef<HTMLDivElement>(null)\n\n    const [lenis, setLenis] = useState<Lenis | undefined>(undefined)\n\n    // Setup ref\n    useImperativeHandle(\n      ref,\n      () => ({\n        wrapper: wrapperRef.current,\n        content: contentRef.current,\n        lenis,\n      }),\n      [lenis]\n    )\n\n    // Setup lenis instance\n    useEffect(() => {\n      const lenis = new Lenis({\n        ...options,\n        ...(wrapperRef.current &&\n          contentRef.current && {\n            wrapper: wrapperRef.current!,\n            content: contentRef.current!,\n          }),\n        autoRaf: options?.autoRaf ?? autoRaf, // this is to avoid breaking the autoRaf prop if it's still used (require breaking change)\n      })\n\n      setLenis(lenis)\n\n      return () => {\n        lenis.destroy()\n        setLenis(undefined)\n      }\n    }, [autoRaf, JSON.stringify({ ...options, wrapper: null, content: null })])\n\n    // Handle callbacks\n    const callbacksRefs = useRef<\n      {\n        callback: ScrollCallback\n        priority: number\n      }[]\n    >([])\n\n    const addCallback: LenisContextValue['addCallback'] = useCallback(\n      (callback, priority) => {\n        callbacksRefs.current.push({ callback, priority })\n        callbacksRefs.current.sort((a, b) => a.priority - b.priority)\n      },\n      []\n    )\n\n    const removeCallback: LenisContextValue['removeCallback'] = useCallback(\n      (callback) => {\n        callbacksRefs.current = callbacksRefs.current.filter(\n          (cb) => cb.callback !== callback\n        )\n      },\n      []\n    )\n\n    // This makes sure to set the global context if the root is true\n    useEffect(() => {\n      if (root && lenis) {\n        rootLenisContextStore.set({ lenis, addCallback, removeCallback })\n\n        return () => rootLenisContextStore.set(null)\n      }\n    }, [root, lenis, addCallback, removeCallback])\n\n    // Setup callback listeners\n    useEffect(() => {\n      if (!lenis) return\n\n      const onScroll: ScrollCallback = (data) => {\n        for (const { callback } of callbacksRefs.current) {\n          callback(data)\n        }\n      }\n\n      lenis.on('scroll', onScroll)\n\n      return () => {\n        lenis.off('scroll', onScroll)\n      }\n    }, [lenis])\n\n    if (!children) return null\n\n    return (\n      <LenisContext.Provider\n        value={{ lenis: lenis!, addCallback, removeCallback }}\n      >\n        {root && root !== 'asChild' ? (\n          children\n        ) : (\n          <div\n            ref={wrapperRef}\n            className={`${className} ${lenis?.className ?? ''}`.trim()}\n            {...props}\n          >\n            <div ref={contentRef}>{children}</div>\n          </div>\n        )}\n      </LenisContext.Provider>\n    )\n  }\n)\n","import type Lenis from 'lenis'\nimport type { ScrollCallback } from 'lenis'\nimport { useContext, useEffect } from 'react'\nimport { LenisContext, rootLenisContextStore } from './provider'\nimport { useStore } from './store'\nimport type { LenisContextValue } from './types'\n\n// Fall back to an empty object if both context and store are not available\nconst fallbackContext: Partial<LenisContextValue> = {}\n\n/**\n * Hook to access the Lenis instance and its methods\n *\n * @example <caption>Scroll callback</caption>\n *          useLenis((lenis) => {\n *            if (lenis.isScrolling) {\n *              console.log('Scrolling...')\n *            }\n *\n *            if (lenis.progress === 1) {\n *              console.log('At the end!')\n *            }\n *          })\n *\n * @example <caption>Scroll callback with dependencies</caption>\n *          useLenis((lenis) => {\n *            if (lenis.isScrolling) {\n *              console.log('Scrolling...', someDependency)\n *            }\n *          }, [someDependency])\n * @example <caption>Scroll callback with priority</caption>\n *          useLenis((lenis) => {\n *            if (lenis.isScrolling) {\n *              console.log('Scrolling...')\n *            }\n *          }, [], 1)\n * @example <caption>Instance access</caption>\n *          const lenis = useLenis()\n *\n *          handleClick() {\n *            lenis.scrollTo(100, {\n *              lerp: 0.1,\n *              duration: 1,\n *              easing: (t) => t,\n *              onComplete: () => {\n *                console.log('Complete!')\n *              }\n *            })\n *          }\n */\nexport function useLenis(\n  callback?: ScrollCallback,\n  deps: unknown[] = [],\n  priority = 0\n): Lenis | undefined {\n  // Try to get the lenis instance from the context first\n  const localContext = useContext(LenisContext)\n  // Fall back to the root store if the context is not available\n  const rootContext = useStore(rootLenisContextStore)\n  // Fall back to the fallback context if all else fails\n  const currentContext = localContext ?? rootContext ?? fallbackContext\n\n  const { lenis, addCallback, removeCallback } = currentContext\n\n  useEffect(() => {\n    if (!(callback && addCallback && removeCallback && lenis)) return\n\n    addCallback(callback, priority)\n    callback(lenis)\n\n    return () => {\n      removeCallback(callback)\n    }\n  }, [lenis, addCallback, removeCallback, priority, ...deps, callback])\n\n  return lenis\n}\n"],"mappings":"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"}