@tamagui/checkbox-headless 1.89.0

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

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/BubbleInput.tsx"],
+  "mappings": "AAAA,SAAS,mBAAmB;AAC5B,YAAY,WAAW;AAGvB,SAAS,uBAAuB;AAkC5B;AAxBG,MAAM,cAAc,CAAC,UAA4B;AACtD,QAAM,EAAE,SAAS,UAAU,IAAM,SAAS,UAAU,GAAG,WAAW,IAAI,OAChE,MAAM,MAAM,OAAyB,IAAI,GACzC,cAAc,YAAY,OAAO;AAGvC,eAAM,UAAU,MAAM;AACpB,UAAM,QAAQ,IAAI,SACZ,aAAa,OAAO,iBAAiB,WAKrC,aAJa,OAAO;AAAA,MACxB;AAAA,MACA;AAAA,IACF,EAC8B;AAE9B,QAAI,gBAAgB,WAAW,YAAY;AACzC,YAAM,QAAQ,IAAI,MAAM,SAAS,EAAE,QAAQ,CAAC;AAC5C,YAAM,gBAAgB,gBAAgB,OAAO,GAC7C,WAAW,KAAK,OAAO,gBAAgB,OAAO,IAAI,KAAQ,OAAO,GACjE,MAAM,cAAc,KAAK;AAAA,IAC3B;AAAA,EACF,GAAG,CAAC,aAAa,SAAS,OAAO,CAAC,GAGhC;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,gBAAgB,gBAAgB,OAAO,IAAI,KAAQ;AAAA,MAClD,GAAG;AAAA,MACJ,UAAU;AAAA,MACV;AAAA,MACA,eAAa;AAAA,MACb,OAAO;AAAA,QACL,GAAI,WACA;AAAA;AAAA,UAEE,UAAU;AAAA,UACV,eAAe;AAAA,UACf,SAAS;AAAA,UACT,QAAQ;AAAA,QACV,IACA;AAAA,UACE,YAAY;AAAA,UACZ,aAAa;AAAA,QACf;AAAA,QAEJ,GAAG,MAAM;AAAA,MACX;AAAA;AAAA,EACF;AAEJ;",
+  "names": []
+}

package/dist/esm/index.js

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

package/dist/esm/index.js.map

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

package/dist/esm/index.mjs

@@ -0,0 +1,2 @@
+export * from "./useCheckbox.mjs";
+export * from "./utils.mjs";

package/dist/esm/index.native.js

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

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

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

package/dist/esm/useCheckbox.js

@@ -0,0 +1,66 @@
+import { useComposedRefs } from "@tamagui/compose-refs";
+import { isWeb } from "@tamagui/constants";
+import { composeEventHandlers } from "@tamagui/helpers";
+import { useLabelContext } from "@tamagui/label";
+import React from "react";
+import { BubbleInput } from "./BubbleInput";
+import { getState, isIndeterminate } from "./utils";
+import { jsx } from "react/jsx-runtime";
+function useCheckbox(props, [checked, setChecked], ref) {
+  const {
+    labelledBy: ariaLabelledby,
+    name,
+    required,
+    disabled,
+    value = "on",
+    onCheckedChange,
+    ...checkboxProps
+  } = props, [button, setButton] = React.useState(null), composedRefs = useComposedRefs(ref, (node) => setButton(node)), hasConsumerStoppedPropagationRef = React.useRef(!1), isFormControl = isWeb ? button ? !!button.closest("form") : !0 : !1, labelId = useLabelContext(button), labelledBy = ariaLabelledby || labelId;
+  return {
+    bubbleInput: isWeb && isFormControl ? /* @__PURE__ */ jsx(
+      BubbleInput,
+      {
+        isHidden: !0,
+        control: button,
+        bubbles: !hasConsumerStoppedPropagationRef.current,
+        name,
+        value,
+        checked,
+        required,
+        disabled
+      }
+    ) : null,
+    checkboxRef: composedRefs,
+    checkboxProps: {
+      role: "checkbox",
+      "aria-labelledby": labelledBy,
+      "aria-checked": isIndeterminate(checked) ? "mixed" : checked,
+      ...checkboxProps,
+      ...isWeb && {
+        type: "button",
+        value,
+        "data-state": getState(checked),
+        "data-disabled": disabled ? "" : void 0,
+        disabled,
+        onKeyDown: composeEventHandlers(
+          props.onKeyDown,
+          (event) => {
+            event.key === "Enter" && event.preventDefault();
+          }
+        )
+      },
+      onPress: composeEventHandlers(
+        props.onPress,
+        (event) => {
+          setChecked(
+            (prevChecked) => isIndeterminate(prevChecked) ? !0 : !prevChecked
+          ), isFormControl && "isPropagationStopped" in event && (hasConsumerStoppedPropagationRef.current = event.isPropagationStopped(), hasConsumerStoppedPropagationRef.current || event.stopPropagation());
+        }
+      )
+    }
+  };
+}
+export {
+  useCheckbox
+};
+//# sourceMappingURL=useCheckbox.js.map

