@tamagui/switch 2.7.7 → 3.0.0-beta.643.1

package/dist/esm/Switch.native.js

@@ -1,79 +1,129 @@
-import { getVariableValue, styled } from "@tamagui/core";
-import { getSize } from "@tamagui/get-token";
-import { YStack } from "@tamagui/stacks";
-var SwitchThumb = styled(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
-        };
-      }
-    }
-  },
-  defaultVariants: {
-    unstyled: process.env.TAMAGUI_HEADLESS === "1"
-  }
-}, {
-  accept: {
-    activeStyle: "style"
-  }
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Theme, View, composeEventHandlers, createStyledHOC, getVariableValue, isWeb, styled, withStaticProperties } from "@tamagui/core";
+import { useSwitch } from "@tamagui/switch-headless";
+import { useControllableState } from "@tamagui/use-controllable-state";
+import * as React from "react";
+import { SwitchStyledContext } from "./StyledContext.native.js";
+import { useSwitchNative } from "./useSwitchNative.native.js";
+
+var SwitchThumbFrame = styled(View, {
+	displayName: "SwitchThumb",
+	context: SwitchStyledContext
 });
-var getSwitchHeight = function (val) {
-  return Math.round(getVariableValue(getSize(val)) * 0.65);
-};
-var getSwitchWidth = function (val) {
-  return getSwitchHeight(val) * 2;
-};
-var 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": 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"
-  }
+var SwitchFrame = styled(View, {
+	displayName: "Switch",
+	context: SwitchStyledContext,
+	render: "button",
+	tabIndex: 0
 });
