@medway-ui/native 1.8.0 → 1.8.1

package/lib/commonjs/components/Switch.js

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Switch = Switch;
-exports.switchVariants = void 0;
+exports.switchVariants = exports.Switch = void 0;
 var _react = require("react");
 var _reactNative = require("react-native");
+var _nativewind = require("nativewind");
 var SwitchPrimitive = _interopRequireWildcard(require("@rn-primitives/switch"));
 var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
 var _classVarianceAuthority = require("class-variance-authority");
@@ -15,16 +15,29 @@ var _touchTarget = require("@/lib/touch-target");
 var _useThemeColor = require("@/hooks/useThemeColor");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+// `@rn-primitives/switch` renders a plain Pressable — cssInterop makes `className` work.
+const StyledSwitchRoot = (0, _nativewind.cssInterop)(SwitchPrimitive.Root, {
+  className: "style"
+});
+const BORDER_WIDTH = 2;
+/** Gap between thumb and inner edge of the track border (web `translate-x-0.5`). */
+const THUMB_INSET = 2;
+const CENTER = {
+  alignItems: "center",
+  justifyContent: "center"
+};
 const THUMB_SIZES = {
   sm: 8,
   md: 12,
   lg: 16
 };
-const THUMB_TRANSLATE = {
-  sm: 11,
-  md: 15,
-  lg: 19
+const ICON_SIZES = {
+  sm: 8,
+  md: 12,
+  lg: 14
 };
+
+/** Same scale as web `h-4 w-6` / `h-5 w-8` / `h-6 w-10` at 16px rem. */
 const SWITCH_DIMENSIONS = {
   sm: {
     width: 24,
@@ -39,15 +52,43 @@ const SWITCH_DIMENSIONS = {
     height: 24
   }
 };
-const switchVariants = exports.switchVariants = (0, _classVarianceAuthority.cva)("rounded-full border-2 items-center shrink-0", {
+
+/**
+ * Thumb is a sibling of the bordered track (not a child of it), so offsets are
+ * from the root's outer box. That avoids Yoga content-box quirks where absolute
+ * children of a bordered view shift the knob down / past the right edge.
+ *
+ * off  = border + inset
+ * on   = width - border - inset - thumb
+ * on+disabled keeps a 1px tighter right inset, matching web.
+ */
+function getThumbTranslateX(trackWidth, thumbSize, checked, disabled) {
+  const off = BORDER_WIDTH + THUMB_INSET;
+  if (!checked) return off;
+  const on = trackWidth - BORDER_WIDTH - THUMB_INSET - thumbSize;
+  return disabled ? on - 1 : on;
+}
+
+/**
+ * Even curve. A strong ease-out spends the last frames crawling, which reads
+ * as the thumb catching. Track and thumb colors ride the same curve.
+ */
+const THUMB_MOTION = {
+  duration: 250,
+  easing: _reactNativeReanimated.Easing.inOut(_reactNativeReanimated.Easing.cubic)
+};
+
+// Px, not `h-6 w-10`: NativeWind resolves rem as 14px on native, which shrinks
+// the track below SWITCH_DIMENSIONS and pushes the thumb down and out the right.
+const switchVariants = exports.switchVariants = (0, _classVarianceAuthority.cva)("shrink-0", {
   variants: {
     variant: {
       regular: ""
     },
     size: {
-      sm: "h-4 w-6",
-      md: "h-5 w-8",
-      lg: "h-6 w-10"
+      sm: "h-[16px] w-[24px]",
+      md: "h-[20px] w-[32px]",
+      lg: "h-[24px] w-[40px]"
     }
   },
   defaultVariants: {
@@ -55,90 +96,159 @@ const switchVariants = exports.switchVariants = (0, _classVarianceAuthority.cva)
     size: "md"
   }
 });
-function Switch({
+function renderThumbIcon(icon, color, size) {
+  if (! /*#__PURE__*/(0, _react.isValidElement)(icon)) return icon;
+  return /*#__PURE__*/(0, _react.cloneElement)(icon, {
+    color: icon.props.color ?? color,
+    width: icon.props.width ?? size,
+    height: icon.props.height ?? size
+  });
+}
+function SwitchThumbIcons({
+  progress,
+  checkedIcon,
+  uncheckedIcon,
+  checkedIconColor,
+  uncheckedIconColor,
+  iconSize
+}) {
+  const checkedIconStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
+    opacity: progress.value
+  }));
+  const uncheckedIconStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
+    opacity: 1 - progress.value
+  }));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
+      style: [_reactNative.StyleSheet.absoluteFill, CENTER, uncheckedIconStyle],
+      children: renderThumbIcon(uncheckedIcon, uncheckedIconColor, iconSize)
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
+      style: [_reactNative.StyleSheet.absoluteFill, CENTER, checkedIconStyle],
+      children: renderThumbIcon(checkedIcon, checkedIconColor, iconSize)
+    })]
+  });
+}
+const Switch = exports.Switch = /*#__PURE__*/(0, _react.memo)(function Switch({
   className,
   size = "md",
-  variant,
+  variant = "regular",
   checkedIcon,
   uncheckedIcon,
   checked,
   defaultChecked,
   onCheckedChange,
-  disabled,
+  disabled = false,
   style,
   ...props
 }) {
   const resolvedSize = size ?? "md";
   const dimensions = SWITCH_DIMENSIONS[resolvedSize];
+  const thumbSize = THUMB_SIZES[resolvedSize];
+  const iconSize = ICON_SIZES[resolvedSize];
   const [internalChecked, setInternalChecked] = (0, _react.useState)(defaultChecked ?? false);
   const isControlled = checked !== undefined;
-  const isChecked = isControlled ? checked ?? false : internalChecked;
-  const trackOn = (0, _useThemeColor.useThemeColor)("primary-background-fill");
-  const trackOff = (0, _useThemeColor.useThemeColor)("surface-card");
-  const trackDisabled = (0, _useThemeColor.useThemeColor)("gray-background-soft-muted");
-  const trackBorder = (0, _useThemeColor.useThemeColor)("gray-stroke-muted");
-  const thumbOn = (0, _useThemeColor.useThemeColor)("primary-foreground-onfill");
-  const thumbOff = (0, _useThemeColor.useThemeColor)("gray-foreground-muted");
-  const thumbDisabled = (0, _useThemeColor.useThemeColor)("gray-background-fill-muted");
-  const translateX = (0, _reactNativeReanimated.useSharedValue)(isChecked ? THUMB_TRANSLATE[resolvedSize] : 2);
-  (0, _react.useEffect)(() => {
-    translateX.value = (0, _reactNativeReanimated.withTiming)(isChecked ? THUMB_TRANSLATE[resolvedSize] : 2, {
-      duration: 180,
-      easing: _reactNativeReanimated.Easing.out(_reactNativeReanimated.Easing.ease)
-    });
-  }, [isChecked, resolvedSize, translateX]);
-  const thumbStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
-    transform: [{
-      translateX: translateX.value
-    }]
-  }));
+  const isChecked = isControlled ? checked : internalChecked;
   const hasIcons = Boolean(checkedIcon || uncheckedIcon);
