@12-apps/ui 6.19.1 → 6.21.0

package/dist/native/form/Switch.js

@@ -0,0 +1,511 @@
+import {
+  withDefaults
+} from "../chunks/chunk-OXHZDFJZ.js";
+import {
+  webKeyDown
+} from "../chunks/chunk-T6BJPP3E.js";
+import {
+  childTestId,
+  resolveTestId
+} from "../chunks/chunk-QZAUOHDQ.js";
+import {
+  useUiTheme
+} from "../chunks/chunk-YTHR4Y5P.js";
+import {
+  alpha
+} from "../chunks/chunk-P3PL4WBO.js";
+
+// src/components/form/Switch/Switch.native.tsx
+import * as React from "react";
+import {
+  ActivityIndicator,
+  Animated,
+  Easing,
+  Platform,
+  Pressable,
+  StyleSheet,
+  Text as RNText,
+  View
+} from "react-native";
+
+// src/components/form/Switch/Switch.helpers.ts
+var SWITCH_DEFAULTS = {
+  variant: "default",
+  color: "primary",
+  size: "md",
+  glow: false,
+  glass: false,
+  gradient: false,
+  labelPosition: "end",
+  error: false,
+  animated: true,
+  loading: false,
+  ripple: false,
+  pulse: false,
+  disabled: false
+};
+var resolveSwitchProps = (props) => withDefaults(props, SWITCH_DEFAULTS);
+var SWITCH_BASE_KEYS = [
+  "variant",
+  "color",
+  "size",
+  "label",
+  "description",
+  "glow",
+  "glass",
+  "gradient",
+  "labelPosition",
+  "onIcon",
+  "offIcon",
+  "onText",
+  "offText",
+  "error",
+  "helperText",
+  "trackWidth",
+  "trackHeight",
+  "animated",
+  "loading",
+  "ripple",
+  "pulse",
+  "disabled",
+  "testID",
+  "dataTestId",
+  "data-testid"
+];
+function withoutSwitchProps(props) {
+  const own = new Set(SWITCH_BASE_KEYS);
+  return Object.fromEntries(Object.entries(props).filter(([key]) => !own.has(key)));
+}
+
+// src/components/form/Switch/Switch.metrics.ts
+var SWITCH_BLACK = "#000";
+var SWITCH_SIZES = {
+  xs: { width: 34, height: 18, padding: 1, thumbSize: 14 },
+  sm: { width: 42, height: 22, padding: 1, thumbSize: 18 },
+  md: { width: 50, height: 26, padding: 1, thumbSize: 22 },
+  lg: { width: 58, height: 30, padding: 2, thumbSize: 24 },
+  xl: { width: 66, height: 34, padding: 2, thumbSize: 28 }
+};
+var lookOf = (variant) => {
+  if (variant === "ios") return "ios";
+  if (variant === "android") return "android";
+  if (variant === "material") return "material";
+  return "default";
+};
+var geometryOf = (size, width, height) => {
+  const preset = SWITCH_SIZES[size] ?? SWITCH_SIZES.md;
+  return { ...preset, width: width || preset.width, height: height || preset.height };
+};
+var THUMB_RADIUS = {
+  ios: () => "50%",
+  android: () => 4,
+  material: (thumbSize) => thumbSize / 3,
+  default: () => "50%"
+};
+var TRACK_RADIUS = {
+  ios: (height) => height / 2,
+  android: (height) => height / 3,
+  material: (height) => height / 2.5,
+  default: (height) => height / 2
+};
+var thumbRadius = (look, thumbSize) => {
+  const radius = THUMB_RADIUS[look](thumbSize);
+  return typeof radius === "number" ? radius : thumbSize / 2;
+};
+var THUMB_ELEVATION = { ios: 0, android: 3, material: 2, default: 2 };
+var MUI_SHADOWS = {
+  2: "0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12)",
+  3: "0px 3px 3px -2px rgba(0,0,0,0.2),0px 3px 4px 0px rgba(0,0,0,0.14),0px 1px 8px 0px rgba(0,0,0,0.12)"
+};
+var IOS_THUMB_SHADOW = `0 3px 1px 0 ${alpha(SWITCH_BLACK, 0.04)}, 0 3px 8px 0 ${alpha(SWITCH_BLACK, 0.12)}, 0 1px 0 0 ${alpha(SWITCH_BLACK, 0.08)}`;
+var TRACK_ALPHA = { ios: 0.1, android: 0.2, other: 0.3 };
+var trackColor = (ink, look) => {
+  if (look === "ios") return alpha(ink.black, TRACK_ALPHA.ios);
+  const strength = look === "android" ? TRACK_ALPHA.android : TRACK_ALPHA.other;
+  return alpha(ink.disabled, strength);
+};
+var thumbTravel = (look, geometry) => {
+  const { width, thumbSize, padding } = geometry;
+  if (look === "ios") {
+    return { rest: padding + IOS_BASE_OFFSET, travel: width - thumbSize - IOS_TRAVEL_INSET };
+  }
+  return { rest: padding, travel: width - thumbSize - padding * 2 };
+};
+var IOS_BASE_OFFSET = 2;
+var IOS_TRAVEL_INSET = 4;
+var SWITCH_TRANSITION = { ms: 300, easing: "cubic-bezier(0.4, 0, 0.2, 1)" };
+var DISABLED = { trackOpacity: 0.3, checkedTrackOpacity: 0.5, thumbGrey: 100 };
+var SWITCH_GLASS = {
+  trackAlpha: 0.1,
+  thumbAlpha: 0.9,
+  borderAlpha: 0.2,
+  trackBlur: 20,
+  thumbBlur: 10
+};
+var SWITCH_GRADIENT = {
+  checked: { angleDeg: 90, stops: [0, 50, 100] },
+  resting: { angleDeg: 135, lightAlpha: 0.3, mainAlpha: 0.2 },
+  shimmerMs: 3e3
+};
+var SWITCH_GLOW = { blur: 10, alpha: 0.6, insetBlur: 10, insetAlpha: 0.2, ms: 2e3 };
+var SWITCH_PULSE = { ms: 2e3, minOpacity: 0.7, minScale: 0.95 };
+var SWITCH_SPINNER = { sizeRatio: 0.6, borderWidth: 2, ms: 1e3 };
+var SWITCH_ICON_SIZES = { xs: 12, sm: 14, md: 16, lg: 18, xl: 20 };
+var SWITCH_ICON = { inset: 4, hiddenScale: 0.8 };
+var TRACK_LABEL = { fontSize: 12, fontWeight: 500, insetUnits: 1 };
+var SWITCH_LABEL = { fontSize: 14, lineHeight: 1.43, fontWeight: 500 };
+var SWITCH_DESCRIPTION = { fontSize: 12, lineHeight: 1.66, marginTopUnits: 0.5 };
+var SWITCH_HELPER = { fontSize: 12, lineHeight: 1.66, marginTopUnits: 1 };
+var LABEL_GAP_UNITS = { beside: 2, stacked: 1 };
+var NEUTRAL_GREY = { main: 700, dark: 800, light: 500 };
+var NEUTRAL_FALLBACK = { main: "#616161", dark: "#424242", light: "#9e9e9e" };
+var NEUTRAL_CONTRAST = "#fff";
+var showsTrackLabels = (variant, onText, offText) => variant === "label" && Boolean(onText ?? offText);
+
+// src/components/form/Switch/Switch.look.native.ts
+function switchPalette(theme, color) {
+  if (color === "neutral") {
+    return {
+      main: theme.palette.grey[NEUTRAL_GREY.main] || NEUTRAL_FALLBACK.main,
+      dark: theme.palette.grey[NEUTRAL_GREY.dark] || NEUTRAL_FALLBACK.dark,
+      light: theme.palette.grey[NEUTRAL_GREY.light] || NEUTRAL_FALLBACK.light,
+      contrastText: NEUTRAL_CONTRAST
+    };
+  }
+  const palette = theme.palette[color];
+  return {
+    main: palette.main,
+    dark: palette.dark,
+    light: palette.light,
+    contrastText: palette.contrastText || NEUTRAL_CONTRAST
+  };
+}
+function trackStyle(theme, paint, palette, geometry, look, state) {
+  const base = {
+    ...StyleSheetAbsoluteFill,
+    borderRadius: TRACK_RADIUS[look](geometry.height),
+    backgroundColor: state.checked ? palette.main : trackColor({ black: SWITCH_BLACK, disabled: theme.palette.action.disabled }, look),
+    opacity: disabledTrackOpacity(state)
+  };
+  if (paint.glass) {
+    return {
+      ...base,
+      backgroundColor: alpha(theme.palette.background.paper, SWITCH_GLASS.trackAlpha),
+      borderWidth: 1,
+      borderColor: alpha(theme.palette.divider, SWITCH_GLASS.borderAlpha)
+    };
+  }
+  if (paint.gradient) {
+    return { ...base, backgroundColor: gradientFirstStop(palette, state.checked) };
+  }
+  if (paint.glow && state.checked) {
+    return {
+      ...base,
+      boxShadow: `0 0 ${SWITCH_GLOW.blur}px ${alpha(palette.main, SWITCH_GLOW.alpha)}, inset 0 0 ${SWITCH_GLOW.insetBlur}px ${alpha(palette.main, SWITCH_GLOW.insetAlpha)}`
+    };
+  }
+  return base;
+}
+function gradientFirstStop(palette, checked) {
+  if (checked) return palette.light || palette.main;
+  return alpha(palette.light || palette.main, SWITCH_GRADIENT.resting.lightAlpha);
+}
+var disabledTrackOpacity = (state) => {
+  if (!state.disabled) return 1;
+  return state.checked ? DISABLED.checkedTrackOpacity : DISABLED.trackOpacity;
+};
+var StyleSheetAbsoluteFill = { position: "absolute", top: 0, left: 0, right: 0, bottom: 0 };
+function thumbStyle(theme, paint, geometry, look, state) {
+  const base = {
+    position: "absolute",
+    width: geometry.thumbSize,
+    height: geometry.thumbSize,
+    borderRadius: thumbRadius(look, geometry.thumbSize),
+    backgroundColor: state.disabled ? theme.palette.grey[DISABLED.thumbGrey] : "#fff",
+    boxShadow: look === "ios" ? IOS_THUMB_SHADOW : MUI_SHADOWS[THUMB_ELEVATION[look]] ?? "none",
+    alignItems: "center",
+    justifyContent: "center"
+  };
+  if (!paint.glass) return base;
+  return {
+    ...base,
+    backgroundColor: alpha(theme.palette.background.paper, SWITCH_GLASS.thumbAlpha),
+    borderWidth: 1,
+    borderColor: alpha(theme.palette.divider, SWITCH_GLASS.borderAlpha)
+  };
+}
+function labelTextStyle(theme, error) {
+  return {
+    color: error ? theme.palette.danger.main : theme.palette.text.primary,
+    fontFamily: theme.typography.fontFamily,
+    fontSize: SWITCH_LABEL.fontSize,
+    lineHeight: SWITCH_LABEL.fontSize * SWITCH_LABEL.lineHeight,
+    fontWeight: String(SWITCH_LABEL.fontWeight)
+  };
+}
+function descriptionTextStyle(theme, error) {
+  return {
+    color: error ? theme.palette.danger.main : theme.palette.text.secondary,
+    fontFamily: theme.typography.fontFamily,
+    fontSize: SWITCH_DESCRIPTION.fontSize,
+    lineHeight: SWITCH_DESCRIPTION.fontSize * SWITCH_DESCRIPTION.lineHeight,
+    marginTop: theme.spacing(SWITCH_DESCRIPTION.marginTopUnits)
+  };
+}
+function helperTextStyle(theme, error) {
+  return {
+    color: error ? theme.palette.danger.main : theme.palette.text.secondary,
+    fontFamily: theme.typography.fontFamily,
+    fontSize: SWITCH_HELPER.fontSize,
+    lineHeight: SWITCH_HELPER.fontSize * SWITCH_HELPER.lineHeight,
+    marginTop: theme.spacing(SWITCH_HELPER.marginTopUnits)
+  };
+}
+
+// src/components/form/Switch/Switch.native.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var nativeDriver = Platform.OS !== "web";
+var TRACK_LABEL_ON_INK = "#fff";
+function useProgress(on, animated) {
+  const progress = React.useRef(new Animated.Value(on ? 1 : 0)).current;
+  React.useEffect(() => {
+    const timing = Animated.timing(progress, {
+      toValue: on ? 1 : 0,
+      duration: animated ? SWITCH_TRANSITION.ms : 0,
+      easing: Easing.bezier(0.4, 0, 0.2, 1),
+      useNativeDriver: nativeDriver
+    });
+    timing.start();
+    return () => timing.stop();
+  }, [on, animated, progress]);
+  return progress;
+}
+function usePulse(enabled) {
+  const progress = React.useRef(new Animated.Value(0)).current;
+  React.useEffect(() => {
+    if (!enabled) return void 0;
+    const loop = Animated.loop(
+      Animated.timing(progress, {
+        toValue: 1,
+        duration: SWITCH_PULSE.ms,
+        easing: Easing.inOut(Easing.ease),
+        useNativeDriver: nativeDriver
+      })
+    );
+    loop.start();
+    return () => loop.stop();
+  }, [enabled, progress]);
+  if (!enabled) return {};
+  return {
+    opacity: progress.interpolate({ inputRange: [0, 0.5, 1], outputRange: [1, SWITCH_PULSE.minOpacity, 1] }),
+    scale: progress.interpolate({ inputRange: [0, 0.5, 1], outputRange: [1, SWITCH_PULSE.minScale, 1] })
+  };
+}
+function TrackLabels({
+  theme,
+  onText,
+  offText,
+  contrastText
+}) {
+  const inset = theme.spacing(TRACK_LABEL.insetUnits);
+  const base = {
+    fontFamily: theme.typography.fontFamily,
+    fontSize: TRACK_LABEL.fontSize,
+    fontWeight: String(TRACK_LABEL.fontWeight)
+  };
+  return /* @__PURE__ */ jsxs(View, { style: styles.trackLabels, children: [
+    /* @__PURE__ */ jsx(RNText, { style: [base, { color: contrastText, marginLeft: inset }], children: onText ?? "" }),
+    /* @__PURE__ */ jsx(RNText, { style: [base, { color: theme.palette.text.secondary, marginRight: inset }], children: offText ?? "" })
+  ] });
+}
+function SwitchIcon({
+  icon,
+  shown,
+  animated,
+  size,
+  side,
+  width
+}) {
+  const half = size / 2;
+  const offset = shown ? SWITCH_ICON.inset - half : width / 2 - half;
+  return /* @__PURE__ */ jsx(
+    View,
+    {
+      style: [
+        styles.icon,
+        side === "on" ? { left: offset } : { right: offset },
+        {
+          width: size,
+          height: size,
+          opacity: shown ? 1 : 0,
+          transform: [{ translateY: -half }, { scale: shown && animated ? 1 : SWITCH_ICON.hiddenScale }]
+        }
+      ],
+      children: icon
+    }
+  );
+}
+function SwitchControl({ props, theme, checked, inactive, onToggle, rest, testID }) {
+  const { variant, color, size, animated, loading, onIcon, offIcon, onText, offText } = props;
+  const geometry = geometryOf(size, props.trackWidth, props.trackHeight);
+  const look = lookOf(variant);
+  const palette = switchPalette(theme, color);
+  const state = { checked, disabled: inactive };
+  const paint = props;
+  const { rest: restX, travel } = thumbTravel(look, geometry);
+  const progress = useProgress(checked, animated);
+  const pulse = usePulse(props.pulse && !loading);
+  const iconSize = SWITCH_ICON_SIZES[size];
+  return /* @__PURE__ */ jsxs(
+    Pressable,
+    {
+      testID,
+      role: "checkbox",
+      "aria-checked": checked,
+      "aria-disabled": inactive,
+      disabled: inactive,
+      onPress: onToggle,
+      ...webKeyDown((event) => {
+        if (event.key === " " || event.key === "Spacebar") onToggle();
+      }),
+      style: { width: geometry.width, height: geometry.height },
+      ...rest,
+      children: [
+        /* @__PURE__ */ jsx(View, { style: trackStyle(theme, paint, palette, geometry, look, state) }),
+        showsTrackLabels(variant, onText, offText) ? /* @__PURE__ */ jsx(TrackLabels, { theme, onText, offText, contrastText: TRACK_LABEL_ON_INK }) : null,
+        onIcon == null ? null : /* @__PURE__ */ jsx(SwitchIcon, { icon: onIcon, shown: checked, animated, size: iconSize, side: "on", width: geometry.width }),
+        offIcon == null ? null : /* @__PURE__ */ jsx(SwitchIcon, { icon: offIcon, shown: !checked, animated, size: iconSize, side: "off", width: geometry.width }),
+        /* @__PURE__ */ jsx(
+          Animated.View,
+          {
+            style: [
+              thumbStyle(theme, paint, geometry, look, state),
+              { top: geometry.padding, left: restX, opacity: pulse.opacity },
+              {
+                transform: [
+                  { translateX: progress.interpolate({ inputRange: [0, 1], outputRange: [0, travel] }) },
+                  ...pulse.scale === void 0 ? [] : [{ scale: pulse.scale }]
+                ]
+              }
+            ],
+            children: loading ? /* @__PURE__ */ jsx(
+              ActivityIndicator,
+              {
+                size: geometry.thumbSize * SWITCH_SPINNER.sizeRatio,
+                color: palette.main,
+                accessibilityLabel: "loading"
+              }
+            ) : null
+          }
+        )
+      ]
+    }
+  );
+}
+function LabelBlock({
+  theme,
+  label,
+  description,
+  error,
+  testID
+}) {
+  return /* @__PURE__ */ jsxs(View, { style: styles.labelBlock, children: [
+    /* @__PURE__ */ jsx(RNText, { testID, style: labelTextStyle(theme, error), children: label }),
+    description === void 0 ? null : /* @__PURE__ */ jsx(RNText, { style: descriptionTextStyle(theme, error), children: description })
+  ] });
+}
+function labelRowStyle(theme, position) {
+  const stacked = position === "top" || position === "bottom";
+  return {
+    flexDirection: position === "top" ? "column" : position === "bottom" ? "column-reverse" : "row",
+    alignItems: stacked ? "flex-start" : "center",
+    gap: theme.spacing(stacked ? LABEL_GAP_UNITS.stacked : LABEL_GAP_UNITS.beside),
+    width: "100%"
+  };
+}
+var Switch = React.forwardRef((rawProps, ref) => {
+  const props = resolveSwitchProps(rawProps);
+  const {
+    label,
+    description,
+    labelPosition,
+    error,
+    helperText,
+    loading,
+    disabled,
+    checked,
+    defaultChecked,
+    onChange,
+    onClick,
+    onPress,
+    style,
+    ...others
+  } = props;
+  const theme = useUiTheme();
+  const [own, setOwn] = React.useState(defaultChecked ?? false);
+  const current = checked ?? own;
+  const inactive = loading || disabled;
+  const rest = withoutSwitchProps(others);
+  const toggle = (event) => {
+    const next = !current;
+    setOwn(next);
+    onChange?.({ target: { checked: next } }, next);
+    if (event === void 0) return;
+    onClick?.(event);
+    onPress?.(event);
+  };
+  const control = /* @__PURE__ */ jsx(
+    SwitchControl,
+    {
+      props,
+      theme,
+      checked: current,
+      inactive,
+      onToggle: toggle,
+      rest,
+      testID: resolveTestId(others, "switch") ?? "switch"
+    }
+  );
+  return /* @__PURE__ */ jsxs(View, { ref, testID: childTestId(others, "container", "switch"), style, children: [
+    label === void 0 ? control : /* @__PURE__ */ jsxs(View, { style: labelRowStyle(theme, labelPosition), children: [
+      labelPosition === "start" ? control : null,
+      /* @__PURE__ */ jsx(
+        LabelBlock,
+        {
+          theme,
+          label,
+          description,
+          error,
+          testID: childTestId(others, "label", "switch")
+        }
+      ),
+      labelPosition === "start" ? null : control
+    ] }),
+    helperText === void 0 ? null : /* @__PURE__ */ jsx(RNText, { testID: childTestId(others, "helper", "switch"), style: helperTextStyle(theme, error), children: helperText })
+  ] });
+});
+Switch.displayName = "Switch";
+var styles = StyleSheet.create({
+  labelBlock: {
+    flex: 1
+  },
+  trackLabels: {
+    ...StyleSheet.absoluteFillObject,
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "space-between",
+    pointerEvents: "none"
+  },
+  icon: {
+    position: "absolute",
+    top: "50%",
+    zIndex: 2,
+    alignItems: "center",
+    justifyContent: "center",
+    pointerEvents: "none"
+  }
+});
+export {
+  Switch
+};
+//# sourceMappingURL=Switch.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/form/Switch/Switch.native.tsx","../../../src/components/form/Switch/Switch.helpers.ts","../../../src/components/form/Switch/Switch.metrics.ts","../../../src/components/form/Switch/Switch.look.native.ts"],"sourcesContent":["import * as React from 'react';\nimport {\n  ActivityIndicator,\n  Animated,\n  Easing,\n  Platform,\n  Pressable,\n  StyleSheet,\n  Text as RNText,\n  View,\n  type GestureResponderEvent,\n  type ViewStyle,\n} from 'react-native';\n\nimport { resolveSwitchProps, withoutSwitchProps, type ResolvedSwitchProps } from './Switch.helpers';\nimport {\n  descriptionTextStyle,\n  helperTextStyle,\n  labelTextStyle,\n  switchPalette,\n  thumbStyle,\n  trackStyle,\n  type SwitchPaint,\n  type SwitchState,\n} from './Switch.look.native';\nimport {\n  LABEL_GAP_UNITS,\n  SWITCH_ICON,\n  SWITCH_ICON_SIZES,\n  SWITCH_PULSE,\n  SWITCH_SPINNER,\n  SWITCH_TRANSITION,\n  TRACK_LABEL,\n  geometryOf,\n  lookOf,\n  showsTrackLabels,\n  thumbTravel,\n  type SwitchGeometry,\n} from './Switch.metrics';\nimport type { SwitchProps } from './Switch.types.native';\nimport { webKeyDown } from '../../../platform/aria';\nimport { childTestId, resolveTestId } from '../../../platform/test-id';\nimport { useUiTheme } from '../../../provider/use-ui-theme.native';\nimport type { UiTheme } from '../../../tokens/theme';\n\nconst nativeDriver = Platform.OS !== 'web';\n\n/** The web writes the `on` wording in white, whatever the hue behind it. */\nconst TRACK_LABEL_ON_INK = '#fff';\n\n/** A 0→1 value that follows `on`, over MUI's 300ms curve unless animation is off. */\nfunction useProgress(on: boolean, animated: boolean): Animated.Value {\n  const progress = React.useRef(new Animated.Value(on ? 1 : 0)).current;\n  React.useEffect(() => {\n    const timing = Animated.timing(progress, {\n      toValue: on ? 1 : 0,\n      duration: animated ? SWITCH_TRANSITION.ms : 0,\n      easing: Easing.bezier(0.4, 0, 0.2, 1),\n      useNativeDriver: nativeDriver,\n    });\n    timing.start();\n    return () => timing.stop();\n  }, [on, animated, progress]);\n  return progress;\n}\n\n/** The web's `pulseAnimation` on the thumb: it breathes to 0.7 and 0.95 and back. */\nfunction usePulse(enabled: boolean): { opacity?: Animated.AnimatedInterpolation<number>; scale?: Animated.AnimatedInterpolation<number> } {\n  const progress = React.useRef(new Animated.Value(0)).current;\n  React.useEffect(() => {\n    if (!enabled) return undefined;\n    const loop = Animated.loop(\n      Animated.timing(progress, {\n        toValue: 1,\n        duration: SWITCH_PULSE.ms,\n        easing: Easing.inOut(Easing.ease),\n        useNativeDriver: nativeDriver,\n      }),\n    );\n    loop.start();\n    return () => loop.stop();\n  }, [enabled, progress]);\n  if (!enabled) return {};\n  return {\n    opacity: progress.interpolate({ inputRange: [0, 0.5, 1], outputRange: [1, SWITCH_PULSE.minOpacity, 1] }),\n    scale: progress.interpolate({ inputRange: [0, 0.5, 1], outputRange: [1, SWITCH_PULSE.minScale, 1] }),\n  };\n}\n\n/** The wording the `label` variant prints inside the track, both halves at once. */\nfunction TrackLabels({\n  theme,\n  onText,\n  offText,\n  contrastText,\n}: {\n  theme: UiTheme;\n  onText?: string;\n  offText?: string;\n  contrastText: string;\n}): React.JSX.Element {\n  const inset = theme.spacing(TRACK_LABEL.insetUnits);\n  const base = {\n    fontFamily: theme.typography.fontFamily,\n    fontSize: TRACK_LABEL.fontSize,\n    fontWeight: String(TRACK_LABEL.fontWeight) as 'normal',\n  };\n  return (\n    <View style={styles.trackLabels}>\n      <RNText style={[base, { color: contrastText, marginLeft: inset }]}>{onText ?? ''}</RNText>\n      <RNText style={[base, { color: theme.palette.text.secondary, marginRight: inset }]}>\n        {offText ?? ''}\n      </RNText>\n    </View>\n  );\n}\n\n/**\n * One of the two icons overlaid on the track.\n *\n * The web centres a hidden icon on the track and pins a shown one to `left: 4`\n * (or `right: 4`) with a `translate(∓50%)` — which puts half of it outside the\n * track. Same arithmetic here, in px.\n */\nfunction SwitchIcon({\n  icon,\n  shown,\n  animated,\n  size,\n  side,\n  width,\n}: {\n  icon: React.ReactNode;\n  shown: boolean;\n  animated: boolean;\n  size: number;\n  side: 'on' | 'off';\n  width: number;\n}): React.JSX.Element {\n  const half = size / 2;\n  const offset = shown ? SWITCH_ICON.inset - half : width / 2 - half;\n  return (\n    <View\n      style={[\n        styles.icon,\n        side === 'on' ? { left: offset } : { right: offset },\n        {\n          width: size,\n          height: size,\n          opacity: shown ? 1 : 0,\n          transform: [{ translateY: -half }, { scale: shown && animated ? 1 : SWITCH_ICON.hiddenScale }],\n        },\n      ]}\n    >\n      {icon}\n    </View>\n  );\n}\n\ninterface ControlProps {\n  props: ResolvedSwitchProps;\n  theme: UiTheme;\n  checked: boolean;\n  inactive: boolean;\n  onToggle: (event?: GestureResponderEvent) => void;\n  rest: Record<string, unknown>;\n  testID: string;\n}\n\n/** The track, the thumb, and everything overlaid on them. */\nfunction SwitchControl({ props, theme, checked, inactive, onToggle, rest, testID }: ControlProps): React.JSX.Element {\n  const { variant, color, size, animated, loading, onIcon, offIcon, onText, offText } = props;\n  const geometry: SwitchGeometry = geometryOf(size, props.trackWidth, props.trackHeight);\n  const look = lookOf(variant);\n  const palette = switchPalette(theme, color);\n  const state: SwitchState = { checked, disabled: inactive };\n  const paint: SwitchPaint = props;\n  const { rest: restX, travel } = thumbTravel(look, geometry);\n  const progress = useProgress(checked, animated);\n  const pulse = usePulse(props.pulse && !loading);\n  const iconSize = SWITCH_ICON_SIZES[size];\n\n  return (\n    <Pressable\n      testID={testID}\n      role=\"checkbox\"\n      aria-checked={checked}\n      aria-disabled={inactive}\n      disabled={inactive}\n      onPress={onToggle}\n      {...webKeyDown((event) => {\n        if (event.key === ' ' || event.key === 'Spacebar') onToggle();\n      })}\n      style={{ width: geometry.width, height: geometry.height }}\n      {...rest}\n    >\n      <View style={trackStyle(theme, paint, palette, geometry, look, state)} />\n      {showsTrackLabels(variant, onText, offText) ? (\n        <TrackLabels theme={theme} onText={onText} offText={offText} contrastText={TRACK_LABEL_ON_INK} />\n      ) : null}\n      {onIcon == null ? null : (\n        <SwitchIcon icon={onIcon} shown={checked} animated={animated} size={iconSize} side=\"on\" width={geometry.width} />\n      )}\n      {offIcon == null ? null : (\n        <SwitchIcon icon={offIcon} shown={!checked} animated={animated} size={iconSize} side=\"off\" width={geometry.width} />\n      )}\n      <Animated.View\n        style={[\n          thumbStyle(theme, paint, geometry, look, state),\n          { top: geometry.padding, left: restX, opacity: pulse.opacity },\n          {\n            transform: [\n              { translateX: progress.interpolate({ inputRange: [0, 1], outputRange: [0, travel] }) },\n              ...(pulse.scale === undefined ? [] : [{ scale: pulse.scale }]),\n            ],\n          },\n        ]}\n      >\n        {loading ? (\n          <ActivityIndicator\n            size={geometry.thumbSize * SWITCH_SPINNER.sizeRatio}\n            color={palette.main}\n            accessibilityLabel=\"loading\"\n          />\n        ) : null}\n      </Animated.View>\n    </Pressable>\n  );\n}\n\n/** The label and its description, in the column beside (or above) the control. */\nfunction LabelBlock({\n  theme,\n  label,\n  description,\n  error,\n  testID,\n}: {\n  theme: UiTheme;\n  label: string;\n  description?: string;\n  error: boolean;\n  testID: string;\n}): React.JSX.Element {\n  return (\n    <View style={styles.labelBlock}>\n      <RNText testID={testID} style={labelTextStyle(theme, error)}>\n        {label}\n      </RNText>\n      {description === undefined ? null : (\n        <RNText style={descriptionTextStyle(theme, error)}>{description}</RNText>\n      )}\n    </View>\n  );\n}\n\n/** The row (or column) the label and the control share, per `labelPosition`. */\nfunction labelRowStyle(theme: UiTheme, position: string): ViewStyle {\n  const stacked = position === 'top' || position === 'bottom';\n  return {\n    flexDirection: position === 'top' ? 'column' : position === 'bottom' ? 'column-reverse' : 'row',\n    alignItems: stacked ? 'flex-start' : 'center',\n    gap: theme.spacing(stacked ? LABEL_GAP_UNITS.stacked : LABEL_GAP_UNITS.beside),\n    width: '100%',\n  };\n}\n\n/**\n * The native `Switch`.\n *\n * React Native's own `Switch` is the platform control at the platform's size,\n * with no track geometry, no thumb radius and no room for an icon — so this\n * draws the track and the thumb itself, off the same table the web styles MUI\n * with, and takes `role=\"checkbox\"` with `aria-checked` for the state a hidden\n * `<input type=\"checkbox\">` carries on the web. See `NATIVE-NOTES.md`.\n */\nexport const Switch = React.forwardRef<View, SwitchProps>((rawProps, ref) => {\n  const props = resolveSwitchProps(rawProps);\n  const {\n    label, description, labelPosition, error, helperText, loading, disabled,\n    checked, defaultChecked, onChange, onClick, onPress, style, ...others\n  } = props;\n\n  const theme = useUiTheme();\n  const [own, setOwn] = React.useState(defaultChecked ?? false);\n  const current = checked ?? own;\n  const inactive = loading || disabled;\n  const rest = withoutSwitchProps(others);\n\n  // A keyboard toggle has no gesture behind it, so `onClick`/`onPress` — which\n  // are press handlers — only fire when there is a press to report.\n  const toggle = (event?: GestureResponderEvent): void => {\n    const next = !current;\n    setOwn(next);\n    onChange?.({ target: { checked: next } }, next);\n    if (event === undefined) return;\n    onClick?.(event);\n    onPress?.(event);\n  };\n\n  const control = (\n    <SwitchControl\n      props={props}\n      theme={theme}\n      checked={current}\n      inactive={inactive}\n      onToggle={toggle}\n      rest={rest}\n      testID={resolveTestId(others, 'switch') ?? 'switch'}\n    />\n  );\n\n  return (\n    <View ref={ref} testID={childTestId(others, 'container', 'switch')} style={style}>\n      {label === undefined ? (\n        control\n      ) : (\n        <View style={labelRowStyle(theme, labelPosition)}>\n          {labelPosition === 'start' ? control : null}\n          <LabelBlock\n            theme={theme}\n            label={label}\n            description={description}\n            error={error}\n            testID={childTestId(others, 'label', 'switch')}\n          />\n          {labelPosition === 'start' ? null : control}\n        </View>\n      )}\n      {helperText === undefined ? null : (\n        <RNText testID={childTestId(others, 'helper', 'switch')} style={helperTextStyle(theme, error)}>\n          {helperText}\n        </RNText>\n      )}\n    </View>\n  );\n});\n\nSwitch.displayName = 'Switch';\n\nconst styles = StyleSheet.create({\n  labelBlock: {\n    flex: 1,\n  },\n  trackLabels: {\n    ...StyleSheet.absoluteFillObject,\n    flexDirection: 'row',\n    alignItems: 'center',\n    justifyContent: 'space-between',\n    pointerEvents: 'none',\n  },\n  icon: {\n    position: 'absolute',\n    top: '50%',\n    zIndex: 2,\n    alignItems: 'center',\n    justifyContent: 'center',\n    pointerEvents: 'none',\n  },\n});\n","import type { SwitchBaseProps } from './Switch.base';\nimport { withDefaults } from '../../../utils/withDefaults';\n\ntype SwitchDefaultedKeys =\n  | 'variant'\n  | 'color'\n  | 'size'\n  | 'glow'\n  | 'glass'\n  | 'gradient'\n  | 'labelPosition'\n  | 'error'\n  | 'animated'\n  | 'loading'\n  | 'ripple'\n  | 'pulse'\n  | 'disabled';\n\nexport type ResolvedSwitchProps<P extends SwitchBaseProps = SwitchBaseProps> = P &\n  Required<Pick<SwitchBaseProps, SwitchDefaultedKeys>>;\n\n/** `Switch.tsx`'s own `DEFAULTS`, plus the `disabled` MUI would have defaulted. */\nconst SWITCH_DEFAULTS: Required<Pick<SwitchBaseProps, SwitchDefaultedKeys>> = {\n  variant: 'default',\n  color: 'primary',\n  size: 'md',\n  glow: false,\n  glass: false,\n  gradient: false,\n  labelPosition: 'end',\n  error: false,\n  animated: true,\n  loading: false,\n  ripple: false,\n  pulse: false,\n  disabled: false,\n};\n\nexport const resolveSwitchProps = <P extends SwitchBaseProps>(props: P): ResolvedSwitchProps<P> =>\n  withDefaults(props, SWITCH_DEFAULTS as Partial<P>) as ResolvedSwitchProps<P>;\n\n/**\n * Every prop the switch consumes itself.\n *\n * Listed so what is left over — `aria-label`, `aria-describedby`, an `id` — can\n * be spread onto the control without the component's own props riding along.\n * react-native-web would drop them and React Native ignore them, but a prop\n * that reaches an element it means nothing to is a prop nobody can explain.\n */\nexport const SWITCH_BASE_KEYS = [\n  'variant', 'color', 'size', 'label', 'description', 'glow', 'glass', 'gradient',\n  'labelPosition', 'onIcon', 'offIcon', 'onText', 'offText', 'error', 'helperText',\n  'trackWidth', 'trackHeight', 'animated', 'loading', 'ripple', 'pulse', 'disabled',\n  'testID', 'dataTestId', 'data-testid',\n] as const satisfies ReadonlyArray<keyof SwitchBaseProps | 'data-testid'>;\n\n/** `props` without any of them, for spreading onto the control. */\nexport function withoutSwitchProps(props: object): Record<string, unknown> {\n  const own = new Set<string>(SWITCH_BASE_KEYS);\n  return Object.fromEntries(Object.entries(props).filter(([key]) => !own.has(key)));\n}\n","import type { SwitchVariant } from './Switch.base';\nimport { alpha } from '../../../tokens/color';\nimport type { SizeValue } from '../../../tokens/vocabulary';\n\n/**\n * THE NUMBERS BOTH `Switch` RENDERERS DRAW WITH.\n *\n * `Switch.styles.ts` (web, emotion over MUI's `Switch`) and\n * `Switch.native.tsx` (React Native, drawing the track and thumb itself) read\n * this one table: the geometry per size, the four looks' radii and shadows,\n * the resting track colours, and the type the label, the description and the\n * helper are set in.\n *\n * Spacing is in SPACING UNITS where the web writes `theme.spacing(n)`;\n * everything else is px, a ratio or an alpha.\n */\n\n/** MUI's `palette.common.black`, which `UiTheme` does not carry. */\nexport const SWITCH_BLACK = '#000';\n\nexport interface SwitchGeometry {\n  width: number;\n  height: number;\n  padding: number;\n  thumbSize: number;\n}\n\nexport const SWITCH_SIZES: Record<SizeValue, SwitchGeometry> = {\n  xs: { width: 34, height: 18, padding: 1, thumbSize: 14 },\n  sm: { width: 42, height: 22, padding: 1, thumbSize: 18 },\n  md: { width: 50, height: 26, padding: 1, thumbSize: 22 },\n  lg: { width: 58, height: 30, padding: 2, thumbSize: 24 },\n  xl: { width: 66, height: 34, padding: 2, thumbSize: 28 },\n};\n\n/** The four platform looks. `label` prints its wording on a `default` track. */\nexport type SwitchLook = 'ios' | 'android' | 'material' | 'default';\n\nexport const lookOf = (variant?: string): SwitchLook => {\n  if (variant === 'ios') return 'ios';\n  if (variant === 'android') return 'android';\n  if (variant === 'material') return 'material';\n  return 'default';\n};\n\n/** Track geometry once the caller's overrides and the size preset are combined. */\nexport const geometryOf = (size: SizeValue | undefined, width?: number, height?: number): SwitchGeometry => {\n  const preset = SWITCH_SIZES[size as SizeValue] ?? SWITCH_SIZES.md;\n  return { ...preset, width: width || preset.width, height: height || preset.height };\n};\n\n/**\n * The thumb's corner. `'50%'` is what the web emits; a renderer with no\n * percentage radius asks {@link thumbRadius} for the px instead.\n */\nexport const THUMB_RADIUS: Record<SwitchLook, (thumbSize: number) => number | string> = {\n  ios: () => '50%',\n  android: () => 4,\n  material: (thumbSize) => thumbSize / 3,\n  default: () => '50%',\n};\n\nexport const TRACK_RADIUS: Record<SwitchLook, (height: number) => number> = {\n  ios: (height) => height / 2,\n  android: (height) => height / 3,\n  material: (height) => height / 2.5,\n  default: (height) => height / 2,\n};\n\n/** The web's `'50%'` as the px a circle of this size needs. */\nexport const thumbRadius = (look: SwitchLook, thumbSize: number): number => {\n  const radius = THUMB_RADIUS[look](thumbSize);\n  return typeof radius === 'number' ? radius : thumbSize / 2;\n};\n\n/**\n * The elevation the thumb rests at per look — an INDEX into `theme.shadows`,\n * not the shadow itself, so a host that re-themes MUI's elevations keeps\n * moving the web. {@link MUI_SHADOWS} carries MUI's own values for the native\n * side, which has no `theme.shadows` to read.\n */\nexport const THUMB_ELEVATION: Record<SwitchLook, number> = { ios: 0, android: 3, material: 2, default: 2 };\n\nexport const MUI_SHADOWS: Record<number, string> = {\n  2: '0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12)',\n  3: '0px 3px 3px -2px rgba(0,0,0,0.2),0px 3px 4px 0px rgba(0,0,0,0.14),0px 1px 8px 0px rgba(0,0,0,0.12)',\n};\n\n/** The iOS thumb's own three-layer shadow, which the web writes out literally. */\nexport const IOS_THUMB_SHADOW = `0 3px 1px 0 ${alpha(SWITCH_BLACK, 0.04)}, 0 3px 8px 0 ${alpha(SWITCH_BLACK, 0.12)}, 0 1px 0 0 ${alpha(SWITCH_BLACK, 0.08)}`;\n\n/** The iOS track's inset hairline. */\nexport const iosTrackShadow = (): string =>\n  `inset 0 0 0 0.5px ${alpha(SWITCH_BLACK, 0.1)}, inset 0 2px 3px ${alpha(SWITCH_BLACK, 0.12)}`;\n\n/** The resting track: a black wash on iOS, the disabled ink elsewhere. */\nexport const TRACK_ALPHA = { ios: 0.1, android: 0.2, other: 0.3 } as const;\n\n/**\n * `black` is MUI's `palette.common.black` on the web and {@link SWITCH_BLACK}\n * on native, whose theme has no `common` — the same `#000` either way, passed\n * in rather than assumed so a host that themes it still moves the web.\n */\nexport const trackColor = (ink: { black: string; disabled: string }, look: SwitchLook): string => {\n  if (look === 'ios') return alpha(ink.black, TRACK_ALPHA.ios);\n  const strength = look === 'android' ? TRACK_ALPHA.android : TRACK_ALPHA.other;\n  return alpha(ink.disabled, strength);\n};\n\n/** How far the thumb travels, and where it starts. iOS insets differently. */\nexport const thumbTravel = (look: SwitchLook, geometry: SwitchGeometry): { rest: number; travel: number } => {\n  const { width, thumbSize, padding } = geometry;\n  if (look === 'ios') {\n    // The web nudges the whole switch base 2px right and shortens the trip.\n    return { rest: padding + IOS_BASE_OFFSET, travel: width - thumbSize - IOS_TRAVEL_INSET };\n  }\n  return { rest: padding, travel: width - thumbSize - padding * 2 };\n};\n\nexport const IOS_BASE_OFFSET = 2;\nexport const IOS_TRAVEL_INSET = 4;\n\n/** MUI's 300ms `cubic-bezier(0.4, 0, 0.2, 1)`, on everything the switch moves. */\nexport const SWITCH_TRANSITION = { ms: 300, easing: 'cubic-bezier(0.4, 0, 0.2, 1)' } as const;\n\n/** The disabled treatment: the thumb greys and the track fades. */\nexport const DISABLED = { trackOpacity: 0.3, checkedTrackOpacity: 0.5, thumbGrey: 100 } as const;\n\n/** `glass`: a paper wash under a blur, inside a faint divider hairline. */\nexport const SWITCH_GLASS = {\n  trackAlpha: 0.1,\n  thumbAlpha: 0.9,\n  borderAlpha: 0.2,\n  trackBlur: 20,\n  thumbBlur: 10,\n} as const;\n\n/** `gradient`: the checked track runs light → main → dark; the resting one is fainter. */\nexport const SWITCH_GRADIENT = {\n  checked: { angleDeg: 90, stops: [0, 50, 100] },\n  resting: { angleDeg: 135, lightAlpha: 0.3, mainAlpha: 0.2 },\n  shimmerMs: 3000,\n} as const;\n\n/** `glow`: a halo of the hue around the checked track, breathing every two seconds. */\nexport const SWITCH_GLOW = { blur: 10, alpha: 0.6, insetBlur: 10, insetAlpha: 0.2, ms: 2000 } as const;\n\n/** `pulse`: the thumb breathes; `ripple`: a wash of the hue expands under the pointer. */\nexport const SWITCH_PULSE = { ms: 2000, minOpacity: 0.7, minScale: 0.95 } as const;\nexport const SWITCH_RIPPLE = { alpha: 0.2, ms: 600, scale: 2 } as const;\n\n/** `loading`: a 2px ring inside the thumb, turning once a second. */\nexport const SWITCH_SPINNER = { sizeRatio: 0.6, borderWidth: 2, ms: 1000 } as const;\n\n/** The two icons overlaid on the track, at their own size per step of the scale. */\nexport const SWITCH_ICON_SIZES: Record<SizeValue, number> = { xs: 12, sm: 14, md: 16, lg: 18, xl: 20 };\n/** Where a shown icon sits, and how small a hidden one is drawn. */\nexport const SWITCH_ICON = { inset: 4, hiddenScale: 0.8 } as const;\n\n/** The wording the `label` variant prints inside the track: 0.75rem at 500, 8px in. */\nexport const TRACK_LABEL = { fontSize: 12, fontWeight: 500, insetUnits: 1 } as const;\n\n/** MUI's `body2` for the label, `caption` for the description and the helper text. */\nexport const SWITCH_LABEL = { fontSize: 14, lineHeight: 1.43, fontWeight: 500 } as const;\nexport const SWITCH_DESCRIPTION = { fontSize: 12, lineHeight: 1.66, marginTopUnits: 0.5 } as const;\nexport const SWITCH_HELPER = { fontSize: 12, lineHeight: 1.66, marginTopUnits: 1 } as const;\n\n/** The label row: 16px from the control beside it, 8px above or below it. */\nexport const LABEL_GAP_UNITS = { beside: 2, stacked: 1 } as const;\n\n/**\n * `neutral`'s three greys, and the literals the web falls back to for a theme\n * whose grey ramp omits a step. Same three steps `Button` draws its neutral\n * from.\n */\nexport const NEUTRAL_GREY = { main: 700, dark: 800, light: 500 } as const;\nexport const NEUTRAL_FALLBACK = { main: '#616161', dark: '#424242', light: '#9e9e9e' } as const;\nexport const NEUTRAL_CONTRAST = '#fff';\n\n/** Hover: the thumb lifts a shade and takes a halo of the hue. */\nexport const SWITCH_HOVER = { thumbScale: 1.05, elevation: 4, blur: 12, alpha: 0.2 } as const;\n\n/** Focus: MUI rings the thumb rather than moving it. */\nexport const SWITCH_FOCUS_RING = { width: 6, alpha: 0.2 } as const;\n\n/** A duration as the CSS the web has always emitted: `2000` → `2s`. */\nexport const seconds = (ms: number): string => `${ms / 1000}s`;\n\n/** Whether this variant prints its wording inside the track. */\nexport const showsTrackLabels = (variant: SwitchVariant | undefined, onText?: string, offText?: string): boolean =>\n  variant === 'label' && Boolean(onText ?? offText);\n","import type { TextStyle, ViewStyle } from 'react-native';\n\nimport type { SwitchBaseProps } from './Switch.base';\nimport {\n  DISABLED,\n  IOS_THUMB_SHADOW,\n  MUI_SHADOWS,\n  NEUTRAL_CONTRAST,\n  NEUTRAL_FALLBACK,\n  NEUTRAL_GREY,\n  SWITCH_BLACK,\n  SWITCH_DESCRIPTION,\n  SWITCH_GLASS,\n  SWITCH_GLOW,\n  SWITCH_GRADIENT,\n  SWITCH_HELPER,\n  SWITCH_LABEL,\n  THUMB_ELEVATION,\n  TRACK_RADIUS,\n  thumbRadius,\n  trackColor,\n  type SwitchGeometry,\n  type SwitchLook,\n} from './Switch.metrics';\nimport { alpha } from '../../../tokens/color';\nimport type { UiTheme } from '../../../tokens/theme';\nimport type { ColorValue } from '../../../tokens/vocabulary';\n\n/**\n * WHAT A NATIVE `Switch` PAINTS.\n *\n * The web hands MUI's `Switch` a style object and MUI draws the track and the\n * thumb; React Native has no such control at this size, so the native half\n * draws both itself — from this file, off the same table.\n */\nexport interface SwitchPalette {\n  main: string;\n  dark: string;\n  light: string;\n  contrastText: string;\n}\n\nexport interface SwitchState {\n  checked: boolean;\n  disabled: boolean;\n}\n\n/** The web's `getColorFromTheme`: `danger` is the error palette, `neutral` three greys. */\nexport function switchPalette(theme: UiTheme, color: ColorValue): SwitchPalette {\n  if (color === 'neutral') {\n    return {\n      main: theme.palette.grey[NEUTRAL_GREY.main] || NEUTRAL_FALLBACK.main,\n      dark: theme.palette.grey[NEUTRAL_GREY.dark] || NEUTRAL_FALLBACK.dark,\n      light: theme.palette.grey[NEUTRAL_GREY.light] || NEUTRAL_FALLBACK.light,\n      contrastText: NEUTRAL_CONTRAST,\n    };\n  }\n  const palette = theme.palette[color];\n  return {\n    main: palette.main,\n    dark: palette.dark,\n    light: palette.light,\n    contrastText: palette.contrastText || NEUTRAL_CONTRAST,\n  };\n}\n\n/** Which of the switch's own flags change how it paints. */\nexport type SwitchFlagKeys = 'glow' | 'glass' | 'gradient' | 'loading' | 'pulse';\nexport type SwitchPaint = Pick<SwitchBaseProps, SwitchFlagKeys>;\n\n/**\n * The bar behind the thumb.\n *\n * `gradient` paints the gradient's FIRST stop flat — React Native core has no\n * gradient fill — and `glass` its paper wash without the blur.\n */\nexport function trackStyle(\n  theme: UiTheme,\n  paint: SwitchPaint,\n  palette: SwitchPalette,\n  geometry: SwitchGeometry,\n  look: SwitchLook,\n  state: SwitchState,\n): ViewStyle {\n  const base: ViewStyle = {\n    ...StyleSheetAbsoluteFill,\n    borderRadius: TRACK_RADIUS[look](geometry.height),\n    backgroundColor: state.checked\n      ? palette.main\n      : trackColor({ black: SWITCH_BLACK, disabled: theme.palette.action.disabled }, look),\n    opacity: disabledTrackOpacity(state),\n  };\n\n  if (paint.glass) {\n    return {\n      ...base,\n      backgroundColor: alpha(theme.palette.background.paper, SWITCH_GLASS.trackAlpha),\n      borderWidth: 1,\n      borderColor: alpha(theme.palette.divider, SWITCH_GLASS.borderAlpha),\n    };\n  }\n  if (paint.gradient) {\n    return { ...base, backgroundColor: gradientFirstStop(palette, state.checked) };\n  }\n  if (paint.glow && state.checked) {\n    return {\n      ...base,\n      boxShadow: `0 0 ${SWITCH_GLOW.blur}px ${alpha(palette.main, SWITCH_GLOW.alpha)}, inset 0 0 ${SWITCH_GLOW.insetBlur}px ${alpha(palette.main, SWITCH_GLOW.insetAlpha)}`,\n    };\n  }\n  return base;\n}\n\n/** The web's two gradients, at the stop a flat fill can show. */\nfunction gradientFirstStop(palette: SwitchPalette, checked: boolean): string {\n  if (checked) return palette.light || palette.main;\n  return alpha(palette.light || palette.main, SWITCH_GRADIENT.resting.lightAlpha);\n}\n\nconst disabledTrackOpacity = (state: SwitchState): number => {\n  if (!state.disabled) return 1;\n  return state.checked ? DISABLED.checkedTrackOpacity : DISABLED.trackOpacity;\n};\n\n/** React Native has no `StyleSheet.absoluteFillObject` constant worth importing for four keys. */\nconst StyleSheetAbsoluteFill = { position: 'absolute', top: 0, left: 0, right: 0, bottom: 0 } as const;\n\n/** The knob: white, round for iOS and the default, squarer for Android and Material. */\nexport function thumbStyle(\n  theme: UiTheme,\n  paint: SwitchPaint,\n  geometry: SwitchGeometry,\n  look: SwitchLook,\n  state: SwitchState,\n): ViewStyle {\n  const base: ViewStyle = {\n    position: 'absolute',\n    width: geometry.thumbSize,\n    height: geometry.thumbSize,\n    borderRadius: thumbRadius(look, geometry.thumbSize),\n    backgroundColor: state.disabled ? theme.palette.grey[DISABLED.thumbGrey] : '#fff',\n    boxShadow: look === 'ios' ? IOS_THUMB_SHADOW : (MUI_SHADOWS[THUMB_ELEVATION[look]] ?? 'none'),\n    alignItems: 'center',\n    justifyContent: 'center',\n  };\n\n  if (!paint.glass) return base;\n  return {\n    ...base,\n    backgroundColor: alpha(theme.palette.background.paper, SWITCH_GLASS.thumbAlpha),\n    borderWidth: 1,\n    borderColor: alpha(theme.palette.divider, SWITCH_GLASS.borderAlpha),\n  };\n}\n\n/** MUI's `body2` at 500, in the error hue when the row is in error. */\nexport function labelTextStyle(theme: UiTheme, error: boolean): TextStyle {\n  return {\n    color: error ? theme.palette.danger.main : theme.palette.text.primary,\n    fontFamily: theme.typography.fontFamily,\n    fontSize: SWITCH_LABEL.fontSize,\n    lineHeight: SWITCH_LABEL.fontSize * SWITCH_LABEL.lineHeight,\n    fontWeight: String(SWITCH_LABEL.fontWeight) as TextStyle['fontWeight'],\n  };\n}\n\n/** MUI's `caption`, 4px under the label. */\nexport function descriptionTextStyle(theme: UiTheme, error: boolean): TextStyle {\n  return {\n    color: error ? theme.palette.danger.main : theme.palette.text.secondary,\n    fontFamily: theme.typography.fontFamily,\n    fontSize: SWITCH_DESCRIPTION.fontSize,\n    lineHeight: SWITCH_DESCRIPTION.fontSize * SWITCH_DESCRIPTION.lineHeight,\n    marginTop: theme.spacing(SWITCH_DESCRIPTION.marginTopUnits),\n  };\n}\n\n/** `FormHelperText`, 8px under the whole control. */\nexport function helperTextStyle(theme: UiTheme, error: boolean): TextStyle {\n  return {\n    color: error ? theme.palette.danger.main : theme.palette.text.secondary,\n    fontFamily: theme.typography.fontFamily,\n    fontSize: SWITCH_HELPER.fontSize,\n    lineHeight: SWITCH_HELPER.fontSize * SWITCH_HELPER.lineHeight,\n    marginTop: theme.spacing(SWITCH_HELPER.marginTopUnits),\n  };\n}\n"],"mappings":"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","names":[]}

