@tamagui/checkbox 1.114.4 → 1.115.0

package/dist/cjs/Checkbox.cjs

@@ -0,0 +1,101 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+    for (var name in all) __defProp(target, name, {
+      get: all[name],
+      enumerable: !0
+    });
+  },
+  __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__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: !0
+}), mod);
+var Checkbox_exports = {};
+__export(Checkbox_exports, {
+  CheckboxFrame: () => CheckboxFrame,
+  CheckboxIndicatorFrame: () => CheckboxIndicatorFrame
+});
+module.exports = __toCommonJS(Checkbox_exports);
+var import_core = require("@tamagui/core"),
+  import_get_token = require("@tamagui/get-token"),
+  import_stacks = require("@tamagui/stacks"),
+  import_CheckboxStyledContext = require("./CheckboxStyledContext.cjs");
+const INDICATOR_NAME = "CheckboxIndicator",
+  CheckboxIndicatorFrame = (0, import_core.styled)(import_stacks.ThemeableStack, {
+    // use Checkbox for easier themes
+    name: INDICATOR_NAME,
+    context: import_CheckboxStyledContext.CheckboxStyledContext,
+    variants: {
+      unstyled: {
+        false: {}
+      }
+    },
+    defaultVariants: {
+      unstyled: process.env.TAMAGUI_HEADLESS === "1"
+    }
+  }),
+  CHECKBOX_NAME = "Checkbox",
+  CheckboxFrame = (0, import_core.styled)(import_stacks.ThemeableStack, {
+    name: CHECKBOX_NAME,
+    tag: "button",
+    context: import_CheckboxStyledContext.CheckboxStyledContext,
+    variants: {
+      unstyled: {
+        false: {
+          size: "$true",
+          backgroundColor: "$background",
+          alignItems: "center",
+          justifyContent: "center",
+          pressTheme: !0,
+          focusable: !0,
+          borderWidth: 1,
+          borderColor: "$borderColor",
+          hoverStyle: {
+            borderColor: "$borderColorHover"
+          },
+          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: "$backgroundColor"
+          },
+          focusStyle: {
+            outlineWidth: 0
+          }
+        }
+      },
+      size: {
+        "...size": val => ({
+          borderRadius: (0, import_core.getVariableValue)((0, import_get_token.getSize)(val)) / 8
+        })
+      }
+    },
+    defaultVariants: {
+      unstyled: process.env.TAMAGUI_HEADLESS === "1"
+    }
+  });

package/dist/cjs/CheckboxStyledContext.cjs

@@ -0,0 +1,30 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+    for (var name in all) __defProp(target, name, {
+      get: all[name],
+      enumerable: !0
+    });
+  },
+  __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__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: !0
+}), mod);
+var CheckboxStyledContext_exports = {};
+__export(CheckboxStyledContext_exports, {
+  CheckboxStyledContext: () => CheckboxStyledContext
+});
+module.exports = __toCommonJS(CheckboxStyledContext_exports);
+var import_core = require("@tamagui/core");
+const CheckboxStyledContext = (0, import_core.createStyledContext)({
+  size: "$true",
+  scaleIcon: 1
+});

package/dist/cjs/createCheckbox.cjs