package/dist/esm/useCheckbox.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/useCheckbox.tsx"],
+  "mappings": "AAAA,SAAS,uBAAuB;AAChC,SAAS,aAAa;AAEtB,SAAS,4BAA4B;AACrC,SAAS,uBAAuB;AAChC,OAAO,WAAW;AAGlB,SAAS,mBAAmB;AAC5B,SAAS,UAAU,uBAAuB;AAsDlC;AA7BD,SAAS,YACd,OACA,CAAC,SAAS,UAAU,GAIpB,KACA;AACA,QAAM;AAAA,IACJ,YAAY;AAAA,IACZ;AAAA,IACA;AAAA,IACA;AAAA,IACA,QAAQ;AAAA,IACR;AAAA,IACA,GAAG;AAAA,EACL,IAAI,OACE,CAAC,QAAQ,SAAS,IAAI,MAAM,SAAmC,IAAI,GACnE,eAAe,gBAAgB,KAAK,CAAC,SAAS,UAAU,IAAW,CAAC,GACpE,mCAAmC,MAAM,OAAO,EAAK,GAErD,gBAAgB,QAAS,SAAS,EAAQ,OAAO,QAAQ,MAAM,IAAK,KAAQ,IAE5E,UAAU,gBAAgB,MAAM,GAChC,aAAa,kBAAkB;AAErC,SAAO;AAAA,IACL,aACE,SAAS,gBACP;AAAA,MAAC;AAAA;AAAA,QACC,UAAQ;AAAA,QACR,SAAS;AAAA,QACT,SAAS,CAAC,iCAAiC;AAAA,QAC3C;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAAA,IACF,IACE;AAAA,IACN,aAAa;AAAA,IACb,eAAe;AAAA,MACb,MAAM;AAAA,MACN,mBAAmB;AAAA,MACnB,gBAAgB,gBAAgB,OAAO,IAAI,UAAU;AAAA,MACrD,GAAG;AAAA,MACH,GAAI,SAAS;AAAA,QACX,MAAM;AAAA,QACN;AAAA,QACA,cAAc,SAAS,OAAO;AAAA,QAC9B,iBAAiB,WAAW,KAAK;AAAA,QACjC;AAAA,QACA,WAAW;AAAA,UACR,MAA6C;AAAA,UAC9C,CAAC,UAAU;AAET,YAAI,MAAM,QAAQ,WAAS,MAAM,eAAe;AAAA,UAClD;AAAA,QACF;AAAA,MACF;AAAA,MACA,SAAS;AAAA,QACP,MAAM;AAAA,QACN,CAAC,UAAgC;AAC/B;AAAA,YAAW,CAAC,gBACV,gBAAgB,WAAW,IAAI,KAAO,CAAC;AAAA,UACzC,GACI,iBAAiB,0BAA0B,UAC7C,iCAAiC,UAAU,MAAM,qBAAqB,GAIjE,iCAAiC,WAAS,MAAM,gBAAgB;AAAA,QAEzE;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;",
+  "names": []
+}

