@tamagui/toggle-group 2.7.7 → 3.0.0-beta.1093.1

package/dist/cjs/Toggle.cjs

@@ -1,150 +1,78 @@
-var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
-  for (var name in all) __defProp(target, name, {
-    get: all[name],
-    enumerable: true
-  });
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
+	});
 };
 var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-      get: () => from[key],
-      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-    });
-  }
-  return to;
+	if (from && typeof from === "object" || typeof from === "function") {
+		for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: () => from[key],
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
 };
-var __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
-}) : target, mod));
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: true
-}), mod);
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var Toggle_exports = {};
 __export(Toggle_exports, {
-  Toggle: () => Toggle,
-  ToggleFrame: () => ToggleFrame
+	Toggle: () => Toggle,
+	ToggleFrame: () => ToggleFrame
 });
 module.exports = __toCommonJS(Toggle_exports);
+var import_compose_refs = require("@tamagui/compose-refs");
 var import_helpers = require("@tamagui/helpers");
+var import_size = require("@tamagui/size");
 var import_use_controllable_state = require("@tamagui/use-controllable-state");
 var import_web = require("@tamagui/web");
-var React = __toESM(require("react"), 1);
 var import_context = require("./context.cjs");
 var import_jsx_runtime = require("react/jsx-runtime");
 const NAME = "Toggle";
 const ToggleFrame = (0, import_web.styled)(import_web.View, {
-  name: NAME,
-  render: "button",
-  context: import_context.context,
-  variants: {
-    unstyled: {
-      false: {
-        size: "$true",
-        alignItems: "center",
-        justifyContent: "center",
-        display: "flex",
-        backgroundColor: "$background",
-        borderColor: "$borderColor",
-        borderWidth: 1,
-        margin: -1,
-        hoverStyle: {
-          backgroundColor: "$backgroundHover",
-          borderColor: "$borderColorHover"
-        },
-        pressStyle: {
-          backgroundColor: "$backgroundPress",
-          borderColor: "$borderColorPress"
-        },
-        focusVisibleStyle: {
-          outlineColor: "$outlineColor",
-          outlineWidth: 2,
-          outlineStyle: "solid",
-          zIndex: 10
-        }
-      }
-    },
-    size: {
-      "...size": (val, {
-        tokens
-      }) => {
-        if (!val) return;
-        return {
-          width: tokens.size[val],
-          height: tokens.size[val]
-        };
-      },
-      ":number": val => ({
-        width: val,
-        height: val
-      })
-    },
-    defaultActiveStyle: {
-      true: {
-        backgroundColor: "$backgroundActive",
-        hoverStyle: {
-          backgroundColor: "$backgroundActive"
-        },
-        focusStyle: {
-          backgroundColor: "$backgroundActive"
-        }
-      }
-    }
-  },
-  defaultVariants: {
-    unstyled: process.env.TAMAGUI_HEADLESS === "1"
-  }
-}, {
-  accept: {
-    activeStyle: "style"
-  }
+	displayName: NAME,
+	render: "button",
+	context: import_context.context,
+	size: true,
+	alignItems: "center",
+	justifyContent: "center",
+	variants: {
+		size: import_web.styled.dynamic((val, env) => {
+			if (!val) return;
+			const { frame, controlHeight } = (0, import_size.resolveSize)(val, env);
+			const side = controlHeight + 2;
+			return {
+				width: side,
+				height: side,
+				borderRadius: frame.borderRadius
+			};
+		}),
+		defaultActiveStyle: { true: {} }
+	}
+});
+const Toggle = (0, import_compose_refs.createRefComponent)(function Toggle2(props, forwardedRef) {
+	const { active: activeProp, activeStyle, defaultActive = false, onActiveChange, activeTheme, ...buttonProps } = props;
+	const [active = false, setActive] = (0, import_use_controllable_state.useControllableState)({
+		prop: activeProp,
+		onChange: onActiveChange,
+		defaultProp: defaultActive
+	});
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToggleFrame, {
+		theme: activeTheme ?? null,
+		"aria-pressed": active,
+		"data-state": active ? "on" : "off",
+		"data-disabled": props.disabled ? "" : void 0,
+		...active && !activeStyle && { defaultActiveStyle: true },
+		...buttonProps,
+		style: [buttonProps.style, active && activeStyle],
+		ref: forwardedRef,
+		onPress: (0, import_helpers.composeEventHandlers)(props.onPress ?? void 0, () => {
+			if (!props.disabled) {
+				setActive((prev) => !prev);
+			}
+		})
+	});
 });