-export { SwitchFrame, SwitchThumb };
+function createSwitch(createProps) {
+	var _createProps_Frame;
+	var Frame = (_createProps_Frame = createProps.Frame) !== null && _createProps_Frame !== void 0 ? _createProps_Frame : SwitchFrame;
+	var _createProps_Thumb;
+	var Thumb = (_createProps_Thumb = createProps.Thumb) !== null && _createProps_Thumb !== void 0 ? _createProps_Thumb : SwitchThumbFrame;
+	Frame.staticConfig.context = SwitchStyledContext;
+	Thumb.staticConfig.context = SwitchStyledContext;
+	var SwitchThumbComponent = createStyledHOC(Thumb, function SwitchThumb2(props, forwardedRef) {
+		var _createProps_componentThemes;
+		var { size: sizeProp, activeStyle, theme, ...thumbProps } = props;
+		var styledContext = SwitchStyledContext.useStyledContext();
+		var { size: sizeContext, active, disabled, frameWidth = 0 } = styledContext;
+		var _ref;
+		var size = (_ref = sizeProp !== null && sizeProp !== void 0 ? sizeProp : sizeContext) !== null && _ref !== void 0 ? _ref : true;
+		var initialChecked = React.useRef(active).current;
+		var initialWidth = getVariableValue(props.width, "size");
+		var [thumbWidth, setThumbWidth] = React.useState(typeof initialWidth === "number" ? initialWidth : 0);
+		var distance = frameWidth - thumbWidth;
+		var x = initialChecked ? active ? 0 : -distance : active ? distance : 0;
+		var thumb = /* @__PURE__ */ jsx(Thumb, {
+			ref: forwardedRef,
+			size,
+			alignSelf: initialChecked ? "flex-end" : "flex-start",
+			x,
+			onLayout: composeEventHandlers(props.onLayout, function(event) {
+				setThumbWidth(event.nativeEvent.layout.width);
+			}),
+			disabled,
+			...thumbProps,
+			...active && activeStyle
+		});
+		var themeName = theme !== null && theme !== void 0 ? theme : (_createProps_componentThemes = createProps.componentThemes) === null || _createProps_componentThemes === void 0 ? void 0 : _createProps_componentThemes.thumb;
+		return themeName ? /* @__PURE__ */ jsx(Theme, {
+			name: themeName,
+			children: thumb
+		}) : thumb;
+	});
+	var SwitchComponent = createStyledHOC(Frame, function Switch2(_props, forwardedRef) {
+		var _createProps_componentThemes;
+		var { native, nativeProps, checked: checkedProp, defaultChecked, onCheckedChange, activeStyle, activeTheme, theme, ...props } = _props;
+		var [checked, setChecked] = useControllableState({
+			prop: checkedProp,
+			defaultProp: defaultChecked || false,
+			onChange: onCheckedChange,
+			transition: true
+		});
+		var styledContext = React.useContext(SwitchStyledContext.context);
+		var [frameWidth, setFrameInnerWidth] = React.useState(0);
+		var { switchProps, bubbleInput, switchRef } = useSwitch(props, [checked, setChecked], forwardedRef);
+		var nativeSwitch = useSwitchNative({
+			id: props.id,
+			disabled: props.disabled,
+			native,
+			nativeProps,
+			checked,
+			setChecked
+		});
+		if (nativeSwitch) {
+			return nativeSwitch;
+		}
+		var disabled = props.disabled;
+		var _styledContext_size, _ref;
+		var size = (_ref = (_styledContext_size = styledContext.size) !== null && _styledContext_size !== void 0 ? _styledContext_size : props.size) !== null && _ref !== void 0 ? _ref : true;
+		var handleLayout = function(event) {
+			var next = event.nativeEvent.layout.width;
+			if (next !== frameWidth) {
+				setFrameInnerWidth(next);
+			}
+		};
+		var frame = /* @__PURE__ */ jsx(Frame, {
+			ref: switchRef,
+			render: "button",
+			...isWeb && { type: "button" },
+			size,
+			...props,
+			...switchProps,
+			disabled,
+			...checked && activeStyle,
+			children: /* @__PURE__ */ jsx(View, {
+				alignSelf: "stretch",
+				flex: 1,
+				onLayout: handleLayout,
+				children: props.children
+			})
+		});
+		var _ref1, _ref2;
+		var frameTheme = (_ref2 = (_ref1 = checked ? activeTheme : void 0) !== null && _ref1 !== void 0 ? _ref1 : theme) !== null && _ref2 !== void 0 ? _ref2 : (_createProps_componentThemes = createProps.componentThemes) === null || _createProps_componentThemes === void 0 ? void 0 : _createProps_componentThemes.frame;
+		return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(SwitchStyledContext.Provider, {
+			size,
+			active: checked,
+			disabled,
+			frameWidth,
+			children: frameTheme ? /* @__PURE__ */ jsx(Theme, {
+				name: frameTheme,
+				children: frame
+			}) : frame
+		}), bubbleInput] });
+	}, { disableTheme: true });
+	return withStaticProperties(SwitchComponent, {
+		Frame,
+		Thumb: SwitchThumbComponent
+	});
+}
+var Switch = createSwitch({
+	Frame: SwitchFrame,
+	Thumb: SwitchThumbFrame
+});
+var SwitchThumb = Switch.Thumb;
+
+export { Switch, SwitchFrame, SwitchThumb, SwitchThumbFrame, createSwitch };
 //# sourceMappingURL=Switch.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["getVariableValue","styled","getSize","YStack","SwitchThumb","name","variants","unstyled","false","size","backgroundColor","borderRadius","...size","val","getSwitchHeight","height","width","defaultVariants","process","env","TAMAGUI_HEADLESS","accept","activeStyle","Math","round","getSwitchWidth","SwitchFrame","render","tabIndex","focusVisibleStyle","outlineColor","outlineStyle","outlineWidth","param","props","minHeight"],"sources":["../../src/Switch.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,gBAAA,EAAkBC,MAAA,QAAc;AACzC,SAASC,OAAA,QAAe;AACxB,SAASC,MAAA,QAAc;AAEhB,IAAAC,WAAM,GAAAH,MAAc,CAAAE,MAAA;EACzBE,IAAA;EACAC,QAAA;IACEC,QAAM;MAENC,KAAA;QACEC,IAAA,SAAU;QACRC,eAAO;QAAAC,YACC;MAAA;IACW;IACHF,IAChB;MACF,oBAAAG,CAAAC,GAAA;QAEA,IAAMJ,IAAA,GAAAK,eAAA,CAAAD,GAAA;QACJ;UACEE,MAAM,EAAAN,IAAA;UACNO,KAAA,EAAOP;QAAA;MACG;IACD;EACT;EACFQ,eACF;IACFV,QAAA,EAAAW,OAAA,CAAAC,GAAA,CAAAC,gBAAA;EAAA;AAEiB;EAC4BC,MAC7C;IACFC,WAAA;EACA;AAAA;AACU,IAAAR,eACO,YAAAA,CAAAD,GAAA;EAAA,OACfU,IAAA,CAAAC,KAAA,CAAAxB,gBAAA,CAAAE,OAAA,CAAAW,GAAA;AAAA;AAEJ,IAAAY,cAAA,YAAAA,CAAAZ,GAAA;EAEA,OAAMC,eAAkB,CAACD,GAAA,KACvB;AAEF;AAEO,IAAAa,WAAM,GAAAzB,MAAc,CAAAE,MAAA;EACzBE,IAAA;EACAsB,MAAA;EAAAC,QACQ;EAAAtB,QACN,EAAQ;IACRC,QAAA,EAAU;MAEVC,KAAA;QACEG,YAAU;QACRD,eAAO;QAAAmB,iBACS;UACdC,YAAA,iBAAiB;UAEjBC,YAAA,SAAmB;UAAAC,YACjB;QAAc;MACA;IACA;IAChBvB,IACF;MACF,oBAAAG,CAAAC,GAAA,EAAAoB,KAAA;QAEA,IAAM;UAAAC;QAAA,IAAAD,KAAA;QACJ,IAAAC,KAAA,WAAmB;QACjB,IAAAnB,MAAI,GAAMD,eAAa,CAAAD,GAAA;QACvB,IAAAG,KAAM,GAAAS,cAAS,CAAAZ,GAAA;QACf;UACAE,MAAA;UAAOoB,SACL,EAAApB,MAAA;UAAAC;QACW;MACX;IACF;EACF;EACFC,eACF;IAEAV,QAAA,EAAAW,OAAiB,CAAAC,GAAA,CAAAC,gBAAA;EAAA;AAC4B;EAE/CC,MAAA;IACAC,WAAA;EAAA;AACU;AACO,SAEjBI,WAAA,EACFtB,WAAA","ignoreList":[]}
