@react-scrollytelling/react-spring 0.2.1 → 0.3.1

package/dist/index.d.mts

@@ -0,0 +1,31 @@
+import { IntersectionObserverOptions, SectionScrollInfo } from "@react-scrollytelling/core";
+import { SpringValue } from "@react-spring/web";
+import { ActiveSectionObserver } from "@react-scrollytelling/grouped";
+
+//#region src/hooks/useSectionScrollSpring.d.ts
+/**
+ * Get the Spring value (react-spring) of the section scroll
+ * @param sectionRef - The reference to the section element
+ * @param shouldObserve - Whether the underlying IntersectionObserver should be active
+ * @param onScroll - The callback to track the scroll ratio
+ */
+declare function useSectionScrollSpring(sectionRef: React.RefObject<Element>, onScroll?: (scrollInfo: SectionScrollInfo) => void, shouldObserve?: boolean, options?: IntersectionObserverOptions): {
+  scrolledRatioSpring: SpringValue<number>;
+};
+//#endregion
+//#region src/hooks/useActiveSectionSpring.d.ts
+/**
+ * Watches for all tracked sections to find the section closet to the bottom of the viewport
+ * through ScrollytellingProvider.
+ * It invokes the onActiveSectionChange when the active section changes.
+ * Returns the Spring value (react-spring) of the section scroll.
+ * @param onActiveSectionChange - The callback needs to be memoized
+ * @returns The trackingId of the active section and the Spring value of the section scroll
+ */
+declare function useActiveSectionSpring(onActiveSectionChange?: ActiveSectionObserver): {
+  trackingId: string | null;
+  scrolledRatioSpring: SpringValue<number>;
+};
+//#endregion
+export { useActiveSectionSpring, useSectionScrollSpring };
+//# sourceMappingURL=index.d.mts.map

package/dist/index.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.mts","names":[],"sources":["../src/hooks/useSectionScrollSpring.ts","../src/hooks/useActiveSectionSpring.ts"],"mappings":";;;;;;;;AAeA;;;iBAAgB,sBAAA,CACd,UAAA,EAAY,KAAA,CAAM,SAAA,CAAU,OAAA,GAC5B,QAAA,IAAY,UAAA,EAAY,iBAAA,WACxB,aAAA,YACA,OAAA,GAAU,2BAAA;;;;;;;;AAJZ;;;;;iBCEgB,sBAAA,CACd,qBAAA,GAAwB,qBAAA;;uBAAA,WAAA;AAAA"}

package/dist/index.mjs