package/dist/esm/useCheckbox.mjs

@@ -0,0 +1,58 @@
+import { useComposedRefs } from "@tamagui/compose-refs";
+import { isWeb } from "@tamagui/constants";
+import { composeEventHandlers } from "@tamagui/helpers";
+import { useLabelContext } from "@tamagui/label";
+import React from "react";
+import { BubbleInput } from "./BubbleInput.mjs";
+import { getState, isIndeterminate } from "./utils.mjs";
+import { jsx } from "react/jsx-runtime";
+function useCheckbox(props, [checked, setChecked], ref) {
+  const {
+      labelledBy: ariaLabelledby,
+      name,
+      required,
+      disabled,
+      value = "on",
+      onCheckedChange,
+      ...checkboxProps
+    } = props,
+    [button, setButton] = React.useState(null),
+    composedRefs = useComposedRefs(ref, node => setButton(node)),
+    hasConsumerStoppedPropagationRef = React.useRef(!1),
+    isFormControl = isWeb ? button ? !!button.closest("form") : !0 : !1,
+    labelId = useLabelContext(button),
+    labelledBy = ariaLabelledby || labelId;
+  return {
+    bubbleInput: isWeb && isFormControl ? /* @__PURE__ */jsx(BubbleInput, {
+      isHidden: !0,
+      control: button,
+      bubbles: !hasConsumerStoppedPropagationRef.current,
+      name,
+      value,
+      checked,
+      required,
+      disabled
+    }) : null,
+    checkboxRef: composedRefs,
+    checkboxProps: {
+      role: "checkbox",
+      "aria-labelledby": labelledBy,
+      "aria-checked": isIndeterminate(checked) ? "mixed" : checked,
+      ...checkboxProps,
+      ...(isWeb && {
+        type: "button",
+        value,
+        "data-state": getState(checked),
+        "data-disabled": disabled ? "" : void 0,
+        disabled,
+        onKeyDown: composeEventHandlers(props.onKeyDown, event => {
+          event.key === "Enter" && event.preventDefault();
+        })
+      }),
+      onPress: composeEventHandlers(props.onPress, event => {
+        setChecked(prevChecked => isIndeterminate(prevChecked) ? !0 : !prevChecked), isFormControl && "isPropagationStopped" in event && (hasConsumerStoppedPropagationRef.current = event.isPropagationStopped(), hasConsumerStoppedPropagationRef.current || event.stopPropagation());
+      })
+    }
+  };
+}
+export { useCheckbox };

package/dist/esm/useCheckbox.native.js

