@tamagui/checkbox-headless 1.114.3 → 1.115.0

package/dist/cjs/BubbleInput.cjs

@@ -0,0 +1,82 @@
+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 BubbleInput_exports = {};
+__export(BubbleInput_exports, {
+  BubbleInput: () => BubbleInput
+});
+module.exports = __toCommonJS(BubbleInput_exports);
+var import_use_previous = require("@tamagui/use-previous"),
+  React = __toESM(require("react")),
+  import_utils = require("./utils.cjs"),
+  import_jsx_runtime = require("react/jsx-runtime");
+const BubbleInput = props => {
+  const {
+      checked,
+      bubbles = !0,
+      control,
+      isHidden,
+      ...inputProps
+    } = props,
+    ref = React.useRef(null),
+    prevChecked = (0, import_use_previous.usePrevious)(checked);
+  return React.useEffect(() => {
+    const input = ref.current,
+      inputProto = window.HTMLInputElement.prototype,
+      setChecked = Object.getOwnPropertyDescriptor(inputProto, "checked").set;
+    if (prevChecked !== checked && setChecked) {
+      const event = new Event("click", {
+        bubbles
+      });
+      input.indeterminate = (0, import_utils.isIndeterminate)(checked), setChecked.call(input, (0, import_utils.isIndeterminate)(checked) ? !1 : checked), input.dispatchEvent(event);
+    }
+  }, [prevChecked, checked, bubbles]), /* @__PURE__ */(0, import_jsx_runtime.jsx)("input", {
+    type: "checkbox",
+    defaultChecked: (0, import_utils.isIndeterminate)(checked) ? !1 : checked,
+    ...inputProps,
+    tabIndex: -1,
+    ref,
+    "aria-hidden": isHidden,
+    style: {
+      ...(isHidden ? {
+        // ...controlSize,
+        position: "absolute",
+        pointerEvents: "none",
+        opacity: 0,
+        margin: 0
+      } : {
+        appearance: "auto",
+        accentColor: "var(--color6)"
+      }),
+      ...props.style
+    }
+  });
+};

package/dist/cjs/index.cjs

@@ -0,0 +1,19 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__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 = {};
+module.exports = __toCommonJS(src_exports);
+__reExport(src_exports, require("./useCheckbox.cjs"), module.exports);
+__reExport(src_exports, require("./utils.cjs"), module.exports);

package/dist/cjs/useCheckbox.cjs

@@ -0,0 +1,93 @@
+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 useCheckbox_exports = {};
+__export(useCheckbox_exports, {
+  useCheckbox: () => useCheckbox
+});
+module.exports = __toCommonJS(useCheckbox_exports);
+var import_compose_refs = require("@tamagui/compose-refs"),
+  import_constants = require("@tamagui/constants"),
+  import_helpers = require("@tamagui/helpers"),
+  import_label = require("@tamagui/label"),
+  import_react = __toESM(require("react")),
+  import_BubbleInput = require("./BubbleInput.cjs"),
+  import_utils = require("./utils.cjs"),
+  import_jsx_runtime = require("react/jsx-runtime");
+function useCheckbox(props, [checked, setChecked], ref) {
+  const {
+      labelledBy: ariaLabelledby,
+      name,
+      required,
+      disabled,
+      value = "on",
+      onCheckedChange,
+      ...checkboxProps
+    } = props,
+    [button, setButton] = import_react.default.useState(null),
+    composedRefs = (0, import_compose_refs.useComposedRefs)(ref, node => setButton(node)),
+    hasConsumerStoppedPropagationRef = import_react.default.useRef(!1),
+    isFormControl = import_constants.isWeb ? button ? !!button.closest("form") : !0 : !1,
+    labelId = (0, import_label.useLabelContext)(button),
+    labelledBy = ariaLabelledby || labelId;
+  return {
+    bubbleInput: import_constants.isWeb && isFormControl ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_BubbleInput.BubbleInput, {
+      isHidden: !0,
+      control: button,
+      bubbles: !hasConsumerStoppedPropagationRef.current,
+      name,
+      value,
+      checked,
+      required,
+      disabled
+    }) : null,
+    checkboxRef: composedRefs,
+    checkboxProps: {
+      role: "checkbox",
+      "aria-labelledby": labelledBy,
+      "aria-checked": (0, import_utils.isIndeterminate)(checked) ? "mixed" : checked,
+      ...checkboxProps,
+      ...(import_constants.isWeb && {
+        type: "button",
+        value,
+        "data-state": (0, import_utils.getState)(checked),
+        "data-disabled": disabled ? "" : void 0,
+        disabled,
+        onKeyDown: (0, import_helpers.composeEventHandlers)(props.onKeyDown, event => {
+          event.key === "Enter" && event.preventDefault();
+        })
+      }),
+      onPress: (0, import_helpers.composeEventHandlers)(props.onPress, event => {
+        setChecked(prevChecked => (0, import_utils.isIndeterminate)(prevChecked) ? !0 : !prevChecked), isFormControl && "isPropagationStopped" in event && (hasConsumerStoppedPropagationRef.current = event.isPropagationStopped(), hasConsumerStoppedPropagationRef.current || event.stopPropagation());
+      })
+    }
+  };
+}

