@12-apps/ui 6.33.1 → 6.34.0

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

@@ -1 +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  checkedInk,\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/** 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/**\n * The track, the thumb, and everything overlaid on them.\n *\n * The control carries its own NAME (FUT-1905). React Native has no `<label\n * for>` to wire the words beside it with, so the name has to be stated on the\n * pressable itself or the control announces as \"checkbox, checked\" and nothing\n * else — which is the defect the web half of this ticket fixed, still live\n * here. A caller's own `aria-label` wins, because a caller that wrote one meant\n * it to differ from the visible words.\n */\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-label={(rest['aria-label'] as string | undefined) ?? props.label}\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\n          theme={theme}\n          onText={onText}\n          offText={offText}\n          contrastText={checkedInk(paint, palette)}\n        />\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, palette, 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 * The minimum height of a touch target, in px (FUT-1905).\n *\n * No entry in {@link SWITCH_SIZES} reaches it — `xl`, the largest, is 34px tall\n * and `md` is 26 — so a consumer cannot buy a legal target by passing a bigger\n * `size`. The label is what clears it: see `SwitchLabel` in `Switch.parts.tsx`.\n */\nexport const TAP_TARGET_MIN = 40;\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/**\n * The RESTING thumb — the knob while the switch is off (FUT-1924).\n *\n * It stays white, and the reason is worth stating because the checked thumb no\n * longer is: the resting track is `theme.palette.action.disabled` washed over\n * the page, which no tenant picks, and a white knob on it is the conventional\n * look in both modes. The CHECKED track is `palette.main`, a colour the tenant\n * does pick, and that is where a stated white was a defect. See `checkedInk`\n * in `Switch.styles.ts` and its native twin.\n */\nexport const RESTING_THUMB = '#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  RESTING_THUMB,\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 { inkOver } from '../../../tokens/theme';\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/**\n * The ink on the CHECKED track — the thumb, and the `on` wording (FUT-1924).\n *\n * Both halves of the component had a stated `#fff` here, and the checked track\n * is the one surface a tenant chooses: a pale brand got a white knob on a pale\n * bar, which reads as OFF while it is on.\n *\n * **The fills are THIS renderer's, not the web's, and they differ.** The web\n * paints a real three-stop gradient and hands `checkedInk` all three\n * (`Switch.styles.ts`); React Native has no gradient without a dependency, so\n * `trackStyle` shows `gradientFirstStop` — `palette.light`, FLAT — and\n * `NATIVE-NOTES.md` records that as a known divergence. Passing the web's set\n * here would judge the ink against two fills native never draws, and the two\n * renderers then disagree on the same palette: measured on `#00897b`, the web\n * answers white and this answered dark ink, because `main` and `dark` were in\n * the list and only `light` is on screen.\n *\n * So the gradient case is ONE fill, which is the one it paints.\n */\nexport function checkedInk(paint: SwitchPaint, palette: SwitchPalette): string {\n  const fills = [paint.gradient ? palette.light || palette.main : palette.main];\n\n  return inkOver(fills, palette.contrastText || NEUTRAL_CONTRAST);\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/** Disabled greys out; checked takes the track's ink; resting stays white. */\nfunction thumbFill(\n  paint: SwitchPaint,\n  palette: SwitchPalette,\n  state: SwitchState,\n  theme: UiTheme,\n): string {\n  if (state.disabled) return theme.palette.grey[DISABLED.thumbGrey] ?? RESTING_THUMB;\n  return state.checked ? checkedInk(paint, palette) : RESTING_THUMB;\n}\n\n/**\n * The knob: round for iOS and the default, squarer for Android and Material.\n * White while resting, the checked track's own ink once on — see\n * {@link RESTING_THUMB} and {@link checkedInk}.\n */\nexport function thumbStyle(\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    position: 'absolute',\n    width: geometry.thumbSize,\n    height: geometry.thumbSize,\n    borderRadius: thumbRadius(look, geometry.thumbSize),\n    backgroundColor: thumbFill(paint, palette, state, theme),\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":[]}
+{"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  checkedInk,\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/** 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/**\n * The track, the thumb, and everything overlaid on them.\n *\n * The control carries its own NAME (FUT-1905). React Native has no `<label\n * for>` to wire the words beside it with, so the name has to be stated on the\n * pressable itself or the control announces as \"checkbox, checked\" and nothing\n * else — which is the defect the web half of this ticket fixed, still live\n * here. A caller's own `aria-label` wins, because a caller that wrote one meant\n * it to differ from the visible words.\n */\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-label={(rest['aria-label'] as string | undefined) ?? props.label}\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\n          theme={theme}\n          onText={onText}\n          offText={offText}\n          contrastText={checkedInk(paint, palette)}\n        />\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, palette, 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 { ABSOLUTE_INK, ELEVATION_SHADOWS, NEUTRAL_RAMP } from '../../../tokens/ink.core';\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 = ABSOLUTE_INK.black;\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: ELEVATION_SHADOWS[2],\n  3: ELEVATION_SHADOWS[3],\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 * The minimum height of a touch target, in px (FUT-1905).\n *\n * No entry in {@link SWITCH_SIZES} reaches it — `xl`, the largest, is 34px tall\n * and `md` is 26 — so a consumer cannot buy a legal target by passing a bigger\n * `size`. The label is what clears it: see `SwitchLabel` in `Switch.parts.tsx`.\n */\nexport const TAP_TARGET_MIN = 40;\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 = {\n  main: NEUTRAL_RAMP[NEUTRAL_GREY.main],\n  dark: NEUTRAL_RAMP[NEUTRAL_GREY.dark],\n  light: NEUTRAL_RAMP[NEUTRAL_GREY.light],\n} as const;\nexport const NEUTRAL_CONTRAST = ABSOLUTE_INK.white;\n\n/**\n * The RESTING thumb — the knob while the switch is off (FUT-1924).\n *\n * It stays white, and the reason is worth stating because the checked thumb no\n * longer is: the resting track is `theme.palette.action.disabled` washed over\n * the page, which no tenant picks, and a white knob on it is the conventional\n * look in both modes. The CHECKED track is `palette.main`, a colour the tenant\n * does pick, and that is where a stated white was a defect. See `checkedInk`\n * in `Switch.styles.ts` and its native twin.\n */\nexport const RESTING_THUMB = ABSOLUTE_INK.white;\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  RESTING_THUMB,\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 { inkOver } from '../../../tokens/theme';\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/**\n * The ink on the CHECKED track — the thumb, and the `on` wording (FUT-1924).\n *\n * Both halves of the component had a stated `#fff` here, and the checked track\n * is the one surface a tenant chooses: a pale brand got a white knob on a pale\n * bar, which reads as OFF while it is on.\n *\n * **The fills are THIS renderer's, not the web's, and they differ.** The web\n * paints a real three-stop gradient and hands `checkedInk` all three\n * (`Switch.styles.ts`); React Native has no gradient without a dependency, so\n * `trackStyle` shows `gradientFirstStop` — `palette.light`, FLAT — and\n * `NATIVE-NOTES.md` records that as a known divergence. Passing the web's set\n * here would judge the ink against two fills native never draws, and the two\n * renderers then disagree on the same palette: measured on `#00897b`, the web\n * answers white and this answered dark ink, because `main` and `dark` were in\n * the list and only `light` is on screen.\n *\n * So the gradient case is ONE fill, which is the one it paints.\n */\nexport function checkedInk(paint: SwitchPaint, palette: SwitchPalette): string {\n  const fills = [paint.gradient ? palette.light || palette.main : palette.main];\n\n  return inkOver(fills, palette.contrastText || NEUTRAL_CONTRAST);\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/** Disabled greys out; checked takes the track's ink; resting stays white. */\nfunction thumbFill(\n  paint: SwitchPaint,\n  palette: SwitchPalette,\n  state: SwitchState,\n  theme: UiTheme,\n): string {\n  if (state.disabled) return theme.palette.grey[DISABLED.thumbGrey] ?? RESTING_THUMB;\n  return state.checked ? checkedInk(paint, palette) : RESTING_THUMB;\n}\n\n/**\n * The knob: round for iOS and the default, squarer for Android and Material.\n * White while resting, the checked track's own ink once on — see\n * {@link RESTING_THUMB} and {@link checkedInk}.\n */\nexport function thumbStyle(\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    position: 'absolute',\n    width: geometry.thumbSize,\n    height: geometry.thumbSize,\n    borderRadius: thumbRadius(look, geometry.thumbSize),\n    backgroundColor: thumbFill(paint, palette, state, theme),\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/layout/Card.js

@@ -5,6 +5,9 @@ import {
   drop,
   halo
 } from "../chunks/chunk-NRN37A5K.js";
+import {
+  ABSOLUTE_INK
+} from "../chunks/chunk-ZRQHLTYG.js";
 import {
   renderTextChildren
 } from "../chunks/chunk-5GJ5OG5R.js";
@@ -58,9 +61,9 @@ var CARD_RADIUS_UNITS = {
 var CARD_RADIUS_FULL = "50%";
 var CARD_BORDER_WIDTH = 1;
 var CARD_PAPER_SHADOW = [
-  { offsetX: 0, offsetY: 2, blurRadius: 1, spreadDistance: -1, color: "rgba(0, 0, 0, 0.2)" },
-  { offsetX: 0, offsetY: 1, blurRadius: 1, spreadDistance: 0, color: "rgba(0, 0, 0, 0.14)" },
-  { offsetX: 0, offsetY: 1, blurRadius: 3, spreadDistance: 0, color: "rgba(0, 0, 0, 0.12)" }
+  { offsetX: 0, offsetY: 2, blurRadius: 1, spreadDistance: -1, color: alpha(ABSOLUTE_INK.black, 0.2) },
+  { offsetX: 0, offsetY: 1, blurRadius: 1, spreadDistance: 0, color: alpha(ABSOLUTE_INK.black, 0.14) },
+  { offsetX: 0, offsetY: 1, blurRadius: 3, spreadDistance: 0, color: alpha(ABSOLUTE_INK.black, 0.12) }
 ];
 var CARD_GLASS = {
   backgroundAlpha: { rest: 0.1, lifted: 0.15 },
@@ -89,8 +92,8 @@ function neumorphicShadows(lifted, near, far) {
   ];
 }
 var CARD_SECTION_BACKGROUND = {
-  dark: { rest: "rgba(0, 0, 0, 0.2)", lifted: "rgba(0, 0, 0, 0.25)" },
-  light: { rest: "rgba(0, 0, 0, 0.02)", lifted: "rgba(0, 0, 0, 0.04)" }
+  dark: { rest: alpha(ABSOLUTE_INK.black, 0.2), lifted: alpha(ABSOLUTE_INK.black, 0.25) },
+  light: { rest: alpha(ABSOLUTE_INK.black, 0.02), lifted: alpha(ABSOLUTE_INK.black, 0.04) }
 };
 var CARD_GLOW = {
   rest: { blurRadius: 20, alpha: 0.3 },

package/dist/native/layout/Card.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/layout/Card/Card.native.tsx","../../../src/components/layout/Card/Card.helpers.ts","../../../src/components/layout/Card/Card.metrics.ts","../../../src/components/layout/Card/Card.look.native.ts","../../../src/components/layout/Card/CardParts.native.tsx"],"sourcesContent":["import * as React from 'react';\nimport {\n  ActivityIndicator,\n  Platform,\n  Pressable,\n  StyleSheet,\n  View,\n  type GestureResponderEvent,\n  type PressableStateCallbackType,\n  type StyleProp,\n  type ViewStyle,\n} from 'react-native';\n\nimport { resolveCardProps } from './Card.helpers';\nimport { cardLook } from './Card.look.native';\nimport { CARD_LOADING, CARD_PULSE } from './Card.metrics';\nimport { CardInkContext } from './CardParts.native';\nimport type { CardProps } from './Card.types.native';\nimport { PulseRing } from '../../../platform/pulse-ring.native';\nimport { childTestId, resolveTestId, withoutTestIdProps } from '../../../platform/test-id';\nimport { renderTextChildren } from '../../../platform/text-children';\nimport { useUiTheme } from '../../../provider/use-ui-theme.native';\nimport { muiTypeStyle } from '../../../tokens/mui-type';\n\n// The shared stories import all five names from `./Card`, which resolves here\n// under Metro and in the native Storybook; the slots live in their own file to\n// keep this one about the envelope, and are re-exported so that import works.\nexport { CardActions, CardContent, CardHeader, CardMedia } from './CardParts.native';\n\n/** The spinner a loading card centres over itself; `role` comes from `ActivityIndicator`. */\nfunction Spinner({ color, testID }: { color: string; testID: string }): React.JSX.Element {\n  return (\n    <View testID={testID} style={[styles.spinner, { zIndex: CARD_LOADING.spinnerZIndex }]}>\n      <ActivityIndicator\n        size={Platform.OS === 'ios' ? 'large' : CARD_LOADING.spinnerSize}\n        color={color}\n      />\n    </View>\n  );\n}\n\nexport const Card = React.forwardRef<View, CardProps>((rawProps, ref) => {\n  const resolved = resolveCardProps(rawProps);\n  const { children, loading, pulse, onClick, onPress, onFocus, onBlur, ...others } = resolved;\n  const theme = useUiTheme();\n  const look = cardLook(theme, resolved);\n\n  const testID = resolveTestId(others, 'card');\n  const idFor = (suffix: string): string => childTestId(others, suffix, 'card');\n  const rest = withoutTestIdProps(others);\n  // `cardLook` consumed these, and the reserved ones paint nothing on either\n  // renderer; none of them is a `View` prop.\n  const {\n    variant: _variant,\n    interactive,\n    glow: _glow,\n    borderRadius: _borderRadius,\n    style,\n    expandable: _expandable,\n    expanded: _expanded,\n    onExpandToggle: _onExpandToggle,\n    entranceAnimation: _entranceAnimation,\n    animationDelay: _animationDelay,\n    skeleton: _skeleton,\n    hoverScale: _hoverScale,\n    ...viewProps\n  } = rest;\n\n  // A loading card is inert: no handler fires and pointer events are off, so a\n  // half-rendered card cannot be pressed through. Same rule as the web.\n  const idle = !loading;\n  const handlePress = (event: GestureResponderEvent): void => {\n    onClick?.(event);\n    onPress?.(event);\n  };\n\n  // The ink goes to the SLOTS through context and to bare text children\n  // directly: on the web one `color` on the card covers both, because CSS\n  // inherits and React Native does not.\n  const body = (\n    <CardInkContext.Provider value={look.ink}>\n      {pulse ? (\n        <PulseRing\n          color={theme.palette.primary.main}\n          radius={look.radius}\n          spread={CARD_PULSE.spread}\n          durationMs={CARD_PULSE.durationMs}\n          fadeAt={CARD_PULSE.fadeAt}\n          opacity={CARD_PULSE.alpha}\n          testID={idFor('pulse')}\n        />\n      ) : null}\n      {loading ? <Spinner color={theme.palette.primary.main} testID={idFor('loading')} /> : null}\n      {renderTextChildren(children, { ...muiTypeStyle(theme, 'body1'), color: look.ink })}\n    </CardInkContext.Provider>\n  );\n\n  const shared = { testID, onFocus: idle ? onFocus : undefined, onBlur: idle ? onBlur : undefined };\n\n  if (!interactive && !onClick && !onPress) {\n    return (\n      <View ref={ref} style={[look.container, style]} {...shared} {...viewProps}>\n        {body}\n      </View>\n    );\n  }\n\n  const container = ({ pressed }: PressableStateCallbackType): StyleProp<ViewStyle> => [\n    look.container,\n    pressed && idle ? look.pressed : null,\n    style,\n  ];\n\n  return (\n    <Pressable ref={ref} style={container} onPress={idle ? handlePress : undefined} {...shared} {...viewProps}>\n      {body}\n    </Pressable>\n  );\n});\n\nCard.displayName = 'Card';\n\nconst styles = StyleSheet.create({\n  spinner: {\n    ...StyleSheet.absoluteFillObject,\n    alignItems: 'center',\n    justifyContent: 'center',\n    pointerEvents: 'none',\n  },\n});\n","import type { CardBaseProps } from './Card.base';\n\ntype CardDefaultedKeys =\n  | 'variant'\n  | 'interactive'\n  | 'glow'\n  | 'pulse'\n  | 'borderRadius'\n  | 'loading';\n\n/**\n * Generic over the renderer's own props: the web and the native `Card` pass\n * different handler types (and different style props) through, and both come\n * back out untouched.\n */\ntype ResolvedCardProps<P extends CardBaseProps> = P &\n  Required<Pick<CardBaseProps, CardDefaultedKeys>>;\n\nconst CARD_DEFAULTS: Required<Pick<CardBaseProps, CardDefaultedKeys>> = {\n  variant: 'elevated',\n  interactive: false,\n  glow: false,\n  pulse: false,\n  borderRadius: 'md',\n  loading: false,\n};\n\n// Strips explicitly-undefined props before the merge, so `glow={undefined}` still\n// falls back to the default exactly as a destructuring default would.\nconst definedProps = <P extends CardBaseProps>(props: P): Partial<P> =>\n  Object.fromEntries(\n    Object.entries(props).filter(([, value]) => value !== undefined),\n  ) as Partial<P>;\n\nexport const resolveCardProps = <P extends CardBaseProps>(props: P): ResolvedCardProps<P> =>\n  ({ ...CARD_DEFAULTS, ...definedProps(props) }) as ResolvedCardProps<P>;\n","import type { CardBorderRadius } from './Card.base';\nimport type { UiShadow } from '../../../tokens/shadow';\n\n/**\n * THE NUMBERS BOTH `Card` RENDERERS DRAW WITH.\n *\n * `Card.styles.ts` (web, emotion over MUI) and `Card.native.tsx` /\n * `Card.look.native.ts` (React Native) read this one table. The web turns the\n * radii into `theme.spacing()` and the shadows into CSS strings (`shadowCss`\n * in `src/tokens/shadow.ts` writes exactly the text it always has); native\n * hands the same shadow objects to `boxShadow` and the same numbers to a\n * `StyleSheet`.\n *\n * Nothing here imports a renderer, a theme or a colour: a shadow's COLOUR is\n * the caller's, because the two sides reach for the same arithmetic through\n * different doors (`alpha` from `@mui/material/styles` on the web, from\n * `src/tokens/color` natively — a port of it, asserted equal).\n */\n\n/* ── The envelope ─────────────────────────────────────────────────────────── */\n\n/**\n * `theme.spacing(n)` per named radius. `none` is written as a bare `0` by the\n * web rather than `spacing(0)`, so it is spelled that way on both sides.\n */\nexport const CARD_RADIUS_UNITS: Record<Exclude<CardBorderRadius, 'full'>, number> = {\n  none: 0,\n  sm: 0.5,\n  md: 1,\n  lg: 2,\n  xl: 3,\n};\n\n/** `full` is a percentage of the box, not a length. */\nexport const CARD_RADIUS_FULL = '50%';\n\n/** The hairline `outlined` and `glass` draw. */\nexport const CARD_BORDER_WIDTH = 1;\n\n/* ── Shadows ──────────────────────────────────────────────────────────────── */\n\n/** A card's shadows are `UiShadow`s; `src/tokens/shadow.ts` says why they have a shape. */\nexport type CardShadow = UiShadow;\n\n/**\n * MUI's `theme.shadows[1]` — the elevation a `Paper` paints and therefore the\n * shadow every `elevated` card on the web already has.\n *\n * It is restated here rather than derived because the web never names it: it\n * arrives through `MuiCard` -> `MuiPaper`, and React Native has no Paper to\n * inherit it from. (`variant=\"elevated\"`'s own `elevation: 4` is not a CSS\n * property and paints nothing — see {@link CARD_ELEVATION}.)\n */\nexport const CARD_PAPER_SHADOW: readonly UiShadow[] = [\n  { offsetX: 0, offsetY: 2, blurRadius: 1, spreadDistance: -1, color: 'rgba(0, 0, 0, 0.2)' },\n  { offsetX: 0, offsetY: 1, blurRadius: 1, spreadDistance: 0, color: 'rgba(0, 0, 0, 0.14)' },\n  { offsetX: 0, offsetY: 1, blurRadius: 3, spreadDistance: 0, color: 'rgba(0, 0, 0, 0.12)' },\n];\n\n/**\n * What `elevated` declares at rest and on hover.\n *\n * `elevation` is not a CSS property, so on the web these paint NOTHING and an\n * elevated card shows `MuiPaper`'s own elevation-1 shadow. Kept because they\n * are what the source says, and mirrored natively by leaving\n * {@link CARD_PAPER_SHADOW} in place for both states.\n */\nexport const CARD_ELEVATION = { rest: 4, lifted: 8 } as const;\n\n/* ── Variant surfaces ─────────────────────────────────────────────────────── */\n\n/** `glass`: a 0.1 wash of the paper behind a 20px blur, inside a primary hairline. */\nexport const CARD_GLASS = {\n  backgroundAlpha: { rest: 0.1, lifted: 0.15 },\n  borderAlpha: { rest: 0.2, lifted: 0.3 },\n  blurPx: 20,\n  shadow: { offsetY: 8, blurRadius: 32, alpha: 0.1 },\n} as const;\n\n/** `gradient`: primary into secondary at 135°, over a hue-tinted drop shadow. */\nexport const CARD_GRADIENT = {\n  angleDeg: 135,\n  shadow: { offsetY: 4, blurRadius: 20, alpha: 0.3 },\n} as const;\n\n/** `neumorphic`: two opposed shadows, blurred twice their offset. */\nexport const CARD_NEUMORPHIC = {\n  spread: { rest: 8, lifted: 12 },\n  blurFactor: 2,\n  alpha: {\n    dark: { near: 0.3, far: 0.1 },\n    light: { near: { rest: 0.2, lifted: 0.3 }, far: { rest: 0.8, lifted: 0.9 } },\n  },\n} as const;\n\n/**\n * The offset pair `neumorphic` paints, given the two colours the mode picked:\n * `near` down-right, `far` up-left, both blurred twice the offset.\n */\nexport function neumorphicShadows(lifted: boolean, near: string, far: string): UiShadow[] {\n  const spread = lifted ? CARD_NEUMORPHIC.spread.lifted : CARD_NEUMORPHIC.spread.rest;\n  const blurRadius = spread * CARD_NEUMORPHIC.blurFactor;\n  return [\n    { offsetX: spread, offsetY: spread, blurRadius, spreadDistance: 0, color: near },\n    { offsetX: -spread, offsetY: -spread, blurRadius, spreadDistance: 0, color: far },\n  ];\n}\n\n/**\n * `section`: a flat ink wash rather than a palette slot, so a section reads as\n * a recess in whatever surface it sits on.\n */\nexport const CARD_SECTION_BACKGROUND = {\n  dark: { rest: 'rgba(0, 0, 0, 0.2)', lifted: 'rgba(0, 0, 0, 0.25)' },\n  light: { rest: 'rgba(0, 0, 0, 0.02)', lifted: 'rgba(0, 0, 0, 0.04)' },\n} as const;\n\n/* ── Decorations ──────────────────────────────────────────────────────────── */\n\n/** `glow`: a haloed primary shadow that widens under the pointer. */\nexport const CARD_GLOW = {\n  rest: { blurRadius: 20, alpha: 0.3 },\n  lifted: { blurRadius: 30, alpha: 0.4 },\n} as const;\n\n/**\n * `pulse`: a ring of the primary hue that grows 15px out of the card's edge and\n * fades, every two seconds. The web draws it as an `::after` box-shadow spread\n * behind the paper (`z-index: -1`).\n */\nexport const CARD_PULSE = {\n  alpha: 0.3,\n  durationMs: 2000,\n  spread: 15,\n  /** The fraction of the cycle the ring is still visible for. */\n  fadeAt: 0.7,\n  zIndex: -1,\n} as const;\n\n/** `interactive`: the card rises 2px under the pointer and settles while pressed. */\nexport const CARD_INTERACTIVE_LIFT = 2;\n\n/** `loading`: the card dims, stops taking pointers and centres a spinner over itself. */\nexport const CARD_LOADING = { opacity: 0.6, spinnerZIndex: 10, spinnerSize: 40 } as const;\n\n/* ── The slots ────────────────────────────────────────────────────────────── */\n\n/** `CardContent`: `theme.spacing(2)`, halved by `dense`. */\nexport const CARD_CONTENT_PADDING_UNITS = { normal: 2, dense: 1 } as const;\n\n/**\n * `CardHeader`, in MUI's own px: 16 all round, the avatar 16 from the content,\n * the action pulled back out of the padding on three sides.\n */\nexport const CARD_HEADER = {\n  padding: 16,\n  avatarGap: 16,\n  action: { marginTop: -4, marginRight: -8, marginBottom: -4 },\n} as const;\n\n/** A `CardHeader` given raw `children` is a plain `theme.spacing(2)` box instead. */\nexport const CARD_HEADER_CHILDREN_PADDING_UNITS = 2;\n\n/**\n * `CardActions`, in MUI's own px: 8 all round, and 8 between the actions unless\n * `disableSpacing` turns the run off.\n */\nexport const CARD_ACTIONS = { padding: 8, gap: 8 } as const;\n\n/** `CardMedia`'s default height. */\nexport const CARD_MEDIA_HEIGHT = 200;\n","import type { ViewStyle } from 'react-native';\n\nimport type { CardBorderRadius, CardVariant } from './Card.base';\nimport {\n  CARD_BORDER_WIDTH,\n  CARD_GLASS,\n  CARD_GLOW,\n  CARD_GRADIENT,\n  CARD_LOADING,\n  CARD_NEUMORPHIC,\n  CARD_PAPER_SHADOW,\n  CARD_RADIUS_FULL,\n  CARD_RADIUS_UNITS,\n  CARD_SECTION_BACKGROUND,\n  neumorphicShadows,\n} from './Card.metrics';\nimport { alpha } from '../../../tokens/color';\nimport { BLACK, WHITE, drop, halo, type UiShadow } from '../../../tokens/shadow';\nimport type { UiTheme } from '../../../tokens/theme';\n\n/**\n * WHAT THE NATIVE `Card` PAINTS — the arithmetic, with no JSX in sight.\n *\n * The web builds one `sx` object by spreading base, `interactive`, `glow`,\n * `pulse` and finally the variant's own surface over each other; whichever\n * wrote a property last wins. The composition here spreads the SAME things in\n * the SAME order, which is why `glow` shows through an `elevated` card (whose\n * surface declares no shadow) and is buried by a `glass` one (whose surface\n * does) on both renderers.\n */\n\n/** The named radius as a length. `full` stays a percentage of the box. */\nexport function cardRadius(theme: UiTheme, radius: CardBorderRadius): number | string {\n  if (radius === 'full') return CARD_RADIUS_FULL;\n  return theme.spacing(CARD_RADIUS_UNITS[radius] ?? CARD_RADIUS_UNITS.md);\n}\n\ninterface Surface {\n  surface: ViewStyle;\n  /** What the web changes on `:hover`; native applies it while pressed. */\n  hover: ViewStyle;\n}\n\nfunction glassSurface(theme: UiTheme, lifted: boolean): Surface {\n  return {\n    surface: {\n      backgroundColor: alpha(theme.palette.background.paper, CARD_GLASS.backgroundAlpha.rest),\n      borderWidth: CARD_BORDER_WIDTH,\n      borderStyle: 'solid',\n      borderColor: alpha(theme.palette.primary.main, CARD_GLASS.borderAlpha.rest),\n      boxShadow: drop(\n        CARD_GLASS.shadow.offsetY,\n        CARD_GLASS.shadow.blurRadius,\n        alpha(BLACK, CARD_GLASS.shadow.alpha),\n      ),\n    },\n    hover: {\n      backgroundColor: alpha(\n        theme.palette.background.paper,\n        lifted ? CARD_GLASS.backgroundAlpha.lifted : CARD_GLASS.backgroundAlpha.rest,\n      ),\n      borderColor: alpha(theme.palette.primary.main, CARD_GLASS.borderAlpha.lifted),\n    },\n  };\n}\n\nfunction neumorphicSurface(theme: UiTheme, lifted: boolean): Surface {\n  const { dark, light } = CARD_NEUMORPHIC.alpha;\n  const pair = (raised: boolean): UiShadow[] =>\n    theme.mode === 'dark'\n      ? neumorphicShadows(raised, alpha(BLACK, dark.near), alpha(WHITE, dark.far))\n      : neumorphicShadows(\n          raised,\n          alpha(theme.palette.grey[400], raised ? light.near.lifted : light.near.rest),\n          alpha(WHITE, raised ? light.far.lifted : light.far.rest),\n        );\n\n  return {\n    surface: {\n      backgroundColor: theme.mode === 'dark' ? theme.palette.grey[800] : theme.palette.grey[100],\n      boxShadow: pair(false),\n      borderWidth: 0,\n    },\n    hover: { boxShadow: pair(lifted) },\n  };\n}\n\nfunction sectionSurface(theme: UiTheme, lifted: boolean): Surface {\n  const wash = CARD_SECTION_BACKGROUND[theme.mode === 'dark' ? 'dark' : 'light'];\n  return {\n    surface: { backgroundColor: wash.rest, borderWidth: 0, boxShadow: undefined },\n    hover: { backgroundColor: lifted ? wash.lifted : wash.rest },\n  };\n}\n\n/**\n * Each variant's resting surface and whatever it changes on hover — the same\n * split `Card.styles.ts` makes, in React Native's property names.\n *\n * `gradient` is the one honest gap: React Native core has no gradient fill, so\n * it paints the gradient's FIRST stop. The parity ledger records it.\n */\nexport function cardSurface(theme: UiTheme, variant: CardVariant, lifted: boolean): Surface {\n  switch (variant) {\n    case 'outlined':\n      return {\n        surface: {\n          borderWidth: CARD_BORDER_WIDTH,\n          borderStyle: 'solid',\n          borderColor: theme.palette.divider,\n          boxShadow: undefined,\n        },\n        hover: { borderColor: lifted ? theme.palette.primary.main : theme.palette.divider },\n      };\n    case 'glass':\n      return glassSurface(theme, lifted);\n    case 'gradient':\n      return {\n        surface: {\n          backgroundColor: theme.palette.primary.main,\n          boxShadow: drop(\n            CARD_GRADIENT.shadow.offsetY,\n            CARD_GRADIENT.shadow.blurRadius,\n            alpha(theme.palette.primary.main, CARD_GRADIENT.shadow.alpha),\n          ),\n        },\n        hover: {\n          backgroundColor: lifted ? theme.palette.primary.dark : theme.palette.primary.main,\n        },\n      };\n    case 'neumorphic':\n      return neumorphicSurface(theme, lifted);\n    case 'section':\n      return sectionSurface(theme, lifted);\n    default:\n      // `elevated` declares only MUI's inert `elevation`, so the paper shadow\n      // the base laid down (or a `glow` over it) is what shows.\n      return { surface: {}, hover: {} };\n  }\n}\n\n/** The ink a card's own text inherits: `gradient` flips it, everything else is body ink. */\nexport const cardInk = (theme: UiTheme, variant: CardVariant): string =>\n  variant === 'gradient' ? theme.palette.primary.contrastText : theme.palette.text.primary;\n\nexport interface CardLookArgs {\n  variant: CardVariant;\n  interactive: boolean;\n  glow: boolean;\n  pulse: boolean;\n  loading: boolean;\n  borderRadius: CardBorderRadius;\n}\n\nexport interface CardLook {\n  container: ViewStyle;\n  /** Applied while pressed, standing in for the web's `:hover`. */\n  pressed: ViewStyle;\n  radius: number | string;\n  ink: string;\n}\n\n/**\n * Everything the card paints, decided once per render.\n *\n * `overflow` is the one place native needs a rule the web does not. MUI's\n * `Card` clips its children, and the pulse ring has to reach 15px past the\n * edge — but a view's own shadow is clipped by its own overflow on a device,\n * so a `glow` the caller asked for would simply not paint. Both decorations\n * therefore turn the clip off, exactly as `Button.native.tsx` does.\n */\nexport function cardLook(theme: UiTheme, a: CardLookArgs): CardLook {\n  const radius = cardRadius(theme, a.borderRadius);\n  const chosen = cardSurface(theme, a.variant, a.interactive);\n\n  const base: ViewStyle = {\n    position: 'relative',\n    borderRadius: radius,\n    backgroundColor: theme.palette.background.paper,\n    overflow: a.pulse || a.glow ? 'visible' : 'hidden',\n    opacity: a.loading ? CARD_LOADING.opacity : 1,\n    pointerEvents: a.loading ? 'none' : 'auto',\n  };\n\n  return {\n    radius,\n    ink: cardInk(theme, a.variant),\n    container: {\n      ...base,\n      boxShadow: CARD_PAPER_SHADOW,\n      ...(a.interactive ? { cursor: 'pointer' } : null),\n      ...(a.glow\n        ? { boxShadow: halo(CARD_GLOW.rest.blurRadius, alpha(theme.palette.primary.main, CARD_GLOW.rest.alpha)) }\n        : null),\n      ...chosen.surface,\n    },\n    pressed: {\n      ...(a.glow\n        ? { boxShadow: halo(CARD_GLOW.lifted.blurRadius, alpha(theme.palette.primary.main, CARD_GLOW.lifted.alpha)) }\n        : null),\n      ...chosen.hover,\n    },\n  };\n}\n","import * as React from 'react';\nimport {\n  Image,\n  StyleSheet,\n  Text as RNText,\n  View,\n  type DimensionValue,\n  type TextStyle,\n  type ViewStyle,\n} from 'react-native';\n\nimport {\n  CARD_ACTIONS,\n  CARD_CONTENT_PADDING_UNITS,\n  CARD_HEADER,\n  CARD_HEADER_CHILDREN_PADDING_UNITS,\n  CARD_MEDIA_HEIGHT,\n} from './Card.metrics';\nimport type {\n  CardActionsAlignment,\n  CardActionsProps,\n  CardContentProps,\n  CardHeaderProps,\n  CardMediaProps,\n} from './Card.types.native';\nimport { childTestId, resolveTestId, withoutTestIdProps } from '../../../platform/test-id';\nimport { renderTextChildren } from '../../../platform/text-children';\nimport { useUiTheme } from '../../../provider/use-ui-theme.native';\nimport { muiTypeStyle } from '../../../tokens/mui-type';\nimport type { UiTheme } from '../../../tokens/theme';\n\n/**\n * THE FOUR SLOTS A CARD IS BUILT OUT OF, ON REACT NATIVE.\n *\n * Each one is a `View` carrying the padding MUI's own `CardHeader`,\n * `CardContent`, `CardActions` and `CardMedia` declare in px — the web half\n * overrides only `padding` and `justify-content`, so the rest of the numbers\n * come from MUI and are restated in `Card.metrics.ts` rather than re-invented.\n */\n\n/**\n * THE INK A CARD PUBLISHES TO ITS SLOTS.\n *\n * `Card.styles.ts` puts `color: primary.contrastText` on the gradient card\n * ITSELF and lets CSS inheritance carry it into the header and the body. React\n * Native inherits nothing across views, so the card publishes its ink here and\n * every slot reads it — which is the difference between a legible gradient card\n * and near-black text on indigo.\n *\n * `null` is \"no card above me\": a slot rendered on its own falls back to the\n * body ink, exactly as it would on the web.\n */\nexport const CardInkContext = React.createContext<string | null>(null);\n\n/** The body text of a slot, in MUI's `body1`, so a bare string is not unstyled. */\nconst slotTextStyle = (theme: UiTheme, ink: string | null): TextStyle => ({\n  ...muiTypeStyle(theme, 'body1'),\n  color: ink ?? theme.palette.text.primary,\n});\n\n/** MUI's header title: `h5`, or `body2` when an avatar shares the row. */\nexport const cardTitleStyle = (\n  theme: UiTheme,\n  hasAvatar: boolean,\n  ink: string | null = null,\n): TextStyle => ({\n  ...muiTypeStyle(theme, hasAvatar ? 'body2' : 'h5'),\n  color: ink ?? theme.palette.text.primary,\n});\n\n/**\n * MUI's header subheader: `body1` (or `body2` beside an avatar), in the muted\n * ink — which does NOT follow the card's own ink, because MUI's `CardHeader`\n * pins the subheader to `textSecondary` explicitly rather than inheriting.\n */\nexport const cardSubtitleStyle = (theme: UiTheme, hasAvatar: boolean): TextStyle => ({\n  ...muiTypeStyle(theme, hasAvatar ? 'body2' : 'body1'),\n  color: theme.palette.text.secondary,\n});\n\nexport function CardHeader({\n  title,\n  subtitle,\n  action,\n  avatar,\n  children,\n  ...others\n}: CardHeaderProps): React.JSX.Element {\n  const theme = useUiTheme();\n  const ink = React.useContext(CardInkContext);\n  const testID = resolveTestId(others, 'card-header');\n  const { style, ...viewProps } = withoutTestIdProps(others);\n\n  if (children) {\n    return (\n      <View\n        testID={testID}\n        style={[{ padding: theme.spacing(CARD_HEADER_CHILDREN_PADDING_UNITS) }, style]}\n        {...viewProps}\n      >\n        {renderTextChildren(children, slotTextStyle(theme, ink))}\n      </View>\n    );\n  }\n\n  const hasAvatar = avatar != null;\n  return (\n    <View testID={testID} style={[styles.header, style]} {...viewProps}>\n      {hasAvatar ? <View style={styles.headerAvatar}>{avatar}</View> : null}\n      <View style={styles.headerContent}>\n        {title != null ? (\n          <RNText testID={childTestId(others, 'title', 'card')} style={cardTitleStyle(theme, hasAvatar, ink)}>\n            {title}\n          </RNText>\n        ) : null}\n        {subtitle != null ? (\n          <RNText\n            testID={childTestId(others, 'subtitle', 'card')}\n            style={cardSubtitleStyle(theme, hasAvatar)}\n          >\n            {subtitle}\n          </RNText>\n        ) : null}\n      </View>\n      {action != null ? <View style={styles.headerAction}>{action}</View> : null}\n    </View>\n  );\n}\n\nCardHeader.displayName = 'CardHeader';\n\nexport function CardContent({\n  children,\n  dense = false,\n  ...others\n}: CardContentProps): React.JSX.Element {\n  const theme = useUiTheme();\n  const ink = React.useContext(CardInkContext);\n  const testID = resolveTestId(others, 'card-content');\n  const { style, ...viewProps } = withoutTestIdProps(others);\n  const padding = theme.spacing(\n    dense ? CARD_CONTENT_PADDING_UNITS.dense : CARD_CONTENT_PADDING_UNITS.normal,\n  );\n\n  return (\n    <View testID={testID} style={[{ padding }, style]} {...viewProps}>\n      {renderTextChildren(children, slotTextStyle(theme, ink))}\n    </View>\n  );\n}\n\nCardContent.displayName = 'CardContent';\n\nconst JUSTIFY: Record<CardActionsAlignment, NonNullable<ViewStyle['justifyContent']>> = {\n  left: 'flex-start',\n  center: 'center',\n  right: 'flex-end',\n  'space-between': 'space-between',\n};\n\nexport function CardActions({\n  children,\n  disableSpacing = false,\n  alignment = 'left',\n  ...others\n}: CardActionsProps): React.JSX.Element {\n  const theme = useUiTheme();\n  const ink = React.useContext(CardInkContext);\n  const testID = resolveTestId(others, 'card-actions');\n  const { style, ...viewProps } = withoutTestIdProps(others);\n\n  return (\n    <View\n      testID={testID}\n      style={[\n        styles.actions,\n        { justifyContent: JUSTIFY[alignment], gap: disableSpacing ? undefined : CARD_ACTIONS.gap },\n        style,\n      ]}\n      {...viewProps}\n    >\n      {renderTextChildren(children, slotTextStyle(theme, ink))}\n    </View>\n  );\n}\n\nCardActions.displayName = 'CardActions';\n\n/**\n * `height` accepts the web's spellings: a number, a numeric string (`\"200\"`, as\n * an `<img height>` takes) or a percentage.\n */\nexport function mediaHeight(height: number | string): DimensionValue {\n  if (typeof height === 'number') return height;\n  const parsed = Number(height);\n  return Number.isFinite(parsed) ? parsed : (height as DimensionValue);\n}\n\nexport function CardMedia({\n  image,\n  title,\n  height = CARD_MEDIA_HEIGHT,\n  children,\n  ...others\n}: CardMediaProps): React.JSX.Element {\n  const testID = resolveTestId(others, 'card-media');\n  const { style, ...viewProps } = withoutTestIdProps(others);\n\n  return (\n    <View\n      testID={testID}\n      style={[{ height: mediaHeight(height), width: '100%', overflow: 'hidden' }, style]}\n      {...viewProps}\n    >\n      {image != null ? (\n        <Image\n          source={{ uri: image }}\n          accessibilityLabel={title}\n          resizeMode=\"cover\"\n          style={StyleSheet.absoluteFill}\n        />\n      ) : null}\n      {children}\n    </View>\n  );\n}\n\nCardMedia.displayName = 'CardMedia';\n\nconst styles = StyleSheet.create({\n  header: {\n    flexDirection: 'row',\n    alignItems: 'center',\n    padding: CARD_HEADER.padding,\n  },\n  headerAvatar: {\n    flexGrow: 0,\n    flexShrink: 0,\n    flexBasis: 'auto',\n    marginRight: CARD_HEADER.avatarGap,\n  },\n  headerContent: {\n    flexGrow: 1,\n    flexShrink: 1,\n    flexBasis: 'auto',\n    minWidth: 0,\n  },\n  headerAction: {\n    flexGrow: 0,\n    flexShrink: 0,\n    flexBasis: 'auto',\n    alignSelf: 'flex-start',\n    marginTop: CARD_HEADER.action.marginTop,\n    marginRight: CARD_HEADER.action.marginRight,\n    marginBottom: CARD_HEADER.action.marginBottom,\n  },\n  actions: {\n    flexDirection: 'row',\n    alignItems: 'center',\n    padding: CARD_ACTIONS.padding,\n  },\n});\n"],"mappings":"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","names":["React","StyleSheet","View","jsx","jsxs","View","styles","StyleSheet"]}
+{"version":3,"sources":["../../../src/components/layout/Card/Card.native.tsx","../../../src/components/layout/Card/Card.helpers.ts","../../../src/components/layout/Card/Card.metrics.ts","../../../src/components/layout/Card/Card.look.native.ts","../../../src/components/layout/Card/CardParts.native.tsx"],"sourcesContent":["import * as React from 'react';\nimport {\n  ActivityIndicator,\n  Platform,\n  Pressable,\n  StyleSheet,\n  View,\n  type GestureResponderEvent,\n  type PressableStateCallbackType,\n  type StyleProp,\n  type ViewStyle,\n} from 'react-native';\n\nimport { resolveCardProps } from './Card.helpers';\nimport { cardLook } from './Card.look.native';\nimport { CARD_LOADING, CARD_PULSE } from './Card.metrics';\nimport { CardInkContext } from './CardParts.native';\nimport type { CardProps } from './Card.types.native';\nimport { PulseRing } from '../../../platform/pulse-ring.native';\nimport { childTestId, resolveTestId, withoutTestIdProps } from '../../../platform/test-id';\nimport { renderTextChildren } from '../../../platform/text-children';\nimport { useUiTheme } from '../../../provider/use-ui-theme.native';\nimport { muiTypeStyle } from '../../../tokens/mui-type';\n\n// The shared stories import all five names from `./Card`, which resolves here\n// under Metro and in the native Storybook; the slots live in their own file to\n// keep this one about the envelope, and are re-exported so that import works.\nexport { CardActions, CardContent, CardHeader, CardMedia } from './CardParts.native';\n\n/** The spinner a loading card centres over itself; `role` comes from `ActivityIndicator`. */\nfunction Spinner({ color, testID }: { color: string; testID: string }): React.JSX.Element {\n  return (\n    <View testID={testID} style={[styles.spinner, { zIndex: CARD_LOADING.spinnerZIndex }]}>\n      <ActivityIndicator\n        size={Platform.OS === 'ios' ? 'large' : CARD_LOADING.spinnerSize}\n        color={color}\n      />\n    </View>\n  );\n}\n\nexport const Card = React.forwardRef<View, CardProps>((rawProps, ref) => {\n  const resolved = resolveCardProps(rawProps);\n  const { children, loading, pulse, onClick, onPress, onFocus, onBlur, ...others } = resolved;\n  const theme = useUiTheme();\n  const look = cardLook(theme, resolved);\n\n  const testID = resolveTestId(others, 'card');\n  const idFor = (suffix: string): string => childTestId(others, suffix, 'card');\n  const rest = withoutTestIdProps(others);\n  // `cardLook` consumed these, and the reserved ones paint nothing on either\n  // renderer; none of them is a `View` prop.\n  const {\n    variant: _variant,\n    interactive,\n    glow: _glow,\n    borderRadius: _borderRadius,\n    style,\n    expandable: _expandable,\n    expanded: _expanded,\n    onExpandToggle: _onExpandToggle,\n    entranceAnimation: _entranceAnimation,\n    animationDelay: _animationDelay,\n    skeleton: _skeleton,\n    hoverScale: _hoverScale,\n    ...viewProps\n  } = rest;\n\n  // A loading card is inert: no handler fires and pointer events are off, so a\n  // half-rendered card cannot be pressed through. Same rule as the web.\n  const idle = !loading;\n  const handlePress = (event: GestureResponderEvent): void => {\n    onClick?.(event);\n    onPress?.(event);\n  };\n\n  // The ink goes to the SLOTS through context and to bare text children\n  // directly: on the web one `color` on the card covers both, because CSS\n  // inherits and React Native does not.\n  const body = (\n    <CardInkContext.Provider value={look.ink}>\n      {pulse ? (\n        <PulseRing\n          color={theme.palette.primary.main}\n          radius={look.radius}\n          spread={CARD_PULSE.spread}\n          durationMs={CARD_PULSE.durationMs}\n          fadeAt={CARD_PULSE.fadeAt}\n          opacity={CARD_PULSE.alpha}\n          testID={idFor('pulse')}\n        />\n      ) : null}\n      {loading ? <Spinner color={theme.palette.primary.main} testID={idFor('loading')} /> : null}\n      {renderTextChildren(children, { ...muiTypeStyle(theme, 'body1'), color: look.ink })}\n    </CardInkContext.Provider>\n  );\n\n  const shared = { testID, onFocus: idle ? onFocus : undefined, onBlur: idle ? onBlur : undefined };\n\n  if (!interactive && !onClick && !onPress) {\n    return (\n      <View ref={ref} style={[look.container, style]} {...shared} {...viewProps}>\n        {body}\n      </View>\n    );\n  }\n\n  const container = ({ pressed }: PressableStateCallbackType): StyleProp<ViewStyle> => [\n    look.container,\n    pressed && idle ? look.pressed : null,\n    style,\n  ];\n\n  return (\n    <Pressable ref={ref} style={container} onPress={idle ? handlePress : undefined} {...shared} {...viewProps}>\n      {body}\n    </Pressable>\n  );\n});\n\nCard.displayName = 'Card';\n\nconst styles = StyleSheet.create({\n  spinner: {\n    ...StyleSheet.absoluteFillObject,\n    alignItems: 'center',\n    justifyContent: 'center',\n    pointerEvents: 'none',\n  },\n});\n","import type { CardBaseProps } from './Card.base';\n\ntype CardDefaultedKeys =\n  | 'variant'\n  | 'interactive'\n  | 'glow'\n  | 'pulse'\n  | 'borderRadius'\n  | 'loading';\n\n/**\n * Generic over the renderer's own props: the web and the native `Card` pass\n * different handler types (and different style props) through, and both come\n * back out untouched.\n */\ntype ResolvedCardProps<P extends CardBaseProps> = P &\n  Required<Pick<CardBaseProps, CardDefaultedKeys>>;\n\nconst CARD_DEFAULTS: Required<Pick<CardBaseProps, CardDefaultedKeys>> = {\n  variant: 'elevated',\n  interactive: false,\n  glow: false,\n  pulse: false,\n  borderRadius: 'md',\n  loading: false,\n};\n\n// Strips explicitly-undefined props before the merge, so `glow={undefined}` still\n// falls back to the default exactly as a destructuring default would.\nconst definedProps = <P extends CardBaseProps>(props: P): Partial<P> =>\n  Object.fromEntries(\n    Object.entries(props).filter(([, value]) => value !== undefined),\n  ) as Partial<P>;\n\nexport const resolveCardProps = <P extends CardBaseProps>(props: P): ResolvedCardProps<P> =>\n  ({ ...CARD_DEFAULTS, ...definedProps(props) }) as ResolvedCardProps<P>;\n","import type { CardBorderRadius } from './Card.base';\nimport { alpha } from '../../../tokens/color';\nimport { ABSOLUTE_INK } from '../../../tokens/ink.core';\nimport type { UiShadow } from '../../../tokens/shadow';\n\n/**\n * THE NUMBERS BOTH `Card` RENDERERS DRAW WITH.\n *\n * `Card.styles.ts` (web, emotion over MUI) and `Card.native.tsx` /\n * `Card.look.native.ts` (React Native) read this one table. The web turns the\n * radii into `theme.spacing()` and the shadows into CSS strings (`shadowCss`\n * in `src/tokens/shadow.ts` writes exactly the text it always has); native\n * hands the same shadow objects to `boxShadow` and the same numbers to a\n * `StyleSheet`.\n *\n * Nothing here imports a renderer or a theme — its fixed inks are the\n * renderer-free absolutes of `src/tokens/ink.core` — and a variant shadow's COLOUR is\n * the caller's, because the two sides reach for the same arithmetic through\n * different doors (`alpha` from `@mui/material/styles` on the web, from\n * `src/tokens/color` natively — a port of it, asserted equal).\n */\n\n/* ── The envelope ─────────────────────────────────────────────────────────── */\n\n/**\n * `theme.spacing(n)` per named radius. `none` is written as a bare `0` by the\n * web rather than `spacing(0)`, so it is spelled that way on both sides.\n */\nexport const CARD_RADIUS_UNITS: Record<Exclude<CardBorderRadius, 'full'>, number> = {\n  none: 0,\n  sm: 0.5,\n  md: 1,\n  lg: 2,\n  xl: 3,\n};\n\n/** `full` is a percentage of the box, not a length. */\nexport const CARD_RADIUS_FULL = '50%';\n\n/** The hairline `outlined` and `glass` draw. */\nexport const CARD_BORDER_WIDTH = 1;\n\n/* ── Shadows ──────────────────────────────────────────────────────────────── */\n\n/** A card's shadows are `UiShadow`s; `src/tokens/shadow.ts` says why they have a shape. */\nexport type CardShadow = UiShadow;\n\n/**\n * MUI's `theme.shadows[1]` — the elevation a `Paper` paints and therefore the\n * shadow every `elevated` card on the web already has.\n *\n * It is restated here rather than derived because the web never names it: it\n * arrives through `MuiCard` -> `MuiPaper`, and React Native has no Paper to\n * inherit it from. (`variant=\"elevated\"`'s own `elevation: 4` is not a CSS\n * property and paints nothing — see {@link CARD_ELEVATION}.)\n */\nexport const CARD_PAPER_SHADOW: readonly UiShadow[] = [\n  { offsetX: 0, offsetY: 2, blurRadius: 1, spreadDistance: -1, color: alpha(ABSOLUTE_INK.black, 0.2) },\n  { offsetX: 0, offsetY: 1, blurRadius: 1, spreadDistance: 0, color: alpha(ABSOLUTE_INK.black, 0.14) },\n  { offsetX: 0, offsetY: 1, blurRadius: 3, spreadDistance: 0, color: alpha(ABSOLUTE_INK.black, 0.12) },\n];\n\n/**\n * What `elevated` declares at rest and on hover.\n *\n * `elevation` is not a CSS property, so on the web these paint NOTHING and an\n * elevated card shows `MuiPaper`'s own elevation-1 shadow. Kept because they\n * are what the source says, and mirrored natively by leaving\n * {@link CARD_PAPER_SHADOW} in place for both states.\n */\nexport const CARD_ELEVATION = { rest: 4, lifted: 8 } as const;\n\n/* ── Variant surfaces ─────────────────────────────────────────────────────── */\n\n/** `glass`: a 0.1 wash of the paper behind a 20px blur, inside a primary hairline. */\nexport const CARD_GLASS = {\n  backgroundAlpha: { rest: 0.1, lifted: 0.15 },\n  borderAlpha: { rest: 0.2, lifted: 0.3 },\n  blurPx: 20,\n  shadow: { offsetY: 8, blurRadius: 32, alpha: 0.1 },\n} as const;\n\n/** `gradient`: primary into secondary at 135°, over a hue-tinted drop shadow. */\nexport const CARD_GRADIENT = {\n  angleDeg: 135,\n  shadow: { offsetY: 4, blurRadius: 20, alpha: 0.3 },\n} as const;\n\n/** `neumorphic`: two opposed shadows, blurred twice their offset. */\nexport const CARD_NEUMORPHIC = {\n  spread: { rest: 8, lifted: 12 },\n  blurFactor: 2,\n  alpha: {\n    dark: { near: 0.3, far: 0.1 },\n    light: { near: { rest: 0.2, lifted: 0.3 }, far: { rest: 0.8, lifted: 0.9 } },\n  },\n} as const;\n\n/**\n * The offset pair `neumorphic` paints, given the two colours the mode picked:\n * `near` down-right, `far` up-left, both blurred twice the offset.\n */\nexport function neumorphicShadows(lifted: boolean, near: string, far: string): UiShadow[] {\n  const spread = lifted ? CARD_NEUMORPHIC.spread.lifted : CARD_NEUMORPHIC.spread.rest;\n  const blurRadius = spread * CARD_NEUMORPHIC.blurFactor;\n  return [\n    { offsetX: spread, offsetY: spread, blurRadius, spreadDistance: 0, color: near },\n    { offsetX: -spread, offsetY: -spread, blurRadius, spreadDistance: 0, color: far },\n  ];\n}\n\n/**\n * `section`: a flat ink wash rather than a palette slot, so a section reads as\n * a recess in whatever surface it sits on.\n */\nexport const CARD_SECTION_BACKGROUND = {\n  dark: { rest: alpha(ABSOLUTE_INK.black, 0.2), lifted: alpha(ABSOLUTE_INK.black, 0.25) },\n  light: { rest: alpha(ABSOLUTE_INK.black, 0.02), lifted: alpha(ABSOLUTE_INK.black, 0.04) },\n} as const;\n\n/* ── Decorations ──────────────────────────────────────────────────────────── */\n\n/** `glow`: a haloed primary shadow that widens under the pointer. */\nexport const CARD_GLOW = {\n  rest: { blurRadius: 20, alpha: 0.3 },\n  lifted: { blurRadius: 30, alpha: 0.4 },\n} as const;\n\n/**\n * `pulse`: a ring of the primary hue that grows 15px out of the card's edge and\n * fades, every two seconds. The web draws it as an `::after` box-shadow spread\n * behind the paper (`z-index: -1`).\n */\nexport const CARD_PULSE = {\n  alpha: 0.3,\n  durationMs: 2000,\n  spread: 15,\n  /** The fraction of the cycle the ring is still visible for. */\n  fadeAt: 0.7,\n  zIndex: -1,\n} as const;\n\n/** `interactive`: the card rises 2px under the pointer and settles while pressed. */\nexport const CARD_INTERACTIVE_LIFT = 2;\n\n/** `loading`: the card dims, stops taking pointers and centres a spinner over itself. */\nexport const CARD_LOADING = { opacity: 0.6, spinnerZIndex: 10, spinnerSize: 40 } as const;\n\n/* ── The slots ────────────────────────────────────────────────────────────── */\n\n/** `CardContent`: `theme.spacing(2)`, halved by `dense`. */\nexport const CARD_CONTENT_PADDING_UNITS = { normal: 2, dense: 1 } as const;\n\n/**\n * `CardHeader`, in MUI's own px: 16 all round, the avatar 16 from the content,\n * the action pulled back out of the padding on three sides.\n */\nexport const CARD_HEADER = {\n  padding: 16,\n  avatarGap: 16,\n  action: { marginTop: -4, marginRight: -8, marginBottom: -4 },\n} as const;\n\n/** A `CardHeader` given raw `children` is a plain `theme.spacing(2)` box instead. */\nexport const CARD_HEADER_CHILDREN_PADDING_UNITS = 2;\n\n/**\n * `CardActions`, in MUI's own px: 8 all round, and 8 between the actions unless\n * `disableSpacing` turns the run off.\n */\nexport const CARD_ACTIONS = { padding: 8, gap: 8 } as const;\n\n/** `CardMedia`'s default height. */\nexport const CARD_MEDIA_HEIGHT = 200;\n","import type { ViewStyle } from 'react-native';\n\nimport type { CardBorderRadius, CardVariant } from './Card.base';\nimport {\n  CARD_BORDER_WIDTH,\n  CARD_GLASS,\n  CARD_GLOW,\n  CARD_GRADIENT,\n  CARD_LOADING,\n  CARD_NEUMORPHIC,\n  CARD_PAPER_SHADOW,\n  CARD_RADIUS_FULL,\n  CARD_RADIUS_UNITS,\n  CARD_SECTION_BACKGROUND,\n  neumorphicShadows,\n} from './Card.metrics';\nimport { alpha } from '../../../tokens/color';\nimport { BLACK, WHITE, drop, halo, type UiShadow } from '../../../tokens/shadow';\nimport type { UiTheme } from '../../../tokens/theme';\n\n/**\n * WHAT THE NATIVE `Card` PAINTS — the arithmetic, with no JSX in sight.\n *\n * The web builds one `sx` object by spreading base, `interactive`, `glow`,\n * `pulse` and finally the variant's own surface over each other; whichever\n * wrote a property last wins. The composition here spreads the SAME things in\n * the SAME order, which is why `glow` shows through an `elevated` card (whose\n * surface declares no shadow) and is buried by a `glass` one (whose surface\n * does) on both renderers.\n */\n\n/** The named radius as a length. `full` stays a percentage of the box. */\nexport function cardRadius(theme: UiTheme, radius: CardBorderRadius): number | string {\n  if (radius === 'full') return CARD_RADIUS_FULL;\n  return theme.spacing(CARD_RADIUS_UNITS[radius] ?? CARD_RADIUS_UNITS.md);\n}\n\ninterface Surface {\n  surface: ViewStyle;\n  /** What the web changes on `:hover`; native applies it while pressed. */\n  hover: ViewStyle;\n}\n\nfunction glassSurface(theme: UiTheme, lifted: boolean): Surface {\n  return {\n    surface: {\n      backgroundColor: alpha(theme.palette.background.paper, CARD_GLASS.backgroundAlpha.rest),\n      borderWidth: CARD_BORDER_WIDTH,\n      borderStyle: 'solid',\n      borderColor: alpha(theme.palette.primary.main, CARD_GLASS.borderAlpha.rest),\n      boxShadow: drop(\n        CARD_GLASS.shadow.offsetY,\n        CARD_GLASS.shadow.blurRadius,\n        alpha(BLACK, CARD_GLASS.shadow.alpha),\n      ),\n    },\n    hover: {\n      backgroundColor: alpha(\n        theme.palette.background.paper,\n        lifted ? CARD_GLASS.backgroundAlpha.lifted : CARD_GLASS.backgroundAlpha.rest,\n      ),\n      borderColor: alpha(theme.palette.primary.main, CARD_GLASS.borderAlpha.lifted),\n    },\n  };\n}\n\nfunction neumorphicSurface(theme: UiTheme, lifted: boolean): Surface {\n  const { dark, light } = CARD_NEUMORPHIC.alpha;\n  const pair = (raised: boolean): UiShadow[] =>\n    theme.mode === 'dark'\n      ? neumorphicShadows(raised, alpha(BLACK, dark.near), alpha(WHITE, dark.far))\n      : neumorphicShadows(\n          raised,\n          alpha(theme.palette.grey[400], raised ? light.near.lifted : light.near.rest),\n          alpha(WHITE, raised ? light.far.lifted : light.far.rest),\n        );\n\n  return {\n    surface: {\n      backgroundColor: theme.mode === 'dark' ? theme.palette.grey[800] : theme.palette.grey[100],\n      boxShadow: pair(false),\n      borderWidth: 0,\n    },\n    hover: { boxShadow: pair(lifted) },\n  };\n}\n\nfunction sectionSurface(theme: UiTheme, lifted: boolean): Surface {\n  const wash = CARD_SECTION_BACKGROUND[theme.mode === 'dark' ? 'dark' : 'light'];\n  return {\n    surface: { backgroundColor: wash.rest, borderWidth: 0, boxShadow: undefined },\n    hover: { backgroundColor: lifted ? wash.lifted : wash.rest },\n  };\n}\n\n/**\n * Each variant's resting surface and whatever it changes on hover — the same\n * split `Card.styles.ts` makes, in React Native's property names.\n *\n * `gradient` is the one honest gap: React Native core has no gradient fill, so\n * it paints the gradient's FIRST stop. The parity ledger records it.\n */\nexport function cardSurface(theme: UiTheme, variant: CardVariant, lifted: boolean): Surface {\n  switch (variant) {\n    case 'outlined':\n      return {\n        surface: {\n          borderWidth: CARD_BORDER_WIDTH,\n          borderStyle: 'solid',\n          borderColor: theme.palette.divider,\n          boxShadow: undefined,\n        },\n        hover: { borderColor: lifted ? theme.palette.primary.main : theme.palette.divider },\n      };\n    case 'glass':\n      return glassSurface(theme, lifted);\n    case 'gradient':\n      return {\n        surface: {\n          backgroundColor: theme.palette.primary.main,\n          boxShadow: drop(\n            CARD_GRADIENT.shadow.offsetY,\n            CARD_GRADIENT.shadow.blurRadius,\n            alpha(theme.palette.primary.main, CARD_GRADIENT.shadow.alpha),\n          ),\n        },\n        hover: {\n          backgroundColor: lifted ? theme.palette.primary.dark : theme.palette.primary.main,\n        },\n      };\n    case 'neumorphic':\n      return neumorphicSurface(theme, lifted);\n    case 'section':\n      return sectionSurface(theme, lifted);\n    default:\n      // `elevated` declares only MUI's inert `elevation`, so the paper shadow\n      // the base laid down (or a `glow` over it) is what shows.\n      return { surface: {}, hover: {} };\n  }\n}\n\n/** The ink a card's own text inherits: `gradient` flips it, everything else is body ink. */\nexport const cardInk = (theme: UiTheme, variant: CardVariant): string =>\n  variant === 'gradient' ? theme.palette.primary.contrastText : theme.palette.text.primary;\n\nexport interface CardLookArgs {\n  variant: CardVariant;\n  interactive: boolean;\n  glow: boolean;\n  pulse: boolean;\n  loading: boolean;\n  borderRadius: CardBorderRadius;\n}\n\nexport interface CardLook {\n  container: ViewStyle;\n  /** Applied while pressed, standing in for the web's `:hover`. */\n  pressed: ViewStyle;\n  radius: number | string;\n  ink: string;\n}\n\n/**\n * Everything the card paints, decided once per render.\n *\n * `overflow` is the one place native needs a rule the web does not. MUI's\n * `Card` clips its children, and the pulse ring has to reach 15px past the\n * edge — but a view's own shadow is clipped by its own overflow on a device,\n * so a `glow` the caller asked for would simply not paint. Both decorations\n * therefore turn the clip off, exactly as `Button.native.tsx` does.\n */\nexport function cardLook(theme: UiTheme, a: CardLookArgs): CardLook {\n  const radius = cardRadius(theme, a.borderRadius);\n  const chosen = cardSurface(theme, a.variant, a.interactive);\n\n  const base: ViewStyle = {\n    position: 'relative',\n    borderRadius: radius,\n    backgroundColor: theme.palette.background.paper,\n    overflow: a.pulse || a.glow ? 'visible' : 'hidden',\n    opacity: a.loading ? CARD_LOADING.opacity : 1,\n    pointerEvents: a.loading ? 'none' : 'auto',\n  };\n\n  return {\n    radius,\n    ink: cardInk(theme, a.variant),\n    container: {\n      ...base,\n      boxShadow: CARD_PAPER_SHADOW,\n      ...(a.interactive ? { cursor: 'pointer' } : null),\n      ...(a.glow\n        ? { boxShadow: halo(CARD_GLOW.rest.blurRadius, alpha(theme.palette.primary.main, CARD_GLOW.rest.alpha)) }\n        : null),\n      ...chosen.surface,\n    },\n    pressed: {\n      ...(a.glow\n        ? { boxShadow: halo(CARD_GLOW.lifted.blurRadius, alpha(theme.palette.primary.main, CARD_GLOW.lifted.alpha)) }\n        : null),\n      ...chosen.hover,\n    },\n  };\n}\n","import * as React from 'react';\nimport {\n  Image,\n  StyleSheet,\n  Text as RNText,\n  View,\n  type DimensionValue,\n  type TextStyle,\n  type ViewStyle,\n} from 'react-native';\n\nimport {\n  CARD_ACTIONS,\n  CARD_CONTENT_PADDING_UNITS,\n  CARD_HEADER,\n  CARD_HEADER_CHILDREN_PADDING_UNITS,\n  CARD_MEDIA_HEIGHT,\n} from './Card.metrics';\nimport type {\n  CardActionsAlignment,\n  CardActionsProps,\n  CardContentProps,\n  CardHeaderProps,\n  CardMediaProps,\n} from './Card.types.native';\nimport { childTestId, resolveTestId, withoutTestIdProps } from '../../../platform/test-id';\nimport { renderTextChildren } from '../../../platform/text-children';\nimport { useUiTheme } from '../../../provider/use-ui-theme.native';\nimport { muiTypeStyle } from '../../../tokens/mui-type';\nimport type { UiTheme } from '../../../tokens/theme';\n\n/**\n * THE FOUR SLOTS A CARD IS BUILT OUT OF, ON REACT NATIVE.\n *\n * Each one is a `View` carrying the padding MUI's own `CardHeader`,\n * `CardContent`, `CardActions` and `CardMedia` declare in px — the web half\n * overrides only `padding` and `justify-content`, so the rest of the numbers\n * come from MUI and are restated in `Card.metrics.ts` rather than re-invented.\n */\n\n/**\n * THE INK A CARD PUBLISHES TO ITS SLOTS.\n *\n * `Card.styles.ts` puts `color: primary.contrastText` on the gradient card\n * ITSELF and lets CSS inheritance carry it into the header and the body. React\n * Native inherits nothing across views, so the card publishes its ink here and\n * every slot reads it — which is the difference between a legible gradient card\n * and near-black text on indigo.\n *\n * `null` is \"no card above me\": a slot rendered on its own falls back to the\n * body ink, exactly as it would on the web.\n */\nexport const CardInkContext = React.createContext<string | null>(null);\n\n/** The body text of a slot, in MUI's `body1`, so a bare string is not unstyled. */\nconst slotTextStyle = (theme: UiTheme, ink: string | null): TextStyle => ({\n  ...muiTypeStyle(theme, 'body1'),\n  color: ink ?? theme.palette.text.primary,\n});\n\n/** MUI's header title: `h5`, or `body2` when an avatar shares the row. */\nexport const cardTitleStyle = (\n  theme: UiTheme,\n  hasAvatar: boolean,\n  ink: string | null = null,\n): TextStyle => ({\n  ...muiTypeStyle(theme, hasAvatar ? 'body2' : 'h5'),\n  color: ink ?? theme.palette.text.primary,\n});\n\n/**\n * MUI's header subheader: `body1` (or `body2` beside an avatar), in the muted\n * ink — which does NOT follow the card's own ink, because MUI's `CardHeader`\n * pins the subheader to `textSecondary` explicitly rather than inheriting.\n */\nexport const cardSubtitleStyle = (theme: UiTheme, hasAvatar: boolean): TextStyle => ({\n  ...muiTypeStyle(theme, hasAvatar ? 'body2' : 'body1'),\n  color: theme.palette.text.secondary,\n});\n\nexport function CardHeader({\n  title,\n  subtitle,\n  action,\n  avatar,\n  children,\n  ...others\n}: CardHeaderProps): React.JSX.Element {\n  const theme = useUiTheme();\n  const ink = React.useContext(CardInkContext);\n  const testID = resolveTestId(others, 'card-header');\n  const { style, ...viewProps } = withoutTestIdProps(others);\n\n  if (children) {\n    return (\n      <View\n        testID={testID}\n        style={[{ padding: theme.spacing(CARD_HEADER_CHILDREN_PADDING_UNITS) }, style]}\n        {...viewProps}\n      >\n        {renderTextChildren(children, slotTextStyle(theme, ink))}\n      </View>\n    );\n  }\n\n  const hasAvatar = avatar != null;\n  return (\n    <View testID={testID} style={[styles.header, style]} {...viewProps}>\n      {hasAvatar ? <View style={styles.headerAvatar}>{avatar}</View> : null}\n      <View style={styles.headerContent}>\n        {title != null ? (\n          <RNText testID={childTestId(others, 'title', 'card')} style={cardTitleStyle(theme, hasAvatar, ink)}>\n            {title}\n          </RNText>\n        ) : null}\n        {subtitle != null ? (\n          <RNText\n            testID={childTestId(others, 'subtitle', 'card')}\n            style={cardSubtitleStyle(theme, hasAvatar)}\n          >\n            {subtitle}\n          </RNText>\n        ) : null}\n      </View>\n      {action != null ? <View style={styles.headerAction}>{action}</View> : null}\n    </View>\n  );\n}\n\nCardHeader.displayName = 'CardHeader';\n\nexport function CardContent({\n  children,\n  dense = false,\n  ...others\n}: CardContentProps): React.JSX.Element {\n  const theme = useUiTheme();\n  const ink = React.useContext(CardInkContext);\n  const testID = resolveTestId(others, 'card-content');\n  const { style, ...viewProps } = withoutTestIdProps(others);\n  const padding = theme.spacing(\n    dense ? CARD_CONTENT_PADDING_UNITS.dense : CARD_CONTENT_PADDING_UNITS.normal,\n  );\n\n  return (\n    <View testID={testID} style={[{ padding }, style]} {...viewProps}>\n      {renderTextChildren(children, slotTextStyle(theme, ink))}\n    </View>\n  );\n}\n\nCardContent.displayName = 'CardContent';\n\nconst JUSTIFY: Record<CardActionsAlignment, NonNullable<ViewStyle['justifyContent']>> = {\n  left: 'flex-start',\n  center: 'center',\n  right: 'flex-end',\n  'space-between': 'space-between',\n};\n\nexport function CardActions({\n  children,\n  disableSpacing = false,\n  alignment = 'left',\n  ...others\n}: CardActionsProps): React.JSX.Element {\n  const theme = useUiTheme();\n  const ink = React.useContext(CardInkContext);\n  const testID = resolveTestId(others, 'card-actions');\n  const { style, ...viewProps } = withoutTestIdProps(others);\n\n  return (\n    <View\n      testID={testID}\n      style={[\n        styles.actions,\n        { justifyContent: JUSTIFY[alignment], gap: disableSpacing ? undefined : CARD_ACTIONS.gap },\n        style,\n      ]}\n      {...viewProps}\n    >\n      {renderTextChildren(children, slotTextStyle(theme, ink))}\n    </View>\n  );\n}\n\nCardActions.displayName = 'CardActions';\n\n/**\n * `height` accepts the web's spellings: a number, a numeric string (`\"200\"`, as\n * an `<img height>` takes) or a percentage.\n */\nexport function mediaHeight(height: number | string): DimensionValue {\n  if (typeof height === 'number') return height;\n  const parsed = Number(height);\n  return Number.isFinite(parsed) ? parsed : (height as DimensionValue);\n}\n\nexport function CardMedia({\n  image,\n  title,\n  height = CARD_MEDIA_HEIGHT,\n  children,\n  ...others\n}: CardMediaProps): React.JSX.Element {\n  const testID = resolveTestId(others, 'card-media');\n  const { style, ...viewProps } = withoutTestIdProps(others);\n\n  return (\n    <View\n      testID={testID}\n      style={[{ height: mediaHeight(height), width: '100%', overflow: 'hidden' }, style]}\n      {...viewProps}\n    >\n      {image != null ? (\n        <Image\n          source={{ uri: image }}\n          accessibilityLabel={title}\n          resizeMode=\"cover\"\n          style={StyleSheet.absoluteFill}\n        />\n      ) : null}\n      {children}\n    </View>\n  );\n}\n\nCardMedia.displayName = 'CardMedia';\n\nconst styles = StyleSheet.create({\n  header: {\n    flexDirection: 'row',\n    alignItems: 'center',\n    padding: CARD_HEADER.padding,\n  },\n  headerAvatar: {\n    flexGrow: 0,\n    flexShrink: 0,\n    flexBasis: 'auto',\n    marginRight: CARD_HEADER.avatarGap,\n  },\n  headerContent: {\n    flexGrow: 1,\n    flexShrink: 1,\n    flexBasis: 'auto',\n    minWidth: 0,\n  },\n  headerAction: {\n    flexGrow: 0,\n    flexShrink: 0,\n    flexBasis: 'auto',\n    alignSelf: 'flex-start',\n    marginTop: CARD_HEADER.action.marginTop,\n    marginRight: CARD_HEADER.action.marginRight,\n    marginBottom: CARD_HEADER.action.marginBottom,\n  },\n  actions: {\n    flexDirection: 'row',\n    alignItems: 'center',\n    padding: CARD_ACTIONS.padding,\n  },\n});\n"],"mappings":"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","names":["React","StyleSheet","View","jsx","jsxs","View","styles","StyleSheet"]}

package/dist/native/layout/Skeleton.js

@@ -1,7 +1,8 @@
 import {
   Skeleton
-} from "../chunks/chunk-4KWFRDI2.js";
+} from "../chunks/chunk-SZF56GVJ.js";
 import "../chunks/chunk-MLQIOKQZ.js";
+import "../chunks/chunk-ZRQHLTYG.js";
 import "../chunks/chunk-AR5O4BEY.js";
 import "../chunks/chunk-X6RQGKGF.js";
 import "../chunks/chunk-R5XVZRDD.js";

package/dist/native/tokens.js

@@ -1,3 +1,19 @@
+import {
+  ABSOLUTE_INK,
+  ATTENTION_INK,
+  CELEBRATION_GRADIENTS,
+  CODE_EDITOR_CHROME,
+  DATA_VIZ_NEON,
+  EFFECT_GLOW,
+  ELEVATION_SHADOWS,
+  GLASS_SLATE,
+  HIGHLIGHT_MARK,
+  MAP_SURFACE,
+  NEUTRAL_RAMP,
+  PANEL_SHADOW_INK,
+  SOCIAL_BRAND,
+  TIMING_PHASES
+} from "./chunks/chunk-ZRQHLTYG.js";
 import {
   COLOR_VALUES,
   SIZE_VALUES,
@@ -39,19 +55,33 @@ import {
   recomposeColor
 } from "./chunks/chunk-R5XVZRDD.js";
 export {
+  ABSOLUTE_INK,
+  ATTENTION_INK,
+  CELEBRATION_GRADIENTS,
+  CODE_EDITOR_CHROME,
   COLOR_VALUES,
+  DATA_VIZ_NEON,
   DEFAULT_BRAND,
   DEFAULT_FIELD_HEIGHT,
   DEFAULT_FIELD_RADIUS,
   DEFAULT_UI_THEME,
+  EFFECT_GLOW,
+  ELEVATION_SHADOWS,
   FIELD_BORDER_WIDTH,
   FIELD_HEIGHT_SCALE,
   FONT_WEIGHTS,
+  GLASS_SLATE,
   GREY,
   HEADING_LEVELS,
   HEADING_SCALE,
+  HIGHLIGHT_MARK,
+  MAP_SURFACE,
   NEUTRAL,
+  NEUTRAL_RAMP,
+  PANEL_SHADOW_INK,
   SIZE_VALUES,
+  SOCIAL_BRAND,
+  TIMING_PHASES,
   TYPE_SIZES,
   WEB_FONT_FAMILY,
   WEB_MONOSPACE_FONT_FAMILY,

package/dist/native/typography/Heading.js

@@ -1,3 +1,6 @@
+import {
+  NEUTRAL_RAMP
+} from "../chunks/chunk-ZRQHLTYG.js";
 import {
   resolveTestId,
   withoutTestIdProps
@@ -42,7 +45,7 @@ function headingGradientStops(theme, color) {
     case "secondary":
       return [theme.palette.secondary.main, theme.palette.primary.main];
     case "neutral":
-      return [theme.palette.grey[NEUTRAL_GRADIENT_STEPS.from], theme.palette.grey[NEUTRAL_GRADIENT_STEPS.to]];
+      return [NEUTRAL_RAMP[NEUTRAL_GRADIENT_STEPS.from], NEUTRAL_RAMP[NEUTRAL_GRADIENT_STEPS.to]];
     default:
       return [theme.palette[color].light, theme.palette[color].dark];
   }

package/dist/native/typography/Heading.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/typography/Heading/Heading.native.tsx","../../../src/components/typography/Heading/Heading.metrics.ts"],"sourcesContent":["import * as React from 'react';\nimport { Text as RNText, type GestureResponderEvent, type TextStyle } from 'react-native';\n\nimport type { HeadingWeight } from './Heading.base';\nimport {\n  HEADING_DEFAULT_COLOR,\n  HEADING_DEFAULT_LEVEL,\n  HEADING_DEFAULT_WEIGHT,\n  HEADING_RANK,\n  headingGradientStops,\n  headingWeight,\n  stepOf,\n} from './Heading.metrics';\nimport type { HeadingProps } from './Heading.types.native';\nimport { resolveTestId, withoutTestIdProps } from '../../../platform/test-id';\nimport { useUiTheme } from '../../../provider/use-ui-theme.native';\nimport type { HeadingLevel } from '../../../tokens/heading-scale';\nimport type { UiTheme } from '../../../tokens/theme';\nimport type { ColorValue } from '../../../tokens/vocabulary';\n\n/** Same mapping as the web `getColorFromTheme`: neutral is body ink, every other colour its slot's main. */\nconst inkFor = (theme: UiTheme, color: ColorValue): string =>\n  color === 'neutral' ? theme.palette.text.primary : theme.palette[color].main;\n\nexport interface HeadingStyleArgs {\n  /** The step to DRAW — `size ?? level`, already resolved to a name the scale has. */\n  size: HeadingLevel;\n  color: ColorValue;\n  weight: HeadingWeight;\n  gradient: boolean;\n}\n\n/**\n * The style the web `headingSx` computes, in absolute numbers. The step comes\n * from the theme's heading scale (`HEADING_SCALE` unless the host built its\n * own), and its `lineHeight` ratio and `letterSpacing` em are multiplied out\n * because React Native has neither unit.\n *\n * `gradient` is the one honest gap: React Native has no `background-clip:\n * text` and no gradient fill in core, so the glyphs take the gradient's first\n * stop as a flat colour — the same choice the native `Button` makes.\n */\nexport function headingStyle(theme: UiTheme, a: HeadingStyleArgs): TextStyle {\n  const step = theme.typography.heading[a.size];\n  return {\n    fontFamily: theme.typography.fontFamily,\n    fontSize: step.fontSize,\n    lineHeight: step.fontSize * step.lineHeight,\n    letterSpacing: step.letterSpacing === undefined ? undefined : step.letterSpacing * step.fontSize,\n    fontWeight: String(headingWeight(a.weight, step.normalWeight)) as TextStyle['fontWeight'],\n    color: a.gradient ? headingGradientStops(theme, a.color)[0] : inkFor(theme, a.color),\n  };\n}\n\nexport const Heading = React.forwardRef<RNText, HeadingProps>(\n  (\n    {\n      level = HEADING_DEFAULT_LEVEL,\n      size,\n      color = HEADING_DEFAULT_COLOR,\n      weight = HEADING_DEFAULT_WEIGHT,\n      gradient = false,\n      children,\n      style,\n      onClick,\n      onPress,\n      ...others\n    },\n    ref,\n  ) => {\n    const rest = withoutTestIdProps(others);\n    const theme = useUiTheme();\n    // The rank is `level`'s; the drawn step is `size`'s, falling back to the\n    // rank's — the same two derivations the web makes from the same two props.\n    const rank = HEADING_RANK[stepOf(level)];\n    const step = stepOf(size ?? level);\n    const resolved = React.useMemo(\n      () => headingStyle(theme, { size: step, color, weight, gradient }),\n      [theme, step, color, weight, gradient],\n    );\n    const handlePress =\n      onClick || onPress\n        ? (event: GestureResponderEvent): void => {\n            onClick?.(event);\n            onPress?.(event);\n          }\n        : undefined;\n\n    return (\n      <RNText\n        ref={ref}\n        role=\"heading\"\n        aria-level={rank}\n        style={[resolved, style]}\n        testID={resolveTestId(others)}\n        onPress={handlePress}\n        {...rest}\n      >\n        {children}\n      </RNText>\n    );\n  },\n);\n\nHeading.displayName = 'Heading';\n","import type { HeadingWeight } from './Heading.base';\nimport { HEADING_SCALE, type HeadingLevel } from '../../../tokens/heading-scale';\nimport { FONT_WEIGHTS, type UiTheme } from '../../../tokens/theme';\nimport type { ColorValue } from '../../../tokens/vocabulary';\n\n/**\n * THE NUMBERS BOTH `Heading` RENDERERS DRAW WITH.\n *\n * The type scale itself is `HEADING_SCALE` in `tokens/heading-scale.ts` (the\n * web reads it through the MUI theme's `headingScale` overrides, native\n * through `UiTheme.typography.heading`). What lives here is everything ELSE\n * `Heading.styles.ts` used to declare inline: the weight table, the defaults,\n * the rank each level announces, and the gradient's angle and stops.\n */\nexport const HEADING_WEIGHTS: Record<HeadingWeight, number> = FONT_WEIGHTS;\n\nexport const HEADING_DEFAULT_LEVEL: HeadingLevel = 'h2';\nexport const HEADING_DEFAULT_WEIGHT: HeadingWeight = 'bold';\nexport const HEADING_DEFAULT_COLOR: ColorValue = 'neutral';\n\nexport type HeadingRank = 1 | 2 | 3 | 4 | 5 | 6;\n\n/**\n * The outline rank each level announces — the tag on the web, `aria-level` on\n * native. `display` is a SIZE, not a rank, so it is an h1: the document still\n * gets one level-one heading rather than an unnamed tag outside the outline.\n */\nexport const HEADING_RANK: Record<HeadingLevel, HeadingRank> = {\n  display: 1,\n  h1: 1,\n  h2: 2,\n  h3: 3,\n  h4: 4,\n  h5: 5,\n  h6: 6,\n};\n\n/** A step name the scale actually has, or the documented default (`h2`). */\nexport const stepOf = (value: string | undefined): HeadingLevel =>\n  value !== undefined && value in HEADING_SCALE ? (value as HeadingLevel) : HEADING_DEFAULT_LEVEL;\n\nconst isHeadingWeight = (value: string): value is HeadingWeight => value in HEADING_WEIGHTS;\n\n/**\n * The weight a heading draws: `normal` is the weight the step was designed to\n * carry (heavier as the step gets larger), anything else its table entry, and\n * a name outside the vocabulary the default — as `Heading.styles.ts` has\n * always fallen back.\n */\nexport function headingWeight(weight: string, normalWeight: number): number {\n  if (weight === 'normal') return normalWeight;\n  return HEADING_WEIGHTS[isHeadingWeight(weight) ? weight : HEADING_DEFAULT_WEIGHT];\n}\n\n/** The gradient runs corner to corner. */\nexport const HEADING_GRADIENT_ANGLE = 135;\n\n/**\n * `neutral` has no light/dark pair, so its gradient runs between two steps of\n * the grey ramp.\n */\nexport const NEUTRAL_GRADIENT_STEPS = { from: 500, to: 900 } as const;\n\n/** The CSS the web paints the glyphs with, from the two stops. */\nexport const headingGradient = (from: string, to: string): string =>\n  `linear-gradient(${HEADING_GRADIENT_ANGLE}deg, ${from} 0%, ${to} 100%)`;\n\n/**\n * The two stops each colour paints its glyphs with, read off a `UiTheme`. The\n * web's `Heading.styles.ts` keeps its MUI-typed twin of this table; the pairs\n * are the same, and `Heading.native.test.tsx` asserts as much.\n */\nexport function headingGradientStops(theme: UiTheme, color: ColorValue): [string, string] {\n  switch (color) {\n    case 'primary':\n      return [theme.palette.primary.main, theme.palette.secondary.main];\n    case 'secondary':\n      return [theme.palette.secondary.main, theme.palette.primary.main];\n    case 'neutral':\n      return [theme.palette.grey[NEUTRAL_GRADIENT_STEPS.from], theme.palette.grey[NEUTRAL_GRADIENT_STEPS.to]];\n    default:\n      return [theme.palette[color].light, theme.palette[color].dark];\n  }\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../src/components/typography/Heading/Heading.native.tsx","../../../src/components/typography/Heading/Heading.metrics.ts"],"sourcesContent":["import * as React from 'react';\nimport { Text as RNText, type GestureResponderEvent, type TextStyle } from 'react-native';\n\nimport type { HeadingWeight } from './Heading.base';\nimport {\n  HEADING_DEFAULT_COLOR,\n  HEADING_DEFAULT_LEVEL,\n  HEADING_DEFAULT_WEIGHT,\n  HEADING_RANK,\n  headingGradientStops,\n  headingWeight,\n  stepOf,\n} from './Heading.metrics';\nimport type { HeadingProps } from './Heading.types.native';\nimport { resolveTestId, withoutTestIdProps } from '../../../platform/test-id';\nimport { useUiTheme } from '../../../provider/use-ui-theme.native';\nimport type { HeadingLevel } from '../../../tokens/heading-scale';\nimport type { UiTheme } from '../../../tokens/theme';\nimport type { ColorValue } from '../../../tokens/vocabulary';\n\n/** Same mapping as the web `getColorFromTheme`: neutral is body ink, every other colour its slot's main. */\nconst inkFor = (theme: UiTheme, color: ColorValue): string =>\n  color === 'neutral' ? theme.palette.text.primary : theme.palette[color].main;\n\nexport interface HeadingStyleArgs {\n  /** The step to DRAW — `size ?? level`, already resolved to a name the scale has. */\n  size: HeadingLevel;\n  color: ColorValue;\n  weight: HeadingWeight;\n  gradient: boolean;\n}\n\n/**\n * The style the web `headingSx` computes, in absolute numbers. The step comes\n * from the theme's heading scale (`HEADING_SCALE` unless the host built its\n * own), and its `lineHeight` ratio and `letterSpacing` em are multiplied out\n * because React Native has neither unit.\n *\n * `gradient` is the one honest gap: React Native has no `background-clip:\n * text` and no gradient fill in core, so the glyphs take the gradient's first\n * stop as a flat colour — the same choice the native `Button` makes.\n */\nexport function headingStyle(theme: UiTheme, a: HeadingStyleArgs): TextStyle {\n  const step = theme.typography.heading[a.size];\n  return {\n    fontFamily: theme.typography.fontFamily,\n    fontSize: step.fontSize,\n    lineHeight: step.fontSize * step.lineHeight,\n    letterSpacing: step.letterSpacing === undefined ? undefined : step.letterSpacing * step.fontSize,\n    fontWeight: String(headingWeight(a.weight, step.normalWeight)) as TextStyle['fontWeight'],\n    color: a.gradient ? headingGradientStops(theme, a.color)[0] : inkFor(theme, a.color),\n  };\n}\n\nexport const Heading = React.forwardRef<RNText, HeadingProps>(\n  (\n    {\n      level = HEADING_DEFAULT_LEVEL,\n      size,\n      color = HEADING_DEFAULT_COLOR,\n      weight = HEADING_DEFAULT_WEIGHT,\n      gradient = false,\n      children,\n      style,\n      onClick,\n      onPress,\n      ...others\n    },\n    ref,\n  ) => {\n    const rest = withoutTestIdProps(others);\n    const theme = useUiTheme();\n    // The rank is `level`'s; the drawn step is `size`'s, falling back to the\n    // rank's — the same two derivations the web makes from the same two props.\n    const rank = HEADING_RANK[stepOf(level)];\n    const step = stepOf(size ?? level);\n    const resolved = React.useMemo(\n      () => headingStyle(theme, { size: step, color, weight, gradient }),\n      [theme, step, color, weight, gradient],\n    );\n    const handlePress =\n      onClick || onPress\n        ? (event: GestureResponderEvent): void => {\n            onClick?.(event);\n            onPress?.(event);\n          }\n        : undefined;\n\n    return (\n      <RNText\n        ref={ref}\n        role=\"heading\"\n        aria-level={rank}\n        style={[resolved, style]}\n        testID={resolveTestId(others)}\n        onPress={handlePress}\n        {...rest}\n      >\n        {children}\n      </RNText>\n    );\n  },\n);\n\nHeading.displayName = 'Heading';\n","import type { HeadingWeight } from './Heading.base';\nimport { HEADING_SCALE, type HeadingLevel } from '../../../tokens/heading-scale';\nimport { NEUTRAL_RAMP } from '../../../tokens/ink.core';\nimport { FONT_WEIGHTS, type UiTheme } from '../../../tokens/theme';\nimport type { ColorValue } from '../../../tokens/vocabulary';\n\n/**\n * THE NUMBERS BOTH `Heading` RENDERERS DRAW WITH.\n *\n * The type scale itself is `HEADING_SCALE` in `tokens/heading-scale.ts` (the\n * web reads it through the MUI theme's `headingScale` overrides, native\n * through `UiTheme.typography.heading`). What lives here is everything ELSE\n * `Heading.styles.ts` used to declare inline: the weight table, the defaults,\n * the rank each level announces, and the gradient's angle and stops.\n */\nexport const HEADING_WEIGHTS: Record<HeadingWeight, number> = FONT_WEIGHTS;\n\nexport const HEADING_DEFAULT_LEVEL: HeadingLevel = 'h2';\nexport const HEADING_DEFAULT_WEIGHT: HeadingWeight = 'bold';\nexport const HEADING_DEFAULT_COLOR: ColorValue = 'neutral';\n\nexport type HeadingRank = 1 | 2 | 3 | 4 | 5 | 6;\n\n/**\n * The outline rank each level announces — the tag on the web, `aria-level` on\n * native. `display` is a SIZE, not a rank, so it is an h1: the document still\n * gets one level-one heading rather than an unnamed tag outside the outline.\n */\nexport const HEADING_RANK: Record<HeadingLevel, HeadingRank> = {\n  display: 1,\n  h1: 1,\n  h2: 2,\n  h3: 3,\n  h4: 4,\n  h5: 5,\n  h6: 6,\n};\n\n/** A step name the scale actually has, or the documented default (`h2`). */\nexport const stepOf = (value: string | undefined): HeadingLevel =>\n  value !== undefined && value in HEADING_SCALE ? (value as HeadingLevel) : HEADING_DEFAULT_LEVEL;\n\nconst isHeadingWeight = (value: string): value is HeadingWeight => value in HEADING_WEIGHTS;\n\n/**\n * The weight a heading draws: `normal` is the weight the step was designed to\n * carry (heavier as the step gets larger), anything else its table entry, and\n * a name outside the vocabulary the default — as `Heading.styles.ts` has\n * always fallen back.\n */\nexport function headingWeight(weight: string, normalWeight: number): number {\n  if (weight === 'normal') return normalWeight;\n  return HEADING_WEIGHTS[isHeadingWeight(weight) ? weight : HEADING_DEFAULT_WEIGHT];\n}\n\n/** The gradient runs corner to corner. */\nexport const HEADING_GRADIENT_ANGLE = 135;\n\n/**\n * `neutral` has no light/dark pair, so its gradient runs between two steps of\n * the grey ramp.\n */\nexport const NEUTRAL_GRADIENT_STEPS = { from: 500, to: 900 } as const;\n\n/** The CSS the web paints the glyphs with, from the two stops. */\nexport const headingGradient = (from: string, to: string): string =>\n  `linear-gradient(${HEADING_GRADIENT_ANGLE}deg, ${from} 0%, ${to} 100%)`;\n\n/**\n * The two stops each colour paints its glyphs with, read off a `UiTheme`. The\n * web's `Heading.styles.ts` keeps its MUI-typed twin of this table; the pairs\n * are the same, and `Heading.native.test.tsx` asserts as much.\n */\nexport function headingGradientStops(theme: UiTheme, color: ColorValue): [string, string] {\n  switch (color) {\n    case 'primary':\n      return [theme.palette.primary.main, theme.palette.secondary.main];\n    case 'secondary':\n      return [theme.palette.secondary.main, theme.palette.primary.main];\n    case 'neutral':\n      return [NEUTRAL_RAMP[NEUTRAL_GRADIENT_STEPS.from], NEUTRAL_RAMP[NEUTRAL_GRADIENT_STEPS.to]];\n    default:\n      return [theme.palette[color].light, theme.palette[color].dark];\n  }\n}\n"],"mappings":"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","names":[]}