@tamagui/checkbox 2.7.7 → 3.0.0-beta.637.1

package/dist/cjs/Checkbox.cjs

@@ -1,116 +1,120 @@
+
+var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
-  for (var name in all) __defProp(target, name, {
-    get: all[name],
-    enumerable: true
-  });
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
+	});
 };
 var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-      get: () => from[key],
-      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-    });
-  }
-  return to;
+	if (from && typeof from === "object" || typeof from === "function") {
+		for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: () => from[key],
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
 };
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: true
-}), mod);
+var __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 Checkbox_exports = {};
 __export(Checkbox_exports, {
-  CheckboxFrame: () => CheckboxFrame,
-  CheckboxIndicatorFrame: () => CheckboxIndicatorFrame
+	Checkbox: () => Checkbox2,
+	CheckboxContext: () => CheckboxContext,
+	CheckboxFrame: () => CheckboxFrame,
+	CheckboxIndicatorFrame: () => CheckboxIndicatorFrame
 });
 module.exports = __toCommonJS(Checkbox_exports);
+var import_checkbox_headless = require("@tamagui/checkbox-headless");
 var import_core = require("@tamagui/core");
-var import_get_token = require("@tamagui/get-token");
-var import_stacks = require("@tamagui/stacks");
+require("@tamagui/focusable");
+var import_use_controllable_state = require("@tamagui/use-controllable-state");
+var import_react = __toESM(require("react"), 1);
 var import_CheckboxStyledContext = require("./CheckboxStyledContext.cjs");