package/dist/cjs/{utils.js → utils.cjs}

@@ -3,15 +3,21 @@ 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);
+    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 utils_exports = {};
 __export(utils_exports, {
   getState: () => getState,
@@ -23,5 +29,4 @@ function isIndeterminate(checked) {
 }
 function getState(checked) {
   return isIndeterminate(checked) ? "indeterminate" : checked ? "checked" : "unchecked";
-}
-//# sourceMappingURL=utils.js.map
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/checkbox-headless",
-  "version": "1.114.3",
+  "version": "1.115.0",
   "sideEffects": [
     "*.css"
   ],
@@ -23,14 +23,14 @@
     "clean:build": "tamagui-build clean:build"
   },
   "dependencies": {
-    "@tamagui/compose-refs": "1.114.3",
-    "@tamagui/constants": "1.114.3",
-    "@tamagui/create-context": "1.114.3",
-    "@tamagui/focusable": "1.114.3",
-    "@tamagui/helpers": "1.114.3",
-    "@tamagui/label": "1.114.3",
-    "@tamagui/use-controllable-state": "1.114.3",
-    "@tamagui/use-previous": "1.114.3"
+    "@tamagui/compose-refs": "1.115.0",
+    "@tamagui/constants": "1.115.0",
+    "@tamagui/create-context": "1.115.0",
+    "@tamagui/focusable": "1.115.0",
+    "@tamagui/helpers": "1.115.0",
+    "@tamagui/label": "1.115.0",
+    "@tamagui/use-controllable-state": "1.115.0",
+    "@tamagui/use-previous": "1.115.0"
   },
   "exports": {
     "./package.json": "./package.json",
@@ -39,11 +39,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.3",
+    "@tamagui/build": "1.115.0",
     "react": "^18.2.0 || ^19.0.0"
   },
   "publishConfig": {

package/dist/cjs/BubbleInput.js

@@ -1,65 +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 BubbleInput_exports = {};
-__export(BubbleInput_exports, {
-  BubbleInput: () => BubbleInput
-});
-module.exports = __toCommonJS(BubbleInput_exports);
-var import_use_previous = require("@tamagui/use-previous"), React = __toESM(require("react")), import_utils = require("./utils"), import_jsx_runtime = require("react/jsx-runtime");
-const BubbleInput = (props) => {
-  const { checked, bubbles = !0, control, isHidden, ...inputProps } = props, ref = React.useRef(null), prevChecked = (0, import_use_previous.usePrevious)(checked);
-  return React.useEffect(() => {
-    const input = ref.current, inputProto = window.HTMLInputElement.prototype, setChecked = Object.getOwnPropertyDescriptor(
-      inputProto,
-      "checked"
-    ).set;
-    if (prevChecked !== checked && setChecked) {
-      const event = new Event("click", { bubbles });
-      input.indeterminate = (0, import_utils.isIndeterminate)(checked), setChecked.call(input, (0, import_utils.isIndeterminate)(checked) ? !1 : checked), input.dispatchEvent(event);
-    }
-  }, [prevChecked, checked, bubbles]), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    "input",
-    {
-      type: "checkbox",
-      defaultChecked: (0, import_utils.isIndeterminate)(checked) ? !1 : checked,
-      ...inputProps,
-      tabIndex: -1,
-      ref,
-      "aria-hidden": isHidden,
-      style: {
-        ...isHidden ? {
-          // ...controlSize,
-          position: "absolute",
-          pointerEvents: "none",
-          opacity: 0,
-          margin: 0
-        } : {
-          appearance: "auto",
-          accentColor: "var(--color6)"
-        },
-        ...props.style
-      }
-    }
-  );
-};
-//# sourceMappingURL=BubbleInput.js.map

package/dist/cjs/index.js

@@ -1,16 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from == "object" || typeof from == "function")
-    for (let key of __getOwnPropNames(from))
-      !__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 = {};
-module.exports = __toCommonJS(src_exports);
-__reExport(src_exports, require("./useCheckbox"), module.exports);
-__reExport(src_exports, require("./utils"), module.exports);
-//# sourceMappingURL=index.js.map

