@12-apps/ui 6.20.0 → 6.21.0

package/dist/native/chunks/chunk-WKMDCNIN.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/form/Input/Input.metrics.ts","../../../src/components/form/field-pulse.native.tsx","../../../src/tokens/field-edge.core.ts","../../../src/components/form/Input/Input.look.native.ts"],"sourcesContent":["import type { InputVariant } from './Input.base';\nimport { decomposeColor, recomposeColor } from '../../../tokens/color';\nimport type { UiTheme } from '../../../tokens/theme';\nimport { SIZE_VALUES, type SizeValue } from '../../../tokens/vocabulary';\n\n/**\n * THE NUMBERS BOTH `Input` RENDERERS DRAW WITH.\n *\n * `Input.styles.ts` (web, emotion over MUI's `TextField`) and\n * `Input.native.tsx` (React Native) read this one table. The web turns the px\n * into the padding shorthands and rem it has always emitted; native uses the\n * numbers as they are.\n *\n * Two kinds of number live here, and the difference matters:\n *\n *  - the ones `Input.styles.ts` writes itself — the size overrides, the glow,\n *    the pulse, the glass and gradient alphas, the filled wash;\n *  - the ones MUI supplies UNDER those overrides — `OutlinedInput`'s\n *    `16.5px 14px`, `InputBase`'s 23px line box, `FormHelperText`'s 3px lift.\n *    The web never writes them, but it draws them, so a native field that\n *    wants the same box has to know them. They are MUI 6.5's own values,\n *    copied with their source named; a host that re-themes MUI's components\n *    moves the web only, which the parity ledger records.\n */\n\nexport interface InputInset {\n  top: number;\n  right: number;\n  bottom: number;\n  left: number;\n}\n\n/** MUI gives a text field two heights; the house scale has five. */\nexport type MuiInputSize = 'small' | 'medium';\nexport type MuiInputVariant = 'outlined' | 'filled' | 'standard';\n\n/** Our five variants map onto MUI's three; `glass` and `gradient` restyle an outline. */\nexport const muiVariantFor = (variant: InputVariant): MuiInputVariant => {\n  switch (variant) {\n    case 'underline':\n      return 'standard';\n    case 'glass':\n    case 'gradient':\n      return 'outlined';\n    default:\n      return variant;\n  }\n};\n\n/** Which of MUI's two heights each step of the house scale asks for. */\nexport const INPUT_MUI_SIZE: Record<SizeValue, MuiInputSize> = {\n  xs: 'small',\n  sm: 'small',\n  md: 'medium',\n  lg: 'medium',\n  xl: 'medium',\n};\n\n/**\n * The three steps MUI has no height for, as `padding` on the input itself.\n *\n * `sm` and `md` are absent on purpose — they ARE MUI's two heights, so they\n * fall through to {@link MUI_INPUT_PADDING} below rather than restating it.\n * (`lg`'s 16px is a hair under `md`'s 16.5px: the override is a round number\n * where MUI's is derived from a 56px box. Kept as written — this table is what\n * the web draws, not what it ought to draw.)\n */\nexport const INPUT_SIZE_OVERRIDES: Partial<Record<SizeValue, { vertical: number; horizontal: number }>> = {\n  xs: { vertical: 6, horizontal: 10 },\n  lg: { vertical: 16, horizontal: 14 },\n  xl: { vertical: 20, horizontal: 16 },\n};\n\n/**\n * MUI's own input padding per variant and height (`OutlinedInput`,\n * `FilledInput`, `InputBase`). The filled insets are lopsided because the\n * floating label sits inside the box on the web.\n */\nexport const MUI_INPUT_PADDING: Record<MuiInputVariant, Record<MuiInputSize, InputInset>> = {\n  outlined: {\n    small: { top: 8.5, right: 14, bottom: 8.5, left: 14 },\n    medium: { top: 16.5, right: 14, bottom: 16.5, left: 14 },\n  },\n  filled: {\n    small: { top: 21, right: 12, bottom: 4, left: 12 },\n    medium: { top: 25, right: 12, bottom: 8, left: 12 },\n  },\n  standard: {\n    small: { top: 1, right: 0, bottom: 5, left: 0 },\n    medium: { top: 4, right: 0, bottom: 5, left: 0 },\n  },\n};\n\n/** The inset the value is drawn at: the size override where there is one, MUI's otherwise. */\nexport function inputPadding(variant: InputVariant, size: SizeValue): InputInset {\n  const override = INPUT_SIZE_OVERRIDES[size];\n  if (override) {\n    return {\n      top: override.vertical,\n      right: override.horizontal,\n      bottom: override.vertical,\n      left: override.horizontal,\n    };\n  }\n  return MUI_INPUT_PADDING[muiVariantFor(variant)][INPUT_MUI_SIZE[size]];\n}\n\n/** `theme.typography.body1` and `InputBase`'s `lineHeight: '1.4375em'`, in px. */\nexport const INPUT_FONT_SIZE = 16;\nexport const INPUT_LINE_HEIGHT = 23;\n\n/** MUI's `::placeholder` opacity, which multiplies the ink's own alpha. */\nexport const PLACEHOLDER_OPACITY = { light: 0.42, dark: 0.5 } as const;\n\n/**\n * The placeholder's colour: the field's ink faded by MUI's opacity.\n *\n * `alpha()` REPLACES an alpha channel, and `text.primary` already carries one\n * (`rgba(0, 0, 0, 0.87)`), so `alpha(ink, 0.42)` would be a different grey from\n * the one the browser composites. React Native has no per-placeholder opacity —\n * only `placeholderTextColor` — so the multiplication happens here.\n */\nexport function placeholderInk(theme: UiTheme): string {\n  const opacity = theme.mode === 'dark' ? PLACEHOLDER_OPACITY.dark : PLACEHOLDER_OPACITY.light;\n  const { type, values } = decomposeColor(theme.palette.text.primary);\n  const [first = 0, second = 0, third = 0, own = 1] = values;\n  return recomposeColor({\n    type: type.startsWith('hsl') ? 'hsla' : 'rgba',\n    values: [first, second, third, own * opacity],\n  });\n}\n\n/** The outline: 1px at rest, 2px focused, as MUI's `notchedOutline` draws it. */\nexport const INPUT_BORDER = { rest: 1, focused: 2 } as const;\n\n/** `FilledInput`'s and `Input`'s resting underline, MUI's own two greys. */\nexport const UNDERLINE_COLOR = {\n  light: 'rgba(0, 0, 0, 0.42)',\n  dark: 'rgba(255, 255, 255, 0.7)',\n} as const;\n\n/**\n * The label. It floats into the border on the web and sits above the field on\n * native, but it is the SAME label: 16px body type at MUI's shrunk scale, and\n * left-aligned with the value it names ({@link inputPadding}'s `left`).\n *\n * The 4px gap is MUI's own: a standard field puts 16px between the control's\n * top and the input, and the shrunk label's 12px line box takes the first 12.\n */\nexport const INPUT_LABEL = { scale: 0.75, gap: 4 } as const;\n\n/** `FormHelperText`: `theme.typography.caption` lifted 3px, inset 14px when contained. */\nexport const HELPER_TEXT = {\n  fontSize: 12,\n  lineHeight: 1.66,\n  marginTop: 3,\n  marginTopSmall: 4,\n  marginHorizontal: 14,\n} as const;\n\n/** `InputAdornment`: 8px between the glyph and the value, on whichever side it is. */\nexport const ADORNMENT_GAP = 8;\n\n/** `loading`: the field fades and MUI's 20px `CircularProgress` takes the end slot. */\nexport const INPUT_LOADING = { opacity: 0.7, spinnerSize: 20 } as const;\n\n/** `glow`: a halo of the primary hue, wider and stronger while focused. */\nexport const INPUT_GLOW = {\n  rest: { blur: 15, alpha: 0.3 },\n  focused: { blur: 20, alpha: 0.5 },\n} as const;\n\n/** `pulse`: a 56px bar behind the field, fading outward every two seconds. */\nexport const INPUT_PULSE = {\n  height: 56,\n  radiusUnits: 0.5,\n  opacity: 0.3,\n  ms: 2000,\n  spread: 10,\n} as const;\n\n/** `floating`: where the label rests and where it shrinks to, on the web. */\nexport const FLOATING_LABEL = {\n  rest: { x: 14, y: 16 },\n  shrink: { x: 14, y: -9 },\n  scale: 0.75,\n  paddingX: 4,\n} as const;\n\n/** `glass`: a wash of paper under a blur, brighter as the field is engaged. */\nexport const INPUT_GLASS = {\n  background: { rest: 0.1, hover: 0.15, focused: 0.2 },\n  blur: 20,\n  hoverBorderAlpha: 0.3,\n  focusRing: { width: 2, alpha: 0.1 },\n} as const;\n\n/** `gradient`: a 135° fill between the two brand hues, inside a 2px masked ring. */\nexport const INPUT_GRADIENT = {\n  angleDeg: 135,\n  fill: { rest: 0.1, hover: 0.15, focused: 0.2 },\n  borderWidth: 2,\n} as const;\n\n/** `filled`: MUI's own grey replaced by a wash of `action.hover`. */\nexport const FILLED_WASH = { rest: 0.04, hover: 0.08, focused: 0.12 } as const;\n\n/**\n * The `sx` the web spreads onto the `TextField` for a size: MUI's height, plus\n * the input padding for the three steps MUI has no height for.\n */\nexport interface InputSizeProps {\n  size: MuiInputSize;\n  sx?: { '& .MuiInputBase-input': { padding: string } };\n}\n\nconst sizeProps = (size: SizeValue): InputSizeProps => {\n  const override = INPUT_SIZE_OVERRIDES[size];\n  return {\n    size: INPUT_MUI_SIZE[size],\n    ...(override\n      ? { sx: { '& .MuiInputBase-input': { padding: `${override.vertical}px ${override.horizontal}px` } } }\n      : {}),\n  };\n};\n\nexport const SIZE_MAP: Record<SizeValue, InputSizeProps> = Object.fromEntries(\n  SIZE_VALUES.map((size) => [size, sizeProps(size)]),\n) as Record<SizeValue, InputSizeProps>;\n","import * as React from 'react';\nimport { Animated, Easing, Platform, StyleSheet } from 'react-native';\n\nimport { INPUT_PULSE } from './Input/Input.metrics';\n\n/**\n * THE BAR THAT PULSES BEHIND A FIELD.\n *\n * `Input.styles.ts` and `Select.tsx` declare the same `::after` — a 56px wash\n * of the primary hue at 0.3, growing a 10px box-shadow ring and fading out\n * every two seconds — so the native halves draw it from one component rather\n * than one each. The numbers stay in `Input.metrics.ts`, which `Select.metrics`\n * re-exports under its own name.\n *\n * React Native has no box-shadow spread, so the ring is a scale on the bar.\n */\nexport function FieldPulse({\n  color,\n  radius,\n  testID,\n}: {\n  color: string;\n  radius: number;\n  testID: string;\n}): React.JSX.Element {\n  const progress = React.useRef(new Animated.Value(0)).current;\n\n  React.useEffect(() => {\n    const loop = Animated.loop(\n      Animated.timing(progress, {\n        toValue: 1,\n        duration: INPUT_PULSE.ms,\n        easing: Easing.out(Easing.ease),\n        useNativeDriver: Platform.OS !== 'web',\n      }),\n    );\n    loop.start();\n    return () => loop.stop();\n  }, [progress]);\n\n  return (\n    <Animated.View\n      testID={testID}\n      aria-hidden\n      style={[\n        styles.pulse,\n        {\n          borderRadius: radius,\n          backgroundColor: color,\n          opacity: progress.interpolate({\n            inputRange: [0, 0.7, 1],\n            outputRange: [INPUT_PULSE.opacity, 0, 0],\n          }),\n          transform: [\n            { translateY: -INPUT_PULSE.height / 2 },\n            {\n              scale: progress.interpolate({\n                inputRange: [0, 0.7, 1],\n                outputRange: [1, 1 + INPUT_PULSE.spread / INPUT_PULSE.height, 1],\n              }),\n            },\n          ],\n        },\n      ]}\n    />\n  );\n}\n\nconst styles = StyleSheet.create({\n  pulse: {\n    position: 'absolute',\n    top: '50%',\n    left: 0,\n    right: 0,\n    height: INPUT_PULSE.height,\n    pointerEvents: 'none',\n  },\n});\n","import {\n  darken,\n  decomposeColor,\n  getContrastRatio,\n  getLuminance,\n  hslToRgb,\n  lighten,\n  recomposeColor,\n} from './color';\n\n/**\n * THE FIELD EDGE, WITH NO RENDERER BEHIND IT.\n *\n * The argument for why an outlined control cannot draw its resting boundary\n * from `alpha(theme.palette.divider, 0.23)` is in `./field-edge.ts`, next to\n * the MUI-typed `fieldEdge` the web components call. This file is the WALK\n * itself, over two colour strings, so the native renderer can run it too:\n * `Input.native.tsx` and `Select.native.tsx` have no MUI `Theme` to pass and no\n * `@mui/material/styles` to import, and a second copy of the walk beside them\n * is a second answer to \"where is this field's border\" waiting to drift.\n *\n * `./color` is a faithful port of MUI's colour manipulator (asserted equal to\n * it in `./__tests__/color.test.ts`), so the string this returns is the string\n * the web has always emitted.\n */\n\n/**\n * WCAG 2.1 SC 1.4.11 — the contrast a control's own boundary owes the surface\n * behind it. See `./field-edge.ts` for why 3:1 and why it is a floor.\n */\nexport const MIN_UI_CONTRAST = 3;\n\n/** How far one step of the walk moves, and how many steps before it gives up. */\nconst STEP = 0.05;\nconst MAX_STEPS = 20;\n\n/** A colour's red, green, blue and alpha, with `hsl()` converted on the way. */\nfunction channels(colour: string): [number, number, number, number] {\n  const decomposed = decomposeColor(colour);\n  const rgb = decomposed.type.startsWith('hsl') ? decomposeColor(hslToRgb(colour)) : decomposed;\n  const [r, g, b, a] = rgb.values;\n  return [r ?? 0, g ?? 0, b ?? 0, a ?? 1];\n}\n\n/**\n * A colour as an opaque `rgb()`, with any translucency resolved against\n * `surface`.\n *\n * Needed because `getContrastRatio` reads the channels it is given and ignores\n * the alpha, so handing it an `rgba()` measures a colour nobody sees.\n */\nfunction flatten(colour: string, surface: string): string {\n  const [r, g, b, alpha] = channels(colour);\n  if (alpha >= 1) return recomposeColor({ type: 'rgb', values: [r, g, b] });\n\n  const [baseR, baseG, baseB] = channels(surface);\n  const blend = (fg: number, bg: number): number => Math.round(alpha * fg + (1 - alpha) * bg);\n  return recomposeColor({\n    type: 'rgb',\n    values: [blend(r, baseR), blend(g, baseG), blend(b, baseB)],\n  });\n}\n\n/**\n * The resting boundary a control draws on `surface`, from the theme's own\n * `divider` as the seed: the seed itself when it already clears\n * {@link MIN_UI_CONTRAST}, otherwise the nearest tone of it that does.\n */\nexport function resolveFieldEdge(divider: string, surface: string): string {\n  const ground = flatten(surface, '#FFFFFF');\n  const seed = flatten(divider, ground);\n  if (getContrastRatio(seed, ground) >= MIN_UI_CONTRAST) return seed;\n\n  // Away from the surface, whichever way that is — so one rule serves both\n  // modes, and a dark card in a light theme is still handled by the pair rather\n  // than by `palette.mode`.\n  const away = getLuminance(ground) > 0.5 ? darken : lighten;\n  for (let step = 1; step <= MAX_STEPS; step += 1) {\n    // From the SEED each time rather than compounding the previous result, so\n    // the walk lands on the nearest passing tone instead of overshooting past it.\n    const candidate = away(seed, step * STEP);\n    if (getContrastRatio(candidate, ground) >= MIN_UI_CONTRAST) return candidate;\n  }\n  // Unreachable for any real surface — black clears 21:1 on white and white\n  // clears it on black — but a caller must never be handed `undefined`.\n  return getLuminance(ground) > 0.5 ? '#000000' : '#FFFFFF';\n}\n","import type { TextStyle, ViewStyle } from 'react-native';\n\nimport type { InputVariant } from './Input.base';\nimport {\n  FILLED_WASH,\n  HELPER_TEXT,\n  INPUT_MUI_SIZE,\n  INPUT_BORDER,\n  INPUT_FONT_SIZE,\n  INPUT_GLASS,\n  INPUT_GRADIENT,\n  INPUT_LABEL,\n  INPUT_LINE_HEIGHT,\n  UNDERLINE_COLOR,\n  inputPadding,\n  placeholderInk,\n} from './Input.metrics';\nimport { alpha } from '../../../tokens/color';\nimport { resolveFieldEdge } from '../../../tokens/field-edge.core';\nimport type { UiTheme } from '../../../tokens/theme';\nimport type { SizeValue } from '../../../tokens/vocabulary';\n\n/**\n * WHAT A NATIVE `Input` PAINTS, AS ARITHMETIC.\n *\n * Kept out of `Input.native.tsx` so that file reads as structure — label, box,\n * value, helper — and this one reads as the decisions: which border, how thick,\n * what colour, and where the value sits inside it.\n */\nexport interface FieldState {\n  focused: boolean;\n  error: boolean;\n  disabled: boolean;\n}\n\n/** Which edges a variant draws. `filled` and `underline` rule only the bottom. */\nconst BORDER_SIDES: Record<InputVariant, 'all' | 'bottom'> = {\n  outlined: 'all',\n  glass: 'all',\n  gradient: 'all',\n  filled: 'bottom',\n  underline: 'bottom',\n};\n\n/**\n * Whether the web draws this border on an absolutely positioned element.\n *\n * MUI's `notchedOutline` fieldset and the `::before` / `::after` underlines\n * cost no height — the field is 56px tall WITH its border. `glass` and\n * `gradient` instead put a real `border` on the input root, which does add to\n * the box, so the web field is 2px and 4px taller respectively. React Native\n * has only the second kind, so the first three compensate below.\n */\nconst BORDER_IS_FREE: Record<InputVariant, boolean> = {\n  outlined: true,\n  filled: true,\n  underline: true,\n  glass: false,\n  gradient: false,\n};\n\n/**\n * How thick. Only the outline family thickens on focus (MUI's `borderWidth: 2`\n * on `.Mui-focused .notchedOutline`); `glass` and `gradient` declare their own\n * constant border and change only its colour.\n */\nexport function borderWidthFor(variant: InputVariant, focused: boolean): number {\n  if (variant === 'gradient') return INPUT_GRADIENT.borderWidth;\n  if (variant === 'glass') return INPUT_BORDER.rest;\n  return focused ? INPUT_BORDER.focused : INPUT_BORDER.rest;\n}\n\n/**\n * The width the border takes out of the horizontal inset — 0 where the web's\n * border adds to the box rather than floating over it. Exported because the\n * `Select` draws the same box and has to place its arrow inside the same edge.\n */\nexport function horizontalBorderInset(variant: InputVariant, focused: boolean): number {\n  if (BORDER_SIDES[variant] !== 'all' || !BORDER_IS_FREE[variant]) return 0;\n  return borderWidthFor(variant, focused);\n}\n\n/**\n * What colour. Error and disabled outrank focus, as they do in MUI's source\n * order; a resting `filled` keeps MUI's own underline grey because the web\n * override only replaces its background.\n */\nfunction borderColorFor(theme: UiTheme, variant: InputVariant, state: FieldState): string {\n  if (state.disabled) return theme.palette.action.disabled;\n  if (state.error) return theme.palette.danger.main;\n  if (variant === 'gradient') {\n    return state.focused ? theme.palette.primary.dark : theme.palette.primary.main;\n  }\n  if (state.focused) return theme.palette.primary.main;\n  if (variant === 'filled') {\n    return theme.mode === 'dark' ? UNDERLINE_COLOR.dark : UNDERLINE_COLOR.light;\n  }\n  return resolveFieldEdge(theme.palette.divider, theme.palette.background.paper);\n}\n\n/** The fill behind the value. `outlined` and `underline` have none. */\nfunction backgroundFor(theme: UiTheme, variant: InputVariant, state: FieldState): string | undefined {\n  switch (variant) {\n    case 'filled':\n      return alpha(theme.palette.action.hover, state.focused ? FILLED_WASH.focused : FILLED_WASH.rest);\n    case 'glass':\n      return alpha(\n        theme.palette.background.paper,\n        state.focused ? INPUT_GLASS.background.focused : INPUT_GLASS.background.rest,\n      );\n    case 'gradient':\n      // The first stop of the web's 135° fill; React Native core has no gradient.\n      return alpha(\n        theme.palette.primary.main,\n        state.focused ? INPUT_GRADIENT.fill.focused : INPUT_GRADIENT.fill.rest,\n      );\n    default:\n      return undefined;\n  }\n}\n\n/** `filled` rounds its top two corners, `underline` none, the rest all four. */\nfunction radiusFor(theme: UiTheme, variant: InputVariant): ViewStyle {\n  if (variant === 'underline') return {};\n  if (variant === 'filled') {\n    return { borderTopLeftRadius: theme.radius.md, borderTopRightRadius: theme.radius.md };\n  }\n  return { borderRadius: theme.radius.md };\n}\n\n/** The border as React Native writes it: a width per side, one colour, one style. */\nfunction borderStyle(variant: InputVariant, width: number, color: string, state: FieldState): ViewStyle {\n  // MUI draws a disabled `filled` or `standard` underline dotted.\n  const style: ViewStyle['borderStyle'] =\n    state.disabled && BORDER_SIDES[variant] === 'bottom' ? 'dotted' : 'solid';\n  const sides: ViewStyle =\n    BORDER_SIDES[variant] === 'bottom' ? { borderBottomWidth: width } : { borderWidth: width };\n  return { ...sides, borderColor: color, borderStyle: style };\n}\n\nexport interface FieldLook {\n  /** The row the border is drawn on: fill, edges, corners and horizontal inset. */\n  box: ViewStyle;\n  /** The `TextInput` itself: type, ink and the vertical inset. */\n  value: TextStyle;\n  placeholder: string;\n}\n\n/**\n * The field, in absolute numbers.\n *\n * The horizontal inset sits on the ROW rather than on the `TextInput`, which is\n * what MUI does the moment an adornment appears (`paddingLeft: 14` moves to the\n * input root and the input's own goes to 0) — so one rule serves a field with\n * adornments and one without.\n *\n * Where the web's border costs no height, the inset gives the border back its\n * width, so the box is the height MUI draws (56px medium, 40px small) and the\n * value does not shift by a pixel when the focused border thickens.\n */\nexport function fieldLook(\n  theme: UiTheme,\n  variant: InputVariant,\n  size: SizeValue,\n  state: FieldState,\n): FieldLook {\n  const padding = inputPadding(variant, size);\n  const width = borderWidthFor(variant, state.focused);\n  const inset = BORDER_IS_FREE[variant] ? width : 0;\n  const sides = BORDER_SIDES[variant];\n  const horizontal = sides === 'all' ? inset : 0;\n\n  return {\n    box: {\n      flexDirection: 'row',\n      alignItems: 'center',\n      paddingLeft: padding.left - horizontal,\n      paddingRight: padding.right - horizontal,\n      backgroundColor: backgroundFor(theme, variant, state),\n      ...radiusFor(theme, variant),\n      ...borderStyle(variant, width, borderColorFor(theme, variant, state), state),\n    },\n    value: {\n      flex: 1,\n      minWidth: 0,\n      fontFamily: theme.typography.fontFamily,\n      fontSize: INPUT_FONT_SIZE,\n      lineHeight: INPUT_LINE_HEIGHT,\n      color: state.disabled ? theme.palette.text.disabled : theme.palette.text.primary,\n      paddingTop: padding.top - (sides === 'all' ? inset : 0),\n      paddingBottom: padding.bottom - inset,\n      paddingHorizontal: 0,\n    },\n    placeholder: placeholderInk(theme),\n  };\n}\n\n/**\n * The label's ink. MUI's `FormLabel` is `text.secondary`, the focus colour is\n * the palette's `main`, and error and disabled are declared after it and win.\n */\nexport function labelStyle(theme: UiTheme, variant: InputVariant, size: SizeValue, state: FieldState): TextStyle {\n  const ink = state.disabled\n    ? theme.palette.text.disabled\n    : state.error\n      ? theme.palette.danger.main\n      : state.focused\n        ? theme.palette.primary.main\n        : theme.palette.text.secondary;\n\n  return {\n    color: ink,\n    fontFamily: theme.typography.fontFamily,\n    fontSize: INPUT_FONT_SIZE * INPUT_LABEL.scale,\n    marginBottom: INPUT_LABEL.gap,\n    // Aligned with the value it names: the web's floating label and the input\n    // share one left inset (14px outlined, 12px filled, 0 standard).\n    marginLeft: inputPadding(variant, size).left,\n  };\n}\n\n/**\n * `FormHelperText`: caption type, 3px below the field, inset 14px when\n * contained — and 4px below at MUI's `small` density, which `INPUT_MUI_SIZE`\n * selects for `xs` and `sm` (`FormHelperText.js`: `marginTop: 3`, then a\n * `size: 'small'` variant raising it to 4).\n */\nexport function helperStyle(\n  theme: UiTheme,\n  variant: InputVariant,\n  size: SizeValue,\n  state: FieldState,\n): TextStyle {\n  return {\n    color: state.disabled\n      ? theme.palette.text.disabled\n      : state.error\n        ? theme.palette.danger.main\n        : theme.palette.text.secondary,\n    fontFamily: theme.typography.fontFamily,\n    fontSize: HELPER_TEXT.fontSize,\n    lineHeight: HELPER_TEXT.fontSize * HELPER_TEXT.lineHeight,\n    marginTop: INPUT_MUI_SIZE[size] === 'small' ? HELPER_TEXT.marginTopSmall : HELPER_TEXT.marginTop,\n    marginHorizontal: variant === 'underline' ? 0 : HELPER_TEXT.marginHorizontal,\n  };\n}\n"],"mappings":"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","names":["alpha"]}

package/dist/native/data-display/Alert.js

@@ -3,17 +3,17 @@ import {
 } from "../chunks/chunk-HSIND52T.js";
 import {
   webAria
-} from "../chunks/chunk-4NK5ZQZ3.js";
+} from "../chunks/chunk-T6BJPP3E.js";
 import {
   renderTextChildren
 } from "../chunks/chunk-5GJ5OG5R.js";
 import {
   Icon
-} from "../chunks/chunk-Q52IDAF2.js";
+} from "../chunks/chunk-D4EYAXNG.js";
 import {
   resolveTestId,
   withoutTestIdProps
-} from "../chunks/chunk-M4DTJDWU.js";
+} from "../chunks/chunk-QZAUOHDQ.js";
 import "../chunks/chunk-5WLOVHKK.js";
 import {
   useUiTheme

package/dist/native/data-display/Avatar.js

@@ -6,8 +6,8 @@ import {
 } from "../chunks/chunk-5GJ5OG5R.js";
 import {
   Icon
-} from "../chunks/chunk-Q52IDAF2.js";
-import "../chunks/chunk-M4DTJDWU.js";
+} from "../chunks/chunk-D4EYAXNG.js";
+import "../chunks/chunk-QZAUOHDQ.js";
 import "../chunks/chunk-5WLOVHKK.js";
 import {
   useUiTheme

package/dist/native/data-display/Badge.js

@@ -3,16 +3,16 @@ import {
 } from "../chunks/chunk-MLQIOKQZ.js";
 import {
   webAria
-} from "../chunks/chunk-4NK5ZQZ3.js";
+} from "../chunks/chunk-T6BJPP3E.js";
 import {
   renderTextChildren
 } from "../chunks/chunk-5GJ5OG5R.js";
 import {
   Icon
-} from "../chunks/chunk-Q52IDAF2.js";
+} from "../chunks/chunk-D4EYAXNG.js";
 import {
   resolveTestId
-} from "../chunks/chunk-M4DTJDWU.js";
+} from "../chunks/chunk-QZAUOHDQ.js";
 import "../chunks/chunk-5WLOVHKK.js";
 import {
   useUiTheme

package/dist/native/data-display/Chip.js

@@ -1,7 +1,7 @@
 import {
   Icon
-} from "../chunks/chunk-Q52IDAF2.js";
-import "../chunks/chunk-M4DTJDWU.js";
+} from "../chunks/chunk-D4EYAXNG.js";
+import "../chunks/chunk-QZAUOHDQ.js";
 import "../chunks/chunk-5WLOVHKK.js";
 import {
   useUiTheme

package/dist/native/data-display/EmptyState.js

@@ -1,6 +1,6 @@
 import {
   Button
-} from "../chunks/chunk-UKCCYP52.js";
+} from "../chunks/chunk-RJVM5YDE.js";
 import {
   MUI_FONT_WEIGHT_MEDIUM,
   MUI_TYPE,
@@ -8,15 +8,15 @@ import {
 } from "../chunks/chunk-HSIND52T.js";
 import {
   webAria
-} from "../chunks/chunk-4NK5ZQZ3.js";
+} from "../chunks/chunk-T6BJPP3E.js";
 import "../chunks/chunk-5GJ5OG5R.js";
 import {
   Icon
-} from "../chunks/chunk-Q52IDAF2.js";
+} from "../chunks/chunk-D4EYAXNG.js";
 import {
   resolveTestId,
   withoutTestIdProps
-} from "../chunks/chunk-M4DTJDWU.js";
+} from "../chunks/chunk-QZAUOHDQ.js";
 import "../chunks/chunk-5WLOVHKK.js";
 import {
   useUiTheme

package/dist/native/data-display/ErrorState.js

@@ -1,6 +1,6 @@
 import {
   Button
-} from "../chunks/chunk-UKCCYP52.js";
+} from "../chunks/chunk-RJVM5YDE.js";
 import {
   MUI_FONT_WEIGHT_MEDIUM,
   MUI_TYPE,
@@ -8,15 +8,15 @@ import {
 } from "../chunks/chunk-HSIND52T.js";
 import {
   webAria
-} from "../chunks/chunk-4NK5ZQZ3.js";
+} from "../chunks/chunk-T6BJPP3E.js";
 import "../chunks/chunk-5GJ5OG5R.js";
 import {
   Icon
-} from "../chunks/chunk-Q52IDAF2.js";
+} from "../chunks/chunk-D4EYAXNG.js";
 import {
   resolveTestId,
   withoutTestIdProps
-} from "../chunks/chunk-M4DTJDWU.js";
+} from "../chunks/chunk-QZAUOHDQ.js";
 import "../chunks/chunk-5WLOVHKK.js";
 import {
   useUiTheme

package/dist/native/data-display/LoadingState.js

@@ -4,7 +4,7 @@ import {
 import {
   resolveTestId,
   withoutTestIdProps
-} from "../chunks/chunk-M4DTJDWU.js";
+} from "../chunks/chunk-QZAUOHDQ.js";
 import {
   SIZE_VALUES
 } from "../chunks/chunk-5WLOVHKK.js";

package/dist/native/form/Button.js

@@ -1,8 +1,8 @@
 import {
   Button
-} from "../chunks/chunk-UKCCYP52.js";
+} from "../chunks/chunk-RJVM5YDE.js";
 import "../chunks/chunk-5GJ5OG5R.js";
