@tamagui/switch-headless 1.89.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+  Copyright (c) 2020 Nate Wienert
+  
+  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/index.js

@@ -0,0 +1,15 @@
+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("./useSwitch"), module.exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

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

package/dist/cjs/index.native.js

@@ -0,0 +1,20 @@
+"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 src_exports = {};
+module.exports = __toCommonJS(src_exports);
+__reExport(src_exports, require("./useSwitch"), module.exports);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ...require("./useSwitch")
+});
+//# sourceMappingURL=index.js.map

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

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

package/dist/cjs/useSwitch.js

@@ -0,0 +1,102 @@
+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 useSwitch_exports = {};
+__export(useSwitch_exports, {
+  useSwitch: () => useSwitch
+});
+module.exports = __toCommonJS(useSwitch_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_use_previous = require("@tamagui/use-previous"), React = __toESM(require("react")), import_jsx_runtime = (
+  // @ts-ignore
+  require("react/jsx-runtime")
+);
+function getState(checked) {
+  return checked ? "checked" : "unchecked";
+}
+const BubbleInput = (props) => {
+  const { control, checked, bubbles = !0, ...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 });
+      setChecked.call(input, checked), input.dispatchEvent(event);
+    }
+  }, [prevChecked, checked, bubbles]), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "input",
+    {
+      type: "checkbox",
+      "aria-hidden": !0,
+      defaultChecked: checked,
+      ...inputProps,
+      tabIndex: -1,
+      ref,
+      style: {
+        ...props.style,
+        position: "absolute",
+        pointerEvents: "none",
+        opacity: 0,
+        margin: 0
+      }
+    }
+  );
+};
+function useSwitch(props, [checked, setChecked], ref) {
+  const { disabled, name, value, required } = props, hasConsumerStoppedPropagationRef = React.useRef(!1), [button, setButton] = React.useState(null), composedRefs = (0, import_compose_refs.useComposedRefs)(ref, setButton), isFormControl = import_constants.isWeb ? button ? !!button.closest("form") : !0 : !1, labelId = (0, import_label.useLabelContext)(button), ariaLabelledBy = props["aria-labelledby"] || props.labeledBy || labelId;
+  return {
+    switchProps: {
+      role: "switch",
+      "aria-checked": checked,
+      ...import_constants.isWeb ? {
+        tabIndex: disabled ? void 0 : 0,
+        "data-state": getState(checked),
+        "data-disabled": disabled ? "" : void 0,
+        disabled
+      } : {},
+      ...props,
+      "aria-labelledby": ariaLabelledBy,
+      onPress: (0, import_helpers.composeEventHandlers)(props.onPress, (event) => {
+        setChecked((prevChecked) => !prevChecked), import_constants.isWeb && isFormControl && (hasConsumerStoppedPropagationRef.current = event.isPropagationStopped(), hasConsumerStoppedPropagationRef.current || event.stopPropagation());
+      })
+    },
+    switchRef: composedRefs,
+    /**
+     * insert as a sibling of your switch (should not be inside the switch)
+     */
+    bubbleInput: import_constants.isWeb && isFormControl ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      BubbleInput,
+      {
+        control: button,
+        bubbles: !hasConsumerStoppedPropagationRef.current,
+        name,
+        value,
+        checked,
+        required,
+        disabled,
+        style: { transform: "translateX(-100%)" }
+      }
+    ) : null
+  };
+}
+//# sourceMappingURL=useSwitch.js.map

package/dist/cjs/useSwitch.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/useSwitch.tsx"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAAgC,kCAChC,mBAAsB,+BACtB,iBAAqC,6BACrC,eAAgC,2BAChC,sBAA4B,kCAC5B,QAAuB,2BAuDnB;AAAA;AAAA;AAAA;AApCJ,SAAS,SAAS,SAAsB;AACtC,SAAO,UAAU,YAAY;AAC/B;AAWA,MAAM,cAAc,CAAC,UAA4B;AAC/C,QAAM,EAAE,SAAS,SAAS,UAAU,IAAM,GAAG,WAAW,IAAI,OACtD,MAAM,MAAM,OAAyB,IAAI,GACzC,kBAAc,iCAAY,OAAO;AAGvC,eAAM,UAAU,MAAM;AACpB,UAAM,QAAQ,IAAI,SACZ,aAAa,OAAO,iBAAiB,WAKrC,aAJa,OAAO;AAAA,MACxB;AAAA,MACA;AAAA,IACF,EAC8B;AAC9B,QAAI,gBAAgB,WAAW,YAAY;AACzC,YAAM,QAAQ,IAAI,MAAM,SAAS,EAAE,QAAQ,CAAC;AAC5C,iBAAW,KAAK,OAAO,OAAO,GAC9B,MAAM,cAAc,KAAK;AAAA,IAC3B;AAAA,EACF,GAAG,CAAC,aAAa,SAAS,OAAO,CAAC,GAIhC;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,eAAW;AAAA,MACX,gBAAgB;AAAA,MACf,GAAG;AAAA,MACJ,UAAU;AAAA,MACV;AAAA,MACA,OAAO;AAAA,QACL,GAAG,MAAM;AAAA,QACT,UAAU;AAAA,QACV,eAAe;AAAA,QACf,SAAS;AAAA,QACT,QAAQ;AAAA,MACV;AAAA;AAAA,EACF;AAEJ;AAEO,SAAS,UACd,OACA,CAAC,SAAS,UAAU,GACpB,KACA;AACA,QAAM,EAAE,UAAU,MAAM,OAAO,SAAS,IAAI,OACtC,mCAAmC,MAAM,OAAO,EAAK,GACrD,CAAC,QAAQ,SAAS,IAAI,MAAM,SAAmC,IAAI,GACnE,mBAAe,qCAAsB,KAAK,SAAgB,GAG1D,gBAAgB,yBAAS,SAAS,EAAQ,OAAO,QAAQ,MAAM,IAAK,KAAQ,IAE5E,cAAU,8BAAgB,MAAM,GAChC,iBAAiB,MAAM,iBAAiB,KAAK,MAAM,aAAa;AACtE,SAAO;AAAA,IACL,aAAa;AAAA,MACX,MAAM;AAAA,MACN,gBAAgB;AAAA,MAChB,GAAI,yBACA;AAAA,QACE,UAAU,WAAW,SAAY;AAAA,QACjC,cAAc,SAAS,OAAO;AAAA,QAC9B,iBAAiB,WAAW,KAAK;AAAA,QACjC;AAAA,MACF,IACA,CAAC;AAAA,MACL,GAAG;AAAA,MACH,mBAAmB;AAAA,MACnB,aAAS,qCAAqB,MAAM,SAAS,CAAC,UAAiC;AAC7E,mBAAW,CAAC,gBAAgB,CAAC,WAAW,GACpC,0BAAS,kBACX,iCAAiC,UAAU,MAAM,qBAAqB,GAIjE,iCAAiC,WAAS,MAAM,gBAAgB;AAAA,MAEzE,CAAC;AAAA,IACH;AAAA,IACA,WAAW;AAAA;AAAA;AAAA;AAAA,IAIX,aACE,0BAAS,gBACP;AAAA,MAAC;AAAA;AAAA,QACC,SAAS;AAAA,QACT,SAAS,CAAC,iCAAiC;AAAA,QAC3C;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QAIA,OAAO,EAAE,WAAW,oBAAoB;AAAA;AAAA,IAC1C,IACE;AAAA,EACR;AACF;",
+  "names": []
+}

