@tamagui/slider 3.0.0-beta.924.1 → 3.0.0

package/dist/cjs/SliderImpl.native.cjs

@@ -36,44 +36,20 @@ var import_jsx_runtime = require("react/jsx-runtime");
 var import_core = require("@tamagui/core");
 var import_constants = require("@tamagui/constants");
 var import_core2 = require("@tamagui/core");
-var import_get_token = require("@tamagui/get-token");
 var import_stacks = require("@tamagui/stacks");
 var React = __toESM(require("react"), 1);
-var import_react_native = require("react-native");
 var import_constants2 = require("./constants.native.js");
-function _instanceof(left, right) {
-	if (right != null && typeof Symbol !== "undefined" && right[Symbol.hasInstance]) {
-		return !!right[Symbol.hasInstance](left);
-	} else {
-		return left instanceof right;
-	}
-}
+var import_SliderResponder = require("./SliderResponder.native.js");
 var SliderFrameBase = (0, import_core2.styled)(import_stacks.YStack, {
 	position: "relative",
-	variants: {
-		orientation: {
-			horizontal: {},
-			vertical: {}
-		},
-		size: import_core2.styled.dynamic()
-	}
-});
-var SliderFrame = SliderFrameBase.resolve(function(props) {
-	if (!props.size) return;
-	var size = Math.round((0, import_core2.getVariableValue)((0, import_get_token.getSize)(props.size)) / 6);
-	if (props.orientation === "horizontal") {
-		return {
-			height: size,
-			borderRadius: size,
-			justifyContent: "center"
-		};
-	}
-	return {
-		width: size,
-		borderRadius: size,
-		alignItems: "center"
-	};
+	justifyContent: "center",
+	alignItems: "center",
+	variants: { orientation: {
+		horizontal: {},
+		vertical: {}
+	} }
 });