-  const thumbSize = THUMB_SIZES[resolvedSize];
+  const checkedIconColor = (0, _useThemeColor.useThemeColor)(disabled ? "gray-300" : "primary-foreground-onfill");
+  const uncheckedIconColor = (0, _useThemeColor.useThemeColor)(disabled ? "gray-300" : "gray-foreground");
+  const trackOffColor = (0, _useThemeColor.useThemeColor)(disabled ? "gray-background-soft-muted" : "surface-card");
+  const trackOnColor = (0, _useThemeColor.useThemeColor)(disabled ? "gray-background-soft-muted" : "primary-background-fill");
+  const borderOffColor = (0, _useThemeColor.useThemeColor)("gray-stroke-muted");
+  const borderOnColor = disabled ? borderOffColor : (0, _useThemeColor.withAlpha)(borderOffColor, 0);
+  const thumbDisabledColor = (0, _useThemeColor.useThemeColor)("gray-background-fill-muted");
+  const thumbOnToken = (0, _useThemeColor.useThemeColor)("primary-foreground-onfill");
+  const thumbOffToken = (0, _useThemeColor.useThemeColor)("gray-foreground-muted");
+  const thumbOffColor = hasIcons ? "rgba(0, 0, 0, 0)" : disabled ? thumbDisabledColor : thumbOffToken;
+  const thumbOnColor = hasIcons ? "rgba(0, 0, 0, 0)" : disabled ? thumbDisabledColor : thumbOnToken;
+  const offX = getThumbTranslateX(dimensions.width, thumbSize, false, disabled);
+  const onX = getThumbTranslateX(dimensions.width, thumbSize, true, disabled);
+  // Root has no border — center against the outer height.
+  const thumbTop = (dimensions.height - thumbSize) / 2;
+
+  // Single UI-thread driver for position, colors and icons. In controlled mode
+  // the visual only moves when `checked` changes (same as the web Radix switch).
+  const progress = (0, _reactNativeReanimated.useSharedValue)(isChecked ? 1 : 0);
+  const targetRef = (0, _react.useRef)(isChecked);
+  const animateTo = next => {
+    if (targetRef.current === next) return;
+    targetRef.current = next;
+    progress.value = (0, _reactNativeReanimated.withTiming)(next ? 1 : 0, THUMB_MOTION);
+  };
+  (0, _react.useLayoutEffect)(() => {
+    animateTo(isChecked);
+  }, [isChecked]);
   const handleCheckedChange = nextChecked => {
-    if (!isControlled) setInternalChecked(nextChecked);
+    if (!isControlled) {
+      animateTo(nextChecked);
+      setInternalChecked(nextChecked);
+    }
     onCheckedChange?.(nextChecked);
   };
-  const trackBackgroundColor = disabled ? trackDisabled : isChecked ? trackOn : trackOff;
-  const trackBorderColor = disabled || !isChecked ? trackBorder : "transparent";
-  const thumbBackgroundColor = disabled ? thumbDisabled : hasIcons ? "transparent" : isChecked ? thumbOn : thumbOff;
-  const rootStyle = {
+  const trackMotionStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
+    backgroundColor: (0, _reactNativeReanimated.interpolateColor)(progress.value, [0, 1], [trackOffColor, trackOnColor]),
+    borderColor: (0, _reactNativeReanimated.interpolateColor)(progress.value, [0, 1], [borderOffColor, borderOnColor])
+  }));
+  const thumbMotionStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
+    transform: [{
+      translateX: offX + (onX - offX) * progress.value
+    }]
+  }), [offX, onX]);
+  const thumbColorStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
+    backgroundColor: (0, _reactNativeReanimated.interpolateColor)(progress.value, [0, 1], [thumbOffColor, thumbOnColor])
+  }));
+  const baseRootStyle = (0, _react.useMemo)(() => ({
     width: dimensions.width,
     height: dimensions.height,
     minWidth: dimensions.width,
     minHeight: dimensions.height,
     borderRadius: dimensions.height / 2,
-    borderWidth: 2,
-    alignItems: "flex-start",
-    justifyContent: "center",
-    backgroundColor: trackBackgroundColor,
-    borderColor: trackBorderColor
-  };
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(SwitchPrimitive.Root, {
+    borderWidth: 0,
+    padding: 0,
+    overflow: "visible"
+  }), [dimensions.height, dimensions.width]);
+  const trackStyle = (0, _react.useMemo)(() => ({
+    ..._reactNative.StyleSheet.absoluteFill,
+    borderRadius: dimensions.height / 2,
+    borderWidth: BORDER_WIDTH
+  }), [dimensions.height]);
+  const thumbStyle = (0, _react.useMemo)(() => ({
+    position: "absolute",
+    top: thumbTop,
+    left: 0,
+    width: thumbSize,
+    height: thumbSize,
+    borderRadius: thumbSize / 2,
+    alignItems: "center",
+    justifyContent: "center"
+  }), [thumbSize, thumbTop]);
+  const hitSlop = (0, _react.useMemo)(() => (0, _touchTarget.getMinTouchHitSlop)(dimensions.width, dimensions.height), [dimensions.height, dimensions.width]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(StyledSwitchRoot, {
+    hitSlop: hitSlop,
+    ...props,
     checked: isChecked,
     onCheckedChange: handleCheckedChange,
     disabled: disabled,
-    hitSlop: (0, _touchTarget.getMinTouchHitSlop)(dimensions.width, dimensions.height),
-    style: state => [rootStyle, typeof style === "function" ? style(state) : style],
     className: (0, _utils.cn)(switchVariants({
-      size,
+      size: resolvedSize,
       variant
     }), className),
-    ...props,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(SwitchPrimitive.Thumb, {
-      asChild: true,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
-        style: [thumbStyle, {
-          width: thumbSize,
-          height: thumbSize,
-          borderRadius: thumbSize / 2,
-          backgroundColor: thumbBackgroundColor
-        }],
-        children: hasIcons ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-          className: "flex-1 items-center justify-center",
-          children: [isChecked && checkedIcon, !isChecked && uncheckedIcon]
-        }) : null
-      })
-    })
+    style: state => [baseRootStyle, typeof style === "function" ? style(state) : style],
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
+      pointerEvents: "none",
+      style: [trackStyle, trackMotionStyle]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
+      pointerEvents: "none",
+      collapsable: false,
+      style: [thumbStyle, thumbMotionStyle, thumbColorStyle],
+      children: hasIcons ? /*#__PURE__*/(0, _jsxRuntime.jsx)(SwitchThumbIcons, {
+        progress: progress,
+        checkedIcon: checkedIcon,
+        uncheckedIcon: uncheckedIcon,
+        checkedIconColor: checkedIconColor,
+        uncheckedIconColor: uncheckedIconColor,
+        iconSize: iconSize
+      }) : null
+    })]
   });