package/dist/cjs/useSwitch.native.js

@@ -0,0 +1,107 @@
+"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 useSwitch_exports = {};
+__export(useSwitch_exports, {
+  useSwitch: () => useSwitch
+});
+module.exports = __toCommonJS(useSwitch_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_use_previous = require("@tamagui/use-previous"), React = __toESM(require("react")), import_jsx_runtime = (
+  // @ts-ignore
+  require("react/jsx-runtime")
+);
+function getState(checked) {
+  return checked ? "checked" : "unchecked";
+}
+const BubbleInput = (props) => {
+  const { control, checked, bubbles = !0, ...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 });
+      setChecked.call(input, checked), input.dispatchEvent(event);
+    }
+  }, [prevChecked, checked, bubbles]), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "input",
+    {
+      type: "checkbox",
+      "aria-hidden": !0,
+      defaultChecked: checked,
+      ...inputProps,
+      tabIndex: -1,
+      ref,
+      style: {
+        ...props.style,
+        position: "absolute",
+        pointerEvents: "none",
+        opacity: 0,
+        margin: 0
+      }
+    }
+  );
+};
+function useSwitch(props, [checked, setChecked], ref) {
+  const { disabled, name, value, required } = props, hasConsumerStoppedPropagationRef = React.useRef(!1), [button, setButton] = React.useState(null), composedRefs = (0, import_compose_refs.useComposedRefs)(ref, setButton), isFormControl = import_constants.isWeb ? button ? !!button.closest("form") : !0 : !1, labelId = (0, import_label.useLabelContext)(button), ariaLabelledBy = props["aria-labelledby"] || props.labeledBy || labelId;
+  return {
+    switchProps: {
+      role: "switch",
+      "aria-checked": checked,
+      ...import_constants.isWeb ? {
+        tabIndex: disabled ? void 0 : 0,
+        "data-state": getState(checked),
+        "data-disabled": disabled ? "" : void 0,
+        disabled
+      } : {},
+      ...props,
+      "aria-labelledby": ariaLabelledBy,
+      onPress: (0, import_helpers.composeEventHandlers)(props.onPress, (event) => {
+        setChecked((prevChecked) => !prevChecked), import_constants.isWeb && isFormControl && (hasConsumerStoppedPropagationRef.current = event.isPropagationStopped(), hasConsumerStoppedPropagationRef.current || event.stopPropagation());
+      })
+    },
+    switchRef: composedRefs,
+    /**
+     * insert as a sibling of your switch (should not be inside the switch)
+     */
+    bubbleInput: import_constants.isWeb && isFormControl ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      BubbleInput,
+      {
+        control: button,
+        bubbles: !hasConsumerStoppedPropagationRef.current,
+        name,
+        value,
+        checked,
+        required,
+        disabled,
+        style: { transform: "translateX(-100%)" }
+      }
+    ) : null
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useSwitch
+});
+//# sourceMappingURL=useSwitch.js.map

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

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/useSwitch.tsx"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAAgC,kCAChC,mBAAsB,+BACtB,iBAAqC,6BACrC,eAAgC,2BAChC,sBAA4B,kCAC5B,QAAuB,2BAuDnB;AAAA;AAAA;AAAA;AApCJ,SAAS,SAAS,SAAsB;AACtC,SAAO,UAAU,YAAY;AAC/B;AAWA,MAAM,cAAc,CAAC,UAA4B;AAC/C,QAAM,EAAE,SAAS,SAAS,UAAU,IAAM,GAAG,WAAW,IAAI,OACtD,MAAM,MAAM,OAAyB,IAAI,GACzC,kBAAc,iCAAY,OAAO;AAGvC,eAAM,UAAU,MAAM;AACpB,UAAM,QAAQ,IAAI,SACZ,aAAa,OAAO,iBAAiB,WAKrC,aAJa,OAAO;AAAA,MACxB;AAAA,MACA;AAAA,IACF,EAC8B;AAC9B,QAAI,gBAAgB,WAAW,YAAY;AACzC,YAAM,QAAQ,IAAI,MAAM,SAAS,EAAE,QAAQ,CAAC;AAC5C,iBAAW,KAAK,OAAO,OAAO,GAC9B,MAAM,cAAc,KAAK;AAAA,IAC3B;AAAA,EACF,GAAG,CAAC,aAAa,SAAS,OAAO,CAAC,GAIhC;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,eAAW;AAAA,MACX,gBAAgB;AAAA,MACf,GAAG;AAAA,MACJ,UAAU;AAAA,MACV;AAAA,MACA,OAAO;AAAA,QACL,GAAG,MAAM;AAAA,QACT,UAAU;AAAA,QACV,eAAe;AAAA,QACf,SAAS;AAAA,QACT,QAAQ;AAAA,MACV;AAAA;AAAA,EACF;AAEJ;AAEO,SAAS,UACd,OACA,CAAC,SAAS,UAAU,GACpB,KACA;AACA,QAAM,EAAE,UAAU,MAAM,OAAO,SAAS,IAAI,OACtC,mCAAmC,MAAM,OAAO,EAAK,GACrD,CAAC,QAAQ,SAAS,IAAI,MAAM,SAAmC,IAAI,GACnE,mBAAe,qCAAsB,KAAK,SAAgB,GAG1D,gBAAgB,yBAAS,SAAS,EAAQ,OAAO,QAAQ,MAAM,IAAK,KAAQ,IAE5E,cAAU,8BAAgB,MAAM,GAChC,iBAAiB,MAAM,iBAAiB,KAAK,MAAM,aAAa;AACtE,SAAO;AAAA,IACL,aAAa;AAAA,MACX,MAAM;AAAA,MACN,gBAAgB;AAAA,MAChB,GAAI,yBACA;AAAA,QACE,UAAU,WAAW,SAAY;AAAA,QACjC,cAAc,SAAS,OAAO;AAAA,QAC9B,iBAAiB,WAAW,KAAK;AAAA,QACjC;AAAA,MACF,IACA,CAAC;AAAA,MACL,GAAG;AAAA,MACH,mBAAmB;AAAA,MACnB,aAAS,qCAAqB,MAAM,SAAS,CAAC,UAAiC;AAC7E,mBAAW,CAAC,gBAAgB,CAAC,WAAW,GACpC,0BAAS,kBACX,iCAAiC,UAAU,MAAM,qBAAqB,GAIjE,iCAAiC,WAAS,MAAM,gBAAgB;AAAA,MAEzE,CAAC;AAAA,IACH;AAAA,IACA,WAAW;AAAA;AAAA;AAAA;AAAA,IAIX,aACE,0BAAS,gBACP;AAAA,MAAC;AAAA;AAAA,QACC,SAAS;AAAA,QACT,SAAS,CAAC,iCAAiC;AAAA,QAC3C;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QAIA,OAAO,EAAE,WAAW,oBAAoB;AAAA;AAAA,IAC1C,IACE;AAAA,EACR;AACF;",
+  "names": []
+}