-const INDICATOR_NAME = "CheckboxIndicator";
-const CheckboxIndicatorFrame = (0, import_core.styled)(import_stacks.YStack, {
-  // use Checkbox for easier themes
-  name: INDICATOR_NAME,
-  context: import_CheckboxStyledContext.CheckboxStyledContext,
-  variants: {
-    unstyled: {
-      false: {}
-    }
-  },
-  defaultVariants: {
-    unstyled: process.env.TAMAGUI_HEADLESS === "1"
-  }
-}, {
-  accept: {
-    activeStyle: "style"
-  }
+var import_jsx_runtime = require("react/jsx-runtime");
+const CheckboxIndicatorFrame = (0, import_core.styled)(import_core.View, {
+	displayName: "CheckboxIndicator",
+	context: import_CheckboxStyledContext.CheckboxStyledContext
+}, { accept: { activeStyle: "style" } });
+const CheckboxFrame = (0, import_core.styled)(import_core.View, {
+	displayName: "Checkbox",
+	render: "button",
+	context: import_CheckboxStyledContext.CheckboxStyledContext,
+	alignItems: "center",
+	justifyContent: "center",
+	variants: { disabled: { true: {
+		pointerEvents: "none",
+		userSelect: "none"
+	} } }
+}, { accept: { activeStyle: "style" } });
+const CheckboxContext = import_react.default.createContext({
+	checked: false,
+	disabled: false
 });
-const CHECKBOX_NAME = "Checkbox";
-const CheckboxFrame = (0, import_core.styled)(import_stacks.YStack, {
-  name: CHECKBOX_NAME,
-  render: "button",
-  context: import_CheckboxStyledContext.CheckboxStyledContext,
-  variants: {
-    unstyled: {
-      false: {
-        size: "$true",
-        backgroundColor: "$background",
-        alignItems: "center",
-        justifyContent: "center",
-        borderWidth: 1,
-        borderColor: "$borderColor",
-        hoverStyle: {
-          borderColor: "$borderColorHover"
-        },
-        pressStyle: {
-          backgroundColor: "$backgroundPress",
-          borderColor: "$borderColorPress"
-        },
-        focusStyle: {
-          borderColor: "$borderColorFocus"
-        },
-        focusVisibleStyle: {
-          outlineStyle: "solid",
-          outlineWidth: 2,
-          outlineColor: "$outlineColor"
-        }
-      }
-    },
-    disabled: {
-      true: {
-        pointerEvents: "none",
-        userSelect: "none",
-        cursor: "not-allowed",
-        hoverStyle: {
-          borderColor: "$borderColor",
-          backgroundColor: "$background"
-        },
-        pressStyle: {
-          borderColor: "$borderColor",
-          backgroundColor: "$background"
-        },
-        focusStyle: {
-          outlineWidth: 0
-        }
-      }
-    },
-    size: {
-      "...size": val => {
-        const radiusToken = (0, import_core.getVariableValue)((0, import_get_token.getSize)(val)) / 8;
-        return {
-          borderRadius: radiusToken
-        };
-      }
-    }
-  },
-  defaultVariants: {
-    unstyled: process.env.TAMAGUI_HEADLESS === "1"
-  }
-}, {
-  accept: {
-    activeStyle: "style"
-  }
-});
+const CheckboxComponent = (0, import_core.createStyledHOC)(CheckboxFrame, function Checkbox(_props, forwardedRef) {
+	const { checked: checkedProp, defaultChecked, onCheckedChange, native, activeStyle, activeTheme, ...props } = _props;
+	const propsActive = (0, import_core.useProps)(props);
+	const styledContext = import_react.default.useContext(import_CheckboxStyledContext.CheckboxStyledContext.context);
+	const [checked = false, setChecked] = (0, import_use_controllable_state.useControllableState)({
+		prop: checkedProp,
+		defaultProp: defaultChecked,
+		onChange: onCheckedChange
+	});
+	const { checkboxProps, checkboxRef, bubbleInput } = (0, import_checkbox_headless.useCheckbox)(propsActive, [checked, setChecked], forwardedRef);
+	if ((0, import_core.shouldRenderNativePlatform)(native) === "web") return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", {
+		type: "checkbox",
+		defaultChecked: (0, import_checkbox_headless.isIndeterminate)(checked) ? false : checked,
+		tabIndex: -1,
+		ref: checkboxRef,
+		disabled: checkboxProps.disabled,
+		style: checkboxProps.style
+	});
+	const memoizedContext = (0, import_react.useMemo)(() => ({
+		checked,
+		disabled: checkboxProps.disabled
+	}), [checked, checkboxProps.disabled]);
+	const isActive = !!checked;
+	const disabled = checkboxProps.disabled;
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CheckboxContext.Provider, {
+		value: memoizedContext,
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_CheckboxStyledContext.CheckboxStyledContext.Provider, {
+			size: propsActive.size ?? styledContext?.size ?? true,
+			active: isActive,
+			disabled,
+			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(CheckboxFrame, {
+				render: "button",
+				ref: checkboxRef,
+				theme: activeTheme ?? null,
+				...import_core.isWeb && { type: "button" },
+				checked,
+				disabled,
+				...checkboxProps,
+				...props,
+				...isActive && activeStyle ? activeStyle : void 0,
+				children: propsActive.children
+			}), bubbleInput]
+		})
+	});
+});
+const CheckboxIndicator = (0, import_core.createStyledHOC)(CheckboxIndicatorFrame, (props, forwardedRef) => {
+	const { children, forceMount, activeStyle, ...indicatorProps } = props;
+	const { active } = import_CheckboxStyledContext.CheckboxStyledContext.useStyledContext();
+	const context = import_react.default.useContext(CheckboxContext);
+	if (forceMount || (0, import_checkbox_headless.isIndeterminate)(context.checked) || context.checked === true) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CheckboxIndicatorFrame, {
+		pointerEvents: "none",
+		...indicatorProps,
+		...active && activeStyle ? activeStyle : void 0,
+		ref: forwardedRef,
+		children
+	});
+	return null;
+});
+const Checkbox2 = (0, import_core.withStaticProperties)(CheckboxComponent, { Indicator: CheckboxIndicator });

package/dist/cjs/Checkbox.native.cjs