@@ -0,0 +1,165 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf,
+  __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+    for (var name in all) __defProp(target, name, {
+      get: all[name],
+      enumerable: !0
+    });
+  },
+  __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__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: !0
+  }) : target, mod)),
+  __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+    value: !0
+  }), mod);
+var createCheckbox_exports = {};
+__export(createCheckbox_exports, {
+  CheckboxContext: () => CheckboxContext,
+  createCheckbox: () => createCheckbox
+});
+module.exports = __toCommonJS(createCheckbox_exports);
+var import_react = __toESM(require("react")),
+  import_focusable = require("@tamagui/focusable"),
+  import_checkbox_headless = require("@tamagui/checkbox-headless"),
+  import_core = require("@tamagui/core"),
+  import_font_size = require("@tamagui/font-size"),
+  import_get_token = require("@tamagui/get-token"),
+  import_helpers_tamagui = require("@tamagui/helpers-tamagui"),
+  import_use_controllable_state = require("@tamagui/use-controllable-state"),
+  import_Checkbox = require("./Checkbox.cjs"),
+  import_CheckboxStyledContext = require("./CheckboxStyledContext.cjs"),
+  import_jsx_runtime = require("react/jsx-runtime");
+const CheckboxContext = import_react.default.createContext({
+    checked: !1,
+    disabled: !1
+  }),
+  ensureContext = x => {
+    x.context || (x.context = CheckboxContext);
+  };
+function createCheckbox(createProps) {
+  const {
+    disableActiveTheme,
+    Frame = import_Checkbox.CheckboxFrame,
+    Indicator = import_Checkbox.CheckboxIndicatorFrame
+  } = createProps;
+  ensureContext(Frame), ensureContext(Indicator);
+  const FrameComponent = Frame.styleable(function (_props, forwardedRef) {
+      const {
+          scaleSize = 0.45,
+          sizeAdjust = 0,
+          scaleIcon,
+          checked: checkedProp,
+          defaultChecked,
+          onCheckedChange,
+          native,
+          unstyled = !1,
+          ...props
+        } = _props,
+        propsActive = (0, import_core.useProps)(props),
+        styledContext = import_react.default.useContext(import_CheckboxStyledContext.CheckboxStyledContext);
+      let adjustedSize = 0,
+        size = 0;
+      unstyled || (adjustedSize = (0, import_core.getVariableValue)((0, import_get_token.getSize)(propsActive.size ?? styledContext?.size ?? "$true", {
+        shift: sizeAdjust
+      })), size = scaleSize ? Math.round(adjustedSize * scaleSize) : adjustedSize);
+      const [checked = !1, setChecked] = (0, import_use_controllable_state.useControllableState)({
+          prop: checkedProp,
+          defaultProp: defaultChecked,
+          onChange: onCheckedChange
+        }),
+        {
+          checkboxProps,
+          checkboxRef,
+          bubbleInput
+        } = (0, import_checkbox_headless.useCheckbox)(
+        // @ts-ignore
+        propsActive, [checked, setChecked], forwardedRef);
+      return (0, import_core.shouldRenderNativePlatform)(native) === "web" ? /* @__PURE__ */(0, import_jsx_runtime.jsx)("input", {
+        type: "checkbox",
+        defaultChecked: (0, import_checkbox_headless.isIndeterminate)(checked) ? !1 : checked,
+        tabIndex: -1,
+        ref: checkboxRef,
+        disabled: checkboxProps.disabled,
+        style: {
+          appearance: "auto",
+          accentColor: "var(--color6)",
+          ...checkboxProps.style
+          // TODO: any
+        }
+      }) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(CheckboxContext.Provider, {
+        value: {
+          checked,
+          disabled: checkboxProps.disabled
+        },
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_CheckboxStyledContext.CheckboxStyledContext.Provider, {
+          size: propsActive.size ?? styledContext?.size ?? "$true",
+          scaleIcon: scaleIcon ?? styledContext?.scaleIcon ?? 1,
+          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(Frame, {
+            ...(!unstyled && {
+              width: size,
+              height: size
+            }),
+            tag: "button",
+            ref: checkboxRef,
+            unstyled,
+            ...(unstyled === !1 && {
+              size,
+              theme: checked ? "active" : null
+            }),
+            checked,
+            disabled: checkboxProps.disabled,
+            ...checkboxProps,
+            children: propsActive.children
+          }), bubbleInput]
+        })
+      });
+    }),
+    IndicatorComponent = Indicator.styleable((props, forwardedRef) => {
+      const {
+          // __scopeCheckbox,
+          children: childrenProp,
+          forceMount,
+          disablePassStyles,
+          unstyled = !1,
+          ...indicatorProps
+        } = props,
+        styledContext = import_react.default.useContext(import_CheckboxStyledContext.CheckboxStyledContext);
+      let children = childrenProp;
+      if (!unstyled) {
+        const iconSize = (typeof styledContext.size == "number" ? styledContext.size * 0.65 : (0, import_font_size.getFontSize)(styledContext.size)) * styledContext.scaleIcon,
+          theme = (0, import_core.useTheme)(),
+          getThemedIcon = (0, import_helpers_tamagui.useGetThemedIcon)({
+            size: iconSize,
+            color: theme.color
+          });
+        children = import_react.default.Children.toArray(childrenProp).map(child => disablePassStyles || !import_react.default.isValidElement(child) ? child : getThemedIcon(child));
+      }
+      const context = import_react.default.useContext(CheckboxContext);
+      return forceMount || (0, import_checkbox_headless.isIndeterminate)(context.checked) || context.checked === !0 ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(Indicator, {
+        pointerEvents: "none",
+        ...indicatorProps,
+        ref: forwardedRef,
+        children
+      }) : null;
+    });
+  return (0, import_core.withStaticProperties)(FrameComponent, {
+    Indicator: IndicatorComponent
+  });
+}