package/dist/esm/index.js

@@ -0,0 +1,2 @@
+export * from "./useSwitch";
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

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

package/dist/esm/index.mjs

@@ -0,0 +1 @@
+export * from "./useSwitch.mjs";

package/dist/esm/index.native.js

@@ -0,0 +1,2 @@
+export * from "./useSwitch";
+//# sourceMappingURL=index.js.map

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

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

package/dist/esm/useSwitch.js

@@ -0,0 +1,82 @@
+import { useComposedRefs } from "@tamagui/compose-refs";
+import { isWeb } from "@tamagui/constants";
+import { composeEventHandlers } from "@tamagui/helpers";
+import { useLabelContext } from "@tamagui/label";
+import { usePrevious } from "@tamagui/use-previous";
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+function getState(checked) {
+  return checked ? "checked" : "unchecked";
+}
+const BubbleInput = (props) => {
+  const { control, checked, bubbles = !0, ...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 });
+      setChecked.call(input, checked), input.dispatchEvent(event);
+    }
+  }, [prevChecked, checked, bubbles]), // @ts-ignore
+  /* @__PURE__ */ jsx(
+    "input",
+    {
+      type: "checkbox",
+      "aria-hidden": !0,
+      defaultChecked: checked,
+      ...inputProps,
+      tabIndex: -1,
+      ref,
+      style: {
+        ...props.style,
+        position: "absolute",
+        pointerEvents: "none",
+        opacity: 0,
+        margin: 0
+      }
+    }
+  );
+};
+function useSwitch(props, [checked, setChecked], ref) {
+  const { disabled, name, value, required } = props, hasConsumerStoppedPropagationRef = React.useRef(!1), [button, setButton] = React.useState(null), composedRefs = useComposedRefs(ref, setButton), isFormControl = isWeb ? button ? !!button.closest("form") : !0 : !1, labelId = useLabelContext(button), ariaLabelledBy = props["aria-labelledby"] || props.labeledBy || labelId;
+  return {
+    switchProps: {
+      role: "switch",
+      "aria-checked": checked,
+      ...isWeb ? {
+        tabIndex: disabled ? void 0 : 0,
+        "data-state": getState(checked),
+        "data-disabled": disabled ? "" : void 0,
+        disabled
+      } : {},
+      ...props,
+      "aria-labelledby": ariaLabelledBy,
+      onPress: composeEventHandlers(props.onPress, (event) => {
+        setChecked((prevChecked) => !prevChecked), isWeb && isFormControl && (hasConsumerStoppedPropagationRef.current = event.isPropagationStopped(), hasConsumerStoppedPropagationRef.current || event.stopPropagation());
+      })
+    },
+    switchRef: composedRefs,
+    /**
+     * insert as a sibling of your switch (should not be inside the switch)
+     */
+    bubbleInput: isWeb && isFormControl ? /* @__PURE__ */ jsx(
+      BubbleInput,
+      {
+        control: button,
+        bubbles: !hasConsumerStoppedPropagationRef.current,
+        name,
+        value,
+        checked,
+        required,
+        disabled,
+        style: { transform: "translateX(-100%)" }
+      }
+    ) : null
+  };
+}
+export {
+  useSwitch
+};
+//# sourceMappingURL=useSwitch.js.map

package/dist/esm/useSwitch.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/useSwitch.tsx"],
+  "mappings": "AAAA,SAAS,uBAAuB;AAChC,SAAS,aAAa;AACtB,SAAS,4BAA4B;AACrC,SAAS,uBAAuB;AAChC,SAAS,mBAAmB;AAC5B,YAAY,WAAW;AAuDnB;AApCJ,SAAS,SAAS,SAAsB;AACtC,SAAO,UAAU,YAAY;AAC/B;AAWA,MAAM,cAAc,CAAC,UAA4B;AAC/C,QAAM,EAAE,SAAS,SAAS,UAAU,IAAM,GAAG,WAAW,IAAI,OACtD,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;AAC9B,QAAI,gBAAgB,WAAW,YAAY;AACzC,YAAM,QAAQ,IAAI,MAAM,SAAS,EAAE,QAAQ,CAAC;AAC5C,iBAAW,KAAK,OAAO,OAAO,GAC9B,MAAM,cAAc,KAAK;AAAA,IAC3B;AAAA,EACF,GAAG,CAAC,aAAa,SAAS,OAAO,CAAC;AAAA,EAIhC;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,eAAW;AAAA,MACX,gBAAgB;AAAA,MACf,GAAG;AAAA,MACJ,UAAU;AAAA,MACV;AAAA,MACA,OAAO;AAAA,QACL,GAAG,MAAM;AAAA,QACT,UAAU;AAAA,QACV,eAAe;AAAA,QACf,SAAS;AAAA,QACT,QAAQ;AAAA,MACV;AAAA;AAAA,EACF;AAEJ;AAEO,SAAS,UACd,OACA,CAAC,SAAS,UAAU,GACpB,KACA;AACA,QAAM,EAAE,UAAU,MAAM,OAAO,SAAS,IAAI,OACtC,mCAAmC,MAAM,OAAO,EAAK,GACrD,CAAC,QAAQ,SAAS,IAAI,MAAM,SAAmC,IAAI,GACnE,eAAe,gBAAsB,KAAK,SAAgB,GAG1D,gBAAgB,QAAS,SAAS,EAAQ,OAAO,QAAQ,MAAM,IAAK,KAAQ,IAE5E,UAAU,gBAAgB,MAAM,GAChC,iBAAiB,MAAM,iBAAiB,KAAK,MAAM,aAAa;AACtE,SAAO;AAAA,IACL,aAAa;AAAA,MACX,MAAM;AAAA,MACN,gBAAgB;AAAA,MAChB,GAAI,QACA;AAAA,QACE,UAAU,WAAW,SAAY;AAAA,QACjC,cAAc,SAAS,OAAO;AAAA,QAC9B,iBAAiB,WAAW,KAAK;AAAA,QACjC;AAAA,MACF,IACA,CAAC;AAAA,MACL,GAAG;AAAA,MACH,mBAAmB;AAAA,MACnB,SAAS,qBAAqB,MAAM,SAAS,CAAC,UAAiC;AAC7E,mBAAW,CAAC,gBAAgB,CAAC,WAAW,GACpC,SAAS,kBACX,iCAAiC,UAAU,MAAM,qBAAqB,GAIjE,iCAAiC,WAAS,MAAM,gBAAgB;AAAA,MAEzE,CAAC;AAAA,IACH;AAAA,IACA,WAAW;AAAA;AAAA;AAAA;AAAA,IAIX,aACE,SAAS,gBACP;AAAA,MAAC;AAAA;AAAA,QACC,SAAS;AAAA,QACT,SAAS,CAAC,iCAAiC;AAAA,QAC3C;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QAIA,OAAO,EAAE,WAAW,oBAAoB;AAAA;AAAA,IAC1C,IACE;AAAA,EACR;AACF;",
+  "names": []
+}

