@tamagui/use-controllable-state 2.7.7 → 3.0.0-beta.643.1

package/dist/cjs/index.cjs

@@ -1,20 +1,19 @@
+
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 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 __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: true
-}), mod);
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var index_exports = {};
 module.exports = __toCommonJS(index_exports);
-__reExport(index_exports, require("./useControllableState.cjs"), module.exports);
+__reExport(index_exports, require("./useControllableState.cjs"), module.exports);

package/dist/cjs/index.native.cjs

@@ -0,0 +1,21 @@
+"use strict";
+
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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 __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var index_exports = {};
+module.exports = __toCommonJS(index_exports);
+__reExport(index_exports, require("./useControllableState.native.js"), module.exports);

package/dist/cjs/index.native.js

@@ -1,23 +1,23 @@
 "use strict";
 
+
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 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 __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: true
-}), mod);
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var index_exports = {};
 module.exports = __toCommonJS(index_exports);
 __reExport(index_exports, require("./useControllableState.native.js"), module.exports);
+
 //# sourceMappingURL=index.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","index_exports","module","exports"],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,aAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAP,YAAc,CAAAK,aAAA","ignoreList":[]}
+{"version":3,"file":"index.native.js","names":[],"sources":["cjs/index.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\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 __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, \"default\"), secondTarget && __copyProps(secondTarget, mod, \"default\"));\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar index_exports = {};\nmodule.exports = __toCommonJS(index_exports);\n__reExport(index_exports, require(\"./useControllableState\"), module.exports);\n//# sourceMappingURL=index.js.map\n"],"mappings":";;;;AACA,IAAI,YAAY,OAAO;AACvB,IAAI,mBAAmB,OAAO;AAC9B,IAAI,oBAAoB,OAAO;AAC/B,IAAI,eAAe,OAAO,UAAU;AACpC,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,cAAc,QAAQ,KAAK,kBAAkB,YAAY,QAAQ,KAAK,SAAS,GAAG,gBAAgB,YAAY,cAAc,KAAK,SAAS;AAC9I,IAAI,gBAAgB,QAAQ,YAAY,UAAU,CAAC,GAAG,cAAc,EAAE,OAAO,KAAK,CAAC,GAAG,GAAG;AACzF,IAAI,gBAAgB,CAAC;AACrB,OAAO,UAAU,aAAa,aAAa;AAC3C,WAAW,eAAe,QAAQ,kCAAwB,GAAG,OAAO,OAAO"}

package/dist/cjs/useControllableState.cjs

@@ -1,3 +1,4 @@
+
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -5,80 +6,80 @@ 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 useControllableState_exports = {};
-__export(useControllableState_exports, {
-  useControllableState: () => useControllableState
-});
+__export(useControllableState_exports, { useControllableState: () => useControllableState });
 module.exports = __toCommonJS(useControllableState_exports);
 var import_use_event = require("@tamagui/use-event");
 var React = __toESM(require("react"), 1);
 var import_start_transition = require("@tamagui/start-transition");