-const Toggle = React.forwardRef(function Toggle2(props, forwardedRef) {
-  const {
-    active: activeProp,
-    activeStyle,
-    defaultActive = false,
-    onActiveChange,
-    activeTheme,
-    unstyled = false,
-    ...buttonProps
-  } = props;
-  const [active = false, setActive] = (0, import_use_controllable_state.useControllableState)({
-    prop: activeProp,
-    onChange: onActiveChange,
-    defaultProp: defaultActive
-  });
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(ToggleFrame, {
-    theme: activeTheme ?? null,
-    "aria-pressed": active,
-    "data-state": active ? "on" : "off",
-    "data-disabled": props.disabled ? "" : void 0,
-    unstyled,
-    ...(active && !activeStyle && !unstyled && {
-      defaultActiveStyle: true
-    }),
-    ...buttonProps,
-    ...(active && activeStyle && {
-      ...activeStyle,
-      hoverStyle: activeStyle,
-      focusStyle: activeStyle
-    }),
-    ref: forwardedRef,
-    onPress: (0, import_helpers.composeEventHandlers)(props.onPress ?? void 0, () => {
-      if (!props.disabled) {
-        setActive(prev => !prev);
-      }
-    })
-  });
-});

package/dist/cjs/Toggle.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 Toggle_exports = {};
+__export(Toggle_exports, {
+	Toggle: () => Toggle,
+	ToggleFrame: () => ToggleFrame
+});
+module.exports = __toCommonJS(Toggle_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_compose_refs = require("@tamagui/compose-refs");
+var import_helpers = require("@tamagui/helpers");
+var import_size = require("@tamagui/size");
+var import_use_controllable_state = require("@tamagui/use-controllable-state");
+var import_web = require("@tamagui/web");
+var React = __toESM(require("react"), 1);
+var import_context = require("./context.native.js");
+var NAME = "Toggle";
+var ToggleFrame = (0, import_web.styled)(import_web.View, {
+	displayName: NAME,
+	render: "button",
+	context: import_context.context,
+	size: true,
+	alignItems: "center",
+	justifyContent: "center",
+	variants: {
+		size: import_web.styled.dynamic(function(val, env) {
+			if (!val) return;
+			var { frame, controlHeight } = (0, import_size.resolveSize)(val, env);
+			var side = controlHeight + 2;
+			return {
+				width: side,
+				height: side,
+				borderRadius: frame.borderRadius
+			};
+		}),
+		defaultActiveStyle: { true: {} }
+	}
+});
+var Toggle = (0, import_compose_refs.createRefComponent)(function Toggle2(props, forwardedRef) {
+	var { active: activeProp, activeStyle, defaultActive = false, onActiveChange, activeTheme, ...buttonProps } = props;
+	var [active = false, setActive] = (0, import_use_controllable_state.useControllableState)({
+		prop: activeProp,
+		onChange: onActiveChange,
+		defaultProp: defaultActive
+	});
+	var _props_onPress;
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToggleFrame, {
+		theme: activeTheme !== null && activeTheme !== void 0 ? activeTheme : null,
+		"aria-pressed": active,
+		"data-state": active ? "on" : "off",
+		"data-disabled": props.disabled ? "" : void 0,
+		...active && !activeStyle && { defaultActiveStyle: true },
+		...buttonProps,
+		style: [buttonProps.style, active && activeStyle],
+		ref: forwardedRef,
+		onPress: (0, import_helpers.composeEventHandlers)((_props_onPress = props.onPress) !== null && _props_onPress !== void 0 ? _props_onPress : void 0, function() {
+			if (!props.disabled) {
+				setActive(function(prev) {
+					return !prev;
+				});
+			}
+		})
+	});
+});

package/dist/cjs/Toggle.native.js