+{"version":3,"file":"Switch.native.js","names":["_Fragment"],"sources":["esm/Switch.native.js"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport { composeEventHandlers, createStyledHOC, getVariableValue, isWeb, styled, Theme, View, withStaticProperties } from \"@tamagui/core\";\nimport { useSwitch } from \"@tamagui/switch-headless\";\nimport { useControllableState } from \"@tamagui/use-controllable-state\";\nimport * as React from \"react\";\nimport { SwitchStyledContext } from \"./StyledContext\";\nimport { useSwitchNative } from \"./useSwitchNative\";\nvar SwitchThumbFrame = styled(View, {\n  displayName: \"SwitchThumb\",\n  context: SwitchStyledContext\n});\nvar SwitchFrame = styled(View, {\n  displayName: \"Switch\",\n  context: SwitchStyledContext,\n  render: \"button\",\n  tabIndex: 0\n});\nfunction createSwitch(createProps) {\n  var _createProps_Frame;\n  var Frame = (_createProps_Frame = createProps.Frame) !== null && _createProps_Frame !== void 0 ? _createProps_Frame : SwitchFrame;\n  var _createProps_Thumb;\n  var Thumb = (_createProps_Thumb = createProps.Thumb) !== null && _createProps_Thumb !== void 0 ? _createProps_Thumb : SwitchThumbFrame;\n  Frame.staticConfig.context = SwitchStyledContext;\n  Thumb.staticConfig.context = SwitchStyledContext;\n  var SwitchThumbComponent = createStyledHOC(Thumb, function SwitchThumb2(props, forwardedRef) {\n    var _createProps_componentThemes;\n    var { size: sizeProp, activeStyle, theme, ...thumbProps } = props;\n    var styledContext = SwitchStyledContext.useStyledContext();\n    var { size: sizeContext, active, disabled, frameWidth = 0 } = styledContext;\n    var _ref;\n    var size = (_ref = sizeProp !== null && sizeProp !== void 0 ? sizeProp : sizeContext) !== null && _ref !== void 0 ? _ref : true;\n    var initialChecked = React.useRef(active).current;\n    var initialWidth = getVariableValue(props.width, \"size\");\n    var [thumbWidth, setThumbWidth] = React.useState(typeof initialWidth === \"number\" ? initialWidth : 0);\n    var distance = frameWidth - thumbWidth;\n    var x = initialChecked ? active ? 0 : -distance : active ? distance : 0;\n    var thumb = /* @__PURE__ */ _jsx(Thumb, {\n      ref: forwardedRef,\n      size,\n      alignSelf: initialChecked ? \"flex-end\" : \"flex-start\",\n      x,\n      onLayout: composeEventHandlers(props.onLayout, function(event) {\n        setThumbWidth(event.nativeEvent.layout.width);\n      }),\n      disabled,\n      ...thumbProps,\n      ...active && activeStyle\n    });\n    var themeName = theme !== null && theme !== void 0 ? theme : (_createProps_componentThemes = createProps.componentThemes) === null || _createProps_componentThemes === void 0 ? void 0 : _createProps_componentThemes.thumb;\n    return themeName ? /* @__PURE__ */ _jsx(Theme, {\n      name: themeName,\n      children: thumb\n    }) : thumb;\n  });\n  var SwitchComponent = createStyledHOC(Frame, function Switch2(_props, forwardedRef) {\n    var _createProps_componentThemes;\n    var { native, nativeProps, checked: checkedProp, defaultChecked, onCheckedChange, activeStyle, activeTheme, theme, ...props } = _props;\n    var [checked, setChecked] = useControllableState({\n      prop: checkedProp,\n      defaultProp: defaultChecked || false,\n      onChange: onCheckedChange,\n      transition: true\n    });\n    var styledContext = React.useContext(SwitchStyledContext.context);\n    var [frameWidth, setFrameInnerWidth] = React.useState(0);\n    var { switchProps, bubbleInput, switchRef } = useSwitch(\n      props,\n      [\n        checked,\n        setChecked\n      ],\n      // @ts-ignore TODO tamagui react 19 type error\n      forwardedRef\n    );\n    var nativeSwitch = useSwitchNative({\n      id: props.id,\n      disabled: props.disabled,\n      native,\n      nativeProps,\n      checked,\n      setChecked\n    });\n    if (nativeSwitch) {\n      return nativeSwitch;\n    }\n    var disabled = props.disabled;\n    var _styledContext_size, _ref;\n    var size = (_ref = (_styledContext_size = styledContext.size) !== null && _styledContext_size !== void 0 ? _styledContext_size : props.size) !== null && _ref !== void 0 ? _ref : true;\n    var handleLayout = function(event) {\n      var next = event.nativeEvent.layout.width;\n      if (next !== frameWidth) {\n        setFrameInnerWidth(next);\n      }\n    };\n    var frame = /* @__PURE__ */ _jsx(Frame, {\n      ref: switchRef,\n      render: \"button\",\n      ...isWeb && {\n        type: \"button\"\n      },\n      size,\n      ...props,\n      ...switchProps,\n      disabled,\n      ...checked && activeStyle,\n      children: /* @__PURE__ */ _jsx(View, {\n        alignSelf: \"stretch\",\n        flex: 1,\n        onLayout: handleLayout,\n        children: props.children\n      })\n    });\n    var _ref1, _ref2;\n    var frameTheme = (_ref2 = (_ref1 = checked ? activeTheme : void 0) !== null && _ref1 !== void 0 ? _ref1 : theme) !== null && _ref2 !== void 0 ? _ref2 : (_createProps_componentThemes = createProps.componentThemes) === null || _createProps_componentThemes === void 0 ? void 0 : _createProps_componentThemes.frame;\n    return /* @__PURE__ */ _jsxs(_Fragment, {\n      children: [\n        /* @__PURE__ */ _jsx(SwitchStyledContext.Provider, {\n          size,\n          active: checked,\n          disabled,\n          frameWidth,\n          children: frameTheme ? /* @__PURE__ */ _jsx(Theme, {\n            name: frameTheme,\n            children: frame\n          }) : frame\n        }),\n        bubbleInput\n      ]\n    });\n  }, {\n    disableTheme: true\n  });\n  return withStaticProperties(SwitchComponent, {\n    Frame,\n    Thumb: SwitchThumbComponent\n  });\n}\nvar Switch = createSwitch({\n  Frame: SwitchFrame,\n  Thumb: SwitchThumbFrame\n});\nvar SwitchThumb = Switch.Thumb;\nexport {\n  Switch,\n  SwitchFrame,\n  SwitchThumb,\n  SwitchThumbFrame,\n  createSwitch\n};\n//# sourceMappingURL=Switch.js.map\n"],"mappings":"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"}

