@tamagui/demos 2.7.7 → 3.0.0-beta.1091.1

package/dist/cjs/SwitchDemo.native.cjs

@@ -0,0 +1,94 @@
+"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: true
+	});
+};
+var __copyProps = (to, from, except, desc) => {
+	if (from && typeof from === "object" || typeof from === "function") {
+		for (let key of __getOwnPropNames(from)) if (!__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: true }), mod);
+var SwitchDemo_exports = {};
+__export(SwitchDemo_exports, {
+	SwitchDemo: () => SwitchDemo,
+	SwitchWithLabel: () => SwitchWithLabel
+});
+module.exports = __toCommonJS(SwitchDemo_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_tamagui = require("tamagui");
+function SwitchDemo() {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+		width: 200,
+		items: "center",
+		gap: "3",
+		children: [
+			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+				gap: "3",
+				flexDirection: "xs:column",
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(SwitchWithLabel, { size: "2" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SwitchWithLabel, {
+					size: "2",
+					defaultChecked: true
+				})]
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+				gap: "3",
+				flexDirection: "xs:column",
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(SwitchWithLabel, { size: "3" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SwitchWithLabel, {
+					size: "3",
+					defaultChecked: true
+				})]
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+				gap: "3",
+				flexDirection: "xs:column",
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(SwitchWithLabel, { size: "4" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SwitchWithLabel, {
+					size: "4",
+					defaultChecked: true
+				})]
+			})
+		]
+	}) });
+}
+function SwitchWithLabel(props) {
+	var _props_defaultChecked;
+	var id = `switch-${props.size}-${(_props_defaultChecked = props.defaultChecked) !== null && _props_defaultChecked !== void 0 ? _props_defaultChecked : ""}}`;
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+		width: 200,
+		items: "center",
+		gap: "4",
+		children: [
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Label, {
+				pr: "0",
+				minW: 90,
+				justify: "flex-end",
+				size: props.size,
+				htmlFor: id,
+				children: "Accept"
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Separator, {
+				minH: 20,
+				vertical: true
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Switch, {
+				id,
+				transition: "300ms",
+				size: props.size,
+				defaultChecked: props.defaultChecked,
+				activeStyle: { backgroundColor: "color6" },
+				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Switch.Thumb, { transition: "quickest" })
+			})
+		]
+	});
+}

package/dist/cjs/SwitchDemo.native.js

@@ -5,105 +5,92 @@ 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: true
-  });
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
+	});
 };
 var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-      get: () => from[key],