package/dist/esm/useSwitch.mjs

@@ -0,0 +1,96 @@
+import { useComposedRefs } from "@tamagui/compose-refs";
+import { isWeb } from "@tamagui/constants";
+import { composeEventHandlers } from "@tamagui/helpers";
+import { useLabelContext } from "@tamagui/label";
+import { usePrevious } from "@tamagui/use-previous";
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+function getState(checked) {
+  return checked ? "checked" : "unchecked";
+}
+const BubbleInput = props => {
+  const {
+      control,
+      checked,
+      bubbles = !0,
+      ...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
+      });
+      setChecked.call(input, checked), input.dispatchEvent(event);
+    }
+  }, [prevChecked, checked, bubbles]),
+  // @ts-ignore
+  /* @__PURE__ */
+  jsx("input", {
+    type: "checkbox",
+    "aria-hidden": !0,
+    defaultChecked: checked,
+    ...inputProps,
+    tabIndex: -1,
+    ref,
+    style: {
+      ...props.style,
+      position: "absolute",
+      pointerEvents: "none",
+      opacity: 0,
+      margin: 0
+    }
+  });
+};
+function useSwitch(props, [checked, setChecked], ref) {
+  const {
+      disabled,
+      name,
+      value,
+      required
+    } = props,
+    hasConsumerStoppedPropagationRef = React.useRef(!1),
+    [button, setButton] = React.useState(null),
+    composedRefs = useComposedRefs(ref, setButton),
+    isFormControl = isWeb ? button ? !!button.closest("form") : !0 : !1,
+    labelId = useLabelContext(button),
+    ariaLabelledBy = props["aria-labelledby"] || props.labeledBy || labelId;
+  return {
+    switchProps: {
+      role: "switch",
+      "aria-checked": checked,
+      ...(isWeb ? {
+        tabIndex: disabled ? void 0 : 0,
+        "data-state": getState(checked),
+        "data-disabled": disabled ? "" : void 0,
+        disabled
+      } : {}),
+      ...props,
+      "aria-labelledby": ariaLabelledBy,
+      onPress: composeEventHandlers(props.onPress, event => {
+        setChecked(prevChecked => !prevChecked), isWeb && isFormControl && (hasConsumerStoppedPropagationRef.current = event.isPropagationStopped(), hasConsumerStoppedPropagationRef.current || event.stopPropagation());
+      })
+    },
+    switchRef: composedRefs,
+    /**
+     * insert as a sibling of your switch (should not be inside the switch)
+     */
+    bubbleInput: isWeb && isFormControl ? /* @__PURE__ */jsx(BubbleInput, {
+      control: button,
+      bubbles: !hasConsumerStoppedPropagationRef.current,
+      name,
+      value,
+      checked,
+      required,
+      disabled,
+      style: {
+        transform: "translateX(-100%)"
+      }
+    }) : null
+  };
+}
+export { useSwitch };

package/dist/esm/useSwitch.native.js

@@ -0,0 +1,82 @@
+import { useComposedRefs } from "@tamagui/compose-refs";
+import { isWeb } from "@tamagui/constants";
+import { composeEventHandlers } from "@tamagui/helpers";
+import { useLabelContext } from "@tamagui/label";
+import { usePrevious } from "@tamagui/use-previous";
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+function getState(checked) {
+  return checked ? "checked" : "unchecked";
+}
+const BubbleInput = (props) => {
+  const { control, checked, bubbles = !0, ...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 });
+      setChecked.call(input, checked), input.dispatchEvent(event);
+    }
+  }, [prevChecked, checked, bubbles]), // @ts-ignore
+  /* @__PURE__ */ jsx(
+    "input",
+    {
+      type: "checkbox",
+      "aria-hidden": !0,
+      defaultChecked: checked,
+      ...inputProps,
+      tabIndex: -1,
+      ref,
+      style: {
+        ...props.style,
+        position: "absolute",
+        pointerEvents: "none",
+        opacity: 0,
+        margin: 0
+      }
+    }
+  );
+};
+function useSwitch(props, [checked, setChecked], ref) {
+  const { disabled, name, value, required } = props, hasConsumerStoppedPropagationRef = React.useRef(!1), [button, setButton] = React.useState(null), composedRefs = useComposedRefs(ref, setButton), isFormControl = isWeb ? button ? !!button.closest("form") : !0 : !1, labelId = useLabelContext(button), ariaLabelledBy = props["aria-labelledby"] || props.labeledBy || labelId;
+  return {
+    switchProps: {
+      role: "switch",
+      "aria-checked": checked,
+      ...isWeb ? {
+        tabIndex: disabled ? void 0 : 0,
+        "data-state": getState(checked),
+        "data-disabled": disabled ? "" : void 0,
+        disabled
+      } : {},
+      ...props,
+      "aria-labelledby": ariaLabelledBy,
+      onPress: composeEventHandlers(props.onPress, (event) => {
+        setChecked((prevChecked) => !prevChecked), isWeb && isFormControl && (hasConsumerStoppedPropagationRef.current = event.isPropagationStopped(), hasConsumerStoppedPropagationRef.current || event.stopPropagation());
+      })
+    },
+    switchRef: composedRefs,
+    /**
+     * insert as a sibling of your switch (should not be inside the switch)
+     */
+    bubbleInput: isWeb && isFormControl ? /* @__PURE__ */ jsx(
+      BubbleInput,
+      {
+        control: button,
+        bubbles: !hasConsumerStoppedPropagationRef.current,
+        name,
+        value,
+        checked,
+        required,
+        disabled,
+        style: { transform: "translateX(-100%)" }
+      }
+    ) : null
+  };
+}
+export {
+  useSwitch
+};
+//# sourceMappingURL=useSwitch.js.map

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

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/useSwitch.tsx"],
+  "mappings": "AAAA,SAAS,uBAAuB;AAChC,SAAS,aAAa;AACtB,SAAS,4BAA4B;AACrC,SAAS,uBAAuB;AAChC,SAAS,mBAAmB;AAC5B,YAAY,WAAW;AAuDnB;AApCJ,SAAS,SAAS,SAAsB;AACtC,SAAO,UAAU,YAAY;AAC/B;AAWA,MAAM,cAAc,CAAC,UAA4B;AAC/C,QAAM,EAAE,SAAS,SAAS,UAAU,IAAM,GAAG,WAAW,IAAI,OACtD,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;AAC9B,QAAI,gBAAgB,WAAW,YAAY;AACzC,YAAM,QAAQ,IAAI,MAAM,SAAS,EAAE,QAAQ,CAAC;AAC5C,iBAAW,KAAK,OAAO,OAAO,GAC9B,MAAM,cAAc,KAAK;AAAA,IAC3B;AAAA,EACF,GAAG,CAAC,aAAa,SAAS,OAAO,CAAC;AAAA,EAIhC;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,eAAW;AAAA,MACX,gBAAgB;AAAA,MACf,GAAG;AAAA,MACJ,UAAU;AAAA,MACV;AAAA,MACA,OAAO;AAAA,QACL,GAAG,MAAM;AAAA,QACT,UAAU;AAAA,QACV,eAAe;AAAA,QACf,SAAS;AAAA,QACT,QAAQ;AAAA,MACV;AAAA;AAAA,EACF;AAEJ;AAEO,SAAS,UACd,OACA,CAAC,SAAS,UAAU,GACpB,KACA;AACA,QAAM,EAAE,UAAU,MAAM,OAAO,SAAS,IAAI,OACtC,mCAAmC,MAAM,OAAO,EAAK,GACrD,CAAC,QAAQ,SAAS,IAAI,MAAM,SAAmC,IAAI,GACnE,eAAe,gBAAsB,KAAK,SAAgB,GAG1D,gBAAgB,QAAS,SAAS,EAAQ,OAAO,QAAQ,MAAM,IAAK,KAAQ,IAE5E,UAAU,gBAAgB,MAAM,GAChC,iBAAiB,MAAM,iBAAiB,KAAK,MAAM,aAAa;AACtE,SAAO;AAAA,IACL,aAAa;AAAA,MACX,MAAM;AAAA,MACN,gBAAgB;AAAA,MAChB,GAAI,QACA;AAAA,QACE,UAAU,WAAW,SAAY;AAAA,QACjC,cAAc,SAAS,OAAO;AAAA,QAC9B,iBAAiB,WAAW,KAAK;AAAA,QACjC;AAAA,MACF,IACA,CAAC;AAAA,MACL,GAAG;AAAA,MACH,mBAAmB;AAAA,MACnB,SAAS,qBAAqB,MAAM,SAAS,CAAC,UAAiC;AAC7E,mBAAW,CAAC,gBAAgB,CAAC,WAAW,GACpC,SAAS,kBACX,iCAAiC,UAAU,MAAM,qBAAqB,GAIjE,iCAAiC,WAAS,MAAM,gBAAgB;AAAA,MAEzE,CAAC;AAAA,IACH;AAAA,IACA,WAAW;AAAA;AAAA;AAAA;AAAA,IAIX,aACE,SAAS,gBACP;AAAA,MAAC;AAAA;AAAA,QACC,SAAS;AAAA,QACT,SAAS,CAAC,iCAAiC;AAAA,QAC3C;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QAIA,OAAO,EAAE,WAAW,oBAAoB;AAAA;AAAA,IAC1C,IACE;AAAA,EACR;AACF;",
+  "names": []
+}

