@hanzogui/checkbox-headless 2.0.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2021 Radix
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

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_gui_use_previous = require("@hanzo/gui-use-previous"),
+  React = __toESM(require("react"), 1),
+  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_gui_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/BubbleInput.native.js

@@ -0,0 +1,86 @@
+"use strict";
+
+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_jsx_runtime = require("react/jsx-runtime"),
+  import_gui_use_previous = require("@hanzo/gui-use-previous"),
+  React = __toESM(require("react"), 1),
+  import_utils = require("./utils.native.js"),
+  BubbleInput = function (props) {
+    var {
+        checked,
+        bubbles = !0,
+        control,
+        isHidden,
+        ...inputProps
+      } = props,
+      ref = React.useRef(null),
+      prevChecked = (0, import_gui_use_previous.usePrevious)(checked);
+    return React.useEffect(function () {
+      var input = ref.current,
+        inputProto = window.HTMLInputElement.prototype,
+        descriptor = Object.getOwnPropertyDescriptor(inputProto, "checked"),
+        setChecked = descriptor.set;
+      if (prevChecked !== checked && setChecked) {
+        var 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.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","BubbleInput_exports","__export","BubbleInput","module","exports","import_jsx_runtime","require","import_gui_use_previous","React","__toESM","import_utils","props","checked","bubbles","control","isHidden","inputProps","ref","useRef","prevChecked","usePrevious","useEffect","input","current","inputProto","window","HTMLInputElement","prototype","descriptor","Object","getOwnPropertyDescriptor","setChecked","set","event","Event","indeterminate","isIndeterminate","call","dispatchEvent","jsx","type","defaultChecked","tabIndex","style","position","pointerEvents","opacity","margin","appearance","accentColor"],"sources":["../../src/BubbleInput.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;kBAAA;EAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;IAAAC,KAAA;EAAA,IAAAH,GAAA;AAAA,IAAAI,mBAAA;AAAAC,QAAA,CAAAD,mBAAA;EAAAE,WAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAAA,CAA4BK,mBAAA;AAcrB,IAAAK,kBAAqB,GAAAC,OAA4B;EAAAC,uBAAA,GAAAD,OAAA;EAAAE,KAAA,GAAAC,OAAA,CAAAH,OAAA;EAAAI,YAAA,GAAAJ,OAAA;EAAAJ,WAAA,YAAAA,CAAAS,KAAA;IACtD;QAAMC,OAAE;QAAAC,OAAS,KAAU;QAAAC,OAAM;QAAAC,QAAS;QAAA,GAAUC;MAAG,IAAWL,KAAI;MAAAM,GAChE,GAAAT,KAAM,CAAAU,MAAM,KAAyB;MAAIC,WACzC,OAAAZ,uBAAc,CAAAa,WAAA,EAAAR,OAAY;IAGhC,OAAAJ,KAAA,CAAMa,SAAA,CAAU,YAAM;MACpB,IAAAC,KAAM,GAAAL,GAAQ,CAAAM,OAAI;QAAAC,UACZ,GAAAC,MAAa,CAAAC,gBAAO,CAAAC,SAAiB;QAAAC,UAKrC,GAAAC,MAJa,CAAAC,wBAAO,CAAAN,UAAA;QAAAO,UAAA,GAAAH,UAAA,CAAAI,GAAA;MAAA,IACxBb,WAAA,KAAAP,OAAA,IAAAmB,UAAA;QACA,IAAAE,KAAA,OAAAC,KAAA;UAE4BrB;QAE9B,EAAI;QACFS,KAAA,CAAMa,aAAY,KAAM,EAAAzB,YAAW,CAAA0B,eAAS,EAAAxB,OAAA,GAAAmB,UAAA,CAAAM,IAAA,CAAAf,KAAA,MAAAZ,YAAA,CAAA0B,eAAA,EAAAxB,OAAA,SAAAA,OAAA,GAAAU,KAAA,CAAAgB,aAAA,CAAAL,KAAA;MAC5C;IAEyB,GAC3B,CACFd,WAAI,EAGDP,OAAA,EAAAC,OAAA,IACC,eAAK,IAAAR,kBAAA,CAAAkC,GAAA;MAAAC,IACL;MAAmDC,cAC/C,MAAA/B,YAAA,CAAA0B,eAAA,EAAAxB,OAAA,SAAAA,OAAA;MAAA,GACJI,UAAU;MAAA0B,QACV;MAAAzB,GACA;MAAa,aACN,EAAAF,QAAA;MAAA4B,KACL,EAAI;QACA,IAAA5B,QAAA;UAAA;UAEY6B,QACV,YAAe;UAAAC,aACN;UAAAC,OACT,GAAQ;UACVC,MACA;QAAA,IACE;UAAYC,UACZ,QAAa;UACfC,WAAA;QAAA;QAGN,GAAAtC,KAAA,CAAAgC;MAAA;IACF;EAEJ","ignoreList":[]}

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 index_exports = {};
+module.exports = __toCommonJS(index_exports);
+__reExport(index_exports, require("./useCheckbox.cjs"), module.exports);
+__reExport(index_exports, require("./utils.cjs"), module.exports);

package/dist/cjs/index.native.js

@@ -0,0 +1,22 @@
+"use strict";
+
+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 index_exports = {};
+module.exports = __toCommonJS(index_exports);
+__reExport(index_exports, require("./useCheckbox.native.js"), module.exports);
+__reExport(index_exports, require("./utils.native.js"), module.exports);
+//# sourceMappingURL=index.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","index_exports","module","exports","__reExport","require"],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,aAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAP,YAAc,CAAAK,aAAA;AACdG,UAAA,CAAAH,aAAA,EAAcI,OAAA,0BADd,GAAAH,MAAA,CAAAC,OAAA","ignoreList":[]}

package/dist/cjs/useCheckbox.cjs

@@ -0,0 +1,96 @@
+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_gui_compose_refs = require("@hanzo/gui-compose-refs"),
+  import_gui_constants = require("@hanzo/gui-constants"),
+  import_gui_helpers = require("@hanzo/gui-helpers"),
+  import_gui_label = require("@hanzo/gui-label"),
+  import_react = __toESM(require("react"), 1),
+  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_gui_compose_refs.useComposedRefs)(ref, setButton),
+    hasConsumerStoppedPropagationRef = import_react.default.useRef(!1),
+    isFormControl = import_gui_constants.isWeb ? button ? !!button.closest("form") : !0 : !1,
+    labelId = (0, import_gui_label.useLabelContext)(button),
+    labelledBy = ariaLabelledby || labelId,
+    parentKeyDown = props.onKeyDown,
+    handleKeyDown = (0, import_react.useMemo)(() => (0, import_gui_helpers.composeEventHandlers)(parentKeyDown, event => {
+      event.key === "Enter" && event.preventDefault();
+    }), [parentKeyDown]),
+    handlePress = (0, import_react.useMemo)(() => (0, import_gui_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());
+    }), [isFormControl]);
+  return {
+    bubbleInput: import_gui_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_gui_constants.isWeb && {
+        type: "button",
+        value,
+        "data-state": (0, import_utils.getState)(checked),
+        "data-disabled": disabled ? "" : void 0,
+        disabled,
+        onKeyDown: disabled ? void 0 : handleKeyDown
+      }),
+      onPress: disabled ? void 0 : handlePress
+    }
+  };
+}