package/dist/cjs/index.cjs

@@ -0,0 +1,35 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+    for (var name in all) __defProp(target, name, {
+      get: all[name],
+      enumerable: !0
+    });
+  },
+  __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+    return to;
+  },
+  __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: !0
+}), mod);
+var src_exports = {};
+__export(src_exports, {
+  Checkbox: () => Checkbox
+});
+module.exports = __toCommonJS(src_exports);
+var import_Checkbox = require("./Checkbox.cjs"),
+  import_createCheckbox = require("./createCheckbox.cjs");
+__reExport(src_exports, require("./createCheckbox.cjs"), module.exports);
+__reExport(src_exports, require("./Checkbox.cjs"), module.exports);
+__reExport(src_exports, require("./CheckboxStyledContext.cjs"), module.exports);
+const Checkbox = (0, import_createCheckbox.createCheckbox)({
+  Frame: import_Checkbox.CheckboxFrame,
+  Indicator: import_Checkbox.CheckboxIndicatorFrame
+});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/checkbox",
-  "version": "1.114.4",
+  "version": "1.115.0",
   "sideEffects": [
     "*.css"
   ],
@@ -24,20 +24,20 @@
     "clean:build": "tamagui-build clean:build"
   },
   "dependencies": {
-    "@tamagui/checkbox-headless": "1.114.4",
-    "@tamagui/compose-refs": "1.114.4",
-    "@tamagui/constants": "1.114.4",
-    "@tamagui/core": "1.114.4",
-    "@tamagui/create-context": "1.114.4",
-    "@tamagui/focusable": "1.114.4",
-    "@tamagui/font-size": "1.114.4",
-    "@tamagui/get-token": "1.114.4",
-    "@tamagui/helpers": "1.114.4",
-    "@tamagui/helpers-tamagui": "1.114.4",
-    "@tamagui/label": "1.114.4",
-    "@tamagui/stacks": "1.114.4",
-    "@tamagui/use-controllable-state": "1.114.4",
-    "@tamagui/use-previous": "1.114.4"
+    "@tamagui/checkbox-headless": "1.115.0",
+    "@tamagui/compose-refs": "1.115.0",
+    "@tamagui/constants": "1.115.0",
+    "@tamagui/core": "1.115.0",
+    "@tamagui/create-context": "1.115.0",
+    "@tamagui/focusable": "1.115.0",
+    "@tamagui/font-size": "1.115.0",
+    "@tamagui/get-token": "1.115.0",
+    "@tamagui/helpers": "1.115.0",
+    "@tamagui/helpers-tamagui": "1.115.0",
+    "@tamagui/label": "1.115.0",
+    "@tamagui/stacks": "1.115.0",
+    "@tamagui/use-controllable-state": "1.115.0",
+    "@tamagui/use-previous": "1.115.0"
   },
   "exports": {
     "./package.json": "./package.json",
@@ -46,11 +46,12 @@
       "react-native": "./dist/cjs/index.native.js",
       "types": "./types/index.d.ts",
       "import": "./dist/esm/index.mjs",
-      "require": "./dist/cjs/index.js"
+      "require": "./dist/cjs/index.cjs",
+      "default": "./dist/cjs/index.native.js"
     }
   },
   "devDependencies": {
-    "@tamagui/build": "1.114.4",
+    "@tamagui/build": "1.115.0",
     "react": "^18.2.0 || ^19.0.0"
   },
   "publishConfig": {

package/dist/cjs/Checkbox.js

@@ -1,90 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: !0 });
-}, __copyProps = (to, from, except, desc) => {
-  if (from && typeof from == "object" || typeof from == "function")
-    for (let key of __getOwnPropNames(from))
-      !__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: !0 }), mod);
-var Checkbox_exports = {};
-__export(Checkbox_exports, {
-  CheckboxFrame: () => CheckboxFrame,
-  CheckboxIndicatorFrame: () => CheckboxIndicatorFrame
-});
-module.exports = __toCommonJS(Checkbox_exports);
-var import_core = require("@tamagui/core"), import_get_token = require("@tamagui/get-token"), import_stacks = require("@tamagui/stacks"), import_CheckboxStyledContext = require("./CheckboxStyledContext");
-const INDICATOR_NAME = "CheckboxIndicator", CheckboxIndicatorFrame = (0, import_core.styled)(import_stacks.ThemeableStack, {
-  // use Checkbox for easier themes
-  name: INDICATOR_NAME,
-  context: import_CheckboxStyledContext.CheckboxStyledContext,
-  variants: {
-    unstyled: {
-      false: {}
-    }
-  },
-  defaultVariants: {
-    unstyled: process.env.TAMAGUI_HEADLESS === "1"
-  }
-}), CHECKBOX_NAME = "Checkbox", CheckboxFrame = (0, import_core.styled)(import_stacks.ThemeableStack, {
-  name: CHECKBOX_NAME,
-  tag: "button",
-  context: import_CheckboxStyledContext.CheckboxStyledContext,
-  variants: {
-    unstyled: {
-      false: {
-        size: "$true",
-        backgroundColor: "$background",
-        alignItems: "center",
-        justifyContent: "center",
-        pressTheme: !0,
-        focusable: !0,
-        borderWidth: 1,
-        borderColor: "$borderColor",
-        hoverStyle: {
-          borderColor: "$borderColorHover"
-        },
-        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: "$backgroundColor"
-        },
-        focusStyle: {
-          outlineWidth: 0
-        }
-      }
-    },
-    size: {
-      "...size": (val) => ({
-        borderRadius: (0, import_core.getVariableValue)((0, import_get_token.getSize)(val)) / 8
-      })
-    }
-  },
-  defaultVariants: {
-    unstyled: process.env.TAMAGUI_HEADLESS === "1"
-  }
-});
-//# sourceMappingURL=Checkbox.js.map

