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

package/dist/jsx/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/jsx/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":["jsx/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/jsx/ScrollView.native.cjs

@@ -0,0 +1,47 @@
+"use strict";
+
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
+}) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var ScrollView_native_exports = {};
+__export(ScrollView_native_exports, { ScrollView: () => ScrollView });
+module.exports = __toCommonJS(ScrollView_native_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_web = require("@tamagui/web");
+var import_react = __toESM(require("react"), 1);
+var import_react_native = require("react-native");
+var ScrollViewNative = /* @__PURE__ */ import_react.default.forwardRef(function(param, ref) {
+	var { contentContainerStyle, ...props } = param;
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native.ScrollView, {
+		...props,
+		ref,
+		contentContainerStyle: (0, import_web.useStyle)(contentContainerStyle)
+	});
+});
+var ScrollView = (0, import_web.styled)(ScrollViewNative, {
+	displayName: "ScrollView",
+	scrollEnabled: true
+}, { neverFlatten: true });

package/dist/jsx/ScrollView.native.js

@@ -1,46 +1,49 @@
 "use strict";
 
+var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
-  for (var name in all) __defProp(target, name, {
-    get: all[name],
-    enumerable: true
-  });
+	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;
+	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 ScrollView_exports = {};
-__export(ScrollView_exports, {
-  ScrollView: () => ScrollView
-});
-module.exports = __toCommonJS(ScrollView_exports);
-var import_stacks = require("@tamagui/stacks");
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
+}) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var ScrollView_native_exports = {};
+__export(ScrollView_native_exports, { ScrollView: () => ScrollView });
+module.exports = __toCommonJS(ScrollView_native_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_web = require("@tamagui/web");
+var import_react = __toESM(require("react"), 1);
 var import_react_native = require("react-native");
-var ScrollView = (0, import_web.styled)(import_react_native.ScrollView, {
-  name: "ScrollView",
-  scrollEnabled: true,
-  variants: {
-    fullscreen: {
-      true: import_stacks.fullscreenStyle
-    }
-  }
-}, {
-  accept: {
-    contentContainerStyle: "style"
-  }
+var ScrollViewNative = /* @__PURE__ */ import_react.default.forwardRef(function(param, ref) {
+	var { contentContainerStyle, ...props } = param;
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native.ScrollView, {
+		...props,
+		ref,
+		contentContainerStyle: (0, import_web.useStyle)(contentContainerStyle)
+	});
 });
+var ScrollView = (0, import_web.styled)(ScrollViewNative, {
+	displayName: "ScrollView",
+	scrollEnabled: true
+}, { neverFlatten: true });
+
 //# sourceMappingURL=ScrollView.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","ScrollView_exports"],"sources":["../../src/ScrollView.tsx"],"sourcesContent":[null],"mappings":"AAAA,YAAS;;AAET,IAAAA,SAAS,GAAAC,MAAA,CAAcC,cAAA;AACvB,IAAAC,gBAAS,GAAcF,MAAA,CAAAG,wBAAwB;AAExC,IAAAC,iBAAmB,GAAAJ,MAAA,CAAAK,mBAAA;AAAA,IACxBC,YAAA,GAAAN,MAAA,CAAAO,SAAA,CAAAC,cAAA;AAAA,IACAC,QAAA,GAAAA,CAAAC,MAAA,EAAAC,GAAA;EAAA,KACE,IAAMC,IAAA,IAAAD,GAAA,EACNZ,SAAA,CAAAW,MAAe,EAAAE,IAAA;IAAAC,GAAA,EAAAF,GAAA,CAAAC,IAAA;IAAAE,UAAA;EAAA;AAAA;AAEL,IAAAC,WACR,GAAYA,CAAAC,EAAA,EAAAC,IAAA,EAAAC,MAAA,EAAAC,IAAA;EAAA,IAAAF,IACV,IAAM,OAAAA,IAAA,wBAAAA,IAAA;IAAA,KACR,IAAAG,GAAA,IAAAhB,iBAAA,CAAAa,IAAA,GACF,KAAAX,YAAA,CAAAe,IAAA,CAAAL,EAAA,EAAAI,GAAA,KAAAA,GAAA,KAAAF,MAAA,EACFnB,SAAA,CAAAiB,EAAA,EAAAI,GAAA;MAAAP,GAAA,EAAAA,CAAA,KAAAI,IAAA,CAAAG,GAAA;MAAAN,UAAA,IAAAK,IAAA,GAAAjB,gBAAA,CAAAe,IAAA,EAAAG,GAAA,MAAAD,IAAA,CAAAL;IAAA;EACA;EAAA,OACEE,EAAA;AAAQ;AACiB,IACzBM,YAAA,GAAAC,GAAA,IAAAR,WAAA,CAAAhB,SAAA;EAAAyB,KAAA;AAAA,IAAAD,GAAA;AAAA,IACFE,kBAAA;AACFhB,QAAA,CAAAgB,kBAAA","ignoreList":[]}
+{"version":3,"file":"ScrollView.native.js","names":[],"sources":["jsx/ScrollView.native.js"],"sourcesContent":["\"use strict\";\nvar __create = Object.create;\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __getProtoOf = Object.getPrototypeOf;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n  for (var name in all)\n    __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n  if (from && typeof from === \"object\" || typeof from === \"function\") {\n    for (let key of __getOwnPropNames(from))\n      if (!__hasOwnProp.call(to, key) && key !== except)\n        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n  }\n  return to;\n};\nvar __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(\n  // If the importer is in node compatibility mode or this is not an ESM\n  // file that has been converted to a CommonJS file using a Babel-\n  // compatible transform (i.e. \"__esModule\" has not been set), then set\n  // \"default\" to the CommonJS \"module.exports\" for node compatibility.\n  isNodeMode || !mod || !mod.__esModule ? __defProp(target, \"default\", { value: mod, enumerable: true }) : target,\n  mod\n));\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar ScrollView_native_exports = {};\n__export(ScrollView_native_exports, {\n  ScrollView: () => ScrollView\n});\nmodule.exports = __toCommonJS(ScrollView_native_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_web = require(\"@tamagui/web\");\nvar import_react = __toESM(require(\"react\"), 1);\nvar import_react_native = require(\"react-native\");\nvar ScrollViewNative = /* @__PURE__ */ import_react.default.forwardRef(function(param, ref) {\n  var { contentContainerStyle, ...props } = param;\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native.ScrollView, {\n    ...props,\n    ref,\n    contentContainerStyle: (0, import_web.useStyle)(contentContainerStyle)\n  });\n});\nvar ScrollView = (0, import_web.styled)(ScrollViewNative, {\n  displayName: \"ScrollView\",\n  scrollEnabled: true\n}, {\n  neverFlatten: true\n});\n//# sourceMappingURL=ScrollView.native.js.map\n"],"mappings":";;;AACA,IAAI,WAAW,OAAO;AACtB,IAAI,YAAY,OAAO;AACvB,IAAI,mBAAmB,OAAO;AAC9B,IAAI,oBAAoB,OAAO;AAC/B,IAAI,eAAe,OAAO;AAC1B,IAAI,eAAe,OAAO,UAAU;AACpC,IAAI,YAAY,QAAQ,QAAQ;CAC9B,KAAK,IAAI,QAAQ,KACf,UAAU,QAAQ,MAAM;EAAE,KAAK,IAAI;EAAO,YAAY;CAAK,CAAC;AAChE;AACA,IAAI,eAAe,IAAI,MAAM,QAAQ,SAAS;CAC5C,IAAI,QAAQ,OAAO,SAAS,YAAY,OAAO,SAAS,YAAY;EAClE,KAAK,IAAI,OAAO,kBAAkB,IAAI,GACpC,IAAI,CAAC,aAAa,KAAK,IAAI,GAAG,KAAK,QAAQ,QACzC,UAAU,IAAI,KAAK;GAAE,WAAW,KAAK;GAAM,YAAY,EAAE,OAAO,iBAAiB,MAAM,GAAG,MAAM,KAAK;EAAW,CAAC;CACvH;CACA,OAAO;AACT;AACA,IAAI,WAAW,KAAK,YAAY,YAAY,SAAS,OAAO,OAAO,SAAS,aAAa,GAAG,CAAC,IAAI,CAAC,GAAG,YAKnG,cAAc,CAAC,OAAO,CAAC,IAAI,aAAa,UAAU,QAAQ,WAAW;CAAE,OAAO;CAAK,YAAY;AAAK,CAAC,IAAI,QACzG,GACF;AACA,IAAI,gBAAgB,QAAQ,YAAY,UAAU,CAAC,GAAG,cAAc,EAAE,OAAO,KAAK,CAAC,GAAG,GAAG;AACzF,IAAI,4BAA4B,CAAC;AACjC,SAAS,2BAA2B,EAClC,kBAAkB,WACpB,CAAC;AACD,OAAO,UAAU,aAAa,yBAAyB;AACvD,IAAI,qBAAqB,QAAQ,mBAAmB;AACpD,IAAI,aAAa,QAAQ,cAAc;AACvC,IAAI,eAAe,QAAQ,QAAQ,OAAO,GAAG,CAAC;AAC9C,IAAI,sBAAsB,QAAQ,cAAc;AAChD,IAAI,mBAAmC,6BAAa,QAAQ,WAAW,SAAS,OAAO,KAAK;CAC1F,IAAI,EAAE,uBAAuB,GAAG,UAAU;CAC1C,OAAuB,iBAAC,GAAG,mBAAmB,IAAG,CAAE,oBAAoB,YAAY;EACjF,GAAG;EACH;EACA,wBAAwB,GAAG,WAAW,SAAQ,CAAE,qBAAqB;CACvE,CAAC;AACH,CAAC;AACD,IAAI,cAAc,GAAG,WAAW,OAAM,CAAE,kBAAkB;CACxD,aAAa;CACb,eAAe;AACjB,GAAG,EACD,cAAc,KAChB,CAAC"}

package/dist/jsx/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/jsx/WebScrollView.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"WebScrollView.js","names":["View","TamaguiView"],"sources":["jsx/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":"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"}