@tamagui/scroll-view 2.7.7 → 3.0.0-beta.1091.1

package/dist/cjs/web.cjs

@@ -0,0 +1,24 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
+	});
+};
+var __copyProps = (to, from, except, desc) => {
+	if (from && typeof from === "object" || typeof from === "function") {
+		for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: () => from[key],
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var web_exports = {};
+__export(web_exports, { ScrollView: () => import_ScrollView.ScrollView });
+module.exports = __toCommonJS(web_exports);
+var import_ScrollView = require("./ScrollView.cjs");

package/dist/esm/ScrollView.mjs

@@ -1,18 +1,13 @@
-import { fullscreenStyle } from "@tamagui/stacks";
 import { styled } from "@tamagui/web";
-import { ScrollView as ScrollViewNative } from "react-native-web";
-const ScrollView = styled(ScrollViewNative, {
-  name: "ScrollView",
-  scrollEnabled: true,
-  variants: {
-    fullscreen: {
-      true: fullscreenStyle
-    }
-  }
+import { WebScrollView } from "./WebScrollView.mjs";
+
+const ScrollView = styled(WebScrollView, {
+	displayName: "ScrollView",
+	scrollEnabled: true
 }, {
-  accept: {
-    contentContainerStyle: "style"
-  }
+	acceptsClassName: true,
+	neverFlatten: true
 });
+
 export { ScrollView };
 //# sourceMappingURL=ScrollView.mjs.map

package/dist/esm/ScrollView.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["fullscreenStyle","styled","ScrollView","ScrollViewNative","name","scrollEnabled","variants","fullscreen","true","accept","contentContainerStyle"],"sources":["../../src/ScrollView.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,eAAA,QAAuB;AAEhC,SAASC,MAAA,QAAc;AACvB,SAASC,UAAA,IAAcC,gBAAA,QAAwB;AAExC,MAAMD,UAAA,GAAaD,MAAA,CACxBE,gBAAA,EACA;EACEC,IAAA,EAAM;EACNC,aAAA,EAAe;EAEfC,QAAA,EAAU;IACRC,UAAA,EAAY;MACVC,IAAA,EAAMR;IACR;EACF;AACF,GACA;EACES,MAAA,EAAQ;IACNC,qBAAA,EAAuB;EACzB;AACF,CACF","ignoreList":[]}
+{"version":3,"file":"ScrollView.js","names":[],"sources":["esm/ScrollView.js"],"sourcesContent":["import { styled } from \"@tamagui/web\";\nimport { WebScrollView } from \"./WebScrollView\";\nconst ScrollView = styled(\n  WebScrollView,\n  {\n    displayName: \"ScrollView\",\n    scrollEnabled: true\n  },\n  {\n    acceptsClassName: true,\n    neverFlatten: true\n  }\n);\nexport {\n  ScrollView\n};\n//# sourceMappingURL=ScrollView.js.map\n"],"mappings":";;;;AAEA,MAAM,aAAa,OACjB,eACA;CACE,aAAa;CACb,eAAe;AACjB,GACA;CACE,kBAAkB;CAClB,cAAc;AAChB,CACF"}

package/dist/esm/ScrollView.native.js

@@ -1,18 +1,20 @@
-import { fullscreenStyle } from "@tamagui/stacks";
-import { styled } from "@tamagui/web";
-import { ScrollView as ScrollViewNative } from "react-native";
-var ScrollView = styled(ScrollViewNative, {
-  name: "ScrollView",
-  scrollEnabled: true,
-  variants: {
-    fullscreen: {
-      true: fullscreenStyle
-    }
-  }
-}, {
-  accept: {
-    contentContainerStyle: "style"
-  }
+import { jsx } from "react/jsx-runtime";
+import { styled, useStyle } from "@tamagui/web";
+import React from "react";
+import { ScrollView as ScrollView$1 } from "react-native";
+
+var ScrollViewNative = /* @__PURE__ */ React.forwardRef(function(param, ref) {
+	var { contentContainerStyle, ...props } = param;
+	return /* @__PURE__ */ jsx(ScrollView$1, {
+		...props,
+		ref,
+		contentContainerStyle: useStyle(contentContainerStyle)
+	});
 });
+var ScrollView = styled(ScrollViewNative, {
+	displayName: "ScrollView",
+	scrollEnabled: true
+}, { neverFlatten: true });
+
 export { ScrollView };
 //# sourceMappingURL=ScrollView.native.js.map

package/dist/esm/ScrollView.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["fullscreenStyle","styled","ScrollView","ScrollViewNative","name","scrollEnabled","variants","fullscreen","true","accept","contentContainerStyle"],"sources":["../../src/ScrollView.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,eAAA,QAAuB;AAEhC,SAASC,MAAA,QAAc;AACvB,SAASC,UAAA,IAAcC,gBAAA,QAAwB;AAExC,IAAAD,UAAM,GAAAD,MAAa,CAAAE,gBAAA;EACxBC,IAAA;EACAC,aAAA;EAAAC,QACQ;IACNC,UAAA;MAEAC,IAAA,EAAAR;IAAU;EACI;AACJ;EACRS,MACF;IACFC,qBAAA;EACA;AAAA;AACU,SACiBR,UACzB","ignoreList":[]}
+{"version":3,"file":"ScrollView.native.js","names":["ReactNativeScrollView"],"sources":["esm/ScrollView.native.js"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { styled, useStyle } from \"@tamagui/web\";\nimport React from \"react\";\nimport { ScrollView as ReactNativeScrollView } from \"react-native\";\nvar ScrollViewNative = /* @__PURE__ */ React.forwardRef(function(param, ref) {\n  var { contentContainerStyle, ...props } = param;\n  return /* @__PURE__ */ _jsx(ReactNativeScrollView, {\n    ...props,\n    ref,\n    contentContainerStyle: useStyle(contentContainerStyle)\n  });\n});\nvar ScrollView = styled(ScrollViewNative, {\n  displayName: \"ScrollView\",\n  scrollEnabled: true\n}, {\n  neverFlatten: true\n});\nexport {\n  ScrollView\n};\n//# sourceMappingURL=ScrollView.native.js.map\n"],"mappings":";;;;;;AAIA,IAAI,mBAAmC,sBAAM,WAAW,SAAS,OAAO,KAAK;CAC3E,IAAI,EAAE,uBAAuB,GAAG,UAAU;CAC1C,OAAuB,oBAAKA,cAAuB;EACjD,GAAG;EACH;EACA,uBAAuB,SAAS,qBAAqB;CACvD,CAAC;AACH,CAAC;AACD,IAAI,aAAa,OAAO,kBAAkB;CACxC,aAAa;CACb,eAAe;AACjB,GAAG,EACD,cAAc,KAChB,CAAC"}

package/dist/esm/WebScrollView.mjs

@@ -0,0 +1,211 @@
+import { View } from "@tamagui/web";
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+
+const View$1 = View;
+function mergeRefs(...refs) {
+	return (node) => {
+		for (const ref of refs) {
+			if (!ref) continue;
+			if (typeof ref === "function") ref(node);
+			else ref.current = node;
+		}
+	};
+}
+function normalizeScrollEvent(e) {
+	const target = e.target;
+	return {
+		nativeEvent: {
+			contentOffset: {
+				get x() {
+					return target.scrollLeft;
+				},
+				get y() {
+					return target.scrollTop;
+				}
+			},
+			contentSize: {
+				get height() {
+					return target.scrollHeight;
+				},
+				get width() {
+					return target.scrollWidth;
+				}
+			},
+			layoutMeasurement: {
+				get height() {
+					return target.offsetHeight;
+				},
+				get width() {
+					return target.offsetWidth;
+				}
+			}
+		},
+		timeStamp: Date.now()
+	};
+}
+function shouldEmitScrollEvent(lastTick, eventThrottle) {
+	const timeSinceLastTick = Date.now() - lastTick;
+	return eventThrottle > 0 && timeSinceLastTick >= eventThrottle;
+}
+function resolveStyles(...inputs) {
+	return inputs.flat(Infinity).filter(Boolean);
+}
+function joinClassNames(...parts) {
+	const joined = parts.filter(Boolean).join(" ").trim();
+	return joined || void 0;
+}
+const commonStyle = {
+	flexGrow: 1,
+	flexShrink: 1
+};
+const styles = {
+	baseVertical: {
+		...commonStyle,
+		flexDirection: "column",
+		overflowX: "hidden",
+		overflowY: "auto"
+	},
+	baseHorizontal: {
+		...commonStyle,
+		flexDirection: "row",
+		overflowX: "auto",
+		overflowY: "hidden"
+	},
+	contentContainerHorizontal: { flexDirection: "row" },
+	contentContainerCenterContent: {
+		justifyContent: "center",
+		flexGrow: 1
+	},
+	stickyHeader: {
+		position: "sticky",
+		top: 0,
+		zIndex: 10
+	},
+	pagingEnabledHorizontal: { scrollSnapType: "x mandatory" },
+	pagingEnabledVertical: { scrollSnapType: "y mandatory" },
+	pagingEnabledChild: { scrollSnapAlign: "start" },
+	scrollDisabled: {
+		overflowX: "hidden",
+		overflowY: "hidden",
+		touchAction: "none"
+	}
+};
+const WebScrollView = React.forwardRef((props, forwardedRef) => {
+	const { children, contentContainerStyle, horizontal, onContentSizeChange, onScroll, refreshControl, stickyHeaderIndices, pagingEnabled, centerContent, scrollEnabled = true, scrollEventThrottle = 0, showsHorizontalScrollIndicator, showsVerticalScrollIndicator, style, keyboardShouldPersistTaps, keyboardDismissMode, contentOffset, contentInset, contentInsetAdjustmentBehavior, decelerationRate, directionalLockEnabled, disableIntervalMomentum, disableScrollViewPanResponder, endFillColor, fadingEdgeLength, indicatorStyle, invertStickyHeaders, maintainVisibleContentPosition, maximumZoomScale, minimumZoomScale, nestedScrollEnabled, onScrollToTop, overScrollMode, pinchGestureEnabled, removeClippedSubviews, scrollIndicatorInsets, scrollPerfTag, scrollToOverflowEnabled, snapToAlignment, snapToEnd, snapToInterval, snapToOffsets, snapToStart, bounces, ...rest } = props;
+	const scrollNodeRef = React.useRef(null);
+	const innerViewRef = React.useRef(null);
+	const scrollState = React.useRef({
+		isScrolling: false,
+		scrollLastTick: 0
+	});
+	const scrollTimeout = React.useRef(null);
+	const scrollTo = (options) => {
+		const node = scrollNodeRef.current;
+		if (node == null) return;
+		const { x = 0, y = 0, animated = true } = options || {};
+		if (typeof node.scroll === "function") {
+			node.scroll({
+				top: y,
+				left: x,
+				behavior: animated ? "smooth" : "auto"
+			});
+		} else {
+			node.scrollLeft = x;
+			node.scrollTop = y;
+		}
+	};
+	const scrollToEnd = (options) => {
+		const node = scrollNodeRef.current;
+		if (node == null) return;
+		const animated = (options && options.animated) !== false;
+		const x = horizontal ? node.scrollWidth : 0;
+		const y = horizontal ? 0 : node.scrollHeight;
+		scrollTo({
+			x,
+			y,
+			animated
+		});
+	};
+	const setScrollNodeRef = React.useCallback((node) => {
+		scrollNodeRef.current = node;
+		if (node != null) {
+			node.getScrollResponder = () => node;
+			node.getScrollableNode = () => node;
+			node.getInnerViewNode = () => innerViewRef.current;
+			node.getInnerViewRef = () => innerViewRef.current;
+			node.getNativeScrollRef = () => node;
+			node.scrollTo = scrollTo;
+			node.scrollToEnd = scrollToEnd;
+			node.flashScrollIndicators = () => {};
+		}
+		mergeRefs(forwardedRef)(node);
+	}, [forwardedRef, horizontal]);
+	function handleScroll(e) {
+		e.stopPropagation();
+		if (e.target !== scrollNodeRef.current) return;
+		if (scrollTimeout.current != null) {
+			clearTimeout(scrollTimeout.current);
+		}
+		scrollTimeout.current = setTimeout(() => {
+			scrollState.current.isScrolling = false;
+			onScroll?.(normalizeScrollEvent(e));
+		}, 100);
+		if (scrollState.current.isScrolling) {
+			if (shouldEmitScrollEvent(scrollState.current.scrollLastTick, scrollEventThrottle)) {
+				scrollState.current.scrollLastTick = Date.now();
+				onScroll?.(normalizeScrollEvent(e));
+			}
+		} else {
+			scrollState.current.isScrolling = true;
+			scrollState.current.scrollLastTick = Date.now();
+			onScroll?.(normalizeScrollEvent(e));
+		}
+	}
+	const handleContentLayout = onContentSizeChange ? (e) => {
+		const { width, height } = e.nativeEvent.layout;
+		onContentSizeChange(width, height);
+	} : void 0;
+	const hasStickyHeaderIndices = !horizontal && Array.isArray(stickyHeaderIndices);
+	const renderedChildren = hasStickyHeaderIndices || pagingEnabled ? React.Children.map(children, (child, i) => {
+		const isSticky = hasStickyHeaderIndices && stickyHeaderIndices.indexOf(i) > -1;
+		if (child != null && (isSticky || pagingEnabled)) {
+			const resolvedStyle = resolveStyles(isSticky && styles.stickyHeader, pagingEnabled && styles.pagingEnabledChild);
+			return /* @__PURE__ */ jsx(View$1, {
+				style: resolvedStyle,
+				children: child
+			});
+		}
+		return child;
+	}) : children;
+	const contentStyle = resolveStyles(horizontal && styles.contentContainerHorizontal, centerContent && styles.contentContainerCenterContent, contentContainerStyle);
+	const contentContainer = /* @__PURE__ */ jsx(View$1, {
+		ref: innerViewRef,
+		onLayout: handleContentLayout,
+		style: contentStyle,
+		children: renderedChildren
+	});
+	const baseStyle = horizontal ? styles.baseHorizontal : styles.baseVertical;
+	const pagingEnabledStyle = horizontal ? styles.pagingEnabledHorizontal : styles.pagingEnabledVertical;
+	const hideHorizontalScrollbar = showsHorizontalScrollIndicator === false;
+	const hideVerticalScrollbar = showsVerticalScrollIndicator === false;
+	const extraClassName = (hideHorizontalScrollbar ? " _hsb-x" : "") + (hideVerticalScrollbar ? " _hsb-y" : "");
+	const scrollStyle = resolveStyles(baseStyle, pagingEnabled && pagingEnabledStyle, style, !scrollEnabled && styles.scrollDisabled);
+	const scrollView = /* @__PURE__ */ jsx(View$1, {
+		...rest,
+		className: joinClassNames(rest.className, extraClassName),
+		ref: setScrollNodeRef,
+		onScroll: handleScroll,
+		style: scrollStyle,
+		children: contentContainer
+	});
+	if (refreshControl) {
+		const refreshStyle = resolveStyles(baseStyle, style);
+		return React.cloneElement(refreshControl, { style: refreshStyle }, scrollView);
+	}
+	return scrollView;
+});
+WebScrollView.displayName = "ScrollView";
+
+export { WebScrollView };
+//# sourceMappingURL=WebScrollView.mjs.map

package/dist/esm/WebScrollView.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"WebScrollView.js","names":["View","TamaguiView"],"sources":["esm/WebScrollView.js"],"sourcesContent":["import { View as TamaguiView } from \"@tamagui/web\";\nimport * as React from \"react\";\nimport { jsx } from \"react/jsx-runtime\";\nconst View = TamaguiView;\nfunction mergeRefs(...refs) {\n  return (node) => {\n    for (const ref of refs) {\n      if (!ref) continue;\n      if (typeof ref === \"function\") ref(node);\n      else ref.current = node;\n    }\n  };\n}\nfunction normalizeScrollEvent(e) {\n  const target = e.target;\n  return {\n    nativeEvent: {\n      contentOffset: {\n        get x() {\n          return target.scrollLeft;\n        },\n        get y() {\n          return target.scrollTop;\n        }\n      },\n      contentSize: {\n        get height() {\n          return target.scrollHeight;\n        },\n        get width() {\n          return target.scrollWidth;\n        }\n      },\n      layoutMeasurement: {\n        get height() {\n          return target.offsetHeight;\n        },\n        get width() {\n          return target.offsetWidth;\n        }\n      }\n    },\n    timeStamp: Date.now()\n  };\n}\nfunction shouldEmitScrollEvent(lastTick, eventThrottle) {\n  const timeSinceLastTick = Date.now() - lastTick;\n  return eventThrottle > 0 && timeSinceLastTick >= eventThrottle;\n}\nfunction resolveStyles(...inputs) {\n  return inputs.flat(Infinity).filter(Boolean);\n}\nfunction joinClassNames(...parts) {\n  const joined = parts.filter(Boolean).join(\" \").trim();\n  return joined || void 0;\n}\nconst commonStyle = {\n  flexGrow: 1,\n  flexShrink: 1\n};\nconst styles = {\n  baseVertical: {\n    ...commonStyle,\n    flexDirection: \"column\",\n    overflowX: \"hidden\",\n    overflowY: \"auto\"\n  },\n  baseHorizontal: {\n    ...commonStyle,\n    flexDirection: \"row\",\n    overflowX: \"auto\",\n    overflowY: \"hidden\"\n  },\n  contentContainerHorizontal: {\n    flexDirection: \"row\"\n  },\n  contentContainerCenterContent: {\n    justifyContent: \"center\",\n    flexGrow: 1\n  },\n  stickyHeader: {\n    position: \"sticky\",\n    top: 0,\n    zIndex: 10\n  },\n  pagingEnabledHorizontal: {\n    scrollSnapType: \"x mandatory\"\n  },\n  pagingEnabledVertical: {\n    scrollSnapType: \"y mandatory\"\n  },\n  pagingEnabledChild: {\n    scrollSnapAlign: \"start\"\n  },\n  scrollDisabled: {\n    overflowX: \"hidden\",\n    overflowY: \"hidden\",\n    touchAction: \"none\"\n  }\n};\nconst WebScrollView = React.forwardRef(\n  (props, forwardedRef) => {\n    const {\n      children,\n      contentContainerStyle,\n      horizontal,\n      onContentSizeChange,\n      onScroll,\n      refreshControl,\n      stickyHeaderIndices,\n      pagingEnabled,\n      centerContent,\n      scrollEnabled = true,\n      scrollEventThrottle = 0,\n      showsHorizontalScrollIndicator,\n      showsVerticalScrollIndicator,\n      style,\n      // strip react-native-only props that shouldn't reach the DOM\n      keyboardShouldPersistTaps,\n      keyboardDismissMode,\n      contentOffset,\n      contentInset,\n      contentInsetAdjustmentBehavior,\n      decelerationRate,\n      directionalLockEnabled,\n      disableIntervalMomentum,\n      disableScrollViewPanResponder,\n      endFillColor,\n      fadingEdgeLength,\n      indicatorStyle,\n      invertStickyHeaders,\n      maintainVisibleContentPosition,\n      maximumZoomScale,\n      minimumZoomScale,\n      nestedScrollEnabled,\n      onScrollToTop,\n      overScrollMode,\n      pinchGestureEnabled,\n      removeClippedSubviews,\n      scrollIndicatorInsets,\n      scrollPerfTag,\n      scrollToOverflowEnabled,\n      snapToAlignment,\n      snapToEnd,\n      snapToInterval,\n      snapToOffsets,\n      snapToStart,\n      bounces,\n      ...rest\n    } = props;\n    const scrollNodeRef = React.useRef(null);\n    const innerViewRef = React.useRef(null);\n    const scrollState = React.useRef({ isScrolling: false, scrollLastTick: 0 });\n    const scrollTimeout = React.useRef(null);\n    const scrollTo = (options) => {\n      const node = scrollNodeRef.current;\n      if (node == null) return;\n      const { x = 0, y = 0, animated = true } = options || {};\n      if (typeof node.scroll === \"function\") {\n        node.scroll({ top: y, left: x, behavior: animated ? \"smooth\" : \"auto\" });\n      } else {\n        node.scrollLeft = x;\n        node.scrollTop = y;\n      }\n    };\n    const scrollToEnd = (options) => {\n      const node = scrollNodeRef.current;\n      if (node == null) return;\n      const animated = (options && options.animated) !== false;\n      const x = horizontal ? node.scrollWidth : 0;\n      const y = horizontal ? 0 : node.scrollHeight;\n      scrollTo({ x, y, animated });\n    };\n    const setScrollNodeRef = React.useCallback(\n      (node) => {\n        scrollNodeRef.current = node;\n        if (node != null) {\n          node.getScrollResponder = () => node;\n          node.getScrollableNode = () => node;\n          node.getInnerViewNode = () => innerViewRef.current;\n          node.getInnerViewRef = () => innerViewRef.current;\n          node.getNativeScrollRef = () => node;\n          node.scrollTo = scrollTo;\n          node.scrollToEnd = scrollToEnd;\n          node.flashScrollIndicators = () => {\n          };\n        }\n        mergeRefs(forwardedRef)(node);\n      },\n      [forwardedRef, horizontal]\n    );\n    function handleScroll(e) {\n      e.stopPropagation();\n      if (e.target !== scrollNodeRef.current) return;\n      if (scrollTimeout.current != null) {\n        clearTimeout(scrollTimeout.current);\n      }\n      scrollTimeout.current = setTimeout(() => {\n        scrollState.current.isScrolling = false;\n        onScroll?.(normalizeScrollEvent(e));\n      }, 100);\n      if (scrollState.current.isScrolling) {\n        if (shouldEmitScrollEvent(scrollState.current.scrollLastTick, scrollEventThrottle)) {\n          scrollState.current.scrollLastTick = Date.now();\n          onScroll?.(normalizeScrollEvent(e));\n        }\n      } else {\n        scrollState.current.isScrolling = true;\n        scrollState.current.scrollLastTick = Date.now();\n        onScroll?.(normalizeScrollEvent(e));\n      }\n    }\n    const handleContentLayout = onContentSizeChange ? (e) => {\n      const { width, height } = e.nativeEvent.layout;\n      onContentSizeChange(width, height);\n    } : void 0;\n    const hasStickyHeaderIndices = !horizontal && Array.isArray(stickyHeaderIndices);\n    const renderedChildren = hasStickyHeaderIndices || pagingEnabled ? React.Children.map(children, (child, i) => {\n      const isSticky = hasStickyHeaderIndices && stickyHeaderIndices.indexOf(i) > -1;\n      if (child != null && (isSticky || pagingEnabled)) {\n        const resolvedStyle = resolveStyles(\n          isSticky && styles.stickyHeader,\n          pagingEnabled && styles.pagingEnabledChild\n        );\n        return /* @__PURE__ */ jsx(View, { style: resolvedStyle, children: child });\n      }\n      return child;\n    }) : children;\n    const contentStyle = resolveStyles(\n      horizontal && styles.contentContainerHorizontal,\n      centerContent && styles.contentContainerCenterContent,\n      contentContainerStyle\n    );\n    const contentContainer = /* @__PURE__ */ jsx(View, { ref: innerViewRef, onLayout: handleContentLayout, style: contentStyle, children: renderedChildren });\n    const baseStyle = horizontal ? styles.baseHorizontal : styles.baseVertical;\n    const pagingEnabledStyle = horizontal ? styles.pagingEnabledHorizontal : styles.pagingEnabledVertical;\n    const hideHorizontalScrollbar = showsHorizontalScrollIndicator === false;\n    const hideVerticalScrollbar = showsVerticalScrollIndicator === false;\n    const extraClassName = (hideHorizontalScrollbar ? \" _hsb-x\" : \"\") + (hideVerticalScrollbar ? \" _hsb-y\" : \"\");\n    const scrollStyle = resolveStyles(\n      baseStyle,\n      pagingEnabled && pagingEnabledStyle,\n      style,\n      !scrollEnabled && styles.scrollDisabled\n    );\n    const scrollView = /* @__PURE__ */ jsx(\n      View,\n      {\n        ...rest,\n        className: joinClassNames(rest.className, extraClassName),\n        ref: setScrollNodeRef,\n        onScroll: handleScroll,\n        style: scrollStyle,\n        children: contentContainer\n      }\n    );\n    if (refreshControl) {\n      const refreshStyle = resolveStyles(baseStyle, style);\n      return React.cloneElement(\n        refreshControl,\n        {\n          style: refreshStyle\n        },\n        scrollView\n      );\n    }\n    return scrollView;\n  }\n);\nWebScrollView.displayName = \"ScrollView\";\nexport {\n  WebScrollView\n};\n//# sourceMappingURL=WebScrollView.js.map\n"],"mappings":";;;;;AAGA,MAAMA,SAAOC;AACb,SAAS,UAAU,GAAG,MAAM;CAC1B,QAAQ,SAAS;EACf,KAAK,MAAM,OAAO,MAAM;GACtB,IAAI,CAAC,KAAK;GACV,IAAI,OAAO,QAAQ,YAAY,IAAI,IAAI;QAClC,IAAI,UAAU;EACrB;CACF;AACF;AACA,SAAS,qBAAqB,GAAG;CAC/B,MAAM,SAAS,EAAE;CACjB,OAAO;EACL,aAAa;GACX,eAAe;IACb,IAAI,IAAI;KACN,OAAO,OAAO;IAChB;IACA,IAAI,IAAI;KACN,OAAO,OAAO;IAChB;GACF;GACA,aAAa;IACX,IAAI,SAAS;KACX,OAAO,OAAO;IAChB;IACA,IAAI,QAAQ;KACV,OAAO,OAAO;IAChB;GACF;GACA,mBAAmB;IACjB,IAAI,SAAS;KACX,OAAO,OAAO;IAChB;IACA,IAAI,QAAQ;KACV,OAAO,OAAO;IAChB;GACF;EACF;EACA,WAAW,KAAK,IAAI;CACtB;AACF;AACA,SAAS,sBAAsB,UAAU,eAAe;CACtD,MAAM,oBAAoB,KAAK,IAAI,IAAI;CACvC,OAAO,gBAAgB,KAAK,qBAAqB;AACnD;AACA,SAAS,cAAc,GAAG,QAAQ;CAChC,OAAO,OAAO,KAAK,QAAQ,CAAC,CAAC,OAAO,OAAO;AAC7C;AACA,SAAS,eAAe,GAAG,OAAO;CAChC,MAAM,SAAS,MAAM,OAAO,OAAO,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,KAAK;CACpD,OAAO,UAAU,KAAK;AACxB;AACA,MAAM,cAAc;CAClB,UAAU;CACV,YAAY;AACd;AACA,MAAM,SAAS;CACb,cAAc;EACZ,GAAG;EACH,eAAe;EACf,WAAW;EACX,WAAW;CACb;CACA,gBAAgB;EACd,GAAG;EACH,eAAe;EACf,WAAW;EACX,WAAW;CACb;CACA,4BAA4B,EAC1B,eAAe,MACjB;CACA,+BAA+B;EAC7B,gBAAgB;EAChB,UAAU;CACZ;CACA,cAAc;EACZ,UAAU;EACV,KAAK;EACL,QAAQ;CACV;CACA,yBAAyB,EACvB,gBAAgB,cAClB;CACA,uBAAuB,EACrB,gBAAgB,cAClB;CACA,oBAAoB,EAClB,iBAAiB,QACnB;CACA,gBAAgB;EACd,WAAW;EACX,WAAW;EACX,aAAa;CACf;AACF;AACA,MAAM,gBAAgB,MAAM,YACzB,OAAO,iBAAiB;CACvB,MAAM,EACJ,UACA,uBACA,YACA,qBACA,UACA,gBACA,qBACA,eACA,eACA,gBAAgB,MAChB,sBAAsB,GACtB,gCACA,8BACA,OAEA,2BACA,qBACA,eACA,cACA,gCACA,kBACA,wBACA,yBACA,+BACA,cACA,kBACA,gBACA,qBACA,gCACA,kBACA,kBACA,qBACA,eACA,gBACA,qBACA,uBACA,uBACA,eACA,yBACA,iBACA,WACA,gBACA,eACA,aACA,SACA,GAAG,SACD;CACJ,MAAM,gBAAgB,MAAM,OAAO,IAAI;CACvC,MAAM,eAAe,MAAM,OAAO,IAAI;CACtC,MAAM,cAAc,MAAM,OAAO;EAAE,aAAa;EAAO,gBAAgB;CAAE,CAAC;CAC1E,MAAM,gBAAgB,MAAM,OAAO,IAAI;CACvC,MAAM,YAAY,YAAY;EAC5B,MAAM,OAAO,cAAc;EAC3B,IAAI,QAAQ,MAAM;EAClB,MAAM,EAAE,IAAI,GAAG,IAAI,GAAG,WAAW,SAAS,WAAW,CAAC;EACtD,IAAI,OAAO,KAAK,WAAW,YAAY;GACrC,KAAK,OAAO;IAAE,KAAK;IAAG,MAAM;IAAG,UAAU,WAAW,WAAW;GAAO,CAAC;EACzE,OAAO;GACL,KAAK,aAAa;GAClB,KAAK,YAAY;EACnB;CACF;CACA,MAAM,eAAe,YAAY;EAC/B,MAAM,OAAO,cAAc;EAC3B,IAAI,QAAQ,MAAM;EAClB,MAAM,YAAY,WAAW,QAAQ,cAAc;EACnD,MAAM,IAAI,aAAa,KAAK,cAAc;EAC1C,MAAM,IAAI,aAAa,IAAI,KAAK;EAChC,SAAS;GAAE;GAAG;GAAG;EAAS,CAAC;CAC7B;CACA,MAAM,mBAAmB,MAAM,aAC5B,SAAS;EACR,cAAc,UAAU;EACxB,IAAI,QAAQ,MAAM;GAChB,KAAK,2BAA2B;GAChC,KAAK,0BAA0B;GAC/B,KAAK,yBAAyB,aAAa;GAC3C,KAAK,wBAAwB,aAAa;GAC1C,KAAK,2BAA2B;GAChC,KAAK,WAAW;GAChB,KAAK,cAAc;GACnB,KAAK,8BAA8B,CACnC;EACF;EACA,UAAU,YAAY,CAAC,CAAC,IAAI;CAC9B,GACA,CAAC,cAAc,UAAU,CAC3B;CACA,SAAS,aAAa,GAAG;EACvB,EAAE,gBAAgB;EAClB,IAAI,EAAE,WAAW,cAAc,SAAS;EACxC,IAAI,cAAc,WAAW,MAAM;GACjC,aAAa,cAAc,OAAO;EACpC;EACA,cAAc,UAAU,iBAAiB;GACvC,YAAY,QAAQ,cAAc;GAClC,WAAW,qBAAqB,CAAC,CAAC;EACpC,GAAG,GAAG;EACN,IAAI,YAAY,QAAQ,aAAa;GACnC,IAAI,sBAAsB,YAAY,QAAQ,gBAAgB,mBAAmB,GAAG;IAClF,YAAY,QAAQ,iBAAiB,KAAK,IAAI;IAC9C,WAAW,qBAAqB,CAAC,CAAC;GACpC;EACF,OAAO;GACL,YAAY,QAAQ,cAAc;GAClC,YAAY,QAAQ,iBAAiB,KAAK,IAAI;GAC9C,WAAW,qBAAqB,CAAC,CAAC;EACpC;CACF;CACA,MAAM,sBAAsB,uBAAuB,MAAM;EACvD,MAAM,EAAE,OAAO,WAAW,EAAE,YAAY;EACxC,oBAAoB,OAAO,MAAM;CACnC,IAAI,KAAK;CACT,MAAM,yBAAyB,CAAC,cAAc,MAAM,QAAQ,mBAAmB;CAC/E,MAAM,mBAAmB,0BAA0B,gBAAgB,MAAM,SAAS,IAAI,WAAW,OAAO,MAAM;EAC5G,MAAM,WAAW,0BAA0B,oBAAoB,QAAQ,CAAC,IAAI,CAAC;EAC7E,IAAI,SAAS,SAAS,YAAY,gBAAgB;GAChD,MAAM,gBAAgB,cACpB,YAAY,OAAO,cACnB,iBAAiB,OAAO,kBAC1B;GACA,OAAuB,oBAAID,QAAM;IAAE,OAAO;IAAe,UAAU;GAAM,CAAC;EAC5E;EACA,OAAO;CACT,CAAC,IAAI;CACL,MAAM,eAAe,cACnB,cAAc,OAAO,4BACrB,iBAAiB,OAAO,+BACxB,qBACF;CACA,MAAM,mBAAmC,oBAAIA,QAAM;EAAE,KAAK;EAAc,UAAU;EAAqB,OAAO;EAAc,UAAU;CAAiB,CAAC;CACxJ,MAAM,YAAY,aAAa,OAAO,iBAAiB,OAAO;CAC9D,MAAM,qBAAqB,aAAa,OAAO,0BAA0B,OAAO;CAChF,MAAM,0BAA0B,mCAAmC;CACnE,MAAM,wBAAwB,iCAAiC;CAC/D,MAAM,kBAAkB,0BAA0B,YAAY,OAAO,wBAAwB,YAAY;CACzG,MAAM,cAAc,cAClB,WACA,iBAAiB,oBACjB,OACA,CAAC,iBAAiB,OAAO,cAC3B;CACA,MAAM,aAA6B,oBACjCA,QACA;EACE,GAAG;EACH,WAAW,eAAe,KAAK,WAAW,cAAc;EACxD,KAAK;EACL,UAAU;EACV,OAAO;EACP,UAAU;CACZ,CACF;CACA,IAAI,gBAAgB;EAClB,MAAM,eAAe,cAAc,WAAW,KAAK;EACnD,OAAO,MAAM,aACX,gBACA,EACE,OAAO,aACT,GACA,UACF;CACF;CACA,OAAO;AACT,CACF;AACA,cAAc,cAAc"}

package/dist/esm/WebScrollView.native.js

@@ -0,0 +1,247 @@
+import { jsx } from "react/jsx-runtime";
+import { View } from "@tamagui/web";
+import * as React from "react";
+
+var View$1 = View;
+function mergeRefs() {
+	for (var _len = arguments.length, refs = new Array(_len), _key = 0; _key < _len; _key++) {
+		refs[_key] = arguments[_key];
+	}
+	return function(node) {
+		var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = void 0;
+		try {
+			for (var _iterator = refs[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+				var ref = _step.value;
+				if (!ref) continue;
+				if (typeof ref === "function") ref(node);
+				else ref.current = node;
+			}
+		} catch (err) {
+			_didIteratorError = true;
+			_iteratorError = err;
+		} finally {
+			try {
+				if (!_iteratorNormalCompletion && _iterator.return != null) {
+					_iterator.return();
+				}
+			} finally {
+				if (_didIteratorError) {
+					throw _iteratorError;
+				}
+			}
+		}
+	};
+}
+function normalizeScrollEvent(e) {
+	var target = e.target;
+	return {
+		nativeEvent: {
+			contentOffset: {
+				get x() {
+					return target.scrollLeft;
+				},
+				get y() {
+					return target.scrollTop;
+				}
+			},
+			contentSize: {
+				get height() {
+					return target.scrollHeight;
+				},
+				get width() {
+					return target.scrollWidth;
+				}
+			},
+			layoutMeasurement: {
+				get height() {
+					return target.offsetHeight;
+				},
+				get width() {
+					return target.offsetWidth;
+				}
+			}
+		},
+		timeStamp: Date.now()
+	};
+}
+function shouldEmitScrollEvent(lastTick, eventThrottle) {
+	var timeSinceLastTick = Date.now() - lastTick;
+	return eventThrottle > 0 && timeSinceLastTick >= eventThrottle;
+}
+function resolveStyles() {
+	for (var _len = arguments.length, inputs = new Array(_len), _key = 0; _key < _len; _key++) {
+		inputs[_key] = arguments[_key];
+	}
+	return inputs.flat(Infinity).filter(Boolean);
+}
+function joinClassNames() {
+	for (var _len = arguments.length, parts = new Array(_len), _key = 0; _key < _len; _key++) {
+		parts[_key] = arguments[_key];
+	}
+	var joined = parts.filter(Boolean).join(" ").trim();
+	return joined || void 0;
+}
+var commonStyle = {
+	flexGrow: 1,
+	flexShrink: 1
+};
+var styles = {
+	baseVertical: {
+		...commonStyle,
+		flexDirection: "column",
+		overflowX: "hidden",
+		overflowY: "auto"
+	},
+	baseHorizontal: {
+		...commonStyle,
+		flexDirection: "row",
+		overflowX: "auto",
+		overflowY: "hidden"
+	},
+	contentContainerHorizontal: { flexDirection: "row" },
+	contentContainerCenterContent: {
+		justifyContent: "center",
+		flexGrow: 1
+	},
+	stickyHeader: {
+		position: "sticky",
+		top: 0,
+		zIndex: 10
+	},
+	pagingEnabledHorizontal: { scrollSnapType: "x mandatory" },
+	pagingEnabledVertical: { scrollSnapType: "y mandatory" },
+	pagingEnabledChild: { scrollSnapAlign: "start" },
+	scrollDisabled: {
+		overflowX: "hidden",
+		overflowY: "hidden",
+		touchAction: "none"
+	}
+};
+var WebScrollView = /* @__PURE__ */ React.forwardRef(function(props, forwardedRef) {
+	var { children, contentContainerStyle, horizontal, onContentSizeChange, onScroll, refreshControl, stickyHeaderIndices, pagingEnabled, centerContent, scrollEnabled = true, scrollEventThrottle = 0, showsHorizontalScrollIndicator, showsVerticalScrollIndicator, style, keyboardShouldPersistTaps, keyboardDismissMode, contentOffset, contentInset, contentInsetAdjustmentBehavior, decelerationRate, directionalLockEnabled, disableIntervalMomentum, disableScrollViewPanResponder, endFillColor, fadingEdgeLength, indicatorStyle, invertStickyHeaders, maintainVisibleContentPosition, maximumZoomScale, minimumZoomScale, nestedScrollEnabled, onScrollToTop, overScrollMode, pinchGestureEnabled, removeClippedSubviews, scrollIndicatorInsets, scrollPerfTag, scrollToOverflowEnabled, snapToAlignment, snapToEnd, snapToInterval, snapToOffsets, snapToStart, bounces, ...rest } = props;
+	var scrollNodeRef = React.useRef(null);
+	var innerViewRef = React.useRef(null);
+	var scrollState = React.useRef({
+		isScrolling: false,
+		scrollLastTick: 0
+	});
+	var scrollTimeout = React.useRef(null);
+	var scrollTo = function(options) {
+		var node = scrollNodeRef.current;
+		if (node == null) return;
+		var { x = 0, y = 0, animated = true } = options || {};
+		if (typeof node.scroll === "function") {
+			node.scroll({
+				top: y,
+				left: x,
+				behavior: animated ? "smooth" : "auto"
+			});
+		} else {
+			node.scrollLeft = x;
+			node.scrollTop = y;
+		}
+	};
+	var scrollToEnd = function(options) {
+		var node = scrollNodeRef.current;
+		if (node == null) return;
+		var animated = (options && options.animated) !== false;
+		var x = horizontal ? node.scrollWidth : 0;
+		var y = horizontal ? 0 : node.scrollHeight;
+		scrollTo({
+			x,
+			y,
+			animated
+		});
+	};
+	var setScrollNodeRef = React.useCallback(function(node) {
+		scrollNodeRef.current = node;
+		if (node != null) {
+			node.getScrollResponder = function() {
+				return node;
+			};
+			node.getScrollableNode = function() {
+				return node;
+			};
+			node.getInnerViewNode = function() {
+				return innerViewRef.current;
+			};
+			node.getInnerViewRef = function() {
+				return innerViewRef.current;
+			};
+			node.getNativeScrollRef = function() {
+				return node;
+			};
+			node.scrollTo = scrollTo;
+			node.scrollToEnd = scrollToEnd;
+			node.flashScrollIndicators = function() {};
+		}
+		mergeRefs(forwardedRef)(node);
+	}, [forwardedRef, horizontal]);
+	function handleScroll(e) {
+		e.stopPropagation();
+		if (e.target !== scrollNodeRef.current) return;
+		if (scrollTimeout.current != null) {
+			clearTimeout(scrollTimeout.current);
+		}
+		scrollTimeout.current = setTimeout(function() {
+			scrollState.current.isScrolling = false;
+			onScroll === null || onScroll === void 0 ? void 0 : onScroll(normalizeScrollEvent(e));
+		}, 100);
+		if (scrollState.current.isScrolling) {
+			if (shouldEmitScrollEvent(scrollState.current.scrollLastTick, scrollEventThrottle)) {
+				scrollState.current.scrollLastTick = Date.now();
+				onScroll === null || onScroll === void 0 ? void 0 : onScroll(normalizeScrollEvent(e));
+			}
+		} else {
+			scrollState.current.isScrolling = true;
+			scrollState.current.scrollLastTick = Date.now();
+			onScroll === null || onScroll === void 0 ? void 0 : onScroll(normalizeScrollEvent(e));
+		}
+	}
+	var handleContentLayout = onContentSizeChange ? function(e) {
+		var { width, height } = e.nativeEvent.layout;
+		onContentSizeChange(width, height);
+	} : void 0;
+	var hasStickyHeaderIndices = !horizontal && Array.isArray(stickyHeaderIndices);
+	var renderedChildren = hasStickyHeaderIndices || pagingEnabled ? React.Children.map(children, function(child, i) {
+		var isSticky = hasStickyHeaderIndices && stickyHeaderIndices.indexOf(i) > -1;
+		if (child != null && (isSticky || pagingEnabled)) {
+			var resolvedStyle = resolveStyles(isSticky && styles.stickyHeader, pagingEnabled && styles.pagingEnabledChild);
+			return /* @__PURE__ */ jsx(View$1, {
+				style: resolvedStyle,
+				children: child
+			});
+		}
+		return child;
+	}) : children;
+	var contentStyle = resolveStyles(horizontal && styles.contentContainerHorizontal, centerContent && styles.contentContainerCenterContent, contentContainerStyle);
+	var contentContainer = /* @__PURE__ */ jsx(View$1, {
+		ref: innerViewRef,
+		onLayout: handleContentLayout,
+		style: contentStyle,
+		children: renderedChildren
+	});
+	var baseStyle = horizontal ? styles.baseHorizontal : styles.baseVertical;
+	var pagingEnabledStyle = horizontal ? styles.pagingEnabledHorizontal : styles.pagingEnabledVertical;
+	var hideHorizontalScrollbar = showsHorizontalScrollIndicator === false;
+	var hideVerticalScrollbar = showsVerticalScrollIndicator === false;
+	var extraClassName = (hideHorizontalScrollbar ? " _hsb-x" : "") + (hideVerticalScrollbar ? " _hsb-y" : "");
+	var scrollStyle = resolveStyles(baseStyle, pagingEnabled && pagingEnabledStyle, style, !scrollEnabled && styles.scrollDisabled);
+	var scrollView = /* @__PURE__ */ jsx(View$1, {
+		...rest,
+		className: joinClassNames(rest.className, extraClassName),
+		ref: setScrollNodeRef,
+		onScroll: handleScroll,
+		style: scrollStyle,
+		children: contentContainer
+	});
+	if (refreshControl) {
+		var refreshStyle = resolveStyles(baseStyle, style);
+		return /* @__PURE__ */ React.cloneElement(refreshControl, { style: refreshStyle }, scrollView);
+	}
+	return scrollView;
+});
+WebScrollView.displayName = "ScrollView";
+
+export { WebScrollView };
+//# sourceMappingURL=WebScrollView.native.js.map

package/dist/esm/WebScrollView.native.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WebScrollView.native.js","names":["View","TamaguiView"],"sources":["esm/WebScrollView.native.js"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { View as TamaguiView } from \"@tamagui/web\";\nimport * as React from \"react\";\nvar View = TamaguiView;\nfunction mergeRefs() {\n  for (var _len = arguments.length, refs = new Array(_len), _key = 0; _key < _len; _key++) {\n    refs[_key] = arguments[_key];\n  }\n  return function(node) {\n    var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = void 0;\n    try {\n      for (var _iterator = refs[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {\n        var ref = _step.value;\n        if (!ref) continue;\n        if (typeof ref === \"function\") ref(node);\n        else ref.current = node;\n      }\n    } catch (err) {\n      _didIteratorError = true;\n      _iteratorError = err;\n    } finally {\n      try {\n        if (!_iteratorNormalCompletion && _iterator.return != null) {\n          _iterator.return();\n        }\n      } finally {\n        if (_didIteratorError) {\n          throw _iteratorError;\n        }\n      }\n    }\n  };\n}\nfunction normalizeScrollEvent(e) {\n  var target = e.target;\n  return {\n    nativeEvent: {\n      contentOffset: {\n        get x() {\n          return target.scrollLeft;\n        },\n        get y() {\n          return target.scrollTop;\n        }\n      },\n      contentSize: {\n        get height() {\n          return target.scrollHeight;\n        },\n        get width() {\n          return target.scrollWidth;\n        }\n      },\n      layoutMeasurement: {\n        get height() {\n          return target.offsetHeight;\n        },\n        get width() {\n          return target.offsetWidth;\n        }\n      }\n    },\n    timeStamp: Date.now()\n  };\n}\nfunction shouldEmitScrollEvent(lastTick, eventThrottle) {\n  var timeSinceLastTick = Date.now() - lastTick;\n  return eventThrottle > 0 && timeSinceLastTick >= eventThrottle;\n}\nfunction resolveStyles() {\n  for (var _len = arguments.length, inputs = new Array(_len), _key = 0; _key < _len; _key++) {\n    inputs[_key] = arguments[_key];\n  }\n  return inputs.flat(Infinity).filter(Boolean);\n}\nfunction joinClassNames() {\n  for (var _len = arguments.length, parts = new Array(_len), _key = 0; _key < _len; _key++) {\n    parts[_key] = arguments[_key];\n  }\n  var joined = parts.filter(Boolean).join(\" \").trim();\n  return joined || void 0;\n}\nvar commonStyle = {\n  flexGrow: 1,\n  flexShrink: 1\n};\nvar styles = {\n  baseVertical: {\n    ...commonStyle,\n    flexDirection: \"column\",\n    overflowX: \"hidden\",\n    overflowY: \"auto\"\n  },\n  baseHorizontal: {\n    ...commonStyle,\n    flexDirection: \"row\",\n    overflowX: \"auto\",\n    overflowY: \"hidden\"\n  },\n  contentContainerHorizontal: {\n    flexDirection: \"row\"\n  },\n  contentContainerCenterContent: {\n    justifyContent: \"center\",\n    flexGrow: 1\n  },\n  stickyHeader: {\n    position: \"sticky\",\n    top: 0,\n    zIndex: 10\n  },\n  pagingEnabledHorizontal: {\n    scrollSnapType: \"x mandatory\"\n  },\n  pagingEnabledVertical: {\n    scrollSnapType: \"y mandatory\"\n  },\n  pagingEnabledChild: {\n    scrollSnapAlign: \"start\"\n  },\n  scrollDisabled: {\n    overflowX: \"hidden\",\n    overflowY: \"hidden\",\n    touchAction: \"none\"\n  }\n};\nvar WebScrollView = /* @__PURE__ */ React.forwardRef(function(props, forwardedRef) {\n  var {\n    children,\n    contentContainerStyle,\n    horizontal,\n    onContentSizeChange,\n    onScroll,\n    refreshControl,\n    stickyHeaderIndices,\n    pagingEnabled,\n    centerContent,\n    scrollEnabled = true,\n    scrollEventThrottle = 0,\n    showsHorizontalScrollIndicator,\n    showsVerticalScrollIndicator,\n    style,\n    // strip react-native-only props that shouldn't reach the DOM\n    keyboardShouldPersistTaps,\n    keyboardDismissMode,\n    contentOffset,\n    contentInset,\n    contentInsetAdjustmentBehavior,\n    decelerationRate,\n    directionalLockEnabled,\n    disableIntervalMomentum,\n    disableScrollViewPanResponder,\n    endFillColor,\n    fadingEdgeLength,\n    indicatorStyle,\n    invertStickyHeaders,\n    maintainVisibleContentPosition,\n    maximumZoomScale,\n    minimumZoomScale,\n    nestedScrollEnabled,\n    onScrollToTop,\n    overScrollMode,\n    pinchGestureEnabled,\n    removeClippedSubviews,\n    scrollIndicatorInsets,\n    scrollPerfTag,\n    scrollToOverflowEnabled,\n    snapToAlignment,\n    snapToEnd,\n    snapToInterval,\n    snapToOffsets,\n    snapToStart,\n    bounces,\n    ...rest\n  } = props;\n  var scrollNodeRef = React.useRef(null);\n  var innerViewRef = React.useRef(null);\n  var scrollState = React.useRef({\n    isScrolling: false,\n    scrollLastTick: 0\n  });\n  var scrollTimeout = React.useRef(null);\n  var scrollTo = function(options) {\n    var node = scrollNodeRef.current;\n    if (node == null) return;\n    var { x = 0, y = 0, animated = true } = options || {};\n    if (typeof node.scroll === \"function\") {\n      node.scroll({\n        top: y,\n        left: x,\n        behavior: animated ? \"smooth\" : \"auto\"\n      });\n    } else {\n      node.scrollLeft = x;\n      node.scrollTop = y;\n    }\n  };\n  var scrollToEnd = function(options) {\n    var node = scrollNodeRef.current;\n    if (node == null) return;\n    var animated = (options && options.animated) !== false;\n    var x = horizontal ? node.scrollWidth : 0;\n    var y = horizontal ? 0 : node.scrollHeight;\n    scrollTo({\n      x,\n      y,\n      animated\n    });\n  };\n  var setScrollNodeRef = React.useCallback(function(node) {\n    scrollNodeRef.current = node;\n    if (node != null) {\n      node.getScrollResponder = function() {\n        return node;\n      };\n      node.getScrollableNode = function() {\n        return node;\n      };\n      node.getInnerViewNode = function() {\n        return innerViewRef.current;\n      };\n      node.getInnerViewRef = function() {\n        return innerViewRef.current;\n      };\n      node.getNativeScrollRef = function() {\n        return node;\n      };\n      node.scrollTo = scrollTo;\n      node.scrollToEnd = scrollToEnd;\n      node.flashScrollIndicators = function() {\n      };\n    }\n    mergeRefs(forwardedRef)(node);\n  }, [\n    forwardedRef,\n    horizontal\n  ]);\n  function handleScroll(e) {\n    e.stopPropagation();\n    if (e.target !== scrollNodeRef.current) return;\n    if (scrollTimeout.current != null) {\n      clearTimeout(scrollTimeout.current);\n    }\n    scrollTimeout.current = setTimeout(function() {\n      scrollState.current.isScrolling = false;\n      onScroll === null || onScroll === void 0 ? void 0 : onScroll(normalizeScrollEvent(e));\n    }, 100);\n    if (scrollState.current.isScrolling) {\n      if (shouldEmitScrollEvent(scrollState.current.scrollLastTick, scrollEventThrottle)) {\n        scrollState.current.scrollLastTick = Date.now();\n        onScroll === null || onScroll === void 0 ? void 0 : onScroll(normalizeScrollEvent(e));\n      }\n    } else {\n      scrollState.current.isScrolling = true;\n      scrollState.current.scrollLastTick = Date.now();\n      onScroll === null || onScroll === void 0 ? void 0 : onScroll(normalizeScrollEvent(e));\n    }\n  }\n  var handleContentLayout = onContentSizeChange ? function(e) {\n    var { width, height } = e.nativeEvent.layout;\n    onContentSizeChange(width, height);\n  } : void 0;\n  var hasStickyHeaderIndices = !horizontal && Array.isArray(stickyHeaderIndices);\n  var renderedChildren = hasStickyHeaderIndices || pagingEnabled ? React.Children.map(children, function(child, i) {\n    var isSticky = hasStickyHeaderIndices && stickyHeaderIndices.indexOf(i) > -1;\n    if (child != null && (isSticky || pagingEnabled)) {\n      var resolvedStyle = resolveStyles(isSticky && styles.stickyHeader, pagingEnabled && styles.pagingEnabledChild);\n      return /* @__PURE__ */ _jsx(View, {\n        style: resolvedStyle,\n        children: child\n      });\n    }\n    return child;\n  }) : children;\n  var contentStyle = resolveStyles(horizontal && styles.contentContainerHorizontal, centerContent && styles.contentContainerCenterContent, contentContainerStyle);\n  var contentContainer = /* @__PURE__ */ _jsx(View, {\n    ref: innerViewRef,\n    onLayout: handleContentLayout,\n    style: contentStyle,\n    children: renderedChildren\n  });\n  var baseStyle = horizontal ? styles.baseHorizontal : styles.baseVertical;\n  var pagingEnabledStyle = horizontal ? styles.pagingEnabledHorizontal : styles.pagingEnabledVertical;\n  var hideHorizontalScrollbar = showsHorizontalScrollIndicator === false;\n  var hideVerticalScrollbar = showsVerticalScrollIndicator === false;\n  var extraClassName = (hideHorizontalScrollbar ? \" _hsb-x\" : \"\") + (hideVerticalScrollbar ? \" _hsb-y\" : \"\");\n  var scrollStyle = resolveStyles(baseStyle, pagingEnabled && pagingEnabledStyle, style, !scrollEnabled && styles.scrollDisabled);\n  var scrollView = /* @__PURE__ */ _jsx(View, {\n    ...rest,\n    className: joinClassNames(rest.className, extraClassName),\n    ref: setScrollNodeRef,\n    onScroll: handleScroll,\n    style: scrollStyle,\n    children: contentContainer\n  });\n  if (refreshControl) {\n    var refreshStyle = resolveStyles(baseStyle, style);\n    return /* @__PURE__ */ React.cloneElement(refreshControl, {\n      style: refreshStyle\n    }, scrollView);\n  }\n  return scrollView;\n});\nWebScrollView.displayName = \"ScrollView\";\nexport {\n  WebScrollView\n};\n//# sourceMappingURL=WebScrollView.js.map\n"],"mappings":"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"}

package/dist/esm/index.js

@@ -1,2 +1 @@
-export * from "./ScrollView.mjs";
-//# sourceMappingURL=index.js.map
+export * from "./ScrollView.mjs"

package/dist/esm/index.mjs

@@ -1,2 +1 @@
-export * from "./ScrollView.mjs";
-//# sourceMappingURL=index.mjs.map
+export * from "./ScrollView.mjs"

package/dist/esm/index.native.js

@@ -1,2 +1 @@
-export * from "./ScrollView.native.js";
-//# sourceMappingURL=index.native.js.map
+export * from "./ScrollView.native.js"

package/dist/esm/web.mjs

@@ -0,0 +1,3 @@
+import { ScrollView } from "./ScrollView.mjs";
+
+export { ScrollView };