@@ -0,0 +1,66 @@
+import { useComposedRefs } from "@tamagui/compose-refs";
+import { isWeb } from "@tamagui/constants";
+import { composeEventHandlers } from "@tamagui/helpers";
+import { useLabelContext } from "@tamagui/label";
+import React from "react";
+import { BubbleInput } from "./BubbleInput";
+import { getState, isIndeterminate } from "./utils";
+import { jsx } from "react/jsx-runtime";
+function useCheckbox(props, [checked, setChecked], ref) {
+  const {
+    labelledBy: ariaLabelledby,
+    name,
+    required,
+    disabled,
+    value = "on",
+    onCheckedChange,
+    ...checkboxProps
+  } = props, [button, setButton] = React.useState(null), composedRefs = useComposedRefs(ref, (node) => setButton(node)), hasConsumerStoppedPropagationRef = React.useRef(!1), isFormControl = isWeb ? button ? !!button.closest("form") : !0 : !1, labelId = useLabelContext(button), labelledBy = ariaLabelledby || labelId;
+  return {
+    bubbleInput: isWeb && isFormControl ? /* @__PURE__ */ jsx(
+      BubbleInput,
+      {
+        isHidden: !0,
+        control: button,
+        bubbles: !hasConsumerStoppedPropagationRef.current,
+        name,
+        value,
+        checked,
+        required,
+        disabled
+      }
+    ) : null,
+    checkboxRef: composedRefs,
+    checkboxProps: {
+      role: "checkbox",
+      "aria-labelledby": labelledBy,
+      "aria-checked": isIndeterminate(checked) ? "mixed" : checked,
+      ...checkboxProps,
+      ...isWeb && {
+        type: "button",
+        value,
+        "data-state": getState(checked),
+        "data-disabled": disabled ? "" : void 0,
+        disabled,
+        onKeyDown: composeEventHandlers(
+          props.onKeyDown,
+          (event) => {
+            event.key === "Enter" && event.preventDefault();
+          }
+        )
+      },
+      onPress: composeEventHandlers(
+        props.onPress,
+        (event) => {
+          setChecked(
+            (prevChecked) => isIndeterminate(prevChecked) ? !0 : !prevChecked
+          ), isFormControl && "isPropagationStopped" in event && (hasConsumerStoppedPropagationRef.current = event.isPropagationStopped(), hasConsumerStoppedPropagationRef.current || event.stopPropagation());
+        }
+      )
+    }
+  };
+}
+export {
+  useCheckbox
+};
+//# sourceMappingURL=useCheckbox.js.map

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

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/useCheckbox.tsx"],
+  "mappings": "AAAA,SAAS,uBAAuB;AAChC,SAAS,aAAa;AAEtB,SAAS,4BAA4B;AACrC,SAAS,uBAAuB;AAChC,OAAO,WAAW;AAGlB,SAAS,mBAAmB;AAC5B,SAAS,UAAU,uBAAuB;AAsDlC;AA7BD,SAAS,YACd,OACA,CAAC,SAAS,UAAU,GAIpB,KACA;AACA,QAAM;AAAA,IACJ,YAAY;AAAA,IACZ;AAAA,IACA;AAAA,IACA;AAAA,IACA,QAAQ;AAAA,IACR;AAAA,IACA,GAAG;AAAA,EACL,IAAI,OACE,CAAC,QAAQ,SAAS,IAAI,MAAM,SAAmC,IAAI,GACnE,eAAe,gBAAgB,KAAK,CAAC,SAAS,UAAU,IAAW,CAAC,GACpE,mCAAmC,MAAM,OAAO,EAAK,GAErD,gBAAgB,QAAS,SAAS,EAAQ,OAAO,QAAQ,MAAM,IAAK,KAAQ,IAE5E,UAAU,gBAAgB,MAAM,GAChC,aAAa,kBAAkB;AAErC,SAAO;AAAA,IACL,aACE,SAAS,gBACP;AAAA,MAAC;AAAA;AAAA,QACC,UAAQ;AAAA,QACR,SAAS;AAAA,QACT,SAAS,CAAC,iCAAiC;AAAA,QAC3C;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAAA,IACF,IACE;AAAA,IACN,aAAa;AAAA,IACb,eAAe;AAAA,MACb,MAAM;AAAA,MACN,mBAAmB;AAAA,MACnB,gBAAgB,gBAAgB,OAAO,IAAI,UAAU;AAAA,MACrD,GAAG;AAAA,MACH,GAAI,SAAS;AAAA,QACX,MAAM;AAAA,QACN;AAAA,QACA,cAAc,SAAS,OAAO;AAAA,QAC9B,iBAAiB,WAAW,KAAK;AAAA,QACjC;AAAA,QACA,WAAW;AAAA,UACR,MAA6C;AAAA,UAC9C,CAAC,UAAU;AAET,YAAI,MAAM,QAAQ,WAAS,MAAM,eAAe;AAAA,UAClD;AAAA,QACF;AAAA,MACF;AAAA,MACA,SAAS;AAAA,QACP,MAAM;AAAA,QACN,CAAC,UAAgC;AAC/B;AAAA,YAAW,CAAC,gBACV,gBAAgB,WAAW,IAAI,KAAO,CAAC;AAAA,UACzC,GACI,iBAAiB,0BAA0B,UAC7C,iCAAiC,UAAU,MAAM,qBAAqB,GAIjE,iCAAiC,WAAS,MAAM,gBAAgB;AAAA,QAEzE;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;",
+  "names": []
+}

