@tamagui/checkbox 1.116.0 → 1.116.2

package/dist/cjs/Checkbox.js

@@ -0,0 +1,90 @@
+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

@@ -0,0 +1,25 @@
+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

@@ -0,0 +1,150 @@
+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

@@ -0,0 +1,28 @@
+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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/checkbox",
-  "version": "1.116.0",
+  "version": "1.116.2",
   "sideEffects": [
     "*.css"
   ],
@@ -24,20 +24,20 @@
     "clean:build": "tamagui-build clean:build"
   },
   "dependencies": {
-    "@tamagui/checkbox-headless": "1.116.0",
-    "@tamagui/compose-refs": "1.116.0",
-    "@tamagui/constants": "1.116.0",
-    "@tamagui/core": "1.116.0",
-    "@tamagui/create-context": "1.116.0",
-    "@tamagui/focusable": "1.116.0",
-    "@tamagui/font-size": "1.116.0",
-    "@tamagui/get-token": "1.116.0",
-    "@tamagui/helpers": "1.116.0",
-    "@tamagui/helpers-tamagui": "1.116.0",
-    "@tamagui/label": "1.116.0",
-    "@tamagui/stacks": "1.116.0",
-    "@tamagui/use-controllable-state": "1.116.0",
-    "@tamagui/use-previous": "1.116.0"
+    "@tamagui/checkbox-headless": "1.116.2",
+    "@tamagui/compose-refs": "1.116.2",
+    "@tamagui/constants": "1.116.2",
+    "@tamagui/core": "1.116.2",
+    "@tamagui/create-context": "1.116.2",
+    "@tamagui/focusable": "1.116.2",
+    "@tamagui/font-size": "1.116.2",
+    "@tamagui/get-token": "1.116.2",
+    "@tamagui/helpers": "1.116.2",
+    "@tamagui/helpers-tamagui": "1.116.2",
+    "@tamagui/label": "1.116.2",
+    "@tamagui/stacks": "1.116.2",
+    "@tamagui/use-controllable-state": "1.116.2",
+    "@tamagui/use-previous": "1.116.2"
   },
   "exports": {
     "./package.json": "./package.json",
@@ -51,7 +51,7 @@
     }
   },
   "devDependencies": {
-    "@tamagui/build": "1.116.0",
+    "@tamagui/build": "1.116.2",
     "react": "^18.2.0 || ^19.0.0"
   },
   "publishConfig": {