package/dist/cjs/useCheckbox.js

@@ -1,83 +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 useCheckbox_exports = {};
-__export(useCheckbox_exports, {
-  useCheckbox: () => useCheckbox
-});
-module.exports = __toCommonJS(useCheckbox_exports);
-var import_compose_refs = require("@tamagui/compose-refs"), import_constants = require("@tamagui/constants"), import_helpers = require("@tamagui/helpers"), import_label = require("@tamagui/label"), import_react = __toESM(require("react")), import_BubbleInput = require("./BubbleInput"), import_utils = require("./utils"), import_jsx_runtime = require("react/jsx-runtime");
-function useCheckbox(props, [checked, setChecked], ref) {
-  const {
-    labelledBy: ariaLabelledby,
-    name,
-    required,
-    disabled,
-    value = "on",
-    onCheckedChange,
-    ...checkboxProps
-  } = props, [button, setButton] = import_react.default.useState(null), composedRefs = (0, import_compose_refs.useComposedRefs)(ref, (node) => setButton(node)), hasConsumerStoppedPropagationRef = import_react.default.useRef(!1), isFormControl = import_constants.isWeb ? button ? !!button.closest("form") : !0 : !1, labelId = (0, import_label.useLabelContext)(button), labelledBy = ariaLabelledby || labelId;
-  return {
-    bubbleInput: import_constants.isWeb && isFormControl ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_BubbleInput.BubbleInput,
-      {
-        isHidden: !0,
-        control: button,
-        bubbles: !hasConsumerStoppedPropagationRef.current,
-        name,
-        value,
-        checked,
-        required,
-        disabled
-      }
-    ) : null,
-    checkboxRef: composedRefs,
-    checkboxProps: {
-      role: "checkbox",
-      "aria-labelledby": labelledBy,
-      "aria-checked": (0, import_utils.isIndeterminate)(checked) ? "mixed" : checked,
-      ...checkboxProps,
-      ...import_constants.isWeb && {
-        type: "button",
-        value,
-        "data-state": (0, import_utils.getState)(checked),
-        "data-disabled": disabled ? "" : void 0,
-        disabled,
-        onKeyDown: (0, import_helpers.composeEventHandlers)(
-          props.onKeyDown,
-          (event) => {
-            event.key === "Enter" && event.preventDefault();
-          }
-        )
-      },
-      onPress: (0, import_helpers.composeEventHandlers)(
-        props.onPress,
-        (event) => {
-          setChecked(
-            (prevChecked) => (0, import_utils.isIndeterminate)(prevChecked) ? !0 : !prevChecked
-          ), isFormControl && "isPropagationStopped" in event && (hasConsumerStoppedPropagationRef.current = event.isPropagationStopped(), hasConsumerStoppedPropagationRef.current || event.stopPropagation());
-        }
-      )
-    }
-  };
-}
-//# sourceMappingURL=useCheckbox.js.map