@tamagui/slider 2.7.7 → 3.0.0-beta.1093.1

package/dist/cjs/SliderImpl.native.js

@@ -7,166 +7,124 @@ 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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-// If the importer is in node compatibility mode or this is not an ESM
-// file that has been converted to a CommonJS file using a Babel-
-// compatible transform (i.e. "__esModule" has not been set), then set
-// "default" to the CommonJS "module.exports" for node compatibility.
-isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
-  value: mod,
-  enumerable: true
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var SliderImpl_exports = {};
 __export(SliderImpl_exports, {
-  SliderFrame: () => SliderFrame,
-  SliderImpl: () => SliderImpl
+	SliderFrame: () => SliderFrame,
+	SliderImpl: () => SliderImpl
 });
 module.exports = __toCommonJS(SliderImpl_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
-var import_constants = require("@tamagui/constants");
 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 SliderFrame = (0, import_core.styled)(import_stacks.YStack, {
-  position: "relative",
-  variants: {
-    orientation: {
-      horizontal: {},
-      vertical: {}
-    },
-    size: function (val, extras) {
-      if (!val) {
-        return;
-      }
-      var orientation = extras.props["orientation"];
-      var size = Math.round((0, import_core.getVariableValue)((0, import_get_token.getSize)(val)) / 6);
-      if (orientation === "horizontal") {
-        return {
-          height: size,
-          borderRadius: size,
-          justifyContent: "center"
-        };
-      }
-      return {
-        width: size,
-        borderRadius: size,
-        alignItems: "center"
-      };
-    }
-  }
+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 SliderImpl = /* @__PURE__ */React.forwardRef(function (props, forwardedRef) {
-  var {
-    __scopeSlider,
-    onSlideStart,
-    onSlideMove,
-    onSlideEnd,
-    onHomeKeyDown,
-    onEndKeyDown,
-    onStepKeyDown,
-    children,
-    ...sliderProps
-  } = props;
-  var context = (0, import_constants2.useSliderContext)(__scopeSlider);
-  var handleResponderGrant = React.useCallback(function (event) {
-    var _props_onResponderGrant;
-    (_props_onResponderGrant = props.onResponderGrant) === null || _props_onResponderGrant === void 0 ? void 0 : _props_onResponderGrant.call(props, event);
-    var target = event.target;
-    var thumbIndex = context.thumbs.get(target);
-    var isStartingOnThumb = thumbIndex !== void 0;
-    if (import_constants.isWeb && _instanceof(target, HTMLElement)) {
-      if (context.thumbs.has(target)) {
-        target.focus();
-      }
-    }
-    if (!import_constants.isWeb && isStartingOnThumb) {
-      context.valueIndexToChangeRef.current = thumbIndex;
-    }
-    onSlideStart(event, isStartingOnThumb ? "thumb" : "track");
-  }, [context, onSlideStart, props.onResponderGrant]);
-  var handleResponderMove = React.useCallback(function (event) {
-    var _props_onResponderMove;
-    (_props_onResponderMove = props.onResponderMove) === null || _props_onResponderMove === void 0 ? void 0 : _props_onResponderMove.call(props, event);
-    event.stopPropagation();
-    onSlideMove(event);
-  }, [onSlideMove, props.onResponderMove]);
-  var handleResponderRelease = React.useCallback(function (event) {
-    var _props_onResponderRelease;
-    (_props_onResponderRelease = props.onResponderRelease) === null || _props_onResponderRelease === void 0 ? void 0 : _props_onResponderRelease.call(props, event);
-    onSlideEnd(event);
-  }, [onSlideEnd, props.onResponderRelease]);
-  return (
-    // wrap with plain RN View for responder events - tamagui views no longer handle responder events on web
-    /* @__PURE__ */
-    (0, import_jsx_runtime.jsx)(SliderFrame, {
-      size: "$4",
-      ref: forwardedRef,
-      ...sliderProps,
-      "data-orientation": sliderProps.orientation,
-      ...(import_constants.isWeb && {
-        onKeyDown: function (event) {
-          if (event.key === "Home") {
-            onHomeKeyDown(event);
-            event.preventDefault();
-          } else if (event.key === "End") {
-            onEndKeyDown(event);
-            event.preventDefault();
-          } else if (import_constants2.PAGE_KEYS.concat(import_constants2.ARROW_KEYS).includes(event.key)) {
-            onStepKeyDown(event);
-            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;
-        },
-        onResponderGrant: handleResponderGrant,
-        onResponderMove: handleResponderMove,
-        onResponderRelease: handleResponderRelease,
-        style: {
-          inset: 0,
-          position: "absolute"
-        },
-        children
-      })
-    })
-  );
+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"
+	};
 });
+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);
+	var handleResponderGrant = React.useCallback(function(event) {
+		var _props_onResponderGrant;
+		(_props_onResponderGrant = props.onResponderGrant) === null || _props_onResponderGrant === void 0 ? void 0 : _props_onResponderGrant.call(props, event);
+		var target = event.target;
+		var thumbIndex = context.thumbs.get(target);
+		var isStartingOnThumb = thumbIndex !== void 0;
+		if (import_constants.isWeb && target instanceof HTMLElement) {
+			if (context.thumbs.has(target)) {
+				target.focus();
+			}
+		}
+		if (!import_constants.isWeb && isStartingOnThumb) {
+			context.valueIndexToChangeRef.current = thumbIndex;
+		}
+		onSlideStart(event, isStartingOnThumb ? "thumb" : "track");
+	}, [
+		context,
+		onSlideStart,
+		props.onResponderGrant
+	]);
+	var handleResponderMove = React.useCallback(function(event) {
+		var _props_onResponderMove;
+		(_props_onResponderMove = props.onResponderMove) === null || _props_onResponderMove === void 0 ? void 0 : _props_onResponderMove.call(props, event);
+		event.stopPropagation();
+		onSlideMove(event);
+	}, [onSlideMove, props.onResponderMove]);
+	var handleResponderRelease = React.useCallback(function(event) {
+		var _props_onResponderRelease;
+		(_props_onResponderRelease = props.onResponderRelease) === null || _props_onResponderRelease === void 0 ? void 0 : _props_onResponderRelease.call(props, event);
+		onSlideEnd(event);
+	}, [onSlideEnd, props.onResponderRelease]);
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SliderFrame, {
+		size: "4",
+		ref: forwardedRef,
+		...sliderProps,
+		"data-orientation": sliderProps.orientation,
+		...import_constants.isWeb && { onKeyDown: function(event) {
+			if (event.key === "Home") {
+				onHomeKeyDown(event);
+				event.preventDefault();
+			} else if (event.key === "End") {
+				onEndKeyDown(event);
+				event.preventDefault();
+			} else if (import_constants2.PAGE_KEYS.concat(import_constants2.ARROW_KEYS).includes(event.key)) {
+				onStepKeyDown(event);
+				event.preventDefault();
+			}
+		} },
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_SliderResponder.SliderResponder, {
+			onResponderGrant: handleResponderGrant,
+			onResponderMove: handleResponderMove,
+			onResponderRelease: handleResponderRelease,
+			children
+		})
+	});
+});
+
 //# sourceMappingURL=SliderImpl.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","SliderImpl_exports","__export","SliderFrame","SliderImpl","module","exports","import_jsx_runtime","require","import_constants","import_core","import_get_token","import_stacks","React","__toESM","import_react_native","import_constants2","_instanceof","left","right","Symbol","hasInstance","styled","YStack","position","variants","orientation","horizontal","vertical","size","val","extras","props","Math","round","getVariableValue","getSize","height","borderRadius","justifyContent","width","alignItems","forwardRef","forwardedRef","__scopeSlider","onSlideStart","onSlideMove","onSlideEnd","onHomeKeyDown","onEndKeyDown","onStepKeyDown","children","sliderProps","context","useSliderContext","handleResponderGrant","useCallback","event","_props_onResponderGrant","onResponderGrant","call","target","thumbIndex","thumbs","get","isStartingOnThumb","isWeb","HTMLElement","has","focus","valueIndexToChangeRef","current","handleResponderMove","_props_onResponderMove","onResponderMove","stopPropagation","handleResponderRelease","_props_onResponderRelease","onResponderRelease","jsx","ref","onKeyDown","key","preventDefault","PAGE_KEYS","concat","ARROW_KEYS","includes","View","onMoveShouldSetResponderCapture","onMoveShouldSetResponder","onStartShouldSetResponder","onResponderTerminationRequest","style","inset"],"sources":["../../src/SliderImpl.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"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_constants2 = require(\"./constants\");\nvar import_SliderResponder = require(\"./SliderResponder\");\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 && 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    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_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,51 @@