package/dist/cjs/useCheckbox.native.js

@@ -0,0 +1,106 @@
+"use strict";
+
+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_jsx_runtime = require("react/jsx-runtime"),
+  import_gui_compose_refs = require("@hanzo/gui-compose-refs"),
+  import_gui_constants = require("@hanzo/gui-constants"),
+  import_gui_helpers = require("@hanzo/gui-helpers"),
+  import_gui_label = require("@hanzo/gui-label"),
+  import_react = __toESM(require("react"), 1),
+  import_BubbleInput = require("./BubbleInput.native.js"),
+  import_utils = require("./utils.native.js");
+function useCheckbox(props, param, ref) {
+  var [checked, setChecked] = param,
+    {
+      labelledBy: ariaLabelledby,
+      name,
+      required,
+      disabled,
+      value = "on",
+      onCheckedChange,
+      ...checkboxProps
+    } = props,
+    [button, setButton] = import_react.default.useState(null),
+    composedRefs = (0, import_gui_compose_refs.useComposedRefs)(ref, setButton),
+    hasConsumerStoppedPropagationRef = import_react.default.useRef(!1),
+    isFormControl = import_gui_constants.isWeb ? button ? !!button.closest("form") : !0 : !1,
+    labelId = (0, import_gui_label.useLabelContext)(button),
+    labelledBy = ariaLabelledby || labelId,
+    parentKeyDown = props.onKeyDown,
+    handleKeyDown = (0, import_react.useMemo)(function () {
+      return (0, import_gui_helpers.composeEventHandlers)(parentKeyDown, function (event) {
+        event.key === "Enter" && event.preventDefault();
+      });
+    }, [parentKeyDown]),
+    handlePress = (0, import_react.useMemo)(function () {
+      return (0, import_gui_helpers.composeEventHandlers)(props.onPress, function (event) {
+        setChecked(function (prevChecked) {
+          return (0, import_utils.isIndeterminate)(prevChecked) ? !0 : !prevChecked;
+        }), isFormControl && "isPropagationStopped" in event && (hasConsumerStoppedPropagationRef.current = event.isPropagationStopped(), hasConsumerStoppedPropagationRef.current || event.stopPropagation());
+      });
+    }, [isFormControl]);
+  return {
+    bubbleInput: import_gui_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_gui_constants.isWeb && {
+        type: "button",
+        value,
+        "data-state": (0, import_utils.getState)(checked),
+        "data-disabled": disabled ? "" : void 0,
+        disabled,
+        onKeyDown: disabled ? void 0 : handleKeyDown
+      }),
+      onPress: disabled ? void 0 : handlePress
+    }
+  };
+}
+//# sourceMappingURL=useCheckbox.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","useCheckbox_exports","__export","useCheckbox","module","exports","import_jsx_runtime","require","import_gui_compose_refs","import_gui_constants","import_gui_helpers","import_gui_label","import_react","__toESM","import_BubbleInput","import_utils","props","param","ref","checked","setChecked","labelledBy","ariaLabelledby","name","required","disabled","onCheckedChange","checkboxProps","button","setButton","default","useState","composedRefs","useComposedRefs","hasConsumerStoppedPropagationRef","useRef","isFormControl","isWeb","closest","labelId","useLabelContext","parentKeyDown","onKeyDown","handleKeyDown","useMemo","composeEventHandlers","event","key","preventDefault","handlePress","onPress","prevChecked","isIndeterminate","current","isPropagationStopped","stopPropagation","bubbleInput","jsx","BubbleInput","isHidden","control","bubbles","checkboxRef","role","type","getState"],"sources":["../../src/useCheckbox.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;kBAAA;EAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;IAAAC,KAAA;EAAA,IAAAH,GAAA;AAAA,IAAAI,mBAAA;AAAAC,QAAA,CAAAD,mBAAA;EAAAE,WAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAAA,CAAgCK,mBAAA;AAmCzB,IAAAK,kBACL,GAAAC,OACC,oBAID;EAAAC,uBACA,GAAAD,OAAA;EAAAE,oBAAA,GAAAF,OAAA;EAAAG,kBAAA,GAAAH,OAAA;EAAAI,gBAAA,GAAAJ,OAAA;EAAAK,YAAA,GAAAC,OAAA,CAAAN,OAAA;EAAAO,kBAAA,GAAAP,OAAA;EAAAQ,YAAA,GAAAR,OAAA;AACA,SAAMJ,YAAAa,KAAA,EAAAC,KAAA,EAAAC,GAAA;EAAA,IACJ,CAAAC,OAAA,EAAYC,UAAA,IAAAH,KAAA;IAAA;MAAAI,UAAA,EAAAC,cAAA;MAAAC,IAAA;MAAAC,QAAA;MAAAC,QAAA;MAAAzB,KAAA;MAAA0B,eAAA;MAAA,GAAAC;IAAA,IAAAX,KAAA;IAAA,CAAAY,MAAA,EAAAC,SAAA,IAAAjB,YAAA,CAAAkB,OAAA,CAAAC,QAAA;IAAAC,YAAA,OAAAxB,uBAAA,CAAAyB,eAAA,EAAAf,GAAA,EAAAW,SAAA;IAAAK,gCAAA,GAAAtB,YAAA,CAAAkB,OAAA,CAAAK,MAAA;IAAAC,aAAA,GAAA3B,oBAAA,CAAA4B,KAAA,GAAAT,MAAA,KAAAA,MAAA,CAAAU,OAAA;IAAAC,OAAA,OAAA5B,gBAAA,CAAA6B,eAAA,EAAAZ,MAAA;IAAAP,UAAA,GAAAC,cAAA,IAAAiB,OAAA;IAAAE,aAAA,GAAAzB,KAAA,CAAA0B,SAAA;IAAAC,aAAA,OAAA/B,YAAA,CAAAgC,OAAA;MACZ,WAAAlC,kBAAA,CAAAmC,oBAAA,EAAAJ,aAAA,YAAAK,KAAA;QACAA,KAAA,CAAAC,GAAA,gBAAAD,KAAA,CAAAE,cAAA;MACA;IAAA,GACA,CACAP,aAAA,EACA;IAAAQ,WAAG,OAAArC,YAAA,CAAAgC,OAAA;MACL,OAAI,EACE,EAAClC,kBAAiB,CAAAmC,oBAAI,EAAM7B,KAAA,CAAAkC,OAAuC,YACnEJ,KAAA;QAWJ1B,UACE,WAAA+B,WAAA;UAEM,OAAM,IAAApC,YAAiB,CAAAqC,eAAM,EAAAD,WAAe,UAAAA,WAAA;QACjD,IAAAf,aAAA,8BAAAU,KAAA,KAAAZ,gCAAA,CAAAmB,OAAA,GAAAP,KAAA,CAAAQ,oBAAA,IAAApB,gCAAA,CAAAmB,OAAA,IAAAP,KAAA,CAAAS,eAAA;MACH,CAAC;IACH,GAEM,CACJnB,aACE,CACE;EAMuE,OAExE;IACHoB,WAAC,EAAA/C,oBAAa,CAAA4B,KAAA,IAAAD,aAAA,sBAAA9B,kBAAA,CAAAmD,GAAA,EAAA3C,kBAAA,CAAA4C,WAAA;MAChBC,QAAA;MAEAC,OAAO,EAAAhC,MAAA;MACLiC,OAAA,GAAA3B,gCACW,CAAAmB,OAAA;MACN9B,IAAA;MAAAvB,KAAA;MAAAmB,OACC;MAAQK,QACR;MAASC;IACkC,KAC3C;IAAAqC,WACA,EAAA9B,YAAA;IAAAL,aACA;MAAAoC,IACA;MAAA,iBACA,EAAA1C,UAAA;MAAA,oBAAAN,YAAA,CAAAqC,eAAA,EAAAjC,OAAA,cAAAA,OAAA;MACF,GACEQ,aAAA;MACN,IAAAlB,oBAAa,CAAA4B,KAAA;QACb2B,IAAA,UAAe;QACbhE,KAAM;QACN,kBAAmBe,YAAA,CAAAkD,QAAA,EAAA9C,OAAA;QACnB,iBAAAM,QAAgB;QAChBA,QAAG;QACHiB,SAAI,EAAAjB,QAAA,YAASkB;MAAA;MACLO,OACN,EAAAzB,QAAA,YAAAwB;IAAA;EAC8B;AACG","ignoreList":[]}