-      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-    });
-  }
-  return to;
+	if (from && typeof from === "object" || typeof from === "function") {
+		for (let key of __getOwnPropNames(from)) if (!__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: true
-}), mod);
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var SwitchDemo_exports = {};
 __export(SwitchDemo_exports, {
-  SwitchDemo: () => SwitchDemo,
-  SwitchWithLabel: () => SwitchWithLabel
+	SwitchDemo: () => SwitchDemo,
+	SwitchWithLabel: () => SwitchWithLabel
 });
 module.exports = __toCommonJS(SwitchDemo_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_tamagui = require("tamagui");
 function SwitchDemo() {
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {
-    children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
-      width: 200,
-      items: "center",
-      gap: "$3",
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
-        gap: "$3",
-        $xs: {
-          flexDirection: "column"
-        },
-        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(SwitchWithLabel, {
-          size: "$2"
-        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(SwitchWithLabel, {
-          size: "$2",
-          defaultChecked: true
-        })]
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
-        gap: "$3",
-        $xs: {
-          flexDirection: "column"
-        },
-        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(SwitchWithLabel, {
-          size: "$3"
-        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(SwitchWithLabel, {
-          size: "$3",
-          defaultChecked: true
-        })]
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
-        gap: "$3",
-        $xs: {
-          flexDirection: "column"
-        },
-        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(SwitchWithLabel, {
-          size: "$4"
-        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(SwitchWithLabel, {
-          size: "$4",
-          defaultChecked: true
-        })]
-      })]
-    })
-  });
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+		width: 200,
+		items: "center",
+		gap: "3",
+		children: [
+			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+				gap: "3",
+				flexDirection: "xs:column",
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(SwitchWithLabel, { size: "2" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SwitchWithLabel, {
+					size: "2",
+					defaultChecked: true
+				})]
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+				gap: "3",
+				flexDirection: "xs:column",
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(SwitchWithLabel, { size: "3" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SwitchWithLabel, {
+					size: "3",
+					defaultChecked: true
+				})]
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+				gap: "3",
+				flexDirection: "xs:column",
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(SwitchWithLabel, { size: "4" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SwitchWithLabel, {
+					size: "4",
+					defaultChecked: true
+				})]
+			})
+		]
+	}) });
 }
 function SwitchWithLabel(props) {
-  var _props_defaultChecked;
-  var id = `switch-${props.size.toString().slice(1)}-${(_props_defaultChecked = props.defaultChecked) !== null && _props_defaultChecked !== void 0 ? _props_defaultChecked : ""}}`;
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
-    width: 200,
-    items: "center",
-    gap: "$4",
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Label, {
-      pr: "$0",
-      minW: 90,
-      justify: "flex-end",
-      size: props.size,
-      htmlFor: id,
-      children: "Accept"
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Separator, {
-      minH: 20,
-      vertical: true
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Switch, {
-      id,
-      transition: "300ms",
-      size: props.size,
-      defaultChecked: props.defaultChecked,
-      // use activeStyle to choose youra active color
-      // default to $backgroundActive unless "unstyled" boolean prop is on
-      activeStyle: {
-        backgroundColor: "$color6"
-      },
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Switch.Thumb, {
-        transition: "quickest"
-      })
-    })]
-  });
+	var _props_defaultChecked;
+	var id = `switch-${props.size}-${(_props_defaultChecked = props.defaultChecked) !== null && _props_defaultChecked !== void 0 ? _props_defaultChecked : ""}}`;
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+		width: 200,
+		items: "center",
+		gap: "4",
+		children: [
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Label, {
+				pr: "0",
+				minW: 90,
+				justify: "flex-end",
+				size: props.size,
+				htmlFor: id,
+				children: "Accept"
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Separator, {
+				minH: 20,
+				vertical: true
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Switch, {
+				id,
+				transition: "300ms",
+				size: props.size,
+				defaultChecked: props.defaultChecked,
+				activeStyle: { backgroundColor: "color6" },
+				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Switch.Thumb, { transition: "quickest" })
+			})
+		]
+	});
 }
+
 //# sourceMappingURL=SwitchDemo.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","SwitchDemo_exports","__export","SwitchDemo","SwitchWithLabel","module","exports","import_jsx_runtime","require","import_tamagui","jsx","Fragment","children","jsxs","YStack","width","items","gap","XStack","$xs","flexDirection","size","defaultChecked"],"sources":["../../src/SwitchDemo.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,kBAAA;AAAAC,QAAA,CAAAD,kBAAA;EAAAE,UAAA,EAAAA,CAAA,KAAAA,UAAA;EAAAC,eAAA,EAAAA,CAAA,KAAAA;AAAA;AACAC,MAAA,CAAAC,OAAA,GAAAV,YAAgE,CAAAK,kBAAA;AAI5D,IAAAM,kBAAA,GAAAC,OAAA;AAFG,IAAAC,cAAS,GAAAD,OAAa;AAC3B,SACEL,WAAA;EAEI,0BAAAI,kBAAA,CAAAG,GAAC,EAAAH,kBAAA,CAAAI,QAAW;IACVC,QAAA,qBAAAL,kBAAC,CAAAM,IAAA,EAAAJ,cAAgB,CAAAK,MAAK,EAAK;MAC3BC,KAAA;MAA0CC,KAC5C;MACAC,GAAA;MACEL,QAAA,GACA,mBAAAL,kBAAA,CAAAM,IAAC,EAAAJ,cAAA,CAAAS,MAAgB,EAAK;QACxBD,GAAA;QACAE,GAAA;UACEC,aAAA;QACA;QACFR,QAAA,GAEJ,mBAAAL,kBAAA,CAAAG,GAAA,EAAAN,eAAA;UAEJiB,IAAA;QAEgB,IAKR,eAAe,CAAM,GAAAd,kBAAgB,CAAMG,GAAE,EAAAN,eAAU;UAE3DiB,IAAA;UACEC,cAAA;QAGA;MACC,uBAAAf,kBAAA,CAAAM,IAAA,EAAAJ,cAAA,CAAAS,MAAA;QACCD,GAAA;QACAE,GAAA;UACAC,aAAY;QACZ;QAGAR,QAAA,GACE,eAAiB,IAAAL,kBAAA,CAAAG,GAAA,EAAAN,eAAA;UACnBiB,IAAA;QAEA,IAAoC,mBAAAd,kBAAA,CAAAG,GAAA,EAAAN,eAAA;UACtCiB,IAAA;UACFC,cAAA;QAEJ","ignoreList":[]}