@@ -0,0 +1,87 @@
+import { c } from "react/compiler-runtime";
+import { useState } from "react";
+import { useSectionScroll } from "@react-scrollytelling/core";
+import { SpringValue } from "@react-spring/web";
+import { useActiveSection } from "@react-scrollytelling/grouped";
+
+//#region src/hooks/useSectionScrollSpring.ts
+/**
+* Get the Spring value (react-spring) of the section scroll
+* @param sectionRef - The reference to the section element
+* @param shouldObserve - Whether the underlying IntersectionObserver should be active
+* @param onScroll - The callback to track the scroll ratio
+*/
+function useSectionScrollSpring(sectionRef, onScroll, t0, options) {
+	const $ = c(5);
+	const shouldObserve = t0 === void 0 ? true : t0;
+	const [scrolledRatioSpring] = useState(_temp$1);
+	let t1;
+	if ($[0] !== onScroll || $[1] !== scrolledRatioSpring) {
+		t1 = (scrollInfo) => {
+			const { scrolledRatio } = scrollInfo;
+			scrolledRatioSpring.set(scrolledRatio);
+			if (onScroll) onScroll(scrollInfo);
+		};
+		$[0] = onScroll;
+		$[1] = scrolledRatioSpring;
+		$[2] = t1;
+	} else t1 = $[2];
+	useSectionScroll(sectionRef, t1, shouldObserve, options);
+	let t2;
+	if ($[3] !== scrolledRatioSpring) {
+		t2 = { scrolledRatioSpring };
+		$[3] = scrolledRatioSpring;
+		$[4] = t2;
+	} else t2 = $[4];
+	return t2;
+}
+function _temp$1() {
+	return new SpringValue(0);
+}
+
+//#endregion
+//#region src/hooks/useActiveSectionSpring.ts
+/**
+* Watches for all tracked sections to find the section closet to the bottom of the viewport
+* through ScrollytellingProvider.
+* It invokes the onActiveSectionChange when the active section changes.
+* Returns the Spring value (react-spring) of the section scroll.
+* @param onActiveSectionChange - The callback needs to be memoized
+* @returns The trackingId of the active section and the Spring value of the section scroll
+*/
+function useActiveSectionSpring(onActiveSectionChange) {
+	const $ = c(6);
+	const [scrolledRatioSpring] = useState(_temp);
+	const [trackingId, setTrackingId] = useState(null);
+	let t0;
+	if ($[0] !== onActiveSectionChange || $[1] !== scrolledRatioSpring) {
+		t0 = (scrollInfo) => {
+			const { trackingId: id, scrolledRatio } = scrollInfo;
+			setTrackingId((prev) => prev === id ? prev : id);
+			scrolledRatioSpring.set(scrolledRatio);
+			if (onActiveSectionChange) onActiveSectionChange(scrollInfo);
+		};
+		$[0] = onActiveSectionChange;
+		$[1] = scrolledRatioSpring;
+		$[2] = t0;
+	} else t0 = $[2];
+	useActiveSection(t0);
+	let t1;
+	if ($[3] !== scrolledRatioSpring || $[4] !== trackingId) {
+		t1 = {
+			trackingId,
+			scrolledRatioSpring
+		};
+		$[3] = scrolledRatioSpring;
+		$[4] = trackingId;
+		$[5] = t1;
+	} else t1 = $[5];
+	return t1;
+}
+function _temp() {
+	return new SpringValue(0);
+}
+
+//#endregion
+export { useActiveSectionSpring, useSectionScrollSpring };
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":["useCallback","useState","useSectionScroll","SpringValue","useSectionScrollSpring","sectionRef","onScroll","t0","options","$","_c","shouldObserve","undefined","scrolledRatioSpring","_temp","t1","scrollInfo","scrolledRatio","set","onSectionScroll","t2","useCallback","useState","useActiveSection","SpringValue","useActiveSectionSpring","onActiveSectionChange","$","_c","scrolledRatioSpring","_temp","trackingId","setTrackingId","t0","scrollInfo","id","scrolledRatio","prev","set","onSectionScroll","t1"],"sources":["../src/hooks/useSectionScrollSpring.ts","../src/hooks/useActiveSectionSpring.ts"],"sourcesContent":["import { useCallback, useState } from \"react\";\n\nimport {\n  type IntersectionObserverOptions,\n  type SectionScrollInfo,\n  useSectionScroll,\n} from \"@react-scrollytelling/core\";\nimport { SpringValue } from \"@react-spring/web\";\n\n/**\n * Get the Spring value (react-spring) of the section scroll\n * @param sectionRef - The reference to the section element\n * @param shouldObserve - Whether the underlying IntersectionObserver should be active\n * @param onScroll - The callback to track the scroll ratio\n */\nexport function useSectionScrollSpring(\n  sectionRef: React.RefObject<Element>,\n  onScroll?: (scrollInfo: SectionScrollInfo) => void,\n  shouldObserve = true,\n  options?: IntersectionObserverOptions\n) {\n  // Use state to return a stable SpringValue object\n  const [scrolledRatioSpring] = useState(() => new SpringValue(0));\n\n  const onSectionScroll = useCallback(\n    (scrollInfo: SectionScrollInfo) => {\n      const { scrolledRatio } = scrollInfo;\n      scrolledRatioSpring.set(scrolledRatio);\n\n      if (onScroll) {\n        onScroll(scrollInfo);\n      }\n    },\n    [onScroll, scrolledRatioSpring]\n  );\n\n  useSectionScroll(sectionRef, onSectionScroll, shouldObserve, options);\n\n  return { scrolledRatioSpring: scrolledRatioSpring };\n}\n","import { useCallback, useState } from \"react\";\n\nimport {\n  type ActiveSectionScrollInfo,\n  useActiveSection,\n  type ActiveSectionObserver,\n} from \"@react-scrollytelling/grouped\";\nimport { SpringValue } from \"@react-spring/web\";\n\n/**\n * Watches for all tracked sections to find the section closet to the bottom of the viewport\n * through ScrollytellingProvider.\n * It invokes the onActiveSectionChange when the active section changes.\n * Returns the Spring value (react-spring) of the section scroll.\n * @param onActiveSectionChange - The callback needs to be memoized\n * @returns The trackingId of the active section and the Spring value of the section scroll\n */\nexport function useActiveSectionSpring(\n  onActiveSectionChange?: ActiveSectionObserver\n) {\n  // Use state to return a stable SpringValue object\n  const [scrolledRatioSpring] = useState(() => new SpringValue(0));\n  const [trackingId, setTrackingId] = useState<string | null>(null);\n\n  const onSectionScroll = useCallback(\n    (scrollInfo: ActiveSectionScrollInfo) => {\n      const { trackingId: id, scrolledRatio } = scrollInfo;\n      setTrackingId((prev) => (prev === id ? prev : id));\n      scrolledRatioSpring.set(scrolledRatio);\n\n      if (onActiveSectionChange) {\n        onActiveSectionChange(scrollInfo);\n      }\n    },\n    [onActiveSectionChange, scrolledRatioSpring]\n  );\n\n  useActiveSection(onSectionScroll);\n\n  return { trackingId, scrolledRatioSpring };\n}\n"],"mappings":";;;;;;;;;;;;;AAeA,SAAOI,uBAAAC,YAAAC,UAAAC,IAAAC,SAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAGL,MAAAC,gBAAAJ,OAAAK,SAAA,OAAAL;CAIA,MAAA,CAAAM,uBAA8BZ,SAASa,QAAyB;CAAC,IAAAC;AAAA,KAAAN,EAAA,OAAAH,YAAAG,EAAA,OAAAI,qBAAA;AAG/DE,QAAAC,eAAA;GACE,MAAA,EAAAC,kBAA0BD;AAC1BH,uBAAmBK,IAAKD,cAAc;AAEtC,OAAIX,SACFA,UAASU,WAAW;;AAEvBP,IAAA,KAAAH;AAAAG,IAAA,KAAAI;AAAAJ,IAAA,KAAAM;OAAAA,MAAAN,EAAA;AAIHP,kBAAiBG,YAZOU,IAYsBJ,eAAeH,QAAQ;CAAA,IAAAY;AAAA,KAAAX,EAAA,OAAAI,qBAAA;AAE9DO,OAAA,EAAAP,qBAA4C;AAAAJ,IAAA,KAAAI;AAAAJ,IAAA,KAAAW;OAAAA,MAAAX,EAAA;AAAA,QAA5CW;;AAvBF,SAAAN,UAAA;AAAA,QAOwC,IAAIX,YAAY,EAAE;;;;;;;;;;;;;ACLjE,SAAOsB,uBAAAC,uBAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAIL,MAAA,CAAAC,uBAA8BP,SAASQ,MAAyB;CAChE,MAAA,CAAAC,YAAAC,iBAAoCV,SAAwB,KAAK;CAAC,IAAAW;AAAA,KAAAN,EAAA,OAAAD,yBAAAC,EAAA,OAAAE,qBAAA;AAGhEI,QAAAC,eAAA;GACE,MAAA,EAAAH,YAAAI,IAAAC,kBAA0CF;AAC1CF,kBAAcK,SAAWA,SAASF,KAATE,OAAAF,GAAyB;AAClDN,uBAAmBS,IAAKF,cAAc;AAEtC,OAAIV,sBACFA,uBAAsBQ,WAAW;;AAEpCP,IAAA,KAAAD;AAAAC,IAAA,KAAAE;AAAAF,IAAA,KAAAM;OAAAA,MAAAN,EAAA;AAIHJ,kBAbwBU,GAaS;CAAA,IAAAO;AAAA,KAAAb,EAAA,OAAAE,uBAAAF,EAAA,OAAAI,YAAA;AAE1BS,OAAA;GAAAT;GAAAF;GAAmC;AAAAF,IAAA,KAAAE;AAAAF,IAAA,KAAAI;AAAAJ,IAAA,KAAAa;OAAAA,MAAAb,EAAA;AAAA,QAAnCa;;AAtBF,SAAAV,QAAA;AAAA,QAIwC,IAAIN,YAAY,EAAE"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-scrollytelling/react-spring",
-  "version": "0.2.1",
+  "version": "0.3.1",
   "description": "> TODO: description",
   "author": "@hsunpei",
   "license": "MIT",