package/dist/cjs/utils.cjs

@@ -0,0 +1,32 @@
+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 utils_exports = {};
+__export(utils_exports, {
+  getState: () => getState,
+  isIndeterminate: () => isIndeterminate
+});
+module.exports = __toCommonJS(utils_exports);
+function isIndeterminate(checked) {
+  return checked === "indeterminate";
+}
+function getState(checked) {
+  return isIndeterminate(checked) ? "indeterminate" : checked ? "checked" : "unchecked";
+}

package/dist/cjs/utils.native.js

@@ -0,0 +1,35 @@
+"use strict";
+
+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 utils_exports = {};
+__export(utils_exports, {
+  getState: () => getState,
+  isIndeterminate: () => isIndeterminate
+});
+module.exports = __toCommonJS(utils_exports);
+function isIndeterminate(checked) {
+  return checked === "indeterminate";
+}
+function getState(checked) {
+  return isIndeterminate(checked) ? "indeterminate" : checked ? "checked" : "unchecked";
+}
+//# sourceMappingURL=utils.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","utils_exports","__export","getState","isIndeterminate","module","exports","checked"],"sources":["../../src/utils.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,aAAA;AAAAC,QAAA,CAAAD,aAAA;EAAAE,QAAA,EAAAA,CAAA,KAAAA,QAAA;EAAAC,eAAA,EAAAA,CAAA,KAAAA;AAAA;AAEOC,MAAA,CAAAC,OAAS,GAAAV,YAAgB,CAAAK,aAAoD;AAClF,SAAOG,eAAYA,CAAAG,OAAA;EACrB,OAAAA,OAAA;AAEO;AACL,SAAOJ,SAAAI,OAAgB;EACzB,OAAAH,eAAA,CAAAG,OAAA,sBAAAA,OAAA","ignoreList":[]}