@@ -0,0 +1,137 @@
+"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 Checkbox_exports = {};
+__export(Checkbox_exports, {
+	Checkbox: () => Checkbox2,
+	CheckboxContext: () => CheckboxContext,
+	CheckboxFrame: () => CheckboxFrame,
+	CheckboxIndicatorFrame: () => CheckboxIndicatorFrame
+});
+module.exports = __toCommonJS(Checkbox_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_checkbox_headless = require("@tamagui/checkbox-headless");
+var import_core = require("@tamagui/core");
+var import_focusable = require("@tamagui/focusable");
+var import_use_controllable_state = require("@tamagui/use-controllable-state");
+var import_react = __toESM(require("react"), 1);
+var import_CheckboxStyledContext = require("./CheckboxStyledContext.native.js");
+var CheckboxIndicatorFrame = (0, import_core.styled)(import_core.View, {
+	displayName: "CheckboxIndicator",
+	context: import_CheckboxStyledContext.CheckboxStyledContext
+}, { accept: { activeStyle: "style" } });
+var CheckboxFrame = (0, import_core.styled)(import_core.View, {
+	displayName: "Checkbox",
+	render: "button",
+	context: import_CheckboxStyledContext.CheckboxStyledContext,
+	alignItems: "center",
+	justifyContent: "center",
+	variants: { disabled: { true: {
+		pointerEvents: "none",
+		userSelect: "none"
+	} } }
+}, { accept: { activeStyle: "style" } });
+var CheckboxContext = /* @__PURE__ */ import_react.default.createContext({
+	checked: false,
+	disabled: false
+});
+var CheckboxComponent = (0, import_core.createStyledHOC)(CheckboxFrame, function Checkbox(_props, forwardedRef) {
+	var { checked: checkedProp, defaultChecked, onCheckedChange, native, activeStyle, activeTheme, ...props } = _props;
+	var propsActive = (0, import_core.useProps)(props);
+	var styledContext = import_react.default.useContext(import_CheckboxStyledContext.CheckboxStyledContext.context);
+	var [checked = false, setChecked] = (0, import_use_controllable_state.useControllableState)({
+		prop: checkedProp,
+		defaultProp: defaultChecked,
+		onChange: onCheckedChange
+	});
+	var { checkboxProps, checkboxRef, bubbleInput } = (0, import_checkbox_headless.useCheckbox)(propsActive, [checked, setChecked], forwardedRef);
+	import_react.default.useEffect(function() {
+		if (!props.id) return;
+		if (props.disabled) return;
+		return (0, import_focusable.registerFocusable)(props.id, {
+			focusAndSelect: function() {
+				setChecked === null || setChecked === void 0 || setChecked(function(value) {
+					return !value;
+				});
+			},
+			focus: function() {}
+		});
+	}, [props.id, props.disabled]);
+	if ((0, import_core.shouldRenderNativePlatform)(native) === "web") return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", {
+		type: "checkbox",
+		defaultChecked: (0, import_checkbox_headless.isIndeterminate)(checked) ? false : checked,
+		tabIndex: -1,
+		ref: checkboxRef,
+		disabled: checkboxProps.disabled,
+		style: checkboxProps.style
+	});
+	var memoizedContext = (0, import_react.useMemo)(function() {
+		return {
+			checked,
+			disabled: checkboxProps.disabled
+		};
+	}, [checked, checkboxProps.disabled]);
+	var isActive = !!checked;
+	var disabled = checkboxProps.disabled;
+	var _propsActive_size, _ref;
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CheckboxContext.Provider, {
+		value: memoizedContext,
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_CheckboxStyledContext.CheckboxStyledContext.Provider, {
+			size: (_ref = (_propsActive_size = propsActive.size) !== null && _propsActive_size !== void 0 ? _propsActive_size : styledContext === null || styledContext === void 0 ? void 0 : styledContext.size) !== null && _ref !== void 0 ? _ref : true,
+			active: isActive,
+			disabled,
+			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(CheckboxFrame, {
+				render: "button",
+				ref: checkboxRef,
+				theme: activeTheme !== null && activeTheme !== void 0 ? activeTheme : null,
+				...import_core.isWeb && { type: "button" },
+				checked,
+				disabled,
+				...checkboxProps,
+				...props,
+				...isActive && activeStyle ? activeStyle : void 0,
+				children: propsActive.children
+			}), bubbleInput]
+		})
+	});
+});
+var CheckboxIndicator = (0, import_core.createStyledHOC)(CheckboxIndicatorFrame, function(props, forwardedRef) {
+	var { children, forceMount, activeStyle, ...indicatorProps } = props;
+	var { active } = import_CheckboxStyledContext.CheckboxStyledContext.useStyledContext();
+	var context = import_react.default.useContext(CheckboxContext);
+	if (forceMount || (0, import_checkbox_headless.isIndeterminate)(context.checked) || context.checked === true) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CheckboxIndicatorFrame, {
+		pointerEvents: "none",
+		...indicatorProps,
+		...active && activeStyle ? activeStyle : void 0,
+		ref: forwardedRef,
+		children
+	});
+	return null;
+});
+var Checkbox2 = (0, import_core.withStaticProperties)(CheckboxComponent, { Indicator: CheckboxIndicator });