@@ -8,24 +8,27 @@
     "access": "public"
   },
   "homepage": "https://github.com/hsunpei/react-scrollytelling#readme",
-  "main": "dist/index.cjs.js",
-  "module": "dist/index.es.js",
-  "types": "./dist/src/index.d.ts",
+  "type": "module",
+  "main": "dist/index.mjs",
+  "types": "dist/index.d.mts",
   "sideEffects": false,
   "files": [
     "dist"
   ],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.mts",
+      "import": "./dist/index.mjs"
+    }
+  },
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/hsunpei/react-scrollytelling.git"
+    "url": "git+https://github.com/hsunpei/react-scrollytelling.git",
+    "directory": "packages/react-spring"
   },
   "scripts": {
-    "dev": "BUILD_MODE=dev yarn dev:dist",
-    "dev:dist": "yarn build:dist --watch",
-    "dev:declarations": "tsc -p . --emitDeclarationOnly --watch --outDir dist_types",
-    "build": "run-s build:dist build:declarations",
-    "build:dist": "vite build",
-    "build:declarations": "tsc -p . --emitDeclarationOnly --outDir dist_types",
+    "dev": "tsdown --watch",
+    "build": "tsdown",
     "clean": "rimraf -rf ./dist && rimraf -rf ./dist_types",
     "test": "jest",
     "test:watch": "jest --watch"
@@ -34,20 +37,18 @@
     "url": "https://github.com/hsunpei/react-scrollytelling/issues"
   },
   "devDependencies": {
-    "@testing-library/dom": "^10.4.0",
-    "@testing-library/jest-dom": "^6.4.8",
-    "@testing-library/react": "^16.0.0",
-    "jest": "^29.7.0",
-    "jest-environment-jsdom": "^29.7.0",
-    "ts-jest": "^29.2.4",
-    "vite": "^5.2.11"
+    "@testing-library/dom": "catalog:",
+    "@testing-library/jest-dom": "catalog:",
+    "@testing-library/react": "catalog:",
+    "jest": "catalog:",
+    "jest-environment-jsdom": "catalog:",
+    "ts-jest": "catalog:"
   },
   "peerDependencies": {
-    "@react-scrollytelling/core": "workspace:^",
-    "@react-scrollytelling/grouped": "workspace:^",
-    "@react-spring/web": "^10.0.3",
-    "react": "^19.1.1",
-    "react-dom": "^19.1.1"
-  },
-  "gitHead": "e68bd6fc3cb9fe9b8b65c176166189339d25c4a1"
+    "@react-scrollytelling/core": "workspace:*",
+    "@react-scrollytelling/grouped": "workspace:*",
+    "@react-spring/web": "catalog:",
+    "react": "catalog:",
+    "react-dom": "catalog:"
+  }
 }