package/dist/cjs/CheckboxStyledContext.js

@@ -1,25 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: !0 });
-}, __copyProps = (to, from, except, desc) => {
-  if (from && typeof from == "object" || typeof from == "function")
-    for (let key of __getOwnPropNames(from))
-      !__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: !0 }), mod);
-var CheckboxStyledContext_exports = {};
-__export(CheckboxStyledContext_exports, {
-  CheckboxStyledContext: () => CheckboxStyledContext
-});
-module.exports = __toCommonJS(CheckboxStyledContext_exports);
-var import_core = require("@tamagui/core");
-const CheckboxStyledContext = (0, import_core.createStyledContext)({
-  size: "$true",
-  scaleIcon: 1
-});
-//# sourceMappingURL=CheckboxStyledContext.js.map

package/dist/cjs/createCheckbox.js

@@ -1,150 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf, __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: !0 });
-}, __copyProps = (to, from, except, desc) => {
-  if (from && typeof from == "object" || typeof from == "function")
-    for (let key of __getOwnPropNames(from))
-      !__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: !0 }) : target,
-  mod
-)), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
-var createCheckbox_exports = {};
-__export(createCheckbox_exports, {
-  CheckboxContext: () => CheckboxContext,
-  createCheckbox: () => createCheckbox
-});
-module.exports = __toCommonJS(createCheckbox_exports);
-var import_react = __toESM(require("react")), import_focusable = require("@tamagui/focusable"), import_checkbox_headless = require("@tamagui/checkbox-headless"), import_core = require("@tamagui/core"), import_font_size = require("@tamagui/font-size"), import_get_token = require("@tamagui/get-token"), import_helpers_tamagui = require("@tamagui/helpers-tamagui"), import_use_controllable_state = require("@tamagui/use-controllable-state"), import_Checkbox = require("./Checkbox"), import_CheckboxStyledContext = require("./CheckboxStyledContext"), import_jsx_runtime = require("react/jsx-runtime");
-const CheckboxContext = import_react.default.createContext({
-  checked: !1,
-  disabled: !1
-}), ensureContext = (x) => {
-  x.context || (x.context = CheckboxContext);
-};
-function createCheckbox(createProps) {
-  const {
-    disableActiveTheme,
-    Frame = import_Checkbox.CheckboxFrame,
-    Indicator = import_Checkbox.CheckboxIndicatorFrame
-  } = createProps;
-  ensureContext(Frame), ensureContext(Indicator);
-  const FrameComponent = Frame.styleable(
-    function(_props, forwardedRef) {
-      const {
-        scaleSize = 0.45,
-        sizeAdjust = 0,
-        scaleIcon,
-        checked: checkedProp,
-        defaultChecked,
-        onCheckedChange,
-        native,
-        unstyled = !1,
-        ...props
-      } = _props, propsActive = (0, import_core.useProps)(props), styledContext = import_react.default.useContext(import_CheckboxStyledContext.CheckboxStyledContext);
-      let adjustedSize = 0, size = 0;
-      unstyled || (adjustedSize = (0, import_core.getVariableValue)(
-        (0, import_get_token.getSize)(propsActive.size ?? styledContext?.size ?? "$true", {
-          shift: sizeAdjust
-        })
-      ), size = scaleSize ? Math.round(adjustedSize * scaleSize) : adjustedSize);
-      const [checked = !1, setChecked] = (0, import_use_controllable_state.useControllableState)({
-        prop: checkedProp,
-        defaultProp: defaultChecked,
-        onChange: onCheckedChange
-      }), { checkboxProps, checkboxRef, bubbleInput } = (0, import_checkbox_headless.useCheckbox)(
-        // @ts-ignore
-        propsActive,
-        [checked, setChecked],
-        forwardedRef
-      );
-      return (0, import_core.shouldRenderNativePlatform)(native) === "web" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        "input",
-        {
-          type: "checkbox",
-          defaultChecked: (0, import_checkbox_headless.isIndeterminate)(checked) ? !1 : checked,
-          tabIndex: -1,
-          ref: checkboxRef,
-          disabled: checkboxProps.disabled,
-          style: {
-            appearance: "auto",
-            accentColor: "var(--color6)",
-            ...checkboxProps.style
-            // TODO: any
-          }
-        }
-      ) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        CheckboxContext.Provider,
-        {
-          value: {
-            checked,
-            disabled: checkboxProps.disabled
-          },
-          children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-            import_CheckboxStyledContext.CheckboxStyledContext.Provider,
-            {
-              size: propsActive.size ?? styledContext?.size ?? "$true",
-              scaleIcon: scaleIcon ?? styledContext?.scaleIcon ?? 1,
-              children: [
-                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                  Frame,
-                  {
-                    ...!unstyled && {
-                      width: size,
-                      height: size
-                    },
-                    tag: "button",
-                    ref: checkboxRef,
-                    unstyled,
-                    ...unstyled === !1 && {
-                      size,
-                      theme: checked ? "active" : null
-                    },
-                    checked,
-                    disabled: checkboxProps.disabled,
-                    ...checkboxProps,
-                    children: propsActive.children
-                  }
-                ),
-                bubbleInput
-              ]
-            }
-          )
-        }
-      );
-    }
-  ), IndicatorComponent = Indicator.styleable(
-    (props, forwardedRef) => {
-      const {
-        // __scopeCheckbox,
-        children: childrenProp,
-        forceMount,
-        disablePassStyles,
-        unstyled = !1,
-        ...indicatorProps
-      } = props, styledContext = import_react.default.useContext(import_CheckboxStyledContext.CheckboxStyledContext);
-      let children = childrenProp;
-      if (!unstyled) {
-        const iconSize = (typeof styledContext.size == "number" ? styledContext.size * 0.65 : (0, import_font_size.getFontSize)(styledContext.size)) * styledContext.scaleIcon, theme = (0, import_core.useTheme)(), getThemedIcon = (0, import_helpers_tamagui.useGetThemedIcon)({ size: iconSize, color: theme.color });
-        children = import_react.default.Children.toArray(childrenProp).map((child) => disablePassStyles || !import_react.default.isValidElement(child) ? child : getThemedIcon(child));
-      }
-      const context = import_react.default.useContext(CheckboxContext);
-      return forceMount || (0, import_checkbox_headless.isIndeterminate)(context.checked) || context.checked === !0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Indicator, { pointerEvents: "none", ...indicatorProps, ref: forwardedRef, children }) : null;
-    }
-  );
-  return (0, import_core.withStaticProperties)(FrameComponent, {
-    Indicator: IndicatorComponent
-  });
-}
-//# sourceMappingURL=createCheckbox.js.map

package/dist/cjs/index.js

@@ -1,28 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: !0 });
-}, __copyProps = (to, from, except, desc) => {
-  if (from && typeof from == "object" || typeof from == "function")
-    for (let key of __getOwnPropNames(from))
-      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  return to;
-}, __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
-var src_exports = {};
-__export(src_exports, {
-  Checkbox: () => Checkbox
-});
-module.exports = __toCommonJS(src_exports);
-var import_Checkbox = require("./Checkbox"), import_createCheckbox = require("./createCheckbox");
-__reExport(src_exports, require("./createCheckbox"), module.exports);
-__reExport(src_exports, require("./Checkbox"), module.exports);
-__reExport(src_exports, require("./CheckboxStyledContext"), module.exports);
-const Checkbox = (0, import_createCheckbox.createCheckbox)({
-  Frame: import_Checkbox.CheckboxFrame,
-  Indicator: import_Checkbox.CheckboxIndicatorFrame
-});
-//# sourceMappingURL=index.js.map