package/dist/esm/utils.js

@@ -0,0 +1,11 @@
+function isIndeterminate(checked) {
+  return checked === "indeterminate";
+}
+function getState(checked) {
+  return isIndeterminate(checked) ? "indeterminate" : checked ? "checked" : "unchecked";
+}
+export {
+  getState,
+  isIndeterminate
+};
+//# sourceMappingURL=utils.js.map

package/dist/esm/utils.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/utils.tsx"],
+  "mappings": "AAEO,SAAS,gBAAgB,SAAoD;AAClF,SAAO,YAAY;AACrB;AAEO,SAAS,SAAS,SAAuB;AAC9C,SAAO,gBAAgB,OAAO,IAAI,kBAAkB,UAAU,YAAY;AAC5E;",
+  "names": []
+}

package/dist/esm/utils.mjs

@@ -0,0 +1,7 @@
+function isIndeterminate(checked) {
+  return checked === "indeterminate";
+}
+function getState(checked) {
+  return isIndeterminate(checked) ? "indeterminate" : checked ? "checked" : "unchecked";
+}
+export { getState, isIndeterminate };

package/dist/esm/utils.native.js

@@ -0,0 +1,11 @@
+function isIndeterminate(checked) {
+  return checked === "indeterminate";
+}
+function getState(checked) {
+  return isIndeterminate(checked) ? "indeterminate" : checked ? "checked" : "unchecked";
+}
+export {
+  getState,
+  isIndeterminate
+};
+//# sourceMappingURL=utils.js.map

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

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/utils.tsx"],
+  "mappings": "AAEO,SAAS,gBAAgB,SAAoD;AAClF,SAAO,YAAY;AACrB;AAEO,SAAS,SAAS,SAAuB;AAC9C,SAAO,gBAAgB,OAAO,IAAI,kBAAkB,UAAU,YAAY;AAC5E;",
+  "names": []
+}

package/dist/jsx/BubbleInput.js

@@ -0,0 +1,44 @@
+import { usePrevious } from "@tamagui/use-previous";
+import * as React from "react";
+import { isIndeterminate } from "./utils";
+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.js.map

package/dist/jsx/BubbleInput.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/BubbleInput.tsx"],
+  "mappings": "AAAA,SAAS,mBAAmB;AAC5B,YAAY,WAAW;AAGvB,SAAS,uBAAuB;AAkC5B;AAxBG,MAAM,cAAc,CAAC,UAA4B;AACtD,QAAM,EAAE,SAAS,UAAU,IAAM,SAAS,UAAU,GAAG,WAAW,IAAI,OAChE,MAAM,MAAM,OAAyB,IAAI,GACzC,cAAc,YAAY,OAAO;AAGvC,eAAM,UAAU,MAAM;AACpB,UAAM,QAAQ,IAAI,SACZ,aAAa,OAAO,iBAAiB,WAKrC,aAJa,OAAO;AAAA,MACxB;AAAA,MACA;AAAA,IACF,EAC8B;AAE9B,QAAI,gBAAgB,WAAW,YAAY;AACzC,YAAM,QAAQ,IAAI,MAAM,SAAS,EAAE,QAAQ,CAAC;AAC5C,YAAM,gBAAgB,gBAAgB,OAAO,GAC7C,WAAW,KAAK,OAAO,gBAAgB,OAAO,IAAI,KAAQ,OAAO,GACjE,MAAM,cAAc,KAAK;AAAA,IAC3B;AAAA,EACF,GAAG,CAAC,aAAa,SAAS,OAAO,CAAC,GAGhC;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,gBAAgB,gBAAgB,OAAO,IAAI,KAAQ;AAAA,MAClD,GAAG;AAAA,MACJ,UAAU;AAAA,MACV;AAAA,MACA,eAAa;AAAA,MACb,OAAO;AAAA,QACL,GAAI,WACA;AAAA;AAAA,UAEE,UAAU;AAAA,UACV,eAAe;AAAA,UACf,SAAS;AAAA,UACT,QAAQ;AAAA,QACV,IACA;AAAA,UACE,YAAY;AAAA,UACZ,aAAa;AAAA,QACf;AAAA,QAEJ,GAAG,MAAM;AAAA,MACX;AAAA;AAAA,EACF;AAEJ;",
+  "names": []
+}