+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,
+		children
+	});
+};

package/dist/cjs/SliderResponder.native.cjs

@@ -0,0 +1,52 @@
+"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"
+		},
+		children
+	});
+};

package/dist/cjs/SliderResponder.native.js

@@ -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"
+		},
+		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    },\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;EACZ;EACA;CACF,CAAC;AACH"}

package/dist/cjs/constants.cjs

@@ -3,61 +3,74 @@ 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
-  });
+	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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var constants_exports = {};
 __export(constants_exports, {
-  ARROW_KEYS: () => ARROW_KEYS,
-  BACK_KEYS: () => BACK_KEYS,
-  PAGE_KEYS: () => PAGE_KEYS,
-  SLIDER_NAME: () => SLIDER_NAME,
-  SliderContext: () => SliderContext,
-  SliderOrientationProvider: () => SliderOrientationProvider,
-  SliderProvider: () => SliderProvider,
-  useSliderContext: () => useSliderContext,
-  useSliderOrientationContext: () => useSliderOrientationContext
+	ARROW_KEYS: () => ARROW_KEYS,
+	BACK_KEYS: () => BACK_KEYS,
+	PAGE_KEYS: () => PAGE_KEYS,
+	SLIDER_NAME: () => SLIDER_NAME,
+	SliderContext: () => SliderContext,
+	SliderOrientationProvider: () => SliderOrientationProvider,
+	SliderProvider: () => SliderProvider,
+	useSliderContext: () => useSliderContext,
+	useSliderOrientationContext: () => useSliderOrientationContext
 });
 module.exports = __toCommonJS(constants_exports);
 var import_core = require("@tamagui/core");
 const SLIDER_NAME = "Slider";