package/dist/index.cjs.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),S=require("@react-scrollytelling/core"),l=require("@react-spring/web"),a=require("@react-scrollytelling/grouped");function g(r,e,o=!0,s){const c=t.useRef(new l.SpringValue(0)),n=t.useCallback(i=>{const{scrolledRatio:u}=i;c.current.set(u),e&&e(i)},[e]);return S.useSectionScroll(r,n,o,s),{scrolledRatioSpring:c.current}}function d(r){const e=t.useRef(new l.SpringValue(0)),[o,s]=t.useState(null),c=t.useCallback(n=>{const{trackingId:i,scrolledRatio:u}=n;s(i),e.current.set(u),r&&r(n)},[r]);return a.useActiveSection(c),{trackingId:o,scrolledRatioSpring:e.current}}exports.useActiveSectionSpring=d;exports.useSectionScrollSpring=g;
-//# sourceMappingURL=index.cjs.js.map

package/dist/index.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs.js","sources":["../src/hooks/useSectionScrollSpring.ts","../src/hooks/useActiveSectionSpring.ts"],"sourcesContent":["import { useCallback, useRef } from 'react';\n\nimport {\n  IntersectionObserverOptions,\n  SectionScrollInfo,\n  useSectionScroll,\n} from '@react-scrollytelling/core';\nimport { SpringValue } from '@react-spring/web';\n\n/**\n * Get the Spring value (react-spring) of the section scroll\n * @param sectionRef - The reference to the section element\n * @param shouldObserve - Whether the underlying IntersectionObserver should be active\n * @param onScroll - The callback to track the scroll ratio\n */\nexport function useSectionScrollSpring(\n  sectionRef: React.RefObject<Element>,\n  onScroll?: (scrollInfo: SectionScrollInfo) => void,\n  shouldObserve = true,\n  options?: IntersectionObserverOptions\n) {\n  const scrolledRatioSpringRef = useRef(new SpringValue(0));\n\n  const onSectionScroll = useCallback(\n    (scrollInfo: SectionScrollInfo) => {\n      const { scrolledRatio } = scrollInfo;\n      scrolledRatioSpringRef.current.set(scrolledRatio);\n\n      if (onScroll) {\n        onScroll(scrollInfo);\n      }\n    },\n    [onScroll]\n  );\n\n  useSectionScroll(sectionRef, onSectionScroll, shouldObserve, options);\n\n  return { scrolledRatioSpring: scrolledRatioSpringRef.current };\n}\n","import { useCallback, useRef, useState } from 'react';\n\nimport {\n  ActiveSectionScrollInfo,\n  useActiveSection,\n  ActiveSectionObserver,\n} from '@react-scrollytelling/grouped';\nimport { SpringValue } from '@react-spring/web';\n\n/**\n * Watches for all tracked sections to find the section closet to the bottom of the viewport\n * through ScrollytellingProvider.\n * It invokes the onActiveSectionChange when the active section changes.\n * Returns the Spring value (react-spring) of the section scroll.\n * @param onActiveSectionChange - The callback needs to be memoized\n * @returns The trackingId of the active section and the Spring value of the section scroll\n */\nexport function useActiveSectionSpring(onActiveSectionChange?: ActiveSectionObserver) {\n  const scrolledRatioSpringRef = useRef(new SpringValue(0));\n  const [trackingId, setTrackingId] = useState<string | null>(null);\n\n  const onSectionScroll = useCallback(\n    (scrollInfo: ActiveSectionScrollInfo) => {\n      const { trackingId: id, scrolledRatio } = scrollInfo;\n      setTrackingId(id);\n      scrolledRatioSpringRef.current.set(scrolledRatio);\n\n      if (onActiveSectionChange) {\n        onActiveSectionChange(scrollInfo);\n      }\n    },\n    [onActiveSectionChange]\n  );\n\n  useActiveSection(onSectionScroll);\n\n  return { trackingId, scrolledRatioSpring: scrolledRatioSpringRef.current };\n}\n"],"names":["useSectionScrollSpring","sectionRef","onScroll","shouldObserve","options","scrolledRatioSpringRef","useRef","SpringValue","onSectionScroll","useCallback","scrollInfo","scrolledRatio","useSectionScroll","useActiveSectionSpring","onActiveSectionChange","trackingId","setTrackingId","useState","id","useActiveSection"],"mappings":"2NAeO,SAASA,EACdC,EACAC,EACAC,EAAgB,GAChBC,EACA,CACA,MAAMC,EAAyBC,EAAA,OAAO,IAAIC,EAAAA,YAAY,CAAC,CAAC,EAElDC,EAAkBC,EAAA,YACrBC,GAAkC,CAC3B,KAAA,CAAE,cAAAC,CAAkB,EAAAD,EACHL,EAAA,QAAQ,IAAIM,CAAa,EAE5CT,GACFA,EAASQ,CAAU,CAEvB,EACA,CAACR,CAAQ,CAAA,EAGMU,OAAAA,EAAAA,iBAAAX,EAAYO,EAAiBL,EAAeC,CAAO,EAE7D,CAAE,oBAAqBC,EAAuB,QACvD,CCrBO,SAASQ,EAAuBC,EAA+C,CACpF,MAAMT,EAAyBC,EAAA,OAAO,IAAIC,EAAAA,YAAY,CAAC,CAAC,EAClD,CAACQ,EAAYC,CAAa,EAAIC,WAAwB,IAAI,EAE1DT,EAAkBC,EAAA,YACrBC,GAAwC,CACvC,KAAM,CAAE,WAAYQ,EAAI,cAAAP,CAAA,EAAkBD,EAC1CM,EAAcE,CAAE,EACOb,EAAA,QAAQ,IAAIM,CAAa,EAE5CG,GACFA,EAAsBJ,CAAU,CAEpC,EACA,CAACI,CAAqB,CAAA,EAGxBK,OAAAA,EAAA,iBAAiBX,CAAe,EAEzB,CAAE,WAAAO,EAAY,oBAAqBV,EAAuB,OAAQ,CAC3E"}