package/dist/esm/BubbleInput.mjs

@@ -0,0 +1,48 @@
+import { usePrevious } from "@hanzo/gui-use-previous";
+import * as React from "react";
+import { isIndeterminate } from "./utils.mjs";
+import { jsx } from "react/jsx-runtime";
+const BubbleInput = props => {
+  const {
+      checked,
+      bubbles = !0,
+      control,
+      isHidden,
+      ...inputProps
+    } = props,
+    ref = React.useRef(null),
+    prevChecked = 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 = isIndeterminate(checked), setChecked.call(input, isIndeterminate(checked) ? !1 : checked), input.dispatchEvent(event);
+    }
+  }, [prevChecked, checked, bubbles]), /* @__PURE__ */jsx("input", {
+    type: "checkbox",
+    defaultChecked: 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
+    }
+  });
+};
+export { BubbleInput };
+//# sourceMappingURL=BubbleInput.mjs.map

package/dist/esm/BubbleInput.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["usePrevious","React","isIndeterminate","jsx","BubbleInput","props","checked","bubbles","control","isHidden","inputProps","ref","useRef","prevChecked","useEffect","input","current","inputProto","window","HTMLInputElement","prototype","setChecked","Object","getOwnPropertyDescriptor","set","event","Event","indeterminate","call","dispatchEvent","type","defaultChecked","tabIndex","style","position","pointerEvents","opacity","margin","appearance","accentColor"],"sources":["../../src/BubbleInput.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,WAAA,QAAmB;AAC5B,YAAYC,KAAA,MAAW;AAGvB,SAASC,eAAA,QAAuB;AAkC5B,SAAAC,GAAA;AAxBG,MAAMC,WAAA,GAAeC,KAAA,IAA4B;EACtD,MAAM;MAAEC,OAAA;MAASC,OAAA,GAAU;MAAMC,OAAA;MAASC,QAAA;MAAU,GAAGC;IAAW,IAAIL,KAAA;IAChEM,GAAA,GAAMV,KAAA,CAAMW,MAAA,CAAyB,IAAI;IACzCC,WAAA,GAAcb,WAAA,CAAYM,OAAO;EAGvC,OAAAL,KAAA,CAAMa,SAAA,CAAU,MAAM;IACpB,MAAMC,KAAA,GAAQJ,GAAA,CAAIK,OAAA;MACZC,UAAA,GAAaC,MAAA,CAAOC,gBAAA,CAAiBC,SAAA;MAKrCC,UAAA,GAJaC,MAAA,CAAOC,wBAAA,CACxBN,UAAA,EACA,SACF,EAC8BO,GAAA;IAE9B,IAAIX,WAAA,KAAgBP,OAAA,IAAWe,UAAA,EAAY;MACzC,MAAMI,KAAA,GAAQ,IAAIC,KAAA,CAAM,SAAS;QAAEnB;MAAQ,CAAC;MAC5CQ,KAAA,CAAMY,aAAA,GAAgBzB,eAAA,CAAgBI,OAAO,GAC7Ce,UAAA,CAAWO,IAAA,CAAKb,KAAA,EAAOb,eAAA,CAAgBI,OAAO,IAAI,KAAQA,OAAO,GACjES,KAAA,CAAMc,aAAA,CAAcJ,KAAK;IAC3B;EACF,GAAG,CAACZ,WAAA,EAAaP,OAAA,EAASC,OAAO,CAAC,GAGhC,eAAAJ,GAAA,CAAC;IACC2B,IAAA,EAAK;IACLC,cAAA,EAAgB7B,eAAA,CAAgBI,OAAO,IAAI,KAAQA,OAAA;IAClD,GAAGI,UAAA;IACJsB,QAAA,EAAU;IACVrB,GAAA;IACA,eAAaF,QAAA;IACbwB,KAAA,EAAO;MACL,IAAIxB,QAAA,GACA;QAAA;QAEEyB,QAAA,EAAU;QACVC,aAAA,EAAe;QACfC,OAAA,EAAS;QACTC,MAAA,EAAQ;MACV,IACA;QACEC,UAAA,EAAY;QACZC,WAAA,EAAa;MACf;MAEJ,GAAGlC,KAAA,CAAM4B;IACX;EAAA,CACF;AAEJ","ignoreList":[]}