package/dist/jsx/index.js

@@ -0,0 +1,2 @@
+export * from "./useSwitch";
+//# sourceMappingURL=index.js.map

package/dist/jsx/index.js.map

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

package/dist/jsx/index.mjs

@@ -0,0 +1 @@
+export * from "./useSwitch.mjs";

package/dist/jsx/index.native.js

@@ -0,0 +1,2 @@
+export * from "./useSwitch";
+//# sourceMappingURL=index.js.map

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

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

package/dist/jsx/useSwitch.js

@@ -0,0 +1,82 @@
+import { useComposedRefs } from "@tamagui/compose-refs";
+import { isWeb } from "@tamagui/constants";
+import { composeEventHandlers } from "@tamagui/helpers";
+import { useLabelContext } from "@tamagui/label";
+import { usePrevious } from "@tamagui/use-previous";
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+function getState(checked) {
+  return checked ? "checked" : "unchecked";
+}
+const BubbleInput = (props) => {
+  const { control, checked, bubbles = !0, ...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 });
+      setChecked.call(input, checked), input.dispatchEvent(event);
+    }
+  }, [prevChecked, checked, bubbles]), // @ts-ignore
+  /* @__PURE__ */ jsx(
+    "input",
+    {
+      type: "checkbox",
+      "aria-hidden": !0,
+      defaultChecked: checked,
+      ...inputProps,
+      tabIndex: -1,
+      ref,
+      style: {
+        ...props.style,
+        position: "absolute",
+        pointerEvents: "none",
+        opacity: 0,
+        margin: 0
+      }
+    }
+  );
+};
+function useSwitch(props, [checked, setChecked], ref) {
+  const { disabled, name, value, required } = props, hasConsumerStoppedPropagationRef = React.useRef(!1), [button, setButton] = React.useState(null), composedRefs = useComposedRefs(ref, setButton), isFormControl = isWeb ? button ? !!button.closest("form") : !0 : !1, labelId = useLabelContext(button), ariaLabelledBy = props["aria-labelledby"] || props.labeledBy || labelId;
+  return {
+    switchProps: {
+      role: "switch",
+      "aria-checked": checked,
+      ...isWeb ? {
+        tabIndex: disabled ? void 0 : 0,
+        "data-state": getState(checked),
+        "data-disabled": disabled ? "" : void 0,
+        disabled
+      } : {},
+      ...props,
+      "aria-labelledby": ariaLabelledBy,
+      onPress: composeEventHandlers(props.onPress, (event) => {
+        setChecked((prevChecked) => !prevChecked), isWeb && isFormControl && (hasConsumerStoppedPropagationRef.current = event.isPropagationStopped(), hasConsumerStoppedPropagationRef.current || event.stopPropagation());
+      })
+    },
+    switchRef: composedRefs,
+    /**
+     * insert as a sibling of your switch (should not be inside the switch)
+     */
+    bubbleInput: isWeb && isFormControl ? /* @__PURE__ */ jsx(
+      BubbleInput,
+      {
+        control: button,
+        bubbles: !hasConsumerStoppedPropagationRef.current,
+        name,
+        value,
+        checked,
+        required,
+        disabled,
+        style: { transform: "translateX(-100%)" }
+      }
+    ) : null
+  };
+}
+export {
+  useSwitch
+};
+//# sourceMappingURL=useSwitch.js.map