-}
+});
 //# sourceMappingURL=Switch.js.map

package/lib/commonjs/components/Switch.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_reactNative","SwitchPrimitive","_interopRequireWildcard","_reactNativeReanimated","_classVarianceAuthority","_utils","_touchTarget","_useThemeColor","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","THUMB_SIZES","sm","md","lg","THUMB_TRANSLATE","SWITCH_DIMENSIONS","width","height","switchVariants","exports","cva","variants","variant","regular","size","defaultVariants","Switch","className","checkedIcon","uncheckedIcon","checked","defaultChecked","onCheckedChange","disabled","style","props","resolvedSize","dimensions","internalChecked","setInternalChecked","useState","isControlled","undefined","isChecked","trackOn","useThemeColor","trackOff","trackDisabled","trackBorder","thumbOn","thumbOff","thumbDisabled","translateX","useSharedValue","useEffect","value","withTiming","duration","easing","Easing","out","ease","thumbStyle","useAnimatedStyle","transform","hasIcons","Boolean","thumbSize","handleCheckedChange","nextChecked","trackBackgroundColor","trackBorderColor","thumbBackgroundColor","rootStyle","minWidth","minHeight","borderRadius","borderWidth","alignItems","justifyContent","backgroundColor","borderColor","jsx","Root","hitSlop","getMinTouchHitSlop","state","cn","children","Thumb","asChild","View","jsxs"],"sourceRoot":"../../../src","sources":["components/Switch.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","require","_reactNative","_nativewind","SwitchPrimitive","_interopRequireWildcard","_reactNativeReanimated","_classVarianceAuthority","_utils","_touchTarget","_useThemeColor","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","StyledSwitchRoot","cssInterop","Root","className","BORDER_WIDTH","THUMB_INSET","CENTER","alignItems","justifyContent","THUMB_SIZES","sm","md","lg","ICON_SIZES","SWITCH_DIMENSIONS","width","height","getThumbTranslateX","trackWidth","thumbSize","checked","disabled","off","on","THUMB_MOTION","duration","easing","Easing","inOut","cubic","switchVariants","exports","cva","variants","variant","regular","size","defaultVariants","renderThumbIcon","icon","color","isValidElement","cloneElement","props","SwitchThumbIcons","progress","checkedIcon","uncheckedIcon","checkedIconColor","uncheckedIconColor","iconSize","checkedIconStyle","useAnimatedStyle","opacity","value","uncheckedIconStyle","jsxs","Fragment","children","jsx","View","style","StyleSheet","absoluteFill","Switch","memo","defaultChecked","onCheckedChange","resolvedSize","dimensions","internalChecked","setInternalChecked","useState","isControlled","undefined","isChecked","hasIcons","Boolean","useThemeColor","trackOffColor","trackOnColor","borderOffColor","borderOnColor","withAlpha","thumbDisabledColor","thumbOnToken","thumbOffToken","thumbOffColor","thumbOnColor","offX","onX","thumbTop","useSharedValue","targetRef","useRef","animateTo","next","current","withTiming","useLayoutEffect","handleCheckedChange","nextChecked","trackMotionStyle","backgroundColor","interpolateColor","borderColor","thumbMotionStyle","transform","translateX","thumbColorStyle","baseRootStyle","useMemo","minWidth","minHeight","borderRadius","borderWidth","padding","overflow","trackStyle","thumbStyle","position","top","left","hitSlop","getMinTouchHitSlop","cn","state","pointerEvents","collapsable"],"sourceRoot":"../../../src","sources":["components/Switch.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/Switch.js

@@ -1,24 +1,39 @@
 "use strict";
 
-import { useState, useEffect } from "react";
-import { View } from "react-native";
+import { cloneElement, isValidElement, memo, useLayoutEffect, useMemo, useRef, useState } from "react";
+import { StyleSheet } from "react-native";
+import { cssInterop } from "nativewind";
 import * as SwitchPrimitive from "@rn-primitives/switch";
-import Animated, { useSharedValue, useAnimatedStyle, withTiming, Easing } from "react-native-reanimated";
+import Animated, { Easing, interpolateColor, useAnimatedStyle, useSharedValue, withTiming } from "react-native-reanimated";
 import { cva } from "class-variance-authority";
 import { cn } from "@/lib/utils";
 import { getMinTouchHitSlop } from "@/lib/touch-target";
-import { useThemeColor } from "@/hooks/useThemeColor";
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { useThemeColor, withAlpha } from "@/hooks/useThemeColor";
+
+// `@rn-primitives/switch` renders a plain Pressable — cssInterop makes `className` work.
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+const StyledSwitchRoot = cssInterop(SwitchPrimitive.Root, {
+  className: "style"
+});
+const BORDER_WIDTH = 2;
+/** Gap between thumb and inner edge of the track border (web `translate-x-0.5`). */
+const THUMB_INSET = 2;
+const CENTER = {
+  alignItems: "center",
+  justifyContent: "center"
+};
 const THUMB_SIZES = {
   sm: 8,
   md: 12,
   lg: 16
 };