package/dist/esm/index.js

@@ -1,13 +1,9 @@
-import { createSwitch } from "./createSwitch.mjs";
-import { SwitchFrame, SwitchThumb } from "./Switch.mjs";
-export * from "./createSwitch.mjs";
-export * from "./StyledContext.mjs";
-export * from "./Switch.mjs";
-export * from "./types.mjs";
 import { useSwitchNative } from "./useSwitchNative.mjs";
-const Switch = createSwitch({
-  Frame: SwitchFrame,
-  Thumb: SwitchThumb
-});
-export { Switch, useSwitchNative };
-//# sourceMappingURL=index.js.map
+
+export * from "./StyledContext.mjs"
+
+export * from "./Switch.mjs"
+
+export * from "./types.mjs"
+
+export { useSwitchNative };

package/dist/esm/index.mjs

@@ -1,13 +1,9 @@
-import { createSwitch } from "./createSwitch.mjs";
-import { SwitchFrame, SwitchThumb } from "./Switch.mjs";
-export * from "./createSwitch.mjs";
-export * from "./StyledContext.mjs";
-export * from "./Switch.mjs";
-export * from "./types.mjs";
 import { useSwitchNative } from "./useSwitchNative.mjs";
-const Switch = createSwitch({
-  Frame: SwitchFrame,
-  Thumb: SwitchThumb
-});
-export { Switch, useSwitchNative };
-//# sourceMappingURL=index.mjs.map
+
+export * from "./StyledContext.mjs"
+
+export * from "./Switch.mjs"
+
+export * from "./types.mjs"
+
+export { useSwitchNative };