@@ -7,157 +7,86 @@ 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 Toggle_exports = {};
 __export(Toggle_exports, {
-  Toggle: () => Toggle,
-  ToggleFrame: () => ToggleFrame
+	Toggle: () => Toggle,
+	ToggleFrame: () => ToggleFrame
 });
 module.exports = __toCommonJS(Toggle_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
+var import_compose_refs = require("@tamagui/compose-refs");
 var import_helpers = require("@tamagui/helpers");
+var import_size = require("@tamagui/size");
 var import_use_controllable_state = require("@tamagui/use-controllable-state");
 var import_web = require("@tamagui/web");
 var React = __toESM(require("react"), 1);
 var import_context = require("./context.native.js");
 var NAME = "Toggle";
 var ToggleFrame = (0, import_web.styled)(import_web.View, {
-  name: NAME,
-  render: "button",
-  context: import_context.context,
-  variants: {
-    unstyled: {
-      false: {
-        size: "$true",
-        alignItems: "center",
-        justifyContent: "center",
-        display: "flex",
-        backgroundColor: "$background",
-        borderColor: "$borderColor",
-        borderWidth: 1,
-        margin: -1,
-        hoverStyle: {
-          backgroundColor: "$backgroundHover",
-          borderColor: "$borderColorHover"
-        },
-        pressStyle: {
-          backgroundColor: "$backgroundPress",
-          borderColor: "$borderColorPress"
-        },
-        focusVisibleStyle: {
-          outlineColor: "$outlineColor",
-          outlineWidth: 2,
-          outlineStyle: "solid",
-          zIndex: 10
-        }
-      }
-    },
-    size: {
-      "...size": function (val, param) {
-        var {
-          tokens
-        } = param;
-        if (!val) return;
-        return {
-          width: tokens.size[val],
-          height: tokens.size[val]
-        };
-      },
-      ":number": function (val) {
-        return {
-          width: val,
-          height: val
-        };
-      }
-    },
-    defaultActiveStyle: {
-      true: {
-        backgroundColor: "$backgroundActive",
-        hoverStyle: {
-          backgroundColor: "$backgroundActive"
-        },
-        focusStyle: {
-          backgroundColor: "$backgroundActive"
-        }
-      }
-    }
-  },
-  defaultVariants: {
-    unstyled: process.env.TAMAGUI_HEADLESS === "1"
-  }
-}, {
-  accept: {
-    activeStyle: "style"
-  }
+	displayName: NAME,
+	render: "button",
+	context: import_context.context,
+	size: true,
+	alignItems: "center",
+	justifyContent: "center",
+	variants: {
+		size: import_web.styled.dynamic(function(val, env) {
+			if (!val) return;
+			var { frame, controlHeight } = (0, import_size.resolveSize)(val, env);
+			var side = controlHeight + 2;
+			return {
+				width: side,
+				height: side,
+				borderRadius: frame.borderRadius
+			};
+		}),
+		defaultActiveStyle: { true: {} }
+	}
 });
-var Toggle = /* @__PURE__ */React.forwardRef(function Toggle2(props, forwardedRef) {
-  var {
-    active: activeProp,
-    activeStyle,
-    defaultActive = false,
-    onActiveChange,
-    activeTheme,
-    unstyled = false,
-    ...buttonProps
-  } = props;
-  var [active = false, setActive] = (0, import_use_controllable_state.useControllableState)({
-    prop: activeProp,
-    onChange: onActiveChange,
-    defaultProp: defaultActive
-  });
-  var _props_onPress;
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(ToggleFrame, {
-    theme: activeTheme !== null && activeTheme !== void 0 ? activeTheme : null,
-    "aria-pressed": active,
-    "data-state": active ? "on" : "off",
-    "data-disabled": props.disabled ? "" : void 0,
-    unstyled,
-    ...(active && !activeStyle && !unstyled && {
-      defaultActiveStyle: true
-    }),
-    ...buttonProps,
-    // spread activeStyle after buttonProps so it wins when active: a styled()
-    // variant (e.g. a resting `backgroundColor`) forwards that value as a plain
-    // prop into buttonProps, which would otherwise clobber the activeStyle merge
-    // on overlapping keys and leave the active item stuck at its resting style.
-    ...(active && activeStyle && {
-      ...activeStyle,
-      hoverStyle: activeStyle,
-      focusStyle: activeStyle
-    }),
-    ref: forwardedRef,
-    onPress: (0, import_helpers.composeEventHandlers)((_props_onPress = props.onPress) !== null && _props_onPress !== void 0 ? _props_onPress : void 0, function () {
-      if (!props.disabled) {
-        setActive(function (prev) {
-          return !prev;
-        });
-      }
-    })
-  });
+var Toggle = (0, import_compose_refs.createRefComponent)(function Toggle2(props, forwardedRef) {
+	var { active: activeProp, activeStyle, defaultActive = false, onActiveChange, activeTheme, ...buttonProps } = props;
+	var [active = false, setActive] = (0, import_use_controllable_state.useControllableState)({
+		prop: activeProp,
+		onChange: onActiveChange,
+		defaultProp: defaultActive
+	});
+	var _props_onPress;
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToggleFrame, {
+		theme: activeTheme !== null && activeTheme !== void 0 ? activeTheme : null,
+		"aria-pressed": active,
+		"data-state": active ? "on" : "off",
+		"data-disabled": props.disabled ? "" : void 0,
+		...active && !activeStyle && { defaultActiveStyle: true },
+		...buttonProps,
+		style: [buttonProps.style, active && activeStyle],
+		ref: forwardedRef,
+		onPress: (0, import_helpers.composeEventHandlers)((_props_onPress = props.onPress) !== null && _props_onPress !== void 0 ? _props_onPress : void 0, function() {
+			if (!props.disabled) {
+				setActive(function(prev) {
+					return !prev;
+				});
+			}
+		})
+	});
 });
+
 //# sourceMappingURL=Toggle.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","Toggle_exports","__export","Toggle","ToggleFrame","module","exports","import_jsx_runtime","require","import_helpers","import_use_controllable_state","import_web","React","__toESM","import_context","NAME","styled","View","name","render","context","variants","unstyled","false","size","alignItems","justifyContent","display","backgroundColor","borderColor","borderWidth","margin","hoverStyle","pressStyle","focusVisibleStyle","outlineColor","outlineWidth","outlineStyle","zIndex","...size","val","param","tokens","width","height",":number","defaultActiveStyle","true","focusStyle","defaultVariants","process","env","TAMAGUI_HEADLESS","accept","activeStyle","forwardRef","Toggle2","props","forwardedRef","active","activeProp","defaultActive","onActiveChange","activeTheme","buttonProps","setActive","useControllableState","prop","onChange","defaultProp","_props_onPress","jsx","theme","disabled","ref","onPress","composeEventHandlers","prev"],"sources":["../../src/Toggle.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Toggle.native.js","names":[],"sources":["cjs/Toggle.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 Toggle_exports = {};\n__export(Toggle_exports, {\n  Toggle: () => Toggle,\n  ToggleFrame: () => ToggleFrame\n});\nmodule.exports = __toCommonJS(Toggle_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_compose_refs = require(\"@tamagui/compose-refs\");\nvar import_helpers = require(\"@tamagui/helpers\");\nvar import_size = require(\"@tamagui/size\");\nvar import_use_controllable_state = require(\"@tamagui/use-controllable-state\");\nvar import_web = require(\"@tamagui/web\");\nvar React = __toESM(require(\"react\"), 1);\nvar import_context = require(\"./context\");\nvar NAME = \"Toggle\";\nvar ToggleFrame = (0, import_web.styled)(import_web.View, {\n  displayName: NAME,\n  render: \"button\",\n  context: import_context.context,\n  size: true,\n  alignItems: \"center\",\n  justifyContent: \"center\",\n  variants: {\n    size: import_web.styled.dynamic(function(val, env) {\n      if (!val) return;\n      var { frame, controlHeight } = (0, import_size.resolveSize)(val, env);\n      var side = controlHeight + 2;\n      return {\n        width: side,\n        height: side,\n        borderRadius: frame.borderRadius\n      };\n    }),\n    defaultActiveStyle: {\n      true: {}\n    }\n  }\n});\nvar Toggle = (0, import_compose_refs.createRefComponent)(function Toggle2(props, forwardedRef) {\n  var { active: activeProp, activeStyle, defaultActive = false, onActiveChange, activeTheme, ...buttonProps } = props;\n  var [active = false, setActive] = (0, import_use_controllable_state.useControllableState)({\n    prop: activeProp,\n    onChange: onActiveChange,\n    defaultProp: defaultActive\n  });\n  var _props_onPress;\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToggleFrame, {\n    theme: activeTheme !== null && activeTheme !== void 0 ? activeTheme : null,\n    \"aria-pressed\": active,\n    \"data-state\": active ? \"on\" : \"off\",\n    \"data-disabled\": props.disabled ? \"\" : void 0,\n    ...active && !activeStyle && {\n      defaultActiveStyle: true\n    },\n    ...buttonProps,\n    style: [\n      buttonProps.style,\n      active && activeStyle\n    ],\n    ref: forwardedRef,\n    onPress: (0, import_helpers.composeEventHandlers)((_props_onPress = props.onPress) !== null && _props_onPress !== void 0 ? _props_onPress : void 0, function() {\n      if (!props.disabled) {\n        setActive(function(prev) {\n          return !prev;\n        });\n      }\n    })\n  });\n});\n//# sourceMappingURL=Toggle.js.map\n"],"mappings":"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"}