-const THUMB_TRANSLATE = {
-  sm: 11,
-  md: 15,
-  lg: 19
+const ICON_SIZES = {
+  sm: 8,
+  md: 12,
+  lg: 14
 };
+
+/** Same scale as web `h-4 w-6` / `h-5 w-8` / `h-6 w-10` at 16px rem. */
 const SWITCH_DIMENSIONS = {
   sm: {
     width: 24,
@@ -33,15 +48,43 @@ const SWITCH_DIMENSIONS = {
     height: 24
   }
 };
-const switchVariants = cva("rounded-full border-2 items-center shrink-0", {
+
+/**
+ * Thumb is a sibling of the bordered track (not a child of it), so offsets are
+ * from the root's outer box. That avoids Yoga content-box quirks where absolute
+ * children of a bordered view shift the knob down / past the right edge.
+ *
+ * off  = border + inset
+ * on   = width - border - inset - thumb
+ * on+disabled keeps a 1px tighter right inset, matching web.
+ */
+function getThumbTranslateX(trackWidth, thumbSize, checked, disabled) {
+  const off = BORDER_WIDTH + THUMB_INSET;
+  if (!checked) return off;
+  const on = trackWidth - BORDER_WIDTH - THUMB_INSET - thumbSize;
+  return disabled ? on - 1 : on;
+}
+
+/**
+ * Even curve. A strong ease-out spends the last frames crawling, which reads
+ * as the thumb catching. Track and thumb colors ride the same curve.
+ */
+const THUMB_MOTION = {
+  duration: 250,
+  easing: Easing.inOut(Easing.cubic)
+};
+
+// Px, not `h-6 w-10`: NativeWind resolves rem as 14px on native, which shrinks
+// the track below SWITCH_DIMENSIONS and pushes the thumb down and out the right.
+const switchVariants = cva("shrink-0", {
   variants: {
     variant: {
       regular: ""
     },
     size: {
-      sm: "h-4 w-6",
-      md: "h-5 w-8",
-      lg: "h-6 w-10"
+      sm: "h-[16px] w-[24px]",
+      md: "h-[20px] w-[32px]",
+      lg: "h-[24px] w-[40px]"
     }
   },
   defaultVariants: {
@@ -49,91 +92,160 @@ const switchVariants = cva("rounded-full border-2 items-center shrink-0", {
     size: "md"
   }
 });
-function Switch({
+function renderThumbIcon(icon, color, size) {
+  if (! /*#__PURE__*/isValidElement(icon)) return icon;
+  return /*#__PURE__*/cloneElement(icon, {
+    color: icon.props.color ?? color,
+    width: icon.props.width ?? size,
+    height: icon.props.height ?? size
+  });
+}
+function SwitchThumbIcons({
+  progress,
+  checkedIcon,
+  uncheckedIcon,
+  checkedIconColor,
+  uncheckedIconColor,
+  iconSize
+}) {
+  const checkedIconStyle = useAnimatedStyle(() => ({
+    opacity: progress.value
+  }));
+  const uncheckedIconStyle = useAnimatedStyle(() => ({
+    opacity: 1 - progress.value
+  }));
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(Animated.View, {
+      style: [StyleSheet.absoluteFill, CENTER, uncheckedIconStyle],
+      children: renderThumbIcon(uncheckedIcon, uncheckedIconColor, iconSize)
+    }), /*#__PURE__*/_jsx(Animated.View, {
+      style: [StyleSheet.absoluteFill, CENTER, checkedIconStyle],
+      children: renderThumbIcon(checkedIcon, checkedIconColor, iconSize)
+    })]
+  });
+}
+const Switch = /*#__PURE__*/memo(function Switch({
   className,
   size = "md",
-  variant,
+  variant = "regular",
   checkedIcon,
   uncheckedIcon,
   checked,
   defaultChecked,
   onCheckedChange,
-  disabled,
+  disabled = false,
   style,
   ...props
 }) {
   const resolvedSize = size ?? "md";
   const dimensions = SWITCH_DIMENSIONS[resolvedSize];
+  const thumbSize = THUMB_SIZES[resolvedSize];
+  const iconSize = ICON_SIZES[resolvedSize];
   const [internalChecked, setInternalChecked] = useState(defaultChecked ?? false);
   const isControlled = checked !== undefined;
-  const isChecked = isControlled ? checked ?? false : internalChecked;
-  const trackOn = useThemeColor("primary-background-fill");
-  const trackOff = useThemeColor("surface-card");
-  const trackDisabled = useThemeColor("gray-background-soft-muted");
-  const trackBorder = useThemeColor("gray-stroke-muted");
-  const thumbOn = useThemeColor("primary-foreground-onfill");
-  const thumbOff = useThemeColor("gray-foreground-muted");
-  const thumbDisabled = useThemeColor("gray-background-fill-muted");
-  const translateX = useSharedValue(isChecked ? THUMB_TRANSLATE[resolvedSize] : 2);
-  useEffect(() => {
-    translateX.value = withTiming(isChecked ? THUMB_TRANSLATE[resolvedSize] : 2, {
-      duration: 180,
-      easing: Easing.out(Easing.ease)
-    });
-  }, [isChecked, resolvedSize, translateX]);
-  const thumbStyle = useAnimatedStyle(() => ({
-    transform: [{
-      translateX: translateX.value
-    }]
-  }));
+  const isChecked = isControlled ? checked : internalChecked;
   const hasIcons = Boolean(checkedIcon || uncheckedIcon);
-  const thumbSize = THUMB_SIZES[resolvedSize];
+  const checkedIconColor = useThemeColor(disabled ? "gray-300" : "primary-foreground-onfill");
+  const uncheckedIconColor = useThemeColor(disabled ? "gray-300" : "gray-foreground");
+  const trackOffColor = useThemeColor(disabled ? "gray-background-soft-muted" : "surface-card");
+  const trackOnColor = useThemeColor(disabled ? "gray-background-soft-muted" : "primary-background-fill");
+  const borderOffColor = useThemeColor("gray-stroke-muted");
+  const borderOnColor = disabled ? borderOffColor : withAlpha(borderOffColor, 0);
+  const thumbDisabledColor = useThemeColor("gray-background-fill-muted");
+  const thumbOnToken = useThemeColor("primary-foreground-onfill");
+  const thumbOffToken = useThemeColor("gray-foreground-muted");
+  const thumbOffColor = hasIcons ? "rgba(0, 0, 0, 0)" : disabled ? thumbDisabledColor : thumbOffToken;
+  const thumbOnColor = hasIcons ? "rgba(0, 0, 0, 0)" : disabled ? thumbDisabledColor : thumbOnToken;
+  const offX = getThumbTranslateX(dimensions.width, thumbSize, false, disabled);
+  const onX = getThumbTranslateX(dimensions.width, thumbSize, true, disabled);
+  // Root has no border — center against the outer height.
+  const thumbTop = (dimensions.height - thumbSize) / 2;
+
+  // Single UI-thread driver for position, colors and icons. In controlled mode
+  // the visual only moves when `checked` changes (same as the web Radix switch).
+  const progress = useSharedValue(isChecked ? 1 : 0);
+  const targetRef = useRef(isChecked);
+  const animateTo = next => {
+    if (targetRef.current === next) return;
+    targetRef.current = next;
+    progress.value = withTiming(next ? 1 : 0, THUMB_MOTION);
+  };
+  useLayoutEffect(() => {
+    animateTo(isChecked);
+  }, [isChecked]);
   const handleCheckedChange = nextChecked => {
-    if (!isControlled) setInternalChecked(nextChecked);
+    if (!isControlled) {
+      animateTo(nextChecked);
+      setInternalChecked(nextChecked);
+    }
     onCheckedChange?.(nextChecked);
   };
-  const trackBackgroundColor = disabled ? trackDisabled : isChecked ? trackOn : trackOff;
-  const trackBorderColor = disabled || !isChecked ? trackBorder : "transparent";
-  const thumbBackgroundColor = disabled ? thumbDisabled : hasIcons ? "transparent" : isChecked ? thumbOn : thumbOff;
-  const rootStyle = {
+  const trackMotionStyle = useAnimatedStyle(() => ({
+    backgroundColor: interpolateColor(progress.value, [0, 1], [trackOffColor, trackOnColor]),
+    borderColor: interpolateColor(progress.value, [0, 1], [borderOffColor, borderOnColor])
+  }));
+  const thumbMotionStyle = useAnimatedStyle(() => ({
+    transform: [{
+      translateX: offX + (onX - offX) * progress.value
+    }]
+  }), [offX, onX]);
+  const thumbColorStyle = useAnimatedStyle(() => ({
+    backgroundColor: interpolateColor(progress.value, [0, 1], [thumbOffColor, thumbOnColor])
+  }));
+  const baseRootStyle = useMemo(() => ({
     width: dimensions.width,
     height: dimensions.height,
     minWidth: dimensions.width,
     minHeight: dimensions.height,
     borderRadius: dimensions.height / 2,
-    borderWidth: 2,
-    alignItems: "flex-start",
-    justifyContent: "center",
-    backgroundColor: trackBackgroundColor,
-    borderColor: trackBorderColor
-  };
-  return /*#__PURE__*/_jsx(SwitchPrimitive.Root, {
+    borderWidth: 0,
+    padding: 0,
+    overflow: "visible"
+  }), [dimensions.height, dimensions.width]);
+  const trackStyle = useMemo(() => ({
+    ...StyleSheet.absoluteFill,
+    borderRadius: dimensions.height / 2,
+    borderWidth: BORDER_WIDTH
+  }), [dimensions.height]);
+  const thumbStyle = useMemo(() => ({
+    position: "absolute",
+    top: thumbTop,
+    left: 0,
+    width: thumbSize,
+    height: thumbSize,
+    borderRadius: thumbSize / 2,
+    alignItems: "center",
+    justifyContent: "center"
+  }), [thumbSize, thumbTop]);
+  const hitSlop = useMemo(() => getMinTouchHitSlop(dimensions.width, dimensions.height), [dimensions.height, dimensions.width]);
+  return /*#__PURE__*/_jsxs(StyledSwitchRoot, {
+    hitSlop: hitSlop,
+    ...props,
     checked: isChecked,
     onCheckedChange: handleCheckedChange,
     disabled: disabled,
-    hitSlop: getMinTouchHitSlop(dimensions.width, dimensions.height),
-    style: state => [rootStyle, typeof style === "function" ? style(state) : style],
     className: cn(switchVariants({
-      size,
+      size: resolvedSize,
       variant
     }), className),
-    ...props,
-    children: /*#__PURE__*/_jsx(SwitchPrimitive.Thumb, {
-      asChild: true,
-      children: /*#__PURE__*/_jsx(Animated.View, {
-        style: [thumbStyle, {
-          width: thumbSize,
-          height: thumbSize,
-          borderRadius: thumbSize / 2,
-          backgroundColor: thumbBackgroundColor
-        }],
-        children: hasIcons ? /*#__PURE__*/_jsxs(View, {
-          className: "flex-1 items-center justify-center",
-          children: [isChecked && checkedIcon, !isChecked && uncheckedIcon]
-        }) : null
-      })
-    })
+    style: state => [baseRootStyle, typeof style === "function" ? style(state) : style],
+    children: [/*#__PURE__*/_jsx(Animated.View, {
+      pointerEvents: "none",
+      style: [trackStyle, trackMotionStyle]
+    }), /*#__PURE__*/_jsx(Animated.View, {
+      pointerEvents: "none",
+      collapsable: false,
+      style: [thumbStyle, thumbMotionStyle, thumbColorStyle],
+      children: hasIcons ? /*#__PURE__*/_jsx(SwitchThumbIcons, {
+        progress: progress,
+        checkedIcon: checkedIcon,
+        uncheckedIcon: uncheckedIcon,
+        checkedIconColor: checkedIconColor,
+        uncheckedIconColor: uncheckedIconColor,
+        iconSize: iconSize
+      }) : null
+    })]
   });
-}
+});
 export { Switch, switchVariants };
 //# sourceMappingURL=Switch.js.map

package/lib/module/components/Switch.js.map

@@ -1 +1 @@
-{"version":3,"names":["useState","useEffect","View","SwitchPrimitive","Animated","useSharedValue","useAnimatedStyle","withTiming","Easing","cva","cn","getMinTouchHitSlop","useThemeColor","jsxs","_jsxs","jsx","_jsx","THUMB_SIZES","sm","md","lg","THUMB_TRANSLATE","SWITCH_DIMENSIONS","width","height","switchVariants","variants","variant","regular","size","defaultVariants","Switch","className","checkedIcon","uncheckedIcon","checked","defaultChecked","onCheckedChange","disabled","style","props","resolvedSize","dimensions","internalChecked","setInternalChecked","isControlled","undefined","isChecked","trackOn","trackOff","trackDisabled","trackBorder","thumbOn","thumbOff","thumbDisabled","translateX","value","duration","easing","out","ease","thumbStyle","transform","hasIcons","Boolean","thumbSize","handleCheckedChange","nextChecked","trackBackgroundColor","trackBorderColor","thumbBackgroundColor","rootStyle","minWidth","minHeight","borderRadius","borderWidth","alignItems","justifyContent","backgroundColor","borderColor","Root","hitSlop","state","children","Thumb","asChild"],"sourceRoot":"../../../src","sources":["components/Switch.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["cloneElement","isValidElement","memo","useLayoutEffect","useMemo","useRef","useState","StyleSheet","cssInterop","SwitchPrimitive","Animated","Easing","interpolateColor","useAnimatedStyle","useSharedValue","withTiming","cva","cn","getMinTouchHitSlop","useThemeColor","withAlpha","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","StyledSwitchRoot","Root","className","BORDER_WIDTH","THUMB_INSET","CENTER","alignItems","justifyContent","THUMB_SIZES","sm","md","lg","ICON_SIZES","SWITCH_DIMENSIONS","width","height","getThumbTranslateX","trackWidth","thumbSize","checked","disabled","off","on","THUMB_MOTION","duration","easing","inOut","cubic","switchVariants","variants","variant","regular","size","defaultVariants","renderThumbIcon","icon","color","props","SwitchThumbIcons","progress","checkedIcon","uncheckedIcon","checkedIconColor","uncheckedIconColor","iconSize","checkedIconStyle","opacity","value","uncheckedIconStyle","children","View","style","absoluteFill","Switch","defaultChecked","onCheckedChange","resolvedSize","dimensions","internalChecked","setInternalChecked","isControlled","undefined","isChecked","hasIcons","Boolean","trackOffColor","trackOnColor","borderOffColor","borderOnColor","thumbDisabledColor","thumbOnToken","thumbOffToken","thumbOffColor","thumbOnColor","offX","onX","thumbTop","targetRef","animateTo","next","current","handleCheckedChange","nextChecked","trackMotionStyle","backgroundColor","borderColor","thumbMotionStyle","transform","translateX","thumbColorStyle","baseRootStyle","minWidth","minHeight","borderRadius","borderWidth","padding","overflow","trackStyle","thumbStyle","position","top","left","hitSlop","state","pointerEvents","collapsable"],"sourceRoot":"../../../src","sources":["components/Switch.tsx"],"mappings":"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","ignoreList":[]}

package/lib/typescript/components/Switch.d.ts

@@ -1,6 +1,10 @@
 import { type ReactNode } from "react";
 import * as SwitchPrimitive from "@rn-primitives/switch";
 import { type VariantProps } from "class-variance-authority";
+declare const switchVariants: (props?: ({
+    variant?: "regular" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
 interface SwitchProps extends Omit<SwitchPrimitive.RootProps, "checked" | "onCheckedChange" | "children">, VariantProps<typeof switchVariants> {
     checked?: boolean;
     defaultChecked?: boolean;
@@ -8,11 +12,7 @@ interface SwitchProps extends Omit<SwitchPrimitive.RootProps, "checked" | "onChe
     checkedIcon?: ReactNode;
     uncheckedIcon?: ReactNode;
 }
-declare const switchVariants: (props?: ({
-    variant?: "regular" | null | undefined;
-    size?: "sm" | "md" | "lg" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-declare function Switch({ className, size, variant, checkedIcon, uncheckedIcon, checked, defaultChecked, onCheckedChange, disabled, style, ...props }: SwitchProps): import("react").JSX.Element;
+declare const Switch: import("react").NamedExoticComponent<SwitchProps>;
 export { Switch, switchVariants };
 export type { SwitchProps };
 //# sourceMappingURL=Switch.d.ts.map

package/lib/typescript/components/Switch.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../src/components/Switch.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAE5D,OAAO,KAAK,eAAe,MAAM,uBAAuB,CAAC;AAOzD,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAKlE,UAAU,WACR,SAAQ,IAAI,CACR,eAAe,CAAC,SAAS,EACzB,SAAS,GAAG,iBAAiB,GAAG,UAAU,CAC3C,EACD,YAAY,CAAC,OAAO,cAAc,CAAC;IACrC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,aAAa,CAAC,EAAE,SAAS,CAAC;CAC3B;AAoBD,QAAA,MAAM,cAAc;;;8EAelB,CAAC;AAEH,iBAAS,MAAM,CAAC,EACd,SAAS,EACT,IAAW,EACX,OAAO,EACP,WAAW,EACX,aAAa,EACb,OAAO,EACP,cAAc,EACd,eAAe,EACf,QAAQ,EACR,KAAK,EACL,GAAG,KAAK,EACT,EAAE,WAAW,+BAoGb;AAED,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,CAAC"}
+{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../src/components/Switch.tsx"],"names":[],"mappings":"AAAA,OAAO,EASL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAGf,OAAO,KAAK,eAAe,MAAM,uBAAuB,CAAC;AASzD,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AA2ElE,QAAA,MAAM,cAAc;;;8EAelB,CAAC;AAEH,UAAU,WACR,SAAQ,IAAI,CACR,eAAe,CAAC,SAAS,EACzB,SAAS,GAAG,iBAAiB,GAAG,UAAU,CAC3C,EACD,YAAY,CAAC,OAAO,cAAc,CAAC;IACrC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,aAAa,CAAC,EAAE,SAAS,CAAC;CAC3B;AAoDD,QAAA,MAAM,MAAM,mDAyLV,CAAC;AAEH,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@medway-ui/native",
-  "version": "1.8.0",
+  "version": "1.8.1",
   "description": "Medway UI components for React Native (iOS/Android via Expo)",
   "author": "Alekcarvalho",
   "license": "MIT",

package/src/components/Switch.tsx

@@ -1,57 +1,109 @@
-import { useState, useEffect, type ReactNode } from "react";
-import { View, type ViewStyle } from "react-native";
+import {
+  cloneElement,
+  isValidElement,
+  memo,
+  useLayoutEffect,
+  useMemo,
+  useRef,
+  useState,
+  type ReactElement,
+  type ReactNode,
+} from "react";
+import { StyleSheet, type ViewStyle } from "react-native";
+import { cssInterop } from "nativewind";
 import * as SwitchPrimitive from "@rn-primitives/switch";
 import Animated, {
-  useSharedValue,
+  Easing,
+  interpolateColor,
   useAnimatedStyle,
+  useSharedValue,
   withTiming,
-  Easing,
+  type SharedValue,
 } from "react-native-reanimated";
 import { cva, type VariantProps } from "class-variance-authority";
 import { cn } from "@/lib/utils";
 import { getMinTouchHitSlop } from "@/lib/touch-target";
-import { useThemeColor } from "@/hooks/useThemeColor";
+import { useThemeColor, withAlpha } from "@/hooks/useThemeColor";
 
-interface SwitchProps
-  extends Omit<
-      SwitchPrimitive.RootProps,
-      "checked" | "onCheckedChange" | "children"
-    >,
-    VariantProps<typeof switchVariants> {
-  checked?: boolean;
-  defaultChecked?: boolean;
-  onCheckedChange?: (checked: boolean) => void;
-  checkedIcon?: ReactNode;
-  uncheckedIcon?: ReactNode;
-}
+// `@rn-primitives/switch` renders a plain Pressable — cssInterop makes `className` work.
+const StyledSwitchRoot = cssInterop(SwitchPrimitive.Root, {
+  className: "style",
+});
 
-const THUMB_SIZES: Record<"sm" | "md" | "lg", number> = {
+type SwitchSize = "sm" | "md" | "lg";
+
+type SwitchIconProps = {
+  color?: string;
+  width?: number;
+  height?: number;
+};
+
+const BORDER_WIDTH = 2;
+/** Gap between thumb and inner edge of the track border (web `translate-x-0.5`). */
+const THUMB_INSET = 2;
+const CENTER: ViewStyle = { alignItems: "center", justifyContent: "center" };
+
+const THUMB_SIZES: Record<SwitchSize, number> = {
   sm: 8,
   md: 12,
   lg: 16,
 };
 
-const THUMB_TRANSLATE: Record<"sm" | "md" | "lg", number> = {
-  sm: 11,
-  md: 15,
-  lg: 19,
+const ICON_SIZES: Record<SwitchSize, number> = {
+  sm: 8,
+  md: 12,
+  lg: 14,
 };
 
-const SWITCH_DIMENSIONS: Record<"sm" | "md" | "lg", { width: number; height: number }> = {
-  sm: { width: 24, height: 16 },
-  md: { width: 32, height: 20 },
-  lg: { width: 40, height: 24 },
-};
+/** Same scale as web `h-4 w-6` / `h-5 w-8` / `h-6 w-10` at 16px rem. */
+const SWITCH_DIMENSIONS: Record<SwitchSize, { width: number; height: number }> =
+  {
+    sm: { width: 24, height: 16 },
+    md: { width: 32, height: 20 },
+    lg: { width: 40, height: 24 },
+  };
+
+/**
+ * Thumb is a sibling of the bordered track (not a child of it), so offsets are
+ * from the root's outer box. That avoids Yoga content-box quirks where absolute
+ * children of a bordered view shift the knob down / past the right edge.
+ *
+ * off  = border + inset
+ * on   = width - border - inset - thumb
+ * on+disabled keeps a 1px tighter right inset, matching web.
+ */
+function getThumbTranslateX(
+  trackWidth: number,
+  thumbSize: number,
+  checked: boolean,
+  disabled: boolean
+): number {
+  const off = BORDER_WIDTH + THUMB_INSET;
+  if (!checked) return off;
+  const on = trackWidth - BORDER_WIDTH - THUMB_INSET - thumbSize;
+  return disabled ? on - 1 : on;
+}
+
+/**
+ * Even curve. A strong ease-out spends the last frames crawling, which reads
+ * as the thumb catching. Track and thumb colors ride the same curve.
+ */
+const THUMB_MOTION = {
+  duration: 250,
+  easing: Easing.inOut(Easing.cubic),
+} as const;
 
-const switchVariants = cva("rounded-full border-2 items-center shrink-0", {
+// Px, not `h-6 w-10`: NativeWind resolves rem as 14px on native, which shrinks
+// the track below SWITCH_DIMENSIONS and pushes the thumb down and out the right.
+const switchVariants = cva("shrink-0", {
   variants: {
     variant: {
       regular: "",
     },
     size: {
-      sm: "h-4 w-6",
-      md: "h-5 w-8",
-      lg: "h-6 w-10",
+      sm: "h-[16px] w-[24px]",
+      md: "h-[20px] w-[32px]",
+      lg: "h-[24px] w-[40px]",
     },
   },
   defaultVariants: {
@@ -60,119 +112,255 @@ const switchVariants = cva("rounded-full border-2 items-center shrink-0", {
   },
 });
 
-function Switch({
+interface SwitchProps
+  extends Omit<
+      SwitchPrimitive.RootProps,
+      "checked" | "onCheckedChange" | "children"
+    >,
+    VariantProps<typeof switchVariants> {
+  checked?: boolean;
+  defaultChecked?: boolean;
+  onCheckedChange?: (checked: boolean) => void;
+  checkedIcon?: ReactNode;
+  uncheckedIcon?: ReactNode;
+}
+
+function renderThumbIcon(icon: ReactNode, color: string, size: number) {
+  if (!isValidElement<SwitchIconProps>(icon)) return icon;
+
+  return cloneElement(icon as ReactElement<SwitchIconProps>, {
+    color: icon.props.color ?? color,
+    width: icon.props.width ?? size,
+    height: icon.props.height ?? size,
+  });
+}
+
+type SwitchThumbIconsProps = {
+  progress: SharedValue<number>;
+  checkedIcon: ReactNode;
+  uncheckedIcon: ReactNode;
+  checkedIconColor: string;
+  uncheckedIconColor: string;
+  iconSize: number;
+};
+
+function SwitchThumbIcons({
+  progress,
+  checkedIcon,
+  uncheckedIcon,
+  checkedIconColor,
+  uncheckedIconColor,
+  iconSize,
+}: SwitchThumbIconsProps) {
+  const checkedIconStyle = useAnimatedStyle(() => ({
+    opacity: progress.value,
+  }));
+  const uncheckedIconStyle = useAnimatedStyle(() => ({
+    opacity: 1 - progress.value,
+  }));
+
+  return (
+    <>
+      <Animated.View
+        style={[StyleSheet.absoluteFill, CENTER, uncheckedIconStyle]}
+      >
+        {renderThumbIcon(uncheckedIcon, uncheckedIconColor, iconSize)}
+      </Animated.View>
+      <Animated.View
+        style={[StyleSheet.absoluteFill, CENTER, checkedIconStyle]}
+      >
+        {renderThumbIcon(checkedIcon, checkedIconColor, iconSize)}
+      </Animated.View>
+    </>
+  );
+}
+
+const Switch = memo(function Switch({
   className,
   size = "md",
-  variant,
+  variant = "regular",
   checkedIcon,
   uncheckedIcon,
   checked,
   defaultChecked,
   onCheckedChange,
-  disabled,
+  disabled = false,
   style,
   ...props
 }: SwitchProps) {
   const resolvedSize = size ?? "md";
   const dimensions = SWITCH_DIMENSIONS[resolvedSize];
-  const [internalChecked, setInternalChecked] = useState(defaultChecked ?? false);
+  const thumbSize = THUMB_SIZES[resolvedSize];
+  const iconSize = ICON_SIZES[resolvedSize];
+  const [internalChecked, setInternalChecked] = useState(
+    defaultChecked ?? false
+  );
   const isControlled = checked !== undefined;
-  const isChecked = isControlled ? (checked ?? false) : internalChecked;
-
-  const trackOn = useThemeColor("primary-background-fill");
-  const trackOff = useThemeColor("surface-card");
-  const trackDisabled = useThemeColor("gray-background-soft-muted");
-  const trackBorder = useThemeColor("gray-stroke-muted");
-  const thumbOn = useThemeColor("primary-foreground-onfill");
-  const thumbOff = useThemeColor("gray-foreground-muted");
-  const thumbDisabled = useThemeColor("gray-background-fill-muted");
-
-  const translateX = useSharedValue(isChecked ? THUMB_TRANSLATE[resolvedSize] : 2);
-
-  useEffect(() => {
-    translateX.value = withTiming(isChecked ? THUMB_TRANSLATE[resolvedSize] : 2, {
-      duration: 180,
-      easing: Easing.out(Easing.ease),
-    });
-  }, [isChecked, resolvedSize, translateX]);
-
-  const thumbStyle = useAnimatedStyle(() => ({
-    transform: [{ translateX: translateX.value }],
-  }));
-
+  const isChecked = isControlled ? checked : internalChecked;
   const hasIcons = Boolean(checkedIcon || uncheckedIcon);
-  const thumbSize = THUMB_SIZES[resolvedSize];
+
+  const checkedIconColor = useThemeColor(
+    disabled ? "gray-300" : "primary-foreground-onfill"
+  );
+  const uncheckedIconColor = useThemeColor(
+    disabled ? "gray-300" : "gray-foreground"
+  );
+  const trackOffColor = useThemeColor(
+    disabled ? "gray-background-soft-muted" : "surface-card"
+  );
+  const trackOnColor = useThemeColor(
+    disabled ? "gray-background-soft-muted" : "primary-background-fill"
+  );
+  const borderOffColor = useThemeColor("gray-stroke-muted");
+  const borderOnColor = disabled ? borderOffColor : withAlpha(borderOffColor, 0);
+  const thumbDisabledColor = useThemeColor("gray-background-fill-muted");
+  const thumbOnToken = useThemeColor("primary-foreground-onfill");
+  const thumbOffToken = useThemeColor("gray-foreground-muted");
+  const thumbOffColor = hasIcons
+    ? "rgba(0, 0, 0, 0)"
+    : disabled
+      ? thumbDisabledColor
+      : thumbOffToken;
+  const thumbOnColor = hasIcons
+    ? "rgba(0, 0, 0, 0)"
+    : disabled
+      ? thumbDisabledColor
+      : thumbOnToken;
+
+  const offX = getThumbTranslateX(dimensions.width, thumbSize, false, disabled);
+  const onX = getThumbTranslateX(dimensions.width, thumbSize, true, disabled);
+  // Root has no border — center against the outer height.
+  const thumbTop = (dimensions.height - thumbSize) / 2;
+
+  // Single UI-thread driver for position, colors and icons. In controlled mode
+  // the visual only moves when `checked` changes (same as the web Radix switch).
+  const progress = useSharedValue(isChecked ? 1 : 0);
+  const targetRef = useRef(isChecked);
+
+  const animateTo = (next: boolean) => {
+    if (targetRef.current === next) return;
+    targetRef.current = next;
+    progress.value = withTiming(next ? 1 : 0, THUMB_MOTION);
+  };
+
+  useLayoutEffect(() => {
+    animateTo(isChecked);
+  }, [isChecked]);
 
   const handleCheckedChange = (nextChecked: boolean) => {
-    if (!isControlled) setInternalChecked(nextChecked);
+    if (!isControlled) {
+      animateTo(nextChecked);
+      setInternalChecked(nextChecked);
+    }
     onCheckedChange?.(nextChecked);
   };
 
-  const trackBackgroundColor = disabled
-    ? trackDisabled
-    : isChecked
-      ? trackOn
-      : trackOff;
-
-  const trackBorderColor = disabled || !isChecked ? trackBorder : "transparent";
-
-  const thumbBackgroundColor = disabled
-    ? thumbDisabled
-    : hasIcons
-      ? "transparent"
-      : isChecked
-        ? thumbOn
-        : thumbOff;
-
-  const rootStyle: ViewStyle = {
-    width: dimensions.width,
-    height: dimensions.height,
-    minWidth: dimensions.width,
-    minHeight: dimensions.height,
-    borderRadius: dimensions.height / 2,
-    borderWidth: 2,
-    alignItems: "flex-start",
-    justifyContent: "center",
-    backgroundColor: trackBackgroundColor,
-    borderColor: trackBorderColor,
-  };
+  const trackMotionStyle = useAnimatedStyle(() => ({
+    backgroundColor: interpolateColor(
+      progress.value,
+      [0, 1],
+      [trackOffColor, trackOnColor]
+    ),
+    borderColor: interpolateColor(
+      progress.value,
+      [0, 1],
+      [borderOffColor, borderOnColor]
+    ),
+  }));
+
+  const thumbMotionStyle = useAnimatedStyle(() => ({
+    transform: [{ translateX: offX + (onX - offX) * progress.value }],
+  }), [offX, onX]);
+
+  const thumbColorStyle = useAnimatedStyle(() => ({
+    backgroundColor: interpolateColor(
+      progress.value,
+      [0, 1],
+      [thumbOffColor, thumbOnColor]
+    ),
+  }));
+
+  const baseRootStyle = useMemo<ViewStyle>(
+    () => ({
+      width: dimensions.width,
+      height: dimensions.height,
+      minWidth: dimensions.width,
+      minHeight: dimensions.height,
+      borderRadius: dimensions.height / 2,
+      borderWidth: 0,
+      padding: 0,
+      overflow: "visible",
+    }),
+    [dimensions.height, dimensions.width]
+  );
+
+  const trackStyle = useMemo<ViewStyle>(
+    () => ({
+      ...StyleSheet.absoluteFill,
+      borderRadius: dimensions.height / 2,
+      borderWidth: BORDER_WIDTH,
+    }),
+    [dimensions.height]
+  );
+
+  const thumbStyle = useMemo<ViewStyle>(
+    () => ({
+      position: "absolute",
+      top: thumbTop,
+      left: 0,
+      width: thumbSize,
+      height: thumbSize,
+      borderRadius: thumbSize / 2,
+      alignItems: "center",
+      justifyContent: "center",
+    }),
+    [thumbSize, thumbTop]
+  );
+
+  const hitSlop = useMemo(
+    () => getMinTouchHitSlop(dimensions.width, dimensions.height),
+    [dimensions.height, dimensions.width]
+  );
 
   return (
-    <SwitchPrimitive.Root
+    <StyledSwitchRoot
+      hitSlop={hitSlop}
+      {...props}
       checked={isChecked}
       onCheckedChange={handleCheckedChange}
       disabled={disabled}
-      hitSlop={getMinTouchHitSlop(dimensions.width, dimensions.height)}
+      className={cn(
+        switchVariants({ size: resolvedSize, variant }),
+        className
+      )}
       style={(state) => [
-        rootStyle,
+        baseRootStyle,
         typeof style === "function" ? style(state) : style,
       ]}
-      className={cn(switchVariants({ size, variant }), className)}
-      {...props}
     >
-      <SwitchPrimitive.Thumb asChild>
-        <Animated.View
-          style={[
-            thumbStyle,
-            {
-              width: thumbSize,
-              height: thumbSize,
-              borderRadius: thumbSize / 2,
-              backgroundColor: thumbBackgroundColor,
-            },
-          ]}
-        >
-          {hasIcons ? (
-            <View className="flex-1 items-center justify-center">
-              {isChecked && checkedIcon}
-              {!isChecked && uncheckedIcon}
-            </View>
-          ) : null}
-        </Animated.View>
-      </SwitchPrimitive.Thumb>
-    </SwitchPrimitive.Root>
+      <Animated.View
+        pointerEvents="none"
+        style={[trackStyle, trackMotionStyle]}
+      />
+      <Animated.View
+        pointerEvents="none"
+        collapsable={false}
+        style={[thumbStyle, thumbMotionStyle, thumbColorStyle]}
+      >
+        {hasIcons ? (
+          <SwitchThumbIcons
+            progress={progress}
+            checkedIcon={checkedIcon}
+            uncheckedIcon={uncheckedIcon}
+            checkedIconColor={checkedIconColor}
+            uncheckedIconColor={uncheckedIconColor}
+            iconSize={iconSize}
+          />
+        ) : null}
+      </Animated.View>
+    </StyledSwitchRoot>
   );
-}
+});
 
 export { Switch, switchVariants };
 export type { SwitchProps };