package/dist/cjs/Checkbox.native.js

@@ -1,119 +1,139 @@
 "use strict";
 
+
+var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
-  for (var name in all) __defProp(target, name, {
-    get: all[name],
-    enumerable: true
-  });
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
+	});
 };
 var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-      get: () => from[key],
-      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-    });
-  }
-  return to;
+	if (from && typeof from === "object" || typeof from === "function") {
+		for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: () => from[key],
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
 };
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: true
-}), mod);
+var __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 Checkbox_exports = {};
 __export(Checkbox_exports, {
-  CheckboxFrame: () => CheckboxFrame,
-  CheckboxIndicatorFrame: () => CheckboxIndicatorFrame
+	Checkbox: () => Checkbox2,
+	CheckboxContext: () => CheckboxContext,
+	CheckboxFrame: () => CheckboxFrame,
+	CheckboxIndicatorFrame: () => CheckboxIndicatorFrame
 });
 module.exports = __toCommonJS(Checkbox_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_checkbox_headless = require("@tamagui/checkbox-headless");
 var import_core = require("@tamagui/core");
-var import_get_token = require("@tamagui/get-token");
-var import_stacks = require("@tamagui/stacks");
+var import_focusable = require("@tamagui/focusable");
+var import_use_controllable_state = require("@tamagui/use-controllable-state");
+var import_react = __toESM(require("react"), 1);
 var import_CheckboxStyledContext = require("./CheckboxStyledContext.native.js");
-var INDICATOR_NAME = "CheckboxIndicator";
-var CheckboxIndicatorFrame = (0, import_core.styled)(import_stacks.YStack, {
-  // use Checkbox for easier themes
-  name: INDICATOR_NAME,
-  context: import_CheckboxStyledContext.CheckboxStyledContext,
-  variants: {
-    unstyled: {
-      false: {}
-    }
-  },
-  defaultVariants: {
-    unstyled: process.env.TAMAGUI_HEADLESS === "1"
-  }
-}, {
-  accept: {
-    activeStyle: "style"
-  }
+var CheckboxIndicatorFrame = (0, import_core.styled)(import_core.View, {
+	displayName: "CheckboxIndicator",
+	context: import_CheckboxStyledContext.CheckboxStyledContext
+}, { accept: { activeStyle: "style" } });
+var CheckboxFrame = (0, import_core.styled)(import_core.View, {
+	displayName: "Checkbox",
+	render: "button",
+	context: import_CheckboxStyledContext.CheckboxStyledContext,
+	alignItems: "center",
+	justifyContent: "center",
+	variants: { disabled: { true: {
+		pointerEvents: "none",
+		userSelect: "none"
+	} } }
+}, { accept: { activeStyle: "style" } });
+var CheckboxContext = /* @__PURE__ */ import_react.default.createContext({
+	checked: false,
+	disabled: false
+});
+var CheckboxComponent = (0, import_core.createStyledHOC)(CheckboxFrame, function Checkbox(_props, forwardedRef) {
+	var { checked: checkedProp, defaultChecked, onCheckedChange, native, activeStyle, activeTheme, ...props } = _props;
+	var propsActive = (0, import_core.useProps)(props);
+	var styledContext = import_react.default.useContext(import_CheckboxStyledContext.CheckboxStyledContext.context);
+	var [checked = false, setChecked] = (0, import_use_controllable_state.useControllableState)({
+		prop: checkedProp,
+		defaultProp: defaultChecked,
+		onChange: onCheckedChange
+	});
+	var { checkboxProps, checkboxRef, bubbleInput } = (0, import_checkbox_headless.useCheckbox)(propsActive, [checked, setChecked], forwardedRef);
+	import_react.default.useEffect(function() {
+		if (!props.id) return;
+		if (props.disabled) return;
+		return (0, import_focusable.registerFocusable)(props.id, {
+			focusAndSelect: function() {
+				setChecked === null || setChecked === void 0 || setChecked(function(value) {
+					return !value;
+				});
+			},
+			focus: function() {}
+		});
+	}, [props.id, props.disabled]);
+	if ((0, import_core.shouldRenderNativePlatform)(native) === "web") return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", {
+		type: "checkbox",
+		defaultChecked: (0, import_checkbox_headless.isIndeterminate)(checked) ? false : checked,
+		tabIndex: -1,
+		ref: checkboxRef,
+		disabled: checkboxProps.disabled,
+		style: checkboxProps.style
+	});
+	var memoizedContext = (0, import_react.useMemo)(function() {
+		return {
+			checked,
+			disabled: checkboxProps.disabled
+		};
+	}, [checked, checkboxProps.disabled]);
+	var isActive = !!checked;
+	var disabled = checkboxProps.disabled;
+	var _propsActive_size, _ref;
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CheckboxContext.Provider, {
+		value: memoizedContext,
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_CheckboxStyledContext.CheckboxStyledContext.Provider, {
+			size: (_ref = (_propsActive_size = propsActive.size) !== null && _propsActive_size !== void 0 ? _propsActive_size : styledContext === null || styledContext === void 0 ? void 0 : styledContext.size) !== null && _ref !== void 0 ? _ref : true,
+			active: isActive,
+			disabled,
+			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(CheckboxFrame, {
+				render: "button",
+				ref: checkboxRef,
+				theme: activeTheme !== null && activeTheme !== void 0 ? activeTheme : null,
+				...import_core.isWeb && { type: "button" },
+				checked,
+				disabled,
+				...checkboxProps,
+				...props,
+				...isActive && activeStyle ? activeStyle : void 0,
+				children: propsActive.children
+			}), bubbleInput]
+		})
+	});
 });