package/dist/jsx/BubbleInput.mjs

@@ -0,0 +1,47 @@
+import { usePrevious } from "@tamagui/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 };

package/dist/jsx/BubbleInput.native.js

@@ -0,0 +1,44 @@
+import { usePrevious } from "@tamagui/use-previous";
+import * as React from "react";
+import { isIndeterminate } from "./utils";
+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.js.map

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

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/BubbleInput.tsx"],
+  "mappings": "AAAA,SAAS,mBAAmB;AAC5B,YAAY,WAAW;AAGvB,SAAS,uBAAuB;AAkC5B;AAxBG,MAAM,cAAc,CAAC,UAA4B;AACtD,QAAM,EAAE,SAAS,UAAU,IAAM,SAAS,UAAU,GAAG,WAAW,IAAI,OAChE,MAAM,MAAM,OAAyB,IAAI,GACzC,cAAc,YAAY,OAAO;AAGvC,eAAM,UAAU,MAAM;AACpB,UAAM,QAAQ,IAAI,SACZ,aAAa,OAAO,iBAAiB,WAKrC,aAJa,OAAO;AAAA,MACxB;AAAA,MACA;AAAA,IACF,EAC8B;AAE9B,QAAI,gBAAgB,WAAW,YAAY;AACzC,YAAM,QAAQ,IAAI,MAAM,SAAS,EAAE,QAAQ,CAAC;AAC5C,YAAM,gBAAgB,gBAAgB,OAAO,GAC7C,WAAW,KAAK,OAAO,gBAAgB,OAAO,IAAI,KAAQ,OAAO,GACjE,MAAM,cAAc,KAAK;AAAA,IAC3B;AAAA,EACF,GAAG,CAAC,aAAa,SAAS,OAAO,CAAC,GAGhC;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,gBAAgB,gBAAgB,OAAO,IAAI,KAAQ;AAAA,MAClD,GAAG;AAAA,MACJ,UAAU;AAAA,MACV;AAAA,MACA,eAAa;AAAA,MACb,OAAO;AAAA,QACL,GAAI,WACA;AAAA;AAAA,UAEE,UAAU;AAAA,UACV,eAAe;AAAA,UACf,SAAS;AAAA,UACT,QAAQ;AAAA,QACV,IACA;AAAA,UACE,YAAY;AAAA,UACZ,aAAa;AAAA,QACf;AAAA,QAEJ,GAAG,MAAM;AAAA,MACX;AAAA;AAAA,EACF;AAEJ;",
+  "names": []
+}

package/dist/jsx/index.js

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

package/dist/jsx/index.js.map

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

package/dist/jsx/index.mjs

@@ -0,0 +1,2 @@
+export * from "./useCheckbox.mjs";
+export * from "./utils.mjs";

package/dist/jsx/index.native.js

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

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

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

package/dist/jsx/useCheckbox.js

