@multiplatform.one/forms 7.34.4 → 7.35.0

package/dist/cjs/fields/Stepper/resolveStepperPlacement.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","resolveStepperPlacement_exports","resolveStepperPlacement","module","exports","buttonPosition","touch","requested"],"sources":["resolveStepperPlacement.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 resolveStepperPlacement_exports = {};\n__export(resolveStepperPlacement_exports, {\n  resolveStepperPlacement: () => resolveStepperPlacement\n});\nmodule.exports = __toCommonJS(resolveStepperPlacement_exports);\nfunction resolveStepperPlacement(buttonPosition, touch) {\n  var requested = buttonPosition !== null && buttonPosition !== void 0 ? buttonPosition : \"both\";\n  if (touch && requested !== \"both\") return \"both\";\n  return requested;\n}\n//# sourceMappingURL=resolveStepperPlacement.js.map\n"],"mappings":"AAAA,YAAY;;AACZ,IAAIA,SAAS,GAAGC,MAAM,CAACC,cAAc;AACrC,IAAIC,gBAAgB,GAAGF,MAAM,CAACG,wBAAwB;AACtD,IAAIC,iBAAiB,GAAGJ,MAAM,CAACK,mBAAmB;AAClD,IAAIC,YAAY,GAAGN,MAAM,CAACO,SAAS,CAACC,cAAc;AAClD,IAAIC,QAAQ,GAAGA,CAACC,MAAM,EAAEC,GAAG,KAAK;EAC9B,KAAK,IAAIC,IAAI,IAAID,GAAG,EAClBZ,SAAS,CAACW,MAAM,EAAEE,IAAI,EAAE;IAAEC,GAAG,EAAEF,GAAG,CAACC,IAAI,CAAC;IAAEE,UAAU,EAAE;EAAK,CAAC,CAAC;AACjE,CAAC;AACD,IAAIC,WAAW,GAAGA,CAACC,EAAE,EAAEC,IAAI,EAAEC,MAAM,EAAEC,IAAI,KAAK;EAC5C,IAAIF,IAAI,IAAI,OAAOA,IAAI,KAAK,QAAQ,IAAI,OAAOA,IAAI,KAAK,UAAU,EAAE;IAClE,KAAK,IAAIG,GAAG,IAAIhB,iBAAiB,CAACa,IAAI,CAAC,EACrC,IAAI,CAACX,YAAY,CAACe,IAAI,CAACL,EAAE,EAAEI,GAAG,CAAC,IAAIA,GAAG,KAAKF,MAAM,EAC/CnB,SAAS,CAACiB,EAAE,EAAEI,GAAG,EAAE;MAAEP,GAAG,EAAEA,CAAA,KAAMI,IAAI,CAACG,GAAG,CAAC;MAAEN,UAAU,EAAE,EAAEK,IAAI,GAAGjB,gBAAgB,CAACe,IAAI,EAAEG,GAAG,CAAC,CAAC,IAAID,IAAI,CAACL;IAAW,CAAC,CAAC;EACxH;EACA,OAAOE,EAAE;AACX,CAAC;AACD,IAAIM,YAAY,GAAIC,GAAG,IAAKR,WAAW,CAAChB,SAAS,CAAC,CAAC,CAAC,EAAE,YAAY,EAAE;EAAEyB,KAAK,EAAE;AAAK,CAAC,CAAC,EAAED,GAAG,CAAC;AAC1F,IAAIE,+BAA+B,GAAG,CAAC,CAAC;AACxChB,QAAQ,CAACgB,+BAA+B,EAAE;EACxCC,uBAAuB,EAAEA,CAAA,KAAMA;AACjC,CAAC,CAAC;AACFC,MAAM,CAACC,OAAO,GAAGN,YAAY,CAACG,+BAA+B,CAAC;AAC9D,SAASC,uBAAuBA,CAACG,cAAc,EAAEC,KAAK,EAAE;EACtD,IAAIC,SAAS,GAAGF,cAAc,KAAK,IAAI,IAAIA,cAAc,KAAK,KAAK,CAAC,GAAGA,cAAc,GAAG,MAAM;EAC9F,IAAIC,KAAK,IAAIC,SAAS,KAAK,MAAM,EAAE,OAAO,MAAM;EAChD,OAAOA,SAAS;AAClB","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","resolveStepperPlacement_exports","__export","resolveStepperPlacement","module","exports","buttonPosition","touch","requested"],"sources":["../../../../src/fields/Stepper/resolveStepperPlacement.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,+BAAA;AAAAC,QAAA,CAAAD,+BAAA;EAAAE,uBAAA,EAAAA,CAAA,KAAAA;AAAA;AAMOC,MAAA,CAAAC,OAAS,GAAAT,YAAA,CAAAK,+BAGS;AACvB,SAAME,uBAAYA,CAAAG,cAAkB,EAAAC,KAAA;EACpC,IAAIC,SAAS,GAAAF,cAAc,KAAQ,QAAOA,cAAA,cAAAA,cAAA;EAC1C,IAAAC,KAAO,IAAAC,SAAA;EACT,OAAAA,SAAA","ignoreList":[]}