-var CHECKBOX_NAME = "Checkbox";
-var CheckboxFrame = (0, import_core.styled)(import_stacks.YStack, {
-  name: CHECKBOX_NAME,
-  render: "button",
-  context: import_CheckboxStyledContext.CheckboxStyledContext,
-  variants: {
-    unstyled: {
-      false: {
-        size: "$true",
-        backgroundColor: "$background",
-        alignItems: "center",
-        justifyContent: "center",
-        borderWidth: 1,
-        borderColor: "$borderColor",
-        hoverStyle: {
-          borderColor: "$borderColorHover"
-        },
-        pressStyle: {
-          backgroundColor: "$backgroundPress",
-          borderColor: "$borderColorPress"
-        },
-        focusStyle: {
-          borderColor: "$borderColorFocus"
-        },
-        focusVisibleStyle: {
-          outlineStyle: "solid",
-          outlineWidth: 2,
-          outlineColor: "$outlineColor"
-        }
-      }
-    },
-    disabled: {
-      true: {
-        pointerEvents: "none",
-        userSelect: "none",
-        cursor: "not-allowed",
-        hoverStyle: {
-          borderColor: "$borderColor",
-          backgroundColor: "$background"
-        },
-        pressStyle: {
-          borderColor: "$borderColor",
-          backgroundColor: "$background"
-        },
-        focusStyle: {
-          outlineWidth: 0
-        }
-      }
-    },
-    size: {
-      "...size": function (val) {
-        var radiusToken = (0, import_core.getVariableValue)((0, import_get_token.getSize)(val)) / 8;
-        return {
-          borderRadius: radiusToken
-        };
-      }
-    }
-  },
-  defaultVariants: {
-    unstyled: process.env.TAMAGUI_HEADLESS === "1"
-  }
-}, {
-  accept: {
-    activeStyle: "style"
-  }
+var CheckboxIndicator = (0, import_core.createStyledHOC)(CheckboxIndicatorFrame, function(props, forwardedRef) {
+	var { children, forceMount, activeStyle, ...indicatorProps } = props;
+	var { active } = import_CheckboxStyledContext.CheckboxStyledContext.useStyledContext();
+	var context = import_react.default.useContext(CheckboxContext);
+	if (forceMount || (0, import_checkbox_headless.isIndeterminate)(context.checked) || context.checked === true) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CheckboxIndicatorFrame, {
+		pointerEvents: "none",
+		...indicatorProps,
+		...active && activeStyle ? activeStyle : void 0,
+		ref: forwardedRef,
+		children
+	});
+	return null;
 });
+var Checkbox2 = (0, import_core.withStaticProperties)(CheckboxComponent, { Indicator: CheckboxIndicator });
+
 //# sourceMappingURL=Checkbox.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","Checkbox_exports","__export","CheckboxFrame","CheckboxIndicatorFrame","module","exports","import_core","require","import_get_token","import_stacks","import_CheckboxStyledContext","INDICATOR_NAME","styled","YStack","name","context","CheckboxStyledContext","variants","unstyled","false","defaultVariants","process","env","TAMAGUI_HEADLESS","accept","activeStyle","CHECKBOX_NAME","render","size","backgroundColor","alignItems","justifyContent","borderWidth","borderColor","hoverStyle","pressStyle","focusStyle","focusVisibleStyle","outlineStyle","outlineWidth","outlineColor","disabled","true","pointerEvents","userSelect","cursor","...size","val","radiusToken","getVariableValue","getSize","borderRadius"],"sources":["../../src/Checkbox.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,gBAAA;AAAAC,QAAA,CAAAD,gBAAA;EAAAE,aAAA,EAAAA,CAAA,KAAAA,aAAA;EAAAC,sBAAA,EAAAA,CAAA,KAAAA;AAAA;AAGAC,MAAA,CAAAC,OAAA,GAAAV,YAAyC,CAAAK,gBAAA;AACzC,IAAAM,WAAA,GAAAC,OAAwB;AACxB,IAAAC,gBAAuB,GAAAD,OAAA;AAEvB,IAAAE,aAAA,GAAAF,OAAA,kBAAsC;AAKtC,IAAAG,4BAAuB,GAAAH,OAAA;AAEhB,IAAAI,cAAM,sBAAyB;AAAA,IACpCR,sBAAA,OAAAG,WAAA,CAAAM,MAAA,EAAAH,aAAA,CAAAI,MAAA;EACA;EAAAC,IAAA,EAAAH,cAAA;EAAAI,OAEE,EAAML,4BAAA,CAAAM,qBAAA;EAAAC,QACN;IACAC,QAAA,EAAU;MACRC,KAAA;IAAU;EACA;EACVC,eACF;IACAF,QAAA,EAAAG,OAAiB,CAAAC,GAAA,CAAAC,gBAAA;EAAA;AAC4B;EAE/CC,MAAA;IACAC,WAAA;EAAA;AACU;AACO,IACfC,aAAA;AAAA,IACFxB,aAAA,OAAAI,WAAA,CAAAM,MAAA,EAAAH,aAAA,CAAAI,MAAA;EACFC,IAAA,EAAAY,aAAA;EAMAC,MAAM;EAECZ,OAAM,EAAAL,4BAAgB,CAAAM,qBAAA;EAC3BC,QAAA;IACAC,QAAA;MACEC,KAAM;QACNS,IAAQ;QAERC,eAAS;QACTC,UAAU;QACRC,cAAU;QACRC,WAAO;QAAAC,WACC;QAAAC,UACN;UACAD,WAAA,EAAY;QAAA;QACIE,UAChB;UACAN,eAAa;UAEbI,WAAA,EAAY;QAAA;QACGG,UACf;UAEAH,WAAA,EAAY;QAAA;QACOI,iBACJ;UACfC,YAAA;UAEAC,YAAY;UAAAC,YACV;QAAa;MACf;IAEmB;IACHC,QACd;MAAcC,IAAA,EACd;QAAcC,aAChB;QACFC,UAAA;QACFC,MAAA;QAEAX,UAAU;UACRD,WAAM;UACJJ,eAAe;QAAA;QACHM,UACJ;UAERF,WAAA,EAAY;UAAAJ,eACG;QAAA;QACIO,UACnB;UAEAG,YAAY;QAAA;MACG;IACI;IACnBX,IAAA,EAEA;MAAY,SACV,WAAAkB,CAAcC,GAAA;QAAA,IAChBC,WAAA,OAAA1C,WAAA,CAAA2C,gBAAA,MAAAzC,gBAAA,CAAA0C,OAAA,EAAAH,GAAA;QACF;UACFI,YAAA,EAAAH;QAEA;MAAM;IAEF;EACA;EAAO5B,eACL;IAAcF,QAChB,EAAAG,OAAA,CAAAC,GAAA,CAAAC,gBAAA;EAAA;AACF;EACFC,MACF;IAEAC,WAAA;EAAiB;AAC4B","ignoreList":[]}
+{"version":3,"file":"Checkbox.native.js","names":[],"sources":["cjs/Checkbox.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\tfor (var name in all) __defProp(target, name, {\n\t\tget: all[name],\n\t\tenumerable: true\n\t});\n};\nvar __copyProps = (to, from, except, desc) => {\n\tif (from && typeof from === \"object\" || typeof from === \"function\") {\n\t\tfor (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {\n\t\t\tget: () => from[key],\n\t\t\tenumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable\n\t\t});\n\t}\n\treturn to;\n};\nvar __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(\n\t// If the importer is in node compatibility mode or this is not an ESM\n\t// file that has been converted to a CommonJS file using a Babel-\n\t// compatible transform (i.e. \"__esModule\" has not been set), then set\n\t// \"default\" to the CommonJS \"module.exports\" for node compatibility.\n\tisNodeMode || !mod || !mod.__esModule ? __defProp(target, \"default\", {\n\t\tvalue: mod,\n\t\tenumerable: true\n\t}) : target,\n\tmod\n));\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar Checkbox_exports = {};\n__export(Checkbox_exports, {\n\tCheckbox: () => Checkbox2,\n\tCheckboxContext: () => CheckboxContext,\n\tCheckboxFrame: () => CheckboxFrame,\n\tCheckboxIndicatorFrame: () => CheckboxIndicatorFrame\n});\nmodule.exports = __toCommonJS(Checkbox_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_checkbox_headless = require(\"@tamagui/checkbox-headless\");\nvar import_core = require(\"@tamagui/core\");\nvar import_focusable = require(\"@tamagui/focusable\");\nvar import_use_controllable_state = require(\"@tamagui/use-controllable-state\");\nvar import_react = __toESM(require(\"react\"), 1);\nvar import_CheckboxStyledContext = require(\"./CheckboxStyledContext\");\nvar CheckboxIndicatorFrame = (0, import_core.styled)(import_core.View, {\n\tdisplayName: \"CheckboxIndicator\",\n\tcontext: import_CheckboxStyledContext.CheckboxStyledContext\n}, { accept: { activeStyle: \"style\" } });\nvar CheckboxFrame = (0, import_core.styled)(import_core.View, {\n\tdisplayName: \"Checkbox\",\n\trender: \"button\",\n\tcontext: import_CheckboxStyledContext.CheckboxStyledContext,\n\talignItems: \"center\",\n\tjustifyContent: \"center\",\n\tvariants: { disabled: { true: {\n\t\tpointerEvents: \"none\",\n\t\tuserSelect: \"none\"\n\t} } }\n}, { accept: { activeStyle: \"style\" } });\nvar CheckboxContext = /* @__PURE__ */ import_react.default.createContext({\n\tchecked: false,\n\tdisabled: false\n});\nvar CheckboxComponent = (0, import_core.createStyledHOC)(CheckboxFrame, function Checkbox(_props, forwardedRef) {\n\tvar { checked: checkedProp, defaultChecked, onCheckedChange, native, activeStyle, activeTheme, ...props } = _props;\n\tvar propsActive = (0, import_core.useProps)(props);\n\tvar styledContext = import_react.default.useContext(import_CheckboxStyledContext.CheckboxStyledContext.context);\n\tvar [checked = false, setChecked] = (0, import_use_controllable_state.useControllableState)({\n\t\tprop: checkedProp,\n\t\tdefaultProp: defaultChecked,\n\t\tonChange: onCheckedChange\n\t});\n\tvar { checkboxProps, checkboxRef, bubbleInput } = (0, import_checkbox_headless.useCheckbox)(\n\t\t// @ts-ignore\n\t\tpropsActive,\n\t\t[checked, setChecked],\n\t\tforwardedRef\n\t);\n\timport_react.default.useEffect(function() {\n\t\tif (!props.id) return;\n\t\tif (props.disabled) return;\n\t\treturn (0, import_focusable.registerFocusable)(props.id, {\n\t\t\tfocusAndSelect: function() {\n\t\t\t\tsetChecked === null || setChecked === void 0 || setChecked(function(value) {\n\t\t\t\t\treturn !value;\n\t\t\t\t});\n\t\t\t},\n\t\t\tfocus: function() {}\n\t\t});\n\t}, [props.id, props.disabled]);\n\tif ((0, import_core.shouldRenderNativePlatform)(native) === \"web\") return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(\"input\", {\n\t\ttype: \"checkbox\",\n\t\tdefaultChecked: (0, import_checkbox_headless.isIndeterminate)(checked) ? false : checked,\n\t\ttabIndex: -1,\n\t\tref: checkboxRef,\n\t\tdisabled: checkboxProps.disabled,\n\t\tstyle: checkboxProps.style\n\t});\n\tvar memoizedContext = (0, import_react.useMemo)(function() {\n\t\treturn {\n\t\t\tchecked,\n\t\t\tdisabled: checkboxProps.disabled\n\t\t};\n\t}, [checked, checkboxProps.disabled]);\n\tvar isActive = !!checked;\n\tvar disabled = checkboxProps.disabled;\n\tvar _propsActive_size, _ref;\n\treturn /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CheckboxContext.Provider, {\n\t\tvalue: memoizedContext,\n\t\tchildren: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_CheckboxStyledContext.CheckboxStyledContext.Provider, {\n\t\t\tsize: (_ref = (_propsActive_size = propsActive.size) !== null && _propsActive_size !== void 0 ? _propsActive_size : styledContext === null || styledContext === void 0 ? void 0 : styledContext.size) !== null && _ref !== void 0 ? _ref : true,\n\t\t\tactive: isActive,\n\t\t\tdisabled,\n\t\t\tchildren: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(CheckboxFrame, {\n\t\t\t\trender: \"button\",\n\t\t\t\tref: checkboxRef,\n\t\t\t\ttheme: activeTheme !== null && activeTheme !== void 0 ? activeTheme : null,\n\t\t\t\t...import_core.isWeb && { type: \"button\" },\n\t\t\t\tchecked,\n\t\t\t\tdisabled,\n\t\t\t\t...checkboxProps,\n\t\t\t\t...props,\n\t\t\t\t...isActive && activeStyle ? activeStyle : void 0,\n\t\t\t\tchildren: propsActive.children\n\t\t\t}), bubbleInput]\n\t\t})\n\t});\n});\nvar CheckboxIndicator = (0, import_core.createStyledHOC)(CheckboxIndicatorFrame, function(props, forwardedRef) {\n\tvar { children, forceMount, activeStyle, ...indicatorProps } = props;\n\tvar { active } = import_CheckboxStyledContext.CheckboxStyledContext.useStyledContext();\n\tvar context = import_react.default.useContext(CheckboxContext);\n\tif (forceMount || (0, import_checkbox_headless.isIndeterminate)(context.checked) || context.checked === true) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CheckboxIndicatorFrame, {\n\t\tpointerEvents: \"none\",\n\t\t...indicatorProps,\n\t\t...active && activeStyle ? activeStyle : void 0,\n\t\tref: forwardedRef,\n\t\tchildren\n\t});\n\treturn null;\n});\nvar Checkbox2 = (0, import_core.withStaticProperties)(CheckboxComponent, { Indicator: CheckboxIndicator });\n//# sourceMappingURL=Checkbox.js.map\n"],"mappings":"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"}