@@ -0,0 +1,66 @@
+import { useComposedRefs } from "@tamagui/compose-refs";
+import { isWeb } from "@tamagui/constants";
+import { composeEventHandlers } from "@tamagui/helpers";
+import { useLabelContext } from "@tamagui/label";
+import React from "react";
+import { BubbleInput } from "./BubbleInput";
+import { getState, isIndeterminate } from "./utils";
+import { jsx } from "react/jsx-runtime";
+function useCheckbox(props, [checked, setChecked], ref) {
+  const {
+    labelledBy: ariaLabelledby,
+    name,
+    required,
+    disabled,
+    value = "on",
+    onCheckedChange,
+    ...checkboxProps
+  } = props, [button, setButton] = React.useState(null), composedRefs = useComposedRefs(ref, (node) => setButton(node)), hasConsumerStoppedPropagationRef = React.useRef(!1), isFormControl = isWeb ? button ? !!button.closest("form") : !0 : !1, labelId = useLabelContext(button), labelledBy = ariaLabelledby || labelId;
+  return {
+    bubbleInput: isWeb && isFormControl ? /* @__PURE__ */ jsx(
+      BubbleInput,
+      {
+        isHidden: !0,
+        control: button,
+        bubbles: !hasConsumerStoppedPropagationRef.current,
+        name,
+        value,
+        checked,
+        required,
+        disabled
+      }
+    ) : null,
+    checkboxRef: composedRefs,
+    checkboxProps: {
+      role: "checkbox",
+      "aria-labelledby": labelledBy,
+      "aria-checked": isIndeterminate(checked) ? "mixed" : checked,
+      ...checkboxProps,
+      ...isWeb && {
+        type: "button",
+        value,
+        "data-state": getState(checked),
+        "data-disabled": disabled ? "" : void 0,
+        disabled,
+        onKeyDown: composeEventHandlers(
+          props.onKeyDown,
+          (event) => {
+            event.key === "Enter" && event.preventDefault();
+          }
+        )
+      },
+      onPress: composeEventHandlers(
+        props.onPress,
+        (event) => {
+          setChecked(
+            (prevChecked) => isIndeterminate(prevChecked) ? !0 : !prevChecked
+          ), isFormControl && "isPropagationStopped" in event && (hasConsumerStoppedPropagationRef.current = event.isPropagationStopped(), hasConsumerStoppedPropagationRef.current || event.stopPropagation());
+        }
+      )
+    }
+  };
+}
+export {
+  useCheckbox
+};
+//# sourceMappingURL=useCheckbox.js.map

package/dist/jsx/useCheckbox.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/useCheckbox.tsx"],
+  "mappings": "AAAA,SAAS,uBAAuB;AAChC,SAAS,aAAa;AAEtB,SAAS,4BAA4B;AACrC,SAAS,uBAAuB;AAChC,OAAO,WAAW;AAGlB,SAAS,mBAAmB;AAC5B,SAAS,UAAU,uBAAuB;AAsDlC;AA7BD,SAAS,YACd,OACA,CAAC,SAAS,UAAU,GAIpB,KACA;AACA,QAAM;AAAA,IACJ,YAAY;AAAA,IACZ;AAAA,IACA;AAAA,IACA;AAAA,IACA,QAAQ;AAAA,IACR;AAAA,IACA,GAAG;AAAA,EACL,IAAI,OACE,CAAC,QAAQ,SAAS,IAAI,MAAM,SAAmC,IAAI,GACnE,eAAe,gBAAgB,KAAK,CAAC,SAAS,UAAU,IAAW,CAAC,GACpE,mCAAmC,MAAM,OAAO,EAAK,GAErD,gBAAgB,QAAS,SAAS,EAAQ,OAAO,QAAQ,MAAM,IAAK,KAAQ,IAE5E,UAAU,gBAAgB,MAAM,GAChC,aAAa,kBAAkB;AAErC,SAAO;AAAA,IACL,aACE,SAAS,gBACP;AAAA,MAAC;AAAA;AAAA,QACC,UAAQ;AAAA,QACR,SAAS;AAAA,QACT,SAAS,CAAC,iCAAiC;AAAA,QAC3C;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAAA,IACF,IACE;AAAA,IACN,aAAa;AAAA,IACb,eAAe;AAAA,MACb,MAAM;AAAA,MACN,mBAAmB;AAAA,MACnB,gBAAgB,gBAAgB,OAAO,IAAI,UAAU;AAAA,MACrD,GAAG;AAAA,MACH,GAAI,SAAS;AAAA,QACX,MAAM;AAAA,QACN;AAAA,QACA,cAAc,SAAS,OAAO;AAAA,QAC9B,iBAAiB,WAAW,KAAK;AAAA,QACjC;AAAA,QACA,WAAW;AAAA,UACR,MAA6C;AAAA,UAC9C,CAAC,UAAU;AAET,YAAI,MAAM,QAAQ,WAAS,MAAM,eAAe;AAAA,UAClD;AAAA,QACF;AAAA,MACF;AAAA,MACA,SAAS;AAAA,QACP,MAAM;AAAA,QACN,CAAC,UAAgC;AAC/B;AAAA,YAAW,CAAC,gBACV,gBAAgB,WAAW,IAAI,KAAO,CAAC;AAAA,UACzC,GACI,iBAAiB,0BAA0B,UAC7C,iCAAiC,UAAU,MAAM,qBAAqB,GAIjE,iCAAiC,WAAS,MAAM,gBAAgB;AAAA,QAEzE;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;",
+  "names": []
+}