package/dist/esm/BubbleInput.native.js

@@ -0,0 +1,49 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { usePrevious } from "@hanzo/gui-use-previous";
+import * as React from "react";
+import { isIndeterminate } from "./utils.native.js";
+var BubbleInput = function (props) {
+  var {
+      checked,
+      bubbles = !0,
+      control,
+      isHidden,
+      ...inputProps
+    } = props,
+    ref = React.useRef(null),
+    prevChecked = usePrevious(checked);
+  return React.useEffect(function () {
+    var input = ref.current,
+      inputProto = window.HTMLInputElement.prototype,
+      descriptor = Object.getOwnPropertyDescriptor(inputProto, "checked"),
+      setChecked = descriptor.set;
+    if (prevChecked !== checked && setChecked) {
+      var event = new Event("click", {
+        bubbles
+      });
+      input.indeterminate = isIndeterminate(checked), setChecked.call(input, isIndeterminate(checked) ? !1 : checked), input.dispatchEvent(event);
+    }
+  }, [prevChecked, checked, bubbles]), /* @__PURE__ */_jsx("input", {
+    type: "checkbox",
+    defaultChecked: 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
+    }
+  });
+};
+export { BubbleInput };
+//# sourceMappingURL=BubbleInput.native.js.map

package/dist/esm/BubbleInput.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","usePrevious","React","isIndeterminate","BubbleInput","props","checked","bubbles","control","isHidden","inputProps","ref","useRef","prevChecked","useEffect","input","current","inputProto","window","HTMLInputElement","prototype","descriptor","Object","getOwnPropertyDescriptor","setChecked","set","event","Event","indeterminate","call","dispatchEvent","type","defaultChecked","tabIndex","style","position","pointerEvents","opacity","margin","appearance","accentColor"],"sources":["../../src/BubbleInput.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAA,QAAmB;AAC5B,SAAAC,WAAY,QAAW;AAGvB,YAASC,KAAA;AAkCL,SAAAC,eAAA;AAxBG,IAAAC,WAAM,YAAAA,CAAeC,KAA4B;EACtD;MAAMC,OAAE;MAAAC,OAAS,KAAU;MAAAC,OAAM;MAAAC,QAAS;MAAA,GAAUC;IAAG,IAAWL,KAAI;IAAAM,GAChE,GAAAT,KAAM,CAAAU,MAAM,KAAyB;IAAIC,WACzC,GAAAZ,WAAc,CAAAK,OAAY;EAGhC,OAAAJ,KAAA,CAAMY,SAAA,CAAU,YAAM;IACpB,IAAAC,KAAM,GAAAJ,GAAQ,CAAAK,OAAI;MAAAC,UACZ,GAAAC,MAAa,CAAAC,gBAAO,CAAAC,SAAiB;MAAAC,UAKrC,GAAAC,MAJa,CAAAC,wBAAO,CAAAN,UAAA;MAAAO,UAAA,GAAAH,UAAA,CAAAI,GAAA;IAAA,IACxBZ,WAAA,KAAAP,OAAA,IAAAkB,UAAA;MACA,IAAAE,KAAA,OAAAC,KAAA;QAE4BpB;MAE9B,EAAI;MACFQ,KAAA,CAAMa,aAAY,GAAAzB,eAAiB,CAAAG,OAAS,GAAAkB,UAAA,CAAAK,IAAA,CAAAd,KAAA,EAAAZ,eAAA,CAAAG,OAAA,SAAAA,OAAA,GAAAS,KAAA,CAAAe,aAAA,CAAAJ,KAAA;IAC5C;EAEyB,GAC3B,CACFb,WAAI,EAGDP,OAAA,EAAAC,OAAA,IACC,eAAKP,IAAA;IAAA+B,IACL;IAAmDC,cAC/C,EAAA7B,eAAA,CAAAG,OAAA,SAAAA,OAAA;IAAA,GACJI,UAAU;IAAAuB,QACV;IAAAtB,GACA;IAAa,aACN,EAAAF,QAAA;IAAAyB,KACL,EAAI;MACA,IAAAzB,QAAA;QAAA;QAEY0B,QACV,YAAe;QAAAC,aACN;QAAAC,OACT,GAAQ;QACVC,MACA;MAAA,IACE;QAAYC,UACZ,QAAa;QACfC,WAAA;MAAA;MAGN,GAAAnC,KAAA,CAAA6B;IAAA;EACF;AAEJ","ignoreList":[]}

package/dist/esm/index.js

@@ -0,0 +1,3 @@
+export * from "./useCheckbox.mjs";
+export * from "./utils.mjs";
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA,cAAc;AACd,cAAc","ignoreList":[]}

package/dist/esm/index.mjs

@@ -0,0 +1,3 @@
+export * from "./useCheckbox.mjs";
+export * from "./utils.mjs";
+//# sourceMappingURL=index.mjs.map

package/dist/esm/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA,cAAc;AACd,cAAc","ignoreList":[]}