package/dist/esm/index.native.js

@@ -1,13 +1,9 @@
-import { createSwitch } from "./createSwitch.native.js";
-import { SwitchFrame, SwitchThumb } from "./Switch.native.js";
-export * from "./createSwitch.native.js";
-export * from "./StyledContext.native.js";
-export * from "./Switch.native.js";
-export * from "./types.native.js";
 import { useSwitchNative } from "./useSwitchNative.native.js";
-var Switch = createSwitch({
-  Frame: SwitchFrame,
-  Thumb: SwitchThumb
-});
-export { Switch, useSwitchNative };
-//# sourceMappingURL=index.native.js.map
+
+export * from "./StyledContext.native.js"
+
+export * from "./Switch.native.js"
+
+export * from "./types.native.js"
+
+export { useSwitchNative };

package/dist/esm/types.mjs

@@ -1,2 +0,0 @@
-
-//# sourceMappingURL=types.mjs.map

package/dist/esm/types.native.js

@@ -1,2 +0,0 @@
-
-//# sourceMappingURL=types.native.js.map

package/dist/esm/useSwitchNative.mjs

@@ -1,5 +1,6 @@
 function useSwitchNative(_props) {
-  return null;
+	return null;
 }
+
 export { useSwitchNative };
 //# sourceMappingURL=useSwitchNative.mjs.map

package/dist/esm/useSwitchNative.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["useSwitchNative","_props"],"sources":["../../src/useSwitchNative.tsx"],"sourcesContent":[null],"mappings":"AAKO,SAASA,gBAAgBC,MAAA,EAAsD;EACpF,OAAO;AACT","ignoreList":[]}
+{"version":3,"file":"useSwitchNative.js","names":[],"sources":["esm/useSwitchNative.js"],"sourcesContent":["function useSwitchNative(_props) {\n  return null;\n}\nexport {\n  useSwitchNative\n};\n//# sourceMappingURL=useSwitchNative.js.map\n"],"mappings":";AAAA,SAAS,gBAAgB,QAAQ;CAC/B,OAAO;AACT"}

package/dist/esm/useSwitchNative.native.js

@@ -1,38 +1,37 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 import { shouldRenderNativePlatform } from "@tamagui/core";
 import { registerFocusable } from "@tamagui/focusable";
 import * as React from "react";