package/dist/native/icons.js

@@ -4,9 +4,9 @@ import {
   ICON_SIZES,
   Icon,
   iconSize
-} from "./chunks/chunk-YQGNMAJN.js";
+} from "./chunks/chunk-D4EYAXNG.js";
+import "./chunks/chunk-QZAUOHDQ.js";
 import "./chunks/chunk-5WLOVHKK.js";
-import "./chunks/chunk-M4DTJDWU.js";
 import "./chunks/chunk-YTHR4Y5P.js";
 import "./chunks/chunk-P3PL4WBO.js";
 export {

package/dist/native/layout/Box.js

@@ -1,8 +1,8 @@
 import {
   Box,
   resolveBoxLayout
-} from "../chunks/chunk-EKKNUEA6.js";
-import "../chunks/chunk-M4DTJDWU.js";
+} from "../chunks/chunk-OGWPPQL4.js";
+import "../chunks/chunk-QZAUOHDQ.js";
 import "../chunks/chunk-YTHR4Y5P.js";
 import "../chunks/chunk-P3PL4WBO.js";
 export {

package/dist/native/layout/Container.js

@@ -1,7 +1,7 @@
 import {
   resolveTestId,
   withoutTestIdProps
-} from "../chunks/chunk-M4DTJDWU.js";
+} from "../chunks/chunk-QZAUOHDQ.js";
 import {
   useUiTheme
 } from "../chunks/chunk-YTHR4Y5P.js";