package/dist/index.es.js

@@ -1,29 +0,0 @@
-import { useRef as u, useCallback as l, useState as p } from "react";
-import { useSectionScroll as a } from "@react-scrollytelling/core";
-import { SpringValue as S } from "@react-spring/web";
-import { useActiveSection as d } from "@react-scrollytelling/grouped";
-function k(t, r, n = !0, c) {
-  const e = u(new S(0)), o = l(
-    (i) => {
-      const { scrolledRatio: s } = i;
-      e.current.set(s), r && r(i);
-    },
-    [r]
-  );
-  return a(t, o, n, c), { scrolledRatioSpring: e.current };
-}
-function w(t) {
-  const r = u(new S(0)), [n, c] = p(null), e = l(
-    (o) => {
-      const { trackingId: i, scrolledRatio: s } = o;
-      c(i), r.current.set(s), t && t(o);
-    },
-    [t]
-  );
-  return d(e), { trackingId: n, scrolledRatioSpring: r.current };
-}
-export {
-  w as useActiveSectionSpring,
-  k as useSectionScrollSpring
-};
-//# sourceMappingURL=index.es.js.map

package/dist/index.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.es.js","sources":["../src/hooks/useSectionScrollSpring.ts","../src/hooks/useActiveSectionSpring.ts"],"sourcesContent":["import { useCallback, useRef } from 'react';\n\nimport {\n  IntersectionObserverOptions,\n  SectionScrollInfo,\n  useSectionScroll,\n} from '@react-scrollytelling/core';\nimport { SpringValue } from '@react-spring/web';\n\n/**\n * Get the Spring value (react-spring) of the section scroll\n * @param sectionRef - The reference to the section element\n * @param shouldObserve - Whether the underlying IntersectionObserver should be active\n * @param onScroll - The callback to track the scroll ratio\n */\nexport function useSectionScrollSpring(\n  sectionRef: React.RefObject<Element>,\n  onScroll?: (scrollInfo: SectionScrollInfo) => void,\n  shouldObserve = true,\n  options?: IntersectionObserverOptions\n) {\n  const scrolledRatioSpringRef = useRef(new SpringValue(0));\n\n  const onSectionScroll = useCallback(\n    (scrollInfo: SectionScrollInfo) => {\n      const { scrolledRatio } = scrollInfo;\n      scrolledRatioSpringRef.current.set(scrolledRatio);\n\n      if (onScroll) {\n        onScroll(scrollInfo);\n      }\n    },\n    [onScroll]\n  );\n\n  useSectionScroll(sectionRef, onSectionScroll, shouldObserve, options);\n\n  return { scrolledRatioSpring: scrolledRatioSpringRef.current };\n}\n","import { useCallback, useRef, useState } from 'react';\n\nimport {\n  ActiveSectionScrollInfo,\n  useActiveSection,\n  ActiveSectionObserver,\n} from '@react-scrollytelling/grouped';\nimport { SpringValue } from '@react-spring/web';\n\n/**\n * Watches for all tracked sections to find the section closet to the bottom of the viewport\n * through ScrollytellingProvider.\n * It invokes the onActiveSectionChange when the active section changes.\n * Returns the Spring value (react-spring) of the section scroll.\n * @param onActiveSectionChange - The callback needs to be memoized\n * @returns The trackingId of the active section and the Spring value of the section scroll\n */\nexport function useActiveSectionSpring(onActiveSectionChange?: ActiveSectionObserver) {\n  const scrolledRatioSpringRef = useRef(new SpringValue(0));\n  const [trackingId, setTrackingId] = useState<string | null>(null);\n\n  const onSectionScroll = useCallback(\n    (scrollInfo: ActiveSectionScrollInfo) => {\n      const { trackingId: id, scrolledRatio } = scrollInfo;\n      setTrackingId(id);\n      scrolledRatioSpringRef.current.set(scrolledRatio);\n\n      if (onActiveSectionChange) {\n        onActiveSectionChange(scrollInfo);\n      }\n    },\n    [onActiveSectionChange]\n  );\n\n  useActiveSection(onSectionScroll);\n\n  return { trackingId, scrolledRatioSpring: scrolledRatioSpringRef.current };\n}\n"],"names":["useSectionScrollSpring","sectionRef","onScroll","shouldObserve","options","scrolledRatioSpringRef","useRef","SpringValue","onSectionScroll","useCallback","scrollInfo","scrolledRatio","useSectionScroll","useActiveSectionSpring","onActiveSectionChange","trackingId","setTrackingId","useState","id","useActiveSection"],"mappings":";;;;AAeO,SAASA,EACdC,GACAC,GACAC,IAAgB,IAChBC,GACA;AACA,QAAMC,IAAyBC,EAAO,IAAIC,EAAY,CAAC,CAAC,GAElDC,IAAkBC;AAAA,IACtB,CAACC,MAAkC;AAC3B,YAAA,EAAE,eAAAC,EAAkB,IAAAD;AACH,MAAAL,EAAA,QAAQ,IAAIM,CAAa,GAE5CT,KACFA,EAASQ,CAAU;AAAA,IAEvB;AAAA,IACA,CAACR,CAAQ;AAAA,EAAA;AAGM,SAAAU,EAAAX,GAAYO,GAAiBL,GAAeC,CAAO,GAE7D,EAAE,qBAAqBC,EAAuB;AACvD;ACrBO,SAASQ,EAAuBC,GAA+C;AACpF,QAAMT,IAAyBC,EAAO,IAAIC,EAAY,CAAC,CAAC,GAClD,CAACQ,GAAYC,CAAa,IAAIC,EAAwB,IAAI,GAE1DT,IAAkBC;AAAA,IACtB,CAACC,MAAwC;AACvC,YAAM,EAAE,YAAYQ,GAAI,eAAAP,EAAA,IAAkBD;AAC1C,MAAAM,EAAcE,CAAE,GACOb,EAAA,QAAQ,IAAIM,CAAa,GAE5CG,KACFA,EAAsBJ,CAAU;AAAA,IAEpC;AAAA,IACA,CAACI,CAAqB;AAAA,EAAA;AAGxB,SAAAK,EAAiBX,CAAe,GAEzB,EAAE,YAAAO,GAAY,qBAAqBV,EAAuB,QAAQ;AAC3E;"}