-import { Switch as NativeSwitch } from "react-native";
+import { Switch } from "react-native";
+
 function useSwitchNative(props) {
-  var {
-    id,
-    disabled,
-    native,
-    nativeProps,
-    checked,
-    setChecked
-  } = props;
-  React.useEffect(function () {
-    if (!id) return;
-    if (disabled) return;
-    return registerFocusable(id, {
-      focusAndSelect: function () {
-        setChecked(function (value) {
-          return !value;
-        });
-      },
-      focus: function () {}
-    });
-  }, [id, disabled, setChecked]);
-  var renderNative = shouldRenderNativePlatform(native);
-  if (renderNative === "android" || renderNative === "ios") {
-    return /* @__PURE__ */_jsx(NativeSwitch, {
-      value: checked,
-      onValueChange: setChecked,
-      ...nativeProps
-    });
-  }
-  return null;
+	var { id, disabled, native, nativeProps, checked, setChecked } = props;
+	React.useEffect(function() {
+		if (!id) return;
+		if (disabled) return;
+		return registerFocusable(id, {
+			focusAndSelect: function() {
+				setChecked(function(value) {
+					return !value;
+				});
+			},
+			focus: function() {}
+		});
+	}, [
+		id,
+		disabled,
+		setChecked
+	]);
+	var renderNative = shouldRenderNativePlatform(native);
+	if (renderNative === "android" || renderNative === "ios") {
+		return /* @__PURE__ */ jsx(Switch, {
+			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,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":[]}
+{"version":3,"file":"useSwitchNative.native.js","names":["NativeSwitch"],"sources":["esm/useSwitchNative.native.js"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { shouldRenderNativePlatform } from \"@tamagui/core\";\nimport { registerFocusable } from \"@tamagui/focusable\";\nimport * as React from \"react\";\nimport { Switch as NativeSwitch } from \"react-native\";\nfunction useSwitchNative(props) {\n  var { id, disabled, native, nativeProps, checked, setChecked } = props;\n  React.useEffect(function() {\n    if (!id) return;\n    if (disabled) return;\n    return registerFocusable(id, {\n      focusAndSelect: function() {\n        setChecked(function(value) {\n          return !value;\n        });\n      },\n      focus: function() {\n      }\n    });\n  }, [\n    id,\n    disabled,\n    setChecked\n  ]);\n  var renderNative = shouldRenderNativePlatform(native);\n  if (renderNative === \"android\" || renderNative === \"ios\") {\n    return /* @__PURE__ */ _jsx(NativeSwitch, {\n      value: checked,\n      onValueChange: setChecked,\n      ...nativeProps\n    });\n  }\n  return null;\n}\nexport {\n  useSwitchNative\n};\n//# sourceMappingURL=useSwitchNative.native.js.map\n"],"mappings":";;;;;;;AAKA,SAAS,gBAAgB,OAAO;CAC9B,IAAI,EAAE,IAAI,UAAU,QAAQ,aAAa,SAAS,eAAe;CACjE,MAAM,UAAU,WAAW;EACzB,IAAI,CAAC,IAAI;EACT,IAAI,UAAU;EACd,OAAO,kBAAkB,IAAI;GAC3B,gBAAgB,WAAW;IACzB,WAAW,SAAS,OAAO;KACzB,OAAO,CAAC;IACV,CAAC;GACH;GACA,OAAO,WAAW,CAClB;EACF,CAAC;CACH,GAAG;EACD;EACA;EACA;CACF,CAAC;CACD,IAAI,eAAe,2BAA2B,MAAM;CACpD,IAAI,iBAAiB,aAAa,iBAAiB,OAAO;EACxD,OAAuB,oBAAKA,QAAc;GACxC,OAAO;GACP,eAAe;GACf,GAAG;EACL,CAAC;CACH;CACA,OAAO;AACT"}

package/dist/jsx/StyledContext.mjs

@@ -1,10 +1,11 @@
 import { createStyledContext } from "@tamagui/core";
+
 const SwitchStyledContext = createStyledContext({
-  active: false,
-  disabled: false,
-  frameWidth: void 0,
-  size: void 0,
-  unstyled: process.env.TAMAGUI_HEADLESS === "1"
+	active: false,
+	disabled: false,
+	frameWidth: void 0,
+	size: void 0
 });
+
 export { SwitchStyledContext };
 //# sourceMappingURL=StyledContext.mjs.map

package/dist/jsx/StyledContext.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["createStyledContext","SwitchStyledContext","active","disabled","frameWidth","size","unstyled","process","env","TAMAGUI_HEADLESS"],"sources":["../../src/StyledContext.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,mBAAA,QAA2B;AAE7B,MAAMC,mBAAA,GAAsBD,mBAAA,CAMhC;EACDE,MAAA,EAAQ;EACRC,QAAA,EAAU;EACVC,UAAA,EAAY;EACZC,IAAA,EAAM;EACNC,QAAA,EAAUC,OAAA,CAAQC,GAAA,CAAIC,gBAAA,KAAqB;AAC7C,CAAC","ignoreList":[]}
+{"version":3,"file":"StyledContext.js","names":[],"sources":["jsx/StyledContext.js"],"sourcesContent":["import { createStyledContext } from \"@tamagui/core\";\nconst SwitchStyledContext = createStyledContext({\n  active: false,\n  disabled: false,\n  frameWidth: void 0,\n  size: void 0\n});\nexport {\n  SwitchStyledContext\n};\n//# sourceMappingURL=StyledContext.js.map\n"],"mappings":";;;AACA,MAAM,sBAAsB,oBAAoB;CAC9C,QAAQ;CACR,UAAU;CACV,YAAY,KAAK;CACjB,MAAM,KAAK;AACb,CAAC"}

package/dist/jsx/StyledContext.native.cjs

@@ -0,0 +1,33 @@
+"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 StyledContext_exports = {};
+__export(StyledContext_exports, { SwitchStyledContext: () => SwitchStyledContext });
+module.exports = __toCommonJS(StyledContext_exports);
+var import_core = require("@tamagui/core");
+var SwitchStyledContext = (0, import_core.createStyledContext)({
+	active: false,
+	disabled: false,
+	frameWidth: void 0,
+	size: void 0
+});

package/dist/jsx/StyledContext.native.js

@@ -1,38 +1,35 @@
 "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
-  });
+	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 StyledContext_exports = {};
-__export(StyledContext_exports, {
-  SwitchStyledContext: () => SwitchStyledContext
-});
+__export(StyledContext_exports, { SwitchStyledContext: () => SwitchStyledContext });
 module.exports = __toCommonJS(StyledContext_exports);
 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"
+	active: false,
+	disabled: false,
+	frameWidth: void 0,
+	size: void 0
 });