package/dist/jsx/useCheckbox.mjs

@@ -0,0 +1,58 @@
+import { useComposedRefs } from "@tamagui/compose-refs";
+import { isWeb } from "@tamagui/constants";
+import { composeEventHandlers } from "@tamagui/helpers";
+import { useLabelContext } from "@tamagui/label";
+import React from "react";
+import { BubbleInput } from "./BubbleInput.mjs";
+import { getState, isIndeterminate } from "./utils.mjs";
+import { jsx } from "react/jsx-runtime";
+function useCheckbox(props, [checked, setChecked], ref) {
+  const {
+      labelledBy: ariaLabelledby,
+      name,
+      required,
+      disabled,
+      value = "on",
+      onCheckedChange,
+      ...checkboxProps
+    } = props,
+    [button, setButton] = React.useState(null),
+    composedRefs = useComposedRefs(ref, node => setButton(node)),
+    hasConsumerStoppedPropagationRef = React.useRef(!1),
+    isFormControl = isWeb ? button ? !!button.closest("form") : !0 : !1,
+    labelId = useLabelContext(button),
+    labelledBy = ariaLabelledby || labelId;
+  return {
+    bubbleInput: isWeb && isFormControl ? /* @__PURE__ */jsx(BubbleInput, {
+      isHidden: !0,
+      control: button,
+      bubbles: !hasConsumerStoppedPropagationRef.current,
+      name,
+      value,
+      checked,
+      required,
+      disabled
+    }) : null,
+    checkboxRef: composedRefs,
+    checkboxProps: {
+      role: "checkbox",
+      "aria-labelledby": labelledBy,
+      "aria-checked": isIndeterminate(checked) ? "mixed" : checked,
+      ...checkboxProps,
+      ...(isWeb && {
+        type: "button",
+        value,
+        "data-state": getState(checked),
+        "data-disabled": disabled ? "" : void 0,
+        disabled,
+        onKeyDown: composeEventHandlers(props.onKeyDown, event => {
+          event.key === "Enter" && event.preventDefault();
+        })
+      }),
+      onPress: composeEventHandlers(props.onPress, event => {
+        setChecked(prevChecked => isIndeterminate(prevChecked) ? !0 : !prevChecked), isFormControl && "isPropagationStopped" in event && (hasConsumerStoppedPropagationRef.current = event.isPropagationStopped(), hasConsumerStoppedPropagationRef.current || event.stopPropagation());
+      })
+    }
+  };
+}
+export { useCheckbox };