@tamagui/switch 2.0.0-rc.4 → 2.0.0-rc.40

package/dist/esm/useSwitchNative.native.js

@@ -13,7 +13,9 @@ function useSwitchNative(props) {
     setChecked
   } = props;
   React.useEffect(function () {
-    if (id && !disabled) return registerFocusable(id, {
+    if (!id) return;
+    if (disabled) return;
+    return registerFocusable(id, {
       focusAndSelect: function () {
         setChecked(function (value) {
           return !value;
@@ -23,11 +25,14 @@ function useSwitchNative(props) {
     });
   }, [id, disabled, setChecked]);
   var renderNative = shouldRenderNativePlatform(native);
-  return renderNative === "android" || renderNative === "ios" ? /* @__PURE__ */_jsx(NativeSwitch, {
-    value: checked,
-    onValueChange: setChecked,
-    ...nativeProps
-  }) : null;
+  if (renderNative === "android" || renderNative === "ios") {
+    return /* @__PURE__ */_jsx(NativeSwitch, {
+      value: checked,
+      onValueChange: setChecked,
+      ...nativeProps
+    });
+  }
+  return null;
 }
 export { useSwitchNative };
 //# sourceMappingURL=useSwitchNative.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["jsx","_jsx","shouldRenderNativePlatform","registerFocusable","React","Switch","NativeSwitch","useSwitchNative","props","id","disabled","native","nativeProps","checked","setChecked","useEffect","focusAndSelect","value","focus","renderNative","onValueChange"],"sources":["../../src/useSwitchNative.native.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAOC,IAAA,QAAY;AAC5B,SAASC,0BAAA,QAAkC;AAC3C,SAASC,iBAAA,QAAyB;AAClC,YAAYC,KAAA,MAAW;AACvB,SAASC,MAAA,IAAUC,YAAA,QAAoB;AAG5B,SAASC,gBAAgBC,KAAA,EAAO;EACvC,IAAI;IAAEC,EAAA;IAAIC,QAAA;IAAUC,MAAA;IAAQC,WAAA;IAAaC,OAAA;IAASC;EAAW,IAAIN,KAAA;EACjEJ,KAAA,CAAMW,SAAA,CAAU,YAAW;IACvB,IAAKN,EAAA,IACD,CAAAC,QAAA,EACJ,OAAOP,iBAAA,CAAkBM,EAAA,EAAI;MACzBO,cAAA,EAAgB,SAAAA,CAAA,EAAW;QACvBF,UAAA,CAAW,UAASG,KAAA,EAAO;UACvB,OAAO,CAACA,KAAA;QACZ,CAAC;MACL;MACAC,KAAA,EAAO,SAAAA,CAAA,EAAW,CAAC;IACvB,CAAC;EACL,GAAG,CACCT,EAAA,EACAC,QAAA,EACAI,UAAA,CACH;EACD,IAAIK,YAAA,GAAejB,0BAAA,CAA2BS,MAAM;EACpD,OAAIQ,YAAA,KAAiB,aAAaA,YAAA,KAAiB,QAC1B,eAAAlB,IAAA,CAAKK,YAAA,EAAc;IACpCW,KAAA,EAAOJ,OAAA;IACPO,aAAA,EAAeN,UAAA;IACf,GAAGF;EACP,CAAC,IAEE;AACX","ignoreList":[]}
+{"version":3,"names":["jsx","_jsx","shouldRenderNativePlatform","registerFocusable","React","Switch","NativeSwitch","useSwitchNative","props","id","disabled","native","nativeProps","checked","setChecked","useEffect","focusAndSelect","value","focus","renderNative","onValueChange"],"sources":["../../src/useSwitchNative.native.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAOC,IAAA,QAAY;AAC5B,SAASC,0BAAA,QAAkC;AAC3C,SAASC,iBAAA,QAAyB;AAClC,YAAYC,KAAA,MAAW;AACvB,SAASC,MAAA,IAAUC,YAAA,QAAoB;AAG5B,SAASC,gBAAgBC,KAAA,EAAO;EACvC,IAAI;IAAEC,EAAA;IAAIC,QAAA;IAAUC,MAAA;IAAQC,WAAA;IAAaC,OAAA;IAASC;EAAW,IAAIN,KAAA;EACjEJ,KAAA,CAAMW,SAAA,CAAU,YAAW;IACvB,IAAI,CAACN,EAAA,EAAI;IACT,IAAIC,QAAA,EAAU;IACd,OAAOP,iBAAA,CAAkBM,EAAA,EAAI;MACzBO,cAAA,EAAgB,SAAAA,CAAA,EAAW;QACvBF,UAAA,CAAW,UAASG,KAAA,EAAO;UACvB,OAAO,CAACA,KAAA;QACZ,CAAC;MACL;MACAC,KAAA,EAAO,SAAAA,CAAA,EAAW,CAAC;IACvB,CAAC;EACL,GAAG,CACCT,EAAA,EACAC,QAAA,EACAI,UAAA,CACH;EACD,IAAIK,YAAA,GAAejB,0BAAA,CAA2BS,MAAM;EACpD,IAAIQ,YAAA,KAAiB,aAAaA,YAAA,KAAiB,OAAO;IACtD,OAAqB,eAAAlB,IAAA,CAAKK,YAAA,EAAc;MACpCW,KAAA,EAAOJ,OAAA;MACPO,aAAA,EAAeN,UAAA;MACf,GAAGF;IACP,CAAC;EACL;EACA,OAAO;AACX","ignoreList":[]}

package/dist/jsx/StyledContext.mjs

@@ -1,7 +1,7 @@
 import { createStyledContext } from "@tamagui/core";
 const SwitchStyledContext = createStyledContext({
-  active: !1,
-  disabled: !1,
+  active: false,
+  disabled: false,
   frameWidth: void 0,
   size: void 0,
   unstyled: process.env.TAMAGUI_HEADLESS === "1"

package/dist/jsx/StyledContext.native.js

@@ -5,32 +5,34 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
-    for (var name in all) __defProp(target, name, {
-      get: all[name],
-      enumerable: !0
-    });
-  },
-  __copyProps = (to, from, except, desc) => {
-    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+  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;
-  };
+  }
+  return to;
+};
 var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: !0
+  value: true
 }), mod);
 var StyledContext_exports = {};
 __export(StyledContext_exports, {
   SwitchStyledContext: () => SwitchStyledContext
 });
 module.exports = __toCommonJS(StyledContext_exports);
-var import_core = require("@tamagui/core"),
-  SwitchStyledContext = (0, import_core.createStyledContext)({
-    active: !1,
-    disabled: !1,
-    frameWidth: void 0,
-    size: void 0,
-    unstyled: process.env.TAMAGUI_HEADLESS === "1"
-  });
+var import_core = require("@tamagui/core");
+var SwitchStyledContext = (0, import_core.createStyledContext)({
+  active: false,
+  disabled: false,
+  frameWidth: void 0,
+  size: void 0,
+  unstyled: process.env.TAMAGUI_HEADLESS === "1"
+});
 //# sourceMappingURL=StyledContext.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable"],"sources":["../../src/StyledContext.tsx"],"sourcesContent":[null],"mappings":"AACA,YAAS;;AAEF,IAAAA,SAAM,GAAAC,MAAA,CAAAC,cAAsB;AAMhC,IACDC,gBAAQ,GAAAF,MAAA,CAAAG,wBAAA;AAAA,IACRC,iBAAU,GAAAJ,MAAA,CAAAK,mBAAA;AAAA,IACVC,YAAY,GAAAN,MAAA,CAAAO,SAAA,CAAAC,cAAA;AAAA,IACZC,QAAM,GAAAA,CAAAC,MAAA,EAAAC,GAAA;IACN,SAAAC,IAAU,IAAAD,GAAQ,EACnBZ,SAAA,CAAAW,MAAA,EAAAE,IAAA;MAAAC,GAAA,EAAAF,GAAA,CAAAC,IAAA;MAAAE,UAAA;IAAA","ignoreList":[]}
+{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable"],"sources":["../../src/StyledContext.tsx"],"sourcesContent":[null],"mappings":"AACA,YAAS;;AAEF,IAAAA,SAAM,GAAAC,MAAA,CAAAC,cAAsB;AAMhC,IACDC,gBAAQ,GAAAF,MAAA,CAAAG,wBAAA;AAAA,IACRC,iBAAU,GAAAJ,MAAA,CAAAK,mBAAA;AAAA,IACVC,YAAY,GAAAN,MAAA,CAAAO,SAAA,CAAAC,cAAA;AAAA,IACZC,QAAM,GAAAA,CAAAC,MAAA,EAAAC,GAAA;EACN,SAAAC,IAAU,IAAAD,GAAQ,EACnBZ,SAAA,CAAAW,MAAA,EAAAE,IAAA;IAAAC,GAAA,EAAAF,GAAA,CAAAC,IAAA;IAAAE,UAAA;EAAA","ignoreList":[]}

package/dist/jsx/Switch.mjs

@@ -2,73 +2,73 @@ import { getVariableValue, styled } from "@tamagui/core";
 import { getSize } from "@tamagui/get-token";
 import { YStack } from "@tamagui/stacks";
 const SwitchThumb = styled(YStack, {
-    name: "SwitchThumb",
-    variants: {
-      unstyled: {
-        false: {
-          size: "$true",
-          backgroundColor: "$background",
-          borderRadius: 1e3
-        }
-      },
-      size: {
-        "...size": val => {
-          const size = getSwitchHeight(val);
-          return {
-            height: size,
-            width: size
-          };
-        }
+  name: "SwitchThumb",
+  variants: {
+    unstyled: {
+      false: {
+        size: "$true",
+        backgroundColor: "$background",
+        borderRadius: 1e3
       }
     },
-    defaultVariants: {
-      unstyled: process.env.TAMAGUI_HEADLESS === "1"
-    }
-  }, {
-    accept: {
-      activeStyle: "style"
+    size: {
+      "...size": val => {
+        const size = getSwitchHeight(val);
+        return {
+          height: size,
+          width: size
+        };
+      }
     }
-  }),
-  getSwitchHeight = val => Math.round(getVariableValue(getSize(val)) * 0.65),
-  getSwitchWidth = val => getSwitchHeight(val) * 2,
-  SwitchFrame = styled(YStack, {
-    name: "Switch",
-    render: "button",
-    tabIndex: 0,
-    variants: {
-      unstyled: {
-        false: {
-          borderRadius: 1e3,
-          backgroundColor: "$background",
-          focusVisibleStyle: {
-            outlineColor: "$outlineColor",
-            outlineStyle: "solid",
-            outlineWidth: 2
-          }
-        }
-      },
-      size: {
-        "...size": (val, {
-          props
-        }) => {
-          if (props.unstyled) return;
-          const height = getSwitchHeight(val),
-            width = getSwitchWidth(val);
-          return {
-            height,
-            minHeight: height,
-            width
-          };
+  },
+  defaultVariants: {
+    unstyled: process.env.TAMAGUI_HEADLESS === "1"
+  }
+}, {
+  accept: {
+    activeStyle: "style"
+  }
+});
+const getSwitchHeight = val => Math.round(getVariableValue(getSize(val)) * 0.65);
+const getSwitchWidth = val => getSwitchHeight(val) * 2;
+const SwitchFrame = styled(YStack, {
+  name: "Switch",
+  render: "button",
+  tabIndex: 0,
+  variants: {
+    unstyled: {
+      false: {
+        borderRadius: 1e3,
+        backgroundColor: "$background",
+        focusVisibleStyle: {
+          outlineColor: "$outlineColor",
+          outlineStyle: "solid",
+          outlineWidth: 2
         }
       }
     },
-    defaultVariants: {
-      unstyled: process.env.TAMAGUI_HEADLESS === "1"
-    }
-  }, {
-    accept: {
-      activeStyle: "style"
+    size: {
+      "...size": (val, {
+        props
+      }) => {
+        if (props["unstyled"]) return;
+        const height = getSwitchHeight(val);
+        const width = getSwitchWidth(val);
+        return {
+          height,
+          minHeight: height,
+          width
+        };
+      }
     }
-  });
+  },
+  defaultVariants: {
+    unstyled: process.env.TAMAGUI_HEADLESS === "1"
+  }
+}, {
+  accept: {
+    activeStyle: "style"
+  }
+});
 export { SwitchFrame, SwitchThumb };
 //# sourceMappingURL=Switch.mjs.map

package/dist/jsx/Switch.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["getVariableValue","styled","getSize","YStack","SwitchThumb","name","variants","unstyled","false","size","backgroundColor","borderRadius","val","getSwitchHeight","height","width","defaultVariants","process","env","TAMAGUI_HEADLESS","accept","activeStyle","Math","round","getSwitchWidth","SwitchFrame","render","tabIndex","focusVisibleStyle","outlineColor","outlineStyle","outlineWidth","...size","props","minHeight"],"sources":["../../src/Switch.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,gBAAA,EAAkBC,MAAA,QAAc;AACzC,SAASC,OAAA,QAAe;AACxB,SAASC,MAAA,QAAc;AAEhB,MAAMC,WAAA,GAAcH,MAAA,CACzBE,MAAA,EACA;IACEE,IAAA,EAAM;IAENC,QAAA,EAAU;MACRC,QAAA,EAAU;QACRC,KAAA,EAAO;UACLC,IAAA,EAAM;UACNC,eAAA,EAAiB;UACjBC,YAAA,EAAc;QAChB;MACF;MAEAF,IAAA,EAAM;QACJ,WAAYG,GAAA,IAAQ;UAClB,MAAMH,IAAA,GAAOI,eAAA,CAAgBD,GAAG;UAChC,OAAO;YACLE,MAAA,EAAQL,IAAA;YACRM,KAAA,EAAON;UACT;QACF;MACF;IACF;IAEAO,eAAA,EAAiB;MACfT,QAAA,EAAUU,OAAA,CAAQC,GAAA,CAAIC,gBAAA,KAAqB;IAC7C;EACF,GACA;IACEC,MAAA,EAAQ;MACNC,WAAA,EAAa;IACf;EACF,CACF;EAEMR,eAAA,GAAmBD,GAAA,IACvBU,IAAA,CAAKC,KAAA,CAAMvB,gBAAA,CAAiBE,OAAA,CAAQU,GAAG,CAAC,IAAI,IAAI;EAE5CY,cAAA,GAAkBZ,GAAA,IAAoBC,eAAA,CAAgBD,GAAG,IAAI;EAEtDa,WAAA,GAAcxB,MAAA,CACzBE,MAAA,EACA;IACEE,IAAA,EAAM;IACNqB,MAAA,EAAQ;IACRC,QAAA,EAAU;IAEVrB,QAAA,EAAU;MACRC,QAAA,EAAU;QACRC,KAAA,EAAO;UACLG,YAAA,EAAc;UACdD,eAAA,EAAiB;UAEjBkB,iBAAA,EAAmB;YACjBC,YAAA,EAAc;YACdC,YAAA,EAAc;YACdC,YAAA,EAAc;UAChB;QACF;MACF;MAEAtB,IAAA,EAAM;QACJ,WAAWuB,CAACpB,GAAA,EAAK;UAAEqB;QAAM,MAAM;UAC7B,IAAIA,KAAA,CAAM1B,QAAA,EAAa;UACvB,MAAMO,MAAA,GAASD,eAAA,CAAgBD,GAAG;YAC5BG,KAAA,GAAQS,cAAA,CAAeZ,GAAG;UAChC,OAAO;YACLE,MAAA;YACAoB,SAAA,EAAWpB,MAAA;YACXC;UACF;QACF;MACF;IACF;IAEAC,eAAA,EAAiB;MACfT,QAAA,EAAUU,OAAA,CAAQC,GAAA,CAAIC,gBAAA,KAAqB;IAC7C;EACF,GACA;IACEC,MAAA,EAAQ;MACNC,WAAA,EAAa;IACf;EACF,CACF","ignoreList":[]}
+{"version":3,"names":["getVariableValue","styled","getSize","YStack","SwitchThumb","name","variants","unstyled","false","size","backgroundColor","borderRadius","val","getSwitchHeight","height","width","defaultVariants","process","env","TAMAGUI_HEADLESS","accept","activeStyle","Math","round","getSwitchWidth","SwitchFrame","render","tabIndex","focusVisibleStyle","outlineColor","outlineStyle","outlineWidth","...size","props","minHeight"],"sources":["../../src/Switch.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,gBAAA,EAAkBC,MAAA,QAAc;AACzC,SAASC,OAAA,QAAe;AACxB,SAASC,MAAA,QAAc;AAEhB,MAAMC,WAAA,GAAcH,MAAA,CACzBE,MAAA,EACA;EACEE,IAAA,EAAM;EAENC,QAAA,EAAU;IACRC,QAAA,EAAU;MACRC,KAAA,EAAO;QACLC,IAAA,EAAM;QACNC,eAAA,EAAiB;QACjBC,YAAA,EAAc;MAChB;IACF;IAEAF,IAAA,EAAM;MACJ,WAAYG,GAAA,IAAQ;QAClB,MAAMH,IAAA,GAAOI,eAAA,CAAgBD,GAAG;QAChC,OAAO;UACLE,MAAA,EAAQL,IAAA;UACRM,KAAA,EAAON;QACT;MACF;IACF;EACF;EAEAO,eAAA,EAAiB;IACfT,QAAA,EAAUU,OAAA,CAAQC,GAAA,CAAIC,gBAAA,KAAqB;EAC7C;AACF,GACA;EACEC,MAAA,EAAQ;IACNC,WAAA,EAAa;EACf;AACF,CACF;AAEA,MAAMR,eAAA,GAAmBD,GAAA,IACvBU,IAAA,CAAKC,KAAA,CAAMvB,gBAAA,CAAiBE,OAAA,CAAQU,GAAG,CAAC,IAAI,IAAI;AAElD,MAAMY,cAAA,GAAkBZ,GAAA,IAAoBC,eAAA,CAAgBD,GAAG,IAAI;AAE5D,MAAMa,WAAA,GAAcxB,MAAA,CACzBE,MAAA,EACA;EACEE,IAAA,EAAM;EACNqB,MAAA,EAAQ;EACRC,QAAA,EAAU;EAEVrB,QAAA,EAAU;IACRC,QAAA,EAAU;MACRC,KAAA,EAAO;QACLG,YAAA,EAAc;QACdD,eAAA,EAAiB;QAEjBkB,iBAAA,EAAmB;UACjBC,YAAA,EAAc;UACdC,YAAA,EAAc;UACdC,YAAA,EAAc;QAChB;MACF;IACF;IAEAtB,IAAA,EAAM;MACJ,WAAWuB,CAACpB,GAAA,EAAK;QAAEqB;MAAM,MAAM;QAC7B,IAAIA,KAAA,CAAM,UAAU,GAAG;QACvB,MAAMnB,MAAA,GAASD,eAAA,CAAgBD,GAAG;QAClC,MAAMG,KAAA,GAAQS,cAAA,CAAeZ,GAAG;QAChC,OAAO;UACLE,MAAA;UACAoB,SAAA,EAAWpB,MAAA;UACXC;QACF;MACF;IACF;EACF;EAEAC,eAAA,EAAiB;IACfT,QAAA,EAAUU,OAAA,CAAQC,GAAA,CAAIC,gBAAA,KAAqB;EAC7C;AACF,GACA;EACEC,MAAA,EAAQ;IACNC,WAAA,EAAa;EACf;AACF,CACF","ignoreList":[]}

package/dist/jsx/Switch.native.js

@@ -5,20 +5,22 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
-    for (var name in all) __defProp(target, name, {
-      get: all[name],
-      enumerable: !0
-    });
-  },
-  __copyProps = (to, from, except, desc) => {
-    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+  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;
-  };
+  }
+  return to;
+};
 var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: !0
+  value: true
 }), mod);
 var Switch_exports = {};
 __export(Switch_exports, {
@@ -26,82 +28,81 @@ __export(Switch_exports, {
   SwitchThumb: () => SwitchThumb
 });
 module.exports = __toCommonJS(Switch_exports);
-var import_core = require("@tamagui/core"),
-  import_get_token = require("@tamagui/get-token"),
-  import_stacks = require("@tamagui/stacks"),
-  SwitchThumb = (0, import_core.styled)(import_stacks.YStack, {
-    name: "SwitchThumb",
-    variants: {
-      unstyled: {
-        false: {
-          size: "$true",
-          backgroundColor: "$background",
-          borderRadius: 1e3
-        }
-      },
-      size: {
-        "...size": function (val) {
-          var size = getSwitchHeight(val);
-          return {
-            height: size,
-            width: size
-          };
-        }
+var import_core = require("@tamagui/core");
+var import_get_token = require("@tamagui/get-token");
+var import_stacks = require("@tamagui/stacks");
+var SwitchThumb = (0, import_core.styled)(import_stacks.YStack, {
+  name: "SwitchThumb",
+  variants: {
+    unstyled: {
+      false: {
+        size: "$true",
+        backgroundColor: "$background",
+        borderRadius: 1e3
       }
     },
-    defaultVariants: {
-      unstyled: process.env.TAMAGUI_HEADLESS === "1"
-    }
-  }, {
-    accept: {
-      activeStyle: "style"
+    size: {
+      "...size": function (val) {
+        var size = getSwitchHeight(val);
+        return {
+          height: size,
+          width: size
+        };
+      }
     }
-  }),
-  getSwitchHeight = function (val) {
-    return Math.round((0, import_core.getVariableValue)((0, import_get_token.getSize)(val)) * 0.65);
-  },
-  getSwitchWidth = function (val) {
-    return getSwitchHeight(val) * 2;
   },
-  SwitchFrame = (0, import_core.styled)(import_stacks.YStack, {
-    name: "Switch",
-    render: "button",
-    tabIndex: 0,
-    variants: {
-      unstyled: {
-        false: {
-          borderRadius: 1e3,
-          backgroundColor: "$background",
-          focusVisibleStyle: {
-            outlineColor: "$outlineColor",
-            outlineStyle: "solid",
-            outlineWidth: 2
-          }
-        }
-      },
-      size: {
-        "...size": function (val, param) {
-          var {
-            props
-          } = param;
-          if (!props.unstyled) {
-            var height = getSwitchHeight(val),
-              width = getSwitchWidth(val);
-            return {
-              height,
-              minHeight: height,
-              width
-            };
-          }
+  defaultVariants: {
+    unstyled: process.env.TAMAGUI_HEADLESS === "1"
+  }
+}, {
+  accept: {
+    activeStyle: "style"
+  }
+});
+var getSwitchHeight = function (val) {
+  return Math.round((0, import_core.getVariableValue)((0, import_get_token.getSize)(val)) * 0.65);
+};
+var getSwitchWidth = function (val) {
+  return getSwitchHeight(val) * 2;
+};
+var SwitchFrame = (0, import_core.styled)(import_stacks.YStack, {
+  name: "Switch",
+  render: "button",
+  tabIndex: 0,
+  variants: {
+    unstyled: {
+      false: {
+        borderRadius: 1e3,
+        backgroundColor: "$background",
+        focusVisibleStyle: {
+          outlineColor: "$outlineColor",
+          outlineStyle: "solid",
+          outlineWidth: 2
         }
       }
     },
-    defaultVariants: {
-      unstyled: process.env.TAMAGUI_HEADLESS === "1"
-    }
-  }, {
-    accept: {
-      activeStyle: "style"
+    size: {
+      "...size": function (val, param) {
+        var {
+          props
+        } = param;
+        if (props["unstyled"]) return;
+        var height = getSwitchHeight(val);
+        var width = getSwitchWidth(val);
+        return {
+          height,
+          minHeight: height,
+          width
+        };
+      }
     }
-  });
+  },
+  defaultVariants: {
+    unstyled: process.env.TAMAGUI_HEADLESS === "1"
+  }
+}, {
+  accept: {
+    activeStyle: "style"
+  }
+});
 //# sourceMappingURL=Switch.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","Switch_exports","SwitchFrame","SwitchThumb","module","exports","import_core","require","import_get_token","import_stacks","styled","YStack","variants","unstyled","false","size","backgroundColor","borderRadius","...size","val","getSwitchHeight","height","width","defaultVariants","process","env","TAMAGUI_HEADLESS","accept","activeStyle","Math","round","getVariableValue","getSize","getSwitchWidth","render","tabIndex","focusVisibleStyle","outlineColor","outlineStyle","outlineWidth","param","props"],"sources":["../../src/Switch.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","Switch_exports","SwitchFrame","SwitchThumb","module","exports","import_core","require","import_get_token","import_stacks","styled","YStack","variants","unstyled","false","size","backgroundColor","borderRadius","...size","val","getSwitchHeight","height","width","defaultVariants","process","env","TAMAGUI_HEADLESS","accept","activeStyle","Math","round","getVariableValue","getSize","getSwitchWidth","render","tabIndex","focusVisibleStyle","outlineColor","outlineStyle","outlineWidth"],"sources":["../../src/Switch.tsx"],"sourcesContent":[null],"mappings":"AACA,YAAS;;AACT,IAAAA,SAAS,GAAAC,MAAA,CAAAC,cAAe;AACxB,IAAAC,gBAAS,GAAcF,MAAA,CAAAG,wBAAA;AAEhB,IAAAC,iBAAoB,GAAAJ,MAAA,CAAAK,mBAAA;AAAA,IACzBC,YAAA,GAAAN,MAAA,CAAAO,SAAA,CAAAC,cAAA;AAAA,IACAC,QAAA,GAAAA,CAAAC,MAAA,EAAAC,GAAA;EAAA,KACE,IAAMC,IAAA,IAAAD,GAAA,EAENZ,SAAA,CAAUW,MAAA,EAAAE,IAAA;IAAAC,GAAA,EAAAF,GAAA,CAAAC,IAAA;IAAAE,UAAA;EAAA;AAAA;AACE,IAAAC,WACD,GAAAA,CAAAC,EAAA,EAAAC,IAAA,EAAAC,MAAA,EAAAC,IAAA;EAAA,IAAAF,IACL,WAAMA,IAAA,wBAAAA,IAAA;IAAA,SACNG,GAAA,IAAAhB,iBAAiB,CAAAa,IAAA,OACjB,CAAAX,YAAA,CAAce,IAAA,CAAAL,EAAA,EAAAI,GAAA,KAAAA,GAAA,KAAAF,MAAA,EAChBnB,SAAA,CAAAiB,EAAA,EAAAI,GAAA;MAAAP,GAAA,EAAAA,CAAA,KAAAI,IAAA,CAAAG,GAAA;MAAAN,UAAA,IAAAK,IAAA,GAAAjB,gBAAA,CAAAe,IAAA,EAAAG,GAAA,MAAAD,IAAA,CAAAL;IAAA;EAAA;EACF,OAEAE,EAAA;AAAM;AAEF,IAAAM,YAAM,GAAAC,GAAO,IAAAR,WAAgB,CAAAhB,SAAG;EAAAyB,KAAA;AAAA,IAAAD,GAAA;AAChC,IAAAE,cAAO;AAAAhB,QAAA,CAAAgB,cACG;EAAAC,WACR,EAAAA,CAAA,KAAOA,WAAA;EAAAC,WACT,EAAAA,CAAA,KAAAA;AAAA;AACFC,MACF,CAAAC,OAAA,GAAAP,YAAA,CAAAG,cAAA;AAAA,IACFK,WAAA,GAAAC,OAAA;AAAA,IAEAC,gBAAA,GAAiBD,OAAA;AAAA,IAAAE,aACL,GAAAF,OAAQ,CAAI;AAAqB,IAC7CJ,WAAA,OAAAG,WAAA,CAAAI,MAAA,EAAAD,aAAA,CAAAE,MAAA;EACFvB,IAAA;EACAwB,QAAA;IACEC,QAAQ;MACNC,KAAA;QACFC,IAAA;QACFC,eAAA;QACFC,YAAA;MAEM;IAGN;IAEOF,IAAM;MACX,oBAAAG,CAAAC,GAAA;QACA,IAAAJ,IAAA,GAAAK,eAAA,CAAAD,GAAA;QACE,OAAM;UACNE,MAAQ,EAAAN,IAAA;UACRO,KAAU,EAAAP;QAEV;MACE;IAAU;EACD;EACSQ,eACd;IAAiBV,QAEjB,EAAAW,OAAA,CAAAC,GAAA,CAAAC,gBAAmB;EAAA;AACH;EACAC,MAAA;IACAC,WAChB;EAAA;AACF;AACF,IAAAR,eAEM,YAAAA,CAAAD,GAAA;EAAA,OACJU,IAAA,CAAAC,KAAW,CAAC,IAAAxB,WAAa,CAAAyB,gBAAM,MAAAvB,gBAAA,CAAAwB,OAAA,EAAAb,GAAA;AAC7B;AACA,IAAAc,cAAM,YAAAA,CAASd,GAAA;EACf,OAAAC,eAAc,CAAAD,GAAA;AACd;AAAO,IAAAjB,WACL,OAAAI,WAAA,CAAAI,MAAA,EAAAD,aAAA,CAAAE,MAAA;EAAAvB,IAAA,UACA;EAAW8C,MAAA,UACX;EAAAC,QACF;EAAAvB,QACF;IAAAC,QACF;MACFC,KAAA;QAEAG,YAAA,EAAiB;QACfD,eAAU,EAAQ,aAAI;QACxBoB,iBAAA;UACFC,YAAA;UACAC,YAAA;UACEC,YAAQ;QACN;MACF;IACF;IACFxB,IAAA","ignoreList":[]}