package/dist/src/hooks/index.d.ts

@@ -1,3 +0,0 @@
-export * from './useSectionScrollSpring';
-export * from './useActiveSectionSpring';
-//# sourceMappingURL=index.d.ts.map

package/dist/src/hooks/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC"}

package/dist/src/hooks/useActiveSectionSpring.d.ts

@@ -1,16 +0,0 @@
-import { SpringValue } from '@react-spring/web';
-import { ActiveSectionObserver } from '@react-scrollytelling/grouped';
-
-/**
- * Watches for all tracked sections to find the section closet to the bottom of the viewport
- * through ScrollytellingProvider.
- * It invokes the onActiveSectionChange when the active section changes.
- * Returns the Spring value (react-spring) of the section scroll.
- * @param onActiveSectionChange - The callback needs to be memoized
- * @returns The trackingId of the active section and the Spring value of the section scroll
- */
-export declare function useActiveSectionSpring(onActiveSectionChange?: ActiveSectionObserver): {
-    trackingId: string | null;
-    scrolledRatioSpring: SpringValue<number>;
-};
-//# sourceMappingURL=useActiveSectionSpring.d.ts.map

package/dist/src/hooks/useActiveSectionSpring.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useActiveSectionSpring.d.ts","sourceRoot":"","sources":["../../../src/hooks/useActiveSectionSpring.ts"],"names":[],"mappings":"AAEA,OAAO,EAGL,qBAAqB,EACtB,MAAM,+BAA+B,CAAC;AACvC,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAEhD;;;;;;;GAOG;AACH,wBAAgB,sBAAsB,CAAC,qBAAqB,CAAC,EAAE,qBAAqB;;;EAoBnF"}