package/dist/cjs/fields/Switch/footprint.cjs

@@ -28,19 +28,21 @@ module.exports = __toCommonJS(footprint_exports);
 var import_theme = require("@multiplatform.one/theme");
 var import_tamagui = require("tamagui");
 const webSwitch = {
-  heightRatio: 0.65,
-  aspect: 2,
-  rimGutter: 0
+  heightRatio: 22 / 40,
+  aspect: 42 / 22,
+  rimGutter: 2
 };
 const nativeSwitch = {
-  heightRatio: 31 / 44,
-  aspect: 51 / 31,
+  width: 51,
+  height: 31,
   rimGutter: 1
 };
 function switchFootprint(sizeToken, borderWidth) {
   const platform = import_tamagui.isWeb ? webSwitch : nativeSwitch;
-  const trackHeight = Math.round((0, import_theme.sizeRecipeForToken)(sizeToken).height * platform.heightRatio);
-  const trackWidth = Math.round(trackHeight * platform.aspect);
+  const recipeHeight = (0, import_theme.sizeRecipeForToken)(sizeToken).height;
+  const ratio = recipeHeight / (0, import_theme.sizeRecipeForToken)("$4").height;
+  const trackHeight = Math.round(import_tamagui.isWeb ? recipeHeight * webSwitch.heightRatio : nativeSwitch.height * ratio);
+  const trackWidth = Math.round(import_tamagui.isWeb ? trackHeight * webSwitch.aspect : nativeSwitch.width * ratio);
   const thumbSlot = trackHeight - borderWidth * 2;
   const thumbInset = Math.max(0, platform.rimGutter - borderWidth);
   return {

package/dist/cjs/fields/Switch/footprint.native.js

@@ -30,19 +30,21 @@ module.exports = __toCommonJS(footprint_exports);
 var import_theme = require("@multiplatform.one/theme");
 var import_tamagui = require("tamagui");
 var webSwitch = {
-  heightRatio: 0.65,
-  aspect: 2,
-  rimGutter: 0
+  heightRatio: 22 / 40,
+  aspect: 42 / 22,
+  rimGutter: 2
 };
 var nativeSwitch = {
-  heightRatio: 31 / 44,
-  aspect: 51 / 31,
+  width: 51,
+  height: 31,
   rimGutter: 1
 };
 function switchFootprint(sizeToken, borderWidth) {
   var platform = import_tamagui.isWeb ? webSwitch : nativeSwitch;
-  var trackHeight = Math.round((0, import_theme.sizeRecipeForToken)(sizeToken).height * platform.heightRatio);
-  var trackWidth = Math.round(trackHeight * platform.aspect);
+  var recipeHeight = (0, import_theme.sizeRecipeForToken)(sizeToken).height;
+  var ratio = recipeHeight / (0, import_theme.sizeRecipeForToken)("$4").height;
+  var trackHeight = Math.round(import_tamagui.isWeb ? recipeHeight * webSwitch.heightRatio : nativeSwitch.height * ratio);
+  var trackWidth = Math.round(import_tamagui.isWeb ? trackHeight * webSwitch.aspect : nativeSwitch.width * ratio);
   var thumbSlot = trackHeight - borderWidth * 2;
   var thumbInset = Math.max(0, platform.rimGutter - borderWidth);
   return {

package/dist/cjs/fields/Switch/footprint.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","footprint_exports","switchFootprint","module","exports","import_theme","require","import_tamagui","webSwitch","heightRatio","aspect","rimGutter","nativeSwitch","sizeToken","borderWidth","platform","isWeb","trackHeight","Math","round","sizeRecipeForToken","height","trackWidth","thumbSlot","thumbInset","max","thumbSize","travel"],"sources":["footprint.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 footprint_exports = {};\n__export(footprint_exports, {\n  switchFootprint: () => switchFootprint\n});\nmodule.exports = __toCommonJS(footprint_exports);\nvar import_theme = require(\"@multiplatform.one/theme\");\nvar import_tamagui = require(\"tamagui\");\nvar webSwitch = {\n  heightRatio: 0.65,\n  aspect: 2,\n  rimGutter: 0\n};\nvar nativeSwitch = {\n  heightRatio: 31 / 44,\n  aspect: 51 / 31,\n  rimGutter: 1\n};\nfunction switchFootprint(sizeToken, borderWidth) {\n  var platform = import_tamagui.isWeb ? webSwitch : nativeSwitch;\n  var trackHeight = Math.round((0, import_theme.sizeRecipeForToken)(sizeToken).height * platform.heightRatio);\n  var trackWidth = Math.round(trackHeight * platform.aspect);\n  var thumbSlot = trackHeight - borderWidth * 2;\n  var thumbInset = Math.max(0, platform.rimGutter - borderWidth);\n  return {\n    trackHeight,\n    trackWidth,\n    thumbSlot,\n    thumbInset,\n    thumbSize: thumbSlot - thumbInset * 2,\n    travel: trackWidth - borderWidth * 2 - thumbSlot\n  };\n}\n//# sourceMappingURL=footprint.js.map\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","footprint_exports","__export","switchFootprint","module","exports","import_theme","require","import_tamagui","webSwitch","heightRatio","aspect","rimGutter","nativeSwitch","width","height","sizeToken","borderWidth","platform","isWeb","recipeHeight","sizeRecipeForToken","ratio","trackHeight","Math","round","trackWidth","thumbSlot","thumbInset","max"],"sources":["../../../../src/fields/Switch/footprint.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,iBAAA;AAAAC,QAAA,CAAAD,iBAAA;EAAAE,eAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAAmC,CAAAK,iBAAA;AACnC,IAAAK,YAAA,GAAAC,OAAsB;AAQtB,IAAAC,cAAkB,GAAED,OAAA,UAAkB;AACtC,IAAAE,SAAM;EAaCC,WAAS;EACdC,MAAM;EACNC,SAAM;AACN;AACA,IAAAC,YAAM;EAAmBC,KACvB;EACFC,MAAA;EACAH,SAAM;AAAkB;AACwC,SAChET,gBAAAa,SAAA,EAAAC,WAAA;EACA,IAAAC,QAAM,GAAAV,cAAY,CAAAW,KAAc,GAAAV,SAAc,GAAAI,YAAA;EAC9C,IAAAO,YAAM,GAAa,IAAAd,YAAY,CAAAe,kBAAqB,EAAAL,SAAW,EAAAD,MAAA;EAC/D,IAAAO,KAAO,GAAAF,YAAA,OAAAd,YAAA,CAAAe,kBAAA,QAAAN,MAAA;EAAA,IACLQ,WAAA,GAAAC,IAAA,CAAAC,KAAA,CAAAjB,cAAA,CAAAW,KAAA,GAAAC,YAAA,GAAAX,SAAA,CAAAC,WAAA,GAAAG,YAAA,CAAAE,MAAA,GAAAO,KAAA;EAAA,IACAI,UAAA,GAAAF,IAAA,CAAAC,KAAA,CAAAjB,cAAA,CAAAW,KAAA,GAAAI,WAAA,GAAAd,SAAA,CAAAE,MAAA,GAAAE,YAAA,CAAAC,KAAA,GAAAQ,KAAA;EAAA,IACAK,SAAA,GAAAJ,WAAA,GAAAN,WAAA;EAAA,IACAW,UAAA,GAAAJ,IAAA,CAAAK,GAAA,IAAAX,QAAA,CAAAN,SAAA,GAAAK,WAAA;EAAA,OACA;IACAM,WAAQ;IACVG,UAAA;IACFC,SAAA","ignoreList":[]}

package/dist/cjs/fields/Switch/index.cjs

@@ -25,10 +25,12 @@ __export(Switch_exports, {
   Switch: () => Switch
 });
 module.exports = __toCommonJS(Switch_exports);
+var import_instantMotion = require("../../shared/instantMotion.cjs");
 var import_theme = require("@multiplatform.one/theme");
+var import_theme2 = require("@multiplatform.one/theme");
 var import_react = require("react");
 var import_tamagui = require("tamagui");
-var import_theme2 = require("@multiplatform.one/theme");
+var import_theme3 = require("@multiplatform.one/theme");
 var import_commitImmediateField = require("../../ContextualSaveBar/commitImmediateField.cjs");
 var import_Form = require("../../Form/index.cjs");
 var import_Skeleton = require("../../Skeleton/index.cjs");
@@ -41,7 +43,7 @@ var import_footprint = require("./footprint.cjs");
 var import_jsx_runtime = require("react/jsx-runtime");
 const SWITCH_DRAG_INTENT_PX = 10;
 const SWITCH_CELL_TARGET_HEIGHT = 44;
-const resolveSwitchMotion = token => token && token !== "none" ? token : "none";
+const resolveSwitchMotion = token => (0, import_instantMotion.transitionOrInstant)(token);
 const SWITCH_KB_RING_CSS_ID = "mp-switch-kb-ring-css";
 const SWITCH_KB_RING_CLASS = "mp-switch-kb-ring";
 function ensureSwitchKbRingCss() {
@@ -66,7 +68,8 @@ const stripOutlineFromState = props => {
   } = props;
   return Object.keys(rest).length > 0 ? rest : void 0;
 };
-const SWITCH_TRACK_BORDER_FALLBACK = 1;
+const stripTrackPaintFromState = props => props && Object.fromEntries(Object.entries(props).filter(([key]) => !/^background|^border.*Color$/.test(key)));
+const SWITCH_TRACK_BORDER_FALLBACK = 0;
 const resolveRadiusValue = radius => {
   if (typeof radius === "number") return radius;
   if (typeof radius !== "string") return void 0;
@@ -77,8 +80,8 @@ const resolveRadiusValue = radius => {
   return Number.isFinite(parsed) ? parsed : void 0;
 };
 function radiusStopFromToken(token) {
-  for (const stop of Object.keys(import_theme2.borderRadiusMap)) {
-    if (import_theme2.borderRadiusMap[stop] === token) return stop;
+  for (const stop of Object.keys(import_theme3.borderRadiusMap)) {
+    if (import_theme3.borderRadiusMap[stop] === token) return stop;
   }
   return void 0;
 }
@@ -106,27 +109,10 @@ const SwitchThumbStyled = (0, import_tamagui.styled)(import_tamagui.View, {
       false: {
         size: "$true",
         backgroundColor: import_colorRamps.formSwitchColors.thumb,
-        // The thumb is a solid physical handle — it gets its definition from a
-        // subtle drop shadow (iOS/Material convention), NOT a flat gray ring.
-        // A visible border reads as an outline/defect; the shadow lifts the
-        // thumb off the track on every side and survives light-thumb-on-light-
-        // track without a hard edge.
         borderWidth: 0,
         borderRadius: 1e3,
         justifyContent: "center",
-        alignItems: "center",
-        ...(import_tamagui.isWeb ? {
-          boxShadow: "0 1px 2px rgba(0,0,0,0.18), 0 0 1px rgba(0,0,0,0.12)"
-        } : {
-          shadowColor: "#000",
-          shadowOffset: {
-            width: 0,
-            height: 1
-          },
-          shadowOpacity: 0.15,
-          shadowRadius: 2,
-          elevation: 2
-        })
+        alignItems: "center"
       }
     },
     checked: {
@@ -157,10 +143,8 @@ const SwitchFrameStyled = (0, import_tamagui.styled)(import_tamagui.View, {
         position: "relative",
         borderRadius: 1e3,
         backgroundColor: import_colorRamps.formSwitchColors.track.off,
-        borderWidth: 1,
-        // Off track: muted fill + ≥3:1 boundary (M3 unselected outline,
-        // DF-06). On track is fill — see `checked` / `activeStyle`.
-        borderColor: import_colorRamps.formControlColors.boundary,
+        borderWidth: 0,
+        borderColor: import_colorRamps.formSwitchColors.track.off,
         outlineWidth: 0,
         focusStyle: {
           outlineWidth: 0
@@ -179,7 +163,7 @@ const SwitchFrameStyled = (0, import_tamagui.styled)(import_tamagui.View, {
       },
       false: {
         backgroundColor: import_colorRamps.formSwitchColors.track.off,
-        borderColor: import_colorRamps.formControlColors.boundary
+        borderColor: import_colorRamps.formSwitchColors.track.off
       }
     },
     size: {
@@ -268,19 +252,6 @@ const SwitchComp = (0, import_tamagui.createSwitch)({
 const StyledSwitch = (0, import_tamagui.withStaticProperties)(SwitchComp, {
   Icon: SwitchIcon
 });
-function useLuminanceThumbColor(displayChecked) {
-  const theme = (0, import_tamagui.useTheme)();
-  const trackToken = (displayChecked ? import_colorRamps.formSwitchColors.track.on : import_colorRamps.formSwitchColors.track.off).slice(1);
-  const trackRaw = String(theme[trackToken]?.val ?? "");
-  const paperRaw = String(theme.color1?.val ?? "");
-  const inkRaw = String(theme.color12?.val ?? "");
-  const track = trackRaw ? (0, import_theme2.normalizeToHex)(trackRaw) : null;
-  const paper = paperRaw ? (0, import_theme2.normalizeToHex)(paperRaw) : null;
-  const ink = inkRaw ? (0, import_theme2.normalizeToHex)(inkRaw) : null;
-  if (!track || !paper || !ink) return void 0;
-  const trackLum = (0, import_theme2.relativeLuminance)(track);
-  return (0, import_theme2.contrastRatio)((0, import_theme2.relativeLuminance)(paper), trackLum) >= (0, import_theme2.contrastRatio)((0, import_theme2.relativeLuminance)(ink), trackLum) ? paperRaw : inkRaw;
-}
 function SwitchControl({
   checked,
   onCheckedChange,
@@ -314,16 +285,17 @@ function SwitchControl({
   radiusResolution
 }) {
   if (import_tamagui.isWeb) {
-    (0, import_theme2.ensureKeyboardModalityTracking)();
+    (0, import_theme3.ensureKeyboardModalityTracking)();
     ensureSwitchKbRingCss();
   }
   const {
     disabledState,
     knobProps
-  } = (0, import_theme2.useResolvedKnobs)();
+  } = (0, import_theme3.useResolvedKnobs)();
   const outlined = knobProps.outlined;
-  const trackOffFill = outlined ? "transparent" : import_colorRamps.formSwitchColors.track.off;
-  const trackOffBorder = import_colorRamps.formControlColors.boundary;
+  const [hovered, setHovered] = (0, import_react.useState)(false);
+  const [pressed, setPressed] = (0, import_react.useState)(false);
+  const offPaint = pressed ? import_colorRamps.formSwitchColors.track.offPress : hovered ? import_colorRamps.formSwitchColors.track.offHover : import_colorRamps.formSwitchColors.track.off;
   const {
     thumbInset,
     thumbSize,
@@ -358,6 +330,7 @@ function SwitchControl({
       if (session.moved) setDragX(nextX);
     };
     const endDrag = e => {
+      setPressed(false);
       const session = sessionRef.current;
       if (!session || e.pointerId !== session.pointerId) return;
       const dist = dragDistanceRef.current;
@@ -386,7 +359,6 @@ function SwitchControl({
     };
   }, []);
   const displayChecked = snapChecked ?? checked;
-  const thumbHandleColor = useLuminanceThumbColor(displayChecked);
   const restingX = displayChecked ? dragDistance : 0;
   const thumbX = dragX != null ? dragX : restingX;
   const canDrag = import_tamagui.isWeb && !disabled && !readOnly;
@@ -417,6 +389,10 @@ function SwitchControl({
   const focusSafe = stripOutlineFromState(focusStyle);
   const {
     onPointerDown: switchPointerDown,
+    onMouseEnter: switchMouseEnter,
+    onMouseLeave: switchMouseLeave,
+    onPressIn: switchPressIn,
+    onPressOut: switchPressOut,
     onPress: switchPress,
     onFocus: switchFocus,
     onBlur: switchBlur,
@@ -427,7 +403,10 @@ function SwitchControl({
   const frameClassName = [switchClassName, !cellTrack ? kbRingClass : void 0].filter(Boolean).join(" ") || void 0;
   return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(StyledSwitch, {
     ...inputSurface,
-    transition: motion,
+    ...(0, import_theme.transitionProps)({
+      ...knobProps.motion.control,
+      transition: motion
+    }, ["borderWidth"]),
     size: sizeToken,
     ...(hoverSafe && {
       hoverStyle: hoverSafe
@@ -457,8 +436,8 @@ function SwitchControl({
       backgroundColor: import_colorRamps.formSwitchColors.track.on,
       borderColor: import_colorRamps.formSwitchColors.track.on
     } : {
-      backgroundColor: trackOffFill,
-      borderColor: trackOffBorder
+      backgroundColor: outlined ? "transparent" : offPaint,
+      borderColor: offPaint
     }),
     ...(kbFocus ? {
       "data-kb-focus": "true"
@@ -468,7 +447,7 @@ function SwitchControl({
     } : void 0),
     ...(cellTrack ? {
       outlineWidth: 0
-    } : kbFocus ? (0, import_theme2.ensureFocusVisibleRing)() : {
+    } : kbFocus ? (0, import_theme3.ensureFocusVisibleRing)() : {
       outlineWidth: 0
     }),
     ...(!import_tamagui.isWeb && {
@@ -501,7 +480,7 @@ function SwitchControl({
     "aria-invalid": hasError || void 0,
     onFocus: e => {
       switchFocus?.(e);
-      if ((0, import_theme2.wasKeyboardFocus)()) setKbFocus(true);
+      if ((0, import_theme3.wasKeyboardFocus)()) setKbFocus(true);
     },
     onBlur: e => {
       setKbFocus(false);
@@ -516,6 +495,24 @@ function SwitchControl({
       }
       onCheckedChange?.(val);
     },
+    ...(import_tamagui.isWeb && {
+      onMouseEnter: e => {
+        if (!disabled && !readOnly) setHovered(true);
+        switchMouseEnter?.(e);
+      },
+      onMouseLeave: e => {
+        setHovered(false);
+        switchMouseLeave?.(e);
+      }
+    }),
+    onPressIn: e => {
+      if (!disabled && !readOnly) setPressed(true);
+      switchPressIn?.(e);
+    },
+    onPressOut: e => {
+      setPressed(false);
+      switchPressOut?.(e);
+    },
     onPointerDown: e => {
       switchPointerDown?.(e);
       if (!canDrag) return;
@@ -533,20 +530,23 @@ function SwitchControl({
     } : void 0),
     children: [cellTrack && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
       position: "absolute",
-      left: 0,
-      right: 0,
+      left: (cellTrack.frameWidth - cellTrack.width) / 2,
+      width: cellTrack.width,
       top: "50%",
       y: -cellTrack.height / 2,
       height: cellTrack.height,
       borderRadius: cellTrack.borderRadius,
       ...radiusResolution,
       borderWidth: cellTrack.borderWidth,
-      borderColor: displayChecked ? import_colorRamps.formSwitchColors.track.on : trackOffBorder,
-      backgroundColor: displayChecked ? import_colorRamps.formSwitchColors.track.on : trackOffFill,
-      transition: motion,
+      borderColor: displayChecked ? import_colorRamps.formSwitchColors.track.on : offPaint,
+      backgroundColor: displayChecked ? import_colorRamps.formSwitchColors.track.on : outlined ? "transparent" : offPaint,
+      ...(0, import_theme.transitionProps)({
+        ...knobProps.motion.control,
+        transition: motion
+      }, ["borderWidth"]),
       pointerEvents: "none",
       className: kbFocus ? SWITCH_KB_RING_CLASS : void 0,
-      ...(kbFocus ? (0, import_theme2.ensureFocusVisibleRing)() : {
+      ...(kbFocus ? (0, import_theme3.ensureFocusVisibleRing)() : {
         outlineWidth: 0
       }),
       ...(cellTrack.hoverStyle && {
@@ -565,17 +565,18 @@ function SwitchControl({
       placement: "right",
       children: rightIcon
     }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(StyledSwitch.Thumb, {
+      ...knobProps.thumbShadow,
       borderRadius: thumbRadius,
       ...radiusResolution,
       width: thumbSize,
       height: thumbSize,
       alignSelf: "flex-start",
-      x: thumbX + thumbInset + (cellTrack ? cellTrack.borderWidth : 0),
+      x: thumbX + thumbInset + (cellTrack ? cellTrack.borderWidth + (cellTrack.frameWidth - cellTrack.width) / 2 : 0),
       y: cellTrack ? (cellTrack.frameHeight - thumbSize) / 2 : thumbInset,
-      ...(thumbHandleColor ? {
-        backgroundColor: thumbHandleColor
-      } : void 0),
-      transition: dragX != null ? "none" : motion,
+      ...(0, import_theme.transitionProps)({
+        ...knobProps.motion.control,
+        transition: dragX != null ? (0, import_instantMotion.transitionOrInstant)(void 0) : motion
+      }),
       ...(thumbHoverStyle && {
         hoverStyle: thumbHoverStyle
       }),
@@ -613,10 +614,9 @@ function Switch({
   switchProps,
   pointy,
   skeleton,
-  compact,
   minTargetHeight
 }) {
-  const hydrationTouch = (0, import_theme.useTouchSurface)();
+  const hydrationTouch = (0, import_theme2.useTouchSurface)();
   const handleValueChange = val => {
     onChange?.(val);
     onCheckedChange?.(val);
@@ -630,8 +630,7 @@ function Switch({
     id
   } = (0, import_utils.useFormField)({
     form: formProp,
-    id: idProp,
-    compact
+    id: idProp
   });
   const {
     mode: saveMode,
@@ -647,36 +646,37 @@ function Switch({
     }
   }, [defaultValue, checked]);
   const sizeToken = size ?? knobProps.sizeToken;
-  const borderWidth = knobProps.borderRadius.borderWidth ?? 1;
-  const footprint = (0, import_footprint.switchFootprint)(String(sizeToken), borderWidth);
+  const ringWidth = knobProps.outlined ? Math.max(Number(knobProps.borderRadius.borderWidth) || 1, 1) : 0;
+  const footprint = (0, import_footprint.switchFootprint)(String(sizeToken), ringWidth);
   const {
     trackHeight,
     trackWidth
   } = footprint;
-  const targetHeight = inTableCell ? SWITCH_CELL_TARGET_HEIGHT : minTargetHeight !== void 0 ? Math.max(minTargetHeight, trackHeight) : hydrationTouch && trackHeight < import_theme2.TOUCH_HEIGHT_FLOOR ? import_theme2.TOUCH_HEIGHT_FLOOR : void 0;
+  const targetHeight = inTableCell ? SWITCH_CELL_TARGET_HEIGHT : minTargetHeight !== void 0 ? Math.max(minTargetHeight, trackHeight) : hydrationTouch && trackHeight < import_theme3.TOUCH_HEIGHT_FLOOR ? import_theme3.TOUCH_HEIGHT_FLOOR : void 0;
   const grownTarget = targetHeight !== void 0;
   const rowMinHeight = !inTableCell && grownTarget ? targetHeight : void 0;
   const renderSwitch = (switchChecked, handleChange, handleBlur, hasError, errorMessage) => {
     const overrideRadius = switchProps?.borderRadius;
     const radiusStop = resolveSwitchRadiusStop(pointy, knobProps.borderRadius.borderRadius);
     const thumbPaintedHeight = footprint.thumbSize;
-    const trackRadius = overrideRadius != null ? resolveRadiusValue(overrideRadius) ?? 1e3 : (0, import_theme2.resolveRadiusClass)("BINARY", radiusStop, {
+    const trackRadius = overrideRadius != null ? resolveRadiusValue(overrideRadius) ?? 1e3 : (0, import_theme3.resolveRadiusClass)("BINARY", radiusStop, {
       heightPx: trackHeight
     });
-    const thumbRadius = overrideRadius != null ? resolveRadiusValue(overrideRadius) ?? 1e3 : (0, import_theme2.resolveRadiusClass)("BINARY", radiusStop, {
+    const thumbRadius = overrideRadius != null ? resolveRadiusValue(overrideRadius) ?? 1e3 : (0, import_theme3.resolveRadiusClass)("BINARY", radiusStop, {
       heightPx: thumbPaintedHeight
     });
-    const radiusResolution = overrideRadius == null ? (0, import_theme2.radiusResolutionProps)("BINARY") : void 0;
+    const radiusResolution = overrideRadius == null ? (0, import_theme3.radiusResolutionProps)("BINARY") : void 0;
     let frameProps = {
       borderRadius: overrideRadius ?? trackRadius,
+      borderWidth: ringWidth,
       height: trackHeight,
       minHeight: trackHeight,
       width: trackWidth,
-      ...(0, import_pressSlopProps.pressSlopProps)(trackHeight, !grownTarget, trackWidth >= import_theme2.TOUCH_HEIGHT_FLOOR ? "vertical" : "both")
+      ...(0, import_pressSlopProps.pressSlopProps)(trackHeight, !grownTarget, trackWidth >= import_theme3.TOUCH_HEIGHT_FLOOR ? "vertical" : "both")
     };
-    const hoverRaw = stripOutlineFromState(control.hoverKnobProps);
-    const pressRaw = stripOutlineFromState(control.pressKnobProps);
-    const focusRaw = stripOutlineFromState(control.focusKnobProps);
+    const hoverRaw = stripTrackPaintFromState(stripOutlineFromState(control.hoverKnobProps));
+    const pressRaw = stripTrackPaintFromState(stripOutlineFromState(control.pressKnobProps));
+    const focusRaw = stripTrackPaintFromState(stripOutlineFromState(control.focusKnobProps));
     const trackHover = overrideRadius != null ? (0, import_utils.stripRadiusFromStateProps)(hoverRaw) : withBinaryStateRadius(hoverRaw, trackHeight);
     const trackPress = overrideRadius != null ? (0, import_utils.stripRadiusFromStateProps)(pressRaw) : withBinaryStateRadius(pressRaw, trackHeight);
     const trackFocus = overrideRadius != null ? (0, import_utils.stripRadiusFromStateProps)(focusRaw) : withBinaryStateRadius(focusRaw, trackHeight);
@@ -693,10 +693,12 @@ function Switch({
       borderRadius: state.borderRadius
     } : void 0;
     const cellTrack = grownTarget ? {
+      width: trackWidth,
       height: trackHeight,
       borderRadius: trackRadius,
-      borderWidth,
+      borderWidth: ringWidth,
       frameHeight: targetHeight,
+      frameWidth: Math.max(import_theme3.TOUCH_HEIGHT_FLOOR, trackWidth),
       ...(cellTrackRadiusStyle(trackHover) && {
         hoverStyle: cellTrackRadiusStyle(trackHover)
       }),
@@ -712,6 +714,7 @@ function Switch({
         ...frameProps,
         height: targetHeight,
         minHeight: targetHeight,
+        width: Math.max(import_theme3.TOUCH_HEIGHT_FLOOR, trackWidth),
         backgroundColor: "transparent",
         borderWidth: 0,
         borderColor: "transparent",
@@ -722,26 +725,12 @@ function Switch({
           borderColor: "transparent"
         }
       };
-    } else if (switchChecked) {
-      frameProps = {
-        ...frameProps,
-        ...radiusResolution,
-        backgroundColor: import_colorRamps.formSwitchColors.track.on,
-        borderColor: import_colorRamps.formSwitchColors.track.on
-      };
     } else {
       frameProps = {
         ...frameProps,
-        ...radiusResolution,
-        backgroundColor: knobProps.outlined ? "transparent" : import_colorRamps.formSwitchColors.track.off,
-        borderColor: import_colorRamps.formControlColors.boundary
+        ...radiusResolution
       };
     }
-    const stateBorderColor = switchChecked ? import_colorRamps.formSwitchColors.track.on : import_colorRamps.formControlColors.boundary;
-    const checkedTrackFill = switchChecked ? {
-      backgroundColor: import_colorRamps.formSwitchColors.track.on,
-      borderColor: import_colorRamps.formSwitchColors.track.on
-    } : void 0;
     const switchElement = /* @__PURE__ */(0, import_jsx_runtime.jsx)(SwitchControl, {
       checked: switchChecked,
       onCheckedChange: val => {
@@ -758,7 +747,7 @@ function Switch({
       sizeToken,
       footprint,
       thumbRadius,
-      transition: resolveSwitchMotion(knobProps.transition),
+      transition: resolveSwitchMotion(knobProps.motion.control.transition),
       frameProps,
       switchProps,
       leftIcon,
@@ -780,25 +769,15 @@ function Switch({
         thumbFocusStyle: thumbFocus
       }),
       ...(trackHover && {
-        hoverStyle: {
-          ...trackHover,
-          borderColor: stateBorderColor,
-          ...checkedTrackFill
-        }
+        hoverStyle: trackHover
       }),
       ...(trackPress && {
-        pressStyle: {
-          ...trackPress,
-          borderColor: stateBorderColor,
-          ...checkedTrackFill
-        }
+        pressStyle: trackPress
       }),
       ...(trackFocus && {
         focusStyle: {
           outlineWidth: 0,
-          ...trackFocus,
-          borderColor: stateBorderColor,
-          ...checkedTrackFill
+          ...trackFocus
         }
       })
     });
@@ -818,7 +797,6 @@ function Switch({
       id,
       size,
       knobProps,
-      compactSpacing: true,
       children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
         ...knobProps.gap,
         alignItems: "center",
@@ -827,13 +805,13 @@ function Switch({
           variant: "rounded",
           width: trackWidth,
           height: trackHeight,
-          borderRadius: (0, import_theme2.resolveRadiusClass)("BINARY", skeletonStop, {
+          borderRadius: (0, import_theme3.resolveRadiusClass)("BINARY", skeletonStop, {
             heightPx: trackHeight
           })
         }), label && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Skeleton.Skeleton, {
           variant: "text",
           width: 96,
-          height: (0, import_theme2.sizeRecipeForToken)(String(sizeToken)).fontSize
+          height: (0, import_theme3.sizeRecipeForToken)(String(sizeToken)).fontSize
         })]
       })
     });