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

package/dist/jsx/createSwitch.mjs

@@ -11,127 +11,137 @@ function createSwitch(createProps) {
     Frame = DefaultSwitchFrame,
     Thumb = SwitchThumb
   } = createProps;
-  process.env.NODE_ENV === "development" && (Frame !== DefaultSwitchFrame && Frame.staticConfig.context && Frame.staticConfig.context !== SwitchStyledContext || Thumb !== SwitchThumb && Thumb.staticConfig.context && Thumb.staticConfig.context !== SwitchStyledContext) && console.warn("Warning: createSwitch() needs to control context to pass checked state from Frame to Thumb, any custom context passed will be overridden."), Frame.staticConfig.context = SwitchStyledContext, Thumb.staticConfig.context = SwitchStyledContext;
-  const SwitchThumbComponent = Thumb.styleable(function (props, forwardedRef) {
-      const {
-          size: sizeProp,
-          unstyled: unstyledProp,
-          activeStyle,
-          ...thumbProps
-        } = props,
-        styledContext = SwitchStyledContext.useStyledContext(),
-        {
-          unstyled: unstyledContext,
-          size: sizeContext,
-          active,
-          disabled,
-          frameWidth = 0
-        } = styledContext,
-        unstyled = process.env.TAMAGUI_HEADLESS === "1" ? !0 : unstyledProp ?? unstyledContext ?? !1,
-        size = sizeProp ?? sizeContext ?? "$true",
-        initialChecked = React.useRef(active).current,
-        initialWidth = getVariableValue(props.width || size, "size"),
-        [thumbWidth, setThumbWidth] = React.useState(typeof initialWidth == "number" ? initialWidth : 0),
-        distance = frameWidth - thumbWidth,
-        x = initialChecked ? active ? 0 : -distance : active ? distance : 0;
-      return /* @__PURE__ */jsx(Thumb, {
-        ref: forwardedRef,
+  if (process.env.NODE_ENV === "development") {
+    if (Frame !== DefaultSwitchFrame && Frame.staticConfig.context && Frame.staticConfig.context !== SwitchStyledContext || Thumb !== SwitchThumb && Thumb.staticConfig.context && Thumb.staticConfig.context !== SwitchStyledContext) {
+      console.warn(`Warning: createSwitch() needs to control context to pass checked state from Frame to Thumb, any custom context passed will be overridden.`);
+    }
+  }
+  Frame.staticConfig.context = SwitchStyledContext;
+  Thumb.staticConfig.context = SwitchStyledContext;
+  const SwitchThumbComponent = Thumb.styleable(function SwitchThumb2(props, forwardedRef) {
+    const {
+      size: sizeProp,
+      unstyled: unstyledProp,
+      activeStyle,
+      ...thumbProps
+    } = props;
+    const styledContext = SwitchStyledContext.useStyledContext();
+    const {
+      unstyled: unstyledContext,
+      size: sizeContext,
+      active,
+      disabled,
+      frameWidth = 0
+    } = styledContext;
+    const unstyled = process.env.TAMAGUI_HEADLESS === "1" ? true : unstyledProp ?? unstyledContext ?? false;
+    const size = sizeProp ?? sizeContext ?? "$true";
+    const initialChecked = React.useRef(active).current;
+    const initialWidth = getVariableValue(props.width || size, "size");
+    const [thumbWidth, setThumbWidth] = React.useState(typeof initialWidth === "number" ? initialWidth : 0);
+    const distance = frameWidth - thumbWidth;
+    const x = initialChecked ? active ? 0 : -distance : active ? distance : 0;
+    return /* @__PURE__ */jsx(Thumb, {
+      ref: forwardedRef,
+      unstyled,
+      ...(unstyled === false && {
+        size
+      }),
+      alignSelf: initialChecked ? "flex-end" : "flex-start",
+      x,
+      onLayout: composeEventHandlers(props.onLayout, e => {
+        const next = e.nativeEvent.layout.width;
+        setThumbWidth(next);
+      }),
+      disabled,
+      ...thumbProps,
+      ...(active && activeStyle)
+    });
+  });
+  const SwitchComponent = Frame.styleable(function SwitchFrame(_props, forwardedRef) {
+    const {
+      native,
+      nativeProps,
+      checked: checkedProp,
+      defaultChecked,
+      onCheckedChange,
+      activeStyle,
+      unstyled: unstyledProp,
+      activeTheme: activeThemeProp,
+      ...props
+    } = _props;
+    const [checked, setChecked] = useControllableState({
+      prop: checkedProp,
+      defaultProp: defaultChecked || false,
+      onChange: onCheckedChange,
+      transition: true
+    });
+    const styledContext = React.useContext(SwitchStyledContext.context);
+    const [frameWidth, setFrameInnerWidth] = React.useState(0);
+    const {
+      switchProps,
+      bubbleInput,
+      switchRef
+    } = useSwitch(props, [checked, setChecked],
+    // @ts-ignore TODO tamagui react 19 type error
+    forwardedRef);
+    const nativeSwitch = useSwitchNative({
+      id: props.id,
+      disabled: props.disabled,
+      native,
+      nativeProps,
+      checked,
+      setChecked
+    });
+    if (nativeSwitch) {
+      return nativeSwitch;
+    }
+    const disabled = props.disabled;
+    const handleLayout = e => {
+      const next = e.nativeEvent.layout.width;
+      if (next !== frameWidth) {
+        setFrameInnerWidth(next);
+      }
+    };
+    const unstyled = styledContext.unstyled ?? unstyledProp ?? false;
+    return /* @__PURE__ */jsxs(Fragment, {
+      children: [/* @__PURE__ */jsx(SwitchStyledContext.Provider, {
+        size: styledContext.size ?? props.size ?? "$true",
         unstyled,
-        ...(unstyled === !1 && {
-          size
-        }),
-        alignSelf: initialChecked ? "flex-end" : "flex-start",
-        x,
-        onLayout: composeEventHandlers(props.onLayout, e => {
-          const next = e.nativeEvent.layout.width;
-          setThumbWidth(next);
-        }),
+        active: checked,
         disabled,
-        ...thumbProps,
-        ...(active && activeStyle)
-      });
-    }),
-    SwitchComponent = Frame.styleable(function (_props, forwardedRef) {
-      const {
-          native,
-          nativeProps,
-          checked: checkedProp,
-          defaultChecked,
-          onCheckedChange,
-          activeStyle,
-          unstyled: unstyledProp,
-          activeTheme: activeThemeProp,
-          ...props
-        } = _props,
-        [checked, setChecked] = useControllableState({
-          prop: checkedProp,
-          defaultProp: defaultChecked || !1,
-          onChange: onCheckedChange,
-          transition: !0
-        }),
-        styledContext = React.useContext(SwitchStyledContext.context),
-        [frameWidth, setFrameInnerWidth] = React.useState(0),
-        {
-          switchProps,
-          bubbleInput,
-          switchRef
-        } = useSwitch(props, [checked, setChecked],
-        // @ts-ignore TODO tamagui react 19 type error
-        forwardedRef),
-        nativeSwitch = useSwitchNative({
-          id: props.id,
-          disabled: props.disabled,
-          native,
-          nativeProps,
-          checked,
-          setChecked
-        });
-      if (nativeSwitch) return nativeSwitch;
-      const disabled = props.disabled,
-        handleLayout = e => {
-          const next = e.nativeEvent.layout.width;
-          next !== frameWidth && setFrameInnerWidth(next);
-        },
-        unstyled = styledContext.unstyled ?? unstyledProp ?? !1;
-      return /* @__PURE__ */jsxs(Fragment, {
-        children: [/* @__PURE__ */jsx(SwitchStyledContext.Provider, {
-          size: styledContext.size ?? props.size ?? "$true",
+        frameWidth,
+        children: /* @__PURE__ */jsx(Frame, {
+          ref: switchRef,
+          render: "button",
+          theme: activeThemeProp ?? null,
+          ...(isWeb && {
+            type: "button"
+          }),
+          ...(!unstyled && {
+            size: styledContext.size ?? props.size ?? "$true"
+          }),
           unstyled,
-          active: checked,
+          ...props,
+          ...switchProps,
           disabled,
-          frameWidth,
-          children: /* @__PURE__ */jsx(Frame, {
-            ref: switchRef,
-            render: "button",
-            theme: activeThemeProp ?? null,
-            ...(isWeb && {
-              type: "button"
-            }),
-            ...(!unstyled && {
-              size: styledContext.size ?? props.size ?? "$true"
+          ...(checked && {
+            ...(!unstyled && !activeStyle && {
+              backgroundColor: "$backgroundActive"
             }),
-            unstyled,
-            ...props,
-            ...switchProps,
-            disabled,
-            ...(checked && {
-              ...(!unstyled && !activeStyle && {
-                backgroundColor: "$backgroundActive"
-              }),
-              ...activeStyle
-            }),
-            children: /* @__PURE__ */jsx(View, {
-              alignSelf: "stretch",
-              flex: 1,
-              onLayout: handleLayout,
-              children: props.children
-            })
+            ...activeStyle
+          }),
+          children: /* @__PURE__ */jsx(View, {
+            alignSelf: "stretch",
+            flex: 1,
+            onLayout: handleLayout,
+            children: props.children
           })
-        }), bubbleInput]
-      });
-    }, {
-      disableTheme: !0
+        })
+      }), bubbleInput]
     });
+  }, {
+    disableTheme: true
+  });
   return withStaticProperties(SwitchComponent, {
     Thumb: SwitchThumbComponent
   });

package/dist/jsx/createSwitch.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["composeEventHandlers","getVariableValue","isWeb","View","withStaticProperties","useSwitch","useControllableState","React","SwitchStyledContext","SwitchFrame","DefaultSwitchFrame","SwitchThumb","useSwitchNative","Fragment","jsx","jsxs","createSwitch","createProps","Frame","Thumb","process","env","NODE_ENV","staticConfig","context","console","warn","SwitchThumbComponent","styleable","props","forwardedRef","size","sizeProp","unstyled","unstyledProp","activeStyle","thumbProps","styledContext","useStyledContext","unstyledContext","sizeContext","active","disabled","frameWidth","TAMAGUI_HEADLESS","initialChecked","useRef","current","initialWidth","width","thumbWidth","setThumbWidth","useState","distance","x","ref","alignSelf","onLayout","e","next","nativeEvent","layout","SwitchComponent","_props","native","nativeProps","checked","checkedProp","defaultChecked","onCheckedChange","activeTheme","activeThemeProp","setChecked","prop","defaultProp","onChange","transition","useContext","setFrameInnerWidth","switchProps","bubbleInput","switchRef","nativeSwitch","id","handleLayout","children","Provider","render","theme","type","backgroundColor","flex","disableTheme"],"sources":["../../src/createSwitch.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["composeEventHandlers","getVariableValue","isWeb","View","withStaticProperties","useSwitch","useControllableState","React","SwitchStyledContext","SwitchFrame","DefaultSwitchFrame","SwitchThumb","useSwitchNative","Fragment","jsx","jsxs","createSwitch","createProps","Frame","Thumb","process","env","NODE_ENV","staticConfig","context","console","warn","SwitchThumbComponent","styleable","SwitchThumb2","props","forwardedRef","size","sizeProp","unstyled","unstyledProp","activeStyle","thumbProps","styledContext","useStyledContext","unstyledContext","sizeContext","active","disabled","frameWidth","TAMAGUI_HEADLESS","initialChecked","useRef","current","initialWidth","width","thumbWidth","setThumbWidth","useState","distance","x","ref","alignSelf","onLayout","e","next","nativeEvent","layout","SwitchComponent","_props","native","nativeProps","checked","checkedProp","defaultChecked","onCheckedChange","activeTheme","activeThemeProp","setChecked","prop","defaultProp","onChange","transition","useContext","setFrameInnerWidth","switchProps","bubbleInput","switchRef","nativeSwitch","id","handleLayout","children","Provider","render","theme","type","backgroundColor","flex","disableTheme"],"sources":["../../src/createSwitch.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/jsx/createSwitch.native.js

@@ -4,181 +4,189 @@ 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 __getProtoOf = Object.getPrototypeOf;
+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 __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);
+// 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
+}) : target, mod));
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
 var createSwitch_exports = {};
 __export(createSwitch_exports, {
   createSwitch: () => createSwitch
 });
 module.exports = __toCommonJS(createSwitch_exports);
-var import_jsx_runtime = require("react/jsx-runtime"),
-  import_core = require("@tamagui/core"),
-  import_switch_headless = require("@tamagui/switch-headless"),
-  import_use_controllable_state = require("@tamagui/use-controllable-state"),
-  React = __toESM(require("react"), 1),
-  import_StyledContext = require("./StyledContext.native.js"),
-  import_Switch = require("./Switch.native.js"),
-  import_useSwitchNative = require("./useSwitchNative.native.js");
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_core = require("@tamagui/core");
+var import_switch_headless = require("@tamagui/switch-headless");
+var import_use_controllable_state = require("@tamagui/use-controllable-state");
+var React = __toESM(require("react"), 1);
+var import_StyledContext = require("./StyledContext.native.js");
+var import_Switch = require("./Switch.native.js");
+var import_useSwitchNative = require("./useSwitchNative.native.js");
 function createSwitch(createProps) {
   var {
     Frame = import_Switch.SwitchFrame,
     Thumb = import_Switch.SwitchThumb
   } = createProps;
-  process.env.NODE_ENV === "development" && (Frame !== import_Switch.SwitchFrame && Frame.staticConfig.context && Frame.staticConfig.context !== import_StyledContext.SwitchStyledContext || Thumb !== import_Switch.SwitchThumb && Thumb.staticConfig.context && Thumb.staticConfig.context !== import_StyledContext.SwitchStyledContext) && console.warn("Warning: createSwitch() needs to control context to pass checked state from Frame to Thumb, any custom context passed will be overridden."), Frame.staticConfig.context = import_StyledContext.SwitchStyledContext, Thumb.staticConfig.context = import_StyledContext.SwitchStyledContext;
-  var SwitchThumbComponent = Thumb.styleable(function (props, forwardedRef) {
-      var {
-          size: sizeProp,
-          unstyled: unstyledProp,
-          activeStyle,
-          ...thumbProps
-        } = props,
-        styledContext = import_StyledContext.SwitchStyledContext.useStyledContext(),
-        {
-          unstyled: unstyledContext,
-          size: sizeContext,
-          active,
-          disabled,
-          frameWidth = 0
-        } = styledContext,
-        _ref,
-        unstyled = process.env.TAMAGUI_HEADLESS === "1" ? !0 : (_ref = unstyledProp ?? unstyledContext) !== null && _ref !== void 0 ? _ref : !1,
-        _ref1,
-        size = (_ref1 = sizeProp ?? sizeContext) !== null && _ref1 !== void 0 ? _ref1 : "$true",
-        initialChecked = React.useRef(active).current,
-        initialWidth = (0, import_core.getVariableValue)(props.width || size, "size"),
-        [thumbWidth, setThumbWidth] = React.useState(typeof initialWidth == "number" ? initialWidth : 0),
-        distance = frameWidth - thumbWidth,
-        x = initialChecked ? active ? 0 : -distance : active ? distance : 0;
-      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(Thumb, {
-        ref: forwardedRef,
+  if (process.env.NODE_ENV === "development") {
+    if (Frame !== import_Switch.SwitchFrame && Frame.staticConfig.context && Frame.staticConfig.context !== import_StyledContext.SwitchStyledContext || Thumb !== import_Switch.SwitchThumb && Thumb.staticConfig.context && Thumb.staticConfig.context !== import_StyledContext.SwitchStyledContext) {
+      console.warn(`Warning: createSwitch() needs to control context to pass checked state from Frame to Thumb, any custom context passed will be overridden.`);
+    }
+  }
+  Frame.staticConfig.context = import_StyledContext.SwitchStyledContext;
+  Thumb.staticConfig.context = import_StyledContext.SwitchStyledContext;
+  var SwitchThumbComponent = Thumb.styleable(function SwitchThumb2(props, forwardedRef) {
+    var {
+      size: sizeProp,
+      unstyled: unstyledProp,
+      activeStyle,
+      ...thumbProps
+    } = props;
+    var styledContext = import_StyledContext.SwitchStyledContext.useStyledContext();
+    var {
+      unstyled: unstyledContext,
+      size: sizeContext,
+      active,
+      disabled,
+      frameWidth = 0
+    } = styledContext;
+    var _ref;
+    var unstyled = process.env.TAMAGUI_HEADLESS === "1" ? true : (_ref = unstyledProp !== null && unstyledProp !== void 0 ? unstyledProp : unstyledContext) !== null && _ref !== void 0 ? _ref : false;
+    var _ref1;
+    var size = (_ref1 = sizeProp !== null && sizeProp !== void 0 ? sizeProp : sizeContext) !== null && _ref1 !== void 0 ? _ref1 : "$true";
+    var initialChecked = React.useRef(active).current;
+    var initialWidth = (0, import_core.getVariableValue)(props.width || size, "size");
+    var [thumbWidth, setThumbWidth] = React.useState(typeof initialWidth === "number" ? initialWidth : 0);
+    var distance = frameWidth - thumbWidth;
+    var x = initialChecked ? active ? 0 : -distance : active ? distance : 0;
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(Thumb, {
+      ref: forwardedRef,
+      unstyled,
+      ...(unstyled === false && {
+        size
+      }),
+      alignSelf: initialChecked ? "flex-end" : "flex-start",
+      x,
+      onLayout: (0, import_core.composeEventHandlers)(props.onLayout, function (e) {
+        var next = e.nativeEvent.layout.width;
+        setThumbWidth(next);
+      }),
+      disabled,
+      ...thumbProps,
+      ...(active && activeStyle)
+    });
+  });
+  var SwitchComponent = Frame.styleable(function SwitchFrame(_props, forwardedRef) {
+    var {
+      native,
+      nativeProps,
+      checked: checkedProp,
+      defaultChecked,
+      onCheckedChange,
+      activeStyle,
+      unstyled: unstyledProp,
+      activeTheme: activeThemeProp,
+      ...props
+    } = _props;
+    var [checked, setChecked] = (0, import_use_controllable_state.useControllableState)({
+      prop: checkedProp,
+      defaultProp: defaultChecked || false,
+      onChange: onCheckedChange,
+      transition: true
+    });
+    var styledContext = React.useContext(import_StyledContext.SwitchStyledContext.context);
+    var [frameWidth, setFrameInnerWidth] = React.useState(0);
+    var {
+      switchProps,
+      bubbleInput,
+      switchRef
+    } = (0, import_switch_headless.useSwitch)(props, [checked, setChecked],
+    // @ts-ignore TODO tamagui react 19 type error
+    forwardedRef);
+    var nativeSwitch = (0, import_useSwitchNative.useSwitchNative)({
+      id: props.id,
+      disabled: props.disabled,
+      native,
+      nativeProps,
+      checked,
+      setChecked
+    });
+    if (nativeSwitch) {
+      return nativeSwitch;
+    }
+    var disabled = props.disabled;
+    var handleLayout = function (e) {
+      var next = e.nativeEvent.layout.width;
+      if (next !== frameWidth) {
+        setFrameInnerWidth(next);
+      }
+    };
+    var _styledContext_unstyled, _ref;
+    var unstyled = (_ref = (_styledContext_unstyled = styledContext.unstyled) !== null && _styledContext_unstyled !== void 0 ? _styledContext_unstyled : unstyledProp) !== null && _ref !== void 0 ? _ref : false;
+    var _styledContext_size, _ref1, _styledContext_size1, _ref2;
+    return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_StyledContext.SwitchStyledContext.Provider, {
+        size: (_ref1 = (_styledContext_size = styledContext.size) !== null && _styledContext_size !== void 0 ? _styledContext_size : props.size) !== null && _ref1 !== void 0 ? _ref1 : "$true",
         unstyled,
-        ...(unstyled === !1 && {
-          size
-        }),
-        alignSelf: initialChecked ? "flex-end" : "flex-start",
-        x,
-        onLayout: (0, import_core.composeEventHandlers)(props.onLayout, function (e) {
-          var next = e.nativeEvent.layout.width;
-          setThumbWidth(next);
-        }),
+        active: checked,
         disabled,
-        ...thumbProps,
-        ...(active && activeStyle)
-      });
-    }),
-    SwitchComponent = Frame.styleable(function (_props, forwardedRef) {
-      var {
-          native,
-          nativeProps,
-          checked: checkedProp,
-          defaultChecked,
-          onCheckedChange,
-          activeStyle,
-          unstyled: unstyledProp,
-          activeTheme: activeThemeProp,
-          ...props
-        } = _props,
-        [checked, setChecked] = (0, import_use_controllable_state.useControllableState)({
-          prop: checkedProp,
-          defaultProp: defaultChecked || !1,
-          onChange: onCheckedChange,
-          transition: !0
-        }),
-        styledContext = React.useContext(import_StyledContext.SwitchStyledContext.context),
-        [frameWidth, setFrameInnerWidth] = React.useState(0),
-        {
-          switchProps,
-          bubbleInput,
-          switchRef
-        } = (0, import_switch_headless.useSwitch)(props, [checked, setChecked],
-        // @ts-ignore TODO tamagui react 19 type error
-        forwardedRef),
-        nativeSwitch = (0, import_useSwitchNative.useSwitchNative)({
-          id: props.id,
-          disabled: props.disabled,
-          native,
-          nativeProps,
-          checked,
-          setChecked
-        });
-      if (nativeSwitch) return nativeSwitch;
-      var disabled = props.disabled,
-        handleLayout = function (e) {
-          var next = e.nativeEvent.layout.width;
-          next !== frameWidth && setFrameInnerWidth(next);
-        },
-        _styledContext_unstyled,
-        _ref,
-        unstyled = (_ref = (_styledContext_unstyled = styledContext.unstyled) !== null && _styledContext_unstyled !== void 0 ? _styledContext_unstyled : unstyledProp) !== null && _ref !== void 0 ? _ref : !1,
-        _styledContext_size,
-        _ref1,
-        _styledContext_size1,
-        _ref2;
-      return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
-        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_StyledContext.SwitchStyledContext.Provider, {
-          size: (_ref1 = (_styledContext_size = styledContext.size) !== null && _styledContext_size !== void 0 ? _styledContext_size : props.size) !== null && _ref1 !== void 0 ? _ref1 : "$true",
+        frameWidth,
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(Frame, {
+          ref: switchRef,
+          render: "button",
+          // activeThemeProp should be a theme name string like "active", not a style object
+          theme: activeThemeProp !== null && activeThemeProp !== void 0 ? activeThemeProp : null,
+          ...(import_core.isWeb && {
+            type: "button"
+          }),
+          ...(!unstyled && {
+            size: (_ref2 = (_styledContext_size1 = styledContext.size) !== null && _styledContext_size1 !== void 0 ? _styledContext_size1 : props.size) !== null && _ref2 !== void 0 ? _ref2 : "$true"
+          }),
           unstyled,
-          active: checked,
+          ...props,
+          ...switchProps,
           disabled,
-          frameWidth,
-          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(Frame, {
-            ref: switchRef,
-            render: "button",
-            // activeThemeProp should be a theme name string like "active", not a style object
-            theme: activeThemeProp ?? null,
-            ...(import_core.isWeb && {
-              type: "button"
-            }),
-            ...(!unstyled && {
-              size: (_ref2 = (_styledContext_size1 = styledContext.size) !== null && _styledContext_size1 !== void 0 ? _styledContext_size1 : props.size) !== null && _ref2 !== void 0 ? _ref2 : "$true"
+          ...(checked && {
+            ...(!unstyled && !activeStyle && {
+              backgroundColor: "$backgroundActive"
             }),
-            unstyled,
-            ...props,
-            ...switchProps,
-            disabled,
-            ...(checked && {
-              ...(!unstyled && !activeStyle && {
-                backgroundColor: "$backgroundActive"
-              }),
-              ...activeStyle
-            }),
-            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_core.View, {
-              alignSelf: "stretch",
-              flex: 1,
-              onLayout: handleLayout,
-              children: props.children
-            })
+            ...activeStyle
+          }),
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_core.View, {
+            alignSelf: "stretch",
+            flex: 1,
+            onLayout: handleLayout,
+            children: props.children
           })
-        }), bubbleInput]
-      });
-    }, {
-      disableTheme: !0
+        })
+      }), bubbleInput]
     });
+  }, {
+    disableTheme: true
+  });
   return (0, import_core.withStaticProperties)(SwitchComponent, {
     Thumb: SwitchThumbComponent
   });