+
 //# 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;EACN,SAAAC,IAAU,IAAAD,GAAQ,EACnBZ,SAAA,CAAAW,MAAA,EAAAE,IAAA;IAAAC,GAAA,EAAAF,GAAA,CAAAC,IAAA;IAAAE,UAAA;EAAA","ignoreList":[]}
+{"version":3,"file":"StyledContext.native.js","names":[],"sources":["jsx/StyledContext.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 StyledContext_exports = {};\n__export(StyledContext_exports, {\n  SwitchStyledContext: () => SwitchStyledContext\n});\nmodule.exports = __toCommonJS(StyledContext_exports);\nvar import_core = require(\"@tamagui/core\");\nvar SwitchStyledContext = (0, import_core.createStyledContext)({\n  active: false,\n  disabled: false,\n  frameWidth: void 0,\n  size: void 0\n});\n//# sourceMappingURL=StyledContext.js.map\n"],"mappings":";;;;AACA,IAAI,YAAY,OAAO;AACvB,IAAI,mBAAmB,OAAO;AAC9B,IAAI,oBAAoB,OAAO;AAC/B,IAAI,eAAe,OAAO,UAAU;AACpC,IAAI,YAAY,QAAQ,QAAQ;CAC9B,KAAK,IAAI,QAAQ,KACf,UAAU,QAAQ,MAAM;EAAE,KAAK,IAAI;EAAO,YAAY;CAAK,CAAC;AAChE;AACA,IAAI,eAAe,IAAI,MAAM,QAAQ,SAAS;CAC5C,IAAI,QAAQ,OAAO,SAAS,YAAY,OAAO,SAAS,YAAY;EAClE,KAAK,IAAI,OAAO,kBAAkB,IAAI,GACpC,IAAI,CAAC,aAAa,KAAK,IAAI,GAAG,KAAK,QAAQ,QACzC,UAAU,IAAI,KAAK;GAAE,WAAW,KAAK;GAAM,YAAY,EAAE,OAAO,iBAAiB,MAAM,GAAG,MAAM,KAAK;EAAW,CAAC;CACvH;CACA,OAAO;AACT;AACA,IAAI,gBAAgB,QAAQ,YAAY,UAAU,CAAC,GAAG,cAAc,EAAE,OAAO,KAAK,CAAC,GAAG,GAAG;AACzF,IAAI,wBAAwB,CAAC;AAC7B,SAAS,uBAAuB,EAC9B,2BAA2B,oBAC7B,CAAC;AACD,OAAO,UAAU,aAAa,qBAAqB;AACnD,IAAI,cAAc,QAAQ,eAAe;AACzC,IAAI,uBAAuB,GAAG,YAAY,qBAAqB;CAC7D,QAAQ;CACR,UAAU;CACV,YAAY,KAAK;CACjB,MAAM,KAAK;AACb,CAAC"}