package/dist/jsx/useSwitch.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/useSwitch.tsx"],
+  "mappings": "AAAA,SAAS,uBAAuB;AAChC,SAAS,aAAa;AACtB,SAAS,4BAA4B;AACrC,SAAS,uBAAuB;AAChC,SAAS,mBAAmB;AAC5B,YAAY,WAAW;AAuDnB;AApCJ,SAAS,SAAS,SAAsB;AACtC,SAAO,UAAU,YAAY;AAC/B;AAWA,MAAM,cAAc,CAAC,UAA4B;AAC/C,QAAM,EAAE,SAAS,SAAS,UAAU,IAAM,GAAG,WAAW,IAAI,OACtD,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;AAC9B,QAAI,gBAAgB,WAAW,YAAY;AACzC,YAAM,QAAQ,IAAI,MAAM,SAAS,EAAE,QAAQ,CAAC;AAC5C,iBAAW,KAAK,OAAO,OAAO,GAC9B,MAAM,cAAc,KAAK;AAAA,IAC3B;AAAA,EACF,GAAG,CAAC,aAAa,SAAS,OAAO,CAAC;AAAA,EAIhC;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,eAAW;AAAA,MACX,gBAAgB;AAAA,MACf,GAAG;AAAA,MACJ,UAAU;AAAA,MACV;AAAA,MACA,OAAO;AAAA,QACL,GAAG,MAAM;AAAA,QACT,UAAU;AAAA,QACV,eAAe;AAAA,QACf,SAAS;AAAA,QACT,QAAQ;AAAA,MACV;AAAA;AAAA,EACF;AAEJ;AAEO,SAAS,UACd,OACA,CAAC,SAAS,UAAU,GACpB,KACA;AACA,QAAM,EAAE,UAAU,MAAM,OAAO,SAAS,IAAI,OACtC,mCAAmC,MAAM,OAAO,EAAK,GACrD,CAAC,QAAQ,SAAS,IAAI,MAAM,SAAmC,IAAI,GACnE,eAAe,gBAAsB,KAAK,SAAgB,GAG1D,gBAAgB,QAAS,SAAS,EAAQ,OAAO,QAAQ,MAAM,IAAK,KAAQ,IAE5E,UAAU,gBAAgB,MAAM,GAChC,iBAAiB,MAAM,iBAAiB,KAAK,MAAM,aAAa;AACtE,SAAO;AAAA,IACL,aAAa;AAAA,MACX,MAAM;AAAA,MACN,gBAAgB;AAAA,MAChB,GAAI,QACA;AAAA,QACE,UAAU,WAAW,SAAY;AAAA,QACjC,cAAc,SAAS,OAAO;AAAA,QAC9B,iBAAiB,WAAW,KAAK;AAAA,QACjC;AAAA,MACF,IACA,CAAC;AAAA,MACL,GAAG;AAAA,MACH,mBAAmB;AAAA,MACnB,SAAS,qBAAqB,MAAM,SAAS,CAAC,UAAiC;AAC7E,mBAAW,CAAC,gBAAgB,CAAC,WAAW,GACpC,SAAS,kBACX,iCAAiC,UAAU,MAAM,qBAAqB,GAIjE,iCAAiC,WAAS,MAAM,gBAAgB;AAAA,MAEzE,CAAC;AAAA,IACH;AAAA,IACA,WAAW;AAAA;AAAA;AAAA;AAAA,IAIX,aACE,SAAS,gBACP;AAAA,MAAC;AAAA;AAAA,QACC,SAAS;AAAA,QACT,SAAS,CAAC,iCAAiC;AAAA,QAC3C;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QAIA,OAAO,EAAE,WAAW,oBAAoB;AAAA;AAAA,IAC1C,IACE;AAAA,EACR;AACF;",
+  "names": []
+}

package/dist/jsx/useSwitch.mjs

@@ -0,0 +1,96 @@
+import { useComposedRefs } from "@tamagui/compose-refs";
+import { isWeb } from "@tamagui/constants";
+import { composeEventHandlers } from "@tamagui/helpers";
+import { useLabelContext } from "@tamagui/label";
+import { usePrevious } from "@tamagui/use-previous";
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+function getState(checked) {
+  return checked ? "checked" : "unchecked";
+}
+const BubbleInput = props => {
+  const {
+      control,
+      checked,
+      bubbles = !0,
+      ...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
+      });
+      setChecked.call(input, checked), input.dispatchEvent(event);
+    }
+  }, [prevChecked, checked, bubbles]),
+  // @ts-ignore
+  /* @__PURE__ */
+  jsx("input", {
+    type: "checkbox",
+    "aria-hidden": !0,
+    defaultChecked: checked,
+    ...inputProps,
+    tabIndex: -1,
+    ref,
+    style: {
+      ...props.style,
+      position: "absolute",
+      pointerEvents: "none",
+      opacity: 0,
+      margin: 0
+    }
+  });
+};
+function useSwitch(props, [checked, setChecked], ref) {
+  const {
+      disabled,
+      name,
+      value,
+      required
+    } = props,
+    hasConsumerStoppedPropagationRef = React.useRef(!1),
+    [button, setButton] = React.useState(null),
+    composedRefs = useComposedRefs(ref, setButton),
+    isFormControl = isWeb ? button ? !!button.closest("form") : !0 : !1,
+    labelId = useLabelContext(button),
+    ariaLabelledBy = props["aria-labelledby"] || props.labeledBy || labelId;
+  return {
+    switchProps: {
+      role: "switch",
+      "aria-checked": checked,
+      ...(isWeb ? {
+        tabIndex: disabled ? void 0 : 0,
+        "data-state": getState(checked),
+        "data-disabled": disabled ? "" : void 0,
+        disabled
+      } : {}),
+      ...props,
+      "aria-labelledby": ariaLabelledBy,
+      onPress: composeEventHandlers(props.onPress, event => {
+        setChecked(prevChecked => !prevChecked), isWeb && isFormControl && (hasConsumerStoppedPropagationRef.current = event.isPropagationStopped(), hasConsumerStoppedPropagationRef.current || event.stopPropagation());
+      })
+    },
+    switchRef: composedRefs,
+    /**
+     * insert as a sibling of your switch (should not be inside the switch)
+     */
+    bubbleInput: isWeb && isFormControl ? /* @__PURE__ */jsx(BubbleInput, {
+      control: button,
+      bubbles: !hasConsumerStoppedPropagationRef.current,
+      name,
+      value,
+      checked,
+      required,
+      disabled,
+      style: {
+        transform: "translateX(-100%)"
+      }
+    }) : null
+  };
+}
+export { useSwitch };

package/dist/jsx/useSwitch.native.js