-import "../chunks/chunk-M4DTJDWU.js";
+import "../chunks/chunk-QZAUOHDQ.js";
 import "../chunks/chunk-YTHR4Y5P.js";
 import "../chunks/chunk-P3PL4WBO.js";
 export {

package/dist/native/form/Checkbox.js

@@ -0,0 +1,233 @@
+import {
+  withDefaults
+} from "../chunks/chunk-OXHZDFJZ.js";
+import {
+  webKeyDown
+} from "../chunks/chunk-T6BJPP3E.js";
+import {
+  Icon
+} from "../chunks/chunk-D4EYAXNG.js";
+import {
+  resolveTestId,
+  withoutTestIdProps
+} from "../chunks/chunk-QZAUOHDQ.js";
+import "../chunks/chunk-5WLOVHKK.js";
+import {
+  useUiTheme
+} from "../chunks/chunk-YTHR4Y5P.js";
+import {
+  alpha
+} from "../chunks/chunk-P3PL4WBO.js";
+
+// src/components/form/Checkbox/Checkbox.native.tsx
+import * as React from "react";
+import {
+  ActivityIndicator,
+  Platform,
+  Pressable,
+  StyleSheet,
+  Text as RNText,
+  View
+} from "react-native";
+
+// src/components/form/Checkbox/Checkbox.helpers.ts
+var CHECKBOX_DEFAULTS = {
+  variant: "default",
+  ripple: true,
+  glow: false,
+  pulse: false
+};
+var resolveCheckboxProps = (props) => withDefaults(props, CHECKBOX_DEFAULTS);
+var makeTestId = (dataTestId) => (suffix) => dataTestId ? `${dataTestId}-${suffix}` : `checkbox-${suffix}`;
+
+// src/components/form/Checkbox/Checkbox.metrics.ts
+var CHECKBOX_PADDING = 9;
+var CHECKBOX_GLYPH_SIZES = { small: 20, medium: 24, large: 35 };
+var glyphSize = (size) => CHECKBOX_GLYPH_SIZES[size ?? "medium"] ?? CHECKBOX_GLYPH_SIZES.medium;
+var CHECKBOX_GLYPH = {
+  checked: "CheckBox",
+  unchecked: "CheckBoxOutlineBlank",
+  indeterminate: "IndeterminateCheckBox"
+};
+var CHECKBOX_VARIANT = {
+  default: {},
+  rounded: { radius: "50%" },
+  toggle: { radius: 12, scale: 1.2 }
+};
+var CHECKBOX_SPINNER = { size: 20, offset: -10 };
+var CHECKBOX_EFFECT_INK = { r: 25, g: 118, b: 210 };
+var CHECKBOX_GLOW = { blur: { from: 5, to: 20 }, alpha: { from: 0.5, to: 0.8 }, ms: 2e3 };
+var effectInk = (alphaValue) => `rgba(${CHECKBOX_EFFECT_INK.r}, ${CHECKBOX_EFFECT_INK.g}, ${CHECKBOX_EFFECT_INK.b}, ${alphaValue})`;
+var CHECKBOX_LABEL = { marginLeft: 0, fontSize: 14 };
+var CHECKBOX_HELPER = { marginLeftUnits: 4, marginTopUnits: 0.5, fontSize: 12, lineHeight: 1.66 };
+
+// src/components/form/Checkbox/Checkbox.native.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function glyphFor(checked, indeterminate) {
+  if (indeterminate) return CHECKBOX_GLYPH.indeterminate;
+  return checked ? CHECKBOX_GLYPH.checked : CHECKBOX_GLYPH.unchecked;
+}
+function glyphInk(theme, checked, indeterminate, disabled) {
+  if (disabled) return theme.palette.action.disabled;
+  if (checked || indeterminate) return theme.palette.primary.main;
+  return theme.palette.text.secondary;
+}
+function glowStyle() {
+  return Platform.select({
+    android: { elevation: CHECKBOX_GLOW.blur.to / 2 },
+    default: {
+      shadowColor: effectInk(1),
+      shadowOpacity: CHECKBOX_GLOW.alpha.from,
+      shadowRadius: CHECKBOX_GLOW.blur.from,
+      shadowOffset: { width: 0, height: 0 }
+    }
+  });
+}
+function variantStyle(variant, size) {
+  const treatment = CHECKBOX_VARIANT[variant];
+  if (treatment.radius === void 0) return {};
+  return {
+    overflow: "hidden",
+    borderRadius: typeof treatment.radius === "number" ? treatment.radius : size / 2,
+    ...treatment.scale === void 0 ? {} : { transform: [{ scale: treatment.scale }] }
+  };
+}
+function CheckboxBox(props) {
+  const theme = useUiTheme();
+  const { checked, indeterminate, inactive, size, variant } = props;
+  const ink = glyphInk(theme, checked, indeterminate, inactive);
+  return /* @__PURE__ */ jsxs(
+    Pressable,
+    {
+      ref: props.boxRef,
+      testID: props.testID,
+      role: "checkbox",
+      "aria-checked": indeterminate ? "mixed" : checked,
+      "aria-disabled": inactive,
+      "aria-label": props.label,
+      disabled: inactive,
+      onPress: props.onToggle,
+      android_ripple: props.ripple && !inactive ? { color: alpha(theme.palette.primary.main, 0.2), borderless: true } : void 0,
+      ...webKeyDown((event) => {
+        if (event.key === " " || event.key === "Spacebar") props.onToggle();
+      }),
+      style: [styles.box, props.glow ? glowStyle() : null],
+      ...props.rest,
+      children: [
+        /* @__PURE__ */ jsx(View, { style: variantStyle(variant, size), children: /* @__PURE__ */ jsx(Icon, { name: glyphFor(checked, indeterminate), size, color: ink }) }),
+        props.loading ? /* @__PURE__ */ jsx(
+          ActivityIndicator,
+          {
+            style: styles.spinner,
+            size: CHECKBOX_SPINNER.size,
+            color: theme.palette.primary.main,
+            accessibilityLabel: "loading"
+          }
+        ) : null
+      ]
+    }
+  );
+}
+function labelStyle(theme, error) {
+  return {
+    color: error ? theme.palette.danger.main : theme.palette.text.primary,
+    fontFamily: theme.typography.fontFamily,
+    fontSize: CHECKBOX_LABEL.fontSize,
+    marginLeft: CHECKBOX_LABEL.marginLeft
+  };
+}
+function helperStyle(theme, error) {
+  return {
+    color: error ? theme.palette.danger.main : theme.palette.text.secondary,
+    fontFamily: theme.typography.fontFamily,
+    fontSize: CHECKBOX_HELPER.fontSize,
+    lineHeight: CHECKBOX_HELPER.fontSize * CHECKBOX_HELPER.lineHeight,
+    marginLeft: theme.spacing(CHECKBOX_HELPER.marginLeftUnits),
+    marginTop: theme.spacing(CHECKBOX_HELPER.marginTopUnits)
+  };
+}
+var Checkbox = React.forwardRef((rawProps, ref) => {
+  const {
+    variant,
+    label,
+    error,
+    helperText,
+    loading,
+    ripple,
+    glow,
+    pulse: _pulse,
+    indeterminate,
+    disabled,
+    size,
+    checked,
+    defaultChecked,
+    onChange,
+    onClick,
+    onPress,
+    style,
+    ...others
+  } = resolveCheckboxProps(rawProps);
+  const theme = useUiTheme();
+  const [own, setOwn] = React.useState(Boolean(defaultChecked));
+  const current = checked ?? own;
+  const inactive = Boolean(disabled) || Boolean(loading);
+  const testId = makeTestId(resolveTestId(others));
+  const toggle = (event) => {
+    const next = !current;
+    setOwn(next);
+    onChange?.({ target: { checked: next } }, next);
+    if (event === void 0) return;
+    onClick?.(event);
+    onPress?.(event);
+  };
+  const box = /* @__PURE__ */ jsx(
+    CheckboxBox,
+    {
+      boxRef: ref,
+      testID: resolveTestId(others, "checkbox") ?? "checkbox",
+      checked: current,
+      indeterminate: Boolean(indeterminate),
+      inactive,
+      loading: Boolean(loading),
+      glow,
+      ripple,
+      variant,
+      size: glyphSize(size),
+      label,
+      onToggle: toggle,
+      rest: withoutTestIdProps(others)
+    }
+  );
+  if (label === void 0) return box;
+  return /* @__PURE__ */ jsxs(View, { testID: testId("container"), style, children: [
+    /* @__PURE__ */ jsxs(View, { style: styles.row, children: [
+      box,
+      /* @__PURE__ */ jsx(RNText, { style: labelStyle(theme, Boolean(error)), children: label })
+    ] }),
+    helperText === void 0 ? null : /* @__PURE__ */ jsx(RNText, { testID: testId("helper"), style: helperStyle(theme, Boolean(error)), children: helperText })
+  ] });
+});
+Checkbox.displayName = "Checkbox";
+var styles = StyleSheet.create({
+  box: {
+    padding: CHECKBOX_PADDING,
+    alignItems: "center",
+    justifyContent: "center",
+    position: "relative"
+  },
+  row: {
+    flexDirection: "row",
+    alignItems: "center"
+  },
+  spinner: {
+    position: "absolute",
+    top: "50%",
+    left: "50%",
+    marginTop: CHECKBOX_SPINNER.offset,
+    marginLeft: CHECKBOX_SPINNER.offset
+  }
+});
+export {
+  Checkbox
+};
+//# sourceMappingURL=Checkbox.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/form/Checkbox/Checkbox.native.tsx","../../../src/components/form/Checkbox/Checkbox.helpers.ts","../../../src/components/form/Checkbox/Checkbox.metrics.ts"],"sourcesContent":["import * as React from 'react';\nimport {\n  ActivityIndicator,\n  Platform,\n  Pressable,\n  StyleSheet,\n  Text as RNText,\n  View,\n  type GestureResponderEvent,\n  type TextStyle,\n  type ViewStyle,\n} from 'react-native';\n\nimport { makeTestId, resolveCheckboxProps } from './Checkbox.helpers';\nimport {\n  CHECKBOX_GLOW,\n  CHECKBOX_GLYPH,\n  CHECKBOX_HELPER,\n  CHECKBOX_LABEL,\n  CHECKBOX_PADDING,\n  CHECKBOX_SPINNER,\n  CHECKBOX_VARIANT,\n  effectInk,\n  glyphSize,\n} from './Checkbox.metrics';\nimport type { CheckboxProps } from './Checkbox.types.native';\nimport { Icon } from '../../../icons/Icon.native';\nimport type { IconName } from '../../../icons/Icon.types';\nimport { webKeyDown } from '../../../platform/aria';\nimport { resolveTestId, withoutTestIdProps } from '../../../platform/test-id';\nimport { useUiTheme } from '../../../provider/use-ui-theme.native';\nimport { alpha } from '../../../tokens/color';\nimport type { UiTheme } from '../../../tokens/theme';\n\n/** Which of MUI's three glyphs the box is in right now. */\nfunction glyphFor(checked: boolean, indeterminate: boolean): IconName {\n  if (indeterminate) return CHECKBOX_GLYPH.indeterminate;\n  return checked ? CHECKBOX_GLYPH.checked : CHECKBOX_GLYPH.unchecked;\n}\n\n/**\n * The ink the box is drawn in.\n *\n * MUI's own rule paints a checked box in `palette[color].main`, but\n * `Checkbox.tsx` overrides `.Mui-checked` with `primary.main` and wins on\n * source order — so every colour checks blue on the web, and here too.\n */\nfunction glyphInk(theme: UiTheme, checked: boolean, indeterminate: boolean, disabled: boolean): string {\n  if (disabled) return theme.palette.action.disabled;\n  if (checked || indeterminate) return theme.palette.primary.main;\n  return theme.palette.text.secondary;\n}\n\n/** `glow` as a shadow; the web breathes it between two blurs, which needs keyframes. */\nfunction glowStyle(): ViewStyle {\n  return Platform.select<ViewStyle>({\n    android: { elevation: CHECKBOX_GLOW.blur.to / 2 },\n    default: {\n      shadowColor: effectInk(1),\n      shadowOpacity: CHECKBOX_GLOW.alpha.from,\n      shadowRadius: CHECKBOX_GLOW.blur.from,\n      shadowOffset: { width: 0, height: 0 },\n    },\n  });\n}\n\n/** The `rounded` and `toggle` variants' corner and scale, on the glyph's own box. */\nfunction variantStyle(variant: keyof typeof CHECKBOX_VARIANT, size: number): ViewStyle {\n  const treatment = CHECKBOX_VARIANT[variant];\n  if (treatment.radius === undefined) return {};\n  return {\n    overflow: 'hidden',\n    borderRadius: typeof treatment.radius === 'number' ? treatment.radius : size / 2,\n    ...(treatment.scale === undefined ? {} : { transform: [{ scale: treatment.scale }] }),\n  };\n}\n\ninterface BoxProps {\n  boxRef: React.ForwardedRef<View>;\n  testID: string;\n  checked: boolean;\n  indeterminate: boolean;\n  inactive: boolean;\n  loading: boolean;\n  glow: boolean;\n  ripple: boolean;\n  variant: keyof typeof CHECKBOX_VARIANT;\n  size: number;\n  label?: string;\n  onToggle: (event?: GestureResponderEvent) => void;\n  rest: Record<string, unknown>;\n}\n\n/** The box itself: MUI's glyph inside `SwitchBase`'s 9px of padding. */\nfunction CheckboxBox(props: BoxProps): React.JSX.Element {\n  const theme = useUiTheme();\n  const { checked, indeterminate, inactive, size, variant } = props;\n  const ink = glyphInk(theme, checked, indeterminate, inactive);\n\n  return (\n    <Pressable\n      ref={props.boxRef}\n      testID={props.testID}\n      role=\"checkbox\"\n      aria-checked={indeterminate ? 'mixed' : checked}\n      aria-disabled={inactive}\n      aria-label={props.label}\n      disabled={inactive}\n      onPress={props.onToggle}\n      android_ripple={\n        props.ripple && !inactive\n          ? { color: alpha(theme.palette.primary.main, 0.2), borderless: true }\n          : undefined\n      }\n      {...webKeyDown((event) => {\n        if (event.key === ' ' || event.key === 'Spacebar') props.onToggle();\n      })}\n      style={[styles.box, props.glow ? glowStyle() : null]}\n      {...props.rest}\n    >\n      <View style={variantStyle(variant, size)}>\n        <Icon name={glyphFor(checked, indeterminate)} size={size} color={ink} />\n      </View>\n      {props.loading ? (\n        <ActivityIndicator\n          style={styles.spinner}\n          size={CHECKBOX_SPINNER.size}\n          color={theme.palette.primary.main}\n          accessibilityLabel=\"loading\"\n        />\n      ) : null}\n    </Pressable>\n  );\n}\n\n/** MUI's `FormControlLabel` label, in `body2` and the error hue when it errs. */\nfunction labelStyle(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: CHECKBOX_LABEL.fontSize,\n    marginLeft: CHECKBOX_LABEL.marginLeft,\n  };\n}\n\n/** `FormHelperText`, four spacing units in and half a unit down. */\nfunction helperStyle(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: CHECKBOX_HELPER.fontSize,\n    lineHeight: CHECKBOX_HELPER.fontSize * CHECKBOX_HELPER.lineHeight,\n    marginLeft: theme.spacing(CHECKBOX_HELPER.marginLeftUnits),\n    marginTop: theme.spacing(CHECKBOX_HELPER.marginTopUnits),\n  };\n}\n\n/**\n * The native `Checkbox`.\n *\n * The box is the glyph MUI's own `Checkbox` draws — `@12-apps/ui/icons`\n * generates its path from the same `@mui/icons-material` — inside\n * `SwitchBase`'s 9px of padding, under a pressable carrying `role=\"checkbox\"`\n * and `aria-checked`: the state the web's hidden `<input type=\"checkbox\">`\n * carries. See `NATIVE-NOTES.md`.\n */\nexport const Checkbox = React.forwardRef<View, CheckboxProps>((rawProps, ref) => {\n  const {\n    variant, label, error, helperText, loading, ripple, glow, pulse: _pulse,\n    indeterminate, disabled, size, checked, defaultChecked,\n    onChange, onClick, onPress, style, ...others\n  } = resolveCheckboxProps(rawProps);\n\n  const theme = useUiTheme();\n  // `Boolean()` rather than a destructuring default for each: every `= false`\n  // is a branch, and there are enough of them here to cost the size gate.\n  const [own, setOwn] = React.useState(Boolean(defaultChecked));\n  const current = checked ?? own;\n  const inactive = Boolean(disabled) || Boolean(loading);\n  const testId = makeTestId(resolveTestId(others));\n\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 box = (\n    <CheckboxBox\n      boxRef={ref}\n      testID={resolveTestId(others, 'checkbox') ?? 'checkbox'}\n      checked={current}\n      indeterminate={Boolean(indeterminate)}\n      inactive={inactive}\n      loading={Boolean(loading)}\n      glow={glow}\n      ripple={ripple}\n      variant={variant}\n      size={glyphSize(size)}\n      label={label}\n      onToggle={toggle}\n      rest={withoutTestIdProps(others) as Record<string, unknown>}\n    />\n  );\n\n  if (label === undefined) return box;\n\n  return (\n    <View testID={testId('container')} style={style}>\n      <View style={styles.row}>\n        {box}\n        <RNText style={labelStyle(theme, Boolean(error))}>{label}</RNText>\n      </View>\n      {helperText === undefined ? null : (\n        <RNText testID={testId('helper')} style={helperStyle(theme, Boolean(error))}>\n          {helperText}\n        </RNText>\n      )}\n    </View>\n  );\n});\n\nCheckbox.displayName = 'Checkbox';\n\nconst styles = StyleSheet.create({\n  box: {\n    padding: CHECKBOX_PADDING,\n    alignItems: 'center',\n    justifyContent: 'center',\n    position: 'relative',\n  },\n  row: {\n    flexDirection: 'row',\n    alignItems: 'center',\n  },\n  spinner: {\n    position: 'absolute',\n    top: '50%',\n    left: '50%',\n    marginTop: CHECKBOX_SPINNER.offset,\n    marginLeft: CHECKBOX_SPINNER.offset,\n  },\n});\n","import type { CheckboxBaseProps } from './Checkbox.base';\nimport { withDefaults } from '../../../utils/withDefaults';\n\ntype CheckboxDefaultedKeys = 'variant' | 'ripple' | 'glow' | 'pulse';\n\n/**\n * Generic over the renderer's own props, as `resolveButtonProps` is: the web\n * and the native `Checkbox` pass different handler types through, and both come\n * back out untouched.\n */\nexport type ResolvedCheckboxProps<P extends CheckboxBaseProps = CheckboxBaseProps> = P &\n  Required<Pick<CheckboxBaseProps, CheckboxDefaultedKeys>>;\n\nconst CHECKBOX_DEFAULTS: Required<Pick<CheckboxBaseProps, CheckboxDefaultedKeys>> = {\n  variant: 'default',\n  ripple: true,\n  glow: false,\n  pulse: false,\n};\n\nexport const resolveCheckboxProps = <P extends CheckboxBaseProps>(props: P): ResolvedCheckboxProps<P> =>\n  withDefaults(props, CHECKBOX_DEFAULTS as Partial<P>) as ResolvedCheckboxProps<P>;\n\n/** `${dataTestId}-${suffix}`, or `checkbox-${suffix}` when the caller named nothing. */\nexport const makeTestId =\n  (dataTestId?: string) =>\n  (suffix: string): string =>\n    dataTestId ? `${dataTestId}-${suffix}` : `checkbox-${suffix}`;\n","import type { CheckboxVariant } from './Checkbox.base';\n\n/**\n * THE NUMBERS BOTH `Checkbox` RENDERERS DRAW WITH.\n *\n * `Checkbox.tsx` (web, emotion over MUI's `Checkbox`) and\n * `Checkbox.native.tsx` (React Native) read this one table. As with the other\n * fields, some of it is what the web writes itself — the two variants' corner\n * treatment, the glow and pulse keyframes, the helper text's inset — and some\n * is what MUI supplies underneath: `SwitchBase`'s 9px padding, `SvgIcon`'s\n * three sizes, and the ink a box is drawn in.\n */\n\n/** MUI's `SwitchBase`: 9px of padding around the glyph, at every size. */\nexport const CHECKBOX_PADDING = 9;\n\n/** `SvgIcon`'s own three steps. MUI passes the `size` prop straight to the glyph. */\nexport const CHECKBOX_GLYPH_SIZES = { small: 20, medium: 24, large: 35 } as const;\nexport type CheckboxSize = keyof typeof CHECKBOX_GLYPH_SIZES;\n\nexport const glyphSize = (size: CheckboxSize | undefined): number =>\n  CHECKBOX_GLYPH_SIZES[size ?? 'medium'] ?? CHECKBOX_GLYPH_SIZES.medium;\n\n/**\n * The three glyphs MUI draws, by state.\n *\n * `@12-apps/ui/icons` generates their paths from the same\n * `@mui/icons-material` package MUI's own `Checkbox` imports them from, so the\n * native box is the web box rather than a hand-drawn square.\n */\nexport const CHECKBOX_GLYPH = {\n  checked: 'CheckBox',\n  unchecked: 'CheckBoxOutlineBlank',\n  indeterminate: 'IndeterminateCheckBox',\n} as const;\n\n/**\n * The corner each variant gives the glyph's box.\n *\n * `rounded` is a circle and `toggle` a 12px radius at 1.2 scale — both applied\n * to the SVG's own box on the web, where they show only through what the box\n * clips. Native gives them the same radius and the same scale.\n */\nexport const CHECKBOX_VARIANT: Record<CheckboxVariant, { radius?: number | string; scale?: number }> = {\n  default: {},\n  rounded: { radius: '50%' },\n  toggle: { radius: 12, scale: 1.2 },\n};\n\n/** The wash a hovered box takes, and the 0.3s every state change runs over. */\nexport const CHECKBOX_HOVER_ALPHA = 0.1;\nexport const CHECKBOX_TRANSITION_MS = 300;\n\n/** `loading`: MUI's 20px `CircularProgress`, centred over the box. */\nexport const CHECKBOX_SPINNER = { size: 20, offset: -10 } as const;\n\n/**\n * `glow` and `pulse` are keyed to MUI's DEFAULT blue rather than the theme's\n * primary — the web writes the rgba out by hand — so both renderers do.\n */\nexport const CHECKBOX_EFFECT_INK = { r: 25, g: 118, b: 210 } as const;\nexport const CHECKBOX_GLOW = { blur: { from: 5, to: 20 }, alpha: { from: 0.5, to: 0.8 }, ms: 2000 } as const;\nexport const CHECKBOX_PULSE = { spread: 10, alpha: 0.7, ms: 2000 } as const;\n\n/** MUI's default blue at an alpha, as the web's keyframes spell it. */\nexport const effectInk = (alphaValue: number): string =>\n  `rgba(${CHECKBOX_EFFECT_INK.r}, ${CHECKBOX_EFFECT_INK.g}, ${CHECKBOX_EFFECT_INK.b}, ${alphaValue})`;\n\n/** `FormControlLabel`: flush left, its label at MUI's `body2` size. */\nexport const CHECKBOX_LABEL = { marginLeft: 0, fontSize: 14 } as const;\n\n/** `FormHelperText`: four spacing units in, half a unit down. */\nexport const CHECKBOX_HELPER = { marginLeftUnits: 4, marginTopUnits: 0.5, fontSize: 12, lineHeight: 1.66 } as const;\n"],"mappings":"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","names":[]}