+var SliderFrame = SliderFrameBase;
 var SliderImpl = (0, import_core.createRefComponent)(function(props, forwardedRef) {
 	var { __scopeSlider, onSlideStart, onSlideMove, onSlideEnd, onHomeKeyDown, onEndKeyDown, onStepKeyDown, children, ...sliderProps } = props;
 	var context = (0, import_constants2.useSliderContext)(__scopeSlider);
@@ -83,7 +59,7 @@ var SliderImpl = (0, import_core.createRefComponent)(function(props, forwardedRe
 		var target = event.target;
 		var thumbIndex = context.thumbs.get(target);
 		var isStartingOnThumb = thumbIndex !== void 0;
-		if (import_constants.isWeb && _instanceof(target, HTMLElement)) {
+		if (import_constants.isWeb && target instanceof HTMLElement) {
 			if (context.thumbs.has(target)) {
 				target.focus();
 			}
@@ -109,7 +85,6 @@ var SliderImpl = (0, import_core.createRefComponent)(function(props, forwardedRe
 		onSlideEnd(event);
 	}, [onSlideEnd, props.onResponderRelease]);
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SliderFrame, {
-		size: "4",
 		ref: forwardedRef,
 		...sliderProps,
 		"data-orientation": sliderProps.orientation,
@@ -125,26 +100,10 @@ var SliderImpl = (0, import_core.createRefComponent)(function(props, forwardedRe
 				event.preventDefault();
 			}
 		} },
-		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native.View, {
-			onMoveShouldSetResponderCapture: function() {
-				return true;
-			},
-			onMoveShouldSetResponder: function() {
-				return true;
-			},
-			onStartShouldSetResponder: function() {
-				return true;
-			},
-			onResponderTerminationRequest: function() {
-				return false;
-			},
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_SliderResponder.SliderResponder, {
 			onResponderGrant: handleResponderGrant,
 			onResponderMove: handleResponderMove,
 			onResponderRelease: handleResponderRelease,
-			style: {
-				inset: 0,
-				position: "absolute"
-			},
 			children
 		})
 	});

package/dist/cjs/SliderImpl.native.js

@@ -36,44 +36,20 @@ var import_jsx_runtime = require("react/jsx-runtime");
 var import_core = require("@tamagui/core");
 var import_constants = require("@tamagui/constants");
 var import_core2 = require("@tamagui/core");
-var import_get_token = require("@tamagui/get-token");
 var import_stacks = require("@tamagui/stacks");
 var React = __toESM(require("react"), 1);
-var import_react_native = require("react-native");
 var import_constants2 = require("./constants.native.js");
-function _instanceof(left, right) {
-	if (right != null && typeof Symbol !== "undefined" && right[Symbol.hasInstance]) {
-		return !!right[Symbol.hasInstance](left);
-	} else {
-		return left instanceof right;
-	}
-}
+var import_SliderResponder = require("./SliderResponder.native.js");
 var SliderFrameBase = (0, import_core2.styled)(import_stacks.YStack, {
 	position: "relative",
-	variants: {
-		orientation: {
-			horizontal: {},
-			vertical: {}
-		},
-		size: import_core2.styled.dynamic()
-	}
-});
-var SliderFrame = SliderFrameBase.resolve(function(props) {
-	if (!props.size) return;
-	var size = Math.round((0, import_core2.getVariableValue)((0, import_get_token.getSize)(props.size)) / 6);
-	if (props.orientation === "horizontal") {
-		return {
-			height: size,
-			borderRadius: size,
-			justifyContent: "center"
-		};
-	}
-	return {
-		width: size,
-		borderRadius: size,
-		alignItems: "center"
-	};
+	justifyContent: "center",
+	alignItems: "center",
+	variants: { orientation: {
+		horizontal: {},
+		vertical: {}
+	} }
 });
+var SliderFrame = SliderFrameBase;
 var SliderImpl = (0, import_core.createRefComponent)(function(props, forwardedRef) {
 	var { __scopeSlider, onSlideStart, onSlideMove, onSlideEnd, onHomeKeyDown, onEndKeyDown, onStepKeyDown, children, ...sliderProps } = props;
 	var context = (0, import_constants2.useSliderContext)(__scopeSlider);
@@ -83,7 +59,7 @@ var SliderImpl = (0, import_core.createRefComponent)(function(props, forwardedRe
 		var target = event.target;
 		var thumbIndex = context.thumbs.get(target);
 		var isStartingOnThumb = thumbIndex !== void 0;
-		if (import_constants.isWeb && _instanceof(target, HTMLElement)) {
+		if (import_constants.isWeb && target instanceof HTMLElement) {
 			if (context.thumbs.has(target)) {
 				target.focus();
 			}
@@ -109,7 +85,6 @@ var SliderImpl = (0, import_core.createRefComponent)(function(props, forwardedRe
 		onSlideEnd(event);
 	}, [onSlideEnd, props.onResponderRelease]);
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SliderFrame, {
-		size: "4",
 		ref: forwardedRef,
 		...sliderProps,
 		"data-orientation": sliderProps.orientation,
@@ -125,26 +100,10 @@ var SliderImpl = (0, import_core.createRefComponent)(function(props, forwardedRe
 				event.preventDefault();
 			}
 		} },
-		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native.View, {
-			onMoveShouldSetResponderCapture: function() {
-				return true;
-			},
-			onMoveShouldSetResponder: function() {
-				return true;
-			},
-			onStartShouldSetResponder: function() {
-				return true;
-			},
-			onResponderTerminationRequest: function() {
-				return false;
-			},
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_SliderResponder.SliderResponder, {
 			onResponderGrant: handleResponderGrant,
 			onResponderMove: handleResponderMove,
 			onResponderRelease: handleResponderRelease,
-			style: {
-				inset: 0,
-				position: "absolute"
-			},
 			children
 		})
 	});

package/dist/cjs/SliderImpl.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"SliderImpl.native.js","names":[],"sources":["cjs/SliderImpl.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 SliderImpl_exports = {};\n__export(SliderImpl_exports, {\n  SliderFrame: () => SliderFrame,\n  SliderImpl: () => SliderImpl\n});\nmodule.exports = __toCommonJS(SliderImpl_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_core = require(\"@tamagui/core\");\nvar import_constants = require(\"@tamagui/constants\");\nvar import_core2 = require(\"@tamagui/core\");\nvar import_get_token = require(\"@tamagui/get-token\");\nvar import_stacks = require(\"@tamagui/stacks\");\nvar React = __toESM(require(\"react\"), 1);\nvar import_react_native = require(\"react-native\");\nvar import_constants2 = require(\"./constants\");\nfunction _instanceof(left, right) {\n  if (right != null && typeof Symbol !== \"undefined\" && right[Symbol.hasInstance]) {\n    return !!right[Symbol.hasInstance](left);\n  } else {\n    return left instanceof right;\n  }\n}\nvar SliderFrameBase = (0, import_core2.styled)(import_stacks.YStack, {\n  position: \"relative\",\n  variants: {\n    orientation: {\n      horizontal: {},\n      vertical: {}\n    },\n    size: import_core2.styled.dynamic()\n  }\n});\nvar SliderFrame = SliderFrameBase.resolve(function(props) {\n  if (!props.size) return;\n  var size = Math.round((0, import_core2.getVariableValue)((0, import_get_token.getSize)(props.size)) / 6);\n  if (props.orientation === \"horizontal\") {\n    return {\n      height: size,\n      borderRadius: size,\n      justifyContent: \"center\"\n    };\n  }\n  return {\n    width: size,\n    borderRadius: size,\n    alignItems: \"center\"\n  };\n});\nvar SliderImpl = (0, import_core.createRefComponent)(function(props, forwardedRef) {\n  var { __scopeSlider, onSlideStart, onSlideMove, onSlideEnd, onHomeKeyDown, onEndKeyDown, onStepKeyDown, children, ...sliderProps } = props;\n  var context = (0, import_constants2.useSliderContext)(__scopeSlider);\n  var handleResponderGrant = React.useCallback(function(event) {\n    var _props_onResponderGrant;\n    (_props_onResponderGrant = props.onResponderGrant) === null || _props_onResponderGrant === void 0 ? void 0 : _props_onResponderGrant.call(props, event);\n    var target = event.target;\n    var thumbIndex = context.thumbs.get(target);\n    var isStartingOnThumb = thumbIndex !== void 0;\n    if (import_constants.isWeb && _instanceof(target, HTMLElement)) {\n      if (context.thumbs.has(target)) {\n        target.focus();\n      }\n    }\n    if (!import_constants.isWeb && isStartingOnThumb) {\n      context.valueIndexToChangeRef.current = thumbIndex;\n    }\n    onSlideStart(event, isStartingOnThumb ? \"thumb\" : \"track\");\n  }, [\n    context,\n    onSlideStart,\n    props.onResponderGrant\n  ]);\n  var handleResponderMove = React.useCallback(function(event) {\n    var _props_onResponderMove;\n    (_props_onResponderMove = props.onResponderMove) === null || _props_onResponderMove === void 0 ? void 0 : _props_onResponderMove.call(props, event);\n    event.stopPropagation();\n    onSlideMove(event);\n  }, [\n    onSlideMove,\n    props.onResponderMove\n  ]);\n  var handleResponderRelease = React.useCallback(function(event) {\n    var _props_onResponderRelease;\n    (_props_onResponderRelease = props.onResponderRelease) === null || _props_onResponderRelease === void 0 ? void 0 : _props_onResponderRelease.call(props, event);\n    onSlideEnd(event);\n  }, [\n    onSlideEnd,\n    props.onResponderRelease\n  ]);\n  return (\n    // wrap with plain RN View for responder events - tamagui views no longer handle responder events on web\n    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SliderFrame, {\n      size: \"4\",\n      ref: forwardedRef,\n      ...sliderProps,\n      \"data-orientation\": sliderProps.orientation,\n      ...import_constants.isWeb && {\n        onKeyDown: function(event) {\n          if (event.key === \"Home\") {\n            onHomeKeyDown(event);\n            event.preventDefault();\n          } else if (event.key === \"End\") {\n            onEndKeyDown(event);\n            event.preventDefault();\n          } else if (import_constants2.PAGE_KEYS.concat(import_constants2.ARROW_KEYS).includes(event.key)) {\n            onStepKeyDown(event);\n            event.preventDefault();\n          }\n        }\n      },\n      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native.View, {\n        onMoveShouldSetResponderCapture: function() {\n          return true;\n        },\n        onMoveShouldSetResponder: function() {\n          return true;\n        },\n        onStartShouldSetResponder: function() {\n          return true;\n        },\n        onResponderTerminationRequest: function() {\n          return false;\n        },\n        onResponderGrant: handleResponderGrant,\n        onResponderMove: handleResponderMove,\n        onResponderRelease: handleResponderRelease,\n        style: {\n          inset: 0,\n          position: \"absolute\"\n        },\n        children\n      })\n    })\n  );\n});\n//# sourceMappingURL=SliderImpl.js.map\n"],"mappings":"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"}
+{"version":3,"file":"SliderImpl.native.js","names":[],"sources":["cjs/SliderImpl.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 SliderImpl_exports = {};\n__export(SliderImpl_exports, {\n  SliderFrame: () => SliderFrame,\n  SliderImpl: () => SliderImpl\n});\nmodule.exports = __toCommonJS(SliderImpl_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_core = require(\"@tamagui/core\");\nvar import_constants = require(\"@tamagui/constants\");\nvar import_core2 = require(\"@tamagui/core\");\nvar import_stacks = require(\"@tamagui/stacks\");\nvar React = __toESM(require(\"react\"), 1);\nvar import_constants2 = require(\"./constants\");\nvar import_SliderResponder = require(\"./SliderResponder\");\nvar SliderFrameBase = (0, import_core2.styled)(import_stacks.YStack, {\n  position: \"relative\",\n  justifyContent: \"center\",\n  alignItems: \"center\",\n  variants: {\n    orientation: {\n      horizontal: {},\n      vertical: {}\n    }\n  }\n});\nvar SliderFrame = SliderFrameBase;\nvar SliderImpl = (0, import_core.createRefComponent)(function(props, forwardedRef) {\n  var { __scopeSlider, onSlideStart, onSlideMove, onSlideEnd, onHomeKeyDown, onEndKeyDown, onStepKeyDown, children, ...sliderProps } = props;\n  var context = (0, import_constants2.useSliderContext)(__scopeSlider);\n  var handleResponderGrant = React.useCallback(function(event) {\n    var _props_onResponderGrant;\n    (_props_onResponderGrant = props.onResponderGrant) === null || _props_onResponderGrant === void 0 ? void 0 : _props_onResponderGrant.call(props, event);\n    var target = event.target;\n    var thumbIndex = context.thumbs.get(target);\n    var isStartingOnThumb = thumbIndex !== void 0;\n    if (import_constants.isWeb && target instanceof HTMLElement) {\n      if (context.thumbs.has(target)) {\n        target.focus();\n      }\n    }\n    if (!import_constants.isWeb && isStartingOnThumb) {\n      context.valueIndexToChangeRef.current = thumbIndex;\n    }\n    onSlideStart(event, isStartingOnThumb ? \"thumb\" : \"track\");\n  }, [\n    context,\n    onSlideStart,\n    props.onResponderGrant\n  ]);\n  var handleResponderMove = React.useCallback(function(event) {\n    var _props_onResponderMove;\n    (_props_onResponderMove = props.onResponderMove) === null || _props_onResponderMove === void 0 ? void 0 : _props_onResponderMove.call(props, event);\n    event.stopPropagation();\n    onSlideMove(event);\n  }, [\n    onSlideMove,\n    props.onResponderMove\n  ]);\n  var handleResponderRelease = React.useCallback(function(event) {\n    var _props_onResponderRelease;\n    (_props_onResponderRelease = props.onResponderRelease) === null || _props_onResponderRelease === void 0 ? void 0 : _props_onResponderRelease.call(props, event);\n    onSlideEnd(event);\n  }, [\n    onSlideEnd,\n    props.onResponderRelease\n  ]);\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SliderFrame, {\n    ref: forwardedRef,\n    ...sliderProps,\n    \"data-orientation\": sliderProps.orientation,\n    ...import_constants.isWeb && {\n      onKeyDown: function(event) {\n        if (event.key === \"Home\") {\n          onHomeKeyDown(event);\n          event.preventDefault();\n        } else if (event.key === \"End\") {\n          onEndKeyDown(event);\n          event.preventDefault();\n        } else if (import_constants2.PAGE_KEYS.concat(import_constants2.ARROW_KEYS).includes(event.key)) {\n          onStepKeyDown(event);\n          event.preventDefault();\n        }\n      }\n    },\n    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_SliderResponder.SliderResponder, {\n      onResponderGrant: handleResponderGrant,\n      onResponderMove: handleResponderMove,\n      onResponderRelease: handleResponderRelease,\n      children\n    })\n  });\n});\n//# sourceMappingURL=SliderImpl.js.map\n"],"mappings":"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"}

package/dist/cjs/SliderResponder.cjs

@@ -0,0 +1,53 @@
+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 SliderResponder_exports = {};
+__export(SliderResponder_exports, { SliderResponder: () => SliderResponder });
+module.exports = __toCommonJS(SliderResponder_exports);
+var import_core = require("@tamagui/core");
+var import_react_native_use_responder_events = require("@tamagui/react-native-use-responder-events");
+var React = __toESM(require("react"), 1);
+var import_jsx_runtime = require("react/jsx-runtime");
+const SliderResponder = ({ onResponderGrant, onResponderMove, onResponderRelease, children }) => {
+	const ref = React.useRef(null);
+	(0, import_react_native_use_responder_events.useResponderEvents)(ref, {
+		onMoveShouldSetResponderCapture: () => true,
+		onMoveShouldSetResponder: () => true,
+		onStartShouldSetResponder: () => true,
+		onResponderTerminationRequest: () => false,
+		onResponderGrant,
+		onResponderMove,
+		onResponderRelease
+	});
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_core.View, {
+		ref,
+		position: "absolute",
+		inset: 0,
+		justifyContent: "center",
+		alignItems: "center",
+		children
+	});
+};

package/dist/cjs/SliderResponder.native.cjs

@@ -0,0 +1,54 @@
+"use strict";
+
+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 SliderResponder_native_exports = {};
+__export(SliderResponder_native_exports, { SliderResponder: () => SliderResponder });
+module.exports = __toCommonJS(SliderResponder_native_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react_native = require("react-native");
+var SliderResponder = function(param) {
+	var { onResponderGrant, onResponderMove, onResponderRelease, children } = param;
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native.View, {
+		onMoveShouldSetResponderCapture: function() {
+			return true;
+		},
+		onMoveShouldSetResponder: function() {
+			return true;
+		},
+		onStartShouldSetResponder: function() {
+			return true;
+		},
+		onResponderTerminationRequest: function() {
+			return false;
+		},
+		onResponderGrant,
+		onResponderMove,
+		onResponderRelease,
+		style: {
+			inset: 0,
+			position: "absolute",
+			justifyContent: "center",
+			alignItems: "center"
+		},
+		children
+	});
+};

package/dist/cjs/SliderResponder.native.js

@@ -0,0 +1,56 @@
+"use strict";
+
+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 SliderResponder_native_exports = {};
+__export(SliderResponder_native_exports, { SliderResponder: () => SliderResponder });
+module.exports = __toCommonJS(SliderResponder_native_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react_native = require("react-native");
+var SliderResponder = function(param) {
+	var { onResponderGrant, onResponderMove, onResponderRelease, children } = param;
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native.View, {
+		onMoveShouldSetResponderCapture: function() {
+			return true;
+		},
+		onMoveShouldSetResponder: function() {
+			return true;
+		},
+		onStartShouldSetResponder: function() {
+			return true;
+		},
+		onResponderTerminationRequest: function() {
+			return false;
+		},
+		onResponderGrant,
+		onResponderMove,
+		onResponderRelease,
+		style: {
+			inset: 0,
+			position: "absolute",
+			justifyContent: "center",
+			alignItems: "center"
+		},
+		children
+	});
+};
+
+//# sourceMappingURL=SliderResponder.native.js.map

package/dist/cjs/SliderResponder.native.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SliderResponder.native.js","names":[],"sources":["cjs/SliderResponder.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\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 __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar SliderResponder_native_exports = {};\n__export(SliderResponder_native_exports, {\n  SliderResponder: () => SliderResponder\n});\nmodule.exports = __toCommonJS(SliderResponder_native_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_react_native = require(\"react-native\");\nvar SliderResponder = function(param) {\n  var { onResponderGrant, onResponderMove, onResponderRelease, children } = param;\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native.View, {\n    onMoveShouldSetResponderCapture: function() {\n      return true;\n    },\n    onMoveShouldSetResponder: function() {\n      return true;\n    },\n    onStartShouldSetResponder: function() {\n      return true;\n    },\n    onResponderTerminationRequest: function() {\n      return false;\n    },\n    onResponderGrant,\n    onResponderMove,\n    onResponderRelease,\n    style: {\n      inset: 0,\n      position: \"absolute\",\n      justifyContent: \"center\",\n      alignItems: \"center\"\n    },\n    children\n  });\n};\n//# sourceMappingURL=SliderResponder.native.js.map\n"],"mappings":";;;AACA,IAAI,YAAY,OAAO;AACvB,IAAI,mBAAmB,OAAO;AAC9B,IAAI,oBAAoB,OAAO;AAC/B,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,gBAAgB,QAAQ,YAAY,UAAU,CAAC,GAAG,cAAc,EAAE,OAAO,KAAK,CAAC,GAAG,GAAG;AACzF,IAAI,iCAAiC,CAAC;AACtC,SAAS,gCAAgC,EACvC,uBAAuB,gBACzB,CAAC;AACD,OAAO,UAAU,aAAa,8BAA8B;AAC5D,IAAI,qBAAqB,QAAQ,mBAAmB;AACpD,IAAI,sBAAsB,QAAQ,cAAc;AAChD,IAAI,kBAAkB,SAAS,OAAO;CACpC,IAAI,EAAE,kBAAkB,iBAAiB,oBAAoB,aAAa;CAC1E,OAAuB,iBAAC,GAAG,mBAAmB,IAAG,CAAE,oBAAoB,MAAM;EAC3E,iCAAiC,WAAW;GAC1C,OAAO;EACT;EACA,0BAA0B,WAAW;GACnC,OAAO;EACT;EACA,2BAA2B,WAAW;GACpC,OAAO;EACT;EACA,+BAA+B,WAAW;GACxC,OAAO;EACT;EACA;EACA;EACA;EACA,OAAO;GACL,OAAO;GACP,UAAU;GACV,gBAAgB;GAChB,YAAY;EACd;EACA;CACF,CAAC;AACH"}

package/dist/esm/Slider.mjs

@@ -1,6 +1,6 @@
 import { composeRefs, useComposedRefs } from "@tamagui/compose-refs";
 import { isIos, isWeb } from "@tamagui/constants";
-import { createRefComponent, createStyledHOC, getTokens, getVariableValue, resolveSizeToken, styled, useConfiguration, useCreateShallowSetState } from "@tamagui/core";
+import { createRefComponent, createStyledHOC, getConfig, getVariableValue, resolveTextMetrics, styled, useConfiguration, useCreateShallowSetState } from "@tamagui/core";
 import { clamp, composeEventHandlers, withStaticProperties } from "@tamagui/helpers";
 import { YStack } from "@tamagui/stacks";
 import { useControllableState } from "@tamagui/use-controllable-state";
@@ -30,6 +30,11 @@ function removeActiveSliderMeasureListener(listener) {
 		activeSliderMeasureInterval = void 0;
 	}
 }
+const getTrackPosition = (event, offset, orientation) => {
+	const { locationX, locationY, pageX, pageY } = event.nativeEvent;
+	if (isWeb) return orientation === "horizontal" ? locationX : locationY;
+	return (orientation === "horizontal" ? pageX : pageY) - offset;
+};
 const SliderHorizontal = createRefComponent((props, forwardedRef) => {
 	const { min, max, dir, onSlideStart, onSlideMove, onStepKeyDown, onSlideEnd, ...sliderProps } = props;
 	const direction = useDirection(dir);
@@ -70,11 +75,11 @@ const SliderHorizontal = createRefComponent((props, forwardedRef) => {
 				if (value) onSlideStart?.(value, target, event);
 			},
 			onSlideMove: (event) => {
-				const value = getValueFromPointer(event.nativeEvent.pageX - state.offset);
+				const value = getValueFromPointer(getTrackPosition(event, state.offset, "horizontal"));
 				if (value) onSlideMove?.(value, event);
 			},
 			onSlideEnd: (event) => {
-				const value = getValueFromPointer(event.nativeEvent.pageX - state.offset);
+				const value = getValueFromPointer(getTrackPosition(event, state.offset, "horizontal"));
 				if (value) onSlideEnd?.(event, value);
 			},
 			onStepKeyDown: (event) => {
@@ -175,11 +180,11 @@ const SliderVertical = createRefComponent((props, forwardedRef) => {
 				if (value) onSlideStart?.(value, target, event);
 			},
 			onSlideMove: (event) => {
-				const value = getValueFromPointer(event.nativeEvent.pageY - state.offset);
+				const value = getValueFromPointer(getTrackPosition(event, state.offset, "vertical"));
 				if (value) onSlideMove?.(value, event);
 			},
 			onSlideEnd: (event) => {
-				const value = getValueFromPointer(event.nativeEvent.pageY - state.offset);
+				const value = getValueFromPointer(getTrackPosition(event, state.offset, "vertical"));
 				onSlideEnd?.(event, value);
 			},
 			onStepKeyDown: (event) => {
@@ -206,7 +211,6 @@ const SliderTrack = createStyledHOC(SliderTrackFrame, function SliderTrack2(prop
 		"data-disabled": context.disabled ? "" : void 0,
 		"data-orientation": context.orientation,
 		orientation: context.orientation,
-		size: context.size ?? void 0,
 		...trackProps,
 		ref: forwardedRef
 	});
@@ -229,13 +233,6 @@ const SliderActive = createStyledHOC(SliderActiveFrame, function SliderActive2(p
 		orientation: context.orientation,
 		"data-orientation": context.orientation,
 		"data-disabled": context.disabled ? "" : void 0,
-		size: context.size ?? void 0,
-		animateOnly: [
-			"left",
-			"top",
-			"right",
-			"bottom"
-		],
 		...rangeProps,
 		ref: composedRefs,
 		[orientation.startEdge]: `${offsetStart}%`,
@@ -246,23 +243,25 @@ const SliderActive = createStyledHOC(SliderActiveFrame, function SliderActive2(p
 		}
 	});
 });
-const getThumbSize = styled.dynamic((val) => {
-	const tokens = getTokens();
-	const sizeToken = resolveSizeToken(val ?? true, "size");
-	const resolved = typeof sizeToken === "number" ? sizeToken : tokens.size[sizeToken];
-	const size = typeof val === "number" ? val : getVariableValue(resolved) * .86;
-	return {
-		width: size,
-		height: size,
-		minWidth: size,
-		minHeight: size
-	};
-});
+const thumbSize = (val) => {
+	if (typeof val === "number") return val;
+	if (typeof val === "string") {
+		const conf = getConfig();
+		const font = conf.fontsParsed[conf.defaultFontToken];
+		const fontSize = font?.size[val];
+		if (fontSize != null) {
+			const metrics = { fontSize: Number.parseFloat(String(getVariableValue(fontSize))) };
+			const lineHeight = font?.lineHeight?.[val];
+			resolveTextMetrics(metrics, typeof lineHeight === "number" ? `${lineHeight}px` : lineHeight);
+			return metrics.lineHeight ?? metrics.fontSize;
+		}
+	}
+	return 20;
+};
 const SliderThumbFrame = styled(YStack, {
 	displayName: "SliderThumb",
 	position: "absolute",
 	variants: {
-		size: getThumbSize,
 		circular: { true: {
 			borderRadius: 1e5,
 			padding: 0
@@ -287,9 +286,7 @@ const SliderThumb = createStyledHOC(SliderThumbFrame, function SliderThumb2(prop
 	const percent = value === void 0 ? 0 : convertValueToPercentage(value, context.min, context.max);
 	const label = getLabel(index, context.values.length);
 	const sizeIn = sizeProp ?? context.size ?? true;
-	const [size, setSize] = React.useState(() => {
-		return getVariableValue(getThumbSize(sizeIn, {})?.width);
-	});
+	const [size, setSize] = React.useState(() => thumbSize(sizeIn));
 	const thumbInBoundsOffset = size ? getThumbInBoundsOffset(size, percent, orientation.direction) : 0;
 	React.useEffect(() => {
 		if (thumb) {
@@ -331,16 +328,8 @@ const SliderThumb = createStyledHOC(SliderThumbFrame, function SliderThumb2(prop
 		"data-orientation": context.orientation,
 		"data-disabled": context.disabled ? "" : void 0,
 		tabIndex: context.disabled ? void 0 : 0,
-		animateOnly: [
-			"transform",
-			"left",
-			"top",
-			"right",
-			"bottom"
-		],
 		...positionalStyles,
 		[orientation.startEdge]: `${percent}%`,
-		size: sizeIn,
 		circular,
 		...thumbProps,
 		onLayout: (e) => {