@@ -0,0 +1,82 @@
+import { useComposedRefs } from "@tamagui/compose-refs";
+import { isWeb } from "@tamagui/constants";
+import { composeEventHandlers } from "@tamagui/helpers";
+import { useLabelContext } from "@tamagui/label";
+import { usePrevious } from "@tamagui/use-previous";
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+function getState(checked) {
+  return checked ? "checked" : "unchecked";
+}
+const BubbleInput = (props) => {
+  const { control, checked, bubbles = !0, ...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 });
+      setChecked.call(input, checked), input.dispatchEvent(event);
+    }
+  }, [prevChecked, checked, bubbles]), // @ts-ignore
+  /* @__PURE__ */ jsx(
+    "input",
+    {
+      type: "checkbox",
+      "aria-hidden": !0,
+      defaultChecked: checked,
+      ...inputProps,
+      tabIndex: -1,
+      ref,
+      style: {
+        ...props.style,
+        position: "absolute",
+        pointerEvents: "none",
+        opacity: 0,
+        margin: 0
+      }
+    }
+  );
+};
+function useSwitch(props, [checked, setChecked], ref) {
+  const { disabled, name, value, required } = props, hasConsumerStoppedPropagationRef = React.useRef(!1), [button, setButton] = React.useState(null), composedRefs = useComposedRefs(ref, setButton), isFormControl = isWeb ? button ? !!button.closest("form") : !0 : !1, labelId = useLabelContext(button), ariaLabelledBy = props["aria-labelledby"] || props.labeledBy || labelId;
+  return {
+    switchProps: {
+      role: "switch",
+      "aria-checked": checked,
+      ...isWeb ? {
+        tabIndex: disabled ? void 0 : 0,
+        "data-state": getState(checked),
+        "data-disabled": disabled ? "" : void 0,
+        disabled
+      } : {},
+      ...props,
+      "aria-labelledby": ariaLabelledBy,
+      onPress: composeEventHandlers(props.onPress, (event) => {
+        setChecked((prevChecked) => !prevChecked), isWeb && isFormControl && (hasConsumerStoppedPropagationRef.current = event.isPropagationStopped(), hasConsumerStoppedPropagationRef.current || event.stopPropagation());
+      })
+    },
+    switchRef: composedRefs,
+    /**
+     * insert as a sibling of your switch (should not be inside the switch)
+     */
+    bubbleInput: isWeb && isFormControl ? /* @__PURE__ */ jsx(
+      BubbleInput,
+      {
+        control: button,
+        bubbles: !hasConsumerStoppedPropagationRef.current,
+        name,
+        value,
+        checked,
+        required,
+        disabled,
+        style: { transform: "translateX(-100%)" }
+      }
+    ) : null
+  };
+}
+export {
+  useSwitch
+};
+//# sourceMappingURL=useSwitch.js.map

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

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/useSwitch.tsx"],
+  "mappings": "AAAA,SAAS,uBAAuB;AAChC,SAAS,aAAa;AACtB,SAAS,4BAA4B;AACrC,SAAS,uBAAuB;AAChC,SAAS,mBAAmB;AAC5B,YAAY,WAAW;AAuDnB;AApCJ,SAAS,SAAS,SAAsB;AACtC,SAAO,UAAU,YAAY;AAC/B;AAWA,MAAM,cAAc,CAAC,UAA4B;AAC/C,QAAM,EAAE,SAAS,SAAS,UAAU,IAAM,GAAG,WAAW,IAAI,OACtD,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;AAC9B,QAAI,gBAAgB,WAAW,YAAY;AACzC,YAAM,QAAQ,IAAI,MAAM,SAAS,EAAE,QAAQ,CAAC;AAC5C,iBAAW,KAAK,OAAO,OAAO,GAC9B,MAAM,cAAc,KAAK;AAAA,IAC3B;AAAA,EACF,GAAG,CAAC,aAAa,SAAS,OAAO,CAAC;AAAA,EAIhC;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,eAAW;AAAA,MACX,gBAAgB;AAAA,MACf,GAAG;AAAA,MACJ,UAAU;AAAA,MACV;AAAA,MACA,OAAO;AAAA,QACL,GAAG,MAAM;AAAA,QACT,UAAU;AAAA,QACV,eAAe;AAAA,QACf,SAAS;AAAA,QACT,QAAQ;AAAA,MACV;AAAA;AAAA,EACF;AAEJ;AAEO,SAAS,UACd,OACA,CAAC,SAAS,UAAU,GACpB,KACA;AACA,QAAM,EAAE,UAAU,MAAM,OAAO,SAAS,IAAI,OACtC,mCAAmC,MAAM,OAAO,EAAK,GACrD,CAAC,QAAQ,SAAS,IAAI,MAAM,SAAmC,IAAI,GACnE,eAAe,gBAAsB,KAAK,SAAgB,GAG1D,gBAAgB,QAAS,SAAS,EAAQ,OAAO,QAAQ,MAAM,IAAK,KAAQ,IAE5E,UAAU,gBAAgB,MAAM,GAChC,iBAAiB,MAAM,iBAAiB,KAAK,MAAM,aAAa;AACtE,SAAO;AAAA,IACL,aAAa;AAAA,MACX,MAAM;AAAA,MACN,gBAAgB;AAAA,MAChB,GAAI,QACA;AAAA,QACE,UAAU,WAAW,SAAY;AAAA,QACjC,cAAc,SAAS,OAAO;AAAA,QAC9B,iBAAiB,WAAW,KAAK;AAAA,QACjC;AAAA,MACF,IACA,CAAC;AAAA,MACL,GAAG;AAAA,MACH,mBAAmB;AAAA,MACnB,SAAS,qBAAqB,MAAM,SAAS,CAAC,UAAiC;AAC7E,mBAAW,CAAC,gBAAgB,CAAC,WAAW,GACpC,SAAS,kBACX,iCAAiC,UAAU,MAAM,qBAAqB,GAIjE,iCAAiC,WAAS,MAAM,gBAAgB;AAAA,MAEzE,CAAC;AAAA,IACH;AAAA,IACA,WAAW;AAAA;AAAA;AAAA;AAAA,IAIX,aACE,SAAS,gBACP;AAAA,MAAC;AAAA;AAAA,QACC,SAAS;AAAA,QACT,SAAS,CAAC,iCAAiC;AAAA,QAC3C;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QAIA,OAAO,EAAE,WAAW,oBAAoB;AAAA;AAAA,IAC1C,IACE;AAAA,EACR;AACF;",
+  "names": []
+}

package/package.json

@@ -0,0 +1,53 @@
+{
+  "name": "@tamagui/switch-headless",
+  "version": "1.89.0",
+  "sideEffects": [
+    "*.css"
+  ],
+  "source": "src/index.ts",
+  "types": "./types/index.d.ts",
+  "main": "dist/cjs",
+  "module": "dist/esm",
+  "module:jsx": "dist/jsx",
+  "files": [
+    "src",
+    "types",
+    "dist"
+  ],
+  "scripts": {
+    "build": "tamagui-build",
+    "watch": "tamagui-build --watch",
+    "lint": "../../node_modules/.bin/biome check src",
+    "lint:fix": "../../node_modules/.bin/biome check --apply-unsafe src",
+    "clean": "tamagui-build clean",
+    "clean:build": "tamagui-build clean:build"
+  },
+  "exports": {
+    "./package.json": "./package.json",
+    ".": {
+      "types": "./types/index.d.ts",
+      "import": "./dist/esm/index.js",
+      "require": "./dist/cjs/index.js",
+      "react-native": "./dist/cjs/index.native.js"
+    }
+  },
+  "dependencies": {
+    "@tamagui/compose-refs": "1.89.0",
+    "@tamagui/constants": "1.89.0",
+    "@tamagui/helpers": "1.89.0",
+    "@tamagui/label": "1.89.0",
+    "@tamagui/use-previous": "1.89.0"
+  },
+  "peerDependencies": {
+    "react": "*",
+    "react-native": "*"
+  },
+  "devDependencies": {
+    "@tamagui/build": "1.89.0",
+    "react": "^18.2.0",
+    "react-native": "^0.72.6"
+  },
+  "publishConfig": {
+    "access": "public"
+  }
+}

package/src/index.ts

@@ -0,0 +1 @@
+export * from './useSwitch'

package/src/useSwitch.tsx