package/dist/src/hooks/useSectionScrollSpring.d.ts

@@ -1,13 +0,0 @@
-import { SpringValue } from '@react-spring/web';
-import { IntersectionObserverOptions, SectionScrollInfo } from '@react-scrollytelling/core';
-
-/**
- * Get the Spring value (react-spring) of the section scroll
- * @param sectionRef - The reference to the section element
- * @param shouldObserve - Whether the underlying IntersectionObserver should be active
- * @param onScroll - The callback to track the scroll ratio
- */
-export declare function useSectionScrollSpring(sectionRef: React.RefObject<Element>, onScroll?: (scrollInfo: SectionScrollInfo) => void, shouldObserve?: boolean, options?: IntersectionObserverOptions): {
-    scrolledRatioSpring: SpringValue<number>;
-};
-//# sourceMappingURL=useSectionScrollSpring.d.ts.map

package/dist/src/hooks/useSectionScrollSpring.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useSectionScrollSpring.d.ts","sourceRoot":"","sources":["../../../src/hooks/useSectionScrollSpring.ts"],"names":[],"mappings":";AAEA,OAAO,EACL,2BAA2B,EAC3B,iBAAiB,EAElB,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAEhD;;;;;GAKG;AACH,wBAAgB,sBAAsB,CACpC,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,EACpC,QAAQ,CAAC,EAAE,CAAC,UAAU,EAAE,iBAAiB,KAAK,IAAI,EAClD,aAAa,UAAO,EACpB,OAAO,CAAC,EAAE,2BAA2B;;EAmBtC"}

package/dist/src/index.d.ts

@@ -1,2 +0,0 @@
-export * from './hooks';
-//# sourceMappingURL=index.d.ts.map

package/dist/src/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC"}