-const emptyCallbackFn = _ => _();
-function useControllableState({
-  prop,
-  defaultProp,
-  onChange,
-  strategy = "prop-wins",
-  preventUpdate,
-  transition
-}) {
-  const [state, setState] = React.useState(prop ?? defaultProp);
-  const previous = React.useRef(state);
-  const propWins = strategy === "prop-wins" && prop !== void 0;
-  const value = propWins ? prop : state;
-  const onChangeCb = (0, import_use_event.useEvent)(onChange || idFn);
-  const transitionFn = transition ? import_start_transition.startTransition : emptyCallbackFn;
-  React.useEffect(() => {
-    if (prop === void 0) return;
-    previous.current = prop;
-    transitionFn(() => {
-      setState(prop);
-    });
-  }, [prop]);
-  React.useEffect(() => {
-    if (propWins) return;
-    if (state !== previous.current) {
-      previous.current = state;
-      onChangeCb(state);
-    }
-  }, [onChangeCb, state, propWins]);
-  const setter = (0, import_use_event.useEvent)(next => {
-    if (preventUpdate) return;
-    if (propWins) {
-      const nextValue = typeof next === "function" ? next(previous.current) : next;
-      onChangeCb(nextValue);
-    } else {
-      transitionFn(() => {
-        setState(next);
-      });
-    }
-  });
-  return [value, setter];
+const emptyCallbackFn = (_) => _();
+function useControllableState({ prop, defaultProp, onChange, strategy = "prop-wins", preventUpdate, transition }) {
+	const [state, setState] = React.useState(prop ?? defaultProp);
+	const previous = React.useRef(state);
+	const propWins = strategy === "prop-wins" && prop !== void 0;
+	const value = propWins ? prop : state;
+	const onChangeCb = (0, import_use_event.useEvent)(onChange || idFn);
+	const transitionFn = transition ? import_start_transition.startTransition : emptyCallbackFn;
+	React.useEffect(() => {
+		if (prop === void 0) return;
+		previous.current = prop;
+		transitionFn(() => {
+			setState(prop);
+		});
+	}, [prop]);
+	React.useEffect(() => {
+		if (propWins) return;
+		if (state !== previous.current) {
+			previous.current = state;
+			onChangeCb(state);
+		}
+	}, [
+		onChangeCb,
+		state,
+		propWins
+	]);
+	const setter = (0, import_use_event.useEvent)((next, details) => {
+		if (preventUpdate) return;
+		if (details?.isCanceled) return;
+		if (details) {
+			const nextValue = typeof next === "function" ? next(previous.current) : next;
+			onChangeCb(nextValue, details);
+			if (details.isCanceled) return;
+			if (propWins) return;
+			previous.current = nextValue;
+			transitionFn(() => {
+				setState(nextValue);
+			});
+			return;
+		}
+		if (propWins) {
+			const nextValue = typeof next === "function" ? next(previous.current) : next;
+			onChangeCb(nextValue);
+		} else {
+			transitionFn(() => {
+				setState(next);
+			});
+		}
+	});
+	return [value, setter];
 }
-const idFn = () => {};
+const idFn = () => {};

package/dist/cjs/useControllableState.native.cjs

@@ -0,0 +1,90 @@
+"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 useControllableState_exports = {};
+__export(useControllableState_exports, { useControllableState: () => useControllableState });
+module.exports = __toCommonJS(useControllableState_exports);
+var import_use_event = require("@tamagui/use-event");
+var React = __toESM(require("react"), 1);
+var import_start_transition = require("@tamagui/start-transition");
+var emptyCallbackFn = function(_) {
+	return _();
+};
+function useControllableState(param) {
+	var { prop, defaultProp, onChange, strategy = "prop-wins", preventUpdate, transition } = param;
+	var [state, setState] = React.useState(prop !== null && prop !== void 0 ? prop : defaultProp);
+	var previous = React.useRef(state);
+	var propWins = strategy === "prop-wins" && prop !== void 0;
+	var value = propWins ? prop : state;
+	var onChangeCb = (0, import_use_event.useEvent)(onChange || idFn);
+	var transitionFn = transition ? import_start_transition.startTransition : emptyCallbackFn;
+	React.useEffect(function() {
+		if (prop === void 0) return;
+		previous.current = prop;
+		transitionFn(function() {
+			setState(prop);
+		});
+	}, [prop]);
+	React.useEffect(function() {
+		if (propWins) return;
+		if (state !== previous.current) {
+			previous.current = state;
+			onChangeCb(state);
+		}
+	}, [
+		onChangeCb,
+		state,
+		propWins
+	]);
+	var setter = (0, import_use_event.useEvent)(function(next, details) {
+		if (preventUpdate) return;
+		if (details === null || details === void 0 ? void 0 : details.isCanceled) return;
+		if (details) {
+			var nextValue = typeof next === "function" ? next(previous.current) : next;
+			onChangeCb(nextValue, details);
+			if (details.isCanceled) return;
+			if (propWins) return;
+			previous.current = nextValue;
+			transitionFn(function() {
+				setState(nextValue);
+			});
+			return;
+		}
+		if (propWins) {
+			var nextValue1 = typeof next === "function" ? next(previous.current) : next;
+			onChangeCb(nextValue1);
+		} else {
+			transitionFn(function() {
+				setState(next);
+			});
+		}
+	});
+	return [value, setter];
+}
+var idFn = function() {};

package/dist/cjs/useControllableState.native.js

@@ -1,5 +1,6 @@
 "use strict";
 
+
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -7,84 +8,85 @@ 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 useControllableState_exports = {};
-__export(useControllableState_exports, {
-  useControllableState: () => useControllableState
-});
+__export(useControllableState_exports, { useControllableState: () => useControllableState });
 module.exports = __toCommonJS(useControllableState_exports);
 var import_use_event = require("@tamagui/use-event");
 var React = __toESM(require("react"), 1);
 var import_start_transition = require("@tamagui/start-transition");
-var emptyCallbackFn = function (_) {
-  return _();
+var emptyCallbackFn = function(_) {
+	return _();
 };
 function useControllableState(param) {
-  var {
-    prop,
-    defaultProp,
-    onChange,
-    strategy = "prop-wins",
-    preventUpdate,
-    transition
-  } = param;
-  var [state, setState] = React.useState(prop !== null && prop !== void 0 ? prop : defaultProp);
-  var previous = React.useRef(state);
-  var propWins = strategy === "prop-wins" && prop !== void 0;
-  var value = propWins ? prop : state;
-  var onChangeCb = (0, import_use_event.useEvent)(onChange || idFn);
-  var transitionFn = transition ? import_start_transition.startTransition : emptyCallbackFn;
-  React.useEffect(function () {
-    if (prop === void 0) return;
-    previous.current = prop;
-    transitionFn(function () {
-      setState(prop);
-    });
-  }, [prop]);
-  React.useEffect(function () {
-    if (propWins) return;
-    if (state !== previous.current) {
-      previous.current = state;
-      onChangeCb(state);
-    }
-  }, [onChangeCb, state, propWins]);
-  var setter = (0, import_use_event.useEvent)(function (next) {
-    if (preventUpdate) return;
-    if (propWins) {
-      var nextValue = typeof next === "function" ? next(previous.current) : next;
-      onChangeCb(nextValue);
-    } else {
-      transitionFn(function () {
-        setState(next);
-      });
-    }
-  });
-  return [value, setter];
+	var { prop, defaultProp, onChange, strategy = "prop-wins", preventUpdate, transition } = param;
+	var [state, setState] = React.useState(prop !== null && prop !== void 0 ? prop : defaultProp);
+	var previous = React.useRef(state);
+	var propWins = strategy === "prop-wins" && prop !== void 0;
+	var value = propWins ? prop : state;
+	var onChangeCb = (0, import_use_event.useEvent)(onChange || idFn);
+	var transitionFn = transition ? import_start_transition.startTransition : emptyCallbackFn;
+	React.useEffect(function() {
+		if (prop === void 0) return;
+		previous.current = prop;
+		transitionFn(function() {
+			setState(prop);
+		});
+	}, [prop]);
+	React.useEffect(function() {
+		if (propWins) return;
+		if (state !== previous.current) {
+			previous.current = state;
+			onChangeCb(state);
+		}
+	}, [
+		onChangeCb,
+		state,
+		propWins
+	]);
+	var setter = (0, import_use_event.useEvent)(function(next, details) {
+		if (preventUpdate) return;
+		if (details === null || details === void 0 ? void 0 : details.isCanceled) return;
+		if (details) {
+			var nextValue = typeof next === "function" ? next(previous.current) : next;
+			onChangeCb(nextValue, details);
+			if (details.isCanceled) return;
+			if (propWins) return;
+			previous.current = nextValue;
+			transitionFn(function() {
+				setState(nextValue);
+			});
+			return;
+		}
+		if (propWins) {
+			var nextValue1 = typeof next === "function" ? next(previous.current) : next;
+			onChangeCb(nextValue1);
+		} else {
+			transitionFn(function() {
+				setState(next);
+			});
+		}
+	});
+	return [value, setter];
 }
-var idFn = function () {};
+var idFn = function() {};
+
 //# sourceMappingURL=useControllableState.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","useControllableState_exports","__export","useControllableState","module","exports","import_use_event","require","React","__toESM","import_start_transition","emptyCallbackFn","_","param","prop","defaultProp","onChange","strategy","preventUpdate","transition","state","setState","useState","previous","useRef","propWins","onChangeCb","useEvent","idFn","transitionFn","startTransition","useEffect","current","setter","next","nextValue"],"sources":["../../src/useControllableState.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,4BAAA;AAAAC,QAAA,CAAAD,4BAAA;EAAAE,oBAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAAyB,CAAAK,4BAAA;AACzB,IAAAK,gBAAuB,GAAAC,OAAA;AACvB,IAAAC,KAAA,GAAAC,OAAA,CAAAF,OAAA,QAAgC;AAOhC,IAAAG,uBAAyB,GAAAH,OAAQ;AAE1B,IAAAI,eAAS,YAAAA,CAAwBC,CAAA;EACtC,OAAAA,CAAA;AAAA;AACA,SACAT,qBAAAU,KAAA;EACA;IAAAC,IAAA;IAAWC,WAAA;IAAAC,QAAA;IAAAC,QAAA;IAAAC,aAAA;IAAAC;EAAA,IAAAN,KAAA;EACX,KAAAO,KAAA,EAAAC,QAAA,IAAAb,KAAA,CAAAc,QAAA,CAAAR,IAAA,aAAAA,IAAA,cAAAA,IAAA,GAAAC,WAAA;EACA,IAAAQ,QAAA,GAAAf,KAAA,CAAAgB,MAAA,CAAAJ,KAAA;EACF,IAOiDK,QAAA,GAAAR,QAAA,oBAAAH,IAAA;EAC/C,IAAAd,KAAO,GAAAyB,QAAO,GAAQX,IAAI,GAAAM,KAAM;EAChC,IAAAM,UAAM,GAAW,IAAApB,gBAAuB,CAAAqB,QAAA,EAAAX,QAAA,IAAAY,IAAA;EACxC,IAAAC,YAAM,GAAWV,UAAA,GAAaT,uBAAwB,CAAAoB,eAAA,GAAAnB,eAAA;EACtDH,KAAA,CAAMuB,SAAQ,aAAW;IACzB,IAAMjB,IAAA,aAAa;IAEnBS,QAAM,CAAAS,OAAA,GAAelB,IAAA;IAErBe,YAAM,aAAgB;MACpBR,QAAI,CAAAP,IAAS;IACb;EACA,IACEA,IAAA,CAAa,CACf;EACFN,KAAI,CAAAuB,SAAK;IAET,IAAMN,QAAA,EAAU;IACd,IAAIL,KAAA,KAAUG,QAAA,CAAAS,OAAA;MACdT,QAAI,CAAAS,OAAU,GAAAZ,KAAS;MACrBM,UAAS,CAAAN,KAAA;IACT;EAAgB,GAClB,CACFM,UAAI,EAEJN,KAAM,EACJK,QAAI,CACJ;EACE,IAAAQ,MAAM,OAAA3B,gBAAmB,CAAAqB,QAAS,YAAaO,IAAK;IACpD,IAAAhB,aAAW;IACb,IAAAO,QAAO;MACL,IAAAU,SAAa,UAAMD,IAAA,kBAAAA,IAAA,CAAAX,QAAA,CAAAS,OAAA,IAAAE,IAAA;MACjBR,UAAA,CAASS,SAAI;IAAA,OACd;MACHN,YAAA;QACDR,QAAA,CAAAa,IAAA;MAED;IACF;EAEA;EAAoB,Q","ignoreList":[]}
+{"version":3,"file":"useControllableState.native.js","names":[],"sources":["cjs/useControllableState.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 useControllableState_exports = {};\n__export(useControllableState_exports, {\n  useControllableState: () => useControllableState\n});\nmodule.exports = __toCommonJS(useControllableState_exports);\nvar import_use_event = require(\"@tamagui/use-event\");\nvar React = __toESM(require(\"react\"), 1);\nvar import_start_transition = require(\"@tamagui/start-transition\");\nvar emptyCallbackFn = function(_) {\n  return _();\n};\nfunction useControllableState(param) {\n  var { prop, defaultProp, onChange, strategy = \"prop-wins\", preventUpdate, transition } = param;\n  var [state, setState] = React.useState(prop !== null && prop !== void 0 ? prop : defaultProp);\n  var previous = React.useRef(state);\n  var propWins = strategy === \"prop-wins\" && prop !== void 0;\n  var value = propWins ? prop : state;\n  var onChangeCb = (0, import_use_event.useEvent)(onChange || idFn);\n  var transitionFn = transition ? import_start_transition.startTransition : emptyCallbackFn;\n  React.useEffect(function() {\n    if (prop === void 0) return;\n    previous.current = prop;\n    transitionFn(function() {\n      setState(prop);\n    });\n  }, [\n    prop\n  ]);\n  React.useEffect(function() {\n    if (propWins) return;\n    if (state !== previous.current) {\n      previous.current = state;\n      onChangeCb(state);\n    }\n  }, [\n    onChangeCb,\n    state,\n    propWins\n  ]);\n  var setter = (0, import_use_event.useEvent)(function(next, details) {\n    if (preventUpdate) return;\n    if (details === null || details === void 0 ? void 0 : details.isCanceled) return;\n    if (details) {\n      var nextValue = typeof next === \"function\" ? next(previous.current) : next;\n      onChangeCb(nextValue, details);\n      if (details.isCanceled) return;\n      if (propWins) return;\n      previous.current = nextValue;\n      transitionFn(function() {\n        setState(nextValue);\n      });\n      return;\n    }\n    if (propWins) {\n      var nextValue1 = typeof next === \"function\" ? next(previous.current) : next;\n      onChangeCb(nextValue1);\n    } else {\n      transitionFn(function() {\n        setState(next);\n      });\n    }\n  });\n  return [\n    value,\n    setter\n  ];\n}\nvar idFn = function() {\n};\n//# sourceMappingURL=useControllableState.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,+BAA+B,CAAC;AACpC,SAAS,8BAA8B,EACrC,4BAA4B,qBAC9B,CAAC;AACD,OAAO,UAAU,aAAa,4BAA4B;AAC1D,IAAI,mBAAmB,QAAQ,oBAAoB;AACnD,IAAI,QAAQ,QAAQ,QAAQ,OAAO,GAAG,CAAC;AACvC,IAAI,0BAA0B,QAAQ,2BAA2B;AACjE,IAAI,kBAAkB,SAAS,GAAG;CAChC,OAAO,EAAE;AACX;AACA,SAAS,qBAAqB,OAAO;CACnC,IAAI,EAAE,MAAM,aAAa,UAAU,WAAW,aAAa,eAAe,eAAe;CACzF,IAAI,CAAC,OAAO,YAAY,MAAM,SAAS,SAAS,QAAQ,SAAS,KAAK,IAAI,OAAO,WAAW;CAC5F,IAAI,WAAW,MAAM,OAAO,KAAK;CACjC,IAAI,WAAW,aAAa,eAAe,SAAS,KAAK;CACzD,IAAI,QAAQ,WAAW,OAAO;CAC9B,IAAI,cAAc,GAAG,iBAAiB,UAAU,YAAY,IAAI;CAChE,IAAI,eAAe,aAAa,wBAAwB,kBAAkB;CAC1E,MAAM,UAAU,WAAW;EACzB,IAAI,SAAS,KAAK,GAAG;EACrB,SAAS,UAAU;EACnB,aAAa,WAAW;GACtB,SAAS,IAAI;EACf,CAAC;CACH,GAAG,CACD,IACF,CAAC;CACD,MAAM,UAAU,WAAW;EACzB,IAAI,UAAU;EACd,IAAI,UAAU,SAAS,SAAS;GAC9B,SAAS,UAAU;GACnB,WAAW,KAAK;EAClB;CACF,GAAG;EACD;EACA;EACA;CACF,CAAC;CACD,IAAI,UAAU,GAAG,iBAAiB,UAAU,SAAS,MAAM,SAAS;EAClE,IAAI,eAAe;EACnB,IAAI,YAAY,QAAQ,YAAY,KAAK,IAAI,KAAK,IAAI,QAAQ,YAAY;EAC1E,IAAI,SAAS;GACX,IAAI,YAAY,OAAO,SAAS,aAAa,KAAK,SAAS,OAAO,IAAI;GACtE,WAAW,WAAW,OAAO;GAC7B,IAAI,QAAQ,YAAY;GACxB,IAAI,UAAU;GACd,SAAS,UAAU;GACnB,aAAa,WAAW;IACtB,SAAS,SAAS;GACpB,CAAC;GACD;EACF;EACA,IAAI,UAAU;GACZ,IAAI,aAAa,OAAO,SAAS,aAAa,KAAK,SAAS,OAAO,IAAI;GACvE,WAAW,UAAU;EACvB,OAAO;GACL,aAAa,WAAW;IACtB,SAAS,IAAI;GACf,CAAC;EACH;CACF,CAAC;CACD,OAAO,CACL,OACA,MACF;AACF;AACA,IAAI,OAAO,WAAW,CACtB"}

package/dist/esm/index.js

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

package/dist/esm/index.mjs

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

package/dist/esm/index.native.js

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

package/dist/esm/useControllableState.mjs

@@ -1,48 +1,59 @@
 import { useEvent } from "@tamagui/use-event";
 import * as React from "react";
 import { startTransition } from "@tamagui/start-transition";
-const emptyCallbackFn = _ => _();
-function useControllableState({
-  prop,
-  defaultProp,
-  onChange,
-  strategy = "prop-wins",
-  preventUpdate,
-  transition
-}) {
-  const [state, setState] = React.useState(prop ?? defaultProp);
-  const previous = React.useRef(state);
-  const propWins = strategy === "prop-wins" && prop !== void 0;
-  const value = propWins ? prop : state;
-  const onChangeCb = useEvent(onChange || idFn);
-  const transitionFn = transition ? startTransition : emptyCallbackFn;
-  React.useEffect(() => {
-    if (prop === void 0) return;
-    previous.current = prop;
-    transitionFn(() => {
-      setState(prop);
-    });
-  }, [prop]);
-  React.useEffect(() => {
-    if (propWins) return;
-    if (state !== previous.current) {
-      previous.current = state;
-      onChangeCb(state);
-    }
-  }, [onChangeCb, state, propWins]);
-  const setter = useEvent(next => {
-    if (preventUpdate) return;
-    if (propWins) {
-      const nextValue = typeof next === "function" ? next(previous.current) : next;
-      onChangeCb(nextValue);
-    } else {
-      transitionFn(() => {
-        setState(next);
-      });
-    }
-  });
-  return [value, setter];
+
+const emptyCallbackFn = (_) => _();
+function useControllableState({ prop, defaultProp, onChange, strategy = "prop-wins", preventUpdate, transition }) {
+	const [state, setState] = React.useState(prop ?? defaultProp);
+	const previous = React.useRef(state);
+	const propWins = strategy === "prop-wins" && prop !== void 0;
+	const value = propWins ? prop : state;
+	const onChangeCb = useEvent(onChange || idFn);
+	const transitionFn = transition ? startTransition : emptyCallbackFn;
+	React.useEffect(() => {
+		if (prop === void 0) return;
+		previous.current = prop;
+		transitionFn(() => {
+			setState(prop);
+		});
+	}, [prop]);
+	React.useEffect(() => {
+		if (propWins) return;
+		if (state !== previous.current) {
+			previous.current = state;
+			onChangeCb(state);
+		}
+	}, [
+		onChangeCb,
+		state,
+		propWins
+	]);
+	const setter = useEvent((next, details) => {
+		if (preventUpdate) return;
+		if (details?.isCanceled) return;
+		if (details) {
+			const nextValue = typeof next === "function" ? next(previous.current) : next;
+			onChangeCb(nextValue, details);
+			if (details.isCanceled) return;
+			if (propWins) return;
+			previous.current = nextValue;
+			transitionFn(() => {
+				setState(nextValue);
+			});
+			return;
+		}
+		if (propWins) {
+			const nextValue = typeof next === "function" ? next(previous.current) : next;
+			onChangeCb(nextValue);
+		} else {
+			transitionFn(() => {
+				setState(next);
+			});
+		}
+	});
+	return [value, setter];
 }
 const idFn = () => {};
+
 export { useControllableState };
 //# sourceMappingURL=useControllableState.mjs.map

package/dist/esm/useControllableState.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["useEvent","React","startTransition","emptyCallbackFn","_","useControllableState","prop","defaultProp","onChange","strategy","preventUpdate","transition","state","setState","useState","previous","useRef","propWins","value","onChangeCb","idFn","transitionFn","useEffect","current","setter","next","nextValue"],"sources":["../../src/useControllableState.ts"],"sourcesContent":[null],"mappings":"AAAA,SAASA,QAAA,QAAgB;AACzB,YAAYC,KAAA,MAAW;AACvB,SAASC,eAAA,QAAuB;AAOhC,MAAMC,eAAA,GAAmBC,CAAA,IAAMA,CAAA,CAAE;AAE1B,SAASC,qBAAwB;EACtCC,IAAA;EACAC,WAAA;EACAC,QAAA;EACAC,QAAA,GAAW;EACXC,aAAA;EACAC;AACF,GAOiD;EAC/C,MAAM,CAACC,KAAA,EAAOC,QAAQ,IAAIZ,KAAA,CAAMa,QAAA,CAASR,IAAA,IAAQC,WAAW;EAC5D,MAAMQ,QAAA,GAAWd,KAAA,CAAMe,MAAA,CAAYJ,KAAK;EACxC,MAAMK,QAAA,GAAWR,QAAA,KAAa,eAAeH,IAAA,KAAS;EACtD,MAAMY,KAAA,GAAQD,QAAA,GAAWX,IAAA,GAAOM,KAAA;EAChC,MAAMO,UAAA,GAAanB,QAAA,CAASQ,QAAA,IAAYY,IAAI;EAE5C,MAAMC,YAAA,GAAeV,UAAA,GAAaT,eAAA,GAAkBC,eAAA;EAEpDF,KAAA,CAAMqB,SAAA,CAAU,MAAM;IACpB,IAAIhB,IAAA,KAAS,QAAW;IACxBS,QAAA,CAASQ,OAAA,GAAUjB,IAAA;IACnBe,YAAA,CAAa,MAAM;MACjBR,QAAA,CAASP,IAAI;IACf,CAAC;EACH,GAAG,CAACA,IAAI,CAAC;EAETL,KAAA,CAAMqB,SAAA,CAAU,MAAM;IACpB,IAAIL,QAAA,EAAU;IACd,IAAIL,KAAA,KAAUG,QAAA,CAASQ,OAAA,EAAS;MAC9BR,QAAA,CAASQ,OAAA,GAAUX,KAAA;MACnBO,UAAA,CAAWP,KAAK;IAClB;EACF,GAAG,CAACO,UAAA,EAAYP,KAAA,EAAOK,QAAQ,CAAC;EAEhC,MAAMO,MAAA,GAASxB,QAAA,CAAUyB,IAAA,IAAS;IAChC,IAAIf,aAAA,EAAe;IACnB,IAAIO,QAAA,EAAU;MACZ,MAAMS,SAAA,GAAY,OAAOD,IAAA,KAAS,aAAaA,IAAA,CAAKV,QAAA,CAASQ,OAAO,IAAIE,IAAA;MACxEN,UAAA,CAAWO,SAAS;IACtB,OAAO;MACLL,YAAA,CAAa,MAAM;QACjBR,QAAA,CAASY,IAAI;MACf,CAAC;IACH;EACF,CAAC;EAED,OAAO,CAACP,KAAA,EAAYM,MAAM;AAC5B;AAEA,MAAMJ,IAAA,GAAOA,CAAA,KAAM,CAAC","ignoreList":[]}
+{"version":3,"file":"useControllableState.js","names":[],"sources":["esm/useControllableState.js"],"sourcesContent":["import { useEvent } from \"@tamagui/use-event\";\nimport * as React from \"react\";\nimport { startTransition } from \"@tamagui/start-transition\";\nconst emptyCallbackFn = (_) => _();\nfunction useControllableState({\n  prop,\n  defaultProp,\n  onChange,\n  strategy = \"prop-wins\",\n  preventUpdate,\n  transition\n}) {\n  const [state, setState] = React.useState(prop ?? defaultProp);\n  const previous = React.useRef(state);\n  const propWins = strategy === \"prop-wins\" && prop !== void 0;\n  const value = propWins ? prop : state;\n  const onChangeCb = useEvent(onChange || idFn);\n  const transitionFn = transition ? startTransition : emptyCallbackFn;\n  React.useEffect(() => {\n    if (prop === void 0) return;\n    previous.current = prop;\n    transitionFn(() => {\n      setState(prop);\n    });\n  }, [prop]);\n  React.useEffect(() => {\n    if (propWins) return;\n    if (state !== previous.current) {\n      previous.current = state;\n      onChangeCb(state);\n    }\n  }, [onChangeCb, state, propWins]);\n  const setter = useEvent((next, details) => {\n    if (preventUpdate) return;\n    if (details?.isCanceled) return;\n    if (details) {\n      const nextValue = typeof next === \"function\" ? next(previous.current) : next;\n      onChangeCb(nextValue, details);\n      if (details.isCanceled) return;\n      if (propWins) return;\n      previous.current = nextValue;\n      transitionFn(() => {\n        setState(nextValue);\n      });\n      return;\n    }\n    if (propWins) {\n      const nextValue = typeof next === \"function\" ? next(previous.current) : next;\n      onChangeCb(nextValue);\n    } else {\n      transitionFn(() => {\n        setState(next);\n      });\n    }\n  });\n  return [value, setter];\n}\nconst idFn = () => {\n};\nexport {\n  useControllableState\n};\n//# sourceMappingURL=useControllableState.js.map\n"],"mappings":";;;;;AAGA,MAAM,mBAAmB,MAAM,EAAE;AACjC,SAAS,qBAAqB,EAC5B,MACA,aACA,UACA,WAAW,aACX,eACA,cACC;CACD,MAAM,CAAC,OAAO,YAAY,MAAM,SAAS,QAAQ,WAAW;CAC5D,MAAM,WAAW,MAAM,OAAO,KAAK;CACnC,MAAM,WAAW,aAAa,eAAe,SAAS,KAAK;CAC3D,MAAM,QAAQ,WAAW,OAAO;CAChC,MAAM,aAAa,SAAS,YAAY,IAAI;CAC5C,MAAM,eAAe,aAAa,kBAAkB;CACpD,MAAM,gBAAgB;EACpB,IAAI,SAAS,KAAK,GAAG;EACrB,SAAS,UAAU;EACnB,mBAAmB;GACjB,SAAS,IAAI;EACf,CAAC;CACH,GAAG,CAAC,IAAI,CAAC;CACT,MAAM,gBAAgB;EACpB,IAAI,UAAU;EACd,IAAI,UAAU,SAAS,SAAS;GAC9B,SAAS,UAAU;GACnB,WAAW,KAAK;EAClB;CACF,GAAG;EAAC;EAAY;EAAO;CAAQ,CAAC;CAChC,MAAM,SAAS,UAAU,MAAM,YAAY;EACzC,IAAI,eAAe;EACnB,IAAI,SAAS,YAAY;EACzB,IAAI,SAAS;GACX,MAAM,YAAY,OAAO,SAAS,aAAa,KAAK,SAAS,OAAO,IAAI;GACxE,WAAW,WAAW,OAAO;GAC7B,IAAI,QAAQ,YAAY;GACxB,IAAI,UAAU;GACd,SAAS,UAAU;GACnB,mBAAmB;IACjB,SAAS,SAAS;GACpB,CAAC;GACD;EACF;EACA,IAAI,UAAU;GACZ,MAAM,YAAY,OAAO,SAAS,aAAa,KAAK,SAAS,OAAO,IAAI;GACxE,WAAW,SAAS;EACtB,OAAO;GACL,mBAAmB;IACjB,SAAS,IAAI;GACf,CAAC;EACH;CACF,CAAC;CACD,OAAO,CAAC,OAAO,MAAM;AACvB;AACA,MAAM,aAAa,CACnB"}

package/dist/esm/useControllableState.native.js

@@ -1,51 +1,62 @@
 import { useEvent } from "@tamagui/use-event";
 import * as React from "react";
 import { startTransition } from "@tamagui/start-transition";
-var emptyCallbackFn = function (_) {
-  return _();
+
+var emptyCallbackFn = function(_) {
+	return _();
 };
 function useControllableState(param) {
-  var {
-    prop,
-    defaultProp,
-    onChange,
-    strategy = "prop-wins",
-    preventUpdate,
-    transition
-  } = param;
-  var [state, setState] = React.useState(prop !== null && prop !== void 0 ? prop : defaultProp);
-  var previous = React.useRef(state);
-  var propWins = strategy === "prop-wins" && prop !== void 0;
-  var value = propWins ? prop : state;
-  var onChangeCb = useEvent(onChange || idFn);
-  var transitionFn = transition ? startTransition : emptyCallbackFn;
-  React.useEffect(function () {
-    if (prop === void 0) return;
-    previous.current = prop;
-    transitionFn(function () {
-      setState(prop);
-    });
-  }, [prop]);
-  React.useEffect(function () {
-    if (propWins) return;
-    if (state !== previous.current) {
-      previous.current = state;
-      onChangeCb(state);
-    }
-  }, [onChangeCb, state, propWins]);
-  var setter = useEvent(function (next) {
-    if (preventUpdate) return;
-    if (propWins) {
-      var nextValue = typeof next === "function" ? next(previous.current) : next;
-      onChangeCb(nextValue);
-    } else {
-      transitionFn(function () {
-        setState(next);
-      });
-    }
-  });
-  return [value, setter];
+	var { prop, defaultProp, onChange, strategy = "prop-wins", preventUpdate, transition } = param;
+	var [state, setState] = React.useState(prop !== null && prop !== void 0 ? prop : defaultProp);
+	var previous = React.useRef(state);
+	var propWins = strategy === "prop-wins" && prop !== void 0;
+	var value = propWins ? prop : state;
+	var onChangeCb = useEvent(onChange || idFn);
+	var transitionFn = transition ? startTransition : emptyCallbackFn;
+	React.useEffect(function() {
+		if (prop === void 0) return;
+		previous.current = prop;
+		transitionFn(function() {
+			setState(prop);
+		});
+	}, [prop]);
+	React.useEffect(function() {
+		if (propWins) return;
+		if (state !== previous.current) {
+			previous.current = state;
+			onChangeCb(state);
+		}
+	}, [
+		onChangeCb,
+		state,
+		propWins
+	]);
+	var setter = useEvent(function(next, details) {
+		if (preventUpdate) return;
+		if (details === null || details === void 0 ? void 0 : details.isCanceled) return;
+		if (details) {
+			var nextValue = typeof next === "function" ? next(previous.current) : next;
+			onChangeCb(nextValue, details);
+			if (details.isCanceled) return;
+			if (propWins) return;
+			previous.current = nextValue;
+			transitionFn(function() {
+				setState(nextValue);
+			});
+			return;
+		}
+		if (propWins) {
+			var nextValue1 = typeof next === "function" ? next(previous.current) : next;
+			onChangeCb(nextValue1);
+		} else {
+			transitionFn(function() {
+				setState(next);
+			});
+		}
+	});
+	return [value, setter];
 }
-var idFn = function () {};
+var idFn = function() {};
+
 export { useControllableState };
 //# sourceMappingURL=useControllableState.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["useEvent","React","startTransition","emptyCallbackFn","_","useControllableState","param","prop","defaultProp","onChange","strategy","preventUpdate","transition","state","setState","useState","previous","useRef","propWins","value","onChangeCb","idFn","transitionFn","useEffect","current","setter","next","nextValue"],"sources":["../../src/useControllableState.ts"],"sourcesContent":[null],"mappings":"AAAA,SAASA,QAAA,QAAgB;AACzB,YAAYC,KAAA,MAAW;AACvB,SAASC,eAAA,QAAuB;AAOhC,IAAAC,eAAM,YAAAA,CAAyBC,CAAA,EAAE;EAE1B,OAASA,CAAA;AAAwB;AACtC,SACAC,qBAAAC,KAAA;EACA;IAAAC,IAAA;IAAAC,WAAA;IAAAC,QAAA;IAAAC,QAAA;IAAAC,aAAA;IAAAC;EAAA,IAAAN,KAAA;EACA,KAAAO,KAAA,EAAWC,QAAA,IAAAb,KAAA,CAAAc,QAAA,CAAAR,IAAA,aAAAA,IAAA,cAAAA,IAAA,GAAAC,WAAA;EACX,IAAAQ,QAAA,GAAAf,KAAA,CAAAgB,MAAA,CAAAJ,KAAA;EACA,IAAAK,QAAA,GAAAR,QAAA,oBAAAH,IAAA;EACF,IAOiDY,KAAA,GAAAD,QAAA,GAAAX,IAAA,GAAAM,KAAA;EAC/C,IAAAO,UAAc,GAAApB,QAAQ,CAAIS,QAAM,IAAAY,IAAS;EACzC,IAAAC,YAAM,GAAWV,UAAM,GAAYV,eAAK,GAAAC,eAAA;EACxCF,KAAA,CAAMsB,SAAA,aAAW;IACjB,IAAMhB,IAAA,KAAQ;IACdS,QAAM,CAAAQ,OAAA,GAAajB,IAAA;IAEnBe,YAAM,aAAe;MAErBR,QAAM,CAAAP,IAAU;IACd;EACA,IACAA,IAAA,CACE;EAAaN,KACd,CAAAsB,SAAA;IACH,IAAIL,QAAK;IAET,IAAML,KAAA,KAAUG,QAAM,CAAAQ,OAAA;MACpBR,QAAI,CAAAQ,OAAU,GAAAX,KAAA;MACdO,UAAI,CAAAP,KAAU;IACZ;EACA,IACFO,UAAA,EACFP,KAAI,EAEJK,QAAM,CACJ;EACA,IAAAO,MAAI,GAAAzB,QAAU,WAAA0B,IAAA;IACZ,IAAAf,aAAM;IACN,IAAAO,QAAA,EAAW;MACb,IAAAS,SAAO,UAAAD,IAAA,kBAAAA,IAAA,CAAAV,QAAA,CAAAQ,OAAA,IAAAE,IAAA;MACLN,UAAA,CAAAO,SAAmB;IACjB;MACFL,YAAC;QACHR,QAAA,CAAAY,IAAA;MACD;IAED;EACF;EAEA,OAAM,CAAcP,KAAA,E","ignoreList":[]}
+{"version":3,"file":"useControllableState.native.js","names":[],"sources":["esm/useControllableState.native.js"],"sourcesContent":["import { useEvent } from \"@tamagui/use-event\";\nimport * as React from \"react\";\nimport { startTransition } from \"@tamagui/start-transition\";\nvar emptyCallbackFn = function(_) {\n  return _();\n};\nfunction useControllableState(param) {\n  var { prop, defaultProp, onChange, strategy = \"prop-wins\", preventUpdate, transition } = param;\n  var [state, setState] = React.useState(prop !== null && prop !== void 0 ? prop : defaultProp);\n  var previous = React.useRef(state);\n  var propWins = strategy === \"prop-wins\" && prop !== void 0;\n  var value = propWins ? prop : state;\n  var onChangeCb = useEvent(onChange || idFn);\n  var transitionFn = transition ? startTransition : emptyCallbackFn;\n  React.useEffect(function() {\n    if (prop === void 0) return;\n    previous.current = prop;\n    transitionFn(function() {\n      setState(prop);\n    });\n  }, [\n    prop\n  ]);\n  React.useEffect(function() {\n    if (propWins) return;\n    if (state !== previous.current) {\n      previous.current = state;\n      onChangeCb(state);\n    }\n  }, [\n    onChangeCb,\n    state,\n    propWins\n  ]);\n  var setter = useEvent(function(next, details) {\n    if (preventUpdate) return;\n    if (details === null || details === void 0 ? void 0 : details.isCanceled) return;\n    if (details) {\n      var nextValue = typeof next === \"function\" ? next(previous.current) : next;\n      onChangeCb(nextValue, details);\n      if (details.isCanceled) return;\n      if (propWins) return;\n      previous.current = nextValue;\n      transitionFn(function() {\n        setState(nextValue);\n      });\n      return;\n    }\n    if (propWins) {\n      var nextValue1 = typeof next === \"function\" ? next(previous.current) : next;\n      onChangeCb(nextValue1);\n    } else {\n      transitionFn(function() {\n        setState(next);\n      });\n    }\n  });\n  return [\n    value,\n    setter\n  ];\n}\nvar idFn = function() {\n};\nexport {\n  useControllableState\n};\n//# sourceMappingURL=useControllableState.js.map\n"],"mappings":";;;;;AAGA,IAAI,kBAAkB,SAAS,GAAG;CAChC,OAAO,EAAE;AACX;AACA,SAAS,qBAAqB,OAAO;CACnC,IAAI,EAAE,MAAM,aAAa,UAAU,WAAW,aAAa,eAAe,eAAe;CACzF,IAAI,CAAC,OAAO,YAAY,MAAM,SAAS,SAAS,QAAQ,SAAS,KAAK,IAAI,OAAO,WAAW;CAC5F,IAAI,WAAW,MAAM,OAAO,KAAK;CACjC,IAAI,WAAW,aAAa,eAAe,SAAS,KAAK;CACzD,IAAI,QAAQ,WAAW,OAAO;CAC9B,IAAI,aAAa,SAAS,YAAY,IAAI;CAC1C,IAAI,eAAe,aAAa,kBAAkB;CAClD,MAAM,UAAU,WAAW;EACzB,IAAI,SAAS,KAAK,GAAG;EACrB,SAAS,UAAU;EACnB,aAAa,WAAW;GACtB,SAAS,IAAI;EACf,CAAC;CACH,GAAG,CACD,IACF,CAAC;CACD,MAAM,UAAU,WAAW;EACzB,IAAI,UAAU;EACd,IAAI,UAAU,SAAS,SAAS;GAC9B,SAAS,UAAU;GACnB,WAAW,KAAK;EAClB;CACF,GAAG;EACD;EACA;EACA;CACF,CAAC;CACD,IAAI,SAAS,SAAS,SAAS,MAAM,SAAS;EAC5C,IAAI,eAAe;EACnB,IAAI,YAAY,QAAQ,YAAY,KAAK,IAAI,KAAK,IAAI,QAAQ,YAAY;EAC1E,IAAI,SAAS;GACX,IAAI,YAAY,OAAO,SAAS,aAAa,KAAK,SAAS,OAAO,IAAI;GACtE,WAAW,WAAW,OAAO;GAC7B,IAAI,QAAQ,YAAY;GACxB,IAAI,UAAU;GACd,SAAS,UAAU;GACnB,aAAa,WAAW;IACtB,SAAS,SAAS;GACpB,CAAC;GACD;EACF;EACA,IAAI,UAAU;GACZ,IAAI,aAAa,OAAO,SAAS,aAAa,KAAK,SAAS,OAAO,IAAI;GACvE,WAAW,UAAU;EACvB,OAAO;GACL,aAAa,WAAW;IACtB,SAAS,IAAI;GACf,CAAC;EACH;CACF,CAAC;CACD,OAAO,CACL,OACA,MACF;AACF;AACA,IAAI,OAAO,WAAW,CACtB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/use-controllable-state",
-  "version": "2.7.7",
+  "version": "3.0.0-beta.643.1",
   "gitHead": "a49cc7ea6b93ba384e77a4880ae48ac4a5635c14",
   "source": "src/index.ts",
   "files": [
@@ -35,11 +35,12 @@
     "clean:build": "tamagui-build clean:build"
   },
   "dependencies": {
-    "@tamagui/start-transition": "2.7.7",
-    "@tamagui/use-event": "2.7.7"
+    "@tamagui/core": "3.0.0-beta.643.1",
+    "@tamagui/start-transition": "3.0.0-beta.643.1",
+    "@tamagui/use-event": "3.0.0-beta.643.1"
   },
   "devDependencies": {
-    "@tamagui/build": "2.7.7",
+    "@tamagui/build": "3.0.0-beta.643.1",
     "react": ">=19"
   },
   "peerDependencies": {

package/src/useControllableState.ts

@@ -1,15 +1,30 @@
 import { useEvent } from '@tamagui/use-event'
 import * as React from 'react'
 import { startTransition } from '@tamagui/start-transition'
+import type { TamaguiChangeEventDetails } from '@tamagui/core'
 
 // can configure to allow most-recent-wins or prop-wins
 // defaults to prop-wins
 
-type ChangeCb<T> = (next: T) => void
+type ChangeCb<T, Details extends TamaguiChangeEventDetails> = (
+  next: T,
+  details?: Details
+) => void
+
+export type ControllableStateSetter<
+  T,
+  Details extends TamaguiChangeEventDetails = TamaguiChangeEventDetails,
+> = {
+  (next: React.SetStateAction<T>): void
+  (next: React.SetStateAction<T>, details: Details): void
+}
 
 const emptyCallbackFn = (_) => _()
 
-export function useControllableState<T>({
+export function useControllableState<
+  T,
+  Details extends TamaguiChangeEventDetails = TamaguiChangeEventDetails,
+>({
   prop,
   defaultProp,
   onChange,
@@ -19,11 +34,11 @@ export function useControllableState<T>({
 }: {
   prop?: T | undefined
   defaultProp: T
-  onChange?: ChangeCb<T>
+  onChange?: ChangeCb<T, Details>
   strategy?: 'prop-wins' | 'most-recent-wins'
   preventUpdate?: boolean
   transition?: boolean
-}): [T, React.Dispatch<React.SetStateAction<T>>] {
+}): [T, ControllableStateSetter<T, Details>] {
   const [state, setState] = React.useState(prop ?? defaultProp)
   const previous = React.useRef<any>(state)
   const propWins = strategy === 'prop-wins' && prop !== undefined
@@ -48,8 +63,24 @@ export function useControllableState<T>({
     }
   }, [onChangeCb, state, propWins])
 
-  const setter = useEvent((next) => {
+  const setter = useEvent((next, details?: Details) => {
     if (preventUpdate) return
+    if (details?.isCanceled) return
+
+    if (details) {
+      const nextValue = typeof next === 'function' ? next(previous.current) : next
+      onChangeCb(nextValue, details)
+      if (details.isCanceled) return
+
+      if (propWins) return
+
+      previous.current = nextValue
+      transitionFn(() => {
+        setState(nextValue)
+      })
+      return
+    }
+
     if (propWins) {
       const nextValue = typeof next === 'function' ? next(previous.current) : next
       onChangeCb(nextValue)
@@ -60,7 +91,7 @@ export function useControllableState<T>({
     }
   })
 
-  return [value as T, setter]
+  return [value as T, setter as ControllableStateSetter<T, Details>]
 }
 
 const idFn = () => {}

package/types/index.d.ts

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

package/types/index.d.ts.map

@@ -1 +1,11 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAA"}
+{
+  "mappings": "AAAA,cAAc",
+  "names": [],
+  "sources": [
+    "src/index.ts"
+  ],
+  "version": 3,
+  "sourcesContent": [
+    "export * from './useControllableState'\n"
+  ]
+}

package/types/useControllableState.d.ts

@@ -1,12 +1,27 @@
-import * as React from 'react';
-type ChangeCb<T> = (next: T) => void;
-export declare function useControllableState<T>({ prop, defaultProp, onChange, strategy, preventUpdate, transition, }: {
-    prop?: T | undefined;
-    defaultProp: T;
-    onChange?: ChangeCb<T>;
-    strategy?: 'prop-wins' | 'most-recent-wins';
-    preventUpdate?: boolean;
-    transition?: boolean;
-}): [T, React.Dispatch<React.SetStateAction<T>>];
+import * as React from "react";
+import type { TamaguiChangeEventDetails } from "@tamagui/core";
+type ChangeCb<
+	T,
+	Details extends TamaguiChangeEventDetails
+> = (next: T, details?: Details) => void;
+export type ControllableStateSetter<
+	T,
+	Details extends TamaguiChangeEventDetails = TamaguiChangeEventDetails
+> = {
+	(next: React.SetStateAction<T>): void;
+	(next: React.SetStateAction<T>, details: Details): void;
+};
+export declare function useControllableState<
+	T,
+	Details extends TamaguiChangeEventDetails = TamaguiChangeEventDetails
+>({ prop, defaultProp, onChange, strategy, preventUpdate, transition }: {
+	prop?: T | undefined;
+	defaultProp: T;
+	onChange?: ChangeCb<T, Details>;
+	strategy?: "prop-wins" | "most-recent-wins";
+	preventUpdate?: boolean;
+	transition?: boolean;
+}): [T, ControllableStateSetter<T, Details>];
 export {};
+
 //# sourceMappingURL=useControllableState.d.ts.map

package/types/useControllableState.d.ts.map

@@ -1 +1,11 @@
-{"version":3,"file":"useControllableState.d.ts","sourceRoot":"","sources":["../src/useControllableState.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B,KAAK,QAAQ,CAAC,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAA;AAIpC,wBAAgB,oBAAoB,CAAC,CAAC,EAAE,EACtC,IAAI,EACJ,WAAW,EACX,QAAQ,EACR,QAAsB,EACtB,aAAa,EACb,UAAU,GACX,EAAE;IACD,IAAI,CAAC,EAAE,CAAC,GAAG,SAAS,CAAA;IACpB,WAAW,EAAE,CAAC,CAAA;IACd,QAAQ,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAA;IACtB,QAAQ,CAAC,EAAE,WAAW,GAAG,kBAAkB,CAAA;IAC3C,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB,GAAG,CAAC,CAAC,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,CAsC/C"}
+{
+  "mappings": "AACA,YAAY,WAAW;AAEvB,cAAc,iCAAiC;KAK1C;CAAS;CAAG,gBAAgB;KAC/B,MAAM,GACN,UAAU;AAGZ,YAAY;CACV;CACA,gBAAgB,4BAA4B;IAC1C;EACD,MAAM,MAAM,eAAe;EAC3B,MAAM,MAAM,eAAe,IAAI,SAAS;;AAK3C,OAAO,iBAAS;CACd;CACA,gBAAgB,4BAA4B;EAC5C,EACA,MACA,aACA,UACA,UACA,eACA,cACC;CACD,OAAO;CACP,aAAa;CACb,WAAW,SAAS,GAAG;CACvB,WAAW,cAAc;CACzB;CACA;KACG,GAAG,wBAAwB,GAAG",
+  "names": [],
+  "sources": [
+    "src/useControllableState.ts"
+  ],
+  "version": 3,
+  "sourcesContent": [
+    "import { useEvent } from '@tamagui/use-event'\nimport * as React from 'react'\nimport { startTransition } from '@tamagui/start-transition'\nimport type { TamaguiChangeEventDetails } from '@tamagui/core'\n\n// can configure to allow most-recent-wins or prop-wins\n// defaults to prop-wins\n\ntype ChangeCb<T, Details extends TamaguiChangeEventDetails> = (\n  next: T,\n  details?: Details\n) => void\n\nexport type ControllableStateSetter<\n  T,\n  Details extends TamaguiChangeEventDetails = TamaguiChangeEventDetails,\n> = {\n  (next: React.SetStateAction<T>): void\n  (next: React.SetStateAction<T>, details: Details): void\n}\n\nconst emptyCallbackFn = (_) => _()\n\nexport function useControllableState<\n  T,\n  Details extends TamaguiChangeEventDetails = TamaguiChangeEventDetails,\n>({\n  prop,\n  defaultProp,\n  onChange,\n  strategy = 'prop-wins',\n  preventUpdate,\n  transition,\n}: {\n  prop?: T | undefined\n  defaultProp: T\n  onChange?: ChangeCb<T, Details>\n  strategy?: 'prop-wins' | 'most-recent-wins'\n  preventUpdate?: boolean\n  transition?: boolean\n}): [T, ControllableStateSetter<T, Details>] {\n  const [state, setState] = React.useState(prop ?? defaultProp)\n  const previous = React.useRef<any>(state)\n  const propWins = strategy === 'prop-wins' && prop !== undefined\n  const value = propWins ? prop : state\n  const onChangeCb = useEvent(onChange || idFn)\n\n  const transitionFn = transition ? startTransition : emptyCallbackFn\n\n  React.useEffect(() => {\n    if (prop === undefined) return\n    previous.current = prop\n    transitionFn(() => {\n      setState(prop)\n    })\n  }, [prop])\n\n  React.useEffect(() => {\n    if (propWins) return\n    if (state !== previous.current) {\n      previous.current = state\n      onChangeCb(state)\n    }\n  }, [onChangeCb, state, propWins])\n\n  const setter = useEvent((next, details?: Details) => {\n    if (preventUpdate) return\n    if (details?.isCanceled) return\n\n    if (details) {\n      const nextValue = typeof next === 'function' ? next(previous.current) : next\n      onChangeCb(nextValue, details)\n      if (details.isCanceled) return\n\n      if (propWins) return\n\n      previous.current = nextValue\n      transitionFn(() => {\n        setState(nextValue)\n      })\n      return\n    }\n\n    if (propWins) {\n      const nextValue = typeof next === 'function' ? next(previous.current) : next\n      onChangeCb(nextValue)\n    } else {\n      transitionFn(() => {\n        setState(next)\n      })\n    }\n  })\n\n  return [value as T, setter as ControllableStateSetter<T, Details>]\n}\n\nconst idFn = () => {}\n"
+  ]
+}

package/dist/esm/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":[],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA,cAAc","ignoreList":[]}

package/dist/esm/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"names":[],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA,cAAc","ignoreList":[]}

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

@@ -1 +0,0 @@
-{"version":3,"names":[],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA,cAAc","ignoreList":[]}