+{"version":3,"file":"SwitchDemo.native.js","names":[],"sources":["cjs/SwitchDemo.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n  for (var name in all)\n    __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n  if (from && typeof from === \"object\" || typeof from === \"function\") {\n    for (let key of __getOwnPropNames(from))\n      if (!__hasOwnProp.call(to, key) && key !== except)\n        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n  }\n  return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar SwitchDemo_exports = {};\n__export(SwitchDemo_exports, {\n  SwitchDemo: () => SwitchDemo,\n  SwitchWithLabel: () => SwitchWithLabel\n});\nmodule.exports = __toCommonJS(SwitchDemo_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_tamagui = require(\"tamagui\");\nfunction SwitchDemo() {\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {\n    children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {\n      width: 200,\n      items: \"center\",\n      gap: \"3\",\n      children: [\n        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {\n          gap: \"3\",\n          flexDirection: \"xs:column\",\n          children: [\n            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SwitchWithLabel, {\n              size: \"2\"\n            }),\n            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SwitchWithLabel, {\n              size: \"2\",\n              defaultChecked: true\n            })\n          ]\n        }),\n        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {\n          gap: \"3\",\n          flexDirection: \"xs:column\",\n          children: [\n            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SwitchWithLabel, {\n              size: \"3\"\n            }),\n            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SwitchWithLabel, {\n              size: \"3\",\n              defaultChecked: true\n            })\n          ]\n        }),\n        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {\n          gap: \"3\",\n          flexDirection: \"xs:column\",\n          children: [\n            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SwitchWithLabel, {\n              size: \"4\"\n            }),\n            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SwitchWithLabel, {\n              size: \"4\",\n              defaultChecked: true\n            })\n          ]\n        })\n      ]\n    })\n  });\n}\nfunction SwitchWithLabel(props) {\n  var _props_defaultChecked;\n  var id = `switch-${props.size}-${(_props_defaultChecked = props.defaultChecked) !== null && _props_defaultChecked !== void 0 ? _props_defaultChecked : \"\"}}`;\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {\n    width: 200,\n    items: \"center\",\n    gap: \"4\",\n    children: [\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Label, {\n        pr: \"0\",\n        minW: 90,\n        justify: \"flex-end\",\n        size: props.size,\n        htmlFor: id,\n        children: \"Accept\"\n      }),\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Separator, {\n        minH: 20,\n        vertical: true\n      }),\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Switch, {\n        id,\n        transition: \"300ms\",\n        size: props.size,\n        defaultChecked: props.defaultChecked,\n        // use activeStyle to choose your checked-state color\n        activeStyle: {\n          backgroundColor: \"color6\"\n        },\n        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Switch.Thumb, {\n          transition: \"quickest\"\n        })\n      })\n    ]\n  });\n}\n//# sourceMappingURL=SwitchDemo.js.map\n"],"mappings":"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"}

package/dist/cjs/SwitchHeadlessDemo.cjs

@@ -5,101 +5,70 @@ var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
-  for (var name in all) __defProp(target, name, {
-    get: all[name],
-    enumerable: true
-  });
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
+	});
 };
 var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-      get: () => from[key],
-      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-    });
-  }
-  return to;
+	if (from && typeof from === "object" || typeof from === "function") {
+		for (let key of __getOwnPropNames(from)) if (!__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: true
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
 }) : target, mod));
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: true
-}), mod);
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var SwitchHeadlessDemo_exports = {};
-__export(SwitchHeadlessDemo_exports, {
-  SwitchHeadlessDemo: () => SwitchHeadlessDemo
-});
+__export(SwitchHeadlessDemo_exports, { SwitchHeadlessDemo: () => SwitchHeadlessDemo });
 module.exports = __toCommonJS(SwitchHeadlessDemo_exports);
-var import_react = __toESM(require("react"), 1);
 var import_switch_headless = require("@tamagui/switch-headless");