@@ -0,0 +1,140 @@
+import { useComposedRefs } from '@tamagui/compose-refs'
+import { isWeb } from '@tamagui/constants'
+import { composeEventHandlers } from '@tamagui/helpers'
+import { useLabelContext } from '@tamagui/label'
+import { usePrevious } from '@tamagui/use-previous'
+import * as React from 'react'
+import type { GestureResponderEvent, PressableProps, View, ViewProps } from 'react-native'
+
+type SwitchBaseProps = ViewProps & Pick<PressableProps, 'onPress'>
+
+export type SwitchExtraProps = {
+  labeledBy?: string
+  disabled?: boolean
+  name?: string
+  value?: string
+  checked?: boolean
+  defaultChecked?: boolean
+  required?: boolean
+  onCheckedChange?(checked: boolean): void
+}
+
+export type SwitchProps = SwitchBaseProps & SwitchExtraProps
+export type SwitchState = boolean
+
+function getState(checked: SwitchState) {
+  return checked ? 'checked' : 'unchecked'
+}
+
+type InputProps = React.HTMLProps<'input'>
+
+interface BubbleInputProps extends Omit<InputProps, 'checked'> {
+  checked: boolean
+  control: HTMLElement | null
+  bubbles: boolean
+}
+
+// TODO make this native friendly
+const BubbleInput = (props: BubbleInputProps) => {
+  const { control, checked, bubbles = true, ...inputProps } = props
+  const ref = React.useRef<HTMLInputElement>(null)
+  const prevChecked = usePrevious(checked)
+
+  // Bubble checked change to parents (e.g form change event)
+  React.useEffect(() => {
+    const input = ref.current!
+    const inputProto = window.HTMLInputElement.prototype
+    const descriptor = Object.getOwnPropertyDescriptor(
+      inputProto,
+      'checked'
+    ) as PropertyDescriptor
+    const setChecked = descriptor.set
+    if (prevChecked !== checked && setChecked) {
+      const event = new Event('click', { bubbles })
+      setChecked.call(input, checked)
+      input.dispatchEvent(event)
+    }
+  }, [prevChecked, checked, bubbles])
+
+  return (
+    // @ts-ignore
+    <input
+      type="checkbox"
+      aria-hidden
+      defaultChecked={checked}
+      {...inputProps}
+      tabIndex={-1}
+      ref={ref}
+      style={{
+        ...props.style,
+        position: 'absolute',
+        pointerEvents: 'none',
+        opacity: 0,
+        margin: 0,
+      }}
+    />
+  )
+}
+
+export function useSwitch<R extends View, P extends SwitchProps>(
+  props: P,
+  [checked, setChecked]: [SwitchState, React.Dispatch<React.SetStateAction<SwitchState>>],
+  ref: React.Ref<R>
+) {
+  const { disabled, name, value, required } = props
+  const hasConsumerStoppedPropagationRef = React.useRef(false)
+  const [button, setButton] = React.useState<HTMLButtonElement | null>(null)
+  const composedRefs = useComposedRefs<View>(ref, setButton as any)
+
+  // We set this to true by default so that events bubble to forms without JS (SSR)
+  const isFormControl = isWeb ? (button ? Boolean(button.closest('form')) : true) : false
+
+  const labelId = useLabelContext(button)
+  const ariaLabelledBy = props['aria-labelledby'] || props.labeledBy || labelId
+  return {
+    switchProps: {
+      role: 'switch',
+      'aria-checked': checked,
+      ...(isWeb
+        ? {
+            tabIndex: disabled ? undefined : 0,
+            'data-state': getState(checked),
+            'data-disabled': disabled ? '' : undefined,
+            disabled: disabled,
+          }
+        : {}),
+      ...props,
+      'aria-labelledby': ariaLabelledBy,
+      onPress: composeEventHandlers(props.onPress, (event: GestureResponderEvent) => {
+        setChecked((prevChecked) => !prevChecked)
+        if (isWeb && isFormControl) {
+          hasConsumerStoppedPropagationRef.current = event.isPropagationStopped()
+          // if switch is in a form, stop propagation from the button so that we only propagate
+          // one click event (from the input). We propagate changes from an input so that native
+          // form validation works and form events reflect switch updates.
+          if (!hasConsumerStoppedPropagationRef.current) event.stopPropagation()
+        }
+      }),
+    } satisfies SwitchBaseProps,
+    switchRef: composedRefs,
+    /**
+     * insert as a sibling of your switch (should not be inside the switch)
+     */
+    bubbleInput:
+      isWeb && isFormControl ? (
+        <BubbleInput
+          control={button}
+          bubbles={!hasConsumerStoppedPropagationRef.current}
+          name={name}
+          value={value}
+          checked={checked}
+          required={required}
+          disabled={disabled}
+          // We transform because the input is absolutely positioned but we have
+          // rendered it **after** the button. This pulls it back to sit on top
+          // of the button.
+          style={{ transform: 'translateX(-100%)' }}
+        />
+      ) : null,
+  }
+}

package/types/index.d.ts

@@ -0,0 +1,2 @@
+export * from './useSwitch';
+//# sourceMappingURL=index.d.ts.map

package/types/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA"}

package/types/useSwitch.d.ts

@@ -0,0 +1,35 @@
+import * as React from 'react';
+import type { GestureResponderEvent, PressableProps, View, ViewProps } from 'react-native';
+type SwitchBaseProps = ViewProps & Pick<PressableProps, 'onPress'>;
+export type SwitchExtraProps = {
+    labeledBy?: string;
+    disabled?: boolean;
+    name?: string;
+    value?: string;
+    checked?: boolean;
+    defaultChecked?: boolean;
+    required?: boolean;
+    onCheckedChange?(checked: boolean): void;
+};
+export type SwitchProps = SwitchBaseProps & SwitchExtraProps;
+export type SwitchState = boolean;
+export declare function useSwitch<R extends View, P extends SwitchProps>(props: P, [checked, setChecked]: [SwitchState, React.Dispatch<React.SetStateAction<SwitchState>>], ref: React.Ref<R>): {
+    switchProps: {
+        tabIndex?: number | undefined;
+        'data-state'?: string | undefined;
+        'data-disabled'?: string | undefined;
+        disabled?: boolean | undefined;
+        role: "switch";
+        'aria-checked': boolean;
+    } & P & {
+        'aria-labelledby': string | undefined;
+        onPress: import("@tamagui/helpers").EventHandler<GestureResponderEvent> | undefined;
+    };
+    switchRef: (node: View) => void;
+    /**
+     * insert as a sibling of your switch (should not be inside the switch)
+     */
+    bubbleInput: JSX.Element | null;
+};
+export {};
+//# sourceMappingURL=useSwitch.d.ts.map

package/types/useSwitch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSwitch.d.ts","sourceRoot":"","sources":["../src/useSwitch.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,EAAE,qBAAqB,EAAE,cAAc,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAE1F,KAAK,eAAe,GAAG,SAAS,GAAG,IAAI,CAAC,cAAc,EAAE,SAAS,CAAC,CAAA;AAElE,MAAM,MAAM,gBAAgB,GAAG;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,eAAe,CAAC,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,CAAA;CACzC,CAAA;AAED,MAAM,MAAM,WAAW,GAAG,eAAe,GAAG,gBAAgB,CAAA;AAC5D,MAAM,MAAM,WAAW,GAAG,OAAO,CAAA;AAwDjC,wBAAgB,SAAS,CAAC,CAAC,SAAS,IAAI,EAAE,CAAC,SAAS,WAAW,EAC7D,KAAK,EAAE,CAAC,EACR,CAAC,OAAO,EAAE,UAAU,CAAC,EAAE,CAAC,WAAW,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC,CAAC,EACvF,GAAG,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC;;;;;;;;;;;;;IAsCf;;OAEG;;EAkBN"}