+const sliderContextKeys = [
+	"size",
+	"min",
+	"max",
+	"orientation"
+];
 const SliderContext = (0, import_core.createStyledContext)({
-  size: "$true",
-  min: 0,
-  max: 100,
-  orientation: "horizontal"
-});
-const {
-  Provider: SliderProvider,
-  useStyledContext: useSliderContext
-} = SliderContext;
-const {
-  Provider: SliderOrientationProvider,
-  useStyledContext: useSliderOrientationContext
-} = (0, import_core.createStyledContext)({
-  startEdge: "left",
-  endEdge: "right",
-  sizeProp: "width",
-  size: 0,
-  direction: 1
+	size: true,
+	min: 0,
+	max: 100,
+	orientation: "horizontal"
+}, { keys: sliderContextKeys });
+const { Provider: SliderProvider, useStyledContext: useSliderContext } = SliderContext;
+const { Provider: SliderOrientationProvider, useStyledContext: useSliderOrientationContext } = (0, import_core.createStyledContext)({
+	startEdge: "left",
+	endEdge: "right",
+	sizeProp: "width",
+	size: 0,
+	direction: 1
 });
 const PAGE_KEYS = ["PageUp", "PageDown"];
-const ARROW_KEYS = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"];
+const ARROW_KEYS = [
+	"ArrowUp",
+	"ArrowDown",
+	"ArrowLeft",
+	"ArrowRight"
+];
 const BACK_KEYS = {
-  ltr: ["ArrowDown", "Home", "ArrowLeft", "PageDown"],
-  rtl: ["ArrowDown", "Home", "ArrowRight", "PageDown"]
-};
+	ltr: [
+		"ArrowDown",
+		"Home",
+		"ArrowLeft",
+		"PageDown"
+	],
+	rtl: [
+		"ArrowDown",
+		"Home",
+		"ArrowRight",
+		"PageDown"
+	]
+};