+var import_react = __toESM(require("react"), 1);
 var import_react_native = require("react-native-web");
 var import_tamagui = require("tamagui");
 var import_jsx_runtime = require("react/jsx-runtime");
 function SwitchHeadlessDemo() {
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
-    width: 200,
-    items: "center",
-    gap: "$3",
-    children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
-      gap: "$3",
-      items: "center",
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Label, {
-        htmlFor: "headless",
-        children: "Headless"
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(HeadlessSwitch, {
-        defaultChecked: true,
-        id: "headless"
-      })]
-    })
-  });
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+		width: 200,
+		items: "center",
+		gap: "3",
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+			gap: "3",
+			items: "center",
+			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Label, {
+				htmlFor: "headless",
+				children: "Headless"
+			}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(HeadlessSwitch, {
+				defaultChecked: true,
+				id: "headless"
+			})]
+		})
+	});
 }
 const HeadlessSwitch = import_react.default.forwardRef((props, ref) => {
-  const [checked, setChecked] = import_react.default.useState(props.defaultChecked || false);
-  const {
-    switchProps,
-    switchRef,
-    bubbleInput
-  } = (0, import_switch_headless.useSwitch)(props, [checked, setChecked], ref);
-  const [animation] = import_react.default.useState(() => new import_react_native.Animated.Value(0));
-  import_react.default.useEffect(() => {
-    import_react_native.Animated.timing(animation, {
-      toValue: checked ? 1 : 0,
-      duration: 100,
-      useNativeDriver: true
-    }).start();
-  }, [checked, animation]);
-  const translateX = import_react.default.useMemo(() => animation.interpolate({
-    inputRange: [0, 1],
-    outputRange: [0, 20]
-  }), [animation]);
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react_native.Pressable, {
-      style: {
-        width: 40,
-        height: 20,
-        borderRadius: 100,
-        backgroundColor: checked ? "lightblue" : "silver"
-      },
-      ref: switchRef,
-      ...switchProps,
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react_native.Animated.View, {
-        style: [{
-          backgroundColor: "black",
-          borderRadius: 100,
-          width: 20,
-          height: 20
-        }, {
-          transform: [{
-            translateX
-          }]
-        }]
-      })
-    }), bubbleInput]
-  });
-});
+	const [checked, setChecked] = import_react.default.useState(props.defaultChecked || false);
+	const { switchProps, switchRef, bubbleInput } = (0, import_switch_headless.useSwitch)(props, [checked, setChecked], ref);
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native.Pressable, {
+		style: {
+			width: 40,
+			height: 20,
+			borderRadius: 100,
+			backgroundColor: checked ? "lightblue" : "silver"
+		},
+		ref: switchRef,
+		...switchProps,
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.View, {
+			transition: "quick",
+			width: 20,
+			height: 20,
+			rounded: 100,
+			bg: "black",
+			x: checked ? 20 : 0
+		})
+	}), bubbleInput] });
+});

package/dist/cjs/SwitchHeadlessDemo.native.cjs

@@ -0,0 +1,76 @@
+"use strict";
+
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
+	});
+};
+var __copyProps = (to, from, except, desc) => {
+	if (from && typeof from === "object" || typeof from === "function") {
+		for (let key of __getOwnPropNames(from)) if (!__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(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
+}) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var SwitchHeadlessDemo_exports = {};
+__export(SwitchHeadlessDemo_exports, { SwitchHeadlessDemo: () => SwitchHeadlessDemo });
+module.exports = __toCommonJS(SwitchHeadlessDemo_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_switch_headless = require("@tamagui/switch-headless");
+var import_react = __toESM(require("react"), 1);
+var import_react_native = require("react-native");
+var import_tamagui = require("tamagui");
+function SwitchHeadlessDemo() {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+		width: 200,
+		items: "center",
+		gap: "3",
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+			gap: "3",
+			items: "center",
+			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Label, {
+				htmlFor: "headless",
+				children: "Headless"
+			}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(HeadlessSwitch, {
+				defaultChecked: true,
+				id: "headless"
+			})]
+		})
+	});
+}
+var HeadlessSwitch = /* @__PURE__ */ import_react.default.forwardRef(function(props, ref) {
+	var [checked, setChecked] = import_react.default.useState(props.defaultChecked || false);
+	var { switchProps, switchRef, bubbleInput } = (0, import_switch_headless.useSwitch)(props, [checked, setChecked], ref);
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native.Pressable, {
+		style: {
+			width: 40,
+			height: 20,
+			borderRadius: 100,
+			backgroundColor: checked ? "lightblue" : "silver"
+		},
+		ref: switchRef,
+		...switchProps,
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.View, {
+			transition: "quick",
+			width: 20,
+			height: 20,
+			rounded: 100,
+			bg: "black",
+			x: checked ? 20 : 0
+		